@charset "UTF-8";
/****************************************/
/* HubSpot Template - LeadPlus     */
/****************************************/
/****************************************
- 0V - VARIABLES
****************************************/
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);



























































/****************************************
- 1R - HUBSPOT RESET STYLES7
****************************************/
/* Images */
img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
  /* Suppress the space beneath the baseline */ }

/* Videos */
video {
  max-width: 100%;
  height: auto; }

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
  position: relative;
  height: auto;
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }

.color {
  color: #d9d9d9 !important;
}
.color-gray {
    color: #a8a69c !important;
}
.color-pink {
    color: #ec508e !important;
}
.color-dialogone {
    color: #FF0096 !important;
}
.small-text {
  font-size: medium !important;
}
.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
  width: 100%;
  height: 100%;
  border: 0; }

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
  padding-bottom: 2%; }

.hs-responsive-embed.hs-responsive-embed-instagram {
  padding-bottom: 116.01%; }

.hs-responsive-embed.hs-responsive-embed-pinterest {
  height: auto;
  overflow: visible;
  padding: 0; }

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
  position: static;
  width: auto;
  height: auto; }

iframe[src^="//www.slideshare.net/slideshow/embed_code/"] {
  width: 100%;
  max-width: 100%; }

@media (max-width: 568px) {
  iframe {
    max-width: 100%; } }

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
  padding: 6px;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* br */
@media (max-width: 768px) {
  .responsive {
    display: none;
  }
}

/* Menus */
.hs-menu-wrapper ul {
  padding: 0; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
  list-style: none;
  margin: 0; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  display: inline-block;
  margin-bottom: 20px; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
  content: " ";
  display: table; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
  content: " ";
  display: table;
  clear: both; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
 /* float: left; */ }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  display: inline-block;
  padding: 10px 20px;
  overflow: hidden;
  text-decoration: none;
  max-width: 100% !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
  position: relative; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
  overflow: hidden; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 180px;
  top: 0; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible; }

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  margin-bottom: 0; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
  position: relative;
  margin-bottom: 20px;
  min-height: 7em; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
  margin-bottom: 0; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
  position: static; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
  content: " ";
  display: table; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
  content: " ";
  display: table;
  clear: both; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
  float: left; }

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
  display: inline-block;
  padding: 10px 20px;
  white-space: nowrap;
  width: auto;
  overflow: hidden;
  text-decoration: none; }

.hs-menu-wrapper.hs-menu-flow-vertical {
  width: 100%; }

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  list-style: none;
  margin: 0; }

.hs-menu-wrapper.hs-menu-flow-vertical li a {
  display: block;
  white-space: nowrap;
  overflow: hidden; }

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
  margin-bottom: 20px; }

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
  width: auto; }

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
  padding: 10px 20px;
  text-decoration: none; }

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
  position: relative; }

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 180px; }

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
  min-width: 140px;
  width: auto; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
  max-width: 100%;
  overflow: hidden; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
  position: static; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
  padding-left: 4em; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
  padding-left: 6em; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
  padding-left: 8em; }

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
  padding-left: 140px; }

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); }

@media (max-width: 568px) {
  .hs-menu-wrapper, .hs-menu-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%; }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
    display: block; }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: block; }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: none; }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: block;
    max-width: 100%;
    width: 100%; } }

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1; }

/* Space Module */
.widget-type-space {
  visibility: hidden; }

/* Blog Author Section */
.hs-author-listing-header {
  margin: 0 0 .75em 0; }

.hs-author-social-links {
  display: inline-block; }

.hs-author-social-links a.hs-author-social-link {
  width: 24px;
  height: 24px;
  border-width: 0px;
  border: 0px;
  line-height: 24px;
  -webkit-background-size: 24px 24px;
     -moz-background-size: 24px 24px;
       -o-background-size: 24px 24px;
          background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px; }

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
  background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); }

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
  background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); }

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
  background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); }

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
  background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); }

/*
 * jQuery FlexSlider v2.0
 * //www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * //www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
  display: block;
  overflow: hidden; }

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {
  outline: none; }

.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {
  margin: 0;
  padding: 0; }

.hs_cos_flex-slider .hs_cos_flex-slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {
  width: 100%;
  display: block;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px; }

.hs_cos_flex-pauseplay span {
  text-transform: none;
  /* text-transform: capitalize; */
}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .hs_cos_flex-slides {
  display: block; }

* html .hs_cos_flex-slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {
  margin: 0 0 60px;
  background: #fff;
  border: 0;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  zoom: 1; }

.hs_cos_flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .hs_cos_flex-viewport {
  max-height: 300px; }

.hs_cos_flex-slider .hs_cos_flex-slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.hs_cos_flex-direction-nav {
  *height: 0; }

.hs_cos_flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease; }

.hs_cos_flex-direction-nav .hs_cos_flex-next {
  background-position: 100% 0;
  right: -36px; }

.hs_cos_flex-direction-nav .hs_cos_flex-prev {
  left: -36px; }

.hs_cos_flex-slider:hover .hs_cos_flex-next {
  opacity: 0.8;
  right: 5px; }

.hs_cos_flex-slider:hover .hs_cos_flex-prev {
  opacity: 0.8;
  left: 5px; }

.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {
  opacity: 1; }

.hs_cos_flex-direction-nav .hs_cos_flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default; }

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
  margin: 0px;
  padding: 0px;
  list-style: none; }

.hs_cos_flex_thumbnavs-direction-nav {
  *height: 0; }

.hs_cos_flex_thumbnavs-direction-nav a {
  width: 30px;
  height: 140px;
  margin: -60px 0 0;
  display: block;
  background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: all .3s ease; }

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {
  background-position: 100% 40%;
  right: 0px; }

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {
  left: 0px; }

.hs-cos-flex-slider-control-panel img {
  cursor: pointer; }

.hs-cos-flex-slider-control-panel img:hover {
  opacity: .8; }

.hs-cos-flex-slider-control-panel {
  margin-top: -30px; }

/* Control Nav */
.hs_cos_flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.hs_cos_flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.hs_cos_flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.hs_cos_flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.hs_cos_flex-control-paging li a.hs_cos_flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.hs_cos_flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.hs_cos_flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.hs_cos_flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.hs_cos_flex-control-thumbs img:hover {
  opacity: 1; }

.hs_cos_flex-control-thumbs .hs_cos_flex-active {
  opacity: 1;
  cursor: default; }

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {
    opacity: 1;
    left: 0; }
  .hs_cos_flex-direction-nav .hs_cos_flex-next {
    opacity: 1;
    right: 0; } }

.hs_cos_flex-slider .caption {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  font-size: 2em;
  line-height: 1.1em;
  color: white;
  padding: 0px 5% 0px 5%;
  width: 100%;
  bottom: 0;
  text-align: center; }

.hs_cos_flex-slider .superimpose .caption {
  color: white;
  font-size: 3em;
  line-height: 1.1em;
  position: absolute;
  padding: 0px 5% 0px 5%;
  width: 90%;
  top: 40%;
  text-align: center;
  background-color: transparent; }

@media all and (max-width: 400px) {
  .hs_cos_flex-slider .superimpose .caption {
    background-color: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    width: 90%;
    padding: 0px 5% 0px 5%;
    top: 40%;
    text-align: center; }
  /* beat recaptcha into being responsive, !importants and specificity are necessary */
  #recaptcha_area table#recaptcha_table {
    width: 300px !important; }
  #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
    width: 300px !important; }
  #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 {
    width: 67px !important; }
  #recaptcha_area table#recaptcha_table #recaptcha_image {
    width: 280px !important; } }

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
  color: white; }

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  margin-right: -4px; }

.hs-gallery-thumbnails.fixed-height li img {
  max-height: 150px;
  margin: 0px;
  padding: 0px;
  border-width: 0px; }

/* responsive pre elements */
pre {
  overflow-x: auto; }

/* responsive pre tables */
table pre {
  white-space: pre-wrap; }

/* adding minimal spacing for blog comments */
.comment {
  margin: 10px 0 10px 0; }

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
  word-break : break-all; }

/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

/* Support migrations from wordpress */
.wp-float-left {
  float: left;
  margin: 0 20px 20px 0; }

.wp-float-right {
  float: right;
  margin: 0 0 20px 20px; }

/* Responsive Google Maps */
#map_canvas img, .google-maps img {
  max-width: none; }

/* line height fix for reCaptcha theme */
#recaptcha_table td {
  line-height: 0; }

.recaptchatable #recaptcha_response_field {
  min-height: 0;
  line-height: 12px; }

/********************************************************/
/********************************************************/
/******* animate.cssを含める *******/
/********************************************************/
/********************************************************/
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_menu:after, .slicknav_menu:before {
  display: table;
  content: " "; }

.slicknav_btn, .slicknav_nav .slicknav_item {
  cursor: pointer; }

.slicknav_menu, .slicknav_menu * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.slicknav_nav, .slicknav_nav ul {
  padding: 0;
  list-style: none;
  overflow: hidden; }

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: .438em .625em;
  line-height: 1.125em; }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: .188em; }

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 3px #000; }

.slicknav_menu .slicknav_icon {
  float: left;
  margin: .188em 0 0 .438em; }

.slicknav_menu .slicknav_no-text {
  margin: 0; }

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: .125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_menu:after {
  clear: both; }

.slicknav_nav li, .slicknav_nav ul {
  display: block; }

.slicknav_nav .slicknav_arrow {
  font-size: .8em;
  margin: 0 0 0 .4em; }

.slicknav_nav .slicknav_item a {
  display: inline; }

.slicknav_nav .slicknav_row, .slicknav_nav a {
  display: block; }

.slicknav_nav .slicknav_parent-link a {
  display: inline; }

.slicknav_menu {
  *zoom: 1;
  font-size: 16px;
  background: #4c4c4c;
  padding: 5px; }

.slicknav_menu .slicknav_icon-bar {
  background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  clear: both;
  color: #fff;
  margin: 0;
  font-size: .875em; }

.slicknav_nav ul {
  margin: 0 0 0 20px; }

.slicknav_nav .slicknav_row, .slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px; }

.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff; }

.slicknav_nav a {
  text-decoration: none;
  color: #fff; }

.slicknav_nav a:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #222; }

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px; }

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0; }

.slicknav_brand {
  float: left;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

/* SLICK CSS */
.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* SLICK THEME CSS */
.slick-dots, .slick-next, .slick-prev {
  padding: 0;
  position: absolute;
  display: block; }

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-loading .slick-list {
  background: center center no-repeat #fff; }

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0; }

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0; }

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25; }

.slick-next:before, .slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff; }

.slick-prev {
  left: -25px; }

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

.slick-next:before, [dir=rtl] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir=rtl] .slick-next {
  right: auto;
  left: -25px; }

[dir=rtl] .slick-next:before {
  content: '←'; }

.slick-slider {
  /*margin-bottom: 30px;*/
}

.slick-dots {
  bottom: -45px;
  width: 100%;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0; }

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0; }

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1; }

.slick-dots li button:before {
  font-size: 6px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000; }

/****************************************
- 2G - GLOBALS
****************************************/
body {
  line-height: 1.42857143;
  color: #3E3E3E;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
  overflow-x: hidden; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  line-height: 1.4;
  color: inherit;
  margin: 20px 0px; }
  .h1 span,
  .h2 span,
  .h3 span,
  .h4 span,
  .h5 span,
  .h6 span,
  h1 span,
  h2 span,
  h3 span,
  h4 span,
  h5 span,
  h6 span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #d9d9d9; }

p {
  margin: 20px 0px; }

label span {
  background-color: transparent; }

.hs_cos_flex-direction-nav a {
  background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/bg_direction_nav.png"); }

.row-fluid [class*="span"] {
  min-height: 0px; }

.container {
  max-width: 1250px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.footer-container-wrapper .footer ul li a i {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.footer-container-wrapper .footer ul li a i:hover {
  background-color: #bfbfbf; }

body,
a,
h1,
h2,
h3,
h4,
h5,
p,
span,
div,
ul,
li,
input,
span,
textarea {
  margin: 0px;
  padding: 0px;
  outline: none;
  font-size: 18px;
  font-weight: 200;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;; }
  body span,
  a span,
  h1 span,
  h2 span,
  h3 span,
  h4 span,
  h5 span,
  p span,
  span span,
  div span,
  ul span,
  li span,
  input span,
  span span,
  textarea span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 20px 0px; }

textarea {
  padding: 8px; }

.error {
  margin: 0; }

.widget-type-header h1 span,
.widget-type-header h2 span,
.widget-type-header h3 span,
.widget-type-header h4 span,
.widget-type-header h5 span,
.widget-type-header h6 span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #d9d9d9; }

header.header .widget-type-logo {
  height: 70px;
  position: relative; }

header.header .home-logo .widget-type-logo img.hs-image-widget {
  max-width: 325px;
  max-height: 60px;
  width: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute; }

.widget-type-rich_text a:not(.cta_button):not(.cta-primary) {
  color: #d9d9d9; }
  .widget-type-rich_text a:not(.cta_button):not(.cta-primary) :hover {
    text-decoration: underline; }

.widget-type-form .form-title {
  font-size: 33px;
  font-weight: bold;
  text-align: left;
  margin: 65px 0 25px 0;
  color: #d9d9d9; }

.widget-type-form form .hs-form-required {
    color: #fff;
    background-color: #f00;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    font-size: 11px;
 }
  .widget-type-form form .hs-form-required form input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 400;
    border: solid 1px #d6d5d5;
    margin-top: 8px;
    color: initial;
    font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif; }

.widget-type-form .hs-form-field {
  margin-bottom: 20px;}

.widget-type-form form select {
  background-color: #4a4949;
  border: 0;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  color: #fff;
  margin-top: 19px !important;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 0px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down.png");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 64%; }

.widget-type-form form select::-ms-expand {
    display: none;
}

.widget-type-form form textarea {
  overflow: auto;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  border: solid 1px #d6d5d5;
  color: initial;
  margin-top: 8px;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif;
  min-height: 130px; }

.widget-type-form form ul li {
  list-style-type: none;
  color: #fff; }

.widget-type-form form ul li.hs-form-checkbox {
  color: #3E3E3E; }

.widget-type-form form ul li.hs-form-booleancheckbox {
  color: #3E3E3E; }

.widget-type-form label {
  font-size: 15px;
  font-weight: bold;
  position: relative; }
  .widget-type-form label span {
    color: #fff; }

.widget-type-form h3 {
  font-size: 33px;
  font-weight: bold;
  text-align: left;
  margin: 65px 0 25px 0;
  color: #d9d9d9; }

.widget-type-form .home-contact-section .widget-type-form label {
  color: #fff; }

.widget-type-form form input {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  color: #fff;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif; }

.widget-type-form form input[type="submit"] {
  border-bottom: none;
  font-size: 18px; }

.widget-type-form form textarea {
  background-color: transparent;
  border: none;
  outline: none;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  color: #fff;
  margin-top: 38px;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif;
  min-height: 130px; }

.widget-type-form form ul li {
  list-style-type: none; }

.feedreader_box {
  margin-top: -3px; }

.footer-info .widget-type-form form {
  margin-top: 30px; }
  .footer-info .widget-type-form form .hs-error-msgs a,
  .footer-info .widget-type-form form .hs-error-msgs label {
    color: #F00;
    font-size: 10px; }

.footer-info .widget-type-form .form-title {
  display: none; }

.footer-info .widget-type-form form input {
  color: #fff;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0; }

.footer-info .widget-type-form form .form-columns-1 input {
    width: 100%;
}

.footer-info .widget-type-form form div:first-of-type div:first-of-type div:first-of-type input:first-of-type {
  margin-top: 37px; }

.footer-info .widget-type-form ::-webkit-input-placeholder {
  color: #fff;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif; }

.footer-info .widget-type-form ::-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif; }

.footer-info .widget-type-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif; }

.footer-info .widget-type-form ::-ms-input-placeholder {
  color: #fff;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;, sans-serif; }

.footer-info .widget-type-form form {
  margin-top: 30px; }

.hs-form-checkbox-display span {
  padding-left: 5px;
  color: white; }

/*    .contact-page .widget-type-form .form-title{
        margin-top: 45px;
        margin-bottom: 24px;
        font-size: 31px;
        color: #ffc400;
        text-align: left;
        font-weight: 600;
    }

    .contact .widget-type-form form input{
        border: none;
        border-bottom: solid 1px #fff;
        color: #fff;
        margin-top: 38px;
    }
    .contact .widget-type-form form div:first-of-type div:first-of-type div:first-of-type input:first-of-type{
        margin-top: 10.4px;
    }

    .contact .widget-type-form form ::-webkit-input-placeholder {
   color: #fff;
    font-family: 'Houschka Pro',sans-serif;
}

.contact .widget-type-form form ::-moz-placeholder {  Firefox 18-
   color: #fff;
   font-family: 'Houschka Pro',sans-serif;
}

.contact .widget-type-form form ::-moz-placeholder {   Firefox 19+
   color: #fff;
   font-family: 'Houschka Pro',sans-serif;
}

.contact .widget-type-form form ::-ms-input-placeholder {
   color: #fff;
   font-family: 'Houschka Pro',sans-serif;
}
    .contact .hs-form-field {
        margin-bottom: initial;
    }


    .contact-page .widget-type-form form input{
        border: solid 1px #d6d5d5;
        margin-top:8px;
        color: initial;
    }
    .contact-page .hs-form-field{
        margin-bottom: 15px;
    }

    .contact .widget-type-form form textarea{
        border: none;
        border-bottom: solid 1px #fff;
        color: #fff;
        margin-top: 38px;
    }


    .contact-page .widget-type-form form textarea{
        border: solid 1px #d6d5d5;
        margin-top:8px;
        color: initial;
    }
    .content-landing .widget-type-form .form-title{
        display: none;
    }
    .content-landing .landing-social-sharing{
        margin-top: 15px;
        margin-bottom: 30px;
    }
.side-bar-blog ::-webkit-input-placeholder {
   color: #626262;
    font-family: 'Houschka Pro',sans-serif;
}

.side-bar-blog :-moz-placeholder {  Firefox 18-
   color: #626262;
   font-family: 'Houschka Pro',sans-serif;
}

.side-bar-blog ::-moz-placeholder {   Firefox 19+
   color: #626262;
   font-family: 'Houschka Pro',sans-serif;
}

.side-bar-blog :-ms-input-placeholder {
   color: #626262;
   font-family: 'Houschka Pro',sans-serif;
}
.side-bar-blog .widget-type-form form input{
    border-bottom: solid 1px #ffc400;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #626262;
}
.side-bar-blog .widget-type-form form input[type="submit"]{
    background-color: #ffc400;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    padding: 4.5px 20px;
    border: solid 2px #ffc400;
}
.side-bar-blog .widget-type-form form input[type="submit"]:hover{
    background-color: white;
    color: #ffc400;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    padding: 4.5px 20px;
    border:solid 2px #ffc400;
}
.side-bar-blog .widget-type-form form .hs_submit input{
    color: #fff;
    margin-top: 20px;
}
.side-bar-blog .widget-type-form form .hs_submit input:hover{
    color: #ffc400;
}


.side-bar-blog .widget-type-form .form-title {
    font-size: 24px;
    font-weight: normal;
}
*/
a,
.button,
.yellow-button,
.hs-button {
  -webkit-appearance: none; }

a,
a:visited,
a:focus,
a:hover,
a:active,
input:focus,
input:active,
input:hover,
input:visited,
input,
button:focus,
button:active,
button:hover,
button:visited,
button {
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.gray-hover:hover a {
  color: #75787b !important; }

.padding-zero {
  padding: 0px; }

h1 {
  /* font-size: 58px; */
  font-size: 50px;
  color: #fff;
  text-decoration: none;
  /* text-transform: uppercase;  */
  text-align: center;
  font-weight: 400; }

h2, .main-title, .wrap-main-title h2 {
  font-size: 36px;
  color: #3E3E3E;
  text-decoration: none;
  /* text-transform: uppercase; */
  text-align: center;
  font-weight: 400; }

h3, .sub-title,
.home-contact-section .widget-type-form .form-title {
  font-size: 28px;
  color: #3E3E3E;
  font-weight: normal; }

h4, .sub-sub-title {
  font-size: 22px;
  color: #3E3E3E;
  font-weight: normal; }

@media (max-width: 971px) {
    h1 {
      font-size: 44px; }

    h2, .main-title, .wrap-main-title h2 {
      font-size: 30px; }

    h3, .sub-title {
      font-size: 24px; }

    h4, .sub-sub-title {
      font-size: 20px; }
}

@media (max-width: 767px) {
    h1 {
      font-size: 36px; }

    h2, .main-title, .wrap-main-title h2 {
      font-size: 26px; }

    h3, .sub-title,
    .home-contact-section .widget-type-form .form-title {
      font-size: 24px; }

    h4, .sub-sub-title {
      font-size: 18px; }
    }
}

@media (max-width: 480px) {
    h1 {
      font-size: 30px; }

    h2, .main-title, .wrap-main-title h2 {
      font-size: 24px; }

    h3, .sub-title,
    .home-contact-section .widget-type-form .form-title {
      font-size: 20px; }

    h4, .sub-sub-title {
      font-size: 18px; }
    }
}

.hs_cos_wrapper_type_rich_text h1 {
  font-size: 42px;
  color: #3E3E3E;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  font-weight: 400; }

.hs_cos_wrapper_type_rich_text h2 {
  color: #3E3E3E;
  text-decoration: none;
  text-transform: none;
  text-align: left;
   font-weight: 400;  }

.hs_cos_wrapper_type_rich_text h3,
.hs_cos_wrapper_type_rich_text .title_sub {
  color: #3E3E3E;
  font-weight: 400;
  text-shadow: none; }

.hs_cos_wrapper_type_rich_text h4,
.hs_cos_wrapper_type_rich_text .title_sub_sub {
  font-size: 20px;
  color: #3E3E3E;
  font-weight: 400;
  text-shadow: none; }

.hs_cos_wrapper_type_rich_text h5,
.hs_cos_wrapper_type_rich_text .title_sub_sub_sub {
  font-size: 18px;
  color: #3E3E3E;
  font-weight: 400;
}
.hs_cos_wrapper_type_rich_text .title_sub_sub_sub {
  margin-bottom: 0;
}

.hs_cos_wrapper_type_rich_text p {
  margin-top: 0px; }

.hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.cta-primary):not(.cta-secondary):not(.cta-btn) {
  font-weight: 200;
   text-decoration: none;
  color: #3E3E3E; }
  .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.cta-primary):not(.cta-secondary):not(.cta-btn):hover {
    opacity: 0.7;
    text-decoration: none;}
.blog-post-wrapper .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.cta-primary):not(.cta-secondary):not(.cta-btn) {
  color: #215ca0;
}
.blog-post-wrapper .hs_cos_wrapper_type_rich_text a:not(.cta_button):not(.cta-primary):not(.cta-secondary):not(.cta-btn):hover {
    opacity: 1.0;
    text-decoration: underline;}
.hs_cos_wrapper_type_rich_text a.cta_button {
  text-decoration: none; }
  .hs_cos_wrapper_type_rich_text a.cta_button p,
  .hs_cos_wrapper_type_rich_text a.cta_button span,
  .hs_cos_wrapper_type_rich_text a.cta_button strong {
    color: inherit; }
  .hs_cos_wrapper_type_rich_text a.cta_button:hover {
    text-decoration: none; }
.seminar-anchor-button {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  vertical-align: middle;
  min-width: 240px;
  text-decoration: none;
}
.seminar-anchor-button:hover {
  text-decoration: none;
}
.hs_cos_wrapper_type_rich_text blockquote {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  text-align: center;
  margin-bottom: 20px; }
  .hs_cos_wrapper_type_rich_text blockquote:before {
    content: "\f10d";
    font-family: "FontAwesome";
    color: #d9d9d9;
    display: inline-block;
    padding-right: 10px;
    font-size: 25px;
    position: relative;
    top: 0px;
    line-height: 0; }
  .hs_cos_wrapper_type_rich_text blockquote:after {
    content: "\f10e";
    font-family: "FontAwesome";
    color: #d9d9d9;
    display: inline-block;
    padding-left: 10px;
    font-size: 25px;
    position: relative;
    bottom: -10px;
    line-height: 0; }
  .hs_cos_wrapper_type_rich_text blockquote p {
    display: inline; }

.hs_cos_wrapper_type_rich_text ul {
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 20px; }
  .hs_cos_wrapper_type_rich_text ul li {
    position: relative;
    margin-bottom: 6px; }

.hs_cos_wrapper_type_rich_text ol {
  margin-bottom: 20px;
  counter-reset: li;
  list-style: none;
  padding-left: 40px; }
  .hs_cos_wrapper_type_rich_text ol li {
    margin-bottom: 6px;
    position: relative; }
    .hs_cos_wrapper_type_rich_text ol li:before {
      color: #d9d9d9;
      counter-increment: li;
      content: counter(li);
      position: absolute;
      width: 16px;
      background-position: center;
      left: -25px;
      top: 50%;
      display: block;
      font-size: 20px;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      vertical-align: middle;
      height: 32px; }

.hs_cos_wrapper_type_rich_text ul ol {
  margin-top: 6px;
}

      .hs_cos_wrapper_type_rich_text figure {
          margin: 0px 0px 30px 0px;
      }

      @media (max-width: 767px) {
            .hs_cos_wrapper_type_rich_text ul li {
                font-size: 16px;
            }
        }

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

.mouse_scroll {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 77px;
  /*margin-top: 125px;*/
  cursor: pointer;
  position: absolute;
  left: 50%;
  /* px swiruje na submarket/market pages, bo jest tam absolutna maska */
  top: auto;
  bottom: 50px;
  margin-left: -10px; }

.hero-banner .mouse_scroll {
    bottom: -110px;
}

.individual-project-page .mouse_scroll {
  top: auto; }

.about-us .mouse_scroll {
  /* fix dla strony about-us z mniejszym headerem */
  top: 400px; }

.m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 5px 4px;
  width: 13px;
  height: 13px; }

.unu {
  margin-top: 1px; }

.unu,
.doi,
.trei {
  -o-animation: mouse-scroll 1.5s infinite;
     animation: mouse-scroll 1.5s infinite;
  -webkit-animation: mouse-scroll 1.5s infinite;
  -moz-animation: mouse-scroll 1.5s infinite; }

.unu {
  -o-animation-delay: .1s;
     animation-delay: .1s;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate; }

.doi {
  -o-animation-delay: .2s;
     animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  margin-top: -6px; }

.trei {
  -o-animation-delay: .3s;
     animation-delay: .3s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  margin-top: -6px; }

.mouse {
  height: 34px !important;
  width: 20px;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
  border: 2px solid white;
  top: 170px; }

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
       border-radius: 8px;
  -webkit-animation: mouse-wheel 1.5s linear infinite;
  -moz-animation: mouse-wheel 1.5s linear infinite;
  -o-animation: mouse-wheel 1.5s linear infinite;
     animation: mouse-wheel 1.5s linear infinite; }

.dark-color .mouse,
.dark-color .wheel,
.dark-color .m_scroll_arrows {
    border-color: #3E3E3E;
    /* border-color: #d9d9d9; */
}

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); } }

@-moz-keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }

@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-moz-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-o-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.footer {
  background-color: #393939;
  min-height: 67px;
  color: #fff;
  position: relative;
  overflow:hidden; }

.footer.gray-bg {
    background-color: #3E3E3E;
}

.widget-type-text a {
  color: #fff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .widget-type-text a:hover {
    color: #d9d9d9; }

.footer-info form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span:before {
  background-color: transparent !important; }

.footer .copy {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 67px; }

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

.footer .links a {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 67px;
  padding: 0px 5px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.footer .links a:hover {
  color: #d9d9d9;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.footer .scroll-top {
  height: 100%;
  width: 67px;
  background-color: #d9d9d9;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  text-align: center; }

.footer .scroll-top i {
  font-size: 44px;
  color: #3E3E3E;
  line-height: 67px;
   -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;  }

.footer .scroll-top:hover i {
   line-height: 45px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;  }

.footer-info {
  background-color: #3E3E3E;
  padding-bottom: 30px; }

.footer-info h3 {
  font-weight: bold;
  font-size: 20px;
  margin: 40px 0px 20px 0px;
  color: #fff;
border-bottom: 1px solid #FFF;
  padding-bottom: 15px; }

.footer-info h4 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
  font-weight: 400; }

.footer-info .hs-rss-title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
  font-weight: 400; }

.footer-info p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 25px;
  font-weight: 400; }
.footer-info p.company-name {
  font-size: 15px;
}
.footer-info .hs-rss-date {
  font-size: 16px;
  color: #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  display: block; }

.footer-info .hs-rss-byline {
  opacity: 1; }

.footer-info .footer-nav ul {
  list-style-type: none;
}

.social-footer {
  background-color: #d9d9d9; }

.social-footer .container.position {
  position: relative; }

.social-footer ul {
  text-align: left; }

.social-footer ul li {
  padding: 12px 0px;
  margin-right: 10px;
  display: inline-block; }
.social-footer ul li:last-child {
    margin-right: 0px;
}
.social-footer ul li img {
    width: auto;
    height: 46px;
}
.social-footer ul li a:hover {
  opacity: 0.7;
}
.social-footer ul li a i {
  color: #fff;
  font-size: 35px; }
.social-footer ul li.li-facebook i {
  color: #315096;
}
.social-footer ul li.li-twitter i {
  color: #55acee;
}
.social-footer ul li.li-linkedin i {
  color: #0077b5;
}
.social-footer ul li.li-google-plus i {
  color: #dd4b39;
}
.social-footer .text {
  font-weight: lighter;
  font-size: 24px;
  margin-top: 8px;
  color: #fff; }

.social-footer .text span {
  font-weight: lighter;
  font-size: 24px;
  color: #3E3E3E; }

.social-footer .text {
  position: relative;
  min-height: 60px; }

.social-footer .text .hs_cos_wrapper_type_text {
  letter-spacing: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
  margin-top: -5px;
  font-weight: bold; }

.social-footer .triangle {
  position: absolute;
  bottom: -30px;
  right: 26%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34px 24.5px 0 24.5px;
  border-color: #d9d9d9 transparent transparent transparent; }

 @media (max-width: 767px) {
    .social-footer ul {
        text-align: center;
    }
}

.header .slicknav_nav {
  padding-bottom: 10px; }

.slicknav_nav {
  background-color: #393939; }

.header--white .slicknav_nav {
  background-color: #fff; }

.slick-arrow {
  position: absolute;
  top: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1; }
  .slick-arrow.slick-prev {
    left: 48px; }
    .slick-arrow.slick-prev:before {
      content: '';
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
      background-repeat: no-repeat;
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      width: 30px;
      height: 58px;
      display: block; }
  .slick-arrow.slick-next {
    right: 48px; }
    .slick-arrow.slick-next:before {
      content: '';
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
      background-repeat: no-repeat;
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      -webkit-transform: scaleX(-1);
         -moz-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
           -o-transform: scaleX(-1);
              transform: scaleX(-1);
      width: 30px;
      height: 58px;
      display: block; }

.mask, .separator--contact__mask {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.svg-converted path,
.svg-converted polygon {
  fill: #d9d9d9; }

.svg-converted circle,
.svg-converted rect {
  stroke: #d9d9d9; }

.menu-black .slicknav_nav a {
  color: #3E3E3E; }

.header--white .slicknav_nav a {
  color: #3E3E3E; }

.menu-black .slicknav_nav ul {
  background-color: #fff; }

.menu-black .fixed .slicknav_nav a {
  color: #fff; }

.slicknav_menu {
  display: none;
  position: fixed;
  top: 13px;
  z-index: 1000;
  right: 0px;
  background-color: transparent;
  width: 100%;
  margin: 0px;
  padding: 0px; }

.slicknav_nav {
  width: 100%;
  max-height: -webkit-calc( 100vh - 57px);
  max-height: -moz-calc( 100vh - 57px);
  max-height: calc( 100vh - 57px);
  overflow: auto; }

.slicknav_nav .slicknav_arrow {
  margin: 0 0 0 .4em;
  font-size: 10px;
  position: relative;
  width: 40px;
  height: 40px;
  top: -2px;
  left: 20px;
  color: transparent; }

span.slicknav_arrow:before {
  content: "";
  background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/show.png");
  position: absolute;
  height: 21px;
  width: 21px;
  right: 0;
  top: 0;
  display: block; }

.slicknav_nav li.slicknav_open {
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9 !important; }
  .slicknav_nav li.slicknav_open > a > span.slicknav_arrow:before {
    content: "";
    background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/hide.png");
    position: absolute;
    height: 21px;
    width: 21px;
    right: 0;
    top: 0;
    display: block; }

span.slicknav_arrow:after {
  content: "";
  background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/hide.png");
  position: absolute;
  visibility: hidden;
  height: 21px;
  width: 21px;
  right: 0;
  top: 0;
  display: block; }

.header--white .slicknav_nav .slicknav_row:hover {
  background: #fff;
  color: #3E3E3E; }

.header--white .slicknav_nav a:hover {
  background: transparent; }

.slicknav_btn {
  background-color: transparent; }

.slicknav_menu .slicknav_icon-bar {
  width: 1.7em;
  height: 0.15em; }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: .35em; }

.slicknav_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  position: initial; }

.slicknav_nav ul {
  margin: 13px 0px 0 0px;
  padding-left: 20px;
  background-color: #393939;
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  background-color: transparent; }

header.header {
  position: fixed;
  width: 100%;
  height: 70px;
  z-index: 999;
  border-bottom: solid 1px #fff;
  background-color: rgba(99, 99, 98, 0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

header.header--white,
header.header-lineborder {
  background-color: #fff;
  /* border-bottom: 3px solid #000; */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
header.header--white.home,
header.header-lineborder {
    border-bottom: 3px solid #000;
}
.bak.header.header--white.audienceone,
header.header-lineborder.audienceone,
#nav_solution.nav-audienceone {
    border-bottom: 3px solid #EC6340;
}

.bak.header.header--white.xmediaone,
header.header-lineborder.xmediaone,
#nav_solution.nav-xmediaone {
    border-bottom: 3px solid #1EAA39;
}

.bak.header.header--white.dialogone,
header.header-lineborder.dialogone,
#nav_solution.nav-dialogone, #nav_solution.nav-dialogone-202503 {
    border-bottom: 3px solid #FF0096;
}

.bak.header.header--white.flexone,
header.header-lineborder.flexone,
#nav_solution.nav-flexone {
    border-bottom: 3px solid #7E308D;
}

.bak.header.header--white.ad-meister,
header.header-lineborder.ad-meister,
#nav_solution.nav-ad-meister {
    border-bottom: 3px solid #962328;
}

.bak.header.header--white.tag-masters,
header.header-lineborder.tag-masters,
#nav_solution.nav-tag-masters {
    border-bottom: 3px solid #ED1B24;
}

.bak.header.header--white.data-business,
header.header-lineborder.data-business,
#nav_solution.nav-data-business {
    border-bottom: 3px solid #000;
}

.bak.header.header--white.bi-masters,
header.header-lineborder.bi-masters,
#nav_solution.nav-bi-masters {
    border-bottom: 3px solid 0;
}

.bak.header.header--white.nav-td-consulting,
header.header-lineborder.nav-td-consulting,
#nav_solution.nav-td-consulting {
	border-bottom: 3px solid #ec76aa;
}

.bak.header.header--white.xmediaone-pmp,
header.header-lineborder.xmediaone-pmp,
#nav_solution.nav-xmediaone-pmp {
    border-bottom: 3px solid #656363;
}

.bak.header.header--white.stats-series,
header.header-lineborder.stats-series,
#nav_solution.nav-stats-series {
    border-bottom: 3px solid ;
}

.bak.header.header--white.statsone,
header.header-lineborder.statsone,
#nav_solution.nav-statsone {
    border-bottom: 3px solid #00a497;
}

.bak.header.header--white.marketone,
header.header-lineborder.marketone,
#nav_solution.nav-marketone {
    border-bottom: 3px solid #305D9B;
}

.bak.header.header--white.yield-one,
header.header-lineborder.yield-one,
#nav_solution.nav-yield-one {
    border-bottom: 3px solid #cc561f;
}

.bak.header.header--white.sherpa,
header.header-lineborder.sherpa,
#nav_solution.nav-sherpa {
    border-bottom: 3px solid #009FBB;
}

.bak.header.header--white.custom-dev,
header.header-lineborder.custom-dev,
#nav_solution.nav-custom-dev {
    border-bottom: 3px solid #CAA846;
}

@media (max-width: 971px) {
    .header.header--white.audienceone{
        border-bottom: 3px solid #EC6340;
    }

    .header.header--white.xmediaone {
        border-bottom: 3px solid #1EAA39;
    }


	.header.header--white.td-consulting {
		border-bottom: 3px solid #ec76aa;
  }

    .header.header--white.dialogone {
        border-bottom: 3px solid #FF0096;
    }

    .header.header--white.flexone {
        border-bottom: 3px solid #7E308D;
    }

    .header.header--white.ad-meister {
        border-bottom: 3px solid #962328;
    }

    .header.header--white.tag-masters {
        border-bottom: 3px solid #ED1B24;
    }

    .header.header--white.data-business {
        border-bottom: 3px solid #000;
    }

   .header.header--white.bi-masters {
        border-bottom: 3px solid 0;
    }

    .header.header--white.xmediaone-pmp {
        border-bottom: 3px solid #656363;
    }

    .header.header--white.stats-series {
        border-bottom: 3px solid ;
    }

    .header.header--white.statsone {
        border-bottom: 3px solid #00a497;
    }

    .header.header--white.marketone {
        border-bottom: 3px solid #305D9B;
    }

    .header.header--white.yield-one {
        border-bottom: 3px solid #cc561f;
    }

    .header.header--white.sherpa {
        border-bottom: 3px solid #009FBB;
    }

    .header.header--white.custom-dev {
        border-bottom: 3px solid #CAA846;
    }
}

header.header.perma-fixed {
  background-color: #393939;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  /* border-bottom: none; */ }

header.header.fixed {
  background-color: #393939;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
 /* border-bottom: none; */ }

header.header--white.fixed {
  background-color: #fff; }

header.header.fixed-small {
  background-color: #fff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

header.header .slicknav_nav ul {
  background-color: #393939;
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear; }

header.header--white .slicknav_nav ul {
  background-color: #fff; }

header.header--white .hover > a {
  color: #d9d9d9 !important; }
  header.header--white .hover > a:after, header.header--white .hover > a:before {
    color: #d9d9d9 !important; }

.slicknav_nav li ul li {
  position: relative; }

.slicknav_nav li ul li:before {
  content: "";
  margin-left: 10px;
  font-family: FontAwesome;
  content: '\f105';
  color: #3E3E3E;
  position: absolute;
  top: 7px;
  left: -9px; }

.header--white .slicknav_nav {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

header.header h1.logo {
  margin-top: 21px;
  color: #fff;
  position: relative; }
  @media screen and (max-width: 971px) {
    header.header h1.logo {
      margin-top: 28px; } }

h1.logo img {
  z-index: 500; }

header.header h1.logo a {
  outline: none;
  display: block;
  font-size: 0px;
  color: #fff; }

header.header h1.logo a img {
  display: block;
  height: auto;
  max-width: none;
  max-height: 55px; }

header.header #menu {
  float: right;
}

header.header #menu .widget-type-menu {
width: 100%;

}

header.header #menu ul {
  padding: 0px; }

header.header #menu ul li.hs-menu-depth-1 {
  display: inline-block;
  /* line-height: 70px; */
  line-height: 69px;    /* TuanDV */
  position: relative; }


header.header #menu ul li.hs-menu-depth-1 a {
  text-decoration: none;
  /* font-weight: bold; */
  /* font-size: 16px; */
  font-size: 14px;
  display: block;
  color: #fff;
  /* padding: 0px 20px; */
  padding: 0px 8px;
  max-width: initial;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

/* IE9, IE10 */
@media screen and (min-width:0\0){
    header.header #menu ul li.hs-menu-depth-1 {
        line-height: 68px;
    }
}

header.header #menu ul li.hs-menu-depth-1 > a {
 /* text-transform: uppercase; */

}

header.header--white #menu ul li.hs-menu-depth-1 a {
  color: #3E3E3E;
  font-weight: 400;
}

header.header #menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper,
header.header #menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper > li.hs-menu-children-wrapper {
  width: auto !important; }

header.header #menu ul > li.hs-menu-depth-2.right-arrow > a:after {
  margin-left: 8px;
  font-family: FontAwesome;
  content: '\f105';
  position: absolute;
  color: #3E3E3E;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

header.header #menu ul > li.hs-menu-depth-2.left-arrow > a:before {
  margin-left: -14px;
  margin-right: 8px;
  position: absolute;
  font-family: FontAwesome;
  content: '\f104';
  color: #3E3E3E;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

header.header #menu ul > li.hs-menu-depth-2 > a:hover:after,
header.header #menu ul > li.hs-menu-depth-2 > a:hover:before {
  color: #d9d9d9;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

header.header #menu > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper li.hs-menu-item > a {
  width: auto !important; }

header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  top: -99999px;
  z-index: -1; }

header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.right.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
  left: 180px;
  top: 0px;
  z-index: 1;
  display: block;
  opacity: 1;
  visibility: visible; }

header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s;
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
  position: absolute;
  z-index: 10;
  left: 0; }

header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.left.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
  left: -168px;
  top: 0px;
  z-index: 1;
  display: block;
  opacity: 1;
  visibility: visible; }

header.header #menu ul li.hs-menu-depth-1 ul li a {
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -o-text-overflow: inherit;
     text-overflow: inherit;
  min-height: 34px;
  line-height: 20px;
  padding-top: 7px;
  padding-bottom: 7px; }

header.header #menu ul li.hs-menu-depth-2 > ul {
  position: absolute;
  background-color: #fff;
  border-bottom: solid 2px #d9d9d9;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36); }

header.header #menu ul > li.hs-menu-depth-2 > a:only-child:after,
header.header #menu ul > li.hs-menu-depth-2 > a:only-child:before {
  font-family: FontAwesome;
  content: ''; }

header.header #menu ul li.hs-menud-depth-2 {
  border-bottom: solid 1px rgba(98, 98, 98, 0.17); }

header.header #menu ul li.hs-menu-depth-1 ul li:hover a {
  margin-left: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; }

header.header #menu ul li.hs-menu-depth-1.hs-item-has-children > a:after {
  content: " \f107";
  font-family: FontAwesome; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: visible;
  top: -9999px; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  top: inherit; }

header.header #menu ul li.hs-menu-depth-1 > ul {
  position: absolute;
  left: 18px;
  background-color: #fff;
  border-bottom: solid 2px #d9d9d9;
  min-width: 168px;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36); }

header.header #menu .hs-menu-item.hs-menu-depth-2,
header.header #menu .hs-menu-item.hs-menu-depth-3 {
  border-bottom: solid 1px rgba(98, 98, 98, 0.17); }

.slicknav_nav .hs-menu-item.hs-menu-depth-2 {
  border-bottom: none; }

header.header #menu ul li.hs-menu-depth-2 a {
  width: auto;
  max-width: initial;
  padding: 0px 15px;
  position: relative;
  line-height: 33px;
  color: #3E3E3E !important;
  text-transform: initial; }

header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  position: initial;
  margin-left: 15px;
  overflow: hidden;
  opacity: 1; }

.menu-black header.header #menu ul li a {
  color: #3E3E3E; }

header.header.fixed #menu ul li a {
  color: #fff; }

header.header--white.fixed #menu ul li a {
  color: #3E3E3E; }

header.header #menu ul li a.active {
  color: #d9d9d9; }

header.header #menu ul li a:hover {
  /* color: #d9d9d9 !important; */
  transition: unset;
}

header.header .hs-form {
  float: right;
  line-height: 65px;
  margin-right: -6px;
  /* margin-left: 40px; */
  margin-left: 15px;
  width: auto;
  height: 30px; }

header.header .gsc-search-button {
  display: none; }

header.header .gsib_b {
  display: none !important; }

header.header form.gsc-search-box {
  margin-bottom: 0;
  margin: 0;
  width: auto;
  float: right; }

header.header table.gsc-search-box {
  height: 30px;
  width: auto;
  float: right;
  display: block; }

header.header .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0; }

header.header .gsc-control-cse {
  padding: 0;
  border: 0;
  float: none; }

header.header #___gcse_0 {
  width: auto; }

header.header .hs-form .gsib_a {
  padding: 0;
  position: relative; }
  header.header .hs-form .gsib_a:after {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 20px;
    color: #3E3E3E;
    background: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    left: -35px;
    z-index: 4;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear; }

header.header .gsc-input-box {
  border: 0 !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  padding-top: 0;
  padding-bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

 /*----- 7/26 Edited by TuanDV -----*/
 header.header .gsc-input-box-focus .gsib_a:after {
   /* color: #FFF !important; */
 }
 /*----- End 7/26 Edited by TuanDV ----- */

header.header .hs-form label {
  display: none; }

header.header .hs-form input[type="text"] {
  border: 0 !important;
  position: relative !important;
  z-index: 3 !important;
  right: 0;
  height: 30px !important;
  padding-left: 10px !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  /* background: #d9d9d9 !important; */
  color: #3E3E3E !important;
  padding-right: 35px !important;

  /* -webkit-border-radius: 20px !important;
     -moz-border-radius: 20px !important;
          border-radius: 20px !important;
  */
  width: 15px !important;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear; }

 header.header .hs-form .gsc-input-box-focus input[type="text"] {
   border-bottom: 1px solid #d9d9d9 !important;
 }

header.header .hs-form a, header.header .hs-form input[type="image"] {
  color: #d9d9d9; }

header.header--white .hs-form a, header.header .hs-form input[type="image"] {
  color: #3E3E3E;
  z-index: -1;
  position: relative; }

header.header--white .hs-form .gs-title {
  z-index: 6;
  font-size: 20px;
  color: #3E3E3E !important;
  line-height: 23px;
  text-decoration: none; }
  header.header--white .hs-form .gs-title:after {
    display: none; }
  header.header--white .hs-form .gs-title b {
    font-size: 20px;
    text-decoration: none; }

header.header--white .hs-form .gsc-url-top {
  line-height: 19px;
  font-family: Palanquin;
  font-size: 16px;
  color: #999999 !important; }
  header.header--white .hs-form .gsc-url-top div {
    font-size: 16px;
    color: #999999 !important; }

header.header--white .hs-form .gsc-results-wrapper-overlay {
  border: none;
  margin: auto;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  overflow: auto;
  height: 95%;
  -webkit-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
  -moz-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
  -ms-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
  -o-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
  box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
  border-collapse: separate;
  background: white;
  padding: 30px;
  width: 90%;
  position: fixed !important;
  top: 2%;
  left: 5%;
  opacity: 0;
  z-index: 100002;
  visibility: hidden;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888'); }

header.header--white .hs-form .gsc-table-result {
  line-height: 19px;
  font-family: Palanquin;
  font-size: 16px;
  color: #3E3E3E !important; }
  header.header--white .hs-form .gsc-table-result div {
    font-size: 16px; }

header.header .hs-form a:after, header.header .hs-form input[type="image"]:after {
  font-family: FontAwesome;
  content: "\f002";
  font-size: 20px;
  background: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  left: -40px;
  z-index: 2;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear; }

header.header .search .gsc-cursor-box .gsc-cursor-page {
  background-color: #fff !important;
  display: inline-block !important;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  color: #3E3E3E !important;
  border: 1px solid #3E3E3E !important;
  text-align: center;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  line-height: 21px;
  width: 25px;
  height: 27px; }
  header.header .search .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    color: #fff !important;
    font-weight: 400 !important;
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important; }

header.header .slicknav_menu .search {
  display: block;
  height: 45px; }
  header.header .slicknav_menu .search .hs-form {
    float: left;
    margin: 0;
    margin-top: 5px;
    margin-left: 15px; }
    header.header .slicknav_menu .search .hs-form .gsib_a:after {
      color: #3E3E3E; }
    header.header .slicknav_menu .search .hs-form input[type="text"] {
      opacity: 1;
      width: 140px !important;
      z-index: 1;
      -webkit-transition: all 0.4s linear;
      -o-transition: all 0.4s linear;
      -moz-transition: all 0.4s linear;
      transition: all 0.4s linear; }

header.header .hs-form input[type="text"]:focus,
header.header .hs-form input[type="text"].active {
  opacity: 1;
   width: 140px !important;
  z-index: 1;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear; }

header.header .hs-form input[type="text"]:focus + a, header.header .hs-form input[type="text"].active + a {
  z-index: 3; }

header.header .hs-form button {
  color: #d9d9d9;
  background: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  border: 0;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  left: -40px;
  z-index: 2;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear; }

/*search button*/
#hs-search-module .hs-form div.input {
  margin-top: 3px; }

#hs-search-module .hs-form input.hs-input {
  padding-top: 0px;
  padding-bottom: 0px; }

header.header .hs-form .field a:after {
  top: -2px; }

/* Menu scroll */
header.header #menu .scroll-bottom {
  display: none; }

header.header #menu .scroll-top {
  display: none; }

header.header #menu .scroll {
  overflow-y: hidden !important; }
  header.header #menu .scroll .scroll-bottom {
    display: block;
    height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7); }
  header.header #menu .scroll .scroll-top {
    display: block;
    height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7); }
.hubspot_dashboard .cta-primary {
    font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; !important;
}
.cta-primary,
.widget-type-form form input.hs-button,
.footer-info .widget-type-form form input.hs-button,
.buttonsec, .yellow-button,
.blog-email-subscription input[type="submit"],
.header-with-search .description-header .search-wrap input[type="submit"],
.hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large,
.hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large,
.hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large,
.pricing-box__order,
.sodium-faq .left a.cta_button,
.features-container .hero-banner-form .hs-button.primary.large,
.landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large,
.landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large,
.landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button,
.landing-video-v4 .row-fluid .hero-form input[type=submit],
.landing .form-landing .widget-type-form form input.hs-button,
.overlay-form .block_cta .form_inbound .hs-form .hs-button,
.careers-form input[type=submit] {
  display: inline-block;
  /* background-color: #d9d9d9;
  border: 2px solid #d9d9d9;
  color: #FFFFFF; */
  background-color: #FFF;
  border: 1px solid #d9d9d9;
  color: #3E3E3E;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  padding: 10px 20px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  box-shadow: 3px 3px 10px #646464; }
  .cta-primary:hover,
  .widget-type-form form input.hs-button:hover,
  .buttonsec:hover,
  .yellow-button:hover,
  .blog-email-subscription input[type="submit"]:hover,
  .header-with-search .description-header .search-wrap input[type="submit"]:hover,
  .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large:hover,
  .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover,
  .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover,

  .pricing-box__order:hover,
  .sodium-faq .left a.cta_button:hover,
  .features-container .hero-banner-form .hs-button.primary.large:hover,
  .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large:hover,
  .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large:hover,
  .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button:hover,
  .landing-video-v4 .row-fluid .hero-form input[type=submit]:hover,
  .landing .form-landing .widget-type-form form input.hs-button:hover,
  .overlay-form .block_cta .form_inbound .hs-form .hs-button:hover,
  .careers-form input[type="submit"]:hover {
    /* background-color: #FFFFFF;
    border: 2px solid #d9d9d9;
    color: #d9d9d9;
    -webkit-appearance: none; */ }
  .cta-primary p, .widget-type-form form input.hs-button p, .footer-info .widget-type-form form input.hs-button p, .buttonsec p, .yellow-button p, .blog-email-subscription input[type="submit"] p, .header-with-search .description-header .search-wrap input[type="submit"] p, .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large p, .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large p, .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large p, .pricing-box__order p, .sodium-faq .left a.cta_button p, .features-container .hero-banner-form .hs-button.primary.large p, .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large p, .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large p, .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button p, .landing-video-v4 .row-fluid .hero-form input[type=submit] p, .landing .form-landing .widget-type-form form input.hs-button p, .careers-form input[type="submit"] p, .cta-primary span, .widget-type-form form input.hs-button span, .footer-info .widget-type-form form input.hs-button span, .buttonsec span, .yellow-button span, .blog-email-subscription input[type="submit"] span, .header-with-search .description-header .search-wrap input[type="submit"] span, .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large span, .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large span, .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large span, .pricing-box__order span, .sodium-faq .left a.cta_button span, .features-container .hero-banner-form .hs-button.primary.large span, .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large span, .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large span, .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button span, .landing-video-v4 .row-fluid .hero-form input[type=submit] span, .landing .form-landing .widget-type-form form input.hs-button span, .careers-form input[type="submit"] span, .cta-primary strong, .widget-type-form form input.hs-button strong, .footer-info .widget-type-form form input.hs-button strong, .buttonsec strong, .yellow-button strong, .blog-email-subscription input[type="submit"] strong, .header-with-search .description-header .search-wrap input[type="submit"] strong, .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large strong, .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large strong, .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large strong, .pricing-box__order strong, .sodium-faq .left a.cta_button strong, .features-container .hero-banner-form .hs-button.primary.large strong, .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large strong, .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large strong, .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button strong, .landing-video-v4 .row-fluid .hero-form input[type=submit] strong, .landing .form-landing .widget-type-form form input.hs-button strong, .careers-form input[type="submit"] strong {
    color: inherit;
    font-family: inherit;
    font-size: inherit; }
  .cta-primary--white-border:hover {
    border: 2px solid #FFFFFF; }

.cta-secondary, .button {
  display: inline-block;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  padding: 10px 20px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear; }
  .cta-secondary:hover, .button:hover {
    background-color: #FFFFFF;
    border: 2px solid #d9d9d9;
    color: #d9d9d9;
    -webkit-appearance: none; }
  .cta-secondary p, .button p, .cta-secondary span, .button span, .cta-secondary strong, .button strong {
    color: inherit;
    font-family: inherit;
    font-size: inherit; }
  .cta-secondary--white-border:hover {
    border: 2px solid #FFFFFF; }

@media (min-width: 972px) {
    .cta-primary.cta-primary-big {
        width: 580px;
        font-size: 20px;
        font-weight: bold;
    }
}
@media (max-width: 971px) {
    .cta-primary.cta-primary-big {
        width: 90%;
    }
}
@media (max-width: 480px) {
    .cta-primary, .widget-type-form form input.hs-button, .footer-info .widget-type-form form input.hs-button, .buttonsec, .yellow-button, .blog-email-subscription input[type="submit"], .header-with-search .description-header .search-wrap input[type="submit"], .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .pricing-box__order, .sodium-faq .left a.cta_button, .features-container .hero-banner-form .hs-button.primary.large, .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large, .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large, .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button, .landing-video-v4 .row-fluid .hero-form input[type=submit], .landing .form-landing .widget-type-form form input.hs-button, .careers-form input[type="submit"] {
        font-size: 16px;
    }
}

form.hs-form .inputs-list {
  list-style: none !important; }
  form.hs-form .inputs-list li label {
    position: relative; }

form.hs-form .hs-form-field .input input[type="checkbox"].hs-input,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input {
  height: 25px;
  visibility: hidden; }
  form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span,
  .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span {
    padding-left: 9px; }
    form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span:before,
    .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span:before{
      content: "";
      position: absolute;
      top: 50%;
      left: -1px;
      display: block;
      width: 14px;
      height: 14px;
      font-family: "FontAwesome";
      background-color: #fff;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px; }
    form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span:after,
    .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span:after{
      content: "\f096";
      position: absolute;
      top: 50%;
      left: -1px;
      display: block;
      color: #e0e0e0;
      width: 16px;
      height: 20px;
      font-family: "FontAwesome";
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
  form.hs-form .hs-form-field .input input[type="checkbox"].hs-input:checked + span:after,
  .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked + span:after {
    content: "\f14a";
    color: #3E3E3E; }

form.hs-form .hs-form-field .input input[type="radio"].hs-input {
  position: relative;
  height: 25px;
  width: 15px;
  top: -6px;
  margin-right: 8px;
  visibility: hidden; }
  form.hs-form .hs-form-field .input input[type="radio"].hs-input + span:before {
    content: "\f1db";
    font-family: FontAwesome;
    background-image: none;
    color: #e5e5e5;
    position: absolute;
    background-position: center;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 19px;
    background-color: #FFF;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 0.9; }
  form.hs-form .hs-form-field .input input[type="radio"].hs-input + span:after {
    content: "\f111";
    font-family: FontAwesome;
    background-image: none;
    color: #e5e5e5;
    position: absolute;
    background-position: center;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 7px; }
  form.hs-form .hs-form-field .input input[type="radio"].hs-input:checked + span:before,
  .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span:before {
    color: #d9d9d9; }
  form.hs-form .hs-form-field .input input[type="radio"].hs-input:checked + span:after,
  .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span:after {
    color: #d9d9d9; }

/*----- 8/1 Edited by TuanDV hs_field_of_interest for checkbox list -----*/
 form.hs-form .hs_field_of_interest .inputs-list {
     /* height: 140px;
     overflow: scroll; */
 }
 form.hs-form .hs_field_of_interest .inputs-list li {
    display: inline-block;
    padding-right: 10px;
    min-width: 50%;
 }
 form.hs-form .hs_field_of_interest .input input[type="checkbox"].hs-input {
      width: auto;
}
 form.hs-form .hs_field_of_interest .inputs-list li label {
     margin-bottom: 0px !important;
     display: inline !important;
 }
 form.hs-form .hs_field_of_interest .input input[type="checkbox"].hs-input + span {
    /* font-weight: normal; */
    position: relative;
    padding-left: 20px;
 }
 form.hs-form .hs_field_of_interest .input input[type="checkbox"].hs-input + span:after {
     top: 8px;
 }
 @media (max-width: 640px) {
    form.hs-form .hs_field_of_interest .inputs-list li {
        width: 100%;
    }
    form.hs-form .hs_field_of_interest .input input[type="checkbox"].hs-input {
      width: auto !important;
    }
 }

  @media (max-width: 480px) {
      form.hs-form .hs_field_of_interest .input input[type="checkbox"].hs-input + span {
          font-size: 12px;
      }
  }

 /* 2018/04/18
  .landing .form-landing .widget-type-form form .hs_field_of_interest .inputs-list li {
     width: 100%;
     margin-top: 0px;
 }
 .landing .form-landing .widget-type-form form .hs_field_of_interest .input input[type="checkbox"].hs-input + span {
    font-size: 13px;
 }
 .landing .form-landing .widget-type-form form .hs_field_of_interest .input input[type="checkbox"].hs-input + span:before {
        display: none;
  }
  .landing .form-landing .hs_field_of_interest .hs-error-msgs {
      margin-top: 0px;
  }

  @media (max-width: 480px) {
    .landing .form-landing .widget-type-form form .hs_field_of_interest .input input[type="checkbox"].hs-input + span {
        margin-left: -10px;
        padding-left: 17px;
         font-size: 12px;
     }
     .landing .form-landing .widget-type-form form .hs_field_of_interest .input input[type="checkbox"].hs-input + span:after {
         top: 10px;
     }
  }
   */
/*----- END 8/1 Edited by TuanDV hs_field_of_interest for checkbox list -----*/

/****************************************
- 3M - CUSTOM MODULES
****************************************/
.about-me_skills {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .about-me_skills .text-block {
    width: 50%;
    background-color: #d9d9d9; }
    .about-me_skills .text-block .text-block-content {
      max-width: 550px;
      margin-top: 15px;
      margin-bottom: 40px; }
      .about-me_skills .text-block .text-block-content.txt-left {
        margin-left: 10px;
        margin-right: 40px; }
      .about-me_skills .text-block .text-block-content.txt-right {
        margin-left: 40px;
        margin-right: 10px; }
      @media (max-width: 767px) {
        .about-me_skills .text-block .text-block-content {
          float: none !important;
          margin: 20px auto !important; } }
      @media (max-width: 550px) {
        .about-me_skills .text-block .text-block-content {
          margin: 20px 15px !important; } }
      .about-me_skills .text-block .text-block-content h3 {
        font-size: 40px;
        color: #fff;
        margin: 30px 0 20px; }
      .about-me_skills .text-block .text-block-content p {
        color: #fff; }
      .about-me_skills .text-block .text-block-content ul.social {
        margin-top: 45px;
        margin-bottom: 15px; }
        .about-me_skills .text-block .text-block-content ul.social li {
          margin-right: 0; }
          .about-me_skills .text-block .text-block-content ul.social li a {
            text-align: center;
            display: block;
            line-height: 67px;
            height: 54px;
            width: 54px;
            -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
                    border-radius: 3px;
            border: solid 2px #FFFFFF;
            margin-right: 19px;
            color: #FFFFFF;
            background-color: #d9d9d9; }
            .about-me_skills .text-block .text-block-content ul.social li a:hover {
              color: #d9d9d9;
              background-color: #FFFFFF;
              cursor: pointer; }
            .about-me_skills .text-block .text-block-content ul.social li a i {
              font-size: 33px;
              display: block;
              line-height: 55px;
              margin-top: -1px; }
  .about-me_skills .progress_bars {
    width: 50%; }
    .about-me_skills .progress_bars .skills-header h2 {
      color: #626262;
      margin-bottom: 35px;
      margin-top: 0px;
      padding-top: 50px; }
    .about-me_skills .progress_bars .wrapper-bars {
      width: 100%;
      padding: 0 35px 60px;
      max-width: 550px;
      margin: 15px 0 40px;
      display: inline-block; }
      @media (max-width: 767px) {
        .about-me_skills .progress_bars .wrapper-bars {
          float: none !important;
          margin: 20px auto;
          display: block; } }
      .about-me_skills .progress_bars .wrapper-bars h3 {
        color: #3E3E3E;
        font-size: 40px;
        margin: 30px 0 20px; }
        .about-me_skills .progress_bars .wrapper-bars h3 span {
          color: #d9d9d9;
          letter-spacing: 3px; }
      .about-me_skills .progress_bars .wrapper-bars h4 {
        margin-top: 15px;
        width: 100%;
        font-size: 16px;
        color: #3E3E3E;
        text-align: left;
        font-weight: normal;
        margin-bottom: 12px; }
      .about-me_skills .progress_bars .wrapper-bars .bar {
        width: 100%;
        height: 19px;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        background-color: #3E3E3E;
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px; }
      .about-me_skills .progress_bars .wrapper-bars .loading-bar {
        width: 0%;
        height: 19px;
        background-color: #d9d9d9;
        position: relative;
        -webkit-transition: all 0.6s linear;
        -o-transition: all 0.6s linear;
        -moz-transition: all 0.6s linear;
        transition: all 0.6s linear;
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px; }
        .about-me_skills .progress_bars .wrapper-bars .loading-bar .circle {
          background-color: #d9d9d9;
          position: absolute;
          height: 19px;
          width: 19px;
          top: 0px;
          right: -5px;
          -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
                  border-radius: 50%; }
          .about-me_skills .progress_bars .wrapper-bars .loading-bar .circle span {
            position: absolute;
            top: -23px;
            text-align: center;
            color: #3E3E3E;
            font-size: 16px;
            font-weight: 600; }
  .about-me_skills .image-container {
    width: 50%;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    overflow: auto; }
    @media (max-width: 767px) {
      .about-me_skills .image-container {
        max-width: 100%;
        height: auto; } }
  @media (max-width: 767px) {
    .about-me_skills {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .about-me_skills .text-block, .about-me_skills .progress_bars {
        width: 100%; }
      .about-me_skills .progress_bars {
        background-color: #fff; } }

/********************************************************/
/********************************************************/
/*******  Modules/about-me-text-block-skills.scss *******/
/********************************************************/
/********************************************************/
.background-spacer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: center; }

.right .background-spacer {
  left: 50%; }

.right--45 .background-spacer {
  left: 55%; }

.left .background-spacer {
  left: 0;
  width: 50%; }

.left--45 .background-spacer {
  width: 45%; }

@media (max-width: 768px) {
  .background-spacer,
  .background-figure .iphone-column {
    display: none; }
}

/********************************************************/
/********************************************************/
/*******  Modules/background-spacer.scss *******/
/********************************************************/
/********************************************************/
.blog-email-subscription {
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  padding: 60px 0 80px 0;
  background-color: #3E3E3E; }
  .blog-email-subscription .container {
    position: relative; }
  .blog-email-subscription .hs-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    @media screen and (max-width: 1000px) {
      .blog-email-subscription .hs-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .blog-email-subscription h3 {
    margin-top: 0;
    font-weight: 400;
    color: white;
    margin-bottom: 50px;
    font-size: 40px;
    letter-spacing: 0.04em; }
  .blog-email-subscription .hs_email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    color: white;
    position: relative; }
    .blog-email-subscription .hs_email .hs-form-required {
      display: none; }
    @media screen and (max-width: 600px) {
      .blog-email-subscription .hs_email {
        -webkit-flex-flow: column wrap;
            -ms-flex-flow: column wrap;
                flex-flow: column wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  @media screen and (max-width: 1000px) {
    .blog-email-subscription input[type="submit"] {
      margin-top: 30px; } }
  @media screen and (max-width: 480px) {
    .blog-email-subscription input[type="submit"] {
      margin-top: 30px; } }
  .blog-email-subscription input[type="email"] {
    font-size: 16px;
    width: 595px;
    color: #fff;
    background: rgba(246, 245, 243, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    margin: 0 30px 0 0;
    padding: 11px 10px;
    height: 100%; }
    @media screen and (max-width: 1000px) {
      .blog-email-subscription input[type="email"] {
        width: 350px;
        margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .blog-email-subscription input[type="email"] {
        width: 280px; } }
  .blog-email-subscription label {
    margin-right: 10px;
    color: white; }
    @media screen and (max-width: 1000px) {
      .blog-email-subscription label {
        margin-right: 0px; } }
  .blog-email-subscription .hs-error-msgs {
    position: absolute;
    bottom: -25px;
    list-style: none;
    left: 10px; }
    @media screen and (max-width: 1000px) {
      .blog-email-subscription .hs-error-msgs {
        left: 0; } }
    .blog-email-subscription .hs-error-msgs a {
      color: #fff;
      font-size: 18px; }
  .blog-email-subscription .subscription-arrow__container {
    position: absolute;
    top: -50px;
    display: block;
    right: -150px; }
    @media screen and (max-width: 1000px) {
      .blog-email-subscription .subscription-arrow__container {
        position: absolute;
        top: 330%;
        display: block;
        right: 87%; } }
    @media screen and (max-width: 600px) {
      .blog-email-subscription .subscription-arrow__container {
        display: none; } }
    .blog-email-subscription .subscription-arrow__container:after {
      display: block;
      content: 'Start now with one click!';
      position: absolute;
      top: -15px;
      width: 201px;
      left: 5px;
      color: white;
      font-weight: 400;
      font-size: 16px; }
      @media screen and (max-width: 1000px) {
        .blog-email-subscription .subscription-arrow__container:after {
          left: -35px;
          top: -20px; } }
    @media screen and (max-width: 1000px) {
      .blog-email-subscription .subscription-arrow__container .subscription-arrow {
        -webkit-transform: rotate(-140deg);
           -moz-transform: rotate(-140deg);
            -ms-transform: rotate(-140deg);
             -o-transform: rotate(-140deg);
                transform: rotate(-140deg);
        position: relative;
        top: -36px;
        left: 314%; } }

/********************************************************/
/********************************************************/
/*******  Modules/blog-email-subscription.scss *******/
/********************************************************/
/********************************************************/
.brands-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  height: 200px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .brands-slider__section {
    background: #d9d9d9; }
  .brands-slider .slick-prev {
    left: 60px; }
  .brands-slider .slick-next {
    right: 60px; }
  .brands-slider .slick-slide img {
    margin: 0 auto; }
  .brands-slider .slick-list {
    margin-left: 80px;
    margin-right: 80px; }
  .brands-slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    margin-top: 0px; }
    .brands-slider .slick-arrow.slick-prev {
      left: 48px; }
      .brands-slider .slick-arrow.slick-prev:before {
        content: '';
        background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        width: 30px;
        height: 58px;
        display: block; }
    .brands-slider .slick-arrow.slick-next {
      right: 48px; }
      .brands-slider .slick-arrow.slick-next:before {
        content: '';
        background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        -webkit-transform: scaleX(-1);
           -moz-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
             -o-transform: scaleX(-1);
                transform: scaleX(-1);
        width: 30px;
        height: 58px;
        display: block; }
  .brands-slider .slick-dots {
    bottom: 0px;
    width: 100%;
    list-style: none;
    text-align: center; }
    .brands-slider .slick-dots li button:before {
      font-size: 26px; }
    .brands-slider .slick-dots li.slick-active button:before {
      color: #fff; }

/********************************************************/
/********************************************************/
/*******  Modules/brands-slider.scss *******/
/********************************************************/
/********************************************************/
section.contact-banner-v1 {
  margin-top: 70px;
  position: relative;
  min-height: 510px;
  height: 500px;
  color: #fff;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover; }
  section.contact-banner-v1 .mask, section.contact-banner-v1 .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.46); }
  section.contact-banner-v1 .container {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 508px;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    section.contact-banner-v1 .container .span4 {
      font-size: 16px; }
      section.contact-banner-v1 .container .span4 p {
        font-size: 16px; }
        section.contact-banner-v1 .container .span4 p a[href^="tel"] {
          text-decoration: none;
          color: inherit; }
      section.contact-banner-v1 .container .span4 h3 {
        /* padding-top: 100px; */
        font-weight: 600;
        /* text-transform: uppercase */
        color: #d9d9d9; }
    section.contact-banner-v1 .container .span8 #map {
      max-width: 585px;
      width: 100%;
      height: 349px;
      float: right; }
  section.contact-banner-v1 #map-close {
    position: fixed;
    top: 20px;
    left: 20px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    margin: 0;
    padding: 0;
    width: 61px; }
    section.contact-banner-v1 #map-close .fa {
      padding: 0px 3px;
      background-color: #fff;
      -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
         -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
              box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
      color: #d9d9d9;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px; }
  section.contact-banner-v1 .map-wrapper {
    height: auto;
    width: 100%;
    position: relative;
    float: right; }
    section.contact-banner-v1 .map-wrapper .gmnoprint .gm-style-mtc {
      display: none !important; }
    section.contact-banner-v1 .map-wrapper #map-find-road {
      position: absolute;
      bottom: 125px;
      font-size: 26px;
      border: 0;
      background-color: transparent;
      z-index: 9;
      right: 10px;
      padding: 0;
      margin: 0;
      width: auto; }
      section.contact-banner-v1 .map-wrapper #map-find-road .fa {
        padding: 0px 3px;
        background-color: #fff;
        -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
           -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
                box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
        color: #d9d9d9;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px; }
    section.contact-banner-v1 .map-wrapper #start-position {
      position: absolute;
      bottom: 126px;
      right: 46px;
      width: 0px;
      font-size: 14px;
      height: 26px;
      z-index: 9;
      color: #3E3E3E;
      border: 0;
      padding: 0px 0px;
      background-color: #fff;
      -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
         -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
              box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      section.contact-banner-v1 .map-wrapper #start-position.open {
        width: 200px;
        padding: 0px 3px; }
    section.contact-banner-v1 .map-wrapper.full-open {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9999;
      width: 100vw;
      max-height: 100vh;
      height: 100vh; }
      section.contact-banner-v1 .map-wrapper.full-open #map {
        max-width: 100%;
        width: 100%;
        height: 100%;
        float: none; }
    section.contact-banner-v1 .map-wrapper .mask, section.contact-banner-v1 .map-wrapper .separator--contact__mask {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: transparent; }
    section.contact-banner-v1 .map-wrapper iframe {
      width: 100%;
      height: 100%; }

@media screen and (max-width: 767px) {
  section.contact-banner-v1 {
    height: auto; }
    section.contact-banner-v1 .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      section.contact-banner-v1 .container .span8 {
        width: 100%; }
        section.contact-banner-v1 .container .span8 #map {
          float: none;
          margin: 0 auto;
          margin-bottom: 30px; } }

/********************************************************/
/********************************************************/
/*******  Modules/contact-banner-v1.scss *******/
/********************************************************/
/********************************************************/
section.contact-banner-v2 {
  position: relative;
  min-height: 510px;
  color: #fff;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  margin-top: 70px; }
  section.contact-banner-v2 .mask, section.contact-banner-v2 .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.46); }
  section.contact-banner-v2 .container {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 508px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    section.contact-banner-v2 .container .span12 {
      font-size: 16px;
      background-color: rgba(0, 0, 0, 0.58);
      padding: 0 60px;
      max-width: 585px;
      border-left: 4px solid #d9d9d9; }
      section.contact-banner-v2 .container .span12 p {
        font-size: 16px; }
      section.contact-banner-v2 .container .span12 h3 {
        font-weight: 500;
        font-size: 31px;
        /* text-transform: uppercase */
        letter-spacing: 0.04em;
        color: #d9d9d9; }

@media screen and (max-width: 767px) {
  section.contact-banner-v2 .container .span12 {
    padding: 0 30px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section.contact-banner-v2 .container {
    height: 508px; } }

/********************************************************/
/********************************************************/
/*******  Modules/contact-banner-v2.scss *******/
/********************************************************/
/********************************************************/
.cta-box {
  max-width: 292px;
  height: 303px;
  position: relative;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  padding: 0px 15px; }
  .cta-box .mask, .cta-box .separator--contact__mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .cta-box .cta-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    max-width: 292px;
    height: 303px; }
    .cta-box .cta-wrap .cta-content {
      margin: 0 auto;
      max-width: 292px; }
      .cta-box .cta-wrap .cta-content h3 {
        font-size: 34px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        margin-top: 0;
        padding-top: 0; }
      .cta-box .cta-wrap .cta-content p {
        font-size: 20px;
        color: #fff;
        font-weight: 400; }

/********************************************************/
/********************************************************/
/*******  Modules/cta-box.scss *******/
/********************************************************/
/********************************************************/
section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div {
    width: 50%; }
    section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box .ico {
        padding: 0px 25px 0px 0px; }

@media screen and (max-width: 768px) {
  section.expertise .span7 {
    width: 100%; }
  section.expertise section.expertise-box-wrapper > .span12 {
    width: 100%; }
    section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; }
      section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div {
        width: 100%; }
        section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          max-width: 320px;
          text-align: left;
          margin: auto; }
          section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box .ico {
            padding: 0px 25px 0px 0px; } }

/********************************************************/
/********************************************************/
/*******  Modules/expertise-box.scss *******/
/********************************************************/
/********************************************************/
section.question {
  counter-reset: sekcja; }

.faq-box {
  border-bottom: 1px solid #ebebeb; }
  .faq-box h4.panel-title {
    padding-left: 40px;
    position: relative; }
    .faq-box h4.panel-title:before {
      counter-increment: sekcja;
      content: counter(sekcja);
      color: #d9d9d9;
      font-size: 26px;
      font-weight: 600;
      position: absolute;
      display: block;
      left: 0;
      top: -4px; }
    .faq-box h4.panel-title a {
      color: #3E3E3E;
      text-decoration: none;
      font-size: 20px;
      display: block;
      position: relative;
      padding-right: 30px; }
      .faq-box h4.panel-title a:after {
        content: "";
        background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/hide.png");
        position: absolute;
        height: 21px;
        width: 21px;
        right: 0;
        top: 0;
        display: block; }
      .faq-box h4.panel-title a.collapsed:after {
        content: "";
        background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/show.png");
        position: absolute;
        height: 21px;
        width: 21px;
        right: 0;
        top: 0;
        display: block; }
  .faq-box .panel-collapse {
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    overflow: hidden; }
  .faq-box .panel-body {
    color: #3E3E3E;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 40px; }

/********************************************************/
/********************************************************/
/*******  Modules/faq-box.scss *******/
/********************************************************/
/********************************************************/
.feature-mocup .intro {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 5px;
}
.feature-mocup .block_900 {
  margin-bottom: 40px;
}
.feature-mocup__box-container {
  width: 33%;
  float: left; }

.feature-mocup__iphone2-container {
  width: 34%;
  float: left; }

.feature-mocup__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 400px; }

.feature-mocup__content {
  width: 80%; }
  .feature-mocup__content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px; }
  .feature-mocup__content p {
    color: #fff;
    font-size: 16px;
    margin-top: 0; }
  .feature-mocup__content--left {
    /*padding-right: 30px;*/
  }
  .feature-mocup__content--right {
    /*padding-left: 30px;*/
  }

.feature-mocup__icon {
  width: 20%;
  max-width: 80px;
  height: auto;
  max-height: 80px; }

.feature-mocup__iphone2-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.feature-mocup__iphone2-screen-container {
  position: absolute;
  top: 63px;
  left: 0;
  right: 0;
  margin: auto;
  width: 206px;
  height: 347px;
  overflow: hidden; }

.feature-mocup__iphone2-container img {
  max-width: 250px;
}

.feature-mocup__iphone2-screen {
  width: 100%; }

@media (max-width: 991px) {
  .feature-mocup__box-container {
    width: 100%; }
  .feature-mocup__iphone2-container {
    width: 100%; }
  .feature-mocup__box {
    margin-bottom: 20px;
  }
  .feature-mocup__content--left, .feature-mocup__content--right {
    padding-right: 0;
    padding-left: 0;
  }
  }

@media only screen and (max-width: 480px) {
  .feature-mocup__iphone2-container {
    display: none; } }

.hubspot-function h2 {
  margin-top: 0;
}
.hubspot-function p {
  margin-bottom: 0;
}
.hubspot-function h2, .hubspot-function p {
  color: #FFFFFF;
}


/********************************************************/
/********************************************************/
/*******  Modules/feature-box-with-mocup.scss *******/
/********************************************************/
/********************************************************/
.features .block-inner {
    padding-bottom: 0px; }
.features .line-border {
   /* margin-top: 60px;
   background: none !important; */ }
  .features h2 {
    color: #d9d9d9;
    font-weight: 600; }
  .features .feature {
    margin-bottom: 60px; }
    .features .feature img {
        max-width: 100%;
        height: auto;
    }
    .features .feature .icon {
      font-size: 40px;
      line-height: 40px;
      text-align: center; }
    .features .feature h3 {
      font-weight: 600;
      margin-bottom: 10px;
      margin-top: 0px; }
    .features .feature div.content {
      font-size: 16px; }

@media screen and (max-width: 767px) {
  .features .feature {
    text-align: center; }
    .features .feature i, .features .feature img {
      margin-bottom: 15px; } }

/********************************************************/
/********************************************************/
/*******  Modules/feature-box.scss *******/
/********************************************************/
/********************************************************/
.feature-yolk-box {
  width: 33.33%;
  float: left;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }
  .feature-yolk-box__image img {
    max-width: 102px;
    max-height: 102px; }
  .feature-yolk-box__header {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    /* text-transform: uppercase */ }
  .feature-yolk-box__description {
    font-size: 16px;
    font-weight: 400;
    color: #fff; }

.features-section h2 {
  color: #fff;
}
.services .feature-yolk-box .box-services h3 {
  color: #fff;
}
.services .feature-yolk-box .box-services h3 span {
  font-size: smaller;
}
.services .feature-yolk-box .box-services .desc {
  color: #fff;
}
.services .feature-yolk-box .box-services .ico {
  border: solid 2px #fff;
}
.services .feature-yolk-box .box-services .ico i {
  color: #fff;
}

@media (max-width: 768px) {
  .feature-yolk-box {
    float: none;
    width: 100%;
    max-width: 300px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto; } }

/********************************************************/
/********************************************************/
/*******  Modules/feature-yolk-box.scss *******/
/********************************************************/
/********************************************************/
section.free-quote {
  min-height: 105px;
  width: 100%;
  background-color: #d9d9d9; }
  @media (max-width: 1114px) {
    section.free-quote {
      float: left;
      padding-bottom: 40px; } }
  section.free-quote .container {
    /* max-width: 1810px;
    padding-left: 333px; */ }
    @media (max-width: 1114px) {
      section.free-quote .container {
        padding-left: 0;
        padding-right: 0; } }
    section.free-quote .container .inner-container {
      max-width: 1140px; }
      @media (max-width: 1114px) {
        section.free-quote .container .inner-container {
          display: inline; } }
  section.free-quote .fq-text, section.free-quote .fq-text p {
    font-size: 32px;
    padding: 0 10px;
    color: #FFF;
    line-height: 105px;
    display: inline; }
    @media (max-width: 1114px) {
      section.free-quote .fq-text, section.free-quote .fq-text p {
        clear: both;
        display: block;
        text-align: center; } }
    section.free-quote .fq-text p {
      line-height: 1.4;
      /* text-transform: uppercase */ }
  section.free-quote .fq-cta {
    display: inline-block;
    float: right;
    margin-top: 23px; }
    @media (max-width: 1114px) {
      section.free-quote .fq-cta {
        margin-top: 0;
        display: inline;
        width: 100%;
        text-align: center; } }

/********************************************************/
/********************************************************/
/*******  Modules/get-free-quote.scss *******/
/********************************************************/
/********************************************************/
.google-maps-module #map-close {
  position: fixed;
  top: 20px;
  left: 20px;
  font-size: 26px;
  border: 0;
  background-color: transparent;
  z-index: 9;
  margin: 0;
  padding: 0;
  width: 61px; }
  .google-maps-module #map-close .fa {
    padding: 0px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
       -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
            box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    color: #ffc400;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; }

.google-maps-module .map-wrapper {
  height: auto;
  width: 100%;
  position: relative;
  float: right; }
  .google-maps-module .map-wrapper .gmnoprint .gm-style-mtc {
    display: none !important; }
  .google-maps-module .map-wrapper #map-find-road {
    position: absolute;
    bottom: 125px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    right: 10px;
    padding: 0;
    margin: 0;
    width: auto; }
    .google-maps-module .map-wrapper #map-find-road .fa {
      padding: 0px 3px;
      background-color: #fff;
      -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
         -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
              box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
      color: #ffc400;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px; }
  .google-maps-module .map-wrapper #start-position {
    position: absolute;
    bottom: 126px;
    right: 46px;
    width: 0px;
    font-size: 14px;
    height: 26px;
    z-index: 9;
    color: #626262;
    border: 0;
    padding: 0px 0px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
       -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
            box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .google-maps-module .map-wrapper #start-position.open {
      width: 200px;
      padding: 0px 3px; }
  .google-maps-module .map-wrapper.full-open {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100vw;
    max-height: 100vh;
    height: 100vh; }
    .google-maps-module .map-wrapper.full-open #map {
      max-width: 100%;
      width: 100%;
      height: 100%;
      float: none; }
  .google-maps-module .map-wrapper .mask, .google-maps-module .map-wrapper .separator--contact__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent; }
  .google-maps-module .map-wrapper iframe {
    width: 100%;
    height: 100%; }

/********************************************************/
/********************************************************/
/*******  Modules/google-maps-module.scss *******/
/********************************************************/
/********************************************************/
.header-with-search {
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  height: 500px;
  width: 100%;
  margin-top: 70px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .header-with-search .mask, .header-with-search .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000; }
  .header-with-search .description-header {
    position: relative;
    z-index: 3;
    text-align: center;
    width: 90%; }
    .header-with-search .description-header h1 {
      font-weight: 400 !important;
      z-index: 2;
      font-size: 58px;
      width: 100%;
      font-weight: normal;
      margin: 0;
      color: #fff;
      word-break : break-all; }
      @media only screen and (max-width: 480px) {
        .header-with-search .description-header h1 {
          font-size: 40px; } }
      .header-with-search .description-header h1 span {
        font-weight: 600 !important; }
        @media only screen and (max-width: 480px) {
          .header-with-search .description-header h1 span {
            font-size: 40px; } }
    .header-with-search .description-header p {
      color: #fff;
      font-size: 23px;
      padding-top: 13px; }
      @media only screen and (max-width: 480px) {
        .header-with-search .description-header p {
          padding-top: 0px; } }
    .header-with-search .description-header .search-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 56px; }
      @media only screen and (max-width: 767px) {
        .header-with-search .description-header .search-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      @media only screen and (max-width: 480px) {
        .header-with-search .description-header .search-wrap {
          margin-top: 36px; } }
      .header-with-search .description-header .search-wrap .input-wrap {
        width: 626px;
        margin-right: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
        @media only screen and (max-width: 767px) {
          .header-with-search .description-header .search-wrap .input-wrap {
            margin-right: 0px;
            margin-bottom: 20px;
            width: 95%; } }
        .header-with-search .description-header .search-wrap .input-wrap input[type="text"] {
          display: inline-block;
          max-width: 626px;
          height: 46px;
          -webkit-border-radius: 5px;
             -moz-border-radius: 5px;
                  border-radius: 5px;
          border: none;
          padding-left: 20px; }
          @media only screen and (max-width: 767px) {
            .header-with-search .description-header .search-wrap .input-wrap input[type="text"] {
              width: 100%; } }
          .header-with-search .description-header .search-wrap .input-wrap input[type="text"]:focus span:after {
            color: red; }
        .header-with-search .description-header .search-wrap .input-wrap span {
          width: 0px; }
          .header-with-search .description-header .search-wrap .input-wrap span:after {
            font-family: FontAwesome;
            content: "\f002";
            color: #d9d9d9;
            position: relative;
            right: 50px;
            top: 10px; }
      .header-with-search .description-header .search-wrap input[type="submit"] {
        padding: 0;
        display: block;
        width: 145px;
        height: 46px;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px; }

/********************************************************/
/********************************************************/
/*******  Modules/header_with_search.scss *******/
/********************************************************/
/********************************************************/
.hero-event-clock {
  height: 600px;
  width: 100%;
  margin-top: 70px;
  background-position: center center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .hero-event-clock .mask, .hero-event-clock .separator--contact__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .35;
    z-index: 1; }
  .hero-event-clock .clock-wrap {
    z-index: 2;
    border: 2px solid #d9d9d9;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    max-width: 972px;
    width: 95%;
    height: 198px;
    display: table; }
    @media only screen and (max-width: 580px) {
      .hero-event-clock .clock-wrap {
        height: 298px; } }
    .hero-event-clock .clock-wrap .clock {
      padding: 10px;
      width: 100%;
      color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: -15px;
      font-size: 70px; }
      @media only screen and (max-width: 768px) {
        .hero-event-clock .clock-wrap .clock {
          margin-top: 5px; } }
      @media only screen and (max-width: 580px) {
        .hero-event-clock .clock-wrap .clock {
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
      .hero-event-clock .clock-wrap .clock span {
        display: block;
        float: left;
        margin: 0 5px;
        text-align: center;
        width: 20%; }
        @media only screen and (max-width: 768px) {
          .hero-event-clock .clock-wrap .clock span {
            width: 20%; } }
        @media only screen and (max-width: 580px) {
          .hero-event-clock .clock-wrap .clock span {
            width: 40%; } }
        .hero-event-clock .clock-wrap .clock span strong {
          display: block;
          font-size: 130px;
          font-weight: 400;
          padding: 0;
          margin: 0;
          line-height: 135px;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            .hero-event-clock .clock-wrap .clock span strong {
              font-size: 90px;
              line-height: 95px; } }
        .hero-event-clock .clock-wrap .clock span small {
          display: block;
          font-size: 25px;
          /* text-transform: uppercase */
          font-weight: 400;
          padding: 0;
          margin: 0;
          margin-top: 15px; }
          @media only screen and (max-width: 580px) {
            .hero-event-clock .clock-wrap .clock span small {
              font-size: 18px;
              margin-top: 5px; } }
      .hero-event-clock .clock-wrap .clock p {
        display: block;
        margin: 0;
        padding: 0;
        float: left;
        font-size: 130px;
        line-height: 135px;
        padding: 0 2%; }
        @media only screen and (max-width: 768px) {
          .hero-event-clock .clock-wrap .clock p {
            font-size: 90px;
            line-height: 95px;
            padding: 0 5px; } }
        @media only screen and (max-width: 580px) {
          .hero-event-clock .clock-wrap .clock p:nth-child(4) {
            display: none; } }
    .hero-event-clock .clock-wrap .after-clock {
      display: table-cell;
      margin: 0;
      text-align: center;
      vertical-align: middle; }
      @media only screen and (max-width: 480px) {
        .hero-event-clock .clock-wrap .after-clock {
          font-size: 50px; } }

/********************************************************/
/********************************************************/
/*******  Modules/hero_banner_event_clock.scss *******/
/********************************************************/
/********************************************************/
.hero-banner-landing-basic-2 {
  min-height: 695px;
  margin-top: 70px;
  position: relative;
  -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
       -o-background-size: cover !important;
          background-size: cover !important; }
  .hero-banner-landing-basic-2 .opacity-bg {
    background: rgba(217, 217, 217,0.55);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .hero-banner-landing-basic-2 .container {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    @media (max-width: 800px) {
      .hero-banner-landing-basic-2 .container {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .hero-banner-landing-basic-2 .container .hero-banner-wrap {
      z-index: 1;
      text-align: left;
      -webkit-box-flex: 1.2;
      -webkit-flex-grow: 1.2;
      -moz-box-flex: 1.2;
      -ms-flex-positive: 1.2;
      flex-grow: 1.2;
      max-width: 630px;
      width: 60%;
      margin-right: 20px; }
      @media (max-width: 800px) {
        .hero-banner-landing-basic-2 .container .hero-banner-wrap {
          width: 100%;
          margin: 0 20px; } }
      .hero-banner-landing-basic-2 .container .hero-banner-wrap h1 {
        text-transform: none;
        text-align: left;
        font-weight: 400;
        color: #fff;
        font-size: 50px; }
        .hero-banner-landing-basic-2 .container .hero-banner-wrap h1 span {
          letter-spacing: 3px; }
      .hero-banner-landing-basic-2 .container .hero-banner-wrap h2,
      .hero-banner-landing-basic-2 .container .hero-banner-wrap .text {
        font-size: 30px;
        line-height: 125%;
        padding: 15px 0;
        font-weight: 400;
        color: #fff;
        text-transform: none;
        text-align: left; }
      .hero-banner-landing-basic-2 .container .hero-banner-wrap p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        max-width: 600px;
        color: #fff;
        margin-bottom: 40px; }
      .hero-banner-landing-basic-2 .container .hero-banner-wrap ul li {
        list-style-type: none;
        float: left;
        text-align: center;
        margin-right: 10px; }
  .hero-banner-landing-basic-2 .form-placeholder {
    margin-left: auto;
    -webkit-box-flex: 0.8;
    -webkit-flex-grow: 0.8;
    -moz-box-flex: 0.8;
    -ms-flex-positive: 0.8;
    flex-grow: 0.8;
    max-width: 430px; }
    .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form {
      z-index: 1;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 0 30px; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-error-msgs {
        list-style-type: none;
        margin-top: 5px; }
        .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-error-msgs label {
          font-size: 14px; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form h3 {
        font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
        font-weight: 600;
        font-size: 30px;
        line-height: 40px;
        color: #3E3E3E;
        text-align: center;
        padding-top: 20px;
        position: relative; }
        .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form h3 span {
          color: #d9d9d9;
          margin-left: 2px;
          position: relative;
          letter-spacing: 3px; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field {
        margin-bottom: 20px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #3E3E3E; }
        .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field .hs-form-required {
          display: none; }
        .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field input {
          border: none;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          background-color: #ffffff; }
        .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field .hs-input {
          font-size: 18px;
          font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
          font-weight: 400;
          height: 55px;
          border: none;
          padding-left: 13px;
          color: #3E3E3E; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs_dropdown_example {
        background: white;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 0 6px; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form textarea {
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-checkbox-display span {
        color: #3E3E3E; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form select {
        color: rgba(98, 98, 98, 0.6);
        background-color: #fff;
        outline: none; }
      .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large {
        min-height: 27px;
        min-width: 134px;
        padding-top: 20px;
        padding-bottom: 20px;
        font: 300 22px/22px 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
        margin-bottom: 20px;
        width: 100%;
        /*
        cursor: pointer;
        background-color: $mainColor;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid $mainColor;
        min-height: 27px;
        min-width: 134px;
        width: 100%;
        text-decoration: none;
        text-transform: uppercase;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #ffffff;
        font: 300 22px / 22px Palanquin;
        -webkit-transition: linear 0.3s all;
        -o-transition: linear 0.3s all;
        -moz-transition: linear 0.3s all;
        transition: linear 0.3s all;
        margin-bottom: 20px;
        &:hover {
          background-color: white;
          color: $mainColor;
          border-color: $mainColor;
        }*/ }

/********************************************************/
/********************************************************/
/*******  Modules/hero_banner_landing_basic_2.scss *******/
/********************************************************/
/********************************************************/
.hero-landing {
  height: 600px;
  position: relative; }
  .hero-landing .opacity-bg {
    background: rgba(0, 0, 0, 0.08);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .hero-landing .container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    @media (max-width: 767px) {
      .hero-landing .container {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .hero-landing .container .hero-banner-wrap {
      z-index: 1;
      text-align: left;
      -webkit-box-flex: 1.2;
      -webkit-flex-grow: 1.2;
      -moz-box-flex: 1.2;
      -ms-flex-positive: 1.2;
      flex-grow: 1.2;
      max-width: 490px;
      margin-left: 80px;
      margin-right: 20px;
      position: relative; }
      @media (max-width: 992px) {
        .hero-landing .container .hero-banner-wrap {
          margin: 0 40px; } }
      @media (max-width: 767px) {
        .hero-landing .container .hero-banner-wrap {
          width: 100%;
          margin: 0 40px; } }
      .hero-landing .container .hero-banner-wrap h1 {
        text-transform: none;
        text-align: left;
        font-weight: 400;
        color: #fff;
        font-size: 50px;
        margin-top: 100px;
        margin-bottom: 40px; }
        @media (max-width: 766px) {
          .hero-landing .container .hero-banner-wrap h1 {
            margin: 20px 0; } }
        .hero-landing .container .hero-banner-wrap h1 span {
          color: #ffc400; }
      .hero-landing .container .hero-banner-wrap h2,
      .hero-landing .container .hero-banner-wrap .text {
        font-size: 30px;
        line-height: 125%;
        padding: 15px 0;
        font-weight: 400;
        color: #fff;
        text-transform: none;
        text-align: left; }
      .hero-landing .container .hero-banner-wrap p {
        color: #fff;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        max-width: 600px;
        color: #fff;
        margin-bottom: 40px; }
        .hero-landing .container .hero-banner-wrap p.desc {
          font-size: 23px;
          line-height: 26px;
          font-weight: 400;
          color: #FFF; }
        .hero-landing .container .hero-banner-wrap p.desc-bolder {
          font-size: 26px;
          font-weight: 400;
          color: #fff; }
          .hero-landing .container .hero-banner-wrap p.desc-bolder span {
            font-weight: 500;
            color: #d9d9d9; }
      .hero-landing .container .hero-banner-wrap ul li {
        list-style-type: none;
        float: left;
        text-align: center;
        margin-right: 10px; }
  .hero-landing .form-placeholder {
    margin-bottom: 20px;
    margin-left: auto;
    -webkit-box-flex: 0.8;
    -webkit-flex-grow: 0.8;
    -moz-box-flex: 0.8;
    -ms-flex-positive: 0.8;
    flex-grow: 0.8;
    max-width: 430px; }
    .hero-landing .form-placeholder .hero-banner-form {
      z-index: 1;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 0 30px; }
      .hero-landing .form-placeholder .hero-banner-form .hs-error-msgs {
        list-style-type: none;
        margin-top: 5px; }
        .hero-landing .form-placeholder .hero-banner-form .hs-error-msgs label {
          font-size: 14px; }
      .hero-landing .form-placeholder .hero-banner-form h3 {
        font-family: 'Palanquin';
        font-weight: 600;
        font-size: 30px;
        line-height: 40px;
        color: #626262;
        text-align: center;
        padding-top: 20px;
        position: relative; }
        .hero-landing .form-placeholder .hero-banner-form h3 span {
          color: #ffc400;
          margin-left: 2px;
          position: relative;
          letter-spacing: 3px; }
      .hero-landing .form-placeholder .hero-banner-form .hs-form-field {
        margin-bottom: 20px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #626262; }
        .hero-landing .form-placeholder .hero-banner-form .hs-form-field .hs-form-required {
          display: none; }
        .hero-landing .form-placeholder .hero-banner-form .hs-form-field input {
          border: none;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          background-color: #ffffff; }
        .hero-landing .form-placeholder .hero-banner-form .hs-form-field .hs-input {
          font-size: 18px;
          font-family: 'Palanquin';
          font-weight: 400;
          height: 55px;
          border: none;
          padding-left: 13px; }
      .hero-landing .form-placeholder .hero-banner-form .hs_submit {
        position: relative; }
        .hero-landing .form-placeholder .hero-banner-form .hs_submit:after {
          content: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/hero-arrow.png");
          height: 114px;
          width: 107px;
          position: absolute;
          top: -90px;
          left: -207px; }
          @media (max-width: 766px) {
            .hero-landing .form-placeholder .hero-banner-form .hs_submit:after {
              display: none; } }
      .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large {
        min-height: 27px;
        min-width: 134px;
        width: 100%;
        margin-bottom: 20px; }

/********************************************************/
/********************************************************/
/*******  Modules/hero_banner_landing_for_hero.scss *******/
/********************************************************/
/********************************************************/
.hero-banner-portfolio-footer {
  width: 100%;
  height: 475px;
  background-position: center center !important;
  -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
       -o-background-size: cover !important;
          background-size: cover !important;
  position: relative;
  z-index: 0;
  background-repeat: no-repeat; }
  .hero-banner-portfolio-footer .mask, .hero-banner-portfolio-footer .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36); }
  .hero-banner-portfolio-footer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center; }
    .hero-banner-portfolio-footer .content h3 {
      color: #fff;
      font-size: 36px;
      /* text-transform: uppercase */
      font-weight: 700;
      letter-spacing: 0.095em; }
    .hero-banner-portfolio-footer .content p {
      color: #fff;
      font-size: 18px !important;
      font-weight: 400 !important;
      margin: 52px 0px 42px 0px; }

/********************************************************/
/********************************************************/
/*******  Modules/hero_banner_portfolio-footer.scss *******/
/********************************************************/
/********************************************************/
.hero-banner-portfolio {
  width: 100%;
  height: 500px;
  margin-top: 70px;
  background-position: center center !important;
  -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
       -o-background-size: cover !important;
          background-size: cover !important;
  position: relative;
  z-index: 0;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .hero-banner-portfolio .mask, .hero-banner-portfolio .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36); }
  .hero-banner-portfolio .content {
    z-index: 2;
    width: 80%;
    text-align: center; }
    .hero-banner-portfolio .content h1 {
      color: #fff;
      font-size: 58px;
      /* text-transform: uppercase */ }
      @media only screen and (max-width: 400px) {
        .hero-banner-portfolio .content h1 {
          font-size: 48px; } }
    .hero-banner-portfolio .content p {
      color: #fff;
      font-size: 20px !important;
      font-weight: 400 !important;
      margin: 26px 0px 42px 0px; }

/********************************************************/
/********************************************************/
/*******  Modules/hero_banner_portfolio.scss *******/
/********************************************************/
/********************************************************/
.hero-banner-recent-post {
  width: 100%;
  min-height: 355px;
  margin-top: 70px;
  background-position: center center !important;
  -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
       -o-background-size: cover !important;
          background-size: cover !important;
  position: relative;
  z-index: 0;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .hero-banner-recent-post .mask, .hero-banner-recent-post .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36); }
  .hero-banner-recent-post .content {
    position: relative;
    z-index: 2;
    text-align: center;
    width: 95%;
    margin-top: 80px; }
    @media only screen and (max-width: 985px) {
      .hero-banner-recent-post .content {
        margin-top: 0px;
        padding: 30px 0px; } }
    .hero-banner-recent-post .content h1 {
      color: #fff;
      font-size: 44px;
      font-weight: 400;
      /* text-transform: uppercase */
      display: block;
      width: 60%;
      margin: 0 auto; }
      @media only screen and (max-width: 1451px) {
        .hero-banner-recent-post .content h1 {
          width: 70%; } }
      @media only screen and (max-width: 1425px) {
        .hero-banner-recent-post .content h1 {
          width: 95%; } }
      .hero-banner-recent-post .content h1 span {
        color: #d9d9d9; }
      @media only screen and (max-width: 486px) {
        .hero-banner-recent-post .content h1 {
          font-size: 34px; } }
    .hero-banner-recent-post .content .post-details {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 35px; }
      @media only screen and (max-width: 486px) {
        .hero-banner-recent-post .content .post-details {
          margin-top: 20px; } }
      .hero-banner-recent-post .content .post-details .avatar {
        display: block;
        width: 58px;
        height: 58px;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        margin-right: 10px; }
        @media only screen and (max-width: 430px) {
          .hero-banner-recent-post .content .post-details .avatar {
            display: none; } }
      .hero-banner-recent-post .content .post-details p {
        display: block;
        font-size: 16px;
        color: #fff;
        font-weight: 400; }
        .hero-banner-recent-post .content .post-details p span {
          font-weight: 400;
          color: #d9d9d9; }

/********************************************************/
/********************************************************/
/*******  Modules/hero_banner_recent-post.scss *******/
/********************************************************/
/********************************************************/
.hero-banner-landing {
  min-height: 695px;
  margin-top: 70px;
  position: relative;
  -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
       -o-background-size: cover !important;
          background-size: cover !important; }
  .hero-banner-landing .opacity-bg {
    /* background: rgba(217, 217, 217,0.5); */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .hero-banner-landing .container {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .hero-banner-landing .container .hero-banner-wrap {
      z-index: 1;
      text-align: left;
      -webkit-box-flex: 1.2;
      -webkit-flex-grow: 1.2;
         -moz-box-flex: 1.2;
          -ms-flex-positive: 1.2;
              flex-grow: 1.2;
      max-width: 570px;
      margin-right: 20px; }
      .hero-banner-landing .container .hero-banner-wrap h1 {
        text-transform: none;
        text-align: left;
        font-weight: bold;
        color: #3E3E3E;
        font-size: 36px; }
        .hero-banner-landing .container .hero-banner-wrap h1 span {
          letter-spacing: 3px; }
      .hero-banner-landing .container .hero-banner-wrap h1.p_font {
          font-size: 18px;
          font-weight: bold;
      }
      .hero-banner-landing .container .hero-banner-wrap h2,
      .hero-banner-landing .container .hero-banner-wrap .text {
        font-size: 30px;
        line-height: 125%;
        padding: 15px 0;
        font-weight: 400;
        color: #3E3E3E;
        text-transform: none;
        text-align: left; }
        .hero-banner-landing .container .hero-banner-wrap h2 {
            padding: 0px 0px;
             font-weight: bold;
        }
    .hero-banner-landing .container .hero-banner-wrap .video-content {
        margin-bottom: 60px;
    }
      .hero-banner-landing .container .hero-banner-wrap p {
        /* font-size: 18px; */
        /* line-height: 1.7; */
        /* font-weight: 400; */
        max-width: 600px;
        color: #3E3E3E;
        /* margin-bottom: 40px; */ }
      .hero-banner-landing .container .hero-banner-wrap ul {
        list-style: none; }
        .hero-banner-landing .container .hero-banner-wrap ul li {
          float: left;
          text-align: center;
          margin-right: 10px; }
  .hero-banner-landing .form-placeholder {
    margin-left: auto;
    -webkit-box-flex: 0.8;
    -webkit-flex-grow: 0.8;
       -moz-box-flex: 0.8;
        -ms-flex-positive: 0.8;
            flex-grow: 0.8;
    max-width: 430px; }
    .hero-banner-landing .form-placeholder .hero-banner-form {
      z-index: 1;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      border: solid 1px #ebebeb;
      background-color: #f9f9f9;
      padding: 0 15px; }
      .hero-banner-landing .form-placeholder .hero-banner-form ul {
        list-style: none !important; }
      .hero-banner-landing .form-placeholder .hero-banner-form .hs_error_rollup {
          margin-bottom: 15px;
      }
      .hero-banner-landing .form-placeholder .hero-banner-form .inputs-list li {
        margin-bottom: 0px;
        line-height: 1.2;  }
      .hero-banner-landing .form-placeholder .hero-banner-form .inputs-list li label {
        position: relative; }
      .hero-banner-landing .form-placeholder .hero-banner-form .hs-error-msgs {
        list-style-type: none;
        margin-top: 0px; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-error-msgs label {
         font-weight: bold;
          font-size: 14px; }
      .hero-banner-landing .form-placeholder .hero-banner-form h3,
      .landing .form-landing .widget-type-form .form-title {
        font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
        font-weight: 600;
        font-size: 20px;
        line-height: 40px;
        color: #3E3E3E;
        text-align: center;
        padding-top: 20px;
        position: relative; }
        .hero-banner-landing .form-placeholder .hero-banner-form h3 {
            text-align: left;
        }
        .hero-banner-landing .form-placeholder .hero-banner-form h3 span {
          color: #d9d9d9;
          margin-left: 2px;
          position: relative;
          letter-spacing: 3px; }
      .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field {
        margin-bottom: 20px;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        color: #3E3E3E; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field .hs-form-required {
          display: inline;
          background-color: #F00;
          border-radius: 3px;
          margin-left: 5px;
          padding-left: 5px;
          padding-right: 5px;
          font-weight: normal;
          font-size: 13px !important;
           }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input {
          border: none;
          -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
                  border-radius: 4px;
          background-color: #ffffff;
        }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field .hs-input {
          font-size: 18px;
          font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
          font-weight: 400;
          height: 55px;
          border: none;
          padding-left: 13px; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input[type="checkbox"].hs-input {
          height: 25px; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input[type="radio"].hs-input {
          height: 25px; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input[type="checkbox"].hs-input + span {
          padding-left: 9px; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field textarea {
          -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
                  border-radius: 4px; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field select {
          background-color: #fff;
          outline: 0;
          font-size: 16px;
          font-weight: 400;
          border: solid 1px  #d3d3d3;
          color: #3E3E3E;
          font-family: Palanquin, sans-serif;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          margin-top: 0px;
          background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png");
          background-repeat: no-repeat;
          background-position-x: 98%;
          background-position-y: 56%;
          width: 100%;
          height: 55px; }
        .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field select::-ms-expand {
            display: none; }
      .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large {
        font-weight: normal !important;
        min-height: 27px;
        min-width: 134px;
        padding-top: 20px;
        padding-bottom: 20px;
        font: bold 22px/22px 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
        margin-bottom: 20px;
        width: 100%; }
      .hero-banner-landing ol.list_style,  .hero-banner-landing ul.list_style {
          padding-left: 20px;
      }
      .hero-banner-landing li {
          color: #FFF;
          margin-bottom: 0.5rem;
      }

/********************************************************/
/********************************************************/
/*******  .hs_privacy_policy_check *******/
/********************************************************/
/********************************************************/
/****************************************/

/*---  Checkbox style --- */
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_privacy_policy_check,
.landing .form-landing .widget-type-form form.hs-form .hs_privacy_policy_check {
    margin-bottom: 1rem;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_privacy_policy_check .inputs-list .hs-form-booleancheckbox-display,
.landing .form-landing .widget-type-form form.hs-form .hs_privacy_policy_check .inputs-list .hs-form-booleancheckbox-display,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_commerce_flow_terms_check .inputs-list .hs-form-booleancheckbox-display,
.landing .form-landing .widget-type-form form.hs-form .hs_commerce_flow_terms_check .inputs-list .hs-form-booleancheckbox-display {
    font-weight: bold;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_privacy_policy_check .inputs-list .hs-form-booleancheckbox-display,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_privacy_policy_check .hs-error-msgs label,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_privacy_policy_check .inputs-list li,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_commerce_flow_terms_check .inputs-list .hs-form-booleancheckbox-display,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_commerce_flow_terms_check .hs-error-msgs label,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs_commerce_flow_terms_check .inputs-list li{
    text-align: center;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="radio"].hs-input,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs-form-field input[type="checkbox"].hs-input + span,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form .hs-form-field input[type="radio"].hs-input + span,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span {
  position: relative;
  padding: 0 0px 0 24px;
  color: #3e3e3e;
  font-size: 13px;
}

.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input + span::before,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::before {
  border-color: #00acc1;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input:checked + span::before,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked + span::before {
  background-color: #00acc1;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input + span::before,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::before {
  border-color: #ec407a;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input:checked + span::before,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked + span::before {
  background-color: #ec407a;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input + span::before,
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input + span::after,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::before,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::after {
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input + span::before,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::before {
  z-index: 0;
  background-color: #FFF !important;
  width: 15px;
  height: 15px;
  border: 2px #ccc solid;
  border-radius: 4px;
}
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::before {
  display: block !important;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input + span::after,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::after {
  z-index: 1;
  margin: 5px 8px;
  width: 6px;
  height: 9px;
  content:"";
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input:checked + span::before,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked + span::before {
  background-color: #616161;
}
.hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input:checked + span::after,
.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked  + span::after {
  border: 2px solid ;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
   top: 5px;
    left: 4px;
    margin: 0px;
   content: '';
   width: 7px;
   height: 7px;
}

.landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked  + span::after {
   top: 5px !important;
}

/*--- IE Fix ---*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input + span::before,
    .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input + span::before {
        top: 10px;
    }
    .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked  + span::after {
       top: 10px !important;
    }
    .hero-banner-landing .form-placeholder .hero-banner-form form.hs-form input[type="checkbox"].hs-input:checked + span::after,
    .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input:checked + span::after {
        top: 5px;
    }
}

/*---  END Checkbox style --- */

@media (max-width: 767px) {
  .hero-banner-landing .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .hero-banner-landing .container .hero-banner-form {
      margin: 50px auto; }
    .hero-banner-landing .container .hero-banner-wrap {
      width: 100%; }
      .hero-banner-landing .container .hero-banner-wrap .video-content {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
  .hero-banner-landing .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .hero-banner-landing .container .hero-banner-form {
      margin: 50px auto; }
    .hero-banner-landing .container .hero-banner-wrap {
      width: 100%; }
      .hero-banner-landing .container .hero-banner-wrap .video-content {
        margin-bottom: 50px;
    }
}

/********************************************************/
/********************************************************/
/*******  Modules/hero-banner-landing.scss *******/
/********************************************************/
/********************************************************/
.hero-banner {
  margin-top: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  min-height: 300px;
  width: 100%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  position: relative;
  background-position: center top
  /* background-position: left center; */;
  background-repeat: no-repeat;
  z-index: 0;
  margin-bottom: 0px; }
  .hero-banner.home-hero {
     height: 300px;
     min-height: 300px;
  }
  .hero-banner.home-hero .text {
      font-size: 1.3rem;
  }
  .hero-banner.home-hero .text .sub1,
  .hero-banner.home-hero .text .sub2 {
      display: block;
  }
  .hero-banner.home-hero .text .sub1 {
      margin-bottom: 15px;
      font-size: 1.6rem;
  }
  .hero-banner .hero-banner-wrap {
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    .hero-banner .hero-banner-wrap p {
        line-height: 1.75;
    }
    .hero-banner .hero-banner-wrap h1 {
      color: #fff;
      font-weight: 500;
      padding: 0 20px; }
      .hero-banner.color-bar .hero-banner-wrap h1,
      .hero-banner.white-bg .hero-banner-wrap h1 {
         color: #3E3E3E;
      }
      .hero-banner .hero-banner-wrap .hero-cta {
        margin-top: 2rem;   }
        .hero-banner .hero-banner-wrap .hero-cta a {
        min-width: 250px; }
        .hero-banner .hero-banner-wrap .hero-cta a:nth-child(2) {
            margin-left: 20px; }

        .hero-banner .hero-banner-wrap h1 {
          padding: 0px;
          font-size: 40px; }
         .hero-banner .hero-banner-wrap.tac h1 {        /*----- 7/31 Edited by TuanDV -----*/
         padding-left: 0px;  }
        .hero-banner .hero-banner-wrap h1 span {
        color: #d9d9d9;
        font-weight: 600; }
        .hero-banner .hero-banner-wrap h2,
        .hero-banner .hero-banner-wrap .text {
          padding: 0px;
          font-weight: 400;
          color: #fff;
          text-transform: none;
          /* text-transform: capitalize; */
          text-align: center;
          padding: 0 20px; }
        .hero-banner .container {
         padding-left: 0px;
         padding-right: 0px; }

         .hero-banner.color-bar .hero-banner-wrap .text,
         .hero-banner.white-bg .hero-banner-wrap .text {
             color: #3E3E3E;
         }

         .hero-banner .hero-banner-wrap h2 {
            font-size: 20px;
         }

         @media (max-width: 971px) {
             .hero-banner .hero-banner-wrap h1 {
                font-size: 32px;
            }
         }

        @media (max-width: 768px) {
            .hero-banner-small.hero-banner-small-v2 .hero-banner-wrap p:last-child {
                     margin-bottom: 10px;
            }
        }

        @media (max-width: 768px) {
             .hero-banner {
               height: auto !important;
               padding: 30px 15px;
             }
             .hero-banner .hero-banner-wrap h1:first-child {
                 margin-top: 0px;
             }
             .hero-banner .hero-banner-wrap p:last-child {
                 margin-bottom: 0px;
             }

             .hero-banner .hero-banner-wrap .text {
                font-size: 16px;
             }
             .hero-banner .hero-banner-wrap h1 {
                font-size: 28px;
            }
        }
       @media (max-width: 600px) {
           .hero-banner .hero-banner-wrap .hero-cta a {
               min-width: 250px;
               max-width: 90%;
               display: block;
               margin: 0px auto 20px auto;
           }
          .hero-banner .hero-banner-wrap .hero-cta a:nth-child(2) {
               margin-left: auto;
            }
        }
       @media (max-width: 480px) {
            .hero-banner .hero-banner-wrap h2,
            .hero-banner .hero-banner-wrap .text,
            .hero-banner-small .hero-banner-wrap h2,
            .hero-banner-small .hero-banner-wrap .text {
                font-size: 16px !important;
            }
            .hero-banner .hero-banner-wrap h1 {
                font-size: 28px;
            }
       }
  .hero-banner .mask, .hero-banner .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    z-index: 1; }

/********************************************************/
/********************************************************/
/*******  Hero-banner (Two columns) *******/
/********************************************************/
/********************************************************/
.hero-two-columns .hero-banner-wrap .left-text,
.hero-two-columns .hero-banner-wrap .left-text p,
.hero-two-columns .hero-banner-wrap .left-text h1 {
    color: #FFF;
    text-align: left;
}

.hero-two-columns .hero-banner-wrap .left-text .text {
    margin-top: 0px;
}

.hero-two-columns .hero-banner-wrap .left-text p,
.hero-two-columns .hero-banner-wrap .left-text h1 {
    padding-left: 0px;
    padding-right: 0px;
}

.hero-two-columns .hero-banner-wrap .right-text {
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
    border-radius: 5px;
}
.hero-two-columns .hero-banner-wrap .right-text h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}
.hero-two-columns .hero-banner-wrap .right-text p,
.hero-two-columns .hero-banner-wrap .right-text .text {
    color: #3E3E3E;
    text-align: left;
    margin-top: 0px;
    font-size: 16px;
    padding: 0;
}
.hero-two-columns .hero-banner-wrap .right-text .cta_button {
  min-width: auto;
}
@media (max-width: 1250px) {
    .hero-two-columns .hero-banner-wrap .left-text,
    .hero-two-columns .hero-banner-wrap .right-text {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 1139px) and (min-width: 972px) {
    .hero-two-columns .hero-banner-wrap .row .span4 {
        width: 31.491712705%;
    }
}

@media (max-width: 971px) {
    .hero-two-columns .hero-banner-wrap .left-text,
    .hero-two-columns .hero-banner-wrap .right-text {
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
    }

    .hero-two-columns .hero-banner-wrap .right-text {
        margin-top: 20px;
    }

    .hero-two-columns .hero-banner-wrap .left-text,
    .hero-two-columns .hero-banner-wrap .left-text p,
    .hero-two-columns .hero-banner-wrap .left-text h1,
    .hero-two-columns .hero-banner-wrap .right-text .text {
        text-align: center;
    }

    .hero-two-columns .hero-banner-wrap .row .span4,
    .hero-two-columns .hero-banner-wrap .row .span8 {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

/********************************************************/
/********************************************************/
/*******  Modules/hero-banner.scss *******/
/********************************************************/
/********************************************************/
.history-timeline {
  background-color: #d9d9d9;
  padding: 25px 0px; }
  .history-timeline .slick-slider {
    margin: 0; }
  .history-timeline .center-text {
    text-align: center; }
  .history-timeline h2 {
    text-align: center;
    margin-top: 25px;
    font-weight: 600;
    color: #fff;
    font-weight: 400;
    font-size: 40px; }
    .history-timeline h2 span {
      letter-spacing: 3px; }
  .history-timeline h3 {
    text-align: center;
    margin: 15px 0px 50px 0px;
    font-weight: normal;
    color: #3E3E3E; }
  .history-timeline .wrapper-history {
    text-align: center; }
  .history-timeline p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400; }
  .history-timeline a {
    display: inline-block;
    color: #FFFFFF;
    background-color: transparent;
    margin-top: 55px;
    padding: 10px;
    text-decoration: none !important;
    text-align: center;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    font-size: 20px;
    border: solid 2px #FFFFFF; }
    .history-timeline a:hover {
      background-color: #FFFFFF;
      border-color: #FFFFFF;
      color: #d9d9d9;
      text-decoration: none; }
  .history-timeline .slick-year .slick-slide {
    cursor: pointer; }
  .history-timeline .center-slide {
    height: 104px; }
  .history-timeline .slide {
    text-align: center;
    min-height: 394px; }
    .history-timeline .slide i {
      font-size: 106px;
      text-align: center;
      color: #fff;
      margin-top: 86px;
      margin-bottom: 30px; }
  .history-timeline .slick-prev:before {
    background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-up.png");
    width: 57px;
    height: 29px; }
  .history-timeline .slick-next:before {
    background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-down.png");
    width: 57px;
    height: 29px; }
  .history-timeline .slick-prev, .history-timeline .slick-next {
    width: 57px;
    height: 29px;
    z-index: 100; }
  .history-timeline .slick-prev {
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px; }
  .history-timeline .slick-history {
    margin-top: 40px; }
  .history-timeline .slick-next {
    margin: auto;
    left: 0;
    right: 0;
    top: initial;
    bottom: -90px; }
  .history-timeline .history-slider__container {
    height: 440px;
    margin-bottom: 60px; }
  .history-timeline .history-slide__image {
    margin: 80px auto 28px; }
  .history-timeline .slick-slide {
    -webkit-transform: translate3d(0, 0, 0); }
    @media (max-width: 1070px) {
      .history-timeline .slick-slide {
        left: 22px; } }
  .history-timeline .year-slider {
    height: 500px;
    position: relative;
    overflow: hidden; }
    .history-timeline .year-slider:before {
      content: "";
      position: absolute;
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/dashed-line.png");
      left: 45px;
      top: 0px;
      height: 100%;
      width: 1px; }
      @media (max-width: 1070px) {
        .history-timeline .year-slider:before {
          left: 7px; } }
    .history-timeline .year-slider .hs_cos_wrapper_widget {
      color: #fff;
      font-size: 30px;
      padding: 15px 0;
      position: relative;
      left: 60px;
      text-align: left;
      -webkit-transition: font-size .2s;
      -o-transition: font-size .2s;
      -moz-transition: font-size .2s;
      transition: font-size .2s; }
      @media (max-width: 1070px) {
        .history-timeline .year-slider .hs_cos_wrapper_widget {
          left: 22px; } }
    .history-timeline .year-slider .slick-center {
      color: #3E3E3E; }
      .history-timeline .year-slider .slick-center:before {
        background-color: #3E3E3E; }
    .history-timeline .year-slider .hs_cos_wrapper_widget::before {
      position: absolute;
      content: "";
      width: 11px;
      height: 11px;
      top: 6px;
      bottom: 0px;
      left: -21px;
      margin: auto;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      background-color: #fff; }
    .history-timeline .year-slider .center-slide {
      color: #626262;
      font-size: 38px;
      position: absolute;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .history-timeline .year-slider .center-slide:before {
        width: 16px;
        height: 16px;
        left: -42px;
        background-color: #626262;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear; }
    .history-timeline .year-slider span {
      cursor: pointer; }
  @media (max-width: 767px) {
    .history-timeline .dashed-line {
      width: 100%;
      float: none; }
    .history-timeline .slick-history {
      width: 65%;
      float: left; }
    .history-timeline .history-slider__container {
      float: none;
      width: 100%;
      height: auto; }
    .history-timeline .history-slide__image {
      margin-top: 30px; }
    .history-timeline .year-slider {
      float: none !important;
      width: 100%;
      height: auto;
      margin-top: 30px;
      padding: 10px 0; }
      .history-timeline .year-slider:before {
        background: 0;
        background-image: none;
        border-bottom: 2px dotted rgba(255, 255, 255, 0.7);
        width: 100%;
        left: 0;
        top: -15px; }
      .history-timeline .year-slider .hs_cos_wrapper_widget.slick-center:hover {
        font-size: 30px; }
      .history-timeline .year-slider .slick-current {
        font-size: 30px; }
        .history-timeline .year-slider .slick-current:before {
          background-color: #626262; }
      .history-timeline .year-slider .hs_cos_wrapper_widget {
        padding: 0 15px; }
        .history-timeline .year-slider .hs_cos_wrapper_widget:before {
          position: absolute;
          content: "";
          width: 11px;
          height: 11px;
          top: 40px;
          bottom: 0;
          left: 47%;
          margin: auto;
          -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
                  border-radius: 50%;
          background-color: white; }
      .history-timeline .year-slider .slick-track {
        height: 53px; } }
  @media (max-width: 480px) {
    .history-timeline {
      padding-bottom: 0; }
      .history-timeline .dashed-line {
        width: 100%; }
      .history-timeline .slick-history {
        width: 50%;
        float: left; } }

/********************************************************/
/********************************************************/
/*******  Modules/history-timeline.scss *******/
/********************************************************/
/********************************************************/
.homeslider .mask, .homeslider .separator--contact__mask {
  background-color: rgba(0, 0, 0, 0.36);
  height: 100%; }

.homeslider .slick-dots {
  bottom: 30px;
  width: 100%;
  list-style: none;
  text-align: center; }
  .homeslider .slick-dots li button:before {
    font-size: 70px; }
  .homeslider .slick-dots li.slick-active button:before {
    color: #fff; }

.homeslider .slick-arrow {
  position: absolute;
  top: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1; }
  .homeslider .slick-arrow.slick-prev {
    left: 48px; }
    .homeslider .slick-arrow.slick-prev:before {
      content: '';
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
      background-repeat: no-repeat;
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      width: 30px;
      height: 58px;
      display: block; }
  .homeslider .slick-arrow.slick-next {
    right: 48px; }
    .homeslider .slick-arrow.slick-next:before {
      content: '';
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
      background-repeat: no-repeat;
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      -webkit-transform: scaleX(-1);
         -moz-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
           -o-transform: scaleX(-1);
              transform: scaleX(-1);
      width: 30px;
      height: 58px;
      display: block; }

.homeslider .slide {
  position: relative;
  height: 100vh;
  min-height: 600px;
  background-position: center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover; }
  .homeslider .color-bar .slide {
      background-image: url('https://solutions.dac.co.jp/hubfs/images/pattern-bg.png');
      background-repeat: repeat;
      background-position: top left;
      background-size: inherit;
      /* box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); */
  }
  .homeslider .color-bar .slide .content h1,
  .homeslider .color-bar .slide .content p,
  .homeslider .color-bar .wheel {
      color: #3E3E3E;
  }
  .homeslider .slide .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 80%; }
    .homeslider .slide .content h1 {
      width: 80%;
      display: block;
      margin: 0 auto;
      color: #fff;
      font-weight: 500; }
      .homeslider .slide .content h1 span {
        font-weight: 500;
        color: #d9d9d9; }
    .homeslider .slide .content h2,
    .homeslider .slide .content h3,
    .homeslider .slide .content h4,
    .homeslider .slide .content h5,
    .homeslider .slide .content h6 {
      color: #fff; }
    .homeslider .slide .content p,
    .homeslider .slide .content .des {
      color: #fff;
      /* font-size: 20px; */
      font-size: 1.4rem;
      font-weight: 400;
      text-align: center; }
     .homeslider .slide .content .slide-subtitle {
        font-size: 1.6rem;
     }
    .homeslider .slide .content p:last-of-type,
    .homeslider .slide .content .des {
      text-align: center;
      margin-top: 40px; }
      .homeslider .slide .content p:last-of-type a.cta_button,
      .homeslider .slide .content .des a.cta_button {
        position: relative;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px; }
      .homeslider .slide .content p:last-of-type > .hs-cta-wrapper:first-of-type a.cta_button,
      .homeslider .slide .content .des > .hs-cta-wrapper:first-of-type a.cta_button{
        position: relative; }
        .homeslider .slide .content .logo-img img {
            height: 100px;
            width: auto;
            margin: 0 auto;
        }

@media (max-width: 767px) {
  .homeslider .slide .content p,
  .homeslider .slide .content .des {
    font-size: 15px; } }

@media (max-width: 480px) {
  .homeslider .slide .content h1 {
    width: 100%;
    font-size: 30px; } }

/********************************************************/
/********************************************************/
/*******  Modules/homeslider.scss *******/
/********************************************************/
/********************************************************/
.homevideo {
  position: relative;
  background-image: none;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: center;
  height: 100vh;
  overflow: hidden; }
  .homevideo .mask, .homevideo .separator--contact__mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.36); }
  .homevideo video {
    display: block;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover; }
  .homevideo .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 80%; }
    .homevideo .content .sub-text {
        color: #FFF;
        text-align: center;
        font-size: 1.3rem;
    }
    .homevideo .content h1 {
      color: #fff;
      font-weight: 400; }
      .homevideo .content h1 span {
        font-weight: 600;
        font-size: inherit;
        color: #d9d9d9; }
    .homevideo .content h2, .homevideo .content h3, .homevideo .content h4, .homevideo .content h5, .homevideo .content h6 {
      color: #fff; }
    .homevideo .content p {
      color: #fff;
      font-size: 20px;
      font-weight: 400;
      text-align: center; }
    .homevideo .content p:last-of-type {
      text-align: center;
      margin-top: 40px; }
      .homevideo .content p:last-of-type a.cta_button {
        position: relative;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px; }
      .homevideo .content p:last-of-type > .hs-cta-wrapper:first-of-type a.cta_button {
        position: relative; }

@media (max-width: 991px) {
  .homevideo {
    min-height: 600px; }
    .homevideo video {
      display: none; } }

@media (max-width: 767px) {
  .homeslider .content p {
    font-size: 15px; } }

@media (min-width: 992px) {
  .homevideo.video {
    background-image: none !important; } }

/********************************************************/
/********************************************************/
/*******  Modules/homevideo.scss *******/
/********************************************************/
/********************************************************/
.iphone-column {
  position: relative; }

.iphone-mocup {
  position: absolute;
  bottom: -150px;
  left: 0; }
  .iphone-mocup__phone {
    max-width: none; }
  .iphone-mocup__screen {
    position: absolute;
    overflow: hidden;
    top: 73px;
    left: 186px;
    width: 180px;
    height: 320px; }
    .iphone-mocup__screen img {
      width: 100%; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .iphone-mocup {
    left: -50px;
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: bottom;
       -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
         -o-transform-origin: bottom;
            transform-origin: bottom; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .iphone-mocup {
    display: none; } }

/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/********************************************************/
/********************************************************/
/*******  Modules/iphone-mocup.scss *******/
/********************************************************/
/********************************************************/
figure.join-us {
  width: 210px;
  margin: 25px 37px; }
  figure.join-us .image-wrapper {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden; }
  figure.join-us .image {
    width: 210px;
    height: 210px;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: white;
    position: relative;
    overflow: hidden; }
  figure.join-us .mask, figure.join-us .separator--contact__mask {
    position: absolute;
    background: #d9d9d9;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }
  figure.join-us .main-text {
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    /* text-transform: uppercase */
    white-space: nowrap;
    top: 26%; }
  figure.join-us .sub-text {
    color: #FFF;
    font-size: 16px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
    top: 45%; }
  figure.join-us a {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }

/********************************************************/
/********************************************************/
/*******  Modules/join-us.scss *******/
/********************************************************/
/********************************************************/
.past-event-gallery .event-gallery-holder {
  width: 100%; }
  .past-event-gallery .event-gallery-holder .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .past-event-gallery .event-gallery-holder .flex-row {
        display: block; } }
    .past-event-gallery .event-gallery-holder .flex-row .item-wrap {
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .past-event-gallery .event-gallery-holder .flex-row .item-wrap {
          width: 100%; } }
      .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item {
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        overflow: hidden;
        -webkit-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        transition: all 0.6s ease;
        background-position: center center; }
        .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item:hover {
          -webkit-transform: scale(1.03, 1.03);
             -moz-transform: scale(1.03, 1.03);
              -ms-transform: scale(1.03, 1.03);
               -o-transform: scale(1.03, 1.03);
                  transform: scale(1.03, 1.03); }
          .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item:hover:after {
            opacity: 0; }
        .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: #000;
          opacity: 0.2;
          -webkit-transition: all 0.6s ease;
          -o-transition: all 0.6s ease;
          -moz-transition: all 0.6s ease;
          transition: all 0.6s ease; }
      .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-1 {
        width: 600px;
        height: 416px; }
        @media only screen and (max-width: 767px) {
          .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-1 {
            width: 100%; } }
      .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-2 {
        width: 570px;
        height: 416px; }
        @media only screen and (max-width: 767px) {
          .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-2 {
            width: 100%; } }
      .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-3 {
        width: 500px;
        height: 366px; }
        @media only screen and (max-width: 767px) {
          .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-3 {
            width: 100%; } }
      .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-4 {
        width: 670px;
        height: 366px; }
        @media only screen and (max-width: 767px) {
          .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-4 {
            width: 100%; } }

.past-event-gallery .view-more {
  text-align: center;
  margin: 67px 0px 62px 0px; }

/********************************************************/
/********************************************************/
/*******  Modules/landing-event-gallery.scss *******/
/********************************************************/
/********************************************************/
.landing-event-plan {
  background-position: center center;
  -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
       -o-background-size: cover !important;
          background-size: cover !important;
  width: 100%;
  height: auto;
  padding-top: 80px;
  overflow: visible;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .landing-event-plan .event-plan {
    margin-top: 20px;
    bottom: 0;
    background: #d9d9d9;
    width: 65%;
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius-topleft: 10px;
            border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topright: 10px;
            border-top-right-radius: 10px; }
    @media only screen and (max-width: 768px) {
      .landing-event-plan .event-plan {
        width: 95%; } }
    @media only screen and (max-width: 1180px) {
      .landing-event-plan .event-plan {
        width: 75%; } }
    .landing-event-plan .event-plan .title-event-wrap {
      height: 72px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #fff;
      font-size: 31px;
      font-weight: 400;
      line-height: 72px; }
      @media only screen and (max-width: 580px) {
        .landing-event-plan .event-plan .title-event-wrap {
          font-size: 26px; } }
      @media only screen and (max-width: 380px) {
        .landing-event-plan .event-plan .title-event-wrap {
          font-size: 20px; } }
      .landing-event-plan .event-plan .title-event-wrap .time-event {
        display: block;
        width: 20%;
        margin: 0;
        padding-left: 30px; }
        @media only screen and (max-width: 580px) {
          .landing-event-plan .event-plan .title-event-wrap .time-event {
            padding-left: 15px; } }
      .landing-event-plan .event-plan .title-event-wrap .title-event {
        display: block;
        width: 80%;
        margin: 0;
        padding-left: 30px; }
    .landing-event-plan .event-plan .content-event span.hs_cos_wrapper {
      height: auto;
      background-color: #ffc400; }
      .landing-event-plan .event-plan .content-event span.hs_cos_wrapper div.hs_cos_wrapper {
        display: block;
        width: 100%;
        height: 79px;
        margin-top: 1px; }
        .landing-event-plan .event-plan .content-event span.hs_cos_wrapper div.hs_cos_wrapper:nth-child(even) {
          background: #393939; }
        .landing-event-plan .event-plan .content-event span.hs_cos_wrapper div.hs_cos_wrapper:nth-child(odd) {
          background: #3E3E3E; }

/********************************************************/
/********************************************************/
/*******  Modules/landing-event-plan.scss *******/
/********************************************************/
/********************************************************/
.landing-single-event {
  width: 100%;
  height: 100%; }
  .landing-single-event .single-event-wrap {
    height: 79px;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .landing-single-event .single-event-wrap .time-single {
      width: 20%;
      margin: 0;
      padding-left: 30px;
      font-size: 23px; }
      @media only screen and (max-width: 580px) {
        .landing-single-event .single-event-wrap .time-single {
          font-size: 18px;
          padding-left: 15px;
          text-align: center; } }
    .landing-single-event .single-event-wrap .desc-single {
      width: 70%;
      padding-left: 30px;
      font-size: 21px; }
      @media only screen and (max-width: 580px) {
        .landing-single-event .single-event-wrap .desc-single {
          font-size: 16px;
          width: 80%; } }
    .landing-single-event .single-event-wrap .dot-single {
      width: 10%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media only screen and (max-width: 580px) {
        .landing-single-event .single-event-wrap .dot-single {
          -webkit-transform: rotate(90deg);
          /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
          -ms-transform: rotate(90deg);
          /* IE 9 */
          -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
               transform: rotate(90deg); } }
      .landing-single-event .single-event-wrap .dot-single a {
        width: 39px; }
        .landing-single-event .single-event-wrap .dot-single a .dot-img {
          width: 39px;
          background-position: center top; }
          .landing-single-event .single-event-wrap .dot-single a .dot-img i {
            font-size: 11px;
            color: #fff; }
          .landing-single-event .single-event-wrap .dot-single a .dot-img:hover {
            background-position: center bottom; }
            .landing-single-event .single-event-wrap .dot-single a .dot-img:hover i {
              color: #d9d9d9; }

/********************************************************/
/********************************************************/
/*******  Modules/landing-single-event.scss *******/
/********************************************************/
/********************************************************/
section.loading-circle .circle {
  width: 200px;
  height: 200px;
  margin: 0 auto; }
  section.loading-circle .circle .timer tspan {
    font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;; }
  section.loading-circle .circle svg {
    margin: -20%; }

section.loading-circle h3 {
  color: #fff;
  font-weight: 400;
  font-size: 25px;
  margin: 35px 0px 55px 0px;
  text-align: center; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .homepage .skills .loading-circle .circle svg {
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4); } }

@supports (-ms-ime-align: auto) {
  .homepage .skills .loading-circle .circle svg {
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4); } }

/********************************************************/
/********************************************************/
/*******  Modules/loading-circle.scss *******/
/********************************************************/
/********************************************************/
figure.people {
  width: 210px;
  margin: 25px 37px; }
  figure.people .image {
    width: 210px;
    height: 210px;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-color: white;
    background-position: center center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    position: relative; }
  figure.people .image:hover .people-hover {
    clip: rect(0px, 211px, 211px, 0px); }
  figure.people .name-and-surname {
    font-size: 21px;
    color: #d9d9d9;
    font-weight: 600;
    text-align: center;
    /* text-transform: uppercase */
    margin: 20px 0 8px 0;
    line-height: 1; }
  figure.people .job {
    font-size: 16px;
    color: #3E3E3E;
    text-align: center;
    margin: 0; }
  figure.people .people-hover {
    -webkit-box-shadow: inset 0 0 0 211px #d9d9d9;
       -moz-box-shadow: inset 0 0 0 211px #d9d9d9;
            box-shadow: inset 0 0 0 211px #d9d9d9;
    display: inline-block;
    width: 210px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #d9d9d9;
    height: 209.9px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    clip: rect(210px, 210px, 210px, 0px); }
    figure.people .people-hover a {
      display: inline-block;
      margin-top: 80px; }
    figure.people .people-hover .social-icons {
      text-align: center; }
    figure.people .people-hover .icon-circle {
      margin-top: 80px;
      text-align: center;
      width: 50px;
      height: 50px;
      background-color: white;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      display: inline-block;
      margin: 0 3px; }
      figure.people .people-hover .icon-circle i {
        text-align: center;
        color: #d9d9d9;
        font-size: 25px;
        display: block;
        line-height: 50px; }

.people-wrapper > .hs_cos_wrapper_widget_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

/********************************************************/
/********************************************************/
/*******  Modules/people.scss *******/
/********************************************************/
/********************************************************/
.pricing-box {
  margin: 0 15px;
  -webkit-flex-basis: 265px;
      -ms-flex-preferred-size: 265px;
          flex-basis: 265px;
  border: 2px solid #d9d9d9;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  text-align: center;
  color: #3E3E3E; }
  @media screen and (max-width: 767px) {
    .pricing-box {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
      min-width: 245px; } }
  @media screen and (max-width: 400px) {
    .pricing-box {
      width: 260px; } }
  .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 150px 0 375px 0; }
    @media screen and (max-width: 767px) {
      .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 75px 0 200px 0; } }
    .pricing-box__container .widget-span .hs_cos_wrapper_widget_container .hs_cos_wrapper {
      -webkit-flex-basis: 265px;
          -ms-flex-preferred-size: 265px;
              flex-basis: 265px; }
      @media screen and (max-width: 767px) {
        .pricing-box__container .widget-span .hs_cos_wrapper_widget_container .hs_cos_wrapper {
          margin-bottom: 50px;
          -webkit-flex-basis: auto;
              -ms-flex-preferred-size: auto;
                  flex-basis: auto;
          min-width: 245px; } }
  .pricing-box__starting-at {
    text-align: center; }
  .pricing-box__price {
    display: block;
    font-size: 51px;
    color: #d9d9d9;
    margin-top: -15px;
    font-weight: bold; }
    .pricing-box__price i {
      font-size: 41px; }
  .pricing-box__features {
    text-align: center; }
  .pricing-box__order {
    text-align: center; }
  .pricing-box__title {
    margin-top: 0;
    padding: 20px 20px;
    font-size: 31px;
    font-weight: 400;
    color: #d9d9d9;
    width: 100%;
    display: block;
    border-bottom: 1px solid #d9d9d9; }
  .pricing-box__starting-at {
    color: #3E3E3E;
    font-size: 16px;
    padding-bottom: 10px; }
  .pricing-box__feature-text {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    width: 80%;
    margin: 15px auto;
    display: block; }
  .pricing-box__feature-text--bold {
    color: #d9d9d9;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px; }
  .pricing-box__order {
    margin-bottom: 15px;
    background-color: #d9d9d9;
    border: 2px solid #d9d9d9;
    color: #FFFFFF; }
    .pricing-box__order:hover {
      background-color: #FFFFFF;
      border: 2px solid #d9d9d9;
      color: #d9d9d9; }
  .pricing-box.highlight {
    -webkit-transform: scale(1.13);
       -moz-transform: scale(1.13);
        -ms-transform: scale(1.13);
         -o-transform: scale(1.13);
            transform: scale(1.13);
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
    background-color: #d9d9d9; }
    .pricing-box.highlight .pricing-box__title {
      color: #fff;
      border-bottom-color: #fff;
      -webkit-transition: 0.3s linear all;
      -o-transition: 0.3s linear all;
      -moz-transition: 0.3s linear all;
      transition: 0.3s linear all; }
    .pricing-box.highlight .pricing-box__starting-at {
      color: #fff;
      -webkit-transition: 0.3s linear all;
      -o-transition: 0.3s linear all;
      -moz-transition: 0.3s linear all;
      transition: 0.3s linear all; }
    .pricing-box.highlight .pricing-box__price {
      color: #fff;
      -webkit-transition: 0.3s linear all;
      -o-transition: 0.3s linear all;
      -moz-transition: 0.3s linear all;
      transition: 0.3s linear all; }
    .pricing-box.highlight .pricing-box__features .pricing-box__feature-text {
      border-bottom-color: #fff;
      color: #fff;
      -webkit-transition: 0.3s linear all;
      -o-transition: 0.3s linear all;
      -moz-transition: 0.3s linear all;
      transition: 0.3s linear all; }
      .pricing-box.highlight .pricing-box__features .pricing-box__feature-text .pricing-box__feature-text--bold {
        color: #fff;
        -webkit-transition: 0.3s linear all;
        -o-transition: 0.3s linear all;
        -moz-transition: 0.3s linear all;
        transition: 0.3s linear all; }
    .pricing-box.highlight a.pricing-box__order {
      background-color: #FFFFFF;
      color: #d9d9d9;
      border: 2px solid #FFFFFF; }
      .pricing-box.highlight a.pricing-box__order:hover {
        color: #FFFFFF;
        background-color: #d9d9d9;
        border: 2px solid #FFFFFF; }

/********************************************************/
/********************************************************/
/*******  Modules/pricing-box.scss *******/
/********************************************************/
/********************************************************/
.questions {
  /* height: auto !important;
  /* min-height: 350px;  */
  margin-top: 30px;}
  .questions .question {
    width: 100%; }
  .questions .question h3 {
      border-radius: 10px;
      border-radius: 5,
      font-weight: bold;
      border: #ff7e00 solid 1px;
    font-size: 18px;
    color: #3E3E3E;
    /* text-transform: uppercase */
    margin-top: 10px;
    display: block;
    margin-left: 0px;
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
    /* padding-left: 7px; */
    padding: 8px 25px; }
    .questions .question h3::first-letter {
        font-weight: bold;
    }
    .questions .question h3:hover {
        background-color: rgba(255,126,0,0.3); }
   .questions .question .text {
    padding: 10px 20px;
    background: #f4f4f4;
    border-radius: 5px;
    margin-left: 0px;
    margin-top: 10px; }
    .questions .question .text p {
        margin-top: 10px; }
    .questions .question .text a {
    font-weight: bold;
    color: #d9d9d9; }
 .questions .question .text a:hover {
    text-decoration: underline; }
  .questions .question h3:before {
    position: absolute;
    left: 10px;
    top: 8px;
    font-family: "FontAwesome";
    content: "\f105";
    color: #d9d9d9;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear; }
  .questions .question h3.rotate:before {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg); }
  .questions .question p.text {
    font-size: 16px;
    color: #626262;
    font-weight: 400;
    display: none; }

/********************************************************/
/********************************************************/
/*******  Modules/question.scss *******/
/********************************************************/
/********************************************************/
ul.filters li {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px; }
  ul.filters li a {
    border: 1px solid ;
    font-weight: bold;
    border-radius: 4px;
    padding: 9px 19px;
     margin: 0px 10px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    font-size: 20px;
    color: #3E3E3E;}
     ul.filters li:first-child>a {
         margin-left: 0px;
     }
    ul.filters li a:hover {
      background-color: #d9d9d9;
      color: #FFFFFF;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px; }
    ul.filters li a.active {
      background-color: #d9d9d9;
      color: #FFFFFF;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px; }

@media screen and (max-width: 767px) {
   .sodium-faq ul.filters li {
        margin-bottom: 20px;
        width: 46%;
        margin: 0 2%;
    }
    .sodium-faq ul.filters li a {
        font-size: 16px !important;
        display: block;
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

}

@media screen and (max-width: 600px) {
    .sodium-faq ul.filters li {
        margin-bottom: 20px;
        width: 100%;
        margin: 0;
    }
}
/********************************************************/
/********************************************************/
/*******  Modules/questions filter.scss *******/
/********************************************************/
/********************************************************/
.resource-categories__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-top: 60px;             /*----- 7/28 Edited by TuanDV .resource -----*/
  white-space: nowrap;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /*@media screen and (max-width: 1000px) {
    flex-wrap: wrap;
  }*/ }
  @media screen and (max-width: 500px) {
    .resource-categories__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 30px; } }

.resource-categories__element {
  cursor: pointer;
  padding: 10px 25px;
  /* text-transform: uppercase */
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  font-size: 1.1em;
  font-weight: bold;
  border: 1px solid #d9d9d9;
  color: #3E3E3E;
  margin: 10px;
  text-align: center;
  box-shadow: 2px 2px 5px ;
  }
  @media screen and (max-width: 1000px) {
    .resource-categories__element {
      text-align: center; } }
  .resource-categories__element--active,
  .resource-categories__element:hover {
    /* background: #d9d9d9; */
    border: 1px solid #d9d9d9;
    color: #3E3E3E;
    background-color: #d9d9d9;
    box-shadow: 3px 3px 10px ;}

    @media screen and (max-width: 768px) {
        .resource-categories__element {
            font-size: 16px;
        }
    }

/********************************************************/
/********************************************************/
/*******  Modules/resource-category.scss *******/
/********************************************************/
/********************************************************/
.resources .hero-banner {
    margin-bottom: 0px;
}

.resource {
    margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 50px;
  width: 48%;           /*----- 8/4 Edited by TuanDV .resource -----*/
}
  .resource--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 285px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: center;
    margin: 50px auto 0; }
  .resource__container {
    padding-top: 10px;          /*----- 7/28 Edited by TuanDV .resource -----*/
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;              /*----- 7/28 Edited by TuanDV .resource -----*/
    /* -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .resource__container--vertical {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-bottom: 100px; }
  .resource__image-container {
    -ms-flex-preferred-size: 40%;
    -webkit-flex-basis: 40%;
            flex-basis: 40%; }
    .resource--vertical .resource__image-container {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
      margin-bottom: 28px; }
      @media screen and (max-width: 400px) {
        .resource--vertical .resource__image-container {
          margin-bottom: 5px; } }
  .resource__image {
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: transform .3s, opacity .3s, -moz-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s; }
    .resource__image:hover {
      -webkit-transform: scale(1.2);
         -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
           -o-transform: scale(1.2);
              transform: scale(1.2);
      opacity: .9;
      cursor: pointer; }
  .resource__description {
      font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    margin-top: 30px;
    width: 100%; }
    .resource--vertical .resource__description {
      margin-top: 10px;
      padding-right: 0; }
  .resource__details {
     margin-left: 15px;
    margin-right: 15px;
    -ms-flex-preferred-size: 60%;
    -webkit-flex-basis: 60%;
            flex-basis: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
    .resource--vertical .resource__details {
      margin-left: 0;
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
      text-align: center; }
  .resource__title {
    /* text-transform: uppercase */
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    color: #3E3E3E;
    }
    .resource--vertical .resource__title {
      width: 100%;
      padding: 0 5px; }

  .resource__button {
    background: #fff;
    color: #3E3E3E;
    box-shadow: 3px 3px 10px #646464;
    padding: 13px 45px;
    border-radius: 8px;
    font-weight: bold;
    border: 1px solid #d9d9d9;
    transition: none !important; }
    /*----- END 7/28 Edited by TuanDV -----*/
    .resource--vertical .resource__button {
      display: block;
      margin: 0 auto; }
    .resource__button:hover {
      border: 1px solid #d9d9d9;
      color: #3E3E3E;
      cursor: pointer; }
  .resource__effects-wrapper {
    height: auto;
    width: 210px;
    -webkit-box-shadow: 6px 6px 0 #d9d9d9, 2px 1px 5px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 6px 6px 0 #d9d9d9, 2px 1px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 6px 6px 0 #d9d9d9, 2px 1px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background: #d9d9d9; }  /*----- 7/31 Edited by TuanDV -----*/
    .resource--vertical .resource__effects-wrapper {
      margin: 0 auto; }

@media screen and (max-width: 971px) {
    /*----- 7/31 Edited by TuanDV -----*/
    .resource__container {
        display: block;
    }
    .resource__container .resource {
        width: 100%;
        display: block;
        clear: both;
        padding: 0px 20px 30px 20px;

        text-align: center;
    }
    .resource__container .resource__effects-wrapper {
        margin: 0px auto 30px auto;
    }
    .resource__container .resource__details {
        display: block;
        padding-left: 10%;
         padding-right: 10%;
    }
    .resource__container .resource__details .resource__button {
        display: inline-block;
    }
}

@media screen and (max-width: 971px) {
     .resource__container .resource__details {
        padding-left: 0px;
         padding-right: 0px;
    }
}

@media screen and (max-width: 600px) {
  .resource {

     border-bottom: 1px solid #f7f7f7;
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; */ }
    .resource__description {
      margin-top: 15px;
      padding-right: 0px; }
  .resource__image-container {
    /* -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;  */

    display: block;
  }
  .resource__image-container .resource__effects-wrapper {
      margin: 0 auto;
  }
  .resource__details {
    margin-right: 0px;
    margin-left: 0; }
  .resource__title {
     margin-top: 20px;
     text-align: center;
  }
  .resource__details .resource__button {
      display: block;
      margin: 0 auto;
  }
  .resource__title .responsive {
      display: none;
  }
  .resource__container {
    min-height: 300px; } }

@media screen and (max-width: 500px) {
  .resource__container {
    padding-top: 0; }
  .resource {
    width: 100%; } }

/********************************************************/
/********************************************************/
/*******  Modules/resource.scss *******/
/********************************************************/
/********************************************************/
.resources-slide {
  float: left;
  width: 100%; }
  .resources-slide .slide-img {
    height: 500px;
    font-weight: 400;
    position: relative;
    margin-bottom: 0;
    top: 0;
    float: left;
    width: 100%; }
    .resources-slide .slide-img .mask, .resources-slide .slide-img .separator--contact__mask {
      position: absolute;
      background: rgba(0, 0, 0, 0.36);
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; }
    .resources-slide .slide-img .slide-content {
      position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #fff;
      z-index: 99; }
      .resources-slide .slide-img .slide-content h2 {
        font-weight: 500;
        color: #fff;
        font-size: 58px; }
        .resources-slide .slide-img .slide-content h2 span {
          color: #d9d9d9; }
      .resources-slide .slide-img .slide-content p {
        font-size: 20px;
        text-align: center; }

/********************************************************/
/********************************************************/
/*******  Modules/resources-slide.scss *******/
/********************************************************/
/********************************************************/
.separator {
  background: white;
  padding: 20px 0; }
  .separator h4 {
    margin: 0px;
    color: #333;
    font-weight: 400;
    /* text-transform: uppercase */
    font-size: 34px; }
  .separator--yellow {
    background: #d9d9d9; }
    .separator--yellow h4 {
      color: white; }
  .separator--contact {
    position: relative;
    padding: 40px 0 50px; }
    .separator--contact h4 {
      color: white;
      text-align: center;
      position: relative;
      z-index: 2;
      font-weight: 400; }
    .separator--contact a {
      position: relative;
      z-index: 2; }

/********************************************************/
/********************************************************/
/*******  Modules/separator.scss *******/
/********************************************************/
/********************************************************/
.services {
  overflow: hidden;
  /* margin-top: 70px; */ }
  .block-inner.services {
      /* padding-bottom: 0px; */
  }
  .services .box-services {
    text-align: center; }
    .services.list-service-case-bg .box-services {
        overflow: hidden;
        width: 100%;
        transition: 0.5s all;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    }
    .services .box-services .widget-type-rich_text a {
      font-weight: 400 !important; }
    .services .box-services .ico {
      width: 120px;
      height: 120px;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      text-align: center;
      margin: auto;
      border: solid 2px #a8a69c; }
      .services .box-services .ico i {
        color: #a8a69c;
        font-size: 60px;
        line-height: 116px; }
       .audienceone-services.services .box-services .ico {
          border: solid 2px #EC6340;
       }
       .audienceone-services.services .box-services .ico i {
           color: #EC6340;
       }
       .flexone-services.services .box-services .ico {
          border: solid 2px #7E308D;
       }
       .flexone-services.services .box-services .ico i {
           color: #7E308D;
       }
       .audienceone-services.services.services-fixicon .span4:nth-child(1) .box-services .ico i {
           margin-top: 2px;
       }
       .audienceone-services.services.services-fixicon .span4:nth-child(2) .box-services .ico i {
           margin-left: 10px;
       }
       .audienceone-services.services.services-fixicon .span4:nth-child(3) .box-services .ico i {
           margin-top: 2px;
       }
       .dialogone-services.services .box-services .ico {
          border: solid 2px #FF0096;
       }
       .dialogone-services.services .box-services .ico i {
           color: #FF0096;
       }
       .custom-dev-services.services .box-services .ico {
           border: solid 2px #CAA846;
       }
       .custom-dev-services.services .box-services .ico i {
           color: #CAA846;
       }
    .services .box-services h3 {
      font-size: 20px;
      font-weight: bold;
      margin: 20px 0px;
      color: #3E3E3E;
      }
    .services .box-services .desc {
      /* font-size: 16px; */ /*2018/04/19 DAC-216 トップのフォント修正 */
      font-weight: 200;
      margin-bottom: 60px;
      padding: 0px 15px; }

      .services .box-services .desc.mg-bottom-0 {
          margin-bottom: 0px;
      }

     .services .box-services .desc ul li {
         text-align: left;
     }

    .services .box-services.services-list h3 {
        text-align: left;
        padding-left: 30px;
    }

    /*----- 8/1 Edited by TuanDV box-service module -----*/

     .services .box-services a {
         display: block;
     }
    .services .box-services a:hover {
        opacity: 0.7;
    }
    .services .box-services a .desc {
        color: #3E3E3E;
     }

     .services .box-services a .desc.min-height-80 {
         min-height: 80px;
     }

     .services .box-services a.cta_button {
         display: inline-block;
     }

    /*----- END 8/1 Edited by TuanDV -----*/


/*----- 7/26 Edited by TuanDV -----*/

@media (max-width: 767px) {
   .services .box-services h3 {
        margin: 10px 0px;
   }
   .services .box-services .desc {
        margin-bottom: 30px;
   }
}

/*----- END 7/26 Edited by TuanDV -----*/

/********************************************************/
/********************************************************/
/*******  Modules/service-box.scss *******/
/********************************************************/
/********************************************************/
.skills {
  text-align: center; }
  .skills .circle {
    display: none; }
  .skills .loader {
    max-width: 200px;
    height: auto; }
  .skills h3 {
    color: #fff;
    font-weight: normal;
    font-size: 25px;
    text-align: center;
    /* text-transform: uppercase */ }

/********************************************************/
/********************************************************/
/*******  Modules/skills-circles.scss *******/
/********************************************************/
/********************************************************/
.slider-rec-posts {
  margin-top: 0px;
  padding-top: 10px;
  margin-bottom: 30px; }
  .slider-rec-posts .slick-dots {
    bottom: -50px; }
    .slider-rec-posts .slick-dots li button:before {
      font-size: 70px;
      color: #d9d9d9;
      -webkit-transition: opacity .3s linear;
      -o-transition: opacity .3s linear;
      -moz-transition: opacity .3s linear;
      transition: opacity .3s linear; }
  .slider-rec-posts__slide {
    /* padding: 15px; */
    padding: 0px; }
    .slider-rec-posts__slide a {
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      -moz-transition: all .3s linear;
      transition: all .3s linear;
      display: block;
      background: #FFF; }
      .slider-rec-posts__slide a:hover {
          opacity: 0.7;
      }
      .slider-rec-posts__slide .byline {
        font-family: 'Oswald',sans-serif;
        font-weight: normal;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
        opacity: .7;
        margin: 0;
        text-align: left;
        padding: 0 0.8rem;
        color: #666;
        font-size: 12px;
        }
        .slider-rec-posts__slide .description {
            height: 8em;
        }
        .slider-rec-posts__slide .description p {
            font-size: 13px;
            text-align: left;
            line-height: 1.5;
            /* margin-top: 14px; */
            margin-bottom: 0;
            -ms-word-break: break-all;
            word-break: break-all;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            hyphens: auto;
            -webkit-hyphenate-before: 2;
            -webkit-hyphenate-after: 3;
            hyphenate-lines: 3;
             color: #666;
             padding: 0px 15px 15px 15px;
             margin-top: 15px;
        }
        .slider-rec-posts__slide .byline span {
             display: inline-block;
        }
        .slider-rec-posts__slide .byline:before {
            font-family: "fontawesome";
            content: "\f274";
            font-size: .88em;
            margin-right: .3em;
            position: relative;
            top: -1px;
        }
      .slider-rec-posts__slide a span {
          display: block;
      }
      .slider-rec-posts__slide a span.img-wrap {
          max-height: 210px;
          overflow: hidden;
          display: block;
      }
      .slider-rec-posts__slide a:hover {
          opacity: 0.7;
          -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
          -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
          box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
      }
      .slider-rec-posts__slide a:hover .img-wrap img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          transform: scale(1.1);
        }
        .slider-rec-posts__slide img {
          -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
          margin: auto; }

    .slider-rec-posts-title .slick-prev, .slider-rec-posts-title .slick-next {
        top: 30%;
    }

@media screen and (max-width: 840px) {
    .slider-rec-posts-title .slider-rec-posts__slide a span.img-wrap {
         max-height: 225px;
    }
}
@media screen and (max-width: 767px) {
    .slider-rec-posts-title .slider-rec-posts__slide .description {
        /* display: none; */
    }
    .slider-rec-posts-title .slider-rec-posts__slide a span.img-wrap {
         max-height: 180px;
    }
    .slider-rec-posts-title .slider-rec-posts__slide .byline {
        /* padding-bottom: 10px; */
        font-size: 12px;
    }
    .slider-rec-posts__slide .description p {
        /* padding-top: 10px; */
    }
}
@media screen and (max-width: 600px) {
    .slider-rec-posts-title .slider-rec-posts__slide a span.img-wrap {
         max-height: 200px;
    }
    .slider-rec-posts-title .slider-rec-posts__slide .title {
        padding: 10px;
        height: auto;
    }
    .slider-rec-posts-title .slick-prev, .slider-rec-posts-title .slick-next {
        top: 40%;
    }
}
@media screen and (max-width: 320px) {
    .slider-rec-posts .slick-dots {
        bottom: -35px;
    }
}
/********************************************************/
/********************************************************/
/*******  Modules/slider-rec-posts.scss *******/
/********************************************************/
/********************************************************/
.small-header {
  width: 100%;
  height: 115px;
  margin-top: 70px;
  margin-bottom: 16px;
  background: #f7f7f7;
  border-top: solid 1px #f3f3f3;
  border-bottom: solid 1px #f3f3f3;
  border-bottom: solid 1px #f3f3f3; }
  .small-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 114px; }
    .small-header .container .small-header-wrap {
        padding-top: 20px;
    }
    .small-header .container .small-header-wrap h1 {
      margin-top: 20px;
      text-align: left;
      font-size: 26px;
      color: #3E3E3E;
      padding: 0;
      margin: 0;
      font-weight: 400;
      /* text-transform: uppercase */ }
      .small-header .container .small-header-wrap h1 span {
        font-weight: 600;
        font-size: 26px;
        color: #3E3E3E; }
    .small-header .container .small-header-wrap h2 {
      font-size: 23px;
      text-align: left;
      color: #3E3E3E;
      padding: 0;
      margin: 0;
      font-weight: 400;
      line-height: 30px;
      /* text-transform: capitalize !important; */ }

/********************************************************/
/********************************************************/
/*******  Modules/small-header-basic.scss *******/
/********************************************************/
/********************************************************/
.small-header-for-blog {
  overflow: hidden;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  height: 325px;
  margin-top: 70px;
  position: relative;
  background-position: center center; }
  .small-header-for-blog .mask,
  .small-header-for-blog .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3); }
  .small-header-for-blog.color-bar {
    /* background-image: url(https://4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/pattern-bg.png) !important;
    background-repeat: repeat;
    background-position: top left;
    background-size: inherit;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); */
  }
  .small-header-for-blog.color-bar .mask {
      opacity: 0;
  }
  .small-header-for-blog h1 {
    max-width: 1250px;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    /* font-weight: 400 !important; */
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 40px;
    width: 100%;
    font-weight: normal;
    margin: 0;
    color: #fff;
    line-height: 1.2; }
    .small-header-for-blog h1 {
      /* color: #d9d9d9; */
      font-weight: 600; }
     .small-header-for-blog h1 span#hs_cos_wrapper_name {
         color: #fff;
        }
    @media (max-width: 767px) {
      .small-header-for-blog h1 {
        font-size: 30px; } }

.hs-blog-post .small-header-for-blog {
  height: 355px; }
  .hs-blog-post .small-header-for-blog h1 {
    display: block;
    bottom: 167px;
    -webkit-transform: translate(-50%, 0%);
       -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
         -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    top: auto;
    font-size: 40px;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
  }
    @media (max-width: 767px) {
    .hs-blog-post .small-header-for-blog {
         /* height: 305px; */ }
    .hs-blog-post .small-header-for-blog h1 {
        bottom: 152px;
        font-size: 30px; }
    .hs-blog-post .small-header-for-blog .single-post-details {
        top: 63%;
        /* bottom: 75px; */
         bottom: unset; }
    }
    @media (max-width: 480px) {
        .hs-blog-post .small-header-for-blog h1 {
            font-size: 26px;
        }
    }

/********************************************************/
/********************************************************/
/*******  Modules/smallest-header-for-blog *******/
/********************************************************/
/********************************************************/
.smallest-header-for-blog {
    height: 180px;
}

.smallest-header-for-blog.sub-bg {
    background-color: #666;
}

.smallest-header-for-blog.top h1 {
     top: 70px;
}

.sodium-blog .smallest-header-for-blog.top .single-post-details {
    bottom: auto;
    top: 110px;
}
 @media (max-width: 767px) {
    .smallest-header-for-blog.top h1 {
        top: 75px;
    }
    .sodium-blog .smallest-header-for-blog.top .single-post-details {
       top: 90px;
    }
 }
@media (max-width: 767px) {
    .smallest-header-for-blog.top h1 {
        top: 70px;
    }
    .sodium-blog .smallest-header-for-blog.top .single-post-details {
       top: 85px;
    }
}
/********************************************************/
/********************************************************/
/*******  Modules/small-header-for-blog.scss *******/
/********************************************************/
/********************************************************/
.small-header-for-careers {
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  height: 500px;
  margin-top: 70px;
  position: relative; }
  .small-header-for-careers .mask, .small-header-for-careers .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3); }
  .small-header-for-careers .description-header {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    width: 90%; }
    .small-header-for-careers .description-header h1 {
      font-weight: 400 !important;
      z-index: 2;
      font-size: 58px;
      width: 100%;
      font-weight: normal;
      margin: 0;
      color: #fff; }
      @media only screen and (max-width: 480px) {
        .small-header-for-careers .description-header h1 {
          font-size: 48px; } }
      .small-header-for-careers .description-header h1 span {
        font-weight: 600 !important;
        color: #d9d9d9;
        font-size: 58px; }
        @media only screen and (max-width: 480px) {
          .small-header-for-careers .description-header h1 span {
            font-size: 48px; } }
    .small-header-for-careers .description-header p {
      color: #fff;
      font-size: 23px; }
      .small-header-for-careers .description-header p i {
        font-size: 23px;
        color: #d9d9d9;
        padding-right: 15px; }
    .small-header-for-careers .description-header .hidden-element {
      display: none; }

/********************************************************/
/********************************************************/
/*******  Modules/small-header-for-careers.scss *******/
/********************************************************/
/********************************************************/
.small-header-for-products {
  overflow: hidden;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  height: 500px;
  margin-top: 70px;
  position: relative; }
  .small-header-for-products .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%; }
  .small-header-for-products .mask, .small-header-for-products .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3); }
  .small-header-for-products h1 {
    max-width: 1250px;
    padding: 0 15px;
    font-weight: 400 !important;
    z-index: 2;
    font-size: 58px;
    width: 100%;
    font-weight: normal;
    margin: 0;
    color: #fff;
    line-height: 1.2; }
    .small-header-for-products h1 span {
      color: #d9d9d9;
      font-weight: 600; }
    @media (max-width: 767px) {
      .small-header-for-products h1 {
        font-size: 30px; } }
  .small-header-for-products h2 {
    font-size: 20px;
    color: #FFF;
    letter-spacing: 0.04em;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    margin-top: 25px; }

/********************************************************/
/********************************************************/
/*******  Modules/small-header-for-products.scss *******/
/********************************************************/
/********************************************************/
.small-header {
  width: 100%;
  height: 115px;
  margin-top: 70px;
  background: #f7f7f7;
  border-top: solid 1px #f3f3f3;
  border-bottom: solid 1px #f3f3f3; }
  .small-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 114px; }
    .small-header .container .small-header-wrap h2 {
      text-align: left;
      font-size: 26px;
      color: #3E3E3E;
      padding: 0;
      margin: 0;
      font-weight: 400;
      /* text-transform: uppercase */ }
      .small-header .container .small-header-wrap h2 span {
        font-weight: 600;
        color: #3E3E3E; }
    .small-header .container .small-header-wrap h3 {
      font-size: 23px;
      text-align: left;
      color: #626262;
      padding: 0;
      margin: 0;
      font-weight: 400;
      line-height: 30px; }

/********************************************************/
/********************************************************/
/*******  Modules/small-header.scss *******/
/********************************************************/
/********************************************************/
.sm-slide {
  width: 100%;
  height: 500px;
  margin-top: 70px;
  position: relative; }
  .sm-slide .slide-img {
    width: 100%;
    height: 502px;
    overflow: hidden;
    display: table;
    text-align: center;
    z-index: 90; }
    .sm-slide .slide-img .slide-content {
      vertical-align: middle;
      display: table-cell;
      z-index: 92;
      position: relative; }
      .sm-slide .slide-img .slide-content h1 {
        color: #fff;
        font-size: 58px;
        font-weight: 400;
        padding: 0 20px; }
        .sm-slide .slide-img .slide-content h1 span {
          color: #d9d9d9;
          font-weight: 600; }
      .sm-slide .slide-img .slide-content h2 {
        color: #fff;
        font-weight: 400;
        font-size: 23px;
        text-transform: none;
        /* text-transform: capitalize; */
        padding: 0 20px; }
  .sm-slide .mask, .sm-slide .separator--contact__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0; }

.sm-slider-main .slick-dots {
  bottom: 20px; }
  .sm-slider-main .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    text-align: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    opacity: 1;
    background: #d9d9d9; }
  .sm-slider-main .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #fff; }

.sm-slider-wrapper {
  margin-bottom: 33px; }
  .sm-slider-wrapper .sm-slide {
    margin-top: 0; }

/********************************************************/
/********************************************************/
/*******  Modules/small-slider.scss *******/
/********************************************************/
/********************************************************/
ul.social {
  padding: 0px;
  margin: 0px;
  margin-bottom: 40px; }
  ul.social li {
    margin-right: 10px;
    display: inline-block; }
    ul.social li:before {
      display: none; }
    ul.social li a {
      height: 42px;
      width: 42px;
      display: block;
      text-align: center;
      line-height: 42px;
      background-color: #d9d9d9;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
      border: solid 1px #d9d9d9;
      color: #fff; }
      ul.social li a:hover {
        background-color: #FFFFFF;
        color: #d9d9d9; }
      ul.social li a i {
        font-size: 20px; }

/********************************************************/
/********************************************************/
/*******  Modules/social-share.scss *******/
/********************************************************/
/********************************************************/
.square-box {
  position: relative;
  height: 100%;
  background: #d9d9d9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  padding: 35px 25px; }
  .square-box .mask, .square-box .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1; }
  .square-box__image-container, .square-box__content {
    position: relative;
    z-index: 2; }
  .square-box h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600; }
  .square-box p {
    color: #fff;
    font-size: 16px; }

/********************************************************/
/********************************************************/
/*******  Modules/square-service-box.scss *******/
/********************************************************/
/********************************************************/
section.sticky-footer-module {
  width: 100%;
  background-color: #f7f7f7;
  position: static;
  bottom: -1px;
  z-index: 999;
  padding: 14px 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
  min-height: 70px; }
  section.sticky-footer-module .container {
    position: relative; }
    section.sticky-footer-module .container .button-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      section.sticky-footer-module .container .button-container > span {
        margin: 0 14px; }
    section.sticky-footer-module .container .close {
      position: absolute;
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/close.png");
      background-repeat: no-repeat;
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      background-position: center;
      top: 0;
      right: 0;
      width: 14px;
      height: 14px; }
      section.sticky-footer-module .container .close:hover {
        cursor: pointer; }

/********************************************************/
/********************************************************/
/*******  Modules/sticky-footer-module.scss *******/
/********************************************************/
/********************************************************/
.testimonials-quotes {
  min-height: 575px;
  background-color: #f7f7f7;
  position: relative;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .testimonials-quotes .slick-container {
    margin: 0 auto;
    max-width: 1400px; }
  .testimonials-quotes .testimonial-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.14); }
  .testimonials-quotes .slick-slider {
    margin: 0; }
  .testimonials-quotes h2 {
    font-size: 40px;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    margin-top: 70px;
    z-index: 99;
    position: relative; }
    .testimonials-quotes h2 span {
      color: #d9d9d9;
      letter-spacing: 3px; }
  .testimonials-quotes .slick-prev {
    width: 30px;
    height: 60px;
    left: 0;
    /*&:before {
        width: 30px;
        height: 60px;
        content: url('//685080.fs1.hubspotusercontent-na1.net/hubfs/685080/IMG-TurboSodium/icons/arrow-left.png');
      } */ }
    @media screen and (max-width: 1400px) {
      .testimonials-quotes .slick-prev {
        left: 50px; } }
  .testimonials-quotes .slick-next {
    width: 30px;
    height: 60px;
    right: 0;
    /*&:before {
        width: 30px;
        height: 60px;
        content: url('//685080.fs1.hubspotusercontent-na1.net/hubfs/685080/IMG-TurboSodium/icons/arrow-right.png');
      }*/ }
    @media screen and (max-width: 1400px) {
      .testimonials-quotes .slick-next {
        right: 50px; } }
  .testimonials-quotes .slick-testimonial-quotes .slick-track {
    height: 390px;
    /*      .slick-current + div {
        transform: scale(1.3);
          transition: all 0.3s ease-in-out;
          @media screen and (max-width: 1400px){
          transform: none;
          }

      }

      .slick-current {
          transition: all 0.3s ease-in-out;
          @media screen and (min-width: 601px) and (max-width: 1400px) {
            transform: scale(1.3);
          }
          @media screen and (max-width: 600px){
          transform: none;
          }
      }
      */ }
    .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box {
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      position: relative;
      text-align: center;
      max-width: 360px;
      min-width: 240px;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear;
      margin: 0 auto; }
      @media (max-width: 400px) {
        .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box {
          margin: 0 15px;
          padding: 0 10px; } }
      .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .testimonial-quote {
        background-color: #fff;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
        padding: 40px 25px;
        font-size: 13.27px;
        line-height: 17.7px;
        color: #3E3E3E;
        position: relative;
        -webkit-box-shadow: 6px 6px #d9d9d9;
           -moz-box-shadow: 6px 6px #d9d9d9;
                box-shadow: 6px 6px #d9d9d9; }
        .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .testimonial-quote:before {
          content: '"';
          position: absolute;
          font-size: 150px;
          top: -25px;
          color: #d9d9d9;
          left: 0;
          margin-left: -17px;
          margin-top: -12px;
          -webkit-transform: rotate(180deg);
             -moz-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
               -o-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .testimonial-quote:after {
          content: '';
          position: absolute;
          bottom: -18px;
          left: 50%;
          margin-left: -13px;
          width: 0;
          height: 0;
          border-left: 13px solid transparent;
          border-right: 13px solid transparent;
          border-top: 19px solid #fff;
          -webkit-filter: drop-shadow(8px 1px #d9d9d9);
                  filter: drop-shadow(8px 1px #d9d9d9); }
      .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box img {
        margin: 0 auto;
        height: 66px;
        width: 66px;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        border: 3px solid #d9d9d9;
        float: left; }
      .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .person {
        margin-top: 30px;
        padding: 0 90px; }
        .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .person h4 {
          font-size: 18px;
          margin: 0;
          color: #fff;
          padding-top: 10px; }
        .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .person p {
          font-size: 14.66px;
          margin: 0;
          margin-top: 5px;
          color: #fff; }
    .testimonials-quotes .slick-testimonial-quotes .slick-track .slick-slide {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .testimonials-quotes .slick-testimonial-quotes .slick-track .active-slide {
      -webkit-transform: scale(1.3);
         -moz-transform: scale(1.3);
          -ms-transform: scale(1.3);
           -o-transform: scale(1.3);
              transform: scale(1.3); }
      @media (max-width: 767px) {
        .testimonials-quotes .slick-testimonial-quotes .slick-track .active-slide {
          -webkit-transform: scale(1);
             -moz-transform: scale(1);
              -ms-transform: scale(1);
               -o-transform: scale(1);
                  transform: scale(1); } }
    .testimonials-quotes .slick-testimonial-quotes .slick-track .no-animation {
      -webkit-transition: none !important;
      -o-transition: none !important;
      -moz-transition: none !important;
      transition: none !important; }

/********************************************************/
/********************************************************/
/*******  Modules/testimonial-slide.scss *******/
/********************************************************/
/********************************************************/
.testimonials {
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 440px;
  padding-bottom: 0px;
  text-align: center;
  background-color: #d9d9d9; }
  .testimonials .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    width: auto;
    height: auto; }
    .testimonials .slick-arrow.slick-prev {
      left: 48px; }
      .testimonials .slick-arrow.slick-prev:before {
        content: '';
        background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        width: 30px;
        height: 58px;
        display: block; }
    .testimonials .slick-arrow.slick-next {
      right: 48px; }
      .testimonials .slick-arrow.slick-next:before {
        content: '';
        background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left.png");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        -webkit-transform: scaleX(-1);
           -moz-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
             -o-transform: scaleX(-1);
                transform: scaleX(-1);
        width: 30px;
        height: 58px;letter-spacing
        display: block; }
  .testimonials .slick-dots {
    bottom: 50px;
    width: 100%;
    list-style: none;
    text-align: center; }
    .testimonials .slick-dots li button:before {
      font-size: 70px; }
    .testimonials .slick-dots li.slick-active button:before {
      color: #fff; }
  .testimonials h2 {
    /* font-size: 36px; */
    margin-top: 0px;
    color: #fff; }
  .testimonials .testimonial-text {
    color: #fff;
    padding: 60px 50px 30px 50px;
    /* font-size: 16px; */
    width: 90%;
    max-width: 901px;
    margin: auto; }
  .testimonials .person {
    color: #fff;
    font-size: 16px;
    font-size: 20px;
    font-weight: 600; }
    .testimonials .person span {
      font-weight: 400; }
  .testimonials .person-container .person-left {
    text-align: right;
    padding-right: 10px; }
  .testimonials .person-container .person-right {
    text-align: left;
    padding-left: 10px;
    height: 100px; }
    .testimonials .person-container .person-right p {
      padding-top: 15px; }
  .testimonials .person-container img {
    display: inline-block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }
  .testimonials .person-container div {
    width: 48%;
    float: left; }

@media (max-width: 767px) {
  .testimonials .testimonial-text {
    width: 100%;
    padding: 20px 20px 10px; } }

/********************************************************/
/********************************************************/
/*******  Modules/testimonial.scss *******/
/********************************************************/
/********************************************************/
.equal-content {
    position: relative;
}
.text-and-image-overflow {
  position: relative;
  padding-top: 0px; }
  .text-and-image-overflow .container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .text-and-image-overflow .row-fluid {
        /* align-items: center; */
        display: flex; }
    .text-and-image-overflow .row-fluid.valign-middle {
        align-items: center;
    }
    .text-and-image-overflow .row-fluid.valign-top .left-img, .text-and-image-overflow .row-fluid.valign-top .right-img {
        margin-top: 70px;
    }
    .text-and-image-overflow .row-fluid:before {
        clear: both; }
    .text-and-image-overflow .row-fluid.reverse {
     flex-direction: row-reverse; }
     /*----- 7/28 Edited by TuanDV .text-and-image-overflow -----*/
     .text-and-image-overflow .main-title {
        margin-top: 0px;
     }
     /*----- END 7/28 Edited by TuanDV -----*/
     .text-and-image-overflow .row-fluid .equal-text-left {
        padding-left: 0px;
        padding-right: 0px;
        width: 50%; }
     .text-and-image-overflow .row-fluid.reverse .equal-text-right {
        padding-left: 0px;
        padding-right: 0px; }
     .text-and-image-overflow .row-fluid.reverse .widget-type-linked_image {
       margin-left: 0px;
       margin-right: 2.564102564%; }
     .text-and-image-overflow .row-fluid .cta-item {
     float: left;
     margin-top: 1rem; }
     .text-and-image-overflow .row-fluid.reverse .cta-item {
     float: left;     }
    .text-and-image-overflow .container-fluid .text-wrapper {
      width: 50%; }
      .text-and-image-overflow .container-fluid .text-wrapper .text-content {
        max-width: 590px;
        padding: 15px; }
       .one-colum-basic .text-and-image-overflow .widget-type-rich_text--standard h2 {
         margin-top: 0px;   }
        .text-and-image-overflow .container-fluid .text-wrapper .text-content h2 {
          text-align: left;
          text-transform: none;
          font-size: 40px;
          font-weight: 400;
          color: #3E3E3E; }
          .text-and-image-overflow .container-fluid .text-wrapper .text-content h2 span {
            color: #d9d9d9;
            letter-spacing: 3px; }
        .text-and-image-overflow .container-fluid .text-wrapper .text-content p {
          font-size: 16px;
          color: #3E3E3E; }
    .text-and-image-overflow .container-fluid .image-wrapper {
      width: 50%; }
      .text-and-image-overflow .container-fluid .image-wrapper img {
        max-width: 650px;
        width: 100%; }
       .text-and-image-overflow .row-fluid.reverse .img-wrap-basic {
        padding-right: 30px; }
        .text-and-image-overflow .row-fluid .img-wrap-basic {
            padding-bottom: 30px;
        }

    @media (max-width: 940px) {
        .text-and-image-overflow .row-fluid .overflow-text,
        .text-and-image-overflow .row-fluid  .overflow-img {
        width: 100%;
        float: none; }
        .text-and-image-overflow .row-fluid  .overflow-img {
        margin-left: 0px;
        text-align: center; }
        .text-and-image-overflow .container-fluid .image-wrapper {
          width: 100%;
          margin: 0 !important;
          padding-left: 0 !important;
          padding-right: 0 !important; }
          .text-and-image-overflow .row-fluid .overflow-img img {
            box-shadow: none; }
        .text-and-image-overflow .row-fluid  .overflow-img .img-wrap-basic {
        margin-bottom: 30px;
        margin-right: 0px;
        padding-right: 0px; }

        .text-and-image-overflow .row-fluid {
        display: block; }
      .text-and-image-overflow .widget-type-rich_text--standard {
          margin-bottom: 30px; }
        .text-and-image-overflow .row-fluid .cta-item,
        .text-and-image-overflow .row-fluid.reverse .cta-item {
        margin: 1rem 0px;
        float: none;
        text-align: center;}
      .text-and-image-overflow .container-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .text-and-image-overflow .container-fluid .text-wrapper {
          width: 100%;
          padding-bottom: 30px; }
          .text-and-image-overflow .container-fluid .text-wrapper .text-content {
            float: none !important;
            margin: 0 auto; }
        .text-and-image-overflow .row-fluid.valign-top .left-img, .text-and-image-overflow .row-fluid.valign-top .right-img {
        margin-top: 0;
    }
    }

    @media (max-width: 768px) {
        /* .text-and-image-overflow .row-fluid .overflow-text h2 {
            font-size: 26px ;   }
        .text-and-image-overflow .row-fluid .overflow-text h3 {
            font-size: 18px ;   }
        .text-and-image-overflow .row-fluid .overflow-text h4 {
            font-size: 16px ;   } */
    }


/********************************************************/
/********************************************************/
/*******  Modules/text_and_image_overflow.scss *******/
/********************************************************/
/********************************************************/
.txt-cta-separator {
  min-height: 160px; }
  .txt-cta-separator .separator-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 50px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 768px) {
      .txt-cta-separator .separator-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around; } }
    .txt-cta-separator .separator-content h3 {
      color: #d9d9d9;
      font-size: 34px;
      font-weight: 400;
      /* text-transform: uppercase */
      letter-spacing: 4px; }
      @media (max-width: 767px) {
        .txt-cta-separator .separator-content h3 {
          text-align: center; } }

/********************************************************/
/********************************************************/
/*******  Modules/text_cta_separator.scss *******/
/********************************************************/
/********************************************************/
.video-module {
  position: relative;
  max-height: 500px;
  overflow: hidden;
  text-align: center; }
  .video-module__play-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    z-index: 10;
    width: 136px;
    height: 136px;
    border: none;
    text-align: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center; }
  .video-module__label {
    position: absolute;
    display: inline-block;
    font-size: 40px;
    top: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    min-width: 800px;
    width: 100%; }

@media (max-width: 767px) {
  .video-module__play-button {
    width: 100px;
    height: 100px; }
  .video-module__label {
    font-size: 30px;
    top: 110px; } }
  @media (max-width: 767px) and (max-width: 400px) {
    .video-module__label {
      font-size: 18px; } }

/********************************************************/
/********************************************************/
/*******  Modules/video-module.scss *******/
/********************************************************/
/********************************************************/
/****************************************
- 4H - HUBSPOT MODULE
****************************************/
.widget-type-rich_text {
  text-align: left; }
  .widget-type-rich_text--standard h2 {
    color: #3E3E3E;
    text-align: left;
    text-transform: none;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.20); */ }
    .widget-type-rich_text--standard h2 span {
      color: #d9d9d9;
      letter-spacing: 3px; }
  .widget-type-rich_text--standard p {
    font-size: 18px;
    color: #3E3E3E;
    font-weight: 200; }

@media (max-width: 767px) {
    .widget-type-rich_text--standard p,
    .custom-module p.text,
    .custom-module p,
    .widget-type-rich_text--standard p a,
    .custom-module p.text a,
    .custom-module p a {
        font-size: 16px;
    }
}
/********************************************************/
/********************************************************/
/*******  HS-Modules/rich-text.scss *******/
/********************************************************/
/********************************************************/
/****************************************
- 5W - WEBSITES
****************************************/
.page-404-body {
  background-color: #fbfbfb; }

.page-404 {
  display: none;
  margin-top: 210px;
  margin-bottom: 225px; }
  .page-404 h1 {
    font-size: 106px;
    color: #d9d9d9;
    font-weight: 600;
    text-align: left;
    margin-bottom: 7px; }
  .page-404 h2 {
    font-size: 42px;
    color: #3E3E3E;
    font-weight: 600;
    text-align: left;
    margin-bottom: 33px;
    text-transform: initial;
    letter-spacing: 0.04em; }
    .page-404 h2 span {
      letter-spacing: 3px; }
  .page-404 p {
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #626262;
    font-weight: 400;
    margin-bottom: 62px; }
  .page-404 img {
     max-width: 100%;
    margin-top: 60px; }
   .page-404 .widget-type-linked_image {
    text-align: center; }
  @media (max-width: 767px) {
    .page-404 {
      margin-top: 40px;
      margin-bottom: 125px; }
     .page-404 h2, .page-404 p {
        text-align: center; }
      .page-404 img {
       margin: 0 auto;
       display: block;  } }


/********************************************************/
/********************************************************/
/*******  Website/_404.scss *******/
/********************************************************/
/********************************************************/
.about-us .hero-banner {
  margin-bottom: 0; }

.about-us .team .team-container {
  margin-top: 35px;
  margin-bottom: 50px; }
  .about-us .team .team-container span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.about-us .team h2 {
  margin-top: 50px;
  font-size: 36px;
  color: #3E3E3E;
  font-weight: 400;
  text-transform: none;
  /* letter-spacing: 2px; */ }

.about-us .about-us-skills h2 {
  color: #3E3E3E;
  font-size: 40px;
  font-weight: 400;
  text-transform: none;
  margin-top: 60px; }
  .about-us .about-us-skills h2 span {
    /* letter-spacing: 3px; */ }

.about-us .about-us-skills .about-me_skills .text-block {
  background-color: #fff; }
  .about-us .about-us-skills .about-me_skills .text-block h3 {
    font-size: 31px;
    color: #3E3E3E;
    font-weight: 400; }
  .about-us .about-us-skills .about-me_skills .text-block .text-block-content {
    margin-top: 0; }
    .about-us .about-us-skills .about-me_skills .text-block .text-block-content p {
      color: #3E3E3E; }

.about-us .about-us-skills .about-me_skills .wrapper-bars {
  margin-top: 0; }
  .about-us .about-us-skills .about-me_skills .wrapper-bars h3 {
    font-size: 31px;
    font-weight: 400; }

.about-us .separator-main {
  background-color: #d9d9d9; }
  .about-us .separator-main .txt-cta-separator {
    min-height: 110px; }
    .about-us .separator-main .txt-cta-separator .separator-content {
      padding: 20px 0; }
      .about-us .separator-main .txt-cta-separator .separator-content h3 {
        color: #fff; }

/*
.about-us .testimonials h2 {
  text-transform: none;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 45px;
  /* letter-spacing: 2px; */ }

/*
.about-us .testimonials .quotes-slider .slick-slider {
  margin-bottom: 0; }
  */

@media (max-width: 480px) {
  .about-us .testimonials .slick-next {
    right: -10px; }
  .about-us .testimonials .slick-prev {
    left: 0; } }

.about-us .quote {
  color: #fff; }
  .about-us .quote__text {
    padding: 0 120px;
    font-size: 18px;
    font-weight: 400; }
  .about-us .quote__details {
    /* text-transform: uppercase */
    font-size: 20px; }
  .about-us .quote__position {
    color: #d9d9d9; }
  .about-us .quote__person {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 55px; }
  .about-us .quote__image {
    margin-right: 25px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }
  @media (max-width: 480px) {
    .about-us .quote__text {
      padding: 0 35px;
      line-height: 1; }
    .about-us .quote__person {
      margin-top: 25px;
      padding-bottom: 0; }
    .about-us .quote__image {
      margin-right: 0; }
    .about-us .quote__details {
      margin-top: 8px; } }

/********************************************************/
/********************************************************/
/*******  Website/_about_us.scss *******/
/********************************************************/
/********************************************************/
.about-me .hero-banner {
  margin-bottom: 0; }

.about-me .about-me-separator {
  min-height: 160px;
  background-color: #fff; }
  .about-me .about-me-separator .span12.widget-span.widget-type-cell .row-fluid-wrapper.row-depth-1.row-number-8 .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 50px 0; }
    @media (max-width: 767px) {
      .about-me .about-me-separator .span12.widget-span.widget-type-cell .row-fluid-wrapper.row-depth-1.row-number-8 .row-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .about-me .about-me-separator .span12.widget-span.widget-type-cell .row-fluid-wrapper.row-depth-1.row-number-8 .row-fluid .widget-type-text span {
      color: #ffc400;
      font-size: 34px;
      /* text-transform: uppercase */
      /* letter-spacing: 4px; */ }

/********************************************************/
/********************************************************/
/*******  Website/_about-me.scss *******/
/********************************************************/
/********************************************************/
/*
.contact-template.contact-v2 .body-container-wrapper {
  padding-top: 70px; }
  .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset {
    max-width: 100%;
    margin-bottom: 10px; }
    .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset .input {
      margin-right: 0px; }
    .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset textarea.hs-input,
    .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="text"].hs-input,
    .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="email"].hs-input,
    .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="tel"].hs-input,
    .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="number"].hs-input {
      width: 100%;
      color: #3E3E3E;
      font-size: 16px;
      border: solid 1px #ebeaea;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px; }
    .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field {
      width: 48.717948718%; }
      .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
        margin-left: 2.564102564%; }
      @media (max-width: 500px) {
        .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field {
          width: 100%; }
          .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
            margin-left: 0; } }
  .contact-template.contact-v2 .body-container-wrapper form.hs-form label span {
    color: #3E3E3E;
    font-weight: 400px; } */

.map {
  /* padding-top: 70px; */}
  .map #map-close {
    position: fixed;
    top: 20px;
    left: 20px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    margin: 0;
    padding: 0;
    width: 61px; }
    .map #map-close .fa {
      padding: 0px 3px;
      background-color: #fff;
      -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
         -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
              box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
      color: #3E3E3E;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px; }
  .map .map-wrapper {
    height: 510px;
    width: 100%;
    position: relative; }
    .map .map-wrapper #map-find-road {
      position: absolute;
      bottom: 125px;
      font-size: 26px;
      border: 0;
      background-color: transparent;
      z-index: 9;
      right: 10px;
      padding: 0;
      margin: 0;
      width: auto; }
      .map .map-wrapper #map-find-road .fa {
        padding: 0px 3px;
        background-color: #fff;
        -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
           -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
                box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
        color: #d9d9d9;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px; }
    .map .map-wrapper #start-position {
      position: absolute;
      bottom: 126px;
      right: 46px;
      width: 0px;
      font-size: 14px;
      height: 26px;
      z-index: 9;
      color: #3E3E3E;
      border: 0;
      padding: 0px 0px;
      background-color: #fff;
      -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
         -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
              box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .map .map-wrapper #start-position.open {
        width: 200px;
        padding: 0px 3px; }
    .map .map-wrapper.full-open {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9999;
      width: 100vw;
      max-height: 100vh;
      height: 100vh; }
    .map .map-wrapper div {
      height: 100%;
      margin: 0px; }
      .map .map-wrapper div #map div {
        height: initial;
        margin: initial; }
      .map .map-wrapper div #map .gmnoprint .gm-style-mtc {
        display: none; }
    .map .map-wrapper .mask, .map .map-wrapper .separator--contact__mask {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: transparent; }
    .map .map-wrapper iframe {
      width: 100%;
      height: 100%; }

.contact-page {
  padding-top: 60px;
  padding-bottom: 60px; }
  .contact-page h3 {
    margin-top: 45px;
    margin-bottom: 24px;
    font-size: 31px;
    text-align: left;
    font-weight: 500;
    color: #d9d9d9; }
  .contact-page .widget-type-form .form-title {
    margin-top: 45px;
    margin-bottom: 24px;
    font-size: 31px;
    text-align: left;
    font-weight: 500; }
  .contact-page .widget-type-form .hs-form-field {
    margin-bottom: 15px; }
    .contact-page .widget-type-form .hs-form-field label span {
      color: #3E3E3E;
      font-size: 16px; }
  .contact-page .widget-type-form form input {
    border: solid 1px #d6d5d5;
    margin-top: 5px;
    color: #3E3E3E; }
  .contact-page .widget-type-form form input[type="submit"] {
    color: #FFFFFF;
    border: solid 2px #d9d9d9; }
    .contact-page .widget-type-form form input[type="submit"]:hover {
      color: #d9d9d9; }
  .contact-page .widget-type-form form textarea {
    overflow: auto;
    border: solid 1px #d6d5d5;
    margin-top: 8px;
    color: #3E3E3E; }
  .contact-page .widget-type-form form select {
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    font-weight: 400;
    border: solid 1px #d6d5d5;
    color: #3E3E3E;
    margin-top: 19px !important;
    font-family: Palanquin, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 64%;
    width: 100% !important; }
  .contact-page .widget-type-form form ul.hs-error-msgs label, .contact-page .widget-type-form form ul.hs-error-msgs a {
    color: #3E3E3E;
    font-size: 16px; }
  .contact-page p {
    font-size: 16px;
    margin-bottom: 28px; }
    .contact-page p span {
      /* text-transform: uppercase */ }
  .contact-page ul.social {
    padding: 0px;
    margin: 0px; }
    .contact-page ul.social li {
      margin-right: 10px;
      display: inline-block; }
      .contact-page ul.social li a {
        height: 42px;
        width: 42px;
        display: block;
        text-align: center;
        line-height: 42px;
        background-color: #d9d9d9;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
        border: solid 2px #d9d9d9;
        color: #fff; }
        .contact-page ul.social li a:hover {
          background-color: #fff;
          color: #d9d9d9; }
        .contact-page ul.social li a i {
          font-size: 20px; }
  .contact-page .widget-type-text.social-heading {
    margin: 35px 0 20px 0; }
    .contact-page .widget-type-text.social-heading .hs_cos_wrapper_type_text {
      color: #d9d9d9;
      font-size: 31px;
      /* text-transform: uppercase */
      font-weight: 500; }
  .contact-page .widget-type-cell.span6 {
    margin-top: 50px; }
  .contact-page .widget-type-cell.span6.more-information {
    margin-top: 0; }

@media screen and (max-width: 767px) {
  .map .map-wrapper {
    max-height: 55vh; }
  .contact-page {
    padding-top: 80px;
    padding-bottom: 80px; }
    .contact-page h3 {
      margin-top: 20px; }
    .contact-page .container .row-fluid {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
         -moz-box-orient: vertical;
         -moz-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .contact-page .container #map {
      margin: 30px auto; }
    .contact-page .container .social-share-module {
      text-align: center;
      margin: 10px 0; }
    .contact-page .container .widget-type-text.social-heading {
      margin: 15px 0 10px 0; }
      .contact-page .container .widget-type-text.social-heading .layout-widget-wrapper {
        text-align: center; }
    .contact-page .container .widget-type-form .form-title {
      text-align: center;
      margin: 20px 0 10px 0; }
  .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset {
    max-width: 100%;
    margin-bottom: 10px; }
    .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset .input {
      margin-right: 0px; }
    .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset textarea.hs-input,
    .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="text"].hs-input,
    .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="email"].hs-input,
    .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="tel"].hs-input,
    .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="number"].hs-input {
      width: 100%;
      color: #3E3E3E;
      font-size: 16px;
      border: solid 1px #ebeaea;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px; }
    .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field {
      width: 100%; }
      .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
        margin-left: 0%; }
  .contact-template.contact-v1 .body-container-wrapper form.hs-form label span {
    color: #3E3E3E;
    font-weight: 400px; } }

/********************************************************/
/********************************************************/
/*******  CUSTOM ACCESS PAGE *******/
/********************************************************/
/********************************************************/
@media screen and (max-width: 767px) {
    .access-page {
        padding-bottom: 30px;
    }
}

/********************************************************/
/********************************************************/
/*******  Website/_contact-v2.scss *******/
/********************************************************/
/********************************************************/
.sodium-faq {
  counter-reset: li; }
  .sodium-faq ol {
    padding-left: 25px; }
    .sodium-faq ol li:before {
      color: #d9d9d9;
      counter-increment: li;
      content: counter(li) ".";
      position: absolute;
      width: 16px;
      background-position: center;
      left: -25px;
      top: 50%;
      display: block;
      font-size: 23px;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      vertical-align: middle;
      height: 32px; }
  .sodium-faq .left {
    margin-top: 5px;
    margin-bottom: 10px; }
    .sodium-faq .left p, .sodium-faq .left ol, .sodium-faq .left ul, .sodium-faq .left li, .sodium-faq .left a, .sodium-faq .left span {
      font-weight: 400; }
  .sodium-faq .faq {
    padding-bottom: 30px; }
  .sodium-faq .faq h2 {
    /* letter-spacing: 0.04em; */
    color: #3E3E3E;
    font-size: 40px;
    text-align: left;
    margin-top: 31px;
    text-transform: none; }
    .sodium-faq .faq h2 span {
      color: #d9d9d9;
      /* letter-spacing: 3px; */ }
  .sodium-faq .faq p,
  .sodium-faq .faq p a {
    font-size: 18px;
    color: #3E3E3E;
    margin-top: 30px; }

@media screen and (max-width: 767px) {
    .sodium-faq .faq p,
    .sodium-faq .faq p a{
        font-size: 16px;
    }
}

/********************************************************/
/********************************************************/
/*******  Website/_faq.scss *******/
/********************************************************/
/********************************************************/
/* GENERAL */
.flex-wrapper {
  position: relative; }
  .flex-wrapper .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }

.lead-section {
  padding-top: 90px;
  padding-bottom: 90px; }
  .lead-section--text-center h2, .lead-section--text-center p, .lead-section--text-center li, .lead-section--text-center .widget-type-header h2 {
    text-align: center; }

.features-section, .circles-section {
  padding-top: 30px;
  padding-bottom: 15px; }

.widget-type-header--home h2 {
  text-align: left;
  text-transform: none;
  font-weight: 400; }
  .widget-type-header--home h2 span {
    color: #d9d9d9;
    /* letter-spacing: 3px; */ }

.widget-type-header--centered h1, .widget-type-header--centered h2 {
  text-align: center; }

/* #SECTION-LEAD */
.lead-section {
  position: relative;
  float: left;
  width: 100%; }
  .lead-section .widget-type-rich_text, .lead-section .widget-type-header {
    position: relative; }
  .lead-section__content {
    position: relative;
    z-index: 200; }
    .lead-section__content--left {
      padding-right: 5%; }
    .lead-section__content--right {
      padding-left: 5%; }
  .lead-section.background-figure {
    overflow: hidden; }
    .lead-section.background-figure:before {
      content: "";
      position: absolute;
      top: -200px;
      bottom: 0;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 1500px 0 0 1000px;
      border-color: transparent transparent transparent #d9d9d9; }

/* #SECTION-FEATURES */
.features-section {
  position: relative;
  text-align: center;
  background-color: #d9d9d9;
  background-repeat: no-repeat, no-repeat;
  background-position: 5% -15%, 95% 70%;
  float: left;
  width: 100%; }
  .features-section .widget-type-header--home h2 {
    color: #fff; }
  .features-section .widget-type-rich_text p, .features-section .widget-type-rich_text a, .features-section .widget-type-rich_text li {
    color: #fff;
    text-align: center; }
  .features-section:before {
    content: "";
    position: absolute;
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 230px 630px;
    border-color: transparent transparent #d9d9d9 transparent; }

/* #SECTION-CIRCLES */
.circles-section {
  position: relative;
  float: left;
  width: 100%;
  background-color: #d9d9d9; }
  .circles-section .widget-type-header--home h2 {
    color: #fff;
    margin-bottom: 50px; }
    .circles-section .widget-type-header--home h2 span {
      /* letter-spacing: 3px; */ }

/* #SECTION-CONTACT */
.home-contact-section {
  position: relative;
  width: 100%;
  float: left;
  padding-top: 30px;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover; }
  .home-contact-section h3 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    /* text-transform: uppercase */
    /* color: #d9d9d9; */
    color: #FFF; }
  .home-contact-section .transparent-box {
    width: 90%;
    margin: 0 auto;
    max-width: 1240px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding-bottom: 40px;
    padding-top: 40px;
    background-color: #3E3E3E;
    opacity: .9; }
     .home-contact-section .onecolumn-form .transparent-box {
          width: 100%;
          padding-left: 20px;
          padding-right: 20px
     }
    .home-contact-section .transparent-box .widget-type-form form input.hs-button {
      padding: 10px 50px;
      border: 2px solid #d9d9d9; }
  .home-contact-section .widget-type-rich_text {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff; }
    .home-contact-section .widget-type-rich_text a, .home-contact-section .widget-type-rich_text p, .home-contact-section .widget-type-rich_text span {
      /* font-size: 20px; */
      color: #fff;
      line-height: 1.6;
      font-weight: 400;
      margin: 0; }
    .home-contact-section .widget-type-rich_text a[href^="tel:"] {
      color: #fff; }
      .home-contact-section .widget-type-rich_text a[href^="tel:"]:hover {
        text-decoration: underline; }
  .home-contact-section .last-row .widget-type-rich_text {
    padding-bottom: 0;
    border-bottom: 0; }
  .home-contact-section .widget-type-form .form-title {
      font-weight: bold;
    margin-top: 0;
    margin-bottom: 30px;
    /* font-size: inherit; */
    color: #FFF; }
   .home-contact-section .onecolumn-form .widget-type-form .form-title {
        text-align: center !important;
    }
    .home-contact-section .opacity-bg {
        background: rgba(25, 116, 210,0.55);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
  .home-contact-section .hs-form  fieldset {
        max-width: 100%;
    }
  .home-contact-section .widget-type-form input, .home-contact-section .widget-type-form textarea {
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: 0px;
    /* font-size: 18px; */
    color: #fff;
    font-weight: 400; }
    .home-contact-section .widget-type-form input[type="submit"] {
         width: auto !important;
         max-width: 100% !important;
    }
    .home-contact-section .widget-type-form input[type="text"].hs-input,
    .home-contact-section .widget-type-form .input .hs-input {
        height: 34px;
        /* line-height: 35px; */
    }
    .home-contact-section .widget-type-form .input select.hs-input {
        width: 100% !important;
        background-color: #3E3E3E;
        margin-top: 0px !important;
        margin-bottom: 2px;
        font-size: 14px;
        line-height: inherit;
    }
    .home-contact-section .widget-type-form input::-webkit-input-placeholder, .home-contact-section .widget-type-form textarea::-webkit-input-placeholder {
      color: #FFF; }
  .home-contact-section .widget-type-form textarea {
     min-height: 120px;
     display: block;
    resize: none; }
  .home-contact-section .widget-type-form .hs-error-msgs a, .home-contact-section .widget-type-form .hs-error-msgs label {
    font-size: 13px;
    font-weight: bold;
    color: #f00; }

    .home-contact-section .att {

        color: #FFF;
        max-width: 100%;
        min-height: 3rem;
        margin-left: 0px !important;
    }

    .home-contact-section .form-privacy {
        background: #FFF;
    }


/* RWD */
@media (max-width: 1200px) {
  .lead-section__content--left {
    padding-right: 30px; }
  .lead-section__content--right {
    padding-left: 30px; } }

@media (max-width: 768px) {
  .flex-wrapper .row-fluid {
    display: block; }
  .lead-section.background-figure:before {
    display: none; }
  .lead-section__content {
    width: 100% !important; }
    .lead-section__content--left {
      padding-right: 0;
      margin-right: 0;
      margin-left: 0 !important; }
    .lead-section__content--right {
      padding-left: 0;
      margin-right: 0;
      margin-left: 0 !important; }
  .features-section {
    background-image: none !important; }
    .features-section:before {
      display: none; }
  .home-contact-section .widget-type-form .actions {
    text-align: center; }
   .home-contact-section .transparent-box .widget-type-form form input.hs-button {
         padding: 10px 15px;
    }

    }

@media (max-width: 767px) {
    .home-contact-section .widget-type-form fieldset {
        max-width: 100% !important;
    }
}

@media (max-width: 600px) {
    .home-contact-section .widget-type-form fieldset.form-columns-2 .hs-form-field,
    .home-contact-section .widget-type-form fieldset.form-columns-1 .hs-form-field {
        width: 100%;
        float: none;
    }
}

/********************************************************/
/********************************************************/
/*******  Website/_home-v2.scss *******/
/********************************************************/
/********************************************************/
/* #SECTION-SQUARE-BOXES */
.square-boxes-section {
  position: relative;
  width: 100%;
  float: left;
  margin-top: -200px; }
.square-boxes-section a .square-box.hs_top:hover {
  opacity: 0.7;
}
.square-boxes-section.hs-top {
  margin-top: 0; }
  .square-boxes-section.home-boxes {
    margin-top: -170px; }
  .square-boxes-section.home-boxes.hs-top {
    margin-top: 0; }
  .square-boxes-section .hs_cos_wrapper_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .square-boxes-section .hs_cos_wrapper_type_custom_widget {
    width: 25%;
    max-width: 400px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #d9d9d9; }
    .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box {
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      background: #d9d9d9; }
      .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box .mask, .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box .separator--contact__mask {
        background-color: rgba(255, 255, 255, 0); }
      .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box .icon {
        color: #fff;
        font-size: 40px; }
    .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(2) .square-box .mask, .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(2) .square-box .separator--contact__mask {
      background-color: rgba(255, 255, 255, 0.1); }
    .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(3) .square-box .mask, .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(3) .square-box .separator--contact__mask {
      background-color: rgba(255, 255, 255, 0.2); }
    .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(4) .square-box .mask, .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(4) .square-box .separator--contact__mask {
      background-color: rgba(255, 255, 255, 0.3); }

/* #SECTION-LEAD */
.lead-section__image {
  position: relative; }
  .lead-section__image img {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    width: 100%;
    -webkit-box-shadow: 30px 30px 0 #d9d9d9;
       -moz-box-shadow: 30px 30px 0 #d9d9d9;
            box-shadow: 30px 30px 0 #d9d9d9; }

/* #SECTION-FEATURES-MOCUP */
.features-mocup-section {
  position: relative;
  width: 100%;
  float: left;
  padding-top: 60px;
  padding-bottom: 60px;
  background: #d9d9d9; }

/* #SECTION-PRICING-TABLES */
.pricing-tables-section {
  position: relative;
  width: 100%;
  float: left;
  padding-top: 50px;
  padding-bottom: 160px; }
  .pricing-tables-section .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    padding-top: 40px;
    padding-bottom: 0; }

.main .homeslider {
  height: 100vh;
  overflow: hidden;
  min-height: 600px; }

@media (max-width: 991px) {
  .square-boxes-section {
    margin-top: 50px;
    top: 0; }
    .square-boxes-section .hs_cos_wrapper_type_custom_widget {
      width: 50%; } }

@media (max-width: 767px) {
  .square-boxes-section.home-boxes {
    margin-top: 50px; }
  .square-boxes-section .hs_cos_wrapper_widget_container {
    display: block; }
  .square-boxes-section .hs_cos_wrapper_type_custom_widget {
    width: 100%;
    margin: auto; } }

/********************************************************/
/********************************************************/
/*******  Website/_home-v3.scss *******/
/********************************************************/
/********************************************************/

.portfolio {
  background-color: #d9d9d9;
  width: 100%;
  padding-bottom: 8px; }
  .portfolio .flex-wrap .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .portfolio .row-fluid .span3 {
    width: 25%;
    margin: 0px; }
  .portfolio {
      /*padding: 0px 0px;*/
  }
  .portfolio h2 {
    /* font-size: 34px; */
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.04em; }
  .portfolio .button {
    margin: 38px 0px 38px 0px;
    width: 100%;
    padding-bottom: 8px; }
    .portfolio .button:hover {
      background-color: #fff;
      color: #d9d9d9; }
  .portfolio .boxes {
    width: 100%;
    padding-bottom: 8px;}
    .portfolio .boxes a.box {
      width: 100%;
      height: 254px;
      display: block;
      -webkit-background-size: cover;
         -moz-background-size: cover;
           -o-background-size: cover;
              background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden; }
      .portfolio .boxes a.box .shadow {
        background-color: #d9d9d9;
        opacity: 0;
        height: 100%;
        width: 100%;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      .portfolio .boxes a.box h3 {
        position: absolute;
        top: 300px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        height: 40px;
        text-align: center;
        color: #fff;
        font-size: 29px;
        font-weight: 400;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      .portfolio .boxes a.box:hover .shadow {
        opacity: 0.63;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      .portfolio .boxes a.box:hover h3 {
        top: 0px;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear; }
        @media (max-width: 1280px) {
            .portfolio .row-fluid .span3 {
                width: 35%;
                text-align: right;
            }
            .portfolio .row-fluid .span9 {
                width: 63%;
            }
        }
        @media (max-width: 768px) {
            .portfolio .cta_button {
                margin-bottom: 10px;
            }
        }

.homepage .product-cta {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  overflow: hidden; }
  .homepage .product-cta .product .container.position {
    position: relative; }
  .homepage .product-cta .product .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }

    .homepage .product-cta .product .container .span12>.row-fluid-wrapper>.row-fluid {
        align-items: center;
    }
    @media (max-width: 768px) {
      .homepage .product-cta .product .container.position .cta_button {
      margin-bottom: 10px; }
    }
    .homepage .product-cta .product .row-fluid .span5 {
      position: relative; }
      .homepage .product-cta .product .row-fluid .span5 img {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%); }
  .homepage .product-cta .product h2 {
    text-align: left;
    /* font-weight: 400;
    font-size: 40px; */
    margin: 0px 0px 30px 0px;
    color: #fff;
    text-transform: none; }
    .homepage .product-cta .product h2 span {
      letter-spacing: 3px; }
  .homepage .product-cta .product .text {
    max-width: 550px;
    color: #fff;
    margin-bottom: 0px; }
  .homepage .product-cta .product .text p:last-child {
      margin-bottom: 0px;
  }
  .homepage .product-cta .product a.button {
    display: inline-block;
    margin-bottom: 85px; }

.homepage .ios-device {
  background-attachment: scroll !important; }

.homepage .skills {
  background-color: #d9d9d9;
  overflow: hidden; }
  .homepage .skills .flex-circle .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media (max-width: 967px) {
    .homepage .skills .row-fluid [class*="span"] {
      display: block;
      float: none;
      width: auto;
      margin-left: 0; } }
  .homepage .skills h2 {
    margin: 0px 0px 50px 0px;
    color: #fff; }
    .homepage .skills h2 span {
      letter-spacing: 3px;
      color: #fff; }
  .homepage .skills .loading-circle {
    margin: 0 20px; }
    .homepage .skills .loading-circle .circle {
      margin: 0 auto;
      display: block;
      width: 200px;
      height: 200px;
      background-color: #d9d9d9; }
      .homepage .skills .loading-circle .circle svg {
        margin: -20%; }
      .homepage .skills .loading-circle .circle .timer tspan {
        font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;; }
  .homepage .skills h3 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;    /*----- Set font -----*/
    margin: 35px 0px 0px 0px;
    text-align: center; }
    @media (max-width: 600px) {
        .homepage .skills h3 {
            font-size: 24px;
        }
    }
  .homepage .skills .loader4,
  .homepage .skills .loader3,
  .homepage .skills .loader2,
  .homepage .skills .loader1 {
    max-width: 200px;
    height: auto; }

.homepage .features h2 {
  color: #3E3E3E;
  letter-spacing: 0.04em;
  text-transform: none;
  margin-bottom: 60px; }
  .homepage .features h2 span {
    letter-spacing: 3px; }

.homepage .features .icon {
  color: #d9d9d9; }

.homepage .testimonials {
  position: relative;
  background-position: center center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  z-index: 0; }
  .homepage .testimonials .mask, .homepage .testimonials .separator--contact__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1; }
  .homepage .testimonials .container,
  .testimonials .container {
    z-index: 3;
    position: relative; }
    .homepage .testimonials .container h2,
    .testimonials .container h2 {
      color: #fff; }
      .homepage .testimonials .container h2 span {
        color: #fff;
        letter-spacing: 3px; }
      @media (max-width: 467px) {
        .homepage .testimonials .container h2 {
          margin-top: 0px; } }
      @media (max-width: 400px) {
        .homepage .testimonials .container h2 {
          margin-top: 0px; } }
    .homepage .testimonials .container p {
      /* font-size: 16px; */
      /* line-height: 24px; */ }
    .homepage .testimonials .container .person {
      font-size: 18px;
      font-weight: 500;
      /* text-transform: uppercase */
      letter-spacing: 0.04em; }
      .homepage .testimonials .container .person span {
        color: #d9d9d9; }
    .homepage .testimonials .container .slick-dots {
      bottom: -25px; }
      .homepage .testimonials .container .slick-dots li button:before {
        color: #d9d9d9; }

@media only screen and (min-width: 970px) {
  _::-webkit-full-page-media, _:future, :root .homepage .flex-circle .row-fluid .span3 {
    width: 23%; } }

    .homepage .block-inner.block_quote {
        margin-top: 0;
    }
    .homepage .block_cta.block_white {
        margin-top: 0;
    }
    .homepage .block-recent-post .block-inner {
        padding-bottom: 60px;
    }

/********************************************************/
/********************************************************/
/*******  Website/_home.scss *******/
/********************************************************/
/********************************************************/
.meet-the-team h2 {
  font-size: 40px;
  font-family: "Palanquin", sans-serif;
  color: #3E3E3E;
  line-height: 1;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none; }
  .meet-the-team h2 span {
    color: #d9d9d9;
    letter-spacing: 3px; }

.meet-the-team .people-wrapper {
  margin: -8px 0 73px 0; }
  .meet-the-team .people-wrapper .hs_cos_wrapper_type_rich_text {
    font-size: 18px;
    font-weight: 400;
    color: #3E3E3E;
    /* p,
            span {
                @extend .hs_cos_wrapper_type_rich_text;
            }*/ }

.meet-the-team .description {
  float: none;
  margin: 0 auto 53px auto;
  width: 80%;
  margin-left: auto !important; }

/********************************************************/
/********************************************************/
/*******  Website/_meet-the-team.scss *******/
/********************************************************/
/********************************************************/
.modules-page .hero-banner {
  margin-bottom: 0; }

.modules-page .text-and-image-overflow {
  padding-top: 0; }

.modules-page .about-me-skills h2 {
  color: #3E3E3E;
  font-size: 40px;
  font-weight: 400;
  text-transform: none;
  margin-top: 60px; }
  .modules-page .about-me-skills h2 span {
    letter-spacing: 3px; }

.modules-page .about-me-skills .text-block {
  background-color: #fff; }
  .modules-page .about-me-skills .text-block h3 {
    font-size: 31px;
    color: #3E3E3E;
    font-weight: 400; }
  .modules-page .about-me-skills .text-block .text-block-content {
    margin-top: 0; }
    .modules-page .about-me-skills .text-block .text-block-content p {
      color: #3E3E3E; }

.modules-page .about-me-skills .wrapper-bars {
  margin-top: 0; }
  .modules-page .about-me-skills .wrapper-bars h3 {
    font-size: 31px;
    font-weight: 400; }

.modules-page .features-mocup-section {
  padding-bottom: 30px; }

.modules-page .pricing-main-section {
  background: #fff url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/pricing-container-background.png") center bottom no-repeat; }
.modules-page .pricing-main-section .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    padding-top: 100px; }

.modules-page .pricing-section-header {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto; }
  .modules-page .pricing-section-header .widget-type-rich_text {
    text-align: center; }
  .modules-page .pricing-section-header h2 {
    color: #3E3E3E;
    font-weight: 400;
    font-size: 40px;
    text-transform: none;
    margin-top: 50px; }
    .modules-page .pricing-section-header h2 span {
      letter-spacing: 3px; }

.modules-page .brands-slider .slick-dots {
  display: block;
  left: 0; }

.modules-page .brands-slider .slick-list {
  min-width: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 !important; }

.modules-page .brands-slider .slick-arrow {
  display: none !important; }

.modules-page .brands-slider button.slick-prev.slick-arrow + div.slick-list {
  display: block; }

.modules-page .span7 .widget-type-form .hs-error-msgs a {
  font-size: 18px;
  color: #fff; }

/********************************************************/
/********************************************************/
/*******  Website/_modules-page-v1.scss *******/
/********************************************************/
/********************************************************/
.modules-page-v2 .faq {
  margin-bottom: 40px; }
  .modules-page-v2 .faq h2 {
    text-align: left;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #3E3E3E;
    font-weight: 400;
    margin-top: 38px;
    padding-left: 0;
    margin-left: 0; }
    .modules-page-v2 .faq h2 span {
      letter-spacing: 3px; }
  .modules-page-v2 .faq .widget-type-cta {
    margin-top: 10px; }
  .modules-page-v2 .faq .questions .question .text p {
    font-size: 18px;
    font-weight: 100; }

.modules-page-v2 #counter {
  height: auto;
  padding-top: 56px;
  padding-bottom: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .modules-page-v2 #counter .mask, .modules-page-v2 #counter .separator--contact__mask {
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 2; }
  .modules-page-v2 #counter .container {
    display: block;
    padding-top: 0px;
    width: 100%;
    z-index: 3; }
    .modules-page-v2 #counter .container .row-fluid {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .modules-page-v2 #counter .container .row-fluid .counter-box {
        width: 24.5%;
        margin: 0; }
        @media (max-width: 767px) {
          .modules-page-v2 #counter .container .row-fluid .counter-box {
            width: 49.5%; } }
        @media (max-width: 486px) {
          .modules-page-v2 #counter .container .row-fluid .counter-box {
            width: 100%;
            margin: 10px 0px; } }
        .modules-page-v2 #counter .container .row-fluid .counter-box h3 {
          /* text-transform: uppercase */
          font-size: 20px; }

.modules-page-v2 section.question {
  margin-top: 46px; }
  .modules-page-v2 section.question .row-fluid .widget-type-rich_text h3 {
    text-align: left;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #3E3E3E;
    font-weight: 400;
    font-size: 40px;
    margin-top: 10px; }
    .modules-page-v2 section.question .row-fluid .widget-type-rich_text h3 span {
      letter-spacing: 3px;
      color: #d9d9d9; }
  .modules-page-v2 section.question .row-fluid .widget-type-cta {
    margin-top: -17px;
    margin-bottom: 41px; }
  .modules-page-v2 section.question .row-fluid .panel-group {
    margin-bottom: 40px; }

.modules-page-v2 .lead-section {
  background: #d9d9d9;
  margin: 20px 0px;
  padding-top: 32px; }
  @media (max-width: 768px) {
    .modules-page-v2 .lead-section {
      padding-bottom: 48px; } }
  @media (max-width: 768px) {
    .modules-page-v2 .lead-section .iphone-column {
      display: none; } }
  .modules-page-v2 .lead-section .widget-type-header h2 {
    color: #fff;
    text-align: left;
    text-transform: none;
    letter-spacing: 0.04em;
    font-size: 40px;
    font-weight: 400; }
    .modules-page-v2 .lead-section .widget-type-header h2 span {
      letter-spacing: 3px;
      color: #d9d9d9; }
  .modules-page-v2 .lead-section .widget-type-rich_text p {
    color: #fff; }
    .modules-page-v2 .lead-section .widget-type-rich_text p:last-child {
      margin-top: 60px; }

.modules-page-v2 .blog-email-subscription {
  margin-bottom: 22px; }

.modules-page-v2 .two-column-equal {
  margin-top: 26px; }
  .modules-page-v2 .two-column-equal .equal-row {
    margin-bottom: 20px; }
    .modules-page-v2 .two-column-equal .equal-row .equal-text-left {
      padding-right: 40px; }
      .modules-page-v2 .two-column-equal .equal-row .equal-text-left h2 {
        margin-top: 20px;
        letter-spacing: 0.04em; }
        .modules-page-v2 .two-column-equal .equal-row .equal-text-left h2 span {
          letter-spacing: 3px; }
    .modules-page-v2 .two-column-equal .equal-row .equal-text-right {
      padding-left: 40px; }
      @media (max-width: 480px) {
        .modules-page-v2 .two-column-equal .equal-row .equal-text-right {
          padding-left: 0; } }
      .modules-page-v2 .two-column-equal .equal-row .equal-text-right h2 {
        margin-top: 20px;
        letter-spacing: 0.04em; }
        .modules-page-v2 .two-column-equal .equal-row .equal-text-right h2 span {
          letter-spacing: 3px; }
    .modules-page-v2 .two-column-equal .equal-row .img-wrap-basic img {
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px; }
    .modules-page-v2 .two-column-equal .equal-row .left-img img {
      -webkit-box-shadow: -30px 30px 0px #d9d9d9;
         -moz-box-shadow: -30px 30px 0px #d9d9d9;
              box-shadow: -30px 30px 0px #d9d9d9;
      margin-left: 30px; }
      @media (max-width: 480px) {
        .modules-page-v2 .two-column-equal .equal-row .left-img img {
          -webkit-box-shadow: -15px 15px 0px #d9d9d9;
             -moz-box-shadow: -15px 15px 0px #d9d9d9;
                  box-shadow: -15px 15px 0px #d9d9d9;
          margin-left: 15px; } }

.modules-page-v2 .text-and-image-overflow {
  margin-top: 28px; }

/********************************************************/
/********************************************************/
/*******  Website/_modules-page.scss *******/
/********************************************************/
/********************************************************/
.one-colum-basic .widget-type-rich_text h2 {
  margin-top: 10px; }

.one-colum-basic .widget-type-rich_text--last {
  margin-bottom: 30px; }
  .one-colum-basic .widget-type-rich_text--last p:last-child {
    margin-bottom: 10px; }

.one-colum-basic .img-wrap-basic {
  padding-right: 30px; }

  @media only screen and (max-width: 480px) {
    .one-colum-basic .img-wrap-basic {
      padding-right: 15px; } }
  .one-colum-basic .img-wrap-basic img, .img-wrap-basic img {
    -webkit-box-shadow: 30px 30px 0px #d9d9d9;
       -moz-box-shadow: 30px 30px 0px #d9d9d9;
            box-shadow: 30px 30px 0px #d9d9d9;
    /* margin-top: 30px;
    margin-bottom: 72px; */ }
    @media only screen and (max-width: 480px) {
      .one-colum-basic .img-wrap-basic img, .img-wrap-basic img {
        -webkit-box-shadow: 15px 15px 0px #d9d9d9;
           -moz-box-shadow: 15px 15px 0px #d9d9d9;
                box-shadow: 15px 15px 0px #d9d9d9;
        /* margin-top: 10px;
        margin-bottom: 39px; */ } }

/********************************************************/
/********************************************************/
/*******  Website/_one-column-basic.scss *******/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/*******  Website/_one-column-hero-banner.scss *******/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/*******  Website/_one-column-hero-slider.scss *******/
/********************************************************/
/********************************************************/
.pricing-3 .pricing-main-section {
  position: relative; }
  .pricing-3 .pricing-main-section:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 400px 1200px;
    border-color: transparent transparent #d9d9d9 transparent; }
  .pricing-3 .pricing-main-section .pricing-wrapper {
    margin-top: 70px; }
    .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
      padding: 40px 0 70px 0; }
    .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box {
      background-color: #fff;
      -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
              box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
      border: 1px solid #f8f8f8;
      position: relative; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box__title {
        border-bottom: 1px solid #f8f8f8;
        color: #3E3E3E;
        font-weight: 400; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box__feature-text {
        border-bottom: 1px solid #f8f8f8; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__title {
        border-bottom: 1px solid #f8f8f8;
        color: #3E3E3E;
        font-weight: 400; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__feature-text {
        border-bottom: 1px solid #f8f8f8;
        color: #3E3E3E; }
        .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__feature-text .pricing-box__feature-text--bold {
          color: #d9d9d9; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__starting-at {
        color: #3E3E3E; }
        .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__starting-at .pricing-box__price {
          color: #d9d9d9; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__order {
        color: #FFFFFF;
        background-color: #d9d9d9;
        border: 2px solid #d9d9d9; }
        .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__order:hover {
          color: #d9d9d9;
          background-color: #FFFFFF;
          border-color: #d9d9d9; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon {
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: 1;
        overflow: hidden;
        width: 130px;
        height: 130px;
        text-align: right; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon span {
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
        /* text-transform: uppercase */
        text-align: center;
        line-height: 24px;
        -moz-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
             transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 145px;
        display: block;
        background: #79A70A;
        background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
        background: -webkit-linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
        background: -moz-linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
        background: -o-linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
        background: linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
        -webkit-box-shadow: 0 3px 10px -5px black;
           -moz-box-shadow: 0 3px 10px -5px black;
                box-shadow: 0 3px 10px -5px black;
        position: absolute;
        top: 31px;
        right: -31px; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon span::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 100%;
        z-index: -1;
        border-left: 3px solid #d9d9d9;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #d9d9d9; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon span::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 100%;
        z-index: -1;
        border-left: 3px solid transparent;
        border-right: 3px solid #d9d9d9;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #d9d9d9; }
    .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text h3 {
      color: #3E3E3E;
      font-size: 31px;
      letter-spacing: 2px; }
    .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text ul {
      padding-left: 28px; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text ul li:before {
        content: "\f00c";
        width: 16px;
        height: 16px;
        font-family: FontAwesome;
        color: #d9d9d9;
        background-image: none; }
    .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .cta-primary, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .widget-type-form form input.hs-button, .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .buttonsec, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .yellow-button, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .blog-email-subscription input[type="submit"], .blog-email-subscription .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"], .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .header-with-search .description-header .search-wrap input[type="submit"], .header-with-search .description-header .search-wrap .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"], .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-banner-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .pricing-box__order, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .sodium-faq .left a.cta_button, .sodium-faq .left .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text a.cta_button, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .features-container .hero-banner-form .hs-button.primary.large, .features-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large, .landing-basic-2 .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large, .landing-hero div.body-container-wrapper .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button, .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-video-v4 .row-fluid .hero-form input[type=submit], .landing-video-v4 .row-fluid .hero-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type=submit], .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .careers-form input[type="submit"], .careers-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"] {
      border-color: #fff; }
      .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .cta-primary:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .widget-type-form form input.hs-button:hover, .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .buttonsec:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .yellow-button:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .blog-email-subscription input[type="submit"]:hover, .blog-email-subscription .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"]:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .header-with-search .description-header .search-wrap input[type="submit"]:hover, .header-with-search .description-header .search-wrap .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"]:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .hero-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .hero-banner-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .pricing-box__order:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .sodium-faq .left a.cta_button:hover, .sodium-faq .left .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text a.cta_button:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .features-container .hero-banner-form .hs-button.primary.large:hover, .features-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large:hover, .landing-basic-2 .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large:hover, .landing-hero div.body-container-wrapper .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button:hover, .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-video-v4 .row-fluid .hero-form input[type=submit]:hover, .landing-video-v4 .row-fluid .hero-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type=submit]:hover, .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .careers-form input[type="submit"]:hover, .careers-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"]:hover {
        border-color: #d9d9d9; }

/********************************************************/
/********************************************************/
/*******  Website/_pricing_v2-3.0.scss *******/
/********************************************************/
/********************************************************/
.pricing {
  /*section.hero-banner{
        h1{
           strong{
               color: $mainColor;
           }
        }
    }*/ }
  .pricing .pricing-section-header {
    max-width: 1000px;
    margin: 0 auto; }
    .pricing .pricing-section-header .widget-type-rich_text {
      text-align: center; }
  .pricing section.question {
    padding: 85px 0;
    float: left;
    width: 100%; }
    .pricing section.question h3 {
      color: #3E3E3E;
      font-size: 40px; }
      .pricing section.question h3 span {
        color: #d9d9d9;
        letter-spacing: 3px; }
  .pricing .brands-slider.pricing {
    margin-bottom: 0; }
    .pricing .brands-slider.pricing .slick-dots {
      display: block;
      left: 0;
      bottom: 15px; }
      .pricing .brands-slider.pricing .slick-dots li {
        margin: 0; }
    .pricing .brands-slider.pricing .slick-list {
      min-width: 100% !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 !important; }
    .pricing .brands-slider.pricing .slick-arrow {
      display: none !important; }
    .pricing .brands-slider.pricing button.slick-prev.slick-arrow + div.slick-list {
      display: block; }
    .pricing .brands-slider.pricing .slick-prev + .slick-list {
      display: block; }
    .pricing .brands-slider.pricing .slick-list {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  @media (max-width: 767px) {
    .pricing section.question .span6.widget-span.widget-type-cell {
      margin-bottom: 30px; } }

/********************************************************/
/********************************************************/
/*******  Website/_pricing-v2-2.0.scss *******/
/********************************************************/
/********************************************************/
.pricing {
  /*.hero-banner {
    height: 500px;
    background-size: cover;
    display: flex;
    justfiy-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-top: 70px;
    margin-bottom: 0;
    h2 {
      color: #fff;
      font-size: 58px;
      font-weight: 400;
      text-align: center !important;
        text-transform: uppercase
    }

    p {
      font-size: 23px;
    }
*/  }
  .pricing .pricing-section-header {
    text-align: center; }
    .pricing .pricing-section-header h2 {
      color: #3E3E3E;
      font-weight: 400;
      font-size: 40px;
      text-transform: none;
      margin-top: 50px; }
      .pricing .pricing-section-header h2 span {
        letter-spacing: 3px; }
    .pricing .pricing-section-header .widget-type-rich_text > .layout-widget-wrapper > span {
      color: #3E3E3E; }
  .pricing.pricing-1 .pricing-main-section, .pricing.pricing-2 .pricing-main-section {
    background: #fff url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/pricing-container-background.png") center bottom no-repeat; }

/********************************************************/
/********************************************************/
/*******  Website/_pricing-v2.scss *******/
/********************************************************/
/********************************************************/
.privacy-policy .two-column-left-content h2 {
  font-size: 40px;
  color: #3E3E3E;
  text-align: left;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0; }
  .privacy-policy .two-column-left-content h2 span {
    letter-spacing: 3px; }

.privacy-policy .two-column-left-content ol li {
  text-align: justify;
  margin-bottom: 10px; }
  .privacy-policy .two-column-left-content ol li:before {
    top: 0;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    width: 20px; }

.privacy-policy .right-sidebar p {
  text-align: justify; }

.privacy-policy.privacy-policy-1-column .two-column-left-content {
  border-right: none; }

@media (max-width: 971px) {
  .two-column-left-content .editor-text img {
      display: block;
      margin: 0px auto 10px auto !important;
      float: none !important;
  }

}

/********************************************************/
/********************************************************/
/*******  Website/_privacy-policy.scss *******/
/********************************************************/
/********************************************************/
.products-page .main-separator {
  background-color: #d9d9d9; }
  .products-page .main-separator .txt-cta-separator {
    min-height: 110px; }
    .products-page .main-separator .txt-cta-separator .separator-content {
      padding: 20px 0; }
      .products-page .main-separator .txt-cta-separator .separator-content h3 {
        color: #fff; }

/********************************************************/
/********************************************************/
/*******  Website/_products-page.scss *******/
/********************************************************/
/********************************************************/
/*.hero-banner--big {
  height: 700px;
  font-weight: 400;
  position: relative;
  margin-bottom: 0;
  h2 {
    font-weight: 500;
  }
  @media screen and (max-width: 400px) {
    height: calc(100vh - 70px);
    h2 {
      font-size: 51px;
    }
    p {
      text-align: center;
    }
  }
} */
.resources-slides-wrapper {
  margin-top: 70px;
  height: 500px;
  overflow: hidden; }
  .resources-slides-wrapper .slick-slider {
    margin-bottom: 0; }
  .resources-slides-wrapper button.slick-next, .resources-slides-wrapper button.slick-prev {
    margin-top: 0; }

.resources .separator--yellow .widget-type-cta .cta_button {
  float: right; }

.resources .separator--contact .widget-type-cta {
  text-align: center; }
  .resources .separator--contact .widget-type-cta .cta_button {
    margin: 0 auto; }

/********************************************************/
/********************************************************/
/*******  Website/_resources-v2.scss *******/
/********************************************************/
/********************************************************/
body.search-results {
  overflow: auto; }
  body.search-results .hero-banner {
    margin-bottom: 0px; }
    @media (max-width: 780px) {
      body.search-results .hero-banner {
        /* display: none; */
        }

    }
  body.search-results .search-results-wrapper {
    background-color: #fafafa;
    float: left;
    width: 100%; }
    @media (max-width: 780px) {
      body.search-results .search-results-wrapper {
        /* margin-top: 70px; */ }
        body.search-results .search-results-wrapper .container {
          padding: 0; } }

.search-summary h2 {
  font-size: 30px;
  font-weight: 400;
  margin: 30px 0;
  text-transform: none; }

.search-results-page {
  background-color: #fff;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;; }
  .search-results-page .gsc-results-wrapper-overlay {
    position: static !important;
    opacity: 1;
    width: 100%;
    height: auto;
    overflow: hidden !important;
    visibility: visible;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    padding: 15px !important; }
  .search-results-page .gsc-webResult.gsc-result {
    border-top: 1px solid #fafafa; }
  .search-results-page .gsc-modal-background-image {
    display: none !important; }
  .search-results-page .gsc-above-wrapper-area-container {
    display: none; }
  .search-results-page .gsc-results .gsc-cursor-box {
    margin: 0; }
  .search-results-page .gsc-thumbnail-inside {
    padding-left: 0px; }
    .search-results-page .gsc-thumbnail-inside .gs-title {
      font-size: 20px !important;
      color: #15C !important;
      line-height: 26px;
      height: auto !important;
      margin-bottom: 6px;
      font-weight: 400;}
      .search-results-page .gsc-thumbnail-inside .gs-title b {
        font-size: 20px !important;
        color: #15C !important;
        line-height: 26px;
        font-weight: 400;}
  .search-results-page .gsc-url-top {
    padding-left: 0px; }
    .search-results-page .gsc-url-top .gs-visibleUrl {
      font-size: 16px !important;
      color: #093 !important;
      line-height: 20px;
      height: auto !important;
      font-weight: 400;
      margin-bottom: 2px;
      text-decoration: none; }
      .search-results-page .gsc-url-top .gs-visibleUrl b {
        font-size: 16px !important;
        color: #093 !important;
        line-height: 20px;
        font-weight: 400;
        text-decoration: none; }
  .search-results-page .gsc-table-result {
    padding-left: 0px; }
    .search-results-page .gsc-table-result .gs-bidi-start-align {
      font-size: 16px !important;
      color: #3E3E3E !important;
      line-height: 20px;
      height: auto !important;
      font-weight: 400;
      margin-bottom: 2px;
      text-decoration: none; }
      .search-results-page .gsc-table-result .gs-bidi-start-align b {
        font-size: 16px !important;
        color: #3E3E3E !important;
        line-height: 20px;
        font-weight: 400;
        text-decoration: none; }
  .search-results-page .gsc-cursor-box .gsc-cursor-page {
    background-color: #fff !important;
    display: inline-block !important;
    font-size: 16px;
    font-weight: 400;
    color: #3E3E3E !important;
    border: 1px solid #626262 !important;
    text-align: center;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    width: 25px;
    height: 27px; }
    .search-results-page .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
      color: #fff !important;
      font-weight: 400 !important;
      border-color: #d9d9d9 !important;
      background-color: #d9d9d9 !important; }

      .search-results-page .gsc-adBlock, .search-results-page .gsc-above-wrapper-area {
          display: none !important;
        }

/********************************************************/
/********************************************************/
/*******  Website/_search-results.scss *******/
/********************************************************/
/********************************************************/
.services-main {
  height: 800px;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative; }

.services-main h1 {
  margin-top: 360px;
  font-size: 58px;
  font-weight: bold; }

.services-main p {
  margin-top: 20px;
  letter-spacing: 0.04em; }

.process {
  padding-bottom: 95px; }

.process h2 {
  text-transform: none;
  font-weight: 400;
  margin-bottom: 45px;
  letter-spacing: 0.04em; }
  .process h2 span {
    letter-spacing: 3px; }

.process-line {
  background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/process-line.png");
  width: 73%;
  height: 1px;
  position: relative;
  top: 54px;
  z-index: -1;
  margin: auto; }

.process-box .widget-type-linked_image {
  text-align: center; }

.process h3 {
  margin-left: 20px;
  font-size: 23px;
  font-weight: 400;
  color: #d9d9d9; }

.process h3 span {
  font-size: 47px; }

.process p {
  margin-left: 57px; }

.expertise {
  position: relative;
  background-color: #d9d9d9; }

.expertise .change-display > .row-fluid-wrapper > .row-fluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex; }

.expertise .span5 {
  width: 39.5%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover; }
  @media (max-width: 1000px) {
    .expertise .span5 {
      width: 24%; } }
  @media (max-width: 767px) {
    .expertise .span5 {
      display: none; } }

@media (max-width: 468px) {
  .expertise-box-wrapper {
    padding: 0 25px; } }

.expertise .span7 .expertise-right-wrapper {
  max-width: 800px;
  width: 100%; }

.expertise h2 {
  margin-top: 60px;
  margin-bottom: 50px;
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  text-transform: none;
  letter-spacing: 0.04em; }
  .expertise h2 span {
    color: #fff;
    letter-spacing: 3px; }

.expertise .col-sm-4 {
  position: relative; }

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex; }

.expertise .ico {
  width: 200px;
  margin-bottom: 25px; }

.expertise .ico i {
  font-size: 39px;
  color: #fff; }

.expertise .text h3 {
  font-size: 23px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #fff;
  margin-top: 0px;
  letter-spacing: 2px; }

.expertise .text p {
  font-weight: normal;
  color: #fff;
  font-size: 18px;
  margin-bottom: 60px;
  letter-spacing: 2px;
  font-weight: 400; }

#counter {
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: center; }

#counter .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-align-content: initial;
      -ms-flex-line-pack: initial;
          align-content: initial;
  padding-top: 30px; }
  #counter .container .counter-box {
    padding-bottom: 40px;
    width: 25%; }

@media screen and (max-width: 767px) {
  #counter .container .counter-box {
    width: 50%; } }

@media screen and (max-width: 450px) {
  #counter .container .counter-box {
    width: 100%; } }

#counter .counter-box {
  text-align: center; }

#counter .counter-box h3 {
  font-size: 20px;
  color: #d9d9d9;
  margin: 10px 0px; }

#counter .counter-box div {
  font-size: 73px;
  color: #fff;
  line-height: 42px; }

.services-page .pricing-main-section h2 {
  text-transform: none;
  font-weight: 400;
  margin-bottom: 45px;
  padding-top: 60px;
  letter-spacing: 0.04em; }
  .services-page .pricing-main-section h2 span {
    letter-spacing: 3px; }

.services-page .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
  padding: 50px 0 150px; }

.services-page .separator-main {
  background-color: #d9d9d9; }
  .services-page .separator-main .txt-cta-separator {
    min-height: 110px; }
    .services-page .separator-main .txt-cta-separator .separator-content {
      padding: 20px 0; }
      .services-page .separator-main .txt-cta-separator .separator-content h3 {
        color: #fff; }

.services-page #counter {
  height: auto;
  padding-top: 56px;
  padding-bottom: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .services-page #counter .mask, .services-page #counter .separator--contact__mask {
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 2; }
  .services-page #counter .container {
    display: block;
    padding-top: 0px;
    width: 100%;
    z-index: 3; }
    .services-page #counter .container .row-fluid {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .services-page #counter .container .row-fluid .counter-box {
        width: 24.5%;
        margin: 0; }
        @media (max-width: 767px) {
          .services-page #counter .container .row-fluid .counter-box {
            width: 49.5%; } }
        @media (max-width: 486px) {
          .services-page #counter .container .row-fluid .counter-box {
            width: 100%;
            margin: 10px 0px; } }
        .services-page #counter .container .row-fluid .counter-box h3 {
          /* text-transform: uppercase */
          font-size: 20px; }

.services-page .brands-slider-wrap {
  min-height: 315px;
  background-color: #fff; }
  .services-page .brands-slider-wrap h2 {
    letter-spacing: 0.04em;
    color: #626262;
    font-size: 36px;
    font-weight: 400;
    text-transform: none;
    margin-top: 63px;
    margin-bottom: 0; }
    .services-page .brands-slider-wrap h2 span {
      letter-spacing: 3px; }
  .services-page .brands-slider-wrap .slick-dots {
    display: block;
    left: 0; }
    .services-page .brands-slider-wrap .slick-dots li button:before {
      color: #d9d9d9;
      opacity: 1; }
    .services-page .brands-slider-wrap .slick-dots .slick-active button:before {
      color: #3E3E3E; }
  .services-page .brands-slider-wrap .slick-list {
    min-width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 !important; }
  .services-page .brands-slider-wrap .slick-arrow {
    display: none !important; }
  .services-page .brands-slider-wrap button.slick-prev.slick-arrow + div.slick-list {
    display: block; }

/********************************************************/
/********************************************************/
/*******  Website/_services.scss *******/
/********************************************************/
/********************************************************/
.testimonial-page .hero-banner {
  background-position: center; }

.testimonial-page .client-text {
  text-align: center;
  max-width: 900px;
  float: none;
  margin: 0 auto !important; }
  .testimonial-page .client-text h2 {
    color: #3E3E3E;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: none;
    font-weight: bold; }
    .testimonial-page .client-text h2 span {
      color: #d9d9d9;
      letter-spacing: 3px; }

.testimonial-page .logo-group .span12.widget-type-widget_container > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .testimonial-page .logo-group .span12.widget-type-widget_container > span > div {
    width: 20%;
    width: 200px;
    margin: 20px auto; }
  .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper {
    margin: 0 auto; }
    .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img {
      -webkit-filter: none;
              filter: none;
      opacity: 0; }
      .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img.img_greyscale {
        opacity: 0.2;
        -webkit-filter: none;
                filter: none; }
        .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img.img_greyscale:hover {
          -webkit-filter: none;
                  filter: none;
          cursor: pointer;
          opacity: 0; }
          .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img.img_greyscale:hover + img {
            -webkit-filter: none;
                    filter: none;
            opacity: 1; }
  .testimonial-page .logo-group .span12.widget-type-widget_container > span img {
    display: block;
    margin: 0 auto;
    padding: 50px 0;
    -webkit-filter: grayscale(100%) opacity(0.2);
            filter: grayscale(100%) opacity(0.2);
    max-width: 200px;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .testimonial-page .logo-group .span12.widget-type-widget_container > span img:hover {
      cursor: pointer;
      -webkit-filter: none;
              filter: none; }

.testimonial-page div.container.default .logo-group img {
  -webkit-filter: none;
          filter: none;
  opacity: 1; }
  .testimonial-page div.container.default .logo-group img:hover {
    -webkit-filter: none;
            filter: none;
    opacity: 0.7; }

/********************************************************/
/********************************************************/
/*******  Website/_testimonial.scss *******/
/********************************************************/
/********************************************************/
.thank-you-page .hero-banner {
  /* height: 400px; */ }      /*----- 7/26 Edited by TuanDV -----*/

.thank-you-page .content-landing {
  margin: 0px 0px 0px 0px; }

.thank-you-page h3 {
  letter-spacing: 0.04em;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  font-size: 40px;
  margin-bottom: 27px;
  color: #3E3E3E; }
  .thank-you-page h3 span {
    color: 3 #d9d9d9; }

.thank-you-page .thank-you-content .post-listing ul {
  margin: -5px 0 0 0;
  padding: 0;
  list-style: none; }

.thank-you-page .thank-you-content .post-listing > .span6 {
  padding-left: 23px; }

 .thank-you-page .box.thin h2 {
     font-size: 24px;
     line-height: 1.6;
     margin-top: 0px;
 }
 .thank-you-page .download-wrap {
     text-align: center;
 }
  .thank-you-page .download-wrap .link-download {
      margin-top: 2rem;
      margin-bottom: 0px;
  }

  @media (max-width: 767px) {
    .thank-you-page .thank-you-content .post-listing > .span6 {
      padding-left: 0; } }

.thank-you-page .left-column > .span6 {
  padding-right: 23px; }
  @media (max-width: 767px) {
    .thank-you-page .left-column > .span6 {
      padding-right: 0; } }

.thank-you-page .thank-you-content .post-listing ul li {
  position: relative;
  margin-left: 20px;
  margin-bottom: 10px; }
  .thank-you-page .thank-you-content .post-listing ul li:before {
    position: absolute;
    content: ">>";
    left: -20px;
    top: 0.25em; }

.thank-you-page .thank-you-content .post-listing ul li a {
  font-size: 18px;
  color: #3E3E3E;
  text-decoration: none;
  padding: 6px 0;
  outline: 0;
  display: block;
  font-weight: 400;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  .thank-you-page .thank-you-content .post-listing ul li a:hover {
    color: #d9d9d9; }

.thank-you-page .thank-you-content .left-column p {
  font-size: 20px;
  line-height: 30px;
  margin: 0; }

.thank-you-page .thank-you-content .hs-cta-wrapper {
  margin: 40px 0 48px;
  display: block; }

.thank-you-page .thank-you-content .social-share {
  margin-top: 40px; }

.thank-you-page .thank-you-content .cta-primary, .thank-you-page .thank-you-content .widget-type-form form input.hs-button, .widget-type-form form .thank-you-page .thank-you-content input.hs-button, .thank-you-page .thank-you-content .buttonsec, .thank-you-page .thank-you-content .yellow-button, .thank-you-page .thank-you-content .blog-email-subscription input[type="submit"], .blog-email-subscription .thank-you-page .thank-you-content input[type="submit"], .thank-you-page .thank-you-content .header-with-search .description-header .search-wrap input[type="submit"], .header-with-search .description-header .search-wrap .thank-you-page .thank-you-content input[type="submit"], .thank-you-page .thank-you-content .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .thank-you-page .thank-you-content .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-landing .form-placeholder .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .thank-you-page .thank-you-content .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .hero-banner-landing .form-placeholder .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .thank-you-page .thank-you-content .pricing-box__order, .thank-you-page .thank-you-content .sodium-faq .left a.cta_button, .sodium-faq .left .thank-you-page .thank-you-content a.cta_button, .thank-you-page .thank-you-content .features-container .hero-banner-form .hs-button.primary.large, .features-container .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .thank-you-page .thank-you-content .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large, .landing-basic-2 .form-container .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .thank-you-page .thank-you-content .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large, .landing-hero div.body-container-wrapper .form-container .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .thank-you-page .thank-you-content .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button, .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form .thank-you-page .thank-you-content input.hs-button, .thank-you-page .thank-you-content .landing-video-v4 .row-fluid .hero-form input[type=submit], .landing-video-v4 .row-fluid .hero-form .thank-you-page .thank-you-content input[type=submit], .thank-you-page .thank-you-content .careers-form input[type="submit"], .careers-form .thank-you-page .thank-you-content input[type="submit"] {
  /* padding: 21px 62px; */ }

.thank-you-page hr {
  border-top: #e1e1e1; }

.thank-you-page .social {
  margin-top: 18px;
  float: left;
  width: 100%; }
  .thank-you-page .social .social-main-icon {
    float: left;
    height: 45px;
    width: 45px;
    background-color: #d9d9d9; }
    .thank-you-page .social .social-main-icon i {
      font-size: 21px;
      margin-left: 13px;
      margin-top: 12px;
      color: #FFF; }
  .thank-you-page .social ul {
    padding-left: 18px;
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
    float: left; }
    @media (max-width: 335px) {
      .thank-you-page .social ul {
        padding-left: 5px; } }
    .thank-you-page .social ul li {
      height: 44px;
      width: 40px;
      list-style: none;
      display: inline-block; }
      .thank-you-page .social ul li a {
        padding-top: 4px;
        display: block;
        width: 100%;
        height: 43px;
        color: #d7d7d7;
        font-size: 25px;
        text-align: center;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s; }
        .thank-you-page .social ul li a:hover {
          color: #d9d9d9; }

@media only screen and (max-width: 600px) {
   .thank-you-page .thank-you-content .cta-primary {
       /* padding: 16px 10px;   */
   }
}

/********************************************************/
/********************************************************/
/*******  Website/_thank-you.scss *******/
/********************************************************/
/********************************************************/
@media only screen and (max-width: 768px) {
  .three-columns {
    border: none;
    padding-top: 0px; }
  .sidebar-item {
    border-top: solid 1px #f6f6f6; }
  .flex-item3 .right-sidebar .sidebar-submenu {
    width: 100%;
    border-top: none;
    padding-top: 0;
    margin: 0; } }

/********************************************************/
/********************************************************/
/*******  Website/_three-column-basic-submenu.scss *******/
/********************************************************/
/********************************************************/
.row-fluid .span3.flex-item3 .right-sidebar .sidebar-item h3 {
  margin-top: 19px; }

.flex-wrap .row-fluid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.cta-center-wrap {
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 40px; }

.subscribe-three-column {
  padding-top: 0px;
  padding-bottom: 30px; }
  .subscribe-three-column h3.form-title {
    font-size: 23px;
    color: #3E3E3E;
    font-weight: 400;
    margin: 0;
    padding-top: 20px; }
  .subscribe-three-column ul {
    margin-top: 5px;
    list-style: none; }
  .subscribe-three-column input[type="submit"] {
    width: 137px;
    height: 43px;
    background: #d9d9d9;
    border: 2px solid #d9d9d9;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    color: #fff;
    margin-top: 23px;
    padding: 0 !important; }
    .subscribe-three-column input[type="submit"]:hover {
      background: #FFFFFF; }
  .subscribe-three-column input[type="email"] {
    border: none;
    border-bottom: 2px solid #d9d9d9;
    font-size: 16px;
    font-weight: 400px;
    color: #3E3E3E; }
  .subscribe-three-column .hs-error-msgs li {
    color: #3E3E3E;
    font-size: 16px; }
    .subscribe-three-column .hs-error-msgs li a {
      font-size: 16px; }

.recent-post-three-column {
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 5px;
  margin-bottom: 38px; }
  .recent-post-three-column ul {
    list-style: none; }
    .recent-post-three-column ul li {
      padding-bottom: 25px; }
      .recent-post-three-column ul li a {
        color: #3E3E3E;
        cursor: pointer; }
        .recent-post-three-column ul li a:before {
          content: '>>';
          padding-right: 5px; }
        .recent-post-three-column ul li a:hover {
          color: #d9d9d9; }
  .recent-post-three-column h3 {
    font-size: 23px;
    color: #3E3E3E;
    font-weight: 400;
    margin: 0;
    margin-top: 30px;
    padding-bottom: 25px; }

.center-three-column {
  border-right: solid 1px #f7f7f7;
  border-left: solid 1px #f7f7f7;
  padding: 0px 31px;
  margin: 0px 0px 30px 0px; }
  .center-three-column h2 {
    margin-top: 15px; }
  .center-three-column .img-wrap-basic {
    padding-right: 20px;
    margin: 0 auto; }
    .center-three-column .img-wrap-basic img {
      -webkit-box-shadow: 20px 20px 0px #d9d9d9;
         -moz-box-shadow: 20px 20px 0px #d9d9d9;
              box-shadow: 20px 20px 0px #d9d9d9;
      margin-top: 14px;
      margin-bottom: 54px;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }

.right-sidebar {
  padding-top: 300px;
  max-width: 292px; }
  .right-sidebar .sidebar-item {
    margin-bottom: 25px;
    border-bottom: solid 1px #f7f7f7; }
    .right-sidebar .sidebar-item h3 {
      font-size: 23px;
      text-align: left;
      text-transform: none;
      font-weight: 400; }
    .right-sidebar .sidebar-item p {
      font-size: 18px;
      font-weight: 400; }

@media only screen and (max-width: 1024px) {
  .row-fluid .span3.flex-item1 {
    padding-left: 20px;
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-order: 3;
    width: 50%;
    margin-bottom: 30px; }
    .row-fluid .span3.flex-item1 .subscribe-three-column {
      display: none; }
    .row-fluid .span3.flex-item1 .recent-post-three-column {
      border-top: none;
      padding-top: 0px; }
      .row-fluid .span3.flex-item1 .recent-post-three-column h3 {
        margin-top: 20px;
        padding-bottom: 25px; }
  .row-fluid .span6.flex-item2 {
    width: 100%;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-order: 1;
    margin-left: 0; }
    .row-fluid .span6.flex-item2 .center-three-column {
      border: none;
      border-bottom: solid 1px #ebebeb;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 25px; }
  .row-fluid .span3.flex-item3 {
    margin-left: 0px;
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-order: 2;
    width: 50%;
    border-right: solid 1px #ebebeb;
    margin-bottom: 30px; }
    .row-fluid .span3.flex-item3 .right-sidebar {
      padding: 0px 10px;
      max-width: 100%; } }

@media only screen and (max-width: 768px) {
  .row-fluid .span3.flex-item1 {
    padding-left: 20px;
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-order: 3;
    width: 100%;
    margin-bottom: 30px; }
    .row-fluid .span3.flex-item1 .left-sidebar {
      width: 100%;
      margin-left: 0px; }
      .row-fluid .span3.flex-item1 .left-sidebar .subscribe-three-column {
        display: none; }
      .row-fluid .span3.flex-item1 .left-sidebar .recent-post-three-column {
        width: 100%;
        border-bottom: solid 1px #ebebeb;
        border-top: solid 1px #ebebeb; }
        .row-fluid .span3.flex-item1 .left-sidebar .recent-post-three-column h3 {
          margin-top: 20px;
          padding-bottom: 25px; }
  .row-fluid .span6.flex-item2 {
    width: 100%;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-order: 1;
    margin-left: 0; }
    .row-fluid .span6.flex-item2 .center-three-column {
      border: none;
      border-bottom: solid 1px #ebebeb;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 25px; }
  .row-fluid .span3.flex-item3 {
    margin-left: 0;
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-order: 2;
    width: 100%;
    border-right: none;
    margin-bottom: 30px; }
    .row-fluid .span3.flex-item3 .right-sidebar {
      padding: 0px 10px;
      max-width: 100%; }
  .right-sidebar .sidebar-item {
    border-top: none;
    border-bottom: none; } }

/********************************************************/
/********************************************************/
/*******  Website/_three-column-basic.scss *******/
/********************************************************/
/********************************************************/
.center-three-column-equal {
  padding: 0px 0px;
  margin: 0px 0px 20px 0px; }
  .center-three-column-equal h2 {
    margin-top: 15px; }
  .center-three-column-equal .img-wrap-basic {
    margin: 0 auto; }
    .center-three-column-equal .img-wrap-basic img {
      margin-top: 14px;
      margin-bottom: 34px; }

.right-sidebar-equal {
  padding-top: 0px;
  max-width: 100%; }
  .right-sidebar-equal .sidebar-item {
    margin-bottom: 25px;
    border-bottom: solid 1px #f7f7f7; }
    .right-sidebar-equal .sidebar-item h3 {
      font-size: 23px;
      text-align: left;
      text-transform: none;
      font-weight: 400; }
    .right-sidebar-equal .sidebar-item p {
      font-size: 18px;
      color: #3E3E3E;
      font-weight: 400; }
  .right-sidebar-equal .cta-box {
    width: 360px;
    max-width: 360px;
    -webkit-background-size: cover !important;
       -moz-background-size: cover !important;
         -o-background-size: cover !important;
            background-size: cover !important;
    height: 328px; }
    @media only screen and (max-width: 400px) {
      .right-sidebar-equal .cta-box {
        width: auto; } }
    .right-sidebar-equal .cta-box .cta-wrap {
      margin: 0 auto; }

@media only screen and (max-width: 1024px) {
  .row-fluid .span4.flex-item1 {
    padding-left: 20px;
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-order: 3;
    width: 50%;
    margin-bottom: 30px; }
    .row-fluid .span4.flex-item1 .subscribe-three-column {
      display: none; }
    .row-fluid .span4.flex-item1 .recent-post-three-column {
      border-top: none;
      padding-top: 0px; }
      .row-fluid .span4.flex-item1 .recent-post-three-column h3 {
        margin-top: 20px;
        padding-bottom: 25px; }
  .row-fluid .span4.flex-item2 {
    width: 100%;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-order: 1;
    margin-left: 0; }
    .row-fluid .span4.flex-item2 .center-three-column-equal {
      border: none;
      border-bottom: solid 1px #ebebeb;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 25px; }
  .row-fluid .span4.flex-item3 {
    margin-left: 0px;
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-order: 2;
    width: 50%;
    border-right: solid 1px #ebebeb;
    margin-bottom: 30px; }
    .row-fluid .span4.flex-item3 .right-sidebar-equal {
      padding: 0px 10px;
      max-width: 100%; } }

@media only screen and (max-width: 768px) {
  .row-fluid .span4.flex-item1 {
    padding-left: 20px;
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-order: 3;
    width: 100%;
    margin-bottom: 30px; }
    .row-fluid .span4.flex-item1 .left-sidebar {
      width: 100%;
      margin-left: 0px; }
      .row-fluid .span4.flex-item1 .left-sidebar .subscribe-three-column {
        display: none; }
      .row-fluid .span4.flex-item1 .left-sidebar .recent-post-three-column {
        width: 100%;
        border-bottom: solid 1px #ebebeb;
        border-top: solid 1px #ebebeb; }
        .row-fluid .span4.flex-item1 .left-sidebar .recent-post-three-column h3 {
          margin-top: 20px;
          padding-bottom: 25px; }
  .row-fluid .span4.flex-item2 {
    width: 100%;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-order: 1;
    margin-left: 0; }
    .row-fluid .span4.flex-item2 .center-three-column-equal {
      border: none;
      border-bottom: solid 1px #ebebeb;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 25px; }
  .row-fluid .span4.flex-item3 {
    margin-left: 0;
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-order: 2;
    width: 100%;
    border-right: none;
    border-top: none;
    margin-bottom: 30px; }
    .row-fluid .span4.flex-item3 .right-sidebar-equal {
      padding: 0px 10px;
      max-width: 100%; }
  .right-sidebar-equal .sidebar-item {
    border-top: none;
    border-bottom: none; } }

/* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
@media only screen and (min-width: 1024px) {
  _::-webkit-full-page-media, _:future, :root .three-column-safari-wrap .row-fluid .span4 {
    width: 31%; }
  _::-webkit-full-page-media, _:future, :root .three-column-safari-wrap .row-fluid .span3 {
    width: 22%; } }

/********************************************************/
/********************************************************/
/*******  Website/_three-column-equal-basic.scss *******/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/*******  Website/_three-column-hero-banner.scss *******/
/********************************************************/
/********************************************************/

.sidebar-submenu {
  border-bottom: solid 1px #f6f6f6;
  margin-top: 60px; }

@media only screen and (max-width: 970px) {
    .sidebar-submenu {
       margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
  .sidebar-submenu {
    border-bottom: solid 1px #f6f6f6;
    border-top: solid 1px #f6f6f6;
    padding-top: 25px; }
}

.sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical li a {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: visible;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 16px;
   -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none; }

.sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
  position: static;
  top: 0;
  left: 0px; }

.sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li ul.hs-menu-children-wrapper {
  display: none;}
.sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.show-submenu ul.hs-menu-children-wrapper {
  display: block;}

.sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.show-submenu > ul.hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
  position: static;
  top: 0;
  left: 0px; }

.sidebar-submenu li.hs-item-has-children > a:after {
    font-weight: bold;
    content: '\002B';
    position: absolute;
    right: 15px;
}

.sidebar-submenu li.hs-item-has-children.show-submenu > a:after {
   content: '\2212';
}
.sidebar-submenu ul.active-branch>li > a:after {
    /*font-family: 'FontAwesome';*/
    /*speak: none;*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*font-variant: normal;*/
    /*text-transform: none;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
    /*display: inline-block;*/
    /*content: '\f055';*/
    /*margin-top: -9px;*/
    /*font-size: 18px;*/
    /*color: WHITE;*/
    /*position: absolute;*/
    /*right: 18px;*/
    /*top: 18px;*/
}
.sidebar-submenu ul.active-branch>li.show-submenu > a:after {
    content: '\f056' !important;
}
.sidebar-submenu ul.active-branch>li li.hs-menu-depth-2>a:after {
    display: none;
}

@media only screen and (max-width: 970px) {
    .sidebar-submenu ul.active-branch>li.hs-menu-depth-1 > a:after {
        display: none;
    }
    .sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical li a {
        padding: 10px 10px 10px 15px;
    }
}
.sidebar-submenu ul li a {
  color: #3E3E3E; }

.sidebar-submenu ul li a:hover,
.sidebar-submenu li.show-submenu > a,
.sidebar-submenu ul li.hs-menu-depth-1 > a {
  background: #3E3E3E;
  color: #fff; }

.sidebar-submenu ul li.show-submenu > ul.hs-menu-children-wrapper {
  border-left: solid 1px #3E3E3E; }

.sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li {
  border: none;
  position: relative; }

.sidebar-submenu li.active-submenu {
  background: #3E3E3E;
  color: #fff; }

.sidebar-submenu li.active-submenu a {
  color: #fff; }
.sidebar-submenu li.active a {
    font-weight: bold;
}
.sidebar-submenu li.active-submenu-pointer:before,
.sidebar-submenu li.active:before {
  content: "";
  display: block;
  background: #3E3E3E;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  left: -4px;
  top: 18px; }

.sidebar-submenu li.active-submenu-pointer a,
.sidebar-submenu li.active a  {
    font-weight: bold;
}

.sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a:hover {
  background: none;
  color: #3E3E3E; }

.sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a:hover:before {
  content: "";
  display: block;
  background: #3E3E3E;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  left: -4px;
  top: 18px; }

@media (max-width: 767px) {
  .sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical li a {
    font-size: 18px; } }

/********************************************************/
/********************************************************/
/*******  Website/_two-column-basic-submenu.scss *******/
/********************************************************/
/********************************************************/
.two-column-left-content {
  border-right: solid 1px #f7f7f7;
  padding-right: 28px;
  margin: 0;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .two-column-left-content {
      border-right: none;
      padding-right: 0px; } }
  .two-column-left-content .widget-type-rich_text h2 {
    margin-top: 10px; }
  .two-column-left-content .widget-type-rich_text--last p:last-child {
    margin-bottom: 22px; }
  .two-column-left-content .img-wrap-basic {
    padding-right: 30px; }
    @media only screen and (max-width: 480px) {
      .two-column-left-content .img-wrap-basic {
        padding-right: 15px; } }
    .two-column-left-content .img-wrap-basic img {
      -webkit-box-shadow: 30px 30px 0px #d9d9d9;
         -moz-box-shadow: 30px 30px 0px #d9d9d9;
              box-shadow: 30px 30px 0px #d9d9d9;
      margin-top: 30px;
      margin-bottom: 72px; }
      @media only screen and (max-width: 480px) {
        .two-column-left-content .img-wrap-basic img {
          -webkit-box-shadow: 15px 15px 0px #d9d9d9;
             -moz-box-shadow: 15px 15px 0px #d9d9d9;
                  box-shadow: 15px 15px 0px #d9d9d9;
          margin-top: 10px;
          margin-bottom: 39px; } }

.right-sidebar {
  padding-top: 0px;
  max-width: 292px; }
  @media only screen and (max-width: 767px) {
    .right-sidebar {
      padding-top: 0px;
      max-width: 100%; } }
  .right-sidebar .sidebar-item {
    margin-bottom: 25px;
    border-bottom: solid 1px #f7f7f7; }
    @media only screen and (max-width: 767px) {
      .right-sidebar .sidebar-item {
        padding-top: 0px;
        max-width: 100%; } }
    .right-sidebar .sidebar-item h3 {
      font-size: 23px;
      color: #3E3E3E;
      text-align: left;
      text-transform: none;
      font-weight: 400;
      margin-top: 15px; }
    .right-sidebar .sidebar-item p {
      font-size: 18px;
      color: #3E3E3E;
      font-weight: 400; }

.sm-slider-wrapper {
  height: 500px;
  overflow: hidden;
  margin-top: 70px; }

/********************************************************/
/********************************************************/
/*******  Website/_two-column-basic.scss *******/
/********************************************************/
/********************************************************/
.equal-content .equal-border {
  width: 95%;
  height: 1px;
  background-color: #f7f7f7;
  /* margin: 40px auto 0px auto; */ }

.equal-content .equal-border.no-line {
     background-color: inherit !important;
}
.equal-row {
  margin: 0 auto; }
  .equal-row .right-img {
    padding: 0 2%;              /*----- 7/28 Edited by TuanDV .text-and-image-overflow -----*/
    text-align: right; }
  .equal-row .left-img {
    padding: 0 2%;              /*----- 7/28 Edited by TuanDV .text-and-image-overflow -----*/
    /* text-align: left; */
    text-align: center; }
.equal-row .left-img .pop,
.services .box-services.service-popup .pop,
.custom-module.editor-text .pop,
.post-body .pop-img .pop {
    position: relative;
    display: block;
}
.equal-row .left-img .pop:hover,
.custom-module.editor-text .pop:hover {
    opacity: 0.7;
}
.equal-row .left-img .pop:hover .zoom-icon,
.services .box-services.service-popup .pop:hover .zoom-icon,
.custom-module.editor-text .pop:hover .zoom-icon {
  visibility: visible;
  opacity: 1;
}
.equal-row .left-img .pop .zoom-icon,
.services .box-services.service-popup .pop .zoom-icon,
.custom-module.editor-text .pop .zoom-icon,
.post-body .pop-img .pop .zoom-icon {
    color: rgba(0, 0, 0, 0.3);
    font-size: 20px;
    position: absolute;
    top: -15px;
    right: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms, visibility 300ms;
  transition: opacity 300ms, visibility 300ms;
}
.equal-text-right {
  padding-left: 20px; }

.equal-text-left {
  padding-right: 20px; }

.block_bg_fixed {
    background-attachment: fixed;
    background-position: center center;
}
.block_bg_cover {
    background-position: center center;
    background-size:cover;
}
.block_bg_pattern {
    background-repeat: repeat;
}
.equal-content.block_bg.block_top03 {
    background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/top_block01.jpg);
    background-position: center center;
    color: #FFF;
}

.equal-content.block_bg.block_top03 h2,
.equal-content.block_bg.block_top03 p,
.equal-content.block_bg.block_text_white h2,
.equal-content.block_bg.block_text_white p{
    color: #FFF;
}

@media only screen and (max-width: 768px) {
  .equal-row .img-wrap-basic {
    padding: 0;
    text-align: center;
    margin-right: 15px; }

  .equal-row .right-img, .equal-row .text-img  {
      text-align: center;
  }

   /*----- 7/28 Edited by TuanDV .text-and-image-overflow -----*/
  .equal-row .right-img,
  .equal-row .left-img {
       padding: 0px;
   }
    /*----- 7/28 Edited by TuanDV .text-and-image-overflow -----*/
}

.two-column-equal {
  padding-right: 0px; }

/********************************************************/
/********************************************************/
/*******  Website/_two-column-equal-basic.scss *******/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/*******  Website/_two-column-hero-banner.scss *******/
/********************************************************/
/********************************************************/
/****************************************
- 6L - LANDINGS
****************************************/
/* HEADER STYLES */
header .header .perma-fixed {
  background-color: #fff;
  border-bottom: 3px solid #efefef; }

header.header.perma-fixed {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
  header.header.perma-fixed .container {
    height: 100%; }
    header.header.perma-fixed .container > .span12 {
      height: 100%; }
      header.header.perma-fixed .container > .span12 > .row-fluid-wrapper {
        height: 100%; }
        header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 100%; }
          header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid > .span2.widget-span.widget-type-cell {
            width: 100%; }
          header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid > .span10.widget-span.widget-type-cell {
            width: auto; }
            @media (max-width: 400px) {
              header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid > .span10.widget-span.widget-type-cell {
                display: none; } }

/* HEADER STYLES END */
/* FOOTER STYLES */
.footer-container-wrapper {
  border: none;
  padding: 0; }
  .footer-container-wrapper .footer--landing {
    color: #999;
    min-height: 178px; /* 220px; */
    background-color: #4a4949;
    padding: 0; }
  .footer-container-wrapper .footer .container {
    position: relative; }
  .footer-container-wrapper .footer ul {
    text-align: center;
    overflow: auto;
    position: relative;
    left: 50%;
    margin-left: -125px;
    margin-top: 60px;
    max-width: 250px; }
    .footer-container-wrapper .footer ul li {
      list-style-type: none;
      float: left; }
      .footer-container-wrapper .footer ul li a i {
        background: #fff;
        color: #4a4949;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        font-size: 25px;
        text-align: center;
        margin-right: 10px;
        padding-top: 15%; }
  .footer-container-wrapper .footer .footer-copyright {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Palanquin';
    color: #fff;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }

/*    .footer-container-wrapper .landing-book {
        min-height: 67px;
        height: 67px;
    }
*/
    .footer-container-wrapper .landing-book .footer-copyright {
        color: #bcbcbc;
        margin-top: 0px;
        margin-bottom: 0px;
/*        line-height: 67px; */
    }
    .footer-container-wrapper .landing-book .footer-copyright span {
         font-size: 12px;
    }

    @media only screen and (max-width: 767px) {
/*        .footer-container-wrapper .landing-book {
            min-height: 60px;
            height: 60px;
        }
*/
        .footer-container-wrapper .landing-book .footer-copyright {
            line-height: 18px;
            padding-top: 12px;
            text-align: center;

            /* margin-top: 0px;
            margin-bottom: 0px;
            line-height: 60px; */
        }
         .footer-container-wrapper .landing-book .footer-copyright span {

         }
    }

    @media only screen and (max-width: 480px) {
        .footer-container-wrapper .landing-book .footer-copyright {
           line-height: 16px;
           padding-top: 12px; }
        .footer-container-wrapper .landing-book .footer-copyright span {
            font-size: 12px; }
    }

/* CUSTOM FOOTER LANDING PAGE */
@media only screen and (max-width: 480px) {
    .footer--landing .footer-copyright span {
        font-size: 12px;
    }
}
/* STICKY FOOTER */
.body-container-wrapper {
  min-height: -webkit-calc(100vh - 178px);
  min-height: -moz-calc(100vh - 178px);
  min-height: calc(100vh - 178px);
/*
  min-height: -webkit-calc(100vh - 218px);
  min-height: -moz-calc(100vh - 218px);
  min-height: calc(100vh - 218px);
*/
  /* Header + footer */ }

/* FOOTER STYLES ENDS */
.features-container {
  margin: 25px 0; }
  .features-container .hero-banner-form {
    z-index: 1;
    max-width: 430px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #f4f4f4;
    padding: 0 30px;
    margin: 0 auto; }
    .features-container .hero-banner-form .hs-error-msgs {
      list-style-type: none;
      margin-top: 5px; }
      .features-container .hero-banner-form .hs-error-msgs label {
        font-size: 14px; }
    .features-container .hero-banner-form h3 {
      font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
      font-weight: 600;
      font-size: 30px;
      line-height: 40px;
      color: #3E3E3E;
      text-align: center; }
      .features-container .hero-banner-form h3 span {
        color: #d9d9d9;
        margin-left: 2px;
        position: relative;
        letter-spacing: 3px; }
    .features-container .hero-banner-form .hs-form-field {
      margin-bottom: 20px;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none; }
      .features-container .hero-banner-form .hs-form-field .hs-form-required {
        display: none; }
      .features-container .hero-banner-form .hs-form-field .input input {
        border: none;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        background-color: #ffffff; }
      .features-container .hero-banner-form .hs-form-field .input textarea {
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px; }
      .features-container .hero-banner-form .hs-form-field .input .hs-input {
        font-size: 18px;
        font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
        font-weight: 400;
        color: #3E3E3E;
        height: 55px;
        border: none; }
        .features-container .hero-banner-form .hs-form-field .input .hs-input[id*="dropdown_example"] {
          color: rgba(98, 98, 98, 0.6);
          background-color: #fff; }
      .features-container .hero-banner-form .hs-form-field .input select {
        background-color: #fff;
        outline: 0;
        font-size: 16px;
        font-weight: 400;
        border: solid 1px  #d3d3d3;
        color: #3E3E3E;
        font-family: Palanquin, sans-serif;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-top: 0px;
        background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png");
        background-repeat: no-repeat;
        background-position-x: 98%;
        background-position-y: 56%;
        width: 100%;
        height: 55px; }
    .features-container .hero-banner-form .hs-button.primary.large {
      min-height: 27px;
      min-width: 134px;
      padding-top: 20px;
      padding-bottom: 20px;
      font: 300 22px/22px 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
      margin-bottom: 20px;
      width: 100%;
      /*
                cursor: pointer;
                background-color: #ffc400;
                border-radius: 4px;
                min-height: 27px;
                min-width: 134px;
                width: 100%;
                text-decoration: none;
                /* text-transform: uppercase */
                padding-top: 20px;
                padding-bottom: 20px;
                color: #ffffff;
                font: 300 22px / 22px Palanquin;
                transition: linear 0.3s all;
                border: none;
                margin-bottom: 20px;
                &:hover {
                    background-color: #fff;
                    color: #ffc400;
                }*/ }

.hs-error-msgs a {
  font-size: 14px;
  font-weight: bold;
  color: #F00; }

.box-white-bg {
  padding: 25px; }
  .box-white-bg .square-box {
    max-width: 370px;
    background-color: transparent;
    padding: 0; }
    .box-white-bg .square-box h4 {
      /* text-transform: uppercase */
      color: #d9d9d9;
      font-size: 24px;
      font-weight: 400; }
    .box-white-bg .square-box p {
      font-size: 16px;
      line-height: 24px;
      color: #3E3E3E; }
    .box-white-bg .square-box .icon i {
      height: 54px;
      width: 54px;
      font-size: 30px;
      background-color: #d9d9d9;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      padding: 12px;
      color: #FFFFFF; }

@media (max-width: 767px) {
  .square-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    margin: 0 auto; }
  .features-form .hs-cta-img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%); } }

@media (max-width: 1024px) {
  .landing-page-v1 .features-container .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0; }
  .landing-page-v1 .features-form img {
    display: block;
    margin: 0 auto; }
  .landing-page-v1 .features-container .square-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    margin: 0 auto;
    width: 100%; }
  .landing-page-v1 .features-container .box-white-bg .row-fluid .span6 {
    width: 48.618784527%;
    float: left; } }

@media (max-width: 676px) {
  .landing-page-v1 .features-container .box-white-bg .row-fluid .span6 {
    width: 100%;
    float: none; } }

/********************************************************/
/********************************************************/
/*******  Landing/_landing_basic_1.scss *******/
/********************************************************/
/********************************************************/
@media (max-width: 800px) {
  .landing-basic-2 .row-fluid [class*="span"] {
    float: none; } }

.landing-basic-2 .form-container {
  margin: 25px 0; }
  .landing-basic-2 .form-container .hero-banner-form {
    z-index: 1;
    max-width: 430px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #f4f4f4;
    padding: 0 30px;
    margin: 0 auto; }
    .landing-basic-2 .form-container .hero-banner-form .hs-error-msgs {
      list-style-type: none;
      margin-top: 5px; }
      .landing-basic-2 .form-container .hero-banner-form .hs-error-msgs label {
        font-size: 14px; }
    .landing-basic-2 .form-container .hero-banner-form h3 {
      font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
      font-weight: 600;
      font-size: 30px;
      line-height: 40px;
      color: #3E3E3E;
      text-align: center; }
      .landing-basic-2 .form-container .hero-banner-form h3 span {
        color: #d9d9d9;
        margin-left: 2px;
        position: relative;
        letter-spacing: 3px; }
    .landing-basic-2 .form-container .hero-banner-form .hs-form-field {
      margin-bottom: 20px;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none; }
      .landing-basic-2 .form-container .hero-banner-form .hs-form-field .hs-form-required {
        display: none; }
      .landing-basic-2 .form-container .hero-banner-form .hs-form-field .input input {
        border: none;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        background-color: #ffffff; }
      .landing-basic-2 .form-container .hero-banner-form .hs-form-field .input .hs-input {
        font-size: 18px;
        font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
        font-weight: 400;
        color: #3E3E3E;
        height: 55px;
        border: none; }
        .landing-basic-2 .form-container .hero-banner-form .hs-form-field .input .hs-input[id*="dropdown_example"] {
          color: rgba(98, 98, 98, 0.6);
          background-color: #fff; }
    .landing-basic-2 .form-container .hero-banner-form textarea {
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px; }
    .landing-basic-2 .form-container .hero-banner-form select {
      color: rgba(98, 98, 98, 0.6);
      background-color: #fff;
      outline: none;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
    .landing-basic-2 .form-container .hero-banner-form input[type="checkbox"].hs-input {
      height: 25px !important; }
    .landing-basic-2 .form-container .hero-banner-form input[type="radio"].hs-input {
      height: 25px !important; }
    .landing-basic-2 .form-container .hero-banner-form .hs-form-checkbox-display span {
      color: #3E3E3E; }
    .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large {
      min-height: 27px;
      min-width: 134px;
      padding-top: 20px;
      padding-bottom: 20px;
      font: 300 22px/22px 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
      margin-bottom: 20px;
      width: 100%;
      /*
                cursor: pointer;
                background-color: $mainColor;
                border-radius: 4px;
                min-height: 27px;
                min-width: 134px;
                width: 100%;
                text-decoration: none;
                text-transform: uppercase;
                padding-top: 20px;
                padding-bottom: 20px;
                color: #ffffff;
                font: 300 22px / 22px Palanquin;
                transition: linear 0.3s all;
                border: none;
                margin-bottom: 20px;
                &:hover {
                    background-color: #fff;
                    color: $mainColor;
                }*/ }

@media (max-width: 800px) {
  .landing-basic-2 .hero-banner-wrap {
    width: 100%; } }

.landing-basic-2 .body-container-wrapper {
  min-height: -webkit-calc(100vh - 219px);
  min-height: -moz-calc(100vh - 219px);
  min-height: calc(100vh - 219px);
  /* Header + footer */ }

/********************************************************/
/********************************************************/
/*******  Landing/_landing_basic_2.scss *******/
/********************************************************/
/********************************************************/
.content-landing-event-clock .widget-type-rich_text {
  padding-right: 50px; }
  @media only screen and (max-width: 768px) {
    .content-landing-event-clock .widget-type-rich_text {
      padding-right: 0px; } }
  .content-landing-event-clock .widget-type-rich_text .hs_cos_wrapper h1 {
    color: #3E3E3E;
    font-size: 50px;
    font-weight: 900;
    line-height: 65px;
    letter-spacing: 0.04em; }
    .content-landing-event-clock .widget-type-rich_text .hs_cos_wrapper h1 span {
      color: #d9d9d9;
      letter-spacing: 3px; }
  .content-landing-event-clock .widget-type-rich_text .hs_cos_wrapper p {
    padding-top: 30px;
    font-weight: 400; }

.content-landing-event-clock .form-landing-event-clock {
  max-width: 431px;
  min-height: 483px;
  background-color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  position: relative;
  top: -140px; }
  @media only screen and (max-width: 768px) {
    .content-landing-event-clock .form-landing-event-clock {
      max-width: 100%;
      top: 10px;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
      padding: 15px; } }
  .content-landing-event-clock .form-landing-event-clock h3 {
    color: #3E3E3E;
    margin: 0;
    padding: 0;
    font-size: 30px;
    text-align: center;
    letter-spacing: 1px;
    padding-bottom: 20px;
    letter-spacing: 0.04em; }
    .content-landing-event-clock .form-landing-event-clock h3 span {
      color: #d9d9d9;
      letter-spacing: 3px; }
  .content-landing-event-clock .form-landing-event-clock span.hs_cos_wrapper_type_form {
    color: #3E3E3E;
    display: block;
    margin: 0 auto;
    font-size: 36px; }
  .content-landing-event-clock .form-landing-event-clock form {
    background-color: #FFF; }
    .content-landing-event-clock .form-landing-event-clock form .input input {
      border: 1px solid #d3d3d3;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      margin: 0;
      margin-top: 6px;
      height: 51px;
      width: 100%;
      color: #3E3E3E;
      padding-left: 15px; }
      .content-landing-event-clock .form-landing-event-clock form .input input:focus {
        border: 1px solid #d9d9d9; }
    .content-landing-event-clock .form-landing-event-clock form textarea {
      border: solid 1px #d6d5d5;
      margin-top: 8px;
      color: #3E3E3E; }
      .content-landing-event-clock .form-landing-event-clock form textarea:focus {
        border: 1px solid #d9d9d9; }
    .content-landing-event-clock .form-landing-event-clock form .input input[type="checkbox"].hs-input {
      height: 25px;
      visibility: hidden;
      position: absolute; }
      .content-landing-event-clock .form-landing-event-clock form .input input[type="checkbox"].hs-input + span {
        padding-left: 20px; }
    .content-landing-event-clock .form-landing-event-clock form select {
      background-color: #fff;
      outline: 0;
      font-size: 16px;
      font-weight: 400;
      border: solid 1px  #d3d3d3;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      color: #3E3E3E;
      margin-top: 19px !important;
      font-family: Palanquin, sans-serif;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin-top: 0px;
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png");
      background-repeat: no-repeat;
      background-position-x: 98%;
      background-position-y: 56%;
      width: 100%;
      height: 51px; }
      .content-landing-event-clock .form-landing-event-clock form select:focus {
        border: 1px solid #d9d9d9; }
    .content-landing-event-clock .form-landing-event-clock form ul {
      padding-top: 0;
      margin: 0; }
      .content-landing-event-clock .form-landing-event-clock form ul li, .content-landing-event-clock .form-landing-event-clock form ul a {
        color: #d3d3d3;
        font-size: 16px; }
    .content-landing-event-clock .form-landing-event-clock form label span {
      color: #3E3E3E; }
    .content-landing-event-clock .form-landing-event-clock form .hs_submit input[type="submit"] {
      width: 100%;
      border: solid 2px #d9d9d9;
      margin: 0;
      height: 57px;
      text-transform: none;
      margin-top: 25px; }
      .content-landing-event-clock .form-landing-event-clock form .hs_submit input[type="submit"]:hover {
        background-color: #FFFFFF;
        color: #d9d9d9; }

.featured-box-white-bg {
  margin-top: -70px;
  border-top: solid 1px #f7f7f7;
  padding: 40px 0; }
  @media only screen and (max-width: 768px) {
    .featured-box-white-bg {
      margin-top: 80px; } }
  .featured-box-white-bg span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .featured-box-white-bg span .square-box {
      background-color: #fff;
      max-width: 380px; }
      .featured-box-white-bg span .square-box__image-container {
        background-color: #d9d9d9;
        text-align: center;
        width: 102px;
        height: 102px;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        margin: 0 auto;
        position: relative; }
        .featured-box-white-bg span .square-box__image-container img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
               -o-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        .featured-box-white-bg span .square-box__image-container .icon {
          color: #fff;
          font-size: 60px;
          line-height: 100px; }
      .featured-box-white-bg span .square-box__content {
        text-align: center; }
        .featured-box-white-bg span .square-box__content h4 {
          color: #d9d9d9;
          /* text-transform: uppercase */
          font-size: 24px;
          padding-top: 20px;
          font-weight: 400; }
        .featured-box-white-bg span .square-box__content p {
          color: #3E3E3E;
          font-size: 18px; }

.landing-event-sponsors .widget-type-rich_text h2 {
  color: #FFF;
  font-size: 40px;
  text-align: center;
  margin-top: 80px;
  font-weight: 400; }

.landing-event-sponsors .widget-type-rich_text p {
  color: #FFF;
  padding-top: 20px;
  font-weight: 400;
  display: block;
  text-align: center;
  width: 60%;
  margin: 0 auto; }

.landing-event-sponsors .slick-dots {
  display: block;
  left: 0; }

.landing-event-sponsors .slick-list {
  min-width: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 !important; }

.landing-event-sponsors .slick-arrow {
  display: none !important; }

.landing-event-sponsors button.slick-prev.slick-arrow + div.slick-list {
  display: block; }

.past-event-gallery .widget-type-rich_text .hs_cos_wrapper {
  text-align: center; }
  .past-event-gallery .widget-type-rich_text .hs_cos_wrapper h2 {
    color: #3E3E3E;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-top: 84px; }
    .past-event-gallery .widget-type-rich_text .hs_cos_wrapper h2 span {
      color: #d9d9d9;
      letter-spacing: 2px; }
  .past-event-gallery .widget-type-rich_text .hs_cos_wrapper p {
    display: block;
    text-align: center;
    width: 60%;
    padding: 0;
    margin: 50px auto;
    font-weight: 400; }

/********************************************************/
/********************************************************/
/*******  Landing/_landing_event_clock.scss *******/
/********************************************************/
/********************************************************/
.landing-hero select {
  background-color: #fff;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  border: solid 1px  #d3d3d3;
  color: #3E3E3E;
  margin-top: 19px !important;
  font-family: Palanquin, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 0px;
  background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 56%;
  width: 100%;
  height: 55px; }
  .landing-hero select option {
    background-color: #333; }

.landing-hero div.body-container-wrapper .header-spacer {
  background-color: #d9d9d9;
  height: 10px;
  width: 100%; }

.landing-hero div.body-container-wrapper .span12.widget-span.widget-type-cell {
  margin-left: 0; }

.landing-hero div.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4 {
  background-color: #d9d9d9; }
  .landing-hero div.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4 .hs_cos_wrapper.hs_cos_wrapper_widget_container.hs_cos_wrapper_type_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center; }
    @media (max-width: 767px) {
      .landing-hero div.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4 .hs_cos_wrapper.hs_cos_wrapper_widget_container.hs_cos_wrapper_type_widget_container {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }

.landing-hero div.body-container-wrapper .hero-landing-boxes .square-box {
  padding: 80px 50px; }
  @media (max-width: 767px) {
    .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box {
      padding: 20px 25px; } }
  .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box .square-box__image {
    height: auto; }
  .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box .square-box__content h4 {
    /* text-transform: uppercase */ }
  .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box .icon {
    color: #fff;
    font-size: 60px;
    line-height: 100px; }

.landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell {
  padding: 60px 0; }
  .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-image {
          margin: 25px; }
        .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content {
          margin: 25px; } }
    .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-image img {
      display: block;
      margin: 0 auto;
      -webkit-box-shadow: 20px 20px #d9d9d9;
         -moz-box-shadow: 20px 20px #d9d9d9;
              box-shadow: 20px 20px #d9d9d9; }
    .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content h2 {
      text-align: left;
      text-transform: none;
      color: #626262;
      font-size: 40px;
      line-height: 50px;
      font-weight: 400; }
      .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content h2 span {
        letter-spacing: 2px; }
    .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content p {
      color: #626262;
      font-size: 18px;
      line-height: 24px;
      font-weight: 400; }

.landing-hero div.body-container-wrapper .form-container .hero-banner-form {
  z-index: 1;
  max-width: 430px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #f4f4f4;
  padding: 0 30px;
  margin: 0 auto; }
  .landing-hero div.body-container-wrapper .form-container .hero-banner-form h3 {
    font-family: 'Palanquin';
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #626262;
    text-align: center; }
  .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none; }
    .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .hs-form-required {
      display: none; }
    .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .input input {
      border: none;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      background-color: #ffffff; }
    .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .input .hs-input {
      font-size: 18px;
      font-family: 'Palanquin';
      font-weight: 400;
      color: #626262;
      height: 55px;
      border: none; }
      .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .input .hs-input[id*="dropdown_example"] {
        color: rgba(98, 98, 98, 0.6);
        background-color: #fff; }
  .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large {
    min-height: 27px;
    min-width: 134px;
    width: 100%;
    margin-bottom: 20px; }

/********************************************************/
/********************************************************/
/*******  Landing/_landing_hero.scss *******/
/********************************************************/
/********************************************************/
.landing-v3-3-column .landing-v3-main-container {
  margin-top: 110px;
  margin-bottom: 55px; }
  .landing-v3-3-column .landing-v3-main-container .features-cta {
    padding-right: 20px;
    border-right: 1px solid #f9f9f9; }
    @media (max-width: 800px) {
      .landing-v3-3-column .landing-v3-main-container .features-cta {
        width: auto;
        padding: 0;
        border: none; }
        .landing-v3-3-column .landing-v3-main-container .features-cta img {
          margin: 0 auto;
          display: block; } }
  .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 800px) {
      .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text {
      margin: 0 20px; }
      @media (max-width: 800px) {
        .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text {
          width: auto;
          margin: 20px; } }
      .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text h1 {
        text-align: left;
        color: #3E3E3E;
        font-size: 40px;
        text-transform: none;
        font-weight: 400; }
        .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text h1 span {
          letter-spacing: 3px; }
      .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text p span {
        color: #d9d9d9;
        font-weight: bold; }
    .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper {
      width: auto;
      padding-left: 20px;
      border-left: 1px solid #f9f9f9;
      min-width: 27%; }
      @media (max-width: 800px) {
        .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper {
          margin: 20px auto;
          min-width: 280px;
          border: none;
          padding: 0; } }
      .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form {
        background-color: #f9f9f9;
        padding: 20px;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px; }
        .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form .hs-form-field {
          margin-bottom: 0; }
          .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form .hs-form-field .hs-error-msgs.inputs-list li {
            color: #3E3E3E;
            font-size: 18px; }
          .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form .hs-form-field .hs-error-msgs a {
            color: #3E3E3E;
            font-size: 18px; }
        .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form h3 {
          margin: 0;
          color: #3E3E3E;
          font-weight: 400;
          font-size: 30px; }
          .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form h3 span {
            margin-left: 10px;
            letter-spacing: 3px;
            color: #d9d9d9; }
        .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input {
          margin-top: 20px;
          background-color: #fff;
          -webkit-border-radius: 3px;
             -moz-border-radius: 3px;
                  border-radius: 3px;
          color: #3E3E3E;
          font-size: 18px; }
          .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span3.widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button {
            width: 100%; }

/********************************************************/
/********************************************************/
/*******  Landing/_landing_v3_3_column.scss *******/
/********************************************************/
/********************************************************/
/* Slick Slider */
/* Slick Slider */
.landing-video-v4 {
  /*----- Top Section -----*/
  /*SERVICE SECTION*/
  /*TESTIMONIALS*/ }
  .landing-video-v4 .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
    .landing-video-v4 .slick-slider .slick-track {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .landing-video-v4 .slick-slider .slick-list {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .landing-video-v4 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
    .landing-video-v4 .slick-list:focus {
      outline: none; }
  .landing-video-v4 .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .landing-video-v4 .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block; }
    .landing-video-v4 .slick-track:before {
      display: table;
      content: ''; }
    .landing-video-v4 .slick-track:after {
      display: table;
      content: '';
      clear: both; }
  .landing-video-v4 .slick-dots {
    bottom: -40px;
    width: 100%; }
    .landing-video-v4 .slick-dots li {
      margin: 0px; }
      .landing-video-v4 .slick-dots li button:before {
        font-size: 40px;
        color: #ffc400;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        transition: opacity .3s linear; }
  .landing-video-v4 .slick-loading .slick-track {
    visibility: hidden; }
  .landing-video-v4 .slick-loading .slick-slide {
    visibility: hidden; }
  .landing-video-v4 .slick-slide {
    outline: none;
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
    .landing-video-v4 .slick-slide img {
      display: block; }
  .landing-video-v4 [dir='rtl'] .slick-slide {
    float: right; }
  .landing-video-v4 .slick-slide.slick-loading img {
    display: none; }
  .landing-video-v4 .slick-slide.dragging img {
    pointer-events: none; }
  .landing-video-v4 .slick-initialized .slick-slide {
    display: block; }
  .landing-video-v4 .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .landing-video-v4 .slick-arrow.slick-hidden {
    display: none; }
  .landing-video-v4 .row-fluid .wrapper {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    float: none !important;
    display: block;
    margin: 0 auto !important;
    max-width: 1250px;
    padding: 0 15px; }
  .landing-video-v4 .row-fluid .set-bg {
    -webkit-background-size: cover !important;
       -moz-background-size: cover !important;
         -o-background-size: cover !important;
            background-size: cover !important;
    background-position: center;
    position: relative;
    color: #fff; }
  .landing-video-v4 .row-fluid .get-bg {
    display: none !important; }
  .landing-video-v4 .row-fluid .fullwidth {
    float: left;
    width: 100%; }
  .landing-video-v4 .row-fluid .text-center {
    text-align: center; }
  .landing-video-v4 .row-fluid img {
    max-width: 100%;
    height: auto;
    border: none; }
  .landing-video-v4 .row-fluid a {
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    color: #d9d9d9;
    vertical-align: top;
    white-space: none;
    -webkit-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    transition: ease all 0.4s; }
  .landing-video-v4 .row-fluid p {
    margin: 10px 0; }
  .landing-video-v4 .row-fluid input {
    border: none;
    outline: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    font-family: "Palanquin", sans-serif;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    border: none; }
  .landing-video-v4 .row-fluid select {
    border: none;
    outline: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    font-family: "Palanquin", sans-serif;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    border: none; }
  .landing-video-v4 .row-fluid textarea {
    border: none;
    outline: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    font-family: "Palanquin", sans-serif;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    border: none;
    height: 100px;
    line-height: 28px; }
  .landing-video-v4 .row-fluid input[type=submit] {
    cursor: pointer;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/blank.png");
    color: #fff;
    height: 40px;
    line-height: 40px;
    /* text-transform: uppercase */
    letter-spacing: 1px;
    -webkit-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    transition: ease all 0.4s;
    border: none; }
  .landing-video-v4 .row-fluid .hs-button {
    cursor: pointer;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/blank.png");
    color: #fff;
    height: 40px;
    line-height: 40px;
    /* text-transform: uppercase */
    letter-spacing: 1px;
    -webkit-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    transition: ease all 0.4s;
    border: none; }
  .landing-video-v4 .row-fluid .btn-design1 a {
    font-size: 16px;
    background: #ffc400;
    color: #FFF;
    padding: 10px 20px;
    display: inline-block;
    line-height: 22px;
    min-width: 155px;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    /* text-transform: uppercase */
    text-align: center; }
    .landing-video-v4 .row-fluid .btn-design1 a:hover {
      background: #626262; }
  .landing-video-v4 .row-fluid a.btn-design1 {
    font-size: 16px;
    background: #ffc400;
    color: #FFF;
    padding: 10px 20px;
    display: inline-block;
    line-height: 22px;
    min-width: 155px;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    /* text-transform: uppercase */
    text-align: center; }
    .landing-video-v4 .row-fluid a.btn-design1:hover {
      background: #626262; }
  .landing-video-v4 .row-fluid [class*="span"] {
    min-height: 0; }
  .landing-video-v4 .row-fluid .hs-error-msgs {
    text-align: left;
    padding: 0px;
    list-style: none;
    font-size: 13px; }
  .landing-video-v4 .row-fluid .top-section {
    position: relative;
    padding: 15px 0;
    -webkit-box-shadow: #ddd 0 2px 2px;
       -moz-box-shadow: #ddd 0 2px 2px;
            box-shadow: #ddd 0 2px 2px; }
    .landing-video-v4 .row-fluid .top-section img {
      margin-top: 12px; }
    .landing-video-v4 .row-fluid .top-section .cta_button {
      float: right; }
  .landing-video-v4 .row-fluid .hero-section {
    padding: 130px 0 45px;
    background: #fff;
    background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/landing-video-pattern_03.png");
    background-repeat: repeat; }
  .landing-video-v4 .row-fluid .video-code > div > span {
    float: left;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative; }
  .landing-video-v4 .row-fluid .video-code iframe {
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    position: absolute; }
  .landing-video-v4 .row-fluid .video-title {
    background: #f9f9f9;
    padding: 10px 20px 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }
    .landing-video-v4 .row-fluid .video-title h5 {
      font-size: 21px;
      padding-bottom: 0;
      margin: 0px;
      font-weight: 400; }
    .landing-video-v4 .row-fluid .video-title p {
      margin: 0px;
      font-weight: 400; }
  .landing-video-v4 .row-fluid .change-url {
    display: none; }
  .landing-video-v4 .row-fluid .hero-form {
    background: #f9f9f9;
    padding: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }
    .landing-video-v4 .row-fluid .hero-form .hs-form-required {
      display: none; }
    .landing-video-v4 .row-fluid .hero-form .form-title {
      display: inline-block;
      font-weight: 700;
      padding: 0 0 20px;
      margin: 0;
      color: #3E3E3E;
      font-size: 30px; }
      .landing-video-v4 .row-fluid .hero-form .form-title span {
        color: #d9d9d9;
        letter-spacing: 0.04em; }
    .landing-video-v4 .row-fluid .hero-form .field {
      margin-bottom: 20px; }
    .landing-video-v4 .row-fluid .hero-form input[type=text] {
      padding: 15px;
      height: 54px;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      font-size: 18px;
      font-weight: 400;
      background-color: #fff;
      margin-top: 0px;
      color: #626262; }
    .landing-video-v4 .row-fluid .hero-form input[type="checkbox"].hs-input + span:before {
      height: 10px; }
    .landing-video-v4 .row-fluid .hero-form select {
      padding: 15px;
      height: 54px;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      font-size: 18px;
      font-weight: 400;
      background-color: #fff;
      margin-top: 0px;
      color: #626262;
      padding-top: 7px !important; }
    .landing-video-v4 .row-fluid .hero-form input[type=email] {
      padding: 15px;
      height: 54px;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      font-size: 18px;
      font-weight: 400;
      background-color: #fff;
      margin-top: 0px;
      color: #626262; }
    .landing-video-v4 .row-fluid .hero-form input[type=tel] {
      padding: 15px;
      height: 54px;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      font-size: 18px;
      font-weight: 400;
      background-color: #fff;
      margin-top: 0px;
      color: #626262; }
    .landing-video-v4 .row-fluid .hero-form input[type=number] {
      padding: 15px;
      height: 54px;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      font-size: 18px;
      font-weight: 400;
      background-color: #fff;
      margin-top: 0px;
      color: #626262; }
    .landing-video-v4 .row-fluid .hero-form .hs-form-field {
      text-align: left;
      color: #626262; }
      .landing-video-v4 .row-fluid .hero-form .hs-form-field label span {
        color: #626262; }
    .landing-video-v4 .row-fluid .hero-form input[type=submit] {
      height: 54px;
      width: 100%;
      line-height: 1; }
  .landing-video-v4 * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .landing-video-v4 .hero-form ul li {
    color: #626262;
    font-size: 16px;
    padding-left: 5px;
    line-height: 24px; }
    .landing-video-v4 .hero-form ul li a {
      color: #626262;
      font-size: 16px;
      padding-left: 5px;
      line-height: 24px; }
  .landing-video-v4 .service-section {
    background: #d9d9d9;
    padding: 60px 0;
    text-align: center;
    color: #FFF; }
    .landing-video-v4 .service-section h4 {
      font-size: 24px;
      color: #FFF;
      /* text-transform: uppercase */ }
  .landing-video-v4 .service-boxes .hs_cos_wrapper_type_custom_widget {
    float: none;
    display: inline-block;
    width: 33.33%;
    margin-left: -4px;
    padding: 20px 30px;
    vertical-align: top; }
  .landing-video-v4 .service-icon {
    position: relative;
    float: none;
    display: inline-block;
    width: 100px;
    height: 100px;
    padding: 10px;
    margin-bottom: 10px; }
    .landing-video-v4 .service-icon img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .landing-video-v4 .testimonial-section {
    padding: 50px 0 80px;
    position: relative; }
    .landing-video-v4 .testimonial-section h2 {
      position: relative;
      color: #FFF;
      float: none;
      display: inline-block;
      margin-bottom: 35px;
      text-transform: none;
      font-size: 40px;
      font-weight: 400; }
      .landing-video-v4 .testimonial-section h2 span {
        color: #ffc400;
        letter-spacing: 0.04em; }
    .landing-video-v4 .testimonial-section:before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.14); }
    .landing-video-v4 .testimonial-section .slick-slider {
      position: relative; }
    .landing-video-v4 .testimonial-section .slick-slide {
      -webkit-transition: ease all 0.4s;
      -o-transition: ease all 0.4s;
      -moz-transition: ease all 0.4s;
      transition: ease all 0.4s;
      -webkit-transform: scale(0.8);
         -moz-transform: scale(0.8);
          -ms-transform: scale(0.8);
           -o-transform: scale(0.8);
              transform: scale(0.8); }
    .landing-video-v4 .testimonial-section .slick-slide.slick-current {
      -webkit-transform: scale(0.94);
         -moz-transform: scale(0.94);
          -ms-transform: scale(0.94);
           -o-transform: scale(0.94);
              transform: scale(0.94); }
    .landing-video-v4 .testimonial-section .testimonial-box {
      padding: 0 10px; }
      .landing-video-v4 .testimonial-section .testimonial-box:before {
        z-index: 9;
        background: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/quote.png") left top no-repeat;
        position: absolute;
        content: '';
        left: -8px;
        top: -7px;
        width: 36px;
        height: 36px;
        -webkit-background-size: contain;
           -moz-background-size: contain;
             -o-background-size: contain;
                background-size: contain; }
    .landing-video-v4 .testimonial-section .message {
      color: #626262;
      background: #FFF;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      padding: 20px 10px;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      position: relative;
      -webkit-box-shadow: 5px 5px 0px #ffc400;
         -moz-box-shadow: 5px 5px 0px #ffc400;
              box-shadow: 5px 5px 0px #ffc400; }
      .landing-video-v4 .testimonial-section .message:before {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -15px;
        border-left: transparent solid 15px;
        border-right: transparent solid 15px;
        border-top: #FFF solid 20px;
        width: 30px;
        height: 15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box; }
      .landing-video-v4 .testimonial-section .message:after {
        position: absolute;
        content: '';
        left: 13px;
        right: 0;
        margin: 0 auto;
        bottom: -16px;
        border-left: transparent solid 15px;
        border-right: transparent solid 15px;
        border-top: #FFC400 solid 20px;
        width: 30px;
        height: 15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        z-index: -1; }
    .landing-video-v4 .testimonial-section .slick-arrow {
      outline: none;
      display: inline-block;
      background: transparent;
      border: none;
      color: #FFF;
      font-size: 50px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
    .landing-video-v4 .testimonial-section .slick-prev {
      right: auto; }
  .landing-video-v4 .testimonial-box p {
    font-size: 18px;
    line-height: 24px; }
  .landing-video-v4 .testi-box {
    min-height: 65px;
    padding: 3px 0 0 80px;
    position: relative;
    margin-top: 20px;
    float: none;
    display: inline-block;
    text-align: left; }
    .landing-video-v4 .testi-box .testi-image {
      position: absolute;
      left: 0;
      top: 0;
      width: 65px;
      height: 65px;
      border: #ffc400 solid 3px;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      background: #ffc400; }
    .landing-video-v4 .testi-box h6 {
      color: #FFF;
      font-size: 18px;
      font-weight: 400; }
      .landing-video-v4 .testi-box h6 span {
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: 400; }
  @media (min-width: 992px) and (max-width: 1240px) {
    .landing-video-v4 .row-fluid .wrapper {
      max-width: 900px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .landing-video-v4 .row-fluid .wrapper {
      max-width: 700px; }
    .landing-video-v4 .row-fluid .hero-left {
      width: 100%; }
    .landing-video-v4 .row-fluid .hero-form {
      width: 100%;
      margin: 40px 0 10px; }
    .landing-video-v4 .row-fluid .testimonial-section .slick-slide {
      -webkit-transform: scale(0.94) !important;
         -moz-transform: scale(0.94) !important;
          -ms-transform: scale(0.94) !important;
           -o-transform: scale(0.94) !important;
              transform: scale(0.94) !important; }
    .landing-video-v4 .row-fluid .service-boxes .hs_cos_wrapper_type_custom_widget {
      padding: 10px; } }
  @media (min-width: 30px) and (max-width: 767px) {
    .landing-video-v4 .row-fluid .wrapper {
      max-width: 100%; }
    .landing-video-v4 .row-fluid .top-section {
      text-align: center; }
      .landing-video-v4 .row-fluid .top-section img {
        margin: 0 0 10px; }
      .landing-video-v4 .row-fluid .top-section .cta_button {
        float: none;
        display: inline-block;
        margin-top: 10px; }
    .landing-video-v4 .row-fluid .hero-form {
      width: 100%;
      margin: 40px 0 10px; }
    .landing-video-v4 .row-fluid .service-section {
      padding: 30px 0; }
    .landing-video-v4 .row-fluid .service-boxes .hs_cos_wrapper_type_custom_widget {
      margin: 0;
      width: 100%;
      padding: 20px 0; }
    .landing-video-v4 .row-fluid .testimonial-section {
      padding: 30px 0; }
      .landing-video-v4 .row-fluid .testimonial-section .slick-slide {
        -webkit-transform: scale(0.94) !important;
           -moz-transform: scale(0.94) !important;
            -ms-transform: scale(0.94) !important;
             -o-transform: scale(0.94) !important;
                transform: scale(0.94) !important; }
      .landing-video-v4 .row-fluid .testimonial-section h2 {
        font-size: 32px; } }

/********************************************************/
/********************************************************/
/*******  Landing/_landing_v4_video.scss *******/
/********************************************************/
/********************************************************/

/*----- 7/26 Edited by TuanDV -----*/
/*----- Fix LeadPlusV1 - Landing Page 8 Book (for Copy) -> Add Hero Banner Small, Smallese *//
/*
.landing .content-landing {
  margin-bottom: 65px; }
.landing .hero-banner {
  margin-bottom: 38px;
  letter-spacing: 0.095em;
  height: 400px; }

*/
/*----- End 7/26 Edited by TuanDV -----*/

.landing h2 {
  margin-top: -7px;
  margin-bottom: 33px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: none;
  font-weight: 400; }
  .landing h2 span {
    letter-spacing: 3px; }

.landing .hs_cos_wrapper_type_rich_text ul {
  padding-left: 30px; }
  .landing .hs_cos_wrapper_type_rich_text ul li {
    margin-bottom: 11px; }

.landing .header-form {
  position: relative;
  height: 132px;
  text-align: center;
  background-color: #3E3E3E; }
  .landing .header-form img {
    margin-top: 14px;
    width: 100%;
    height: 100%;
    max-width: 69px;
    max-height: 69px; }
  .landing .header-form h3 {
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
    margin-top: 8px;
    padding-bottom: 18px;
    margin-bottom: 0px; /*----- 7/27 Edited by TuanDV -----*/
    }
  .landing .header-form .trangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 15px 0 15px;
    border-color: #3E3E3E transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 0px;
    right: 0px;
    margin: 0 auto; }
  .landing .form-landing {
      background-color: #f9f9f9;
      border: solid 1px #ebebeb;
      border-radius: 5px;
  }
  .landing .form-landing .widget-type-form {
  text-align: center; }
  .landing .form-landing .widget-type-form .hs_cos_wrapper_type_form {
    line-height: 3;
    text-align: left; }
  .landing .form-landing .widget-type-form .hs-form-field {
    margin-bottom: 0px;  }
  .landing .form-landing .widget-type-form .form-title {
    /* display: none; */
    margin-top: 20px;
    margin-bottom: 0px; }
  .landing .form-landing .widget-type-form form {
    padding: 28px 16px 22px;
    border-top: none; }
    .landing .form-landing .widget-type-form form input {
      background-color: #fff;
      padding: 9px 20px;
      border: 1px solid #ebebeb;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      font-size: 16px;
      color: #3E3E3E;
      margin-top: 10px; }
    .landing .form-landing .widget-type-form form select {
      background-color: #fff;
      padding: 9px 20px;
      border: 1px solid #ebebeb;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      font-size: 16px;
      color: #626262;
      margin-top: 0px !important;
      background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 56%; }
    .landing .form-landing .widget-type-form form input[type="email"],
    .landing .form-landing .widget-type-form form .input .hs-input {    /*----- 7/26 Edited by TuanDV -----*/
        width: 100%;

    }
    .landing .form-landing .widget-type-form form .inputs-list li {
      line-height: 1;
      margin-top: -15px; }
      .landing .form-landing .widget-type-form form .inputs-list li label {
        line-height: 1.3; }
    .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input {
      padding-left: 9px !important; }
    .landing .form-landing .widget-type-form form input[type="radio"].hs-input {
      padding-left: 15px;
      padding-right: 0px; }
    .landing .form-landing .widget-type-form form label span {
      font-size: 16px;
      color: #3E3E3E;
      margin-top: 10px; }
    .landing .form-landing .widget-type-form form textarea {
      overflow: auto;
      padding: 7px 9px;
      font-size: 14px; }
    .landing .form-landing .widget-type-form form input.hs-button {
      width: 100%;          /*----- 7/27 Edited by TuanDV -----*/
      font-size: 22px;
      padding: 11px 40px;
      margin-top: 0px; }

    /*----- 7/26 Edited by TuanDV -----*/
    .landing .content-landing .lp-text h2:first-child {
        margin-top: 0px;
    }
    /*----- END 7/26 Edited by TuanDV -----*/


@media (max-width: 767px) {
 .landing .hero-banner {
     height: auto;
     padding: 30px;
 }
  .landing .column {
    margin-bottom: 30px; } }

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

.landing hr {
  border-top: #e1e1e1; }

.landing .widget-type-form label {
  font-size: 14px;
  color: #3E3E3E; }
  .landing .widget-type-form label a {
    font-size: 14px; }

.landing .social {
  margin-top: 18px;
  float: left;
  width: 100%; }
  .landing .social .social-main-icon {
    float: left;
    height: 45px;
    width: 45px;
    background-color: #d9d9d9; }
    .landing .social .social-main-icon i {
      font-size: 21px;
      margin-left: 13px;
      margin-top: 12px;
      color: #FFF; }
  .landing .social ul {
    padding-left: 18px;
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
    float: left; }
    @media (max-width: 335px) {
      .landing .social ul {
        padding-left: 5px; } }
    .landing .social ul li {
      height: 44px;
      width: 40px;
      list-style: none;
      display: inline-block; }
      .landing .social ul li a {
        padding-top: 4px;
        display: block;
        width: 100%;
        height: 43px;
        color: #d7d7d7;
        font-size: 25px;
        text-align: center;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s; }
        .landing .social ul li a:hover {
          color: #3E3E3E; }

/********************************************************/
/********************************************************/
/*******  .hs_privacy_policy_check *******/
/********************************************************/
/********************************************************/
/****************************************/
.landing .form-landing .widget-type-form form .hs_privacy_policy_check .inputs-list li {
        text-align: center;
}
.landing .form-landing .hs_privacy_policy_check, .hs_privacy_policy_check {
    margin-top: 0px;
    margin-bottom: 10px !important;
    /*text-align: center;*/
}
.landing .form-landing .hs_privacy_policy_check {
     margin-top: 10px;
}
.landing .form-landing .hs_privacy_policy_check .hs-input {
    width: auto !important;
}

.landing .form-landing .hs_privacy_policy_check label span {
    font-size: 13px !important;
}

.landing .form-landing .hs_privacy_policy_check label span:before {
    display: none !important;
}
.landing .form-landing .hs_privacy_policy_check label span:after {
    top: 15px !important;
}
.footer-info .hs-form .hs_privacy_policy_check .input input[type="checkbox"].hs-input:checked + span:after {
    color: #e0e0e0 !important;
}

@media (max-width: 971px) {
    .landing .form-landing .hs_privacy_policy_check {
         margin-top: 15px;
    }
}

/********************************************************/
/********************************************************/
/*******  Landing/_landing.scss *******/
/********************************************************/
/********************************************************/
/****************************************
- 7B - BLOGS
****************************************/
/*BLOG LISTING*/
.careers-with-search {
  background-color: #fff; }
  .careers-with-search:not(.hs-blog-post) {
    background-color: #fafafa; }
  .careers-with-search .careers-recent-post-heading {
    margin-top: 22px;
    margin-bottom: 27px; }
    .careers-with-search .careers-recent-post-heading h2 {
      text-align: center;
      letter-spacing: 0.04em; }
      .careers-with-search .careers-recent-post-heading h2 span {
        letter-spacing: 3px; }
  .careers-with-search .listing-careers-search {
    background-color: #fff;
    padding: 32px 0px 9px 0px;
    margin-bottom: 36px; }
    .careers-with-search .listing-careers-search .no-post {
      text-align: center;
      padding-bottom: 40px; }
    .careers-with-search .listing-careers-search .legend {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      max-width: 1115px;
      margin: 0 auto;
      padding: 3px 20px 27px 20px; }
      .careers-with-search .listing-careers-search .legend span {
        font-size: 14px;
        font-weight: 400;
        /* text-transform: uppercase */ }
        .careers-with-search .listing-careers-search .legend span.first {
          width: 65%;
          padding-right: 10px; }
        .careers-with-search .listing-careers-search .legend span.second {
          width: 20%;
          text-align: center; }
        .careers-with-search .listing-careers-search .legend span.third {
          width: 15%; }
      @media only screen and (max-width: 777px) {
        .careers-with-search .listing-careers-search .legend {
          display: none; } }
    .careers-with-search .listing-careers-search .single-post {
      max-width: 1115px;
      margin: 0 auto;
      padding: 3px 20px 15px 20px;
      border-top: 1px solid #fafafa;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .careers-with-search .listing-careers-search .single-post:first-child {
        border-top: none; }
      .careers-with-search .listing-careers-search .single-post:hover {
        background-color: #fafafa;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
           -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
                box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11); }
        .careers-with-search .listing-careers-search .single-post:hover .content-wrap a {
          color: #fff;
          background-color: #d9d9d9; }
      .careers-with-search .listing-careers-search .single-post:focus {
        background-color: #fafafa;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
           -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
                box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11); }
        .careers-with-search .listing-careers-search .single-post:focus .content-wrap a {
          color: #fff;
          background-color: #d9d9d9; }
      @media only screen and (max-width: 486px) {
        .careers-with-search .listing-careers-search .single-post {
          width: 95%; } }
      .careers-with-search .listing-careers-search .single-post h3 {
        margin: 0px;
        padding: 0px; }
        .careers-with-search .listing-careers-search .single-post h3 a {
          color: #3E3E3E;
          font-size: 20px;
          line-height: 36px;
          font-size: 300; }
    .careers-with-search .listing-careers-search .content-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      @media only screen and (max-width: 777px) {
        .careers-with-search .listing-careers-search .content-wrap {
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      @media only screen and (max-width: 486px) {
        .careers-with-search .listing-careers-search .content-wrap {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-flex-wrap: no-wrap;
              -ms-flex-wrap: no-wrap;
                  flex-wrap: no-wrap; } }
      .careers-with-search .listing-careers-search .content-wrap p {
        color: #999999;
        font-size: 16px;
        margin: 0px;
        padding: 0px;
        display: block;
        width: 65%;
        padding-right: 10px; }
        @media only screen and (max-width: 777px) {
          .careers-with-search .listing-careers-search .content-wrap p {
            width: 100%;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
               -moz-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            margin: 15px 0px; } }
        @media only screen and (max-width: 486px) {
          .careers-with-search .listing-careers-search .content-wrap p {
            width: 100%;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
               -moz-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
            margin: 15px 0px; } }
      .careers-with-search .listing-careers-search .content-wrap span {
        font-size: 16px;
        color: #999999;
        display: block;
        width: 20%;
        text-align: center;
        padding: 0px 10px 0px 10px; }
        .careers-with-search .listing-careers-search .content-wrap span small {
          color: #d9d9d9;
          font-size: 16px; }
        @media only screen and (max-width: 777px) {
          .careers-with-search .listing-careers-search .content-wrap span {
            width: 50%;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
               -moz-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
            text-align: left;
            padding: 0; } }
        @media only screen and (max-width: 486px) {
          .careers-with-search .listing-careers-search .content-wrap span {
            width: 100%;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
               -moz-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            text-align: left; } }
      .careers-with-search .listing-careers-search .content-wrap a {
        background-color: #fafafa;
        border: 1px solid #fafafa;
        width: 147px;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        color: #999;
        font-size: 16px;
        /* text-transform: uppercase */
        display: inline-block;
        text-align: center;
        padding: 12px 0px; }
        .careers-with-search .listing-careers-search .content-wrap a:hover {
          color: #fff;
          background-color: #d9d9d9; }
        @media only screen and (max-width: 777px) {
          .careers-with-search .listing-careers-search .content-wrap a {
            width: 50%;
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
               -moz-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3; } }
        @media only screen and (max-width: 486px) {
          .careers-with-search .listing-careers-search .content-wrap a {
            width: 100%;
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
               -moz-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3; } }
  .careers-with-search .jobs-pagination {
    width: 100%;
    padding-left: 0px;
    cursor: auto; }
    .careers-with-search .jobs-pagination .disabled {
      display: none; }
    .careers-with-search .jobs-pagination .clearfix {
      width: 100%;
      margin-top: 0px;
      margin-bottom: 59px; }
    .careers-with-search .jobs-pagination li {
      display: inline-block;
      background-color: #fff;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      margin-right: 3px; }
      .careers-with-search .jobs-pagination li a {
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        overflow: hidden;
        color: #3E3E3E;
        display: block;
        line-height: 22px;
        border: solid 1px #ebebeb;
        height: 27px;
        width: 24px;
        text-align: center;
        font-size: 16px;
        overflow: hidden; }
        .careers-with-search .jobs-pagination li a:hover {
          background-color: #d9d9d9;
          border: solid 1px #d9d9d9;
          color: #fff; }
      .careers-with-search .jobs-pagination li.active a {
        background-color: #d9d9d9;
        border: solid 1px #d9d9d9;
        color: #fff; }
  .careers-with-search .blog-email-subscription-careers {
    min-height: 321px; }
    .careers-with-search .blog-email-subscription-careers .mask, .careers-with-search .blog-email-subscription-careers .separator--contact__mask {
      background: rgba(62, 62, 62,0.6); }
    .careers-with-search .blog-email-subscription-careers h2 {
      color: #fff;
      font-size: 40px;
      text-transform: none;
      font-weight: 400;
      margin-bottom: 12px; }
    .careers-with-search .blog-email-subscription-careers h3 {
      font-size: 24px;
      margin-top: 0px;
      padding-top: 0px; }
    .careers-with-search .blog-email-subscription-careers input[type="email"] {
      width: 585px; }
      @media screen and (max-width: 1000px) {
        .careers-with-search .blog-email-subscription-careers input[type="email"] {
          width: 350px;
          margin-right: 0; } }
      @media screen and (max-width: 480px) {
        .careers-with-search .blog-email-subscription-careers input[type="email"] {
          width: 280px; } }
      .careers-with-search .blog-email-subscription-careers input[type="email"]::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #FFF; }
      .careers-with-search .blog-email-subscription-careers input[type="email"]::-moz-placeholder {
        /* Firefox 19+ */
        color: #FFF; }
      .careers-with-search .blog-email-subscription-careers input[type="email"]:-ms-input-placeholder {
        /* IE 10+ */
        color: #FFF; }
      .careers-with-search .blog-email-subscription-careers input[type="email"]:-moz-placeholder {
        /* Firefox 18- */
        color: #FFF; }

/*SINGLE POST*/
/********************************************************/
/********************************************************/
/*******  Blog/blog-v2-careers-with-search.scss *******/
/********************************************************/
/********************************************************/
/*BLOG LISTING*/
.rich-text-blog-careers {
  margin-top: 70px; }
  .rich-text-blog-careers h2 {
    letter-spacing: 0.04em; }
    .rich-text-blog-careers h2 span {
      letter-spacing: 3px; }

.listing-blog-careers {
  margin: 0px 0px 60px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    .listing-blog-careers {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .listing-blog-careers .single-post-wrap {
    width: 50%;
   /* max-width: 570px; */
    height: 395px; }
    @media only screen and (max-width: 767px) {
      .listing-blog-careers .single-post-wrap {
        width: 100%;
        margin: 0 auto; } }
    .listing-blog-careers .single-post-wrap .single-post {
      width: 100%;
      height: 395px; }
      @media only screen and (max-width: 767px) {
        .listing-blog-careers .single-post-wrap .single-post {
          position: relative; } }
    .listing-blog-careers .single-post-wrap .sinle-post-description {
      background: #d9d9d9;
      width: 281px;
      height: 337px;
      margin: 30px 0px 28px 25px;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .listing-blog-careers .single-post-wrap .sinle-post-description {
          position: absolute; } }
      @media only screen and (max-width: 359px) {
        .listing-blog-careers .single-post-wrap .sinle-post-description {
          margin: 15px 0px 14px 5px; } }
      .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 80%;
        height: 80%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        /* -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; */ }
        .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner h3 {
          margin: 0px 0px 30px 0px; }
          .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .content {
              margin-bottom: 30px;
          }
          .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner h3 a {
            font-size: 25px;
            color: #fff;
            font-weight: 600; }
        .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .content .short-desc-white {
          color: #fff;
          font-weight: 600;
          margin: 5px 0px 0px 0px; }
        .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .content .short-desc-brown {
          color: #3E3E3E;
          font-weight: 600;
          margin: 5px 0px 0px 0px; }
        .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button {
          width: 53px;
          height: 53px;
          border: 2px solid #3E3E3E;
          -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
                  border-radius: 50%;
          font-size: 30px;
          padding: 0;
          margin: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button:hover {
            border: 2px solid #fff !important; }
            .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button:hover i {
              color: #3E3E3E; }
          .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button i {
            margin-top: -5px;
            margin-left: 5px;
            font-size: 35px;
            -webkit-transition: all .6s ease;
            -o-transition: all .6s ease;
            -moz-transition: all .6s ease;
            transition: all .6s ease; }

/*SINGLE POST*/
.post-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px 0; }
  @media only screen and (max-width: 480px) {
    .post-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.blog-section .img-description {
  margin-right: 30px;
  width: 87px;
  height: 87px;
  background-color: #d9d9d9;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .blog-section .img-description {
      margin-right: 0px;
      margin-bottom: 10px; } }
  .blog-section .img-description img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto !important; }

@media only screen and (max-width: 480px) {
  .description {
    text-align: center; } }

.description h3 {
  padding: 0;
  margin: 0;
  letter-spacing: 0.04em; }
  .description h3 span {
    color: #3E3E3E;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 3px; }

.description span {
  font-size: 18px;
  color: #3E3E3E; }

@media only screen and (max-width: 480px) {
  .blog-careers .blog-section .post-body ul li {
    line-height: 25px; } }

.careers-form {
  width: 100%;
  min-height: 739px;
  background-position: center center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 0px; }
  .careers-form .careers-form-inner {
    width: 100%;
    min-height: 626px;
    margin: 0;
    background-color: rgba(62, 62, 62,0.9);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding: 15px 40px; }
    .careers-form .careers-form-inner .careers-form-wrap {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 20px 0px; }
      .careers-form .careers-form-inner .careers-form-wrap h3 {
        /* color: #d9d9d9; */
        /* text-transform: uppercase */
        color: #FFF;
        font-size: 33px;
        font-weight: 600;
        padding: 0;
        margin: 0px 0px 15px 0px; }
      .careers-form .careers-form-inner .careers-form-wrap p {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        margin: 0;
        line-height: 48px; }
        @media only screen and (max-width: 767px) {
          .careers-form .careers-form-inner .careers-form-wrap p {
            line-height: 28px; } }

.form-content {
  margin-top: 30px; }
  .form-content h3 {
    display: none; }
  .form-content .flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-top: 0px;
    margin-bottom: 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media only screen and (max-width: 767px) {
      .form-content .flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 30px; } }
    .form-content .flex-wrap .flex-left {
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 767px) {
        .form-content .flex-wrap .flex-left {
          min-height: initial;
          height: auto;
          margin-bottom: 40px; } }
      .form-content .flex-wrap .flex-left .hs-form-field {
        margin-bottom: 30px; }
      .form-content .flex-wrap .flex-left input {
        background: none;
        border: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 18px;
        line-height: 24px;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0; }
        .form-content .flex-wrap .flex-left input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #fff;
          font-weight: 400;
          line-height: 24px; }
        .form-content .flex-wrap .flex-left input::-moz-placeholder {
          /* Firefox 19+ */
          color: #fff;
          font-weight: 400; }
        .form-content .flex-wrap .flex-left input:-ms-input-placeholder {
          /* IE 10+ */
          color: #fff;
          font-weight: 400; }
        .form-content .flex-wrap .flex-left input:-moz-placeholder {
          /* Firefox 18- */
          color: #fff;
          font-weight: 400; }
      .form-content .flex-wrap .flex-left .hs_single_checkbox {
        padding: 0; }
      .form-content .flex-wrap .flex-left .hs-error-msgs {
        list-style: none; }
        .form-content .flex-wrap .flex-left .hs-error-msgs li label, .form-content .flex-wrap .flex-left .hs-error-msgs li a {
          color: #fff;
          font-size: 16px;
          padding-left: 5px; }
    .form-content .flex-wrap .flex-right {
      width: 100%;
      margin-left: 25px;
      height: 100%; }
      @media only screen and (max-width: 767px) {
        .form-content .flex-wrap .flex-right {
          margin-left: 0px;
          min-height: initial;
          height: auto; } }
      .form-content .flex-wrap .flex-right .hs_single_checkbox {
        padding: 0; }
        .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul {
          list-style: none;
          display: block;
          margin-left: 0px; }
          .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul li input {
            display: none; }
          .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul li span {
            display: inline-block;
            color: #fff;
            padding-left: 15px;
            margin-top: 20px; }
            @media only screen and (max-width: 767px) {
              .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul li span {
                margin-top: 30px; } }
      .form-content .flex-wrap .flex-right .hs_recruit_cv {
        text-align: center;
        width: 100%;
        font-size: 14px;
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        border: dotted 1px #fff;
        position: relative;
        margin-top: 35px;
        padding-bottom: 50px; }
        .form-content .flex-wrap .flex-right .hs_recruit_cv .hs-error-msgs {
            margin-top: -30px;
        }
        @media only screen and (max-width: 767px) {
          .form-content .flex-wrap .flex-right .hs_recruit_cv {
            margin-top: 0px; } }
        .form-content .flex-wrap .flex-right .hs_recruit_cv label span {
          display: block;
          padding: 90px 0px;
          text-align: center;
          color: #fff;
          font-weight: normal;}
         .form-content .flex-wrap .flex-right .hs_recruit_cv label span:first-child {
             height: 180px;
         }
        .form-content .flex-wrap .flex-right .hs_recruit_cv label span.hs-form-required {
             position: absolute;
             top: -120px;
             left: 43px;
             display: inline;
             color: #F00; }
        .form-content .flex-wrap .flex-right .hs_recruit_cv label strong {
          display: block;
          width: 40px;
          height: 40px;
          margin: 5px auto; }
        .form-content .flex-wrap .flex-right .hs_recruit_cv:before {
          display: block;
          content: "履歴書";
          color: #fff;
          position: absolute;
          top: -31px;
          font-weight: bold; }
        .form-content .flex-wrap .flex-right .hs_recruit_cv .input input[type="file"] {
          width: 100%;
          height: 100%;
          opacity: 0;
          overflow: hidden;
          position: absolute;
          display: block;
          background: red;
          top: 0;
          left: 0;
          margin: 0;
          -webkit-border-radius: 10px;
             -moz-border-radius: 10px;
                  border-radius: 10px;
          cursor: pointer; }

.careers-form input[type="submit"] {
  width: 139px;
  height: 55px;
  float: right;
  margin: 30px 0px 0px 0px !important; }

.careers-form .input input[type="checkbox"].hs-input + span:before {
  background-color: transparent !important; }

.careers-form select {
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  color: #fff;
  margin-top: 19px !important;
  font-family: Palanquin, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down.png");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 64%; }
  .careers-form select option {
    background-color: #ccc; }

.careers-form textarea {
  background: transparent;
  border: none;
  outline: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  color: #fff;
  margin-top: 38px;
  font-family: Palanquin, sans-serif;
  min-height: 130px;
  color: #fff; }
  .careers-form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    font-weight: 400;
    line-height: 24px; }
  .careers-form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-weight: 400; }
  .careers-form textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-weight: 400; }
  .careers-form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-weight: 400; }

.careers-form label span {
  color: #fff;
  font-weight: bold; }

.careers-form label span.hs-form-required {
    color: #F00;
}

/********************************************************/
/********************************************************/
/*******  Blog/blog-v2-careers.scss *******/
/********************************************************/
/********************************************************/
.sodium-blog .hs-error-msgs a {
  font-size: 18px; }

.sodium-blog .post-header {
  margin: 50px 0 30px; }

.sodium-blog hr {
  clear: both;
  border-bottom: 1px solid #f6f6f6;
  border-top: 0; }

.sodium-blog .hs-blog-listing .body-container-wrapper,
.sodium-blog .hs-blog-post .body-container-wrapper {
  margin-top: 70px; }

.sodium-blog .border-right {
  margin: 0;
 }
  @media (max-width: 767px) {
    .sodium-blog .border-right {
      border-right: 0;
      padding-right: 0; } }

.sodium-blog .listing-blog .single-post {
  position: relative;
  padding: 37px 0px; }
  .sodium-blog .listing-blog .single-post img {
    width: 100%; }
  .sodium-blog .listing-blog .single-post h3 {
    font-size: 22px;
    line-height: 1.5;
    color: #d9d9d9;
    font-weight: 400;
    margin-top: -8px;
    margin-bottom: 0px; }
    @media (max-width: 767px) {
      .sodium-blog .listing-blog .single-post h3 {
        margin-top: 5px; } }
  .sodium-blog .listing-blog .single-post .content {
    font-size: 16px;
    color: #3E3E3E;
    font-weight: normal;
    /* text-align: justify; */ }
  .sodium-blog .listing-blog .single-post a.button {
    margin-top: 25px;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    color: #FFFFFF;
    display: inline-block;
    padding: 8.5px 20px;
    position: absolute;
    bottom: 38px;
    font-size: 16px; }
    .sodium-blog .listing-blog .single-post a.button:hover {
      background-color: #FFFFFF;
      border-color: #d9d9d9;
      color: #d9d9d9; }
    @media (max-width: 1099px) {
      .sodium-blog .listing-blog .single-post a.button {
        position: static; } }
  .sodium-blog .listing-blog .single-post:first-child {
    padding-top: 0; }
  .sodium-blog .listing-blog .single-post:last-child {
    padding-bottom: 0; }
    .sodium-blog .listing-blog .single-post:last-child a.button {
      bottom: 0; }

.sodium-blog .listing-blog .post-details {
  padding: 0px;
  margin: 5px 0px 17px 0px; }
  .sodium-blog .listing-blog .post-details li {
    font-size: 14px;
    color: #3E3E3E;
    display: inline-block; }
    .sodium-blog .listing-blog .post-details li a {
      color: #3E3E3E;
      font-size: 14px; }
    .sodium-blog .listing-blog .post-details li i {
      color: #d9d9d9;
      font-size: 14px;
      font-size: 14px; }

.sodium-blog .listing-blog .pagination {
  margin-top: 10px;
  margin-bottom: 60px; }
  .sodium-blog .listing-blog .pagination .disabled {
    display: none; }
  .sodium-blog .listing-blog .pagination li {
    display: inline-block; }
    .sodium-blog .listing-blog .pagination li a,
    .sodium-blog .listing-blog .pagination li.active span {
      color: #3E3E3E;
      -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
              border-radius: 2px;
      display: block;
      line-height: 2.2;
      border: solid 1px #ebebeb;
      height: 37px;
      width: 34px;
      text-align: center;
      font-size: 16px; }
      .sodium-blog .listing-blog .pagination li a:hover {
        background-color: #d9d9d9;
        border: solid 1px #d9d9d9;
        color: #3E3E3E; }
    .sodium-blog .listing-blog .pagination li.active a,
    .sodium-blog .listing-blog .pagination li.active span {
      background-color: #d9d9d9;
      border: solid 1px #d9d9d9;
      color: #3E3E3E; }

.sodium-blog #captcha_wrapper #recaptcha_area,
.sodium-blog #captcha_wrapper #recaptcha_table {
  width: auto !important; }

.sodium-blog .blog-section {
  border-left: 1px solid #fafafa;
  position: relative; }

  .sodium-blog .blog-section #recaptcha_area,
  .sodium-blog .blog-section #recaptcha_table {
    margin-left: -3px; }
  .sodium-blog .blog-section a {
    /* color: #d9d9d9; */
    font-weight: bold;
    /* text-decoration: underline; */
  }
    .sodium-blog .blog-section a:hover {
      opacity: 0.7; }
  .sodium-blog .blog-section .post-body ul {
    list-style: none;
    padding-left: 40px; }
    .sodium-blog #maincontent-blog .blog-section .post-body ul {
        list-style: disc;
    }
    .sodium-blog .blog-section .post-body ul li {
      position: relative; }
  .sodium-blog .blog-section .post-body ol {
    counter-reset: li;
    list-style: none;
    padding-left: 40px; }
    .sodium-blog .blog-section .post-body ol li {
      font-size: 16px;
      position: relative; }
      .sodium-blog .blog-section .post-body ol li:before {
        color: #d9d9d9;
        counter-increment: li;
        content: counter(li);
        position: absolute;
        width: 22px;
        background-position: center;
        /* left: -25px; */
        left: -19px;
        top: 50%;
        display: block;
        font-size: 16px;
        font-weight: bold;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        vertical-align: middle;
        height: 22px; }
  .sodium-blog .blog-section .post-body h1,
  .sodium-blog .blog-section .post-body h2 {
    text-align: left; }
  .sodium-blog .blog-section .post-body blockquote {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 35px;
  padding: 20px;
  background-color: #f4f8f9; }
    .sodium-blog .blog-section .post-body blockquote:before {
      content: "\f10d";
      font-family: "FontAwesome";
      color: #d9d9d9;
      display: inline-block;
      padding-right: 10px;
      font-size: 25px;
      position: relative;
      top: 0px;
      line-height: 0; }
    .sodium-blog .blog-section .post-body blockquote:after {
      content: "\f10e";
      font-family: "FontAwesome";
      color: #d9d9d9;
      display: inline-block;
      padding-left: 10px;
      font-size: 25px;
      position: relative;
      bottom: -10px;
      line-height: 0; }
    .sodium-blog .blog-section .post-body blockquote p {
      display: inline; }
    .sodium-blog .blog-section .post-body figure figcaption {
         font-size: 14px;
         margin-top: 6px; }
    .sodium-blog .blog-section .post-body figure img {
        margin-bottom: 0px !important; }
    .sodium-blog .blog-section .post-body dl dt {
        margin: 10px 0px;
        font-weight: bold;  }
     .sodium-blog .blog-section .post-body dl dd {
        display: list-item;
        list-style-type: disc;  }
   /*----- END BLOG STYLE -----*/

  .sodium-blog .blog-section img {
    /* width: auto; */
    height: auto;
    max-width: 100% !important; }
    @media (max-width: 767px) {
    .sodium-blog .blog-section img {
        max-width: 100% !important;
         margin-bottom: 1.5em;  }
    }
  .sodium-blog .blog-section h2.blog-title {
    margin-top: 55px;
    font-size: 31px;
    color: #ffc400;
    text-align: left;
    font-weight: 400; }
  .sodium-blog .blog-section ul .social {
    padding: 0px;
    margin: 0px;
    margin-bottom: 40px; }
    .sodium-blog .blog-section ul .social li {
      margin-right: 10px;
      display: inline-block; }
      .sodium-blog .blog-section ul .social li:before {
        display: none; }
      .sodium-blog .blog-section ul .social li a {
        height: 42px;
        width: 42px;
        display: block;
        text-align: center;
        line-height: 42px;
        background-color: #d9d9d9;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
        border: solid 1px #d9d9d9;
        color: #FFFFFF; }
        .sodium-blog .blog-section ul .social li a:hover {
          background-color: #FFFFFF;
          color: #d9d9d9; }
        .sodium-blog .blog-section ul .social li a i {
          font-size: 20px; }
  .sodium-blog .blog-section .post-details {
    padding: 0px;
    margin: 3px 0px 22px 0px;
    margin-top: 50px; }
    .sodium-blog .blog-section .post-details li {
      font-size: 11px;
      color: #a09f9f;
      display: inline-block; }
      .sodium-blog .blog-section .post-details li a {
        color: #a09f9f; }
      .sodium-blog .blog-section .post-details li i {
        color: #d9d9d9;
        font-size: 11px; }

.sodium-blog .post-cta {
    text-align: center;
    margin: 30px 0; }

.sodium-blog.hs-blog-post .social-blog {
  overflow: hidden;
  height: 269px;
  position: absolute;
  border: 4px;
  overflow: hidden;
  width: 40px;
  -webkit-transform: translateX(-60px);
     -moz-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
       -o-transform: translateX(-60px);
          transform: translateX(-60px); }
  .sodium-blog.hs-blog-post .social-blog .social-list {
    height: 249px;
    position: absolute;
    left: 0; }
  .sodium-blog.hs-blog-post .social-blog ul {
    width: 40px; }
    .sodium-blog.hs-blog-post .social-blog ul li {
      background-color: #d9d9d9;
      list-style: none;
      width: 40px;
      height: 40px;
      padding: 5px 8px;
      margin-bottom: 1px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
      border: 2px solid #d9d9d9; }
      .sodium-blog.hs-blog-post .social-blog ul li:hover {
        background-color: #fff; }
      .sodium-blog.hs-blog-post .social-blog ul li:hover a {
        color: #d9d9d9; }
      .sodium-blog.hs-blog-post .social-blog ul li a {
        display: block;
        text-align: center;
        font-size: 20px;
        color: #FFFFFF; }
      .sodium-blog.hs-blog-post .social-blog ul li a .fa-hatena::before {
        content: "B!";
        font-family: Verdana;
        font-weight: bold;}
  .sodium-blog.hs-blog-post .social-blog .hide-arrow {
    background-color: #e1e1e1;
    color: #FFF;
    text-align: center;
    border: 0;
    display: block;
    font-size: 16px;
    width: 40px;
    padding: 1px 0;
    cursor: pointer;
    margin-top: 204px; }

.sodium-blog .side-bar-blog .block h3 {
  margin-top: 20px; }

.sodium-blog .side-bar-blog .about-this-blog-rt {
  margin-top: 50px;
  margin-bottom: 0; }
  .sodium-blog .side-bar-blog .about-this-blog-rt h3 {
    margin-bottom: 28px; }
.sodium-blog .sidebar-topic.box-item.sidebar-box-item {
  width: 100%;
}
.sodium-blog .side-bar-blog h3 {
  font-size: 23px;
  color: #3E3E3E;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 10px; }

.sodium-blog .side-bar-blog .widget-type-form .form-title {
  font-size: 23px;
  color: #3E3E3E;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 15px; }

.sodium-blog .side-bar-blog .cta {
  margin-bottom: 20px;
  text-align: center;
  /* background-color: #3E3E3E; */
}
.sodium-blog .side-bar-blog .cta a:hover {
  opacity: 1;
}

    .sodium-blog .side-bar-blog .cta.cta--seminar {
      margin-top: 25px;
    }

.sodium-blog .side-bar-blog ul {
  list-style-type: none; }
    .sodium-blog .side-bar-blog ul li a {
      display: block;
      text-transform: none;
      /* text-transform: capitalize; */
      color: #3E3E3E;
      font-size: 14px; }
      .sodium-blog .side-bar-blog ul li a:hover {
        color: #d9d9d9; }

.sodium-blog .side-bar-blog ::-webkit-input-placeholder,
.sodium-blog .side-bar-blog :-moz-placeholder,
.sodium-blog .side-bar-blog ::-moz-placeholder,
.sodium-blog .side-bar-blog :-ms-input-placeholder {
  color: #b7b7b7; }

.sodium-blog .side-bar-blog form .hs-form-field {
  margin-bottom: 10px; }

.sodium-blog .side-bar-blog form input {
  border: 0;
  border-bottom: dotted 1px #999;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #3E3E3E;
  font-size: 16px;
  margin-left: 0;
  padding-left: 0; }

.sodium-blog .side-bar-blog form label {
  font-size: 13px;
  font-weight: bold;
  color: #3E3E3E;
  position: relative; }
  .sodium-blog .side-bar-blog form label span {
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog form label span.hs-form-required {
    color: #FFF;
}

.sodium-blog .side-bar-blog form input[type="checkbox"] {
  position: relative;
  height: 3px;
  width: 15px;
  top: -6px;
  margin-right: 3px;
  visibility: hidden; }
  .sodium-blog .side-bar-blog form input[type="checkbox"] + span {
    color: #3E3E3E; }
  .sodium-blog .side-bar-blog form input[type="checkbox"] + span:before {
    content: "\f096";
    position: absolute;
    top: 5px;
    left: -1px;
    display: block;
    color: #e0e0e0;
    width: 16px;
    height: 16px;
    font-family: "FontAwesome"; }
  .sodium-blog .side-bar-blog form input[type="checkbox"]:checked + span:before {
    content: "\f14a";
    color: #d9d9d9; }

.sodium-blog .side-bar-blog form input[type="radio"] {
  position: relative;
  height: 3px;
  width: 15px;
  top: -6px;
  visibility: hidden;
  margin-right: 8px; }
  .sodium-blog .side-bar-blog form input[type="radio"] + span {
    color: #3E3E3E; }
  .sodium-blog .side-bar-blog form input[type="radio"] + span:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -1px;
    background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/radio.png");
    display: block;
    /* background-repeat: no-repeat; */
    width: 16px;
    height: 16px;
    background-position: 0px 0px; }
  .sodium-blog .side-bar-blog form input[type="radio"]:checked + span:before {
    background-position: 16px 0px; }

.sodium-blog .side-bar-blog form select {
  background-color: #fff;
  border: 0;
  outline: 0;
  font-size: 16px;
  border-bottom: solid 1px #ffc400;
  color: #626262;
  margin-top: 0px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-top: 0px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background-image: url("//685080.fs1.hubspotusercontent-na1.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow_down.png");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 64%; }

.sodium-blog .side-bar-blog form input[type="submit"] {
  background-color: #FFF;
  color: #3E3E3E;
  display: inline-block;
  font-size: 18px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  font-weight: bold;
  /* text-transform: uppercase */
  padding: 10px 45px;
  border: solid 1px #d9d9d9; }
  .sodium-blog .side-bar-blog form input[type="submit"]:hover {
    /*  border: solid 1px #d9d9d9;
       color: #3E3E3E; */
    /* background-color: #FFFFFF;
    border: solid 2px #d9d9d9;
    color: #d9d9d9;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; */ }

.sodium-blog .side-bar-blog form .hs_submit input {
  color: #3E3E3E;}
  .sodium-blog .side-bar-blog form .hs_submit input:hover {
    color: #3E3E3E; }

.sodium-blog .recent-posts {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: justify;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: justify; }
.sodium-blog .recent-posts a {
  width: 23%;
  margin-left: 1.0%;
  margin-right: 1.0%;
}
@media (max-width: 1099px) {
  .sodium-blog .recent-posts a {
    width: 48%;
  }
}
.sodium-blog .recent-post {
  overflow: hidden;
  width: 100%;
  max-width: 260px;
  position: relative;
  min-height: 190px;
  }
  .sodium-blog .recent-post .recent-post-featured-image {
    width: 100%;
    height: 110px;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover; }
  .sodium-blog .recent-post .recent-post-info {
    margin: 0;
    margin-top: 4px;
    font-family: 'Oswald',sans-serif;
    font-weight: bold;
    color: #3E3E3E;
    font-size: 11px; }
  .sodium-blog .recent-post .recent-post-title {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: bold;
    margin: 4px 0; }
  .sodium-blog .recent-post .recent-post-read-more {
    position: absolute;
    bottom: 10px;
    right: 10px; }
  @media (max-width: 1099px) {
    .sodium-blog .recent-post {
      margin-bottom: 10px;
      max-width: 520px; } }

.sodium-blog .recent-articles {
  margin-top: 30px;
  margin-bottom: 55px;
}
@media (max-width: 1099px) {
  .sodium-blog .recent-articles {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .sodium-blog .recent-articles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: justify;
        -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: justify;
  }
}
.sodium-blog .recent-articles a {
  display: block;
}
@media (min-width: 768px) {
  .sodium-blog .recent-articles a {
    width: 31%;
  }
  .sodium-blog .recent-articles a:not(:first-child) {
    margin-left: 3.5%;
  }
}
@media (max-width: 767px) {
  .sodium-blog .recent-articles a:not(:first-child) {
    margin-top: 28px;
  }
}
.sodium-blog .recent-article {
  width: 100%;
}
@media (min-width: 768px) {
  .sodium-blog .recent-article {
    overflow: hidden;
    max-width: 310px;
    min-height: 280px;
  }
}
@media (max-width: 767px) {
  .sodium-blog .recent-article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: justify;
        -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: justify;
  }
}
.sodium-blog .recent-article .recent-article-featured-image {
  width: 100%;
}
@media (max-width: 767px) {
  .sodium-blog .recent-article .recent-article-featured-image {
    width: 26%;
    margin-right: 15px;
  }
}
.sodium-blog .recent-article .recent-article-featured-image-inner {
  width: 100%;
  height: 0;
  padding-top: 56.1%;
  background-position: center center;
  -webkit-background-size: cover;
      -moz-background-size: cover;
        -o-background-size: cover;
          background-size: cover;
}
@media (max-width: 767px) {
  .sodium-blog .recent-article .recent-article-content {
    width: calc(100% - 26% - 15px);
  }
}
.sodium-blog .recent-article .recent-article-title {
  color: #3E3E3E;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin: 18px 0 8px;
}
@media (max-width: 767px) {
  .sodium-blog .recent-article .recent-article-title {
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 8px;
  }
}
.sodium-blog .recent-article .recent-article-description {
  color: #3E3E3E;
  font-size: 15px;
  line-height: 1.5;
  margin: 8px 0;
}
@media (max-width: 767px) {
  .sodium-blog .recent-article .recent-article-description {
    font-size: 13px;
    line-height: 1.7;
    margin: 8px 0 5px;
  }
}
.sodium-blog .recent-article .recent-article-tag {
  max-height: 55px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sodium-blog .recent-article .recent-article-tag {
    max-height: 53px;
    overflow: hidden;
  }
}

.sodium-blog #comment-form {
  margin-bottom: 30px; }
  .sodium-blog #comment-form input {
    border: solid 1px #f4f4f4; }
    .sodium-blog #comment-form input.hs-button {
      margin-top: 21px;
      background-color: #d9d9d9;
      border: solid 1px #d9d9d9;
      padding: 7px 40px;
      /* text-transform: uppercase */
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
      cursor: pointer;
      color: #FFFFFF;
      font-size: 18px; }
      .sodium-blog #comment-form input.hs-button:hover {
        background-color: #FFFFFF;
        color: #d9d9d9; }
    .sodium-blog #comment-form input:focus {
      border-color: #d9d9d9;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .sodium-blog #comment-form textarea {
    resize: none;
    min-height: 190px;
    border: solid 1px #f4f4f4;
    outline: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; }
    .sodium-blog #comment-form textarea:focus {
      border-color: #ffc400;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .sodium-blog #comment-form label {
    margin: 3px 0px;
    display: block; }
  .sodium-blog #comment-form h4 {
    font-size: 20px;
    font-weight: 600;
    color: #3E3E3E; }
    .sodium-blog #comment-form h4 a {
      font-size: 20px;
      font-weight: 600;
      color: #3E3E3E; }
      .sodium-blog #comment-form h4 a:hover {
        text-decoration: underline; }

.sodium-blog h3.title-comment {
  font-size: 12px;
  margin-bottom: 0;
  font-weight: bold;
  color: #3E3E3E;
}
.sodium-blog h3.title-comment span {
  font-size: 18px;
  font-family: 'Oswald',sans-serif;
  font-weight: bold;
  margin-right: 10px;
  color: #3E3E3E;
}
.sodium-blog h3.title-comment+hr.slash-2 {
  height: 8px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223px%22%20height%3D%223px%22%20viewBox%3D%220%200%203%203%22%20fill%3D%22hsla%25280%2C%200%25%2C%2065%25%2C%201.0%2529%22%3E%3Cpolygon%20points%3D%220%2C0.5%200%2C1.5%201.5%2C3%202.5%2C3%22%2F%3E%3Cpolygon%20points%3D%222.5%2C0%201.5%2C0%203%2C1.5%203%2C0.5%22%2F%3E%3C%2Fsvg%3E');
  background-size: 3px 3px;
  width: 100%;
  margin-bottom: 20px;
  border: none;
}
.sodium-blog #hubspot-topic_data {
  margin: 33px 0px;
  font-size: 16px;
}
.sodium-blog #hubspot-topic_data .post-categories {
  margin: 0;
  display: inline-block;
  list-style: none;
  padding-left: 0;
}
.sodium-blog #hubspot-topic_data .post-categories li {
  display: inline-block;
}
.sodium-blog #hubspot-topic_data .post-categories li:before {
  content: none;
}
.sodium-blog #hubspot-topic_data .post-categories li a {
  color: #fff;
  font-size: 0.75em;
  padding: 0.4em 0.5em;
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
  text-decoration: none;
}
.sodium-blog #hubspot-topic_data .post-categories li a:before {
  content: '\f07b';
  font-family: "fontawesome";
  margin-right: 0.2em;
}
.sodium-blog #hubspot-topic_data .post-categories li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.sodium-blog .comment-date {
  font-size: 14px !important; }

.sodium-blog .comment-reply-to {
  background: none !important;
  padding-left: 3px !important;
  font-size: 16px;
  color: #666 !important; }
  .sodium-blog .comment-reply-to:before {
    content: "\f122";
    font-family: FontAwesome;
    color: #d9d9d9;
    font-size: 17px;
    padding-right: 7px; }

.sodium-blog #comment-form .hs-form-required {
  display: none; }

.sodium-blog #comment-form ul.hs-error-msgs {
  list-style: none; }

.sodium-blog #comment-form #captcha_wrapper {
  margin-left: -3px;
  margin-bottom: 10px; }

.sodium-blog #comment-form .hs-form fieldset {
  max-width: 100%;
  margin-bottom: 10px; }
  .sodium-blog #comment-form .hs-form fieldset textarea.hs-input,
  .sodium-blog #comment-form .hs-form fieldset input[type="text"].hs-input,
  .sodium-blog #comment-form .hs-form fieldset input[type="email"].hs-input,
  .sodium-blog #comment-form .hs-form fieldset input[type="number"].hs-input {
    width: 100%;
    color: #3E3E3E;
    font-size: 14px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    padding: 9px 15px; }
  .sodium-blog #comment-form .hs-form fieldset input[type="radio"],
  .sodium-blog #comment-form .hs-form fieldset input[type="checkbox"] {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
    left: 2px; }
  .sodium-blog #comment-form .hs-form fieldset label {
    position: relative; }
  .sodium-blog #comment-form .hs-form fieldset input[type="checkbox"] {
    visibility: hidden; }
    .sodium-blog #comment-form .hs-form fieldset input[type="checkbox"] + span:before {
      content: "\f096";
      position: absolute;
      top: 5px;
      left: -1px;
      display: block;
      color: #e0e0e0;
      width: 16px;
      height: 16px;
      font-family: "FontAwesome"; }
    .sodium-blog #comment-form .hs-form fieldset input[type="checkbox"]:checked + span:before {
      content: "\f14a";
      color: #d9d9d9; }
  .sodium-blog #comment-form .hs-form fieldset input[type="radio"] {
    visibility: hidden; }
    .sodium-blog #comment-form .hs-form fieldset input[type="radio"] + span:before {
      content: "";
      position: absolute;
      top: 5px;
      left: -1px;
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/radio.png");
      display: block;
      width: 16px;
      height: 16px;
      background-position: left top; }
    .sodium-blog #comment-form .hs-form fieldset input[type="radio"]:checked + span:before {
      background-position: 16px 0px; }
  .sodium-blog #comment-form .hs-form fieldset.form-columns-1 > .hs-form-field:first-of-type .input {
    margin-right: 0px; }
  .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:last-of-type .input {
    margin-right: 0;
    margin-left: 4px; }
  .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:first-of-type .input {
    margin-right: 4px;
    margin-left: 0; }
  .sodium-blog #comment-form .hs-form fieldset.form-columns-2:first-of-type > .hs-form-field:nth-of-type(2) .input {
    margin-right: 4px;
    margin-left: 0; }

.sodium-blog .single-post-details {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 80px; }
  @media (max-width: 767px) {
    .sodium-blog .single-post-details {
      bottom: 60px;
      width: 100%; }
    .sodium-blog.hs-blog-listing .single-post-details {
      bottom: 80px;
    }
    }
  .sodium-blog .single-post-details .avatar {
    height: 70px;
    width: 70px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-background-size: cover;
            -moz-background-size: cover;
              -o-background-size: cover;
                 background-size: cover;
         box-sizing: border-box;
         background-position: center;
    float: left;
    display: block; }
    @media (max-width: 767px) {
      .sodium-blog .single-post-details .avatar {
        float: none;
        margin: 0 auto; } }
  .sodium-blog .single-post-details p {
    margin: 21px 0 0 82px;
    color: #FFF;
    white-space: nowrap; }
    .sodium-blog .color-bar .single-post-details p {
        color: #3E3E3E;
    }
    /*----- 7/28 Edited by TuanDV .sodium-blog (Fix display no avatar) -----*/
     .sodium-blog .single-post-details p.no-avatar {
          margin-left: 0px;
     }
     /*----- END 7/28 Edited by TuanDV -----*/
    .sodium-blog .small-header-for-blog.top .single-post-details {
      padding: 0 15px;
    }
    .sodium-blog .small-header-for-blog.top .single-post-details p {
      margin: 0;
    }
    @media (max-width: 767px) {
    .sodium-blog .single-post-details p {
        font-size: 14px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0;
        white-space: normal;
        text-align: center; }
      }
    @media screen and (max-width: 479px) {
    .small-header-for-blog h1 {
      font-size: 26px;
    }
    .sodium-blog .single-post-details p {
        font-size: 12px; }
    }

.sodium-blog .comment-from h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0px; }
  .sodium-blog .comment-from h4 a {
    color: #d9d9d9; }

.sodium-blog .comment-body {
  border: dashed 1px #dedede;
  border-left: solid 1px #d9d9d9;
  padding: 0px 20px;
  margin: 15px 0px; }

.sodium-blog .comment.depth-0:first-child {
  margin-top: 10px !important; }

.sodium-blog .section.post-body {
  border: 1px solid #ddd;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 10px;
  padding-bottom: 50px;
}
.post-body__text__count__display {
  display: flex;
  align-items: center;
  padding-bottom: 22px;
}
.post-body__text__count__display__text {
  font-size: 16px;
  color: #808080;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .post-body__text__count__display__text {
    font-size: 18px;
  }
}
.post-body__text__count__display .fa {
  margin-right: 8px;
  color: #808080;
}

.sodium-blog .blog-mobile-layout .section.post-body {
    padding-bottom: 90px !important;
}
.sodium-blog .section.post-body .youtube-container-pane {
    margin: 0 auto;
    max-width: 100% !important;
}
.sodium-blog .section.post-body .youtube-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.sodium-blog .section.post-body .youtube-container iframe {
   position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*----- BLOG STYLE ----- */
.sodium-blog .section.post-body pre, .sodium-blog .section.post-body code {
    font-family: 'Source Sans Pro';
     background-color: #f7f7f7;
    border: 1px solid #ddd;
    font-size: 13px;
    line-height: 19px;
    overflow-x: auto;
    overflow-y: auto;
    padding: 6px;
    border-radius: 3px;
    word-break : break-all;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .sodium-blog .section.post-body {
      padding-top: 10px;
  }
  .sodium-blog .blog-section,
  .sodium-blog .widget-type-blog_comments {
    padding-right: 0px; }
  .sodium-blog .widget-type-blog_content > .blog-section {
    padding-right: 0px; }
  .sodium-blog .side-bar-blog .widget-type-blog_subscribe {
    display: none; } }

@media screen and (max-width: 479px) {
  .sodium-blog #comment-form .hs-form fieldset {
    margin: 0px; }
    .sodium-blog #comment-form .hs-form fieldset .input {
      margin-bottom: 10px; }
    .sodium-blog #comment-form .hs-form fieldset input[type="radio"],
    .sodium-blog #comment-form .hs-form fieldset input[type="checkbox"] {
      margin-right: 10px;
      margin-top: 0px; }
    .sodium-blog #comment-form .hs-form fieldset.form-columns-1 > .hs-form-field:first-of-type .input {
      margin-right: 0px; }
    .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:last-of-type .input {
      margin-right: 0;
      margin-left: 0px; }
    .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:first-of-type .input {
      margin-right: 0px;
      margin-left: 0; }
    .sodium-blog #comment-form .hs-form fieldset.form-columns-2:first-of-type > .hs-form-field:nth-of-type(2) .input {
      margin-right: 0px;
      margin-left: 0; } }

.sodium-blog .error {
  margin: 0; }

/* 記事下のfacebookいいねボタン */
.sodium-blog .fb-likebtn {
  display:table;
  background: #3E3E3E;
  color: #fff;
  text-align: center;
  margin: 30px 0 50px;
  width:100%;
  max-width: 100%;
}
.sodium-blog .fb-likebtn .fb_reset {
  display: none;
}
.sodium-blog .fb-likebtn .fb-button{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  overflow: hidden;
}
.sodium-blog .fb-likebtn .eyecatch, .sodium-blog .fb-likebtn .rightbox {
  display:table-cell;
  width: 50%;
  vertical-align:middle;
  border: none;
}
.fb-likebtn .eyecatch img {
  width: 100%;
  height: auto;
}
.fb-likebtn .like_text {
  font-size: 1.05em;
  margin-top:1em;
  font-weight: bold;
  line-height: 1.4;
}
.fb-likebtn .like_text p {
  margin-bottom: 1em;
}
.fb-likebtn .like_text .small{
  font-size: 11px;
  color: #ccc;
  margin-bottom:0;
}

@media only screen and (max-width: 767px) {
  .fb-likebtn .fb-button {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
  }
  .fb-likebtn .like_text {
    font-size: .9em;
  }
  .fb-likebtn .like_text p {
    margin-bottom: 0;
    padding: 0;
  }
  .sodium-blog .fb-likebtn .eyecatch, .sodium-blog .fb-likebtn .rightbox {
    width: 100%;
  }
  .sodium-blog .fb-likebtn .eyecatch {
    display: none;
  }
  .sodium-blog .fb-likebtn .rightbox {
    display: block;
    padding: 20px;
  }
}

/********************************************************/
/********************************************************/
/*******  Blog/blog-v2.scss *******/
/********************************************************/
/********************************************************/
.ajax-container-page #ajax-container .widget-type-widget_container {
   min-height: 800px;
}
.case-study-1 #ajax-container {
  -webkit-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }

.case-study-1 .case-studies {
  margin: 15px; }
.case-study-1 .listing-blog {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
/*.case-study-1 .case-study-body {
  margin-left: 13px; }
  @media (max-width: 767px) {
    .case-study-1 .case-study-body {
      margin-left: 0; } }*/

.case-study-1 .case-study-container {
  /* max-width: 1810px; */ }
  @media (max-width: 767px) {
    .case-study-1 .case-study-container {
      padding-right: 0;
      padding-left: 0; } }

.case-study-1 .listing-blog {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (max-width: 1114px) {
    .case-study-1 .listing-blog {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.case-study-1 .body-container-wrapper {
  background-color: #fbfbfb;
  margin-top: 0px; }

.case-study-1 .right-sidebar {
  background-color: #fff;
  width: 310px;
  min-height: 545px; }
  @media (max-width: 767px) {
    .case-study-1 .right-sidebar {
      width: 100%;
      height: 100%; } }
  .case-study-1 .right-sidebar h4 {
    margin-left: 20px;
    color: #3E3E3E;
    font-size: 20px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .case-study-1 .right-sidebar h4 {
        margin-bottom: -10px; } }

.case-study-1 .sidebar-submenu {
  border: none; }
  .case-study-1 .sidebar-submenu ul li a.active-child {
    background-color: #d9d9d9;
    color: #FFF; }
  .case-study-1 .sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a.active:before {
    content: "";
    display: block;
    background: #d9d9d9;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 18px; }

.case-study-1 .case-study-container .row-fluid-wrapper > .row-fluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .case-study-1 .case-study-container .row-fluid-wrapper > .row-fluid {
      display: block; } }

.case-study-1 .listing-blog .pagination {
  width: 100%;
  padding-left: 15px;
  cursor: auto; }
  .case-study-1 .listing-blog .pagination .disabled {
    display: none; }
  .case-study-1 .listing-blog .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; }
    .case-study-1 .listing-blog .pagination li a {
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      overflow: hidden;
      color: #3E3E3E;
      display: block;
      line-height: 22px;
      border: solid 1px #ebebeb;
      height: 27px;
      width: 24px;
      text-align: center;
      font-size: 16px;
      overflow: hidden; }
      .case-study-1 .listing-blog .pagination li a:hover {
        background-color: #d9d9d9;
        border: solid 1px #d9d9d9;
        color: #fff; }
    .case-study-1 .listing-blog .pagination li.active a {
      background-color: #d9d9d9;
      border: solid 1px #d9d9d9;
      color: #fff; }

.case-study-1 nav.clearfix {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 60px; }

.case-study-1 figure.case-study {
  min-width: 355px;
  margin: 0;
  overflow: hidden;
  height: 360px;
  max-width: 355px;
  width: 100%;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.case-study-1.two figure.case-study {
  min-width: 540px;
  max-width: 540px;
  height: 380px;
}
.case-study-1.two figure.case-study .description {
  height: 165px;
}
.case-study-1.two figure.case-study .description p {
  height: 130px;
}
@media only screen and (max-width: 1200px) {
.case-study-1.two figure.case-study {
  min-width: 480px;
  max-width: 480px;
}
}
@media (max-width: 1080px) {
.case-study-1.two figure.case-study {
  min-width: 400px;
  max-width: 400px;
  height: 400px;
}
}


.case-study-1.four figure.case-study {
  min-width: 265px;
  max-width: 265px;
  height: 340px;
}
.case-study-1.four figure.case-study .feature-image {
  height: 130px;
}
.case-study-1.four figure.case-study .description {
  height: 220px;
}
.case-study-1.four figure.case-study .description h3 {
  height: 55px;
}
.case-study-1.four figure.case-study .description p {
  height: 130px;
}
@media (max-width: 400px) {
.case-study-1.two figure.case-study, .case-study-1.four figure.case-study {
    min-width: 0;
    height: auto;
}
.case-study-1.two figure.case-study .description, .case-study-1.four figure.case-study .description {
  height: auto;
}
.case-study-1.two figure.case-study .description p, .case-study-1.four figure.case-study .description p {
  height: auto;
}
}
  .case-study-1 .case-studies a {
    text-decoration: none !important;
  }
  .case-study-1 .case-studies a figure.case-study:hover {
  opacity: 0.7; }
  .case-study-1 figure.case-study:hover .company-logo {
    height: 215px; }
  .case-study-1 figure.case-study:hover .company-logo img {
    max-width: 180px;
    max-height: 70px; }
  @media (max-width: 400px) {
    .case-study-1 figure.case-study {
      min-width: 0; } }
  .case-study-1 figure.case-study .feature-image {
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    width: 100%;
    height: 215px;
    position: relative; }
  .case-study-1 figure.case-study .feature-image.contain {
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .case-study-1 figure.case-study .company-logo {
    border-top: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 60px;
    width: 100%;
    background-color: rgba(217, 217, 217,0.65);
    position: absolute;
    bottom: 0; }
    .case-study-1 figure.case-study .company-logo img {
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      position: absolute;
      max-width: 100px;
      max-height: 40px;
      display: block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .case-study-1 figure.case-study .description {
    height: 145px;
    width: 100%;
    padding: 20px;
    background-color: #fff; }
    .case-study-1 figure.case-study .description h3 {
      height: 35px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
    }
    .case-study-1 figure.case-study .description p {
      height: 75px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      margin: 0;
      font-size: 14px;
      text-align: left;
      color: #3E3E3E;
    }

.case-study-1 section.hero-banner.huge {
  height: 500px; }

.case-study-1.hs-blog-post .case-study-container {
  max-width: 1250px; }

.hs-inline-edit .case-study-1 .listing-blog .hs_cos_wrapper_widget_container .hs-editor-editable {
    width: 350px;
    margin: 15px;
    float: left;
}
.hs-inline-edit .case-study-1 .listing-blog .hs_cos_wrapper_widget_container .hs-editor-editable .case-studies {
    margin: 0px;
}
/********************************************************/
/********************************************************/
/*******  Blog/case-study-1.scss *******/
/********************************************************/
/********************************************************/
.case-study-2 #ajax-container div.case-studies, .case-study-2 #ajax-container nav {
  -webkit-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }

.case-study-2 section.free-quote .container {
  max-width: 1250px;
  padding-left: 0; }
  .case-study-2 section.free-quote .container .inner-container {
    max-width: none;
    padding: 0 10px 0 25px; }

.case-study-2 .case-study-body {
  margin-left: 13px; }
  @media (max-width: 767px) {
    .case-study-2 .case-study-body {
      margin-left: 0; } }

.case-study-2 .listing-blog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .case-study-2 .listing-blog h2 {
    margin: 37px auto 0;
    font-weight: 400;
    color: #3E3E3E;
    text-transform: none; }
    .case-study-2 .listing-blog h2 span {
      color: #d9d9d9;
      letter-spacing: 3px; }

.case-study-2 .body-container-wrapper {
  background-color: #fbfbfb;
  margin-top: 0px; }

.case-study-2 .case-study-container .row-fluid-wrapper > .row-fluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .case-study-2 .case-study-container .row-fluid-wrapper > .row-fluid {
      display: block; } }

.case-study-2 .listing-blog .pagination {
  padding-left: 10px;
  width: 100%;
  cursor: auto; }
  .case-study-2 .listing-blog .pagination .disabled {
    display: none; }
  .case-study-2 .listing-blog .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; }
    .case-study-2 .listing-blog .pagination li a {
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      overflow: hidden;
      color: #3E3E3E;
      display: block;
      line-height: 22px;
      border: solid 1px #ebebeb;
      height: 27px;
      width: 24px;
      text-align: center;
      font-size: 16px;
      overflow: hidden; }
      .case-study-2 .listing-blog .pagination li a:hover {
        background-color: #d9d9d9;
        border: solid 1px #d9d9d9;
        color: #fff; }
    .case-study-2 .listing-blog .pagination li.active a {
      background-color: #d9d9d9;
      border: solid 1px #d9d9d9;
      color: #fff; }

.case-study-2 nav.clearfix {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 60px; }

.case-study-2 .case-studies {
  margin: 13px 9px;
  width: 360px; }
  @media (max-width: 380px) {
    .case-study-2 .case-studies {
      width: 100%; } }

.case-study-2 figure.case-study {
  margin: 0;
  overflow: hidden;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  height: 360px;
  width: 360px;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all; }
  @media (max-width: 380px) {
    .case-study-2 figure.case-study {
      width: 100%; } }
  .case-study-2 figure.case-study:hover {
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); }
  .case-study-2 figure.case-study:hover .company-logo {
    height: 215px; }
  .case-study-2 figure.case-study:hover .company-logo img {
    max-width: 180px;
    max-height: 60px; }
  .case-study-2 figure.case-study .feature-image {
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    width: 100%;
    height: 215px;
    position: relative; }
  .case-study-2 figure.case-study .company-logo {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 60px;
    width: 100%;
    background-color: rgba(217, 217, 217,0.65);
    position: absolute;
    bottom: 0; }
    .case-study-2 figure.case-study .company-logo img {
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      position: absolute;
      max-width: 105px;
      max-height: 40px;
      display: block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .case-study-2 figure.case-study .description {
    height: 145px;
    width: 100%;
    padding: 20px;
    background-color: #fff; }
    .case-study-2 figure.case-study .description p {
      height: 105px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      margin: 0;
      font-size: 18px;
      color: #3E3E3E;
      font-weight: 400; }

.case-study-2 section.hero-banner.huge {
  height: 500px; }

.case-study-2 .topic-listing {
  margin: 30px 0 56px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.case-study-2 .filter-single {
  margin-top: 20px;
  width: 150px;
  position: relative;
  border-bottom: 1px solid #b3b3b3;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
  .case-study-2 .filter-single img {
    opacity: 0.5;
    display: block;
    margin: 0 auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s; }
  .case-study-2 .filter-single span {
    margin: 12px 0 9px;
    font-size: 16px;
    /* text-transform: uppercase */
    color: #b3b3b3;
    text-align: center;
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s; }
  .case-study-2 .filter-single.active {
    border-bottom: 1px solid hub("$cta_background"); }
    .case-study-2 .filter-single.active:before {
      font-size: 25px;
      position: absolute;
      bottom: -16px;
      left: 50%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%);
      content: "•";
      color: hub("$cta_background"); }
    .case-study-2 .filter-single.active img {
      opacity: 1; }
    .case-study-2 .filter-single.active span {
      color: hub("$main_font_color"); }
  .case-study-2 .filter-single:hover img {
    opacity: 1; }
  .case-study-2 .filter-single:hover span {
    color: #626262; }

/********************************************************/
/********************************************************/
/*******  Blog/case-study-2.scss *******/
/********************************************************/
/********************************************************/
.case-study-single .cta-box {
  max-width: 263px; }

.case-study-single .widget-type-cta > .layout-widget-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.case-study-single .hs_cos_wrapper_type_cta {
  margin: 0 auto 25px auto; }

.case-study-single section.free-quote .container {
  max-width: 1140px;
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 1150px) and (min-width: 1115px) {
    .case-study-single section.free-quote .container {
      padding: 0 15px; } }
  .case-study-single section.free-quote .container .inner-container {
    max-width: 1140px; }

.case-study-single .body-container-wrapper {
  margin-top: 0; }

.case-study-single section.hero-banner.huge h2 {
  width: 100%; }

.case-study-single .case-study-slider {
  clear: both;
  margin-bottom: 36px; }

.case-study-single .case-study-post-body {
  float: left;
  margin: 25px 0; }
  .case-study-single .case-study-post-body h2 {
    width: 100%; }
  .case-study-single .case-study-post-body li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .case-study-single .case-study-post-body blockquote {
    margin: 25px 25px 0 0;
    float: left;
    text-align: center;
    position: relative;
    background-color: #fafafa;
    width: 240px;
    font-size: 23px;
    color: #3E3E3E;
    line-height: 34px;
    display: inline-block;
    padding: 100px 30px 35px;
    font-weight: 400;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    /* text-transform: uppercase */ }
    @media (max-width: 400px) {
      .case-study-single .case-study-post-body blockquote {
        float: none;
        margin: 50px auto 20px;
        display: block; } }
  .case-study-single .case-study-post-body blockquote:before {
    font-size: 98px;
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    color: rgba(217, 217, 217,0.54); }
  .case-study-single .case-study-post-body blockquote:after {
    content: ""; }

.case-study-single .post-head {
  margin: 35px 0 5px; }

.case-study-single .hs-blog-post {
  margin-top: 0; }

.case-study-single section.hero-banner.huge {
  height: 500px;
  margin-bottom: 0; }

.case-study-single section.cta-box {
  margin-top: 58px; }
  @media (max-width: 767px) {
    .case-study-single section.cta-box {
      margin-top: 0; } }

.case-study-single h2 {
  text-transform: none;
  color: #3E3E3E;
  font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
  font-weight: 400;
  text-align: left;
  width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: calc(100% - 250px);
  float: left; }
  @media (max-width: 600px) {
    .case-study-single h2 {
      width: 100%; } }
  .case-study-single h2 span {
    color: #d9d9d9;
    letter-spacing: 3px; }

.case-study-single .another-wrapper {
  float: left;
  width: 250px;
  margin: 23px 0; }
  @media (max-width: 600px) {
    .case-study-single .another-wrapper {
      clear: both;
      margin-top: 0; } }

.case-study-single .another-post {
  color: #FFFFFF;
  background-color: #d9d9d9;
  float: left;
  margin-left: 20px;
  border: #d9d9d9 solid 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  min-height: 27px;
  min-width: 105px;
  text-align: center;
  text-decoration: none;
  /* text-transform: uppercase */
  display: inline-block;
  padding: 11px 0;
  font: 300 16px / 16px Palanquin;
  -webkit-transition: linear 0.3s all;
  -o-transition: linear 0.3s all;
  -moz-transition: linear 0.3s all;
  transition: linear 0.3s all; }
  @media (max-width: 600px) {
    .case-study-single .another-post {
      margin-left: 0;
      margin-right: 20px; } }
  .case-study-single .another-post:hover {
    color: #d9d9d9;
    background-color: #FFFFFF; }

.case-study-single hr {
  border-top: 1px #ebebeb solid;
  border-bottom: 0; }

.case-study-single .project-info h4 {
  display: block;
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #3E3E3E;
  /* text-transform: uppercase */
  clear: both; }

.case-study-single .project-info .project-info-rich-text {
  float: left;
  margin-top: 16px;
  margin-bottom: 16px; }
  .case-study-single .project-info .project-info-rich-text,
  .case-study-single .project-info .project-info-rich-text span,
  .case-study-single .project-info .project-info-rich-text li {
    color: #3E3E3E;
    font-size: 16px;
    font-weight: 400;
    font-family: "Palanquin", sans-serif; }

.case-study-single .project-info .project-info-table {
  float: left;
  margin-bottom: 18px; }
  .case-study-single .project-info .project-info-table .key,
  .case-study-single .project-info .project-info-table .value, .case-study-single .project-info .project-info-table .key a, .case-study-single .project-info .project-info-table .value a {
    margin-bottom: 4px;
    display: block;
    float: left;
    color: #3E3E3E;
    font-size: 16px; }
    .case-study-single .project-info .project-info-table .key a:hover,
    .case-study-single .project-info .project-info-table .value a:hover, .case-study-single .project-info .project-info-table .key a a:hover {
      color: #d9d9d9; }
  .case-study-single .project-info .project-info-table .key {
    width: 110px;
    font-weight: 500; }
  .case-study-single .project-info .project-info-table .value, .case-study-single .project-info .project-info-table .key a, .case-study-single .project-info .project-info-table .value a {
    font-weight: 400; }

.case-study-single .slick-slider {
  padding: 0; }

.case-study-single .slick-next,
.case-study-single .slick-prev {
  margin-top: 0;
  z-index: 1;
  background: #d9d9d9;
  width: 40px;
  height: 40px; }

.case-study-single .slick-next {
  right: 0px; }

.case-study-single .slick-prev {
  left: 0px; }

.case-study-single .slick-next:before,
.case-study-single .slick-prev:before {
  padding-top: 2px;
  width: 40px;
  height: 40px;
  font-size: 34px;
  color: #FFF;
  content: "\f104";
  font-family: "FontAwesome";
  background-image: none; }

.case-study-single .social {
  float: left;
  width: 100%; }
  .case-study-single .social .social-main-icon {
    float: left;
    height: 45px;
    width: 45px;
    background-color: #d9d9d9; }
    .case-study-single .social .social-main-icon i {
      font-size: 21px;
      margin-left: 13px;
      margin-top: 12px;
      color: #FFF; }
  .case-study-single .social ul {
    padding-left: 18px;
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
    float: left;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb; }
    .case-study-single .social ul li {
      height: 44px;
      width: 32px;
      list-style: none;
      display: inline-block; }
      .case-study-single .social ul li a {
        padding-top: 8px;
        display: block;
        width: 100%;
        height: 43px;
        color: #d7d7d7;
        font-size: 18px;
        text-align: center;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s; }
        .case-study-single .social ul li a:hover {
          color: #d9d9d9; }

/********************************************************/
/********************************************************/
/*******  Blog/case-study-single.scss *******/
/********************************************************/
/********************************************************/
/*BLOG LISTING*/
.portfolio-menu-wraper {
  background: #d9d9d9;
  height: 85px; }
  @media only screen and (max-width: 1055px) {
    .portfolio-menu-wraper {
      height: 100%; } }
  .portfolio-menu-wraper ul.multi-blog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 85px; }
    @media only screen and (max-width: 1024px) {
      .portfolio-menu-wraper ul.multi-blog {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        height: 100%; } }
    @media only screen and (max-width: 486px) {
      .portfolio-menu-wraper ul.multi-blog {
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%; } }
    .portfolio-menu-wraper ul.multi-blog li {
      display: table;
      margin-left: 30px;
      height: 70px;
      background-repeat: no-repeat;
      background-image: none;
      -webkit-border-top-left-radius: 5px;
         -moz-border-radius-topleft: 5px;
              border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
         -moz-border-radius-topright: 5px;
              border-top-right-radius: 5px;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media only screen and (max-width: 1024px) {
        .portfolio-menu-wraper ul.multi-blog li {
          margin: 10px 10px;
          -webkit-border-radius: 5px;
             -moz-border-radius: 5px;
                  border-radius: 5px; } }
      @media only screen and (max-width: 486px) {
        .portfolio-menu-wraper ul.multi-blog li {
          margin: 10px 0px; } }
      .portfolio-menu-wraper ul.multi-blog li:first-child a {
        display: table-cell;
        vertical-align: middle;
        padding: 0 55px;
        margin: 0; }
        .portfolio-menu-wraper ul.multi-blog li:first-child a:before {
          content: "";
          display: none; }
      .portfolio-menu-wraper ul.multi-blog li a {
        color: #fff;
        vertical-align: middle;
        display: table-cell;
        position: relative;
        padding-left: 70px; }
        .portfolio-menu-wraper ul.multi-blog li a:before {
          content: "";
          display: inline-block;
          width: 45px;
          height: 45px;
          background-repeat: no-repeat;
          background-position: top;
          position: absolute;
          top: 15px;
          left: 15px; }
      .portfolio-menu-wraper ul.multi-blog li:hover {
        background-color: #fff;
        -webkit-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
           -moz-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1); }
        .portfolio-menu-wraper ul.multi-blog li:hover a {
          color: #d9d9d9; }
          .portfolio-menu-wraper ul.multi-blog li:hover a:before {
            background-position: bottom; }
    .portfolio-menu-wraper ul.multi-blog .active {
      color: #d9d9d9;
      background-color: #fff;
      -webkit-border-top-left-radius: 5px;
         -moz-border-radius-topleft: 5px;
              border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
         -moz-border-radius-topright: 5px;
              border-top-right-radius: 5px;
      -webkit-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
              box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1); }
      .portfolio-menu-wraper ul.multi-blog .active a {
        color: #d9d9d9; }
        .portfolio-menu-wraper ul.multi-blog .active a:before {
          background-position: bottom; }

.multi-blog-wraper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 78px 0px 15px 0px; }
  .multi-blog-wraper .multi-blog {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0px; }
    .multi-blog-wraper .multi-blog:nth-child(3n+2) {
      margin: 0px 30px; }
      @media only screen and (max-width: 1169px) {
        .multi-blog-wraper .multi-blog:nth-child(3n+2) {
          margin: 0px 15px; } }
    @media only screen and (max-width: 1169px) {
      .multi-blog-wraper .multi-blog {
        margin: 0px 15px; } }
    .multi-blog-wraper .multi-blog .content {
      height: 372px;
      width: 360px;
      position: relative;
      overflow: hidden;
      -webkit-background-size: cover !important;
         -moz-background-size: cover !important;
           -o-background-size: cover !important;
              background-size: cover !important;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      -webkit-box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1);
              box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1);
      margin-bottom: 37px; }
      .multi-blog-wraper .multi-blog .content:hover .desc {
        height: 175px; }
        @media only screen and (max-width: 400px) {
          .multi-blog-wraper .multi-blog .content:hover .desc {
            height: 200px; } }
      @media only screen and (max-width: 400px) {
        .multi-blog-wraper .multi-blog .content {
          width: 340px; } }
      @media only screen and (max-width: 360px) {
        .multi-blog-wraper .multi-blog .content {
          width: 280px; } }
      .multi-blog-wraper .multi-blog .content .category {
        width: 68px;
        height: 68px;
        background-color: rgba(217, 217, 217,0.8);
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center 15px; }
        .multi-blog-wraper .multi-blog .content .category:before {
          content: "";
          display: block;
          width: 45px;
          height: 45px;
          background-position: top;
          margin: 11px auto; }
      .multi-blog-wraper .multi-blog .content .desc {
        background: #d9d9d9;
        padding: 13px 25px;
        position: absolute;
        bottom: 0px;
        height: 100px;
        -webkit-transition: height 0.5s ease;
        -o-transition: height 0.5s ease;
        -moz-transition: height 0.5s ease;
        transition: height 0.5s ease; }
        @media only screen and (max-width: 400px) {
          .multi-blog-wraper .multi-blog .content .desc {
            height: 120px; } }
        .multi-blog-wraper .multi-blog .content .desc small {
          font-size: 13px;
          color: #fff;
          margin: 0; }
        .multi-blog-wraper .multi-blog .content .desc h4 {
          font-size: 18px;
          color: #fff;
          font-weight: 500;
          margin: 10px 0px; }
        .multi-blog-wraper .multi-blog .content .desc p {
          font-size: 16px;
          color: #fff;
          font-weight: 400;
          margin: 0; }
        .multi-blog-wraper .multi-blog .content .desc span {
          display: block;
          width: 11px;
          height: 18px;
          background: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/read-more-white.png");
          background-position: right;
          padding-left: 100px;
          background-repeat: no-repeat;
          float: right; }
        .multi-blog-wraper .multi-blog .content .desc:hover {
          height: 175px; }
          @media only screen and (max-width: 400px) {
            .multi-blog-wraper .multi-blog .content .desc:hover {
              height: 200px; } }

.multi-blog .pagination {
  width: 100%;
  padding-left: 0px;
  cursor: auto; }
  .multi-blog .pagination .disabled {
    display: none; }
  .multi-blog .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; }
    .multi-blog .pagination li a {
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      overflow: hidden;
      color: #3E3E3E;
      display: block;
      line-height: 22px;
      border: solid 1px #ebebeb;
      height: 27px;
      width: 24px;
      text-align: center;
      font-size: 16px;
      overflow: hidden; }
      .multi-blog .pagination li a:hover {
        background-color: #d9d9d9;
        border: solid 1px #d9d9d9;
        color: #fff; }
    .multi-blog .pagination li.active a {
      background-color: #d9d9d9;
      border: solid 1px #d9d9d9;
      color: #fff; }

.multi-blog .clearfix {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 38px; }

/********************************************************/
/********************************************************/
/*******  Blog/multi-blog.scss *******/
/********************************************************/
/********************************************************/
/*BLOG LISTING*/
.portfolio-menu-wraper {
  background: #d9d9d9;
  height: 85px; }
  .portfolio-menu-wraper ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80px; }
    @media only screen and (max-width: 494px) {
      .portfolio-menu-wraper ul {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .portfolio-menu-wraper ul li a {
      padding: 0 20px;
      color: #fff; }
      @media only screen and (max-width: 494px) {
        .portfolio-menu-wraper ul li a {
          padding: 0 10px; } }
      .portfolio-menu-wraper ul li a:hover {
        color: #3E3E3E; }
      .portfolio-menu-wraper ul li a:visited {
        color: #FFFFFF; }
      .portfolio-menu-wraper ul li a:active {
        color: #FFFFFF; }
    .portfolio-menu-wraper ul li a.active {
      color: #3E3E3E; }

.blog-portfolio-wraper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-bottom: 13px solid #d9d9d9;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .blog-portfolio-wraper .portfolio-blog {
    width: 25%;
    padding-bottom: 25%;
    background-position: center center !important;
    -webkit-background-size: cover !important;
       -moz-background-size: cover !important;
         -o-background-size: cover !important;
            background-size: cover !important;
    background-repeat: no-repeat;
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 0;
    display: table; }
    @media only screen and (max-width: 1359px) {
      .blog-portfolio-wraper .portfolio-blog {
        width: 33.333%;
        padding-bottom: 33.333%; } }
    @media only screen and (max-width: 1024px) {
      .blog-portfolio-wraper .portfolio-blog {
        width: 50%;
        padding-bottom: 50%; } }
    @media only screen and (max-width: 675px) {
      .blog-portfolio-wraper .portfolio-blog {
        width: 100%;
        padding-bottom: 100%; } }
    .blog-portfolio-wraper .portfolio-blog.new-items {
      opacity: 0; }
    .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-left {
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: width 0.4s;
      -o-transition: width 0.4s;
      -moz-transition: width 0.4s;
      transition: width 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-right {
      right: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: width 0.4s;
      -o-transition: width 0.4s;
      -moz-transition: width 0.4s;
      transition: width 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-top {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: height 0.4s;
      -o-transition: height 0.4s;
      -moz-transition: height 0.4s;
      transition: height 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-bottom {
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: height 0.4s;
      -o-transition: height 0.4s;
      -moz-transition: height 0.4s;
      transition: height 0.4s;
      -webkit-transition-delay: 0.2s;
         -moz-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .blog-portfolio-wraper .portfolio-blog .portfolio-hover {
      position: absolute;
      height: 0px;
      width: 0px;
      background-color: rgba(217, 217, 217,0.61);
      z-index: 1;
      overflow: hidden; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-left {
        left: auto;
        bottom: auto;
        height: 100%;
        width: 100%; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-right {
        right: auto;
        bottom: auto;
        height: 100%;
        width: 100%; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-top {
        left: auto;
        top: auto;
        height: 100%;
        width: 100%; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-bottom {
        left: auto;
        bottom: auto;
        height: 100%;
        width: 100%; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-left {
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
        height: 100%;
        width: 0%;
        -webkit-transition: width 0.4s;
        -o-transition: width 0.4s;
        -moz-transition: width 0.4s;
        transition: width 0.4s; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-right {
        right: 0;
        bottom: 0;
        top: auto;
        left: auto;
        height: 100%;
        width: 0%;
        -webkit-transition: width 0.4s;
        -o-transition: width 0.4s;
        -moz-transition: width 0.4s;
        transition: width 0.4s; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-top {
        left: 0;
        top: 0;
        height: 0%;
        width: 100%;
        -webkit-transition: height 0.4s;
        -o-transition: height 0.4s;
        -moz-transition: height 0.4s;
        transition: height 0.4s; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-bottom {
        left: 0;
        bottom: 0;
        height: 0%;
        width: 100%;
        -webkit-transition: height 0.4s;
        -o-transition: height 0.4s;
        -moz-transition: height 0.4s;
        transition: height 0.4s; }
      .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0);
           -moz-transform: translate(-50%, -50%) scale(0);
            -ms-transform: translate(-50%, -50%) scale(0);
             -o-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
        z-index: 3;
        min-width: 1000px;
        overflow: hidden;
        width: 100%;
        -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        -moz-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out; }
        .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content.visible {
          -webkit-transform: translate(-50%, -50%) scale(1);
             -moz-transform: translate(-50%, -50%) scale(1);
              -ms-transform: translate(-50%, -50%) scale(1);
               -o-transform: translate(-50%, -50%) scale(1);
                  transform: translate(-50%, -50%) scale(1); }
        .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a {
          width: 81px;
          height: 81px;
          -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
                  border-radius: 50%;
          margin: 0 auto;
          background: none;
          display: table;
          border: 2px solid #fff;
          text-align: center; }
          .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover {
            background: #fff; }
            .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover i {
              color: #d9d9d9; }
          .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a i {
            display: table-cell;
            vertical-align: middle;
            color: #fff;
            font-size: 34px; }
        .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content h4 {
          color: #fff;
          font-size: 35px;
          /* text-transform: uppercase */
          font-weight: 700;
          text-align: center; }
        .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul {
          list-style: none;
          text-align: center; }
          .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul li {
            color: #fff;
            font-size: 16px;
            font-weight: 400; }

/*SINGLE POST*/
.portfolio-post-single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    .portfolio-post-single {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .portfolio-post-single .left-section {
    width: 50%; }
    @media only screen and (max-width: 768px) {
      .portfolio-post-single .left-section {
        width: 100%; } }
    .portfolio-post-single .left-section .portfolio-post-head h2 {
      text-align: left;
      font-size: 41px;
      color: #d9d9d9;
      margin: 0;
      padding: 0;
      font-weight: 400;
      text-transform: none;
      margin-top: -10px;
      letter-spacing: 0.04em; }
      .portfolio-post-single .left-section .portfolio-post-head h2 span {
        letter-spacing: 3px;
        color: #3E3E3E; }
    .portfolio-post-single .left-section .portfolio-post-head ul {
      list-style: none; }
      .portfolio-post-single .left-section .portfolio-post-head ul li {
        display: block;
        float: left;
        padding: 7px 0px 0px 10px;
        font-size: 16px; }
        .portfolio-post-single .left-section .portfolio-post-head ul li:after {
          content: ","; }
        .portfolio-post-single .left-section .portfolio-post-head ul li:first-child {
          padding-left: 0px; }
        .portfolio-post-single .left-section .portfolio-post-head ul li:last-child:after {
          content: ""; }
    .portfolio-post-single .left-section .portfolio-post-body {
      clear: both;
      padding: 15px 0px; }
      .portfolio-post-single .left-section .portfolio-post-body h3 {
        font-size: 20px;
        font-weight: 500;
        margin: 0px 0px 15px 0px; }
      .portfolio-post-single .left-section .portfolio-post-body p {
        font-size: 16px;
        font-weight: 400; }
  .portfolio-post-single .right-section {
    width: 50%; }
    @media only screen and (max-width: 768px) {
      .portfolio-post-single .right-section {
        width: 70%;
        margin: 0 auto; } }
    @media only screen and (max-width: 555px) {
      .portfolio-post-single .right-section {
        width: 100%; } }
    .portfolio-post-single .right-section .portfolio-slider .slick-slider {
      padding-right: 0px; }
      @media only screen and (max-width: 768px) {
        .portfolio-post-single .right-section .portfolio-slider .slick-slider {
          padding-left: 0px; } }
      .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-next {
        margin-top: 0;
        z-index: 1;
        background-color: #d9d9d9;
        width: 40px;
        height: 40px;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%); }
        .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-next:hover {
          background-color: #3E3E3E; }
      .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-prev {
        margin-top: 0;
        z-index: 1;
        background-color: #d9d9d9;
        width: 40px;
        height: 40px;
        left: 0;
        top: 50%;
        -webkit-transform: translate(30px, -50%);
           -moz-transform: translate(30px, -50%);
            -ms-transform: translate(30px, -50%);
             -o-transform: translate(30px, -50%);
                transform: translate(30px, -50%); }
        @media only screen and (max-width: 767px) {
          .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-prev {
            -webkit-transform: translate(0px, -50%);
               -moz-transform: translate(0px, -50%);
                -ms-transform: translate(0px, -50%);
                 -o-transform: translate(0px, -50%);
                    transform: translate(0px, -50%); } }
        .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-prev:hover {
          background-color: #3E3E3E; }
      .portfolio-post-single .right-section .portfolio-slider .slick-slider button:before {
        padding-top: 2px;
        width: 40px;
        height: 40px;
        font-size: 34px;
        color: #FFF;
        content: '\f104';
        font-family: "FontAwesome";
        background-image: none; }

.center-section {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 0px 40px 0px;
  margin-top: 10px; }
  @media only screen and (max-width: 520px) {
    .center-section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 520px) {
    .center-section .social-share {
      margin: 0px auto 20px auto; } }
  .center-section .social-share ul {
    list-style: none; }
    .center-section .social-share ul li {
      display: block;
      float: left;
      padding: 5px 10px 0px 10px; }
      .center-section .social-share ul li:first-child {
        color: #fff;
        padding-left: 0px;
        padding-top: 0px;
        font-size: 24px;
        display: table;
        width: 41px;
        height: 41px;
        background: #d9d9d9;
        text-align: center;
        margin-right: 20px; }
        .center-section .social-share ul li:first-child i {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          padding-left: 7px; }
      .center-section .social-share ul li:last-child {
        padding-right: 0px; }
      .center-section .social-share ul li a {
        color: #d7d7d7;
        font-size: 22px; }
        .center-section .social-share ul li a:hover {
          color: #d9d9d9; }

@media only screen and (max-width: 520px) {
  .pagination {
    margin: 10px auto 0px auto;
    text-align: center;
  }
  }

.pagination .another-post {
  color: #FFF;
  background-color: #d9d9d9;
  float: left;
  margin-left: 20px;
  border: #d9d9d9 solid 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-height: 27px;
  min-width: 105px;
  text-align: center;
  text-decoration: none;
  /* text-transform: uppercase */
  display: inline-block;
  padding: 11px 0;
  font: 300 16px / 16px Palanquin;
  -webkit-transition: linear 0.3s all;
  -o-transition: linear 0.3s all;
  -moz-transition: linear 0.3s all;
  transition: linear 0.3s all; }
  @media only screen and (max-width: 520px) {
    .pagination .another-post {
      margin-left: 0px; } }
  .pagination .another-post:hover {
    background-color: #FFFFFF;
    border-color: #d9d9d9;
    color: #d9d9d9; }

@media only screen and (max-width: 520px) {
  .pagination .right {
    margin-left: 5px; } }

@media only screen and (max-width: 520px) {
  .pagination .left {
    margin-right: 5px; } }

.portfolio-free-quote .free-quote .container {
  max-width: 1250px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .portfolio-free-quote .free-quote .container .cta-secondary, .portfolio-free-quote .free-quote .container .button {
    border: 2px solid #FFFFFF;
    padding: 14px 28px; }

/********************************************************/
/********************************************************/
/*******  Blog/portfolio.scss *******/
/********************************************************/
/********************************************************/
.product-page-listing-v2.hs-blog-listing {
  background-color: #fafafa; }
  .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-divider:before {
    content: "/"; }
  .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-item {
    padding: 0px 0px 0px 10px; }
    .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-item a {
      color: #3E3E3E;
      font-weight: 400; }
    .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-item.last-crumb {
      font-weight: 600; }
  .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-wrapper {
    float: right; }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-wrapper {
        float: left; } }
  .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu {
    margin: 2px 0 0 -11px; }
  .product-page-listing-v2.hs-blog-listing .container {
    max-width: 1200px; }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .container.blog-content-section {
        padding-left: 0;
        padding-right: 0; } }
  .product-page-listing-v2.hs-blog-listing .blog-content-section .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .blog-content-section .row-fluid-wrapper > .row-fluid {
        display: block; } }
  .product-page-listing-v2.hs-blog-listing .hs-error-msgs a {
    font-size: 18px; }
  .product-page-listing-v2.hs-blog-listing .listing-header {
    margin: 28px 0 -38px 26px; }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .listing-header {
        margin: 28px 0 0px 0px; } }
  .product-page-listing-v2.hs-blog-listing .view ul {
    list-style-type: none; }
    .product-page-listing-v2.hs-blog-listing .view ul li {
      opacity: 0.5;
      float: left;
      margin-right: 8px;
      cursor: pointer;
      margin-bottom: 15px; }
      .product-page-listing-v2.hs-blog-listing .view ul li.active {
        opacity: 1; }
  .product-page-listing-v2.hs-blog-listing .post-header {
    margin: 50px 0 30px; }
  .product-page-listing-v2.hs-blog-listing hr {
    clear: both;
    border-bottom: 1px solid #f6f6f6;
    border-top: 0; }
  .product-page-listing-v2.hs-blog-listing .widget-type-cta {
    margin: 50px 0 40px 30px; }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .widget-type-cta {
        margin: 50px 0 40px 0; } }
  .product-page-listing-v2.hs-blog-listing .pagination {
    width: 100%;
    padding-left: 30px;
    margin-bottom: 32px;
    cursor: auto; }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .pagination {
        padding-left: 0; } }
    .product-page-listing-v2.hs-blog-listing .pagination .disabled {
      display: none; }
    .product-page-listing-v2.hs-blog-listing .pagination li {
      display: inline-block;
      background-color: #fff;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      margin-right: 4px; }
      .product-page-listing-v2.hs-blog-listing .pagination li a {
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        overflow: hidden;
        color: #3E3E3E;
        display: block;
        line-height: 22px;
        border: solid 1px #ebebeb;
        height: 27px;
        width: 24px;
        text-align: center;
        font-size: 16px;
        overflow: hidden; }
        .product-page-listing-v2.hs-blog-listing .pagination li a:hover {
          background-color: #d9d9d9;
          border: solid 1px #d9d9d9;
          color: #fff; }
      .product-page-listing-v2.hs-blog-listing .pagination li.active a {
        background-color: #d9d9d9;
        border: solid 1px #d9d9d9;
        color: #fff; }
  .product-page-listing-v2.hs-blog-listing .listing-wrapper {
    margin-left: 10px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .listing-wrapper {
        margin-left: 0px;
        padding-left: 15px;
        padding-right: 15px; } }
    .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog {
      -webkit-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      opacity: 1; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .single-post {
        position: relative;
        margin-top: 60px; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .featured-image {
        text-align: center; }
        @media (max-width: 767px) {
          .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .featured-image {
            text-align: left; } }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .featured-image .image-wrapper {
          position: relative;
          max-width: 281px;
          display: inline-block; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog img {
        width: 100%;
        max-width: 281px; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog h3 {
        font-size: 40px;
        color: #3E3E3E;
        font-weight: 400;
        margin-top: -8px;
        margin-bottom: 25px; }
        @media (max-width: 767px) {
          .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog h3 {
            margin-top: 5px; } }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon {
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: 1;
        overflow: hidden;
        width: 130px;
        height: 130px;
        text-align: right; }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon span {
          font-size: 14px;
          font-weight: bold;
          color: #FFF;
          /* text-transform: uppercase */
          text-align: center;
          line-height: 24px;
          -moz-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
               transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          width: 145px;
          display: block;
          background: #79A70A;
          background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
          background: -webkit-linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
          background: -moz-linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
          background: -o-linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
          background: linear-gradient(#d9d9d9 0%, #d9d9d9 100%);
          -webkit-box-shadow: 0 3px 10px -5px black;
             -moz-box-shadow: 0 3px 10px -5px black;
                  box-shadow: 0 3px 10px -5px black;
          position: absolute;
          top: 31px;
          right: -31px; }
          .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon span:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #d9d9d9;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #d9d9d9; }
          .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon span:after {
            content: "";
            position: absolute;
            right: 3px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #d9d9d9;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #d9d9d9; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .content {
        font-size: 16px;
        color: #3E3E3E;
        font-weight: normal;
        text-align: justify; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .hover {
        display: none; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .button-inner {
        display: none; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog a.button {
        margin-top: 25px;
        background-color: #d9d9d9;
        border-color: #d9d9d9;
        color: #FFFFFF;
        display: inline-block;
        padding: 12px 35px;
        position: absolute;
        bottom: 38px;
        right: 0;
        font-size: 16px; }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog a.button:hover {
          background-color: #FFFFFF;
          color: #d9d9d9; }
        @media (max-width: 1099px) {
          .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog a.button {
            position: static; } }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog:first-child {
        padding-top: 0; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog:last-child {
        padding-bottom: 0; }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog:last-child a.button {
          bottom: 0; }
    .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .listing-header {
      margin: 28px 0 -37px 26px; }
      @media (max-width: 767px) {
        .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .listing-header {
          margin: 28px 0 -37px 0px; } }
    .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post {
      max-width: 384px;
      float: left;
      margin-left: 25px;
      padding-bottom: 0;
      margin-bottom: -17px; }
      @media (max-width: 767px) {
        .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post {
          margin-left: 0; } }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post:nth-child(even) {
        margin-left: 35px; }
        @media (max-width: 767px) {
          .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post:nth-child(even) {
            margin-left: 0; } }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .button {
        display: none; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .content {
        display: none; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post > .span7 {
        clear: both;
        margin-left: 0; }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post > .span7 h3 {
          font-size: 30px;
          margin-top: 15px;
          margin-left: 3px; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .featured-image {
        width: 100%; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .image-wrapper {
        margin: 0 auto;
        width: 100%;
        max-width: 379px;
        max-height: 379px; }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .image-wrapper img {
          max-width: 379px; }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .image-wrapper:hover .hover {
          clip: rect(0px, 379px, 379px, 0px); }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .hover {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(217, 217, 217,0.61);
        height: 100%;
        width: 100%;
        clip: rect(379px, 379px, 379px, 0px);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s; }
        .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .hover .button-inner {
          display: inline-block;
          background-color: #fff;
          color: #d9d9d9;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
               -o-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          top: 50%;
          left: 50%;
          padding: 12px 37px;
          position: absolute;
          white-space: nowrap;
          -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
                  border-radius: 4px; }
      .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post a.button {
        display: none; }
  .product-page-listing-v2.hs-blog-listing .right-sidebar {
    background-color: #fff;
    min-height: 545px;
    width: 100%;
    max-width: 311px; }
    @media (max-width: 992px) and (min-width: 768px) {
      .product-page-listing-v2.hs-blog-listing .right-sidebar {
        max-width: 220px; } }
    @media (max-width: 767px) {
      .product-page-listing-v2.hs-blog-listing .right-sidebar {
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 0; } }
    .product-page-listing-v2.hs-blog-listing .right-sidebar h4 {
      margin-left: 20px;
      color: #3E3E3E;
      font-size: 20px;
      font-weight: 600; }
      @media (max-width: 767px) {
        .product-page-listing-v2.hs-blog-listing .right-sidebar h4 {
          margin-bottom: -10px; } }
  .product-page-listing-v2.hs-blog-listing .sidebar-submenu {
    border: none; }
    .product-page-listing-v2.hs-blog-listing .sidebar-submenu ul li a.active-child {
      background-color: #d9d9d9;
      color: #FFF; }
    .product-page-listing-v2.hs-blog-listing .sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a.active:before {
      content: "";
      display: block;
      background: #d9d9d9;
      width: 7px;
      height: 7px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      left: -4px;
      top: 18px; }

/********************************************************/
/********************************************************/
/*******  Blog/product-page-listing-v2.scss *******/
/********************************************************/
/********************************************************/
.product-single__slider-section,
.block-recent-post {
    background: #f4f8f9;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px !important;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.product-single__slider-section .block-inner .main-title {
    margin-top: -30px;
}
.block-recent-post .slider-rec-posts {
    margin-bottom: 0px;
}
.block-recent-post .block-inner .main-title,
.block-recent-post .block-inner .wrap-main-title h2 {
    margin-top: 0px;
}
@media (max-width: 768px) {
   .homepage .product-single__slider-section .block-inner .main-title,
   .block-recent-post .block-inner .main-title,
   .block-recent-post .block-inner .wrap-main-title h2 {
        margin-top: 0px;
    }
}
.product-single .hero-banner {
  margin-bottom: 0; }

.product-single .square-box {
  padding-top: 0; }

.product-single .lead-section {
  padding-top: 60px;
  padding-bottom: 60px; }
  .product-single .lead-section.iphone-section {
    background-color: #d9d9d9;
    overflow: hidden; }
    .product-single .lead-section.iphone-section .widget-type-header h1, .product-single .lead-section.iphone-section .widget-type-header h2, .product-single .lead-section.iphone-section .widget-type-header h3, .product-single .lead-section.iphone-section .widget-type-header h4, .product-single .lead-section.iphone-section .widget-type-header span,
    .product-single .lead-section.iphone-section .widget-type-rich_text p, .product-single .lead-section.iphone-section .widget-type-rich_text li, .product-single .lead-section.iphone-section .widget-type-rich_text a:not(.cta_button),
    .product-single .lead-section.iphone-section .widget-type-blog_content h1, .product-single .lead-section.iphone-section .widget-type-blog_content h2, .product-single .lead-section.iphone-section .widget-type-blog_content h3, .product-single .lead-section.iphone-section .widget-type-blog_content h4, .product-single .lead-section.iphone-section .widget-type-blog_content h5, .product-single .lead-section.iphone-section .widget-type-blog_content h6,
    .product-single .lead-section.iphone-section .widget-type-blog_content p, .product-single .lead-section.iphone-section .widget-type-blog_content li, .product-single .lead-section.iphone-section .widget-type-blog_content a:not(.cta_button), .product-single .lead-section.iphone-section .widget-type-blog_content em, .product-single .lead-section.iphone-section .widget-type-blog_content span {
      color: #fff; }
    .product-single .lead-section.iphone-section .widget-type-blog_content ul li:before, .product-single .lead-section.iphone-section .widget-type-blog_content p ul li:before, .product-single .lead-section.iphone-section .widget-type-blog_content span ul li:before {
      background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/ul-list-white.png"); }
    .product-single .lead-section.iphone-section .widget-type-blog_content ol li:before, .product-single .lead-section.iphone-section .widget-type-blog_content p ol li:before, .product-single .lead-section.iphone-section .widget-type-blog_content span ol li:before {
      color: #fff; }
    .product-single .lead-section.iphone-section .widget-type-rich_text a:not(.cta_button) {
      text-decoration: underline;
      cursor: pointer; }

.product-single .featured-box-white-bg {
  margin-top: 0;
  border-top: none;
  padding-bottom: 0; }
  .product-single .featured-box-white-bg .square-box__content h4 {
    color: #3E3E3E; }
  .product-single .featured-box-white-bg .square-box__image-container {
    background-color: transparent; }
    .product-single .featured-box-white-bg .square-box__image-container .icon {
      color: #d9d9d9;
      font-size: 50px;
      line-height: 100px;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      border: 2px solid #d9d9d9; }

.product-single .features {
  position: relative; }
  .product-single .features .widget-type-custom_widget .span6 {
    width: 100%; }
  .product-single .features .feature h3 {
    font-size: 20px;
    text-transform: none; }
  .product-single .features .feature .icon {
    color: #d9d9d9; }
  .product-single .features__image-container {
    margin-top: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    width: 45%; }
    .product-single .features__image-container img {
      -webkit-box-shadow: 0px 0px 10px 5px rgba(100, 100, 100, 0.2);
         -moz-box-shadow: 0px 0px 10px 5px rgba(100, 100, 100, 0.2);
              box-shadow: 0px 0px 10px 5px rgba(100, 100, 100, 0.2); }

.product-single__slider-section {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 0px; }

.product-single__slider-section .slider-rec-posts-title .slick-prev,
.product-single__slider-section .slider-rec-posts-title .slick-next {
   top: 50%;
}
.product-single__slider-section .slider-rec-posts-title .slick-prev:before,
.product-single__slider-section .slider-rec-posts-title .slick-next:before {
    background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/arrow-left-2.png);
}
.product-single__slider-section .slider-rec-posts-title .slick-prev {
    left: 0px;
}

.product-single__slider-section .slider-rec-posts-title .slick-next {
    right: 0px;
}

@media (max-width: 767px) {
  .product-single .features .feature {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
  .product-single .features__image-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }

/********************************************************/
/********************************************************/
/*******  Blog/product-page-post.scss *******/
/********************************************************/
/********************************************************/
/****************************************/
/* - XR - RESPONSIVES STYLES            */
/****************************************/
/* @media (max-width: 1080px) and (min-width: 767px) { */
 @media (max-width: 1080px) and (min-width: 768px) {
  .hs_cos_wrapper_type_custom_widget .span4,
  .services .span4 {
    width: 45%; }

   .hs_cos_wrapper_type_custom_widget .flex-three .span4:nth-child(2n),
   .services .flex-three .span4:nth-child(2n) {
       margin-left: 2.762430939%;
   }
  .hs_cos_wrapper_type_custom_widget .flex-three .span4:nth-child(2n+1),
  .services .flex-three .span4:nth-child(2n+1) {
      margin-left: 0px;
  }
   .hs_cos_wrapper_type_custom_widget .flex-four .span4:nth-child(3n),
   .services .flex-four .span4:nth-child(3n) {
       margin-left: 2.762430939%;
   }
  .hs_cos_wrapper_type_custom_widget .flex-four .span4:nth-child(3n+1),
  .services .flex-four .span4:nth-child(3n+1) {
      margin-left: 0px;
  }

  header.header #menu ul li.hs-menu-depth-1 a {
    padding: 0 8px; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 1200px) and (max-width: 1300px) {
  .links a:last-child {
    margin-right: 67px; } }

/* Large desktops and laptops */
@media (max-width: 1200px) {
  header.header .hs-form {
    margin-right: -20px; } }

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  ./* social-footer ul li {
    margin: 0px 40px; } */
  .links a:last-child {
    margin-right: 50px; }
  .team .slick-prev {
    left: 0px;
    top: 27%; }
  .team .slick-next {
    right: 0px;
    top: 27%; }
  /* #menu is the original menu */ }

@media (min-width: 768px) and (max-width: 1059px) {
  .individual-project-page .project-highlights .social {
    width: 130px; }
    .individual-project-page .project-highlights .social li {
      padding-bottom: 10px; } }

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  /* .social-footer ul li {
    margin: 0px 25px; } */
  .links a:last-child {
    margin-right: 50px; }
  .search-form {
    display: none; }
  .team .slick-prev {
    left: 0px;
    top: 26%; }
  .team .slick-next {
    right: 0px;
    top: 27%; } }

@media (max-width: 971px) {
  header.header .search {
    display: none; }
  header.header #menu ul {
    display: none; }
  header.header .hs-form {
    line-height: normal;
    margin: 22px 15px 0 0; }
    header.header .hs-form .field a {
      float: right;
      margin-top: -7px;
      font-size: 20px;
      z-index: 1000; }
      header.header .hs-form .field a:after {
        z-index: 1000; }
  .slicknav_menu {
    display: block;
    z-index: 1; } }

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .footer-info > .container > .span12 > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .footer-info > .container > .span12 > .row-fluid-wrapper > .row-fluid > .span4:last-of-type {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
         -moz-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
  .social-footer .text {
    min-height: auto;
    text-align: center; }
    .social-footer .text .hs_cos_wrapper_type_text {
      position: relative;
      margin-top: -10px;
      font-weight: bold;
      max-width: 350px;
      width: 100%;
      text-align: center; }
   .homepage .product-cta .product .row-fluid {
    text-align: center;
    display: block; }
    .homepage .product-cta .product .row-fluid .span5 {
      position: relative; }
      .homepage .product-cta .product .text {
          max-width: 100%;
      }
      .homepage .product-cta .product h2 {
          text-align: center;
      }
      .homepage .product-cta .product .row-fluid .span5 img {
        position: relative;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%); }
  .homepage .homeslider .slide .content p,
  .homeslider .slide .content .des {
      font-size: 16px;
    /* font-size: 15px; */ }
  .portfolio .row-fluid .span3 {
    width: 100%;
    margin: 0px; }
  .hs_cos_wrapper_type_custom_widget .span4 {
    margin-right: 0; }
  .faq .questions .question {
    position: static !important; }
  .our-capabilities-page .our-certifications {
    padding-bottom: 0px; }
  .our-capabilities-page .our-certifications img {
    margin: 0 auto;
    margin-bottom: 50px;
    display: block; }
  .our-capabilities-page .features .feature-image img {
    margin-bottom: 15px; }
  .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left {
    padding: 0; }
    .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h1, .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h2, .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h3, .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h4 {
      margin-bottom: 5px; }
  .our-capabilities-page .individual-project-page .project-highlights .project-highlights-right {
    padding: 0; }
  .our-capabilities-page .individual-project-page .project-summary .project-summary-left {
    padding: 0; }
    .our-capabilities-page .individual-project-page .project-summary .project-summary-left img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .our-capabilities-page .individual-project-page .project-summary .project-summary-right {
    padding: 0; }
  .our-capabilities-page #hs-link-logo img {
    width: 188px !important; }
  .our-capabilities-page header.header h1.logo a img {
    width: 188px !important; }
  .our-capabilities-page header.header .hs-form {
    display: none; }
  .our-capabilities-page header.header.fixed .slicknav_nav ul {
    padding-bottom: 17px; }
  .our-capabilities-page .faq ul.filters li {
    margin-top: 0px; }
  .our-capabilities-page .history .dashed-line {
    text-align: center; }
  .our-capabilities-page .process-line {
    display: none !important; }
  .our-capabilities-page .process_text {
    position: relative; }
  .our-capabilities-page .process {
    padding-bottom: 25px; }
    .our-capabilities-page .process h3 {
      margin-left: 110px; }
    .our-capabilities-page .process p {
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 30px; }
    .our-capabilities-page .process h2 {
      margin-bottom: 34px; }
  .our-capabilities-page .progress_bars {
    margin-left: -15px !important;
    background-color: white; }
  .our-capabilities-page .about-me-skills p {
    margin-bottom: 65px; }
  .our-capabilities-page .see-more .cta_button {
    margin: 0 auto; }
  .our-capabilities-page .header-landing .row-fluid .span10 {
    width: 82.905982906% !important;
    float: left !important; }
  .our-capabilities-page .header-landing .row-fluid .span2 {
    width: 14.529914530000001% !important;
    float: left !important; }
  .our-capabilities-page .social-footer .triangle {
    display: none; }
  .our-capabilities-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: none; }
  .active-branch {
    width: 100%; }
  .expertise {
    text-align: center; }
  .history .dashed-line {
    width: 35%;
    float: left; }
  .history .slick-history {
    width: 65%;
    float: left; }
  .features .feature {
    text-align: center; }
    .features .feature i {
      margin-bottom: 15px; }
  .faq .questions {
    min-height: 420px;
    height: auto !important;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #393939; }
  .faq-main h2 {
    font-size: 50px;
    color: #fff; }
  .listing-blog .single-post h3 {
    margin-top: 10px; }
  .team .slick-prev {
    left: 0px;
    top: 27%; }
  .team .slick-next {
    right: 0px;
    top: 27%; }
  .recent img {
    margin-top: 35px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 100% !important; }
  .expertise .col-sm-4:before {
    background: none; }
  .flex {
    display: initial; }
  .what-i-do ul.social li a {
    margin-right: 10px; }
  .see-more h2 {
    text-align: center;
    padding-top: 0px; }
  .about-me-skills:before {
    display: none; }
  .about-me-skills .change-color {
    position: relative; }
  .what-i-do:before {
    display: none; }
  #menu {
    display: none; }
  .slicknav_menu {
    display: block; }
  .portfolio .boxes a.box {
    height: 325px; }
    .portfolio .boxes a.box h3 {
      top: 360px; }
  .product .iphone {
    display: none; }
  .social-footer ul li {
    margin: 10px 10px 0px 10px; }
    .social-footer ul li a i {
      font-size: 35px; }
  .social-footer .text {
    margin-bottom: 15px;
    font-size: 21px; }
  .slick-next {
    right: 5px; }
  .slick-prev {
    left: 5px; }
  .slick-prev, .slick-next {
    top: 40%; }
  .skills h3.circle-title {
    margin: 0px 0px 55px 0px; }
  .links a:last-child {
    margin-right: 67px; }
  .footer {
    height: initial;
    line-height: 34px;
    overflow-x: hidden; }
    .footer .links {
      text-align: left;
      white-space: nowrap; }
      .footer .links a {
        line-height: inherit; }
        .footer .links a:first-child {
          padding-left: 0px; }
    .footer .copy {
      line-height: inherit; }
    .footer .scroll-top {
      height: 100%;
      width: 60px; }
    .footer.footer--landing .scroll-top {
      height: 60px;
      width: 60px;
      display: none; }
      .footer.footer--landing .scroll-top i {
        line-height: 60px; }
      .footer.footer--landing .scroll-top:hover i {
        line-height: 45px; }
  .search-form {
    display: none; }
  .mouse_scroll {
    display: none !important; } }

/* Portrait phones and smaller */
@media (max-width: 415px) {
  .services-main h1 {
    margin-top: 200px;
    font-size: 38px; }
  .recent img {
    max-width: 200px; }
  .expertise img {
    width: 100px;
    padding: 25px 0; }
  .expertise .span10.text {
    padding: 0; }
    .expertise .span10.text p {
      padding-bottom: 20px; }
  .our-capabilities-page h1 {
    font-size: 40px; }
  #counter .cta_button {
    margin: 0 auto !important; }
  .see-more-cta {
    width: 170px;
    padding: 10px 21px; }
  .faq-main h2 {
    margin-top: 100px;
    padding: 15px; }
  .our-certifications img {
    width: 70px !important; }
  .testimonials .person-container .person-left {
    text-align: center; }
  .testimonials .person-container .person-right {
    text-align: center;
    padding-left: 10px;
    height: 100px; }
    .testimonials .person-container .person-right p {
      padding-top: 15px; }
  .testimonials .person-container img {
    display: inline-block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }
  .testimonials .person-container div {
    width: 100%;
    float: none; }
  .history .dashed-line {
    width: 50%;
    float: left;
    margin-top: 150px; }
  .history .slick-history {
    width: 50%;
    float: left; }
  .portfolio-blog .portfolio-header h2 {
    font-size: 10vw; }
    .social-footer ul.soical-five li a i {
     font-size: 30px; }
    }

/* iphone 6S plus */
@media (max-width: 415px) and (max-height: 764px) and (min-width: 410px) {
  .services-main h1 {
    margin-top: 250px; } }

@media (max-width: 321px) {
  h1 {
    font-size: 37px; } }

@media (max-width: 768px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    max-width: initial;
    width: initial; }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: inline-block;
    max-width: initial;
    width: initial; }
  .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper li a {
    display: inline-block;
    max-width: initial;
    width: initial; }
}

/********************************************************/
/********************************************************/
/*******  CUSTOM SLIDER NEWS *******/
/********************************************************/
/********************************************************/
@media (max-width: 767px) {
    .slider-rec-posts-title .slick-prev, .slick-next {
        top: 30%;
    }
}

/********************************************************/
/********************************************************/
/*******  CUSTOM FOOTER *******/
/********************************************************/
/********************************************************/

/*----- 7/26 Edited by TuanDV -----*/
.footer-info .footer-left, .footer-info .footer-right {
    width: 30%;
}
.footer-info .footer-left {
   margin-left: 15% !important;
   margin-right: 5% !important;
}
.footer-info .footer-right {
   margin-left: 5% !important;
   margin-right: 15% !important;
}

.footer-info .footer-nav ul,
.footer-info .footer-info-text .nav {
    margin-left: 0px;
    padding-left: 0px;
     margin-bottom: 0px;
}

.social-center ul {
    text-align: center;
}
/*----- END 7/26 Edited by TuanDV -----*/

/*----- 7/26 Edited by TuanDV -----*/
.footer-info .footer-info-text .nav li {
    margin-bottom: 0px;
}
.footer-info .footer-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li a,
.footer-info .footer-nav ul li a,
.footer-info .footer-info-text .nav li a {
    color: #ccc !important;
    /* padding: 5px 5px 5px 0px; */
    padding: 0px 5px 5px 0px;
    /* text-indent: 10px; */
    display: inline-block;
    font-size: 16px;
    font-weight: normal !important;
    text-decoration: none !important; ;
}
/*----- END 7/26 Edited by TuanDV -----*/

.footer-info .footer-nav ul li a:hover {
    opacity: 0.7;
}

.footer-info .banner {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 40px;
}

.footer-info .banner li {
    margin-top: 10px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    list-style-type: none;
}

.footer-info .banner li:before {
    display: none;
}
.footer-info .banner li:last-child {
    margin-right: 0;
}

.footer-info .banner li img {
    width: 150px;
    height: auto;
}

.footer-info .subscript p.text,
#sidebar-blog .subscript p.text {
    font-size: 14px;
    margin: 10px 0px;
}

.footer-info .subscript input,
#sidebar-blog .subscript input {
    font-size: 14px;
    /*font-weight: bold; */
    /*----- 7/28 Edited by TuanDV -----*/
}

#sidebar-blog .subscript p.text {
 display: none;
}

.footer-info .subscript .att,
#sidebar-blog .subscript .att,
.home-contact-section .att,
.form-privacy .att {
    text-align: left;
    max-width: 600px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}
.footer-info .subscript .att {
    min-height: 45px;
}
.form-privacy .att {
    line-height: 1.5;
}

.footer-info .subscript .att img,
#sidebar-blog .subscript .att img,
.home-contact-section .att img,
.form-privacy .att img {
        float: left;
    margin-right: 8px;
    width: 45px;
    height: auto;
}

.footer-info .subscript .att a,
#sidebar-blog .subscript .att a,
.home-contact-section .att a,
.form-privacy .att a {
    color: #3E3E3E;
    text-decoration: underline;
    font-size: 11px;
}
.footer-info .subscript .att a,
.home-contact-section .att a {
    color: #FFF;
}
.footer-info .subscript .hs_email .input input {
    width: 100%;
}
.footer-info .subscript .att ol li,
#sidebar-blog .subscript .att ol li,
.home-contact-section .att ol li,
.form-privacy .att ol li {
  font-size: 12px;
}
@media (max-width: 767px) {

    /*----- 7/26 Edited by TuanDV -----*/
    .footer-two-column .footer-info {
        padding-top: 30px;
    }

    .footer-two-column-form .footer-info {
          padding-top: 0px;
    }

    .footer-right-form {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .footer-info .subscript {
        margin-bottom: 40px;
     }
    .footer-info h3 {
       font-size: 16px;
       margin: 0px 0px 16px 0px;
       padding-bottom: 10px;
    }
    .footer-info p,
    .footer-info ul li,
    .footer-info a {
        font-size: 16px;
    }
    .footer-info .footer-left,
    .footer-info .footer-right {
       margin-left: 0px !important;
       margin-right: 0px !important;
       width: 100%;
    }

    .footer-three-column .footer-info .f-column  {
        margin-top: 20px;
    }

    /*----- 7/27 Edited by TuanDV -----*/
    .footer-three-column-form .footer-info .f-column:first-child {
        margin-top: 0px;
    }
    /*----- END 7/27 Edited by TuanDV -----*/

    .footer-three-column-noform .footer-info > .container > .span12 > .row-fluid-wrapper > .row-fluid > .span4:last-of-type {
        -webkit-box-ordinal-group: inherit;
        -webkit-order: inherit;
        -moz-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit;
    }

    /*----- End  7/26 Edited by TuanDV -----*/
}

/*----- 7/26 Edited by TuanDV -----*/
@media (max-width: 480px) {
    .footer-info .footer-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li a,
    .footer-info .footer-nav ul li
    .footer-info .footer-nav ul li a,
    .footer-info .footer-info-text .nav li,
    .footer-info .footer-info-text .nav li a,
    .footer-info p {
        font-size: 14px;
    }
}

/********************************************************/
/********************************************************/
/*******  BLOG PAGE *******/
/********************************************************/
/********************************************************/
@media only screen and (min-width: 768px) {
  .blog-content-section .row-fluid-wrapper:nth-child(2) .row-fluid {
    display: flex;
    align-items: flex-start;
    position: relative;
  }

  .blog-author {
    margin-top: 125px;
  }

  .blog-author .row-fluid-wrapper .row-fluid {
    display: flex;
    align-items: flex-start;
    position: relative;
  }

  #maincontent-blog {
    float: none;
  }
  #sidebar-blog {
    height: 100%;
  }
}
@media only screen and (max-width: 970px) {
  .blog-author {
    margin-top: 75px;
  }
}
#sidebar-blog {
  height: 100%;
}
/* サイドメニュー固定 */
@media only screen and (min-width: 768px) {
  #sidebar-blog.is-active {
    position: fixed;
    bottom: 0;
    height: auto;
    margin-left: 0;
  }
  #sidebar-blog.is-active--absolute {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    margin-left: 0;
  }
}

#sidebar-blog .sidebar-topic {
}
#sidebar-blog .sidebar-topic .block  {
    margin-top: 20px;
    border-top: none;
    background: #FFF;
}

      #sidebar-blog .sidebar-topic .sideber-entry-tag {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
      }
      #sidebar-blog .sidebar-topic .sideber-entry-tag .sideber-entry-tag__name {
        display: inline-block;
        margin: 5px;
        padding: 2px 10px;
        color: #3e3e3e;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        border-radius: 5px;
        border: 1px solid #3e3e3e;
        transition: .5s;
      }
      #sidebar-blog .sidebar-topic .sideber-entry-tag .sideber-entry-tag__name:hover {
        opacity: .5;
      }

#sidebar-blog .sidebar-topic .block h3 {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #3E3E3E;
    position: relative;
}
#sidebar-blog .sidebar-topic .block h3::after {
    content: "";
    height: 8px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223px%22%20height%3D%223px%22%20viewBox%3D%220%200%203%203%22%20fill%3D%22hsla%25280%2C%200%25%2C%2065%25%2C%201.0%2529%22%3E%3Cpolygon%20points%3D%220%2C0.5%200%2C1.5%201.5%2C3%202.5%2C3%22%2F%3E%3Cpolygon%20points%3D%222.5%2C0%201.5%2C0%203%2C1.5%203%2C0.5%22%2F%3E%3C%2Fsvg%3E');
    background-size: 3px 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
}
#sidebar-blog .sidebar-topic .block h3 span {
  font-size: 18px;
  font-family: 'Oswald',sans-serif;
  font-weight: bold;
  margin-right: 10px;
  color: #3E3E3E;
}
#sidebar-blog .sidebar-topic .block ul li:first-child {
  border-top: none;
}
#sidebar-blog .sidebar-topic .block ul li {
    clear: both;
    border-top: #ccc dotted 1px;
}
#sidebar-blog .sidebar-topic .block ul li a {
  display: block;
  padding: 20px 23px 20px 5px;
}
#sidebar-blog .sidebar-topic .block ul li a:after {
    font-family: "fontawesome";
    content: '\f054';
    position: absolute;
    right: 0.6em;
    font-size: 1em;
    color: #d9d9d9;
}
#sidebar-blog .sidebar-topic .block ul li a:hover:after {
  right:0.5em;
  -webkit-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  transform: translate(1px, 0);
}
#sidebar-blog .blog-subscribe .submit-message {
    font-size: 14px;
    padding: 5px;
    text-align: left;
    margin-top: 5px;
}
.sodium-blog .side-bar-blog .box-recent-post .item {
    clear: both;
    border-top: #ccc dotted 1px;
    padding: 10px;
}
#sidebar-blog {
    position: relative;
}
/*
#sidebar-blog.fixed .sidebar-wrap {
    position: fixed;
    top: 60px;
    z-index: 5;
}
#sidebar-blog.fixed .box-item {
    max-width: 264px;
}
*/
#sidebar-blog.anchored .box-item {
    max-width: 360px;
}
#sidebar-blog form fieldset.form-columns-1 .input, #sidebar-blog form fieldset.form-columns-2 .input {
    margin-right: 0 !important;
}
#sidebar-blog form fieldset.form-columns-2 .hs_lastname,
#sidebar-blog form fieldset.form-columns-2 .hs_firstname {
    width: 100%;
    float: none;
}
#sidebar-blog form fieldset.form-columns-1 input {
  width: 100% !important;
}
#sidebar-blog form fieldset.form-columns-1 .hs_privacy_policy_check input {
    width: auto !important;
}
#sidebar-blog form fieldset.form-columns-1 .hs_privacy_policy_check .input input[type="checkbox"].hs-input + span:before {
    display: none;
}
#sidebar-blog form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span {
    padding-left: 0px;
}
#sidebar-blog form fieldset.form-columns-1 .hs_privacy_policy_check .input input[type="checkbox"].hs-input + span:after {
   top: 12px;
}
#sidebar-blog form fieldset.form-columns-2 .hs_lastname input,
#sidebar-blog form fieldset.form-columns-2 .hs_firstname input{
    width: 100%;
}
#sidebar-blog form.hs-form .inputs-list li label {
    font-size: 12px;
    color: #F00;
}
#sidebar-blog .subscript input {
  width: 100%;
}
#sidebar-blog .blog-subscribe {
    margin-top: 20px;
    border-top: none;
    background: #FFF;
}
#sidebar-blog .blog-subscribe h3.title {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #3E3E3E;
    position: relative;
}
#sidebar-blog .blog-subscribe h3.title::after {
    content: "";
    height: 8px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223px%22%20height%3D%223px%22%20viewBox%3D%220%200%203%203%22%20fill%3D%22hsla%25280%2C%200%25%2C%2065%25%2C%201.0%2529%22%3E%3Cpolygon%20points%3D%220%2C0.5%200%2C1.5%201.5%2C3%202.5%2C3%22%2F%3E%3Cpolygon%20points%3D%222.5%2C0%201.5%2C0%203%2C1.5%203%2C0.5%22%2F%3E%3C%2Fsvg%3E');
    background-size: 3px 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
}
#sidebar-blog .blog-subscribe h3.title span {
  font-size: 18px;
  font-family: 'Oswald',sans-serif;
  font-weight: bold;
  margin-right: 10px;
  color: #3E3E3E;
}
#sidebar-blog .blog-subscribe .form-title {
    display: none;
}
#sidebar-blog .widget-type-form {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: 0px;
}
#sidebar-blog .blog-subscribe .hs-form {
  padding-left: 5px;
  padding-right: 5px;
}
#sidebar-blog form .hs_privacy_policy_check {
  margin-top: -10px;
}
#sidebar-blog form .hs_privacy_policy_check input {
    width: auto !important;
}
#sidebar-blog form .hs_privacy_policy_check .input input[type="checkbox"].hs-input + span:before {
    display: none;
}
#sidebar-blog form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span {
    padding-left: 0px;
}
#sidebar-blog form .hs_privacy_policy_check .input input[type="checkbox"].hs-input + span:after {
    top: 10px;
}
/********************************************************/
/********************************************************/
/*******  BREADCUMB *******/
/********************************************************/
/********************************************************/
#breadcumb {
    margin-top: 10px;
    padding-bottom: 15px;
    clear: both;
    font-size: 14px;
        border-bottom: 1px solid #ebebeb;
}
#breadcumb ul li {
    display: inline-block;
}
#breadcumb ul li:after {
    margin-left: 3px;
    margin-right: 3px;
    content: "/";
}
#breadcumb ul li:last-child:after {
    margin-left: 0;
    margin-right: 0;
    content: "";
}
#breadcumb ul li a, #breadcumb ul li {
    font-size: 12px;
    font-weight: bold;
    color: #3E3E3E;
}
#breadcumb ul li.post span, #breadcumb ul li.active {
    color: #3E3E3E;
}
#breadcumb ul li a {
    text-decoration: underline;
}
.blog-author #breadcumb {
  margin-bottom: 28px;
  padding-left: 0px;
}
@media screen and (max-width: 767px) {
  .blog-author #breadcumb {
    margin-bottom: 10px;
  }
}

/********************************************************/
/********************************************************/
/*******  BLOG DETAILS *******/
/********************************************************/
/********************************************************/

.recent-posts a:hover, .recent-articles a:hover, .blog-section .cta_button:hover {
    text-decoration: none;
  opacity: 0.7;
}

/********************************************************/
/********************************************************/
/*******  SOCIAL *******/
/********************************************************/
/********************************************************/
.sodium-blog.hs-blog-post .blog-mobile-layout .social-blog {
    position: absolute !important;
    bottom: 0px;
    width: 100% !important;
    height: 45px;


    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.sodium-blog.hs-blog-post .blog-mobile-layout .social-list {
    height: auto;
    width: 100%;
    left: auto;
    right: auto;
    text-align: center;
    bottom: 0px;
}
.sodium-blog.hs-blog-post .blog-mobile-layout .social-list ul {
    width: 100%;

}
.sodium-blog.hs-blog-post .blog-mobile-layout .social-list ul li {
    display: inline-block;
}
.sodium-blog.hs-blog-post .blog-mobile-layout #hubspot-topic_data {
    padding-bottom: 70px;
}
.sodium-blog .blog-mobile-layout .blog-section {
    margin-left: 0px;
    padding-left: 0px;
}
@media only screen and (max-width: 767px) {
    .sodium-blog.hs-blog-post .social-blog {
      margin-top: 40px;
      margin-bottom: 40px;
    }
}
@media only screen and (max-width: 480px) {
    .sodium-blog.hs-blog-post .blog-mobile-layout .social-blog {
        position: fixed !important;
        bottom: 0px;
        left: 0px;
        width: 100% !important;
        height: 40px;
        z-index:998;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: #e1e1e1;
        transition: bottom .3s ease;
    }

    .sodium-blog.hs-blog-post .blog-mobile-layout .social-blog.hide-bt {
        bottom: -40px;
    }

    .sodium-blog.hs-blog-post .blog-mobile-layout .social-list {
        height: auto;
        width: 100%;
        left: auto;
        right: auto;
        text-align: center;
        bottom: 0px;
    }
    .sodium-blog.hs-blog-post .blog-mobile-layout .social-list ul {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .sodium-blog.hs-blog-post .blog-mobile-layout .social-list ul li {
        display: block;
        margin-bottom: 0px;
        height: 40px;
        width: 16.6667%;
        padding: 5px 8px;
    }
    .sodium-blog.hs-blog-post .blog-mobile-layout #hubspot-topic_data {
        padding-bottom: 70px;
    }
    .sodium-blog .blog-mobile-layout .blog-section {
        margin-left: 0px;
        padding-left: 0px;
    }
    .sodium-blog.hs-blog-post .blog-mobile-layout .social-blog .hide-arrow {
        margin-top: 0px;
        height: 40px;
        padding: 0px;
        float: right;
        display: none;
    }
    .sodium-blog.hs-blog-post .blog-mobile-layout .social-blog .hide-arrow i {
        transform: rotate(90deg);
        font-size: 22px;
    }
}

/********************************************************/
/********************************************************/
/*******  SIDEBAR BLOG *******/
/********************************************************/
/********************************************************/
.sodium-blog .side-bar-blog .box-recent-post {
}
.sodium-blog .side-bar-blog .box-recent-post .block  {
    border-top: none;
    background: #FFF;
}
.sodium-blog .side-bar-blog .box-recent-post .block h3,
.home-blog-post .block-post h3 {
    font-size: 12px;
    font-weight: bold;
    color: #3E3E3E;
    position: relative;
    height: auto;
    width: auto;
}
.sodium-blog .side-bar-blog .box-recent-post .block h3 span,
.home-blog-post .block-post h3 span {
  font-size: 18px;
  font-family: 'Oswald',sans-serif;
  font-weight: bold;
  margin-right: 10px;
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-recent-post .block h3:after,
.home-blog-post .block-post h3:after {
    content: "";
    height: 8px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223px%22%20height%3D%223px%22%20viewBox%3D%220%200%203%203%22%20fill%3D%22hsla%25280%2C%200%25%2C%2065%25%2C%201.0%2529%22%3E%3Cpolygon%20points%3D%220%2C0.5%200%2C1.5%201.5%2C3%202.5%2C3%22%2F%3E%3Cpolygon%20points%3D%222.5%2C0%201.5%2C0%203%2C1.5%203%2C0.5%22%2F%3E%3C%2Fsvg%3E');
    background-size: 3px 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
}
.sodium-blog .side-bar-blog .box-recent-post .block .list-recent {
  margin-top: 20px;
}
.sodium-blog .side-bar-blog .box-recent-post .item:first-child {
  border-top: none;
}
.sodium-blog .side-bar-blog .box-recent-post .item {
    clear: both;
    border-top: #ccc dotted 1px;
    padding: 10px;
    position: relative;
}
.sodium-blog .side-bar-blog .box-recent-post .item.no-img {
    padding-left: 0px;
}
.sodium-blog .side-bar-blog .box-recent-post .item a {
    display: block;
}
.sodium-blog .side-bar-blog .box-recent-post .item a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.sodium-blog .side-bar-blog .box-recent-post .item a:after {
    font-family: "fontawesome";
    content: '\f054';
    position: absolute;
    top: 30px;
    right: 0.1em;
    font-size: 0.8em;
    color: #d9d9d9;
}
.sodium-blog .side-bar-blog .box-recent-post .item a:hover:after {
  right:0em;
  -webkit-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  transform: translate(1px, 0);
}
.sodium-blog .side-bar-blog .box-recent-post .title  {
    font-size: 14px;
    padding-bottom: 5px;
    padding-right: 23px;
    display: inherit;
    color: #3E3E3E;
}
/********************************************************/
/********************************************************/
/*******  BREADCUMB *******/
/********************************************************/
/********************************************************/
#page_breadcrumb .hs-breadcrumb-menu-wrapper {
    position: absolute;
    top: 85px;
    z-index: 990;
}
#page_breadcrumb .hs-breadcrumb-menu li {
    padding: 5px 0px;
}
#page_breadcrumb .hs-breadcrumb-menu li,
#page_breadcrumb .hs-breadcrumb-menu li a {
    color: WHITE;
    font-size: 12px;
    font-weight: bold;
    transition: unset !important;
}
/* Hungtt edit 27/3/18 ( Delete .audienceone-breadcrumb ) */
#page_breadcrumb .hs-breadcrumb-menu li,
#page_breadcrumb .hs-breadcrumb-menu li a {
    color: #3E3E3E;
}
#page_breadcrumb .hs-breadcrumb-menu li a {
    text-decoration: underline;
    /* color: #d9d9d9; */
}
#page_breadcrumb .hs-breadcrumb-menu li a:hover {
    /* opacity: 0.7; */
}
#page_breadcrumb .hs-breadcrumb-menu li span.hs-breadcrumb-label {
    /* font-weight: bold; */
}
#page_breadcrumb ul li:after {
    margin-left: 8px;
    margin-right: 8px;
    content: "/";
}
#page_breadcrumb ul li:last-child:after {
    argin-left: 0;
    margin-right: 0;
    content: "";
}
#page_breadcrumb ul li .hs-breadcrumb-menu-divider {
    display: none;
}

.white-headerpage #page_breadcrumb .hs-breadcrumb-menu-wrapper {
    top: 80px;
}
.white-headerpage #page_breadcrumb .hs-breadcrumb-menu li, .white-headerpage #page_breadcrumb .hs-breadcrumb-menu li a {
    color: #3E3E3E;
}
.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu-wrapper {
    top: inherit;
    position: relative;
    margin-top: 10px;
    padding-bottom: 15px;
        border-bottom: 1px solid #ebebeb;
        clear: both;
}
.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li {
    float: none;
    display: inline-block;
    padding: 0px;
}
.normal-breadcumb #page_breadcrumb ul li:after {
    color: #3E3E3E;
}
.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li {
    color: #3E3E3E;
}
.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li a {
    color: #3E3E3E;
}
.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li span.hs-breadcrumb-label {
    color: #3E3E3E;
}
.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li span.hs-breadcrumb-label {

}

      @media (min-width: 768px) {
        .breadcrumb--seminar-top {
          top: 95px;
          position: absolute;
          z-index: 990;
        }
      }
      @media (min-width: 972px) {
        .breadcrumb--seminar-top {
          top: 125px;
        }
      }
      @media (max-width: 767px) {
        #breadcumb.breadcrumb--seminar-top {
          padding-bottom: 30px;
          padding-left: 0px;
        }
      }

/********************************************************/
/********************************************************/
/*******  FOOTER POPUP *******/
/********************************************************/
/********************************************************/

/********************************************************/
/********************************************************/
/*******  FOOTER POPUP *******/
/********************************************************/
/********************************************************/

.customizer-popup {
    position: fixed;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 999;
}

.customizer-btn {
    position: fixed;
    left: -120px;
    bottom: 200px;
    height: 60px;
    background-color: #464646;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all 0.3s;
    z-index: 999;
}
.customizer-btn img {
    padding: 11px;
}
.customizer-btn:hover {
    left: 0;
}
.customizer-btn span {
    padding-right: 15px;
}
.customizer-btn a {
    text-decoration: none;
    color: #fff;
    line-height: 60px;
    padding-left: 15px;
}
.customizer-popup .customizer-popup-content {
    position: relative;
    background: #FFF;
}
.customizer-popup .customizer-popup-content .exit-btn {
    background-image: url('https://4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/icon-exit.png');
    background-size: contain;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -20px;
    left: -20px;
}
.customizer-popup .customizer-popup-content .exit-btn:hover {
    cursor: pointer;
}
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.footer-info .submit-message {
    padding-top: 30px;
    font-size: 14px;
}

.footer .copy span, .footer .copy a {
    font-size: 14px;
    color: #999;
}

/********************************************************/
/********************************************************/
/*******  PRICE *******/
/********************************************************/
/********************************************************/
.chart-wrapper {
    border-bottom: none;
}

.chart-wrapper .hs-button {
    color: #FFFFFF;
    border: solid 2px #ff9900;
}

.chart-wrapper .price-box, .chart-wrapper .mia-card {
  background-color: #FFF;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 6px rgba(0,0,0,.2);
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

.chart-wrapper .mia-card {
    margin-bottom: 0px;
}

.chart-wrapper .price-box {
    margin-top: 10px;
}

.chart-wrapper .mia-card {
    margin-top: 0;
}

.chart-wrapper .main-title,
.chart-wrapper .wrap-main-title h2 {
    margin-top: 0px;
    text-align: left;
}

.chart-wrapper .text p {
  font-weight: 200;
  line-height: 1.75;
}

.inbound-roi .chart-wrapper {
    margin-top: 50px;
}

.box-price-wrap .roi-border-bottom {
    padding: 1em 0;
    /* border-bottom: 1px solid #ddd; */
}

.box-price-wrap .roi-border-bottom label {
    margin-top: 10px;
    display: block;
}

.box-price-wrap select {
        background-color: #fff;
    padding: 9px 20px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #626262;
    margin-top: 0px !important;

    background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
    height: 45px;
    width: 100% !important;
     outline: 0;
    -webkit-appearance: none;
    font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
}

.box-price-wrap select::-ms-expand {
    display: none;
}
.box-price-wrap #txtVisitors {
        background-color: #fff;
    padding: 6px 20px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 20px;
    color: #3E3E3E;
   /* margin-top: 10px; */
}
.box-price-wrap #Calculate {
    width: 100%;
}

.price-box .row-fluid {
        padding: 1em 0;
    border-bottom: 1px solid #ddd;
}

.price-box .number {
    font-size: 1.8rem;
    color: #d9d9d9;
}

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

.price-info .calculate-wrap {
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .chart-wrapper .price-box {
        margin-top: 40px;
    }
    .chart-wrapper .box-price-wrap label {
        display: block;
        margin: 0px 0px 10px 0px;
    }
    .chart-wrapper .main-title,
    .chart-wrapper .wrap-main-title h2 {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .box-price-wrap {
        display: none;
    }
}

/********************************************************/
/********************************************************/
/*******  CUSTOMER LOGO *******/
/********************************************************/
/********************************************************/
#customer_logo {
    margin: 0px 0px 0px 0px;
}
#customer_logo .logo-item {
    background-color: #FFFFFF;
    width: 31.1475%;
    margin-top: 20px;
    margin-left: .8196%;
    margin-right: .8196%;
    text-align: center;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: #eee solid 4px;
    display: block;
}
#customer_logo .logo-item .logo-section {
    height: 100%;
    display: block;
    padding: 30px 20px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer_logo .logo-item a.logo-section {
    cursor: pointer;
}

#customer_logo .logo-item .logo-section figure {
    width: 100%;
    height: 90px;
    margin: 0;
    display: table;
    box-sizing: border-box;
}
#customer_logo .logo-item .logo-section figure span {
  max-width: 280px;
  display: table-cell;
  vertical-align: middle;
}
#customer_logo .logo-item .logo-section img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    max-width: 100%;
    width: initial !important;
    width: auto !important;
    height: initial !important;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer_logo .logo-item .logo-section .case-title {
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-weight: bold;
    color: #d9d9d9;
}

#customer_logo .logo-item .logo-section .description {
    height: 4.0em;
    margin-top: 18px !important;
    margin-bottom: 0;
    text-align: left;
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #3E3E3E;
}
#customer_logo .logo-item .logo-section .description span {
  font-size: 16px;
  color: #d9d9d9;
}
#customer_logo .logo-item a.logo-section:hover {
    opacity: 0.7;
    text-decoration: none;
}
#customer_logo .logo-item a.logo-section:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.lp-module #customer_logo .logo-item .logo-section .description {
    line-height: inherit;
}

.lp-module #customer_logo .logo-item a.logo-section {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 971px) {
#customer_logo .logo-item .logo-section {
    padding: 30px 20px 40px;
}
}

@media (max-width: 768px) {
    #customer_logo .logo-item {
        width: 48%;
    }
}

@media (max-width: 480px) {
    #customer_logo .logo-item {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

/********************************************************/
/********************************************************/
/*******  LANDING PAGE*******/
/********************************************************/
/********************************************************/

.landing .form-landing .hs-error-msgs {
    margin-top: 1rem;
}

.landing .form-landing .hs-error-msgs label {
    color: #F00;
    font-size: 12px;
    padding-left: 0px;
}

.landing .content-landing p, .landing .hs_cos_wrapper_type_rich_text ul li, .landing .hs_cos_wrapper_type_rich_text span,
.landing .hs_cos_wrapper_type_rich_text a {
    font-size: 16px;
}

.landing h2 {
    font-size: 28px;
    font-weight: bold;
}

/********************************************************/
/********************************************************/
/*******  MAIN MENU *******/
/********************************************************/
/********************************************************/
.header-container #header #nav_sp {
    display: none;
}

.header-container #header #menu ul li.hs-menu-depth-1 .p-trigger {
     display: none;
}

/********************************************************/
/********************************************************/
/*******  FOR PAGE HAS EDIT MODULE *******/
/********************************************************/
/********************************************************/
.editcontent-wrap {
    /* padding-bottom: 50px; */
}

/********************************************************/
/********************************************************/
/*******  CUSTOMIZER RESPONSIVES STYLES  CSS  *******/
/********************************************************/
/********************************************************/


@media (max-width: 1080px) and (min-width: 767px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 1200px) and (max-width: 1300px) {

}

/* Large desktops and laptops */
@media (max-width: 1200px) {
    header.header #menu ul li.hs-menu-depth-1 a {
        font-size: 13px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

@media (max-width: 1100px) {
    header.header #menu ul li.hs-menu-depth-1 a {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1059px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}


@media (max-width: 971px) {

    .header-container #header #menu_wrapper {
        width: 100%;
        margin-left: 0px;
    }

    .header-container #header .logo-wrap
    {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }

    .header-container #header #hs-link-logo {
        display: block;
        text-align: center;
        /* margin-top: 22px;
        padding: 0px 40px; */
        width: 201px;
        margin: 12px auto 0px auto;
    }

    .header-container #header.audienceone #hs-link-logo {
         width: 92px;
         margin: 6px auto 0px auto;
    }

    .header-container #header.xmediaone #hs-link-logo {
         width: 203px;
         /* margin: 14px auto 0px auto; */
    }

    .header-container #header.dialogone #hs-link-logo {
        width: 186px;
        margin: 13.5px auto 0px auto;
    }

    .header-container #header.flexone #hs-link-logo {
         width: 155px;
        margin: 19px auto 0px auto;
    }

    .header-container #header.ad-meister #hs-link-logo {
        width: 73px;
        margin: 11px auto 0px auto;
    }

    .header-container #header.xmediaone-pmp #hs-link-logo {
         width: 201px;
         margin: 11px auto 0px auto;
    }

    .header-container #header.stats-series #hs-link-logo {
         width: 325px;
         margin: 20px auto 0px auto;
    }

    .header-container #header.statsone #hs-link-logo {
         width: 325px;
         margin: 20px auto 0px auto;
    }

    .header-container #header.marketone #hs-link-logo {
         width: 147px;
         margin: 18px auto 0px auto;
    }

    .header-container #header.yield-one #hs-link-logo {
         width: 86px;
         /* margin: 9px auto 0px auto; */
    }

    .header-container #header.sherpa #hs-link-logo {
         width: 201px;
         margin: 11px auto 0px auto;
    }

    .header-container #header #hs-link-logo img {
        position: static;
        top: auto;


     -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    }


   .header-container #header .widget-type-logo img.hs-image-widget {
/*       width: 201px !important; */
/*       height: auto; */
   }

   .header-container #header.audienceone .widget-type-logo img.hs-image-widget {
         width: 92px !important;
    }

    .header-container #header.xmediaone .widget-type-logo img.hs-image-widget {
         width: 203px !important;
    }

    .header-container #header.dialogone .widget-type-logo img.hs-image-widget {
         width: 186px !important;
    }

    .header-container #header.flexone .widget-type-logo img.hs-image-widget {
         width: 155px !important;
    }

    .header-container #header.ad-meister .widget-type-logo img.hs-image-widget {
         width: 73px !important;
    }

    .header-container #header.xmediaone-pmp .widget-type-logo img.hs-image-widget {
         width: 201px !important;
    }

    .header-container #header.stats-series .widget-type-logo img.hs-image-widget {
         width: 260px !important;
    }

    .header-container #header.statsone .widget-type-logo img.hs-image-widget {
         width: 260px !important;
    }

    .header-container #header.marketone .widget-type-logo img.hs-image-widget {
         width: 147px !important;
    }

    .header-container #header.yield-one .widget-type-logo img.hs-image-widget {
         width: 86px !important;
    }

    .header-container #header.sherpa .widget-type-logo img.hs-image-widget {
         width: 201px !important;
    }

   header.header .widget-type-logo {
       height: auto;
   }

  .header-container #header #nav_sp {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 100;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
    margin: 0px;
    cursor: pointer;
    }

 .header-container #header #nav_sp .menu-trigger {
    position: relative;
    width: 15px;
    height: 40px;
    }

    .header-container #header #nav_sp .menu-trigger,
    .header-container #header #nav_sp .menu-trigger span {
        display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-sizing: border-box;
    }

  .header-container #header #nav_sp .menu-trigger span {
    background-color: #3E3E3E;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    }

    .header-container #header #nav_sp .menu-trigger span:nth-of-type(1) {
    top: 6px;
    }

    .header-container #header #nav_sp .menu-trigger span:nth-of-type(2) {
    top: 12px;
    }

    .header-container #header #nav_sp .menu-trigger span:nth-of-type(3) {
    top: 18px;
    }

    .header-container #header #nav_sp em {
        width: 40px;
        position: absolute;
        bottom: 3px;
        left: 0;
        font-size: 10px;
        font-style: normal;
    }

    .header-container #header {
        -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
     transition: none;
    }

    .header-container #header.active {
        background-color: rgba(0,0,0,0.9) !important;
        border-bottom: 1px solid #333 !important;
        height: 100%;
    }
    .header-container #header.header-white-bg.active {
        background-color: #FFF !important;
    }

    .header-container #header.active #logo_normal {
        display: none !important;
    }

    .header-container #header.active #logo_white {
        display: inline-block !important;
    }

    .header-container #header.active #nav_sp .menu-trigger span:nth-of-type(1) {
        /* -webkit-transform: translateY(6px) rotate(-45deg);
        transform: translateY(6px) rotate(-45deg); */
        -webkit-transform: translateY(12px) rotate(-45deg);
        transform: translateY(12px) rotate(-45deg);
        background-color: #fff !important;
    }

    .header-container #header.active #nav_sp .menu-trigger span:nth-of-type(2) {
        opacity: 0;
    }

    .header-container #header.active #nav_sp .menu-trigger span:nth-of-type(3) {
        /* -webkit-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg); */
        -webkit-transform: translateY(0px) rotate(45deg);
        transform: translateY(0px) rotate(45deg);
        background-color: #fff !important;
    }

    .header-container #header.header-white-bg.active #nav_sp .menu-trigger span:nth-of-type(1),
    .header-container #header.header-white-bg.active #nav_sp .menu-trigger span:nth-of-type(3) {
         background-color: #3E3E3E !important;
    }

    .header-container #header.active #nav_sp em {
        display: none;
    }

    .header-container #header #menu {
        width: 100vw;
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 0;
        padding-bottom: 80px;
        display: none;
        position: absolute;
         top: 122px;
        /* background-color: rgba(0,0,0,0.9); */
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header-container #header.header-white-bg #menu {
        background-color: rgba(0,0,0,0.9);
        top: 119px;
    }

    .header-container #header #menu .hs-menu-wrapper {
        display: block;
        float: none;
        right: 0;
        top: 0;
    }

    .header-container #header #menu ul {
        display: block;
    }

    .header-container #header #menu ul li {
        height: auto;
        text-align: left;
        display: block !important;
        border-bottom: #333 solid 1px;
        line-height: 1.5;
        float: none;
    }

    .header-container #header #menu li.hs-menu-depth-1 {
        position: relative;
    }

    .header-container #header #menu ul li.hs-menu-depth-1 .p-trigger {
        display: block;
    }

    .header-container #header #menu li:first-child {
        border-top: #333 solid 1px;
    }

    .header-container #header #menu li.hs-menu-depth-1.hs-item-has-children > a:after {
        display: none;
    }

    .header-container #header #menu .hs-menu-wrapper>ul>li a {
        height: auto !important;
        padding-top: 15px;
        padding-left: 50px !important;
        padding-bottom: 15px !important;
        display: block;
        color: #fff !important;
        font-size: 15px;

        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none;
    }

    .header-container #header #menu li.hs-menu-depth-1 p {
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        left: 5px;
        top: 6px;
        text-align: center;
        margin: 0px;
    }

    .header-container #header #menu li.hs-menu-depth-1 p .menu-trigger {
        position: relative;
        width: 8px;
        height: 40px;
        display: inline-block;
    }

    .header-container #header #menu li.hs-menu-depth-1 p .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #aaa;
    }

   .header-container #header #menu li.hs-menu-depth-1 p .menu-trigger span:nth-of-type(1) {
        top: 13px;
        -webkit-transform: translateY(6px) rotate(-90deg);
        transform: translateY(6px) rotate(-90deg);
    }

    .header-container #header #menu li.hs-menu-depth-1 p .menu-trigger span:nth-of-type(2) {
        top: 19px;
    }

    .header-container #header #menu li.hs-menu-depth-1 p.active .menu-trigger span:nth-of-type(1) {
        top: 19px;
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        opacity: 0;
    }

    .header-container #header #menu ul li.hs-menu-depth-1 > ul {
        border-bottom: none;
    }

    .header-container #header #menu li.hs-menu-depth-2 ul {
        display: none !important;
    }

    .header-container #header #menu ul > li.hs-menu-depth-2.right-arrow > a:after {
        display: none !important;
    }

    .header-container #header #menu .hs-menu-wrapper .hs-menu-children-wrapper {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 30px;
        background-color: rgba(0,0,0,0.9);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        padding: 0;
        position: static;
        opacity: 1 !important;
    }

    .header-container #header #menu .hs-menu-wrapper>ul>li li {
        margin-bottom: 0;
        font-weight: normal;
        position: relative;
        font-size: 1.4rem;
        border-bottom: 0;
        border-top: #333 dotted 1px;
    }

    .header-container #header #menu .hs-menu-wrapper>ul>li li:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 0 3px 4px;
        border-color: transparent transparent transparent #999;
        position: absolute;
        left: 22px;
        top: 24px;
        color: #999;
    }

    .header-container #header #menu .hs-menu-wrapper>ul>li li a {
        color: #ddd !important;
        font-weight: normal;
        margin-left: 0px;
    }

    .header-container #header .search {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        position: static;
        border-top: #333 solid 1px;
        /* border-bottom: #333 solid 1px; */
        /* background-color: rgba(0,0,0,0.9);  */
        position: absolute;
        display: none;
        top: 70px;
        height: 52px;
        width: 100%;
        margin-left: -15px;
    }

    .header-container #header.header-white-bg .search {
        background-color: rgba(0,0,0,0.9);
        margin-top: -3px;
        border-top: 3px solid #000;
    }

    .header-container #header.audienceone.header-white-bg .search {
        border-color: #EC6340;
    }

    .header-container #header.xmediaone.header-white-bg .search {
        border-color: #1EAA39;
    }

    .header-container #header.dialogone.header-white-bg .search {
        border-color: #FF0096;
    }

    .header-container #header.flexone.header-white-bg .search {
        border-color: #7E308D;
    }

    .header-container #header.ad-meister.header-white-bg .search {
        border-color: #962328;
    }

    .header-container #header.xmediaone-pmp.header-white-bg .search {
        border-color: #656363;
    }

    .header-container #header.stats-series.header-white-bg .search {
        border-color: ;
    }

    .header-container #header.statsone.header-white-bg .search {
        border-color: #00a497;
    }

    .header-container #header.marketone.header-white-bg .search {
        border-color: #305D9B;
    }

    .header-container #header.yield-one.header-white-bg .search {
        border-color: #cc561f;
    }

    .header-container #header.sherpa.header-white-bg .search {
        border-color: #009FBB;
    }

    .header-container #header .hs-form {
        float: none;
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
        width: 250px;
    }
    .header-container #header form.gsc-search-box {
        float: none;
        width: 225px;
        margin-left: auto;
        margin-right: auto;
    }
    .header-container #header .gsc-control-cse form.gsc-search-box * {
        padding: 0;
    }
    .header-container #header .gsc-search-box .gsc-input {
        height: 25px !important;
        line-height: 25px;
        padding: 0;
        border-bottom: none;
        position: relative;
        display: inline-block;
    }
    .header-container #header form.gsc-search-box div.gsc-input-box {
        width: 200px;
        margin-top: -4px;
    }
    .header-container #header .hs-form .gsib_a:after {
        right: -30px;
        top: 1px;
        left: auto;
        color: #FFF;
        height: 25px;
        width: 25px;
        line-height: 25px;
        position: absolute;
        display: block;
        cursor: pointer;
    }
    .header-container #header input[type="text"] {
        width: 200px !important;
        background: none !important;
        border-radius: initial !important;
        padding-right: 10px !important;
        color: #3E3E3E !important;
    }
    .header-container #header table.gsc-search-box {
        float: none;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

@media (max-width: 568px) {
    .header-container #header #menu .hs-menu-wrapper>ul>li li a b.title-head,
    .header-container #header #menu .hs-menu-wrapper>ul>li li a span.title-sub {
        display: inline;
    }
    .header-container #header #menu .hs-menu-wrapper>ul>li li a span.title-sub {
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    .header-container #header #menu .hs-menu-wrapper>ul>li a {
        padding-left: 40px !important;
    }
    .header-container #header #menu .hs-menu-wrapper>ul>li li a span.title-sub {
        font-size: 12px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .sodium-blog .side-bar-blog .box-recent-post .item {

    }
}

@media (max-width: 480px) {

    .header-container #header.stats-series #hs-link-logo,
    .header-container #header.stats-series .widget-type-logo img.hs-image-widget {
         width: 215px !important;
    }
}


/* Portrait phones and smaller */
@media (max-width: 415px) {

}

/* iphone 6S plus */
@media (max-width: 415px) and (max-height: 764px) and (min-width: 410px) {

}

@media (max-width: 768px) {
    .sodium-blog .side-bar-blog .box-recent-post .item .img {
        width: 110px;
        display: table-cell;
    }
    .sodium-blog .side-bar-blog .box-recent-post .item .img img {
        padding-right: 10px;
        width: 100%;
    }
    .sodium-blog .side-bar-blog .box-recent-post .item .title {
        display: table-cell;
        vertical-align: top;
    }
    .footer {
        height: 67px;
        line-height: 67px;
        /* overflow-x: inherit; */
        overflow: hidden;
    }

    .footer .copy {
       /* line-height: 38px; */
    }
    .footer .scroll-top {
        height: 67px;
        width: 67px;
    }
    .footer .scroll-top i {
        font-size: 40px;
        /* line-height: 40px; */
    }
    .footer-info .widget-type-form form fieldset {
        max-width: 100%;
    }
    .footer-info .widget-type-form form fieldset .input {
        /* margin-right: 0px; */
    }
    .footer-info .widget-type-form form .actions {
        /* text-align: center; */
        margin-top: 1rem;
    }
    .footer-info .subscript .att, #sidebar-blog .subscript .att {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .footer .copy {
        line-height: 18px;
        padding-top: 12px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .footer-info .widget-type-form form .input .hs-input {
        width: 100% !important;
    }
    .footer-info .widget-type-form form .hs_privacy_policy_check .input .hs-input {
        width: auto !important;
    }

    .footer .scroll-top {
        /* width: 50px; */
    }

    .footer .copy {
        line-height: 16px;
        text-align: left;
    }

    .footer .copy span, .footer .copy a {
        font-size: 12px;
    }

}

@media (max-width: 320px) {
    .header-container #header #menu .hs-menu-wrapper>ul>li a {
        font-size: 14px;
    }

    .footer .container {
        padding-left: 10px;
    }

}

/********************************************************/
/********************************************************/
/*******  LEADPLUS COMMON STYLES  *******/
/********************************************************/
/********************************************************/
/*******  LeadPlus Common V2  *******/
.underline {
    text-decoration: underline;
}
.font-color {
    color: #3E3E3E;
}
.zoom-link {
    cursor: zoom-in;
}
.pdtop-0 {
    padding-top: 0px !important;
}
.pdtop-10 {
    padding-top: 10px !important;
}
.pdtop-20 {
     padding-top: 20px !important;
}
.pdtop-30 {
    padding-top: 30px !important;
}
.pdtop-60 {
    padding-top: 60px !important;
}
.mgtop-0 {
    margin-top: 0px !important;
}
.mgtop-10 {
    margin-top: 10px !important;
}
.mgtop-20 {
    margin-top: 20px !important;
}
.mgtop-30 {
    margin-top: 30px !important;
}
.mgtop-60 {
    margin-top: 60px !important;
}
.pdtop-20 {
    padding-top: 20px !important;
}
.pdbottom-0 {
    padding-bottom: 0px !important;
}
.pdbottom-10 {
    padding-bottom: 10px !important;
}
.pdbottom-20 {
    padding-bottom: 20px !important;
}
.pdbottom-30 {
    padding-bottom: 30px !important;
}
.pdbottom-60 {
    padding-bottom: 60px !important;
}
.mgbottom-0 {
    margin-bottom: 0px !important;
}
.mgbottom-10 {
    margin-bottom: 10px !important;
}
.mgbottom-20 {
    margin-bottom: 20px !important;
}
.mgbottom-30 {
    margin-bottom: 30px !important;
}
.mgbottom-60 {
    margin-bottom: 60px !important;
}
.pdleft-0 {
    padding-left: 0px !important;
}
.pdleft-10 {
    padding-left: 10px !important;
}
.pdleft-20 {
    padding-left: 20px !important;
}
.pdleft-30 {
    padding-left: 30px !important;
}
.pdleft-60 {
    padding-left: 60px !important;
}
.mgleft-0 {
    margin-left: 0px !important;
}
.mgleft-10 {
    margin-left: 10px !important;
}
.mgleft-20 {
    margin-left: 20px !important;
}
.mgleft-30 {
    margin-left: 30px !important;
}
.mgleft-60 {
    margin-left: 60px !important;
}
.pdright-0 {
    padding-right: 0px !important;
}
.pdright-10 {
    padding-right: 10px !important;
}
.pdright-20 {
    padding-right: 20px !important;
}
.pdright-30 {
    padding-right: 30px !important;
}
.pdright-60 {
    padding-right: 60px !important;
}
.mgright-0 {
    margin-right: 0px !important;
}
.mgright-10 {
    margin-right: 10px !important;
}
.mgright-20 {
    margin-right: 20px !important;
}
.mgright-30 {
    margin-right: 30px !important;
}
.mgright-60 {
    margin-right: 60px !important;
}
.pd-30 {
    padding: 30px !important;
}
.tal {
    text-align: left !important;
}
.tar {
    text-align: right !important;
}
.displaymax-768 {
    display: none;
}
.displaymax-480 {
    display: none;
}
.font-small {
    font-size: small !important;
}
.font-mediumSmall {
    font-size: 16px !important;
}
@media (max-width: 767px) {
    .font-mediumSmall {
        font-size: 14px !important;
    }
}
.block_max {
  width: 100%;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.block_1100 {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.block_1100:before {
    clear: both;
}
ul.list_style li {
    list-style: disc;
}
ul.list_style li span,
ul.list_style li p {
    color: #3E3E3E;
    font-weight: 200;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1100px) {
    .block_1100 {
        width: 100%;
    }
}
.block_1000 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.block_1000:before {
    clear: both;
}
@media (max-width: 1000px) {
    .block_1000 {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .hidemax-768 {
        display: none;
    }
    .displaymax-768 {
        display: block;
    }
    .displaymax-768-inline {
        display: inline;
    }

    .tac-mobile {
        text-align: center;
    }
    .tac-mobile-block {
        display: block;
        margin: 0 auto;
    }
    .bg-first-color {
        background-color: #d9d9d9;
    }
    .color-first-color {
        color: #d9d9d9;
    }
    .bg-cta {
        background-color: #d9d9d9;
    }
    .color-cta {
        color: #d9d9d9;
    }
    .mgleft-60 {
        margin-left: 30px !important;
    }
    .mgright-60 {
        margin-right: 30px !important;
    }
    .mgtop-60 {
        margin-top: 30px !important;
    }
    .mgbottom-60 {
        margin-bottom: 30px !important;
    }
    .pdleft-60 {
        padding-left: 30px !important;
    }
    .pdright-60 {
        padding-right: 30px !important;
    }
    .pdtop-60 {
        padding-top: 30px !important;
    }
    .pdbottom-60 {
        padding-bottom: 30px !important;
    }
    .pd-30 {
        padding: 20px !important;
    }
    .mgbottom-mobile-30 {
        margin-bottom: 30px !important;
    }
    .mgtop-mobile-30 {
        margin-top: 30px !important;
    }
    .pdbottom-mobile-30 {
        padding-bottom: 30px !important;
    }
    .pdtop-mobile-30 {
        padding-top: 30px !important;
    }
    .img-full
}

@media only screen and (max-width: 480px) {
    .displaymax-480 {
        display: block;
    }
    .hidemax-480 {
        display: none;
    }
    .pd-30 {
        padding: 10px !important;
    }
}

/*******  END LeadPlus Common V2  *******/

.clear {
    clear: both;
    height: 0px;
}
.box.thin {
    padding-left: 15%;
    padding-right: 15%;
}
.text-center {
    text-align: center;
}
.footer--landing .scroll-top {
    height: 67px;
    bottom: 0px;
    top: auto;
}
.clearfix {
    clear: both;
}
.cta_button {
    min-width: 240px;
}
.table {
    width: 100%;
    margin-bottom: 35px;
    line-height: 1.5;
    border-left: #ddd solid 1px;
    border-top: #ddd solid 1px;
    border-collapse: collapse;
    border-spacing: 0;
}

.table th {
    padding: 9px 10px 8px;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    background-color: #f4f8f9;
    vertical-align: middle;
    font-size: 16px;
}

.table td {
    padding: 9px 10px 8px;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    font-size: 16px;
}
.cta-color {
    color: #d9d9d9 !important;
}
.custom-module {
    /* padding: 60px 0px; */
}

.custom-module p {
    /* font-size: 18px; */
    line-height: 1.75;
}

.custom-module p.text,
.custom-module p:first-child {
    margin-top: 0px;
    margin-bottom: 30px;
}
.custom-module p.mg-bottom-0 {
    margin-bottom: 0px;
}
.custom-module p.text:last-child {
    /* margin-bottom: 0px; */
}

.custom-module .text-small {
    font-size: 14px;
    margin-bottom: 0px;
}

.custom-module .box figure.img {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0;
}

.block_900 {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.block_900:before {
    clear: both;
}

.line-border {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  /* margin: 30px auto 0px auto; */ }

.line-border.no-line {
     background-color: inherit !important;
}

.pd-top .custom-module {
    padding-top: 0px;
}

.block_center {
    text-align: center;
}

.block_center .img {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0;
}

/*******  Paragrap common  *******/
.tac {
    text-align: center !important;
}
a.link_blue {
    color: #3d85c6;
    text-decoration: underline;
}
.pd-bottom-0 {
    padding-bottom: 0px !important;
}

.pd-bottom-0 .line-border.no-line {
    margin-bottom: 0px;
}

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

.mg-bottom-0 {
    margin-bottom: 0px;
}
.mg-top-0 {
    margin-top: 0px;
}
.pd-top-60 {
    padding-top: 60px;
}

.pd-top-1em {
    padding-top: 1em;
}
.pd-top-2em {
    padding-top: 2em;
}
.pd-bottom-1em {
    padding-bottom: 1em;
}
.pd-bottom-2em {
    padding-bottom: 2em;
}
/*******  END Paragrap common  *******/

.bg-blue {
    background-color: #439158;
}

.text-showdown, .text-showdown a {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.80);
}

.color-white {
    color: #FFF!important;
}

.visible-480, .visible-767 {
    display: none;
}

.row-middle {
    align-items: center;
}

.row-center,
.services .container>.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row-align-top {
    align-items: normal !important;
}

.module-title {
}

.flex-two>.span6:nth-child(2n+1)  {
    margin-left: 0px;
}

@media (max-width: 768px) {
    .flex-two .box-services .feature-image img {
        height: auto;
    }
}

.flex-three>.span4:nth-child(3n+1)  {
    margin-left: 0px;
}

.flex-four>.span3:nth-child(4n+1), .flex-four>.span4:nth-child(4n+1)  {
    margin-left: 0px;
}

.bg-overflow {
    background-color: #d9d9d9;
    position: relative;
    overflow: initial;
    color: #FFF;
    background-repeat: no-repeat, no-repeat;
    background-position: 5% -15%, 95% 70%;
}
.bg-overflow span,
.bg-overflow p,
.bg-overflow h2,
.bg-overflow h3,
.bg-overflow h4 {
    color: #FFF !important;
}
.bg-overflow:before {
    content: "";
    position: absolute;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 5px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 230px 630px;
    border-color: transparent transparent #d9d9d9 transparent;
}

@media (max-width: 1600px) {
    .bg-overflow:before {
        border-width: 0 0 180px 500px;
    }
}
@media (max-width: 1333px) {
    .bg-overflow:before {
        border-width: 0 0 150px 400px;
    }
    .lead-section.background-figure:before {
        border-width: 1000px 0 0 600px;
    }
}

@media (max-width: 991px) {
    .bg-overflow:before {
        border-width: 0 0 130px 330px;
    }
    .lead-section.background-figure:before {
        border-width: 1000px 0 0 400px;
    }
}

@media (max-width: 768px) {
    .bg-overflow:before {
        display: none;
    }
    .bg-overflow {
        background-image: none !important;
    }
}

/********************************************************/
/********************************************************/
/*******  [Editor] Two Columns (Over Image)  *******/
/********************************************************/
/********************************************************/

.two-column-over .main-title {
    text-align: left;
    margin-top: 0px;
}

@media (max-width: 768px) {
   .two-column-over.lead-section {
       padding-top: 30px;
        padding-bottom: 30px;
   }
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@media (min-width: 972px) {
    .visible-min-972 {
        display: block;
    }
    .visible-max-971 {
        display: none;
    }
}

@media (max-width: 971px) {
    .visible-min-972 {
        display: none;
    }
     .visible-max-971 {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 971px) {
   .flex-four>.span3  {
        width: 31.491712705%;
        margin-left: 2.762430939%;
    }
    .flex-four>.span3:nth-child(3n+1) {
       margin-left: 0px;
    }
}

/* .hs_cos_wrapper_type_rich_text .title_sub {
    color: #d9d9d9;
    font-size: 22px;
}
.widget-type-rich_text--standard .title_sub_sub {
    font-size: 18px;
} */
.block-inner  {
    padding-top: 60px;
    padding-bottom: 60px;
}
@media (max-width: 900px) {
    .block_900 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .block-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    br.responsive {
        display: none;
    }
    .box.thin {
        padding-left: 0px;
        padding-right: 0px;
    }
    .module-title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
     .visible-767 {
        display: block;
    }
}

@media (max-width: 480px) {
    .visible-480 {
        display: block;
    }
     .module-title {
        font-size: 26px;
    }
}

/*----- 7/26 Edited by TuanDV -----*/
/*----- Title of [LPV1 - Flex Three (Service) / LPV1 - Flex Four (Service)] Modules using ----- */
.main-title-top {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .main-title-top {
        margin-bottom: 30px;
    }
}
/*----- END 7/26 Edited by TuanDV -----*/

/********************************************************/
/********************************************************/
/*******  THANK YOU PAGE AND LANDING PAGE  *******/
/********************************************************/
/********************************************************/

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

@media (min-width: 768px) {
    .landing-page-v1 header.header-landing {
        text-align: left;
    }
}
header.header-landing .widget-type-logo img.hs-image-widget {
    position: static;
    top: auto;
    margin-top: 20px;
    max-width: 250px;
    max-height: 60px;
}

header.header-landing.header-global .widget-type-logo img.hs-image-widget {
    margin-top: 10px;
}

header.header-landing .widget-type-logo img {
    margin-top: 15px;
}
header.header-landing.marketone .widget-type-logo img.hs-image-widget,
header.header-landing.yield-one .widget-type-logo img.hs-image-widget,
header.header-landing.ad-meister .widget-type-logo img.hs-image-widget,
header.header-landing.sherpa .widget-type-logo img.hs-image-widget {
    margin-top: 12px;
}

header.header-landing.stats-series .widget-type-logo img.hs-image-widget {
    margin-top: 26px;
    max-width: 325px;
}

header.header-landing.audienceone .widget-type-logo img.hs-image-widget {
    margin-top: 7px;
}

header.header-landing.xmediaone .widget-type-logo img.hs-image-widget {
     margin-top: 13px;
}

header.header-landing.xmediaone-pmp .widget-type-logo img.hs-image-widget {
     margin-top: 10.5px;
}

@media (max-width: 971px) {
    header.header-landing .widget-type-logo img.hs-image-widget {
        width: 205px !important;
        height: auto;
        margin-top: 0px !important;
    }

    header.header-landing .widget-type-logo img {
        margin-top: 0px !important;
    }

    header.header-landing.ad-meister .widget-type-logo img.hs-image-widget {
        width: 73px !important;
    }

    header.header-landing.audienceone .widget-type-logo img.hs-image-widget {
        width: 92px !important;
    }

    header.header-landing.stats-series .widget-type-logo img.hs-image-widget {
         width: 260px !important;
    }

    header.header-landing.statsone .widget-type-logo img.hs-image-widget {
         width: 260px !important;
    }

    header.header-landing.xmediaone-pmp .widget-type-logo img.hs-image-widget {
        width: 201px !important;
    }

    header.header-landing.marketone .widget-type-logo img.hs-image-widget {
        width: 147px !important;
    }

    header.header-landing.sherpa .widget-type-logo img.hs-image-widget {
        width: 201px !important;
    }

    header.header-landing.yield-one .widget-type-logo img.hs-image-widget {
        width: 86px !important;
    }

}
@media (max-width: 767px) {
    header.header-landing .widget-type-raw_html {
        width: 100% !important;
    }
    header.header-landing .widget-type-logo {
        width: 100%;
    }
}

@media (max-width: 480px) {
    header.header-landing.stats-series .widget-type-logo img.hs-image-widget {
         width: 215px !important;
    }
}

/********************************************************/
/********************************************************/
/*******  SYSTEM PAGE - EMAIL *******/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/*******  SYSTEM PAGE - EMAIL *******/
/********************************************************/
/********************************************************/

.email-subcription #content {
    margin-bottom: 120px;
}
.small-header .container .small-header-wrap-subcription {
    padding-top: 5px;
}
.small-header .container .small-header-wrap-subcription h1 {
    font-weight: bold;
}
.email-subcription p.header {
    margin-left: 0px;
    margin-bottom: 1rem;
}
.email-subcription h2  {
    font-size: 18px;
    margin: 1rem 0rem 0rem 0rem;
    text-align: left;
    font-weight: bold;
}
.email-subcription h3  {
    font-size: 16px;
    font-weight: bold !important;
}
.email-subcription #submitbutton, #email-prefs-form a.email-edit {
    display: inline-block;
    /* background-color: #d9d9d9; */
    border: 1px solid #d9d9d9;
    color: #3E3E3E;
    font-size: 18px;
    font-weight: 400;  /*----- 8/2 Edited by TuanDV -----*/
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 9999px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    box-shadow: 2px 2px 2px #646464;
}
#email-prefs-form a.email-edit {
    margin-left: 10px;
    padding: 5px 15px;
}
.email-subcription .subscribe-options label {
    margin-left: 0px;
}
.email-subcription #submitbutton:hover {
    /* background-color: #FFFFFF; */      /*----- 8/2 Edited by TuanDV -----*/
    /* color: #ff9900; */                  /*----- 8/2 Edited by TuanDV -----*/
    /* opacity: 0.7; */
}
#email-prefs-form .email-prefs select.localization-language {
    display: none;
}

/******* ６月２９日 *******/
/********************************************************/
/********************************************************/
/*******  Case-study-1 template *******/
/********************************************************/
/********************************************************/

.case-study-1 .listing-blog {
    margin-top: 25px;
    margin-bottom: 25px;
}

.case-study-1 .sidebar-submenu {
    margin-top: 35px;
}

/********************************************************/
/********************************************************/
/******* Landing-page-v1 template *******/
/********************************************************/
/********************************************************/

.hero-banner-landing .form-placeholder {
    max-width: 550px;
}

.hero-banner-landing .container .hero-banner-wrap {
    max-width: 550px;
}

.hero-banner-landing .container .hero-banner-wrap .trial {
    margin-bottom: 30px;
}

.hero-banner-landing .form-placeholder .hero-banner-form fieldset,
.landing .form-landing .widget-type-form fieldset,
.features-container .hero-banner-form fieldset {
    line-height: 1.8;
    margin-bottom: 10px;
    max-width: 100%;
}

.hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field,
.features-container .hero-banner-form .hs-form-field {
    margin-bottom: 0px;
}

.hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field .hs-input,
.landing .form-landing .widget-type-form .hs-form-field .hs-input,
.features-container .hero-banner-form .hs-form-field .input .hs-input {
    font-size: 14px;
    padding-left: 15px;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 2px;
}

.hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field .hs-input[name="email"] {
    width: 100%;
}

.hero-banner-landing .form-placeholder .hero-banner-form fieldset.form-columns-2>div:last-child .input,
.landing .form-landing .widget-type-form fieldset.form-columns-2>div:last-child .input,
.features-container .hero-banner-form fieldset.form-columns-2>div:last-child .input {
    margin-right: 0px;
}

.hero-banner-landing .form-placeholder .hero-banner-form fieldset.form-columns-1 .input,
.landing .form-landing .widget-type-form fieldset.form-columns-1 .input,
.features-container .hero-banner-form fieldset.form-columns-1 .input {
   width: 100%;
}

.hero-banner-landing .form-placeholder .hero-banner-form .hs-form-required,
.landing .form-landing .widget-type-form .hs-form-required,
.features-container .hero-banner-form .hs-form-required {
   display: inline;
   color: #FFF;
   font-weight: normal !important;
   font-size: smaller !important;
}

.hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field>label span,
.landing .form-landing .widget-type-form .hs-form-field>label span,
.features-container .hero-banner-form .hs-form-field>label span {
     font-size: 13px;
     font-weight: bold;
}

.hero-banner-landing .form-placeholder .hero-banner-form .hs-error-msgs label,
.landing .form-landing .widget-type-form .hs-error-msgs label,
.features-container .hero-banner-form .hs-error-msgs label {
    font-size: 12px;
    color: #F00;
}
.landing .form-landing .widget-type-form .hs-error-msgs label {
    font-size: 11px;
}

.hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field textarea.hs-input,
.landing .form-landing .widget-type-form .hs-form-field textarea.hs-input,
.features-container .hero-banner-form .hs-form-field textarea.hs-input {
    width: 100%;
    background: #FFF;
    margin-top: 0px;
    height: auto !important;
    display: block;
}

@media (max-width: 1000px) {
    .hero-banner-landing .container .hero-banner-wrap {
        max-width: 100%;
    }
    .hero-banner-landing .container .hero-banner-wrap p {
        max-width: 100%;
    }
    .features-container .hero-banner-form {
        max-width: 80%;
        margin: 1.5rem auto;
        padding-top: 1.5rem;
    }
    .features-container .hero-banner-form fieldset {
         max-width: 100%;
     }
}

@media (max-width: 971px) {
    .hero-banner-landing .container {
        display: block;
    }

    .hero-banner-landing .container .form-placeholder {
        margin: 0 auto;
        float: none;

        max-width: 100%;
    }
    .hero-banner-landing .container .block-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .hero-banner-landing .container .hero-banner-wrap {
        margin-right: 0px;
    }
    .hero-banner-landing .container .hero-banner-wrap ul.list-social {
        text-align: center;
        margin-bottom: 0px;
     }
     .hero-banner-landing .container .hero-banner-wrap ul.list-social li {
         float: none;
         display: inline;
     }
     .hero-banner-landing .form-placeholder .hero-banner-form fieldset {
         max-width: 100%;
     }
}

@media screen and (min-width: 768px) and (max-width: 971px) {
    .hero-banner-landing .container .form-placeholder,
    .hero-banner-landing .container .hero-banner-wrap {
        max-width: 80% !important;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .hero-banner-landing .container .hero-banner-wrap {
        margin-bottom: 60px;
    }
    .hero-banner-landing .container .form-placeholder .actions {
         padding-bottom: 30px;
    }
    /* .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large {
        max-width: 200px;
        display: block;
        margin: 0 auto;
    } */
}

.form-privacy {
    font-size: 12px !important;
    height: auto;   /*----- 7/26 Edited by TuanDV -----*/
    line-height: 1.6;
    margin: 10px 0px !important;
}
.form-privacy a {
    font-size: 11px !important;
    color: #3E3E3E;
    text-decoration: underline;
}
.form-privacy img {
    float: left;
    margin-right: 10px;
}
.footer-info .subscript a {
  color: #fff;
}

.footer-container-wrapper .footer-nav-link {
    background: #393939;
    padding: 15px;
}

.footer-container-wrapper .footer-nav-link ul {
    margin-left: -15px;
    margin-right: -15px;
}

.footer-container-wrapper .footer-nav-link ul li {
    display: inline-block;
    margin: 0px 15px 5px 15px;
}

.footer-container-wrapper .footer-nav-link ul li a {
    color: #FFF;
    font-size: 13px;
}

.footer-container-wrapper .footer-nav-link ul li a i {
    color: #ccc;
    margin-right: 5px;
}

@media screen and (max-width: 768px) {
    .footer-container-wrapper .footer-nav-link ul li {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 8px;
    }
}


@media screen and (min-width: 768px) and (max-width: 971px) {
    /*
    .landing .lp-text {
        width: 60%;
    }
    .landing .lp-image {
        width: 35%;
    } */
    .landing .lp-text {
        width: 100%;
        display: block;
    }
    .landing .lp-form {
        width: 100%;
        display: block;
        margin: 2rem auto 0 auto;
    }

    .landing .form-landing .widget-type-form .hs-custom-form>fieldset,
    .landing .form-landing .widget-type-form .hs-custom-form>.hs_submit {
        max-width: 700px;
        margin: 0 auto;
    }

     .landing-page-v1 .form-privacy,
    .landing .form-landing .form-privacy {
        margin-top: 1rem;
    }
}

@media (max-width: 767px) {
    .landing-page-v1 .form-privacy,
    .landing .form-landing .form-privacy {
        margin-top: 1rem;
    }

    .landing .form-landing .widget-type-form .hs-custom-form>fieldset,
    .landing .form-landing .widget-type-form .hs-custom-form>.hs_submit {
        max-width: 500px;
        margin: 0 auto;
    }

    .features-container .hero-banner-form {
       max-width: 100%;
    }

    .landing .lp-text img {
        float: none !important;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 30px !important;
    }
    .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field {
        width: 100%;
    }
    .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field .input {
        margin-right:0px;
    }
}

@media (max-width: 480px) {
    .landing-page-v1 .hero-banner-landing .form-placeholder .hero-banner-form fieldset .input,
    .landing .form-landing .widget-type-form fieldset .input,
    .features-container .hero-banner-form fieldset .input {
        margin-right: 0px !important;
    }

    .landing-page-v1 .hero-banner-landing .form-placeholder .hero-banner-form fieldset .input .hs-input,
    .landing .form-landing .widget-type-form fieldset .input .hs-input,
    .features-container .hero-banner-form fieldset .input .hs-input {
       width: 100% !important;
    }

    .landing .form-landing .widget-type-form fieldset .hs_privacy_policy_check .input .hs-input {
        width: auto !important;
    }

    .landing-page-v1 .hero-banner-landing form input.hs-button,
    .landing .form-landing .widget-type-form form input.hs-button,
    .features-container .hero-banner-form input.hs-button,
    .landing .form-landing .widget-type-form form input.hs-button {
        font-size: 15px;
    }

    .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .landing .header-form img {
        max-width: 60px;
        max-height: 60px;
    }

}
@media (max-width: 375px) {
    .landing .header-form img {
        max-width: 55px;
        max-height: 55px;
    }

    .landing .header-form h3 {
        font-size: 18px;
    }
}


/********************************************************/
/********************************************************/
/******* EDITOR TEXT MODULE *******/
/********************************************************/
/********************************************************/
.editor-richtext-wrapper {
    position: relative;
}
.custom-module.editor-text {
    /* margin-top: 30px; */
     position: relative;
}
.widget-type-rich_text--standard .title_main,
.widget-type-rich_text--standard>h2:first-child {
    margin-top: 0px;
}
.widget-type-rich_text--standard p {
    line-height: 1.75;
}

.custom-module.editor-text .block_900 p.text.tac {
    margin-bottom: 0px;
}

.editor-text p:last-child {
   /* margin-bottom: 0px;*/
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - CONTACT PAGE 1 template *******/
/********************************************************/
/********************************************************/
.contact-page .hs-form fieldset {
    max-width: 550px;
}
.contact-page .widget-type-form form input, .contact-page .hs-form fieldset select.hs-input {
    font-size: 14px;
    height: 35px;
}
.contact-page .widget-type-form .hs-form-field label span {
    font-size: 14px;
}
.contact-page .hs-form fieldset.form-columns-1 .hs-input {
    width: 100%;
}
.contact-page .hs-form fieldset select.hs-input {
    margin-top: 5px !important;
}
.contact-page .widget-type-form form input[type="submit"] {
    height: auto;
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - FAQ template *******/
/********************************************************/
/********************************************************/
.sodium-faq ul.filters li a {
    font-size: 18px;
}


/********************************************************/
/********************************************************/
/******* LeadPlusV1 - CAREERS Template *******/
/********************************************************/
/********************************************************/
.listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner h3 a {
    font-size: 24px;
}
.listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .content .short-desc-white {
    font-size: 18px;
    font-weight: normal;
}
@media (max-width: 767px) {
    .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .content .short-desc-white {
        font-size: 16px;
    }
}
.careers-form .hs-form fieldset.form-columns-2, .careers-form .hs-form fieldset.form-columns-1 {
    max-width: 100%;
    margin-bottom: 1rem;
}
.careers-form .hs-form fieldset .input {
 margin-top: 5px;
}
.careers-form .hs-form fieldset.form-columns-2 .hs-input, .careers-form .hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
    font-size: 14px;
}
.careers-form .hs-form fieldset label {
    font-size: 14px;
}
.careers-form .hs-form fieldset label .hs-form-required {
    color: #F00;
}
.careers-form .hs-form .hs-error-msgs label {
    color: #F00 !important;
    padding-left: 0px !important;
    font-size: 12px !important;
    font-weight: bold;
}
.careers-form .hs-form input[type="submit"] {
    width: auto;
}
/*
.careers-form textarea {
    background: #FFF;
    margin-top: 10px;
} */
.careers-form .hs-form .input .hs-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
        color: #FFF; }
.careers-form .hs-form .input .hs-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF; }
.careers-form .hs-form .input .hs-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #FFF; }
.careers-form .hs-form .input .hs-input:-moz-placeholder {
    /* Firefox 18- */
color: #FFF; }
/*
.careers-form .hs-form .hs-input,  {
    background: none;
    border: none;
    border-bottom: 1px solid #FFF;
    color: WHITE;
}
.careers-form .hs-form  input[type="submit"] {
    display: inline-block;
    background-color: #fdc209 !important;
    border: 2px solid #fdc209;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
*/
.form-content .flex-wrap .flex-left input,
.form-content .flex-wrap .flex-left .hs-form-field {
    font-size: 14px;
}
.careers-form .form-privacy,
.careers-form .form-privacy a {
    color: WHITE;
     font-size: 14px !important;
}
.careers-form .form-privacy img {
    background: #FFF;
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - CUSTOMIZER MODULE *******/
/********************************************************/
/********************************************************/
.block_quote_wrapper {
 padding-top: 60px;
}
.block_quote_wrapper .block-inner.block_quote {
    margin-top: 30px;
}
.block-inner.block_quote {
    margin-top: 60px;
    padding: 130px 10px 50px;
    text-align: center;
    border-top: 0;
    position: relative;
}

.block_quote .img {
    padding: 0;
    margin-top: -30px;
    margin-left: -58px;
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
}
.block_quote:after {
    width: 36px;
    height: 36px;
    margin-left: -18px;
    content: "";
    position: absolute;
    top: 75px;
    left: 50%;
    background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/block_quate.png);
    background-repeat: no-repeat;
}

@media(max-width:767px) {
    .block_quote_wrapper {
        padding-top: 40px;
    }
    .block-inner.block_quote {
        margin-top: 30px;
    }
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - CUSTOMIZER MODULE - slider-rec-posts-title *******/
/********************************************************/
/********************************************************/
.block-recent-post .slider-rec-posts__slide,
.slider-rec-posts__slide .slider-rec-posts__slide,
.block-recent-post .slider-rec-posts__slide a,
.slider-rec-posts__slide .slider-rec-posts__slide a {
        min-height: 450px;
}
.thank-you-page .block-recent-post .slider-rec-posts__slide,
.thank-you-page .block-recent-post .slider-rec-posts__slide >a {
  height: 100%;
}
.slider-rec-posts-title {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}
.slider-rec-posts__slide {
        border: 1px solid #eee;
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
    margin: 0 10px;
    background: #FFF;
}
.slider-rec-posts__slide .title {
    /* padding: 10px; */
    /* height: 5rem; */
    display: block;
    /* padding: 0 0.8rem; */
    padding: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #3E3E3E;
    display: table-cell;
    vertical-align: middle;
}

.block-recent-post .slider-rec-posts-title {
    padding-left: 0px;
    padding-right: 0px;
}

.block-recent-post .slider-rec-posts__slide {
     margin: 0px;
}

 /*----- 7/26 Edited by TuanDV -----*/

 /*
 .block-recent-post .block-inner {
     padding-bottom: 30px;
 }
 */

.block-recent-post .item {
    padding-bottom: 30px;
}
.block-recent-post .row-fluid>.span4:nth-child(3n+1)  {
    margin-left: 0px;
}


.block-recent-post.box-post {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
.block-recent-post.box-post .slider-rec-posts__slide {
    border: none;
    min-height: 380px;
}
.block-recent-post.box-post .slider-rec-posts__slide a {
     min-height: 380px;
}
.block-recent-post.box-post .slider-rec-posts__slide img {
    vertical-align: top;
    width: 100%;
    height: auto;
}
.block-recent-post.box-post .block-inner .main-title,
.block-recent-post.box-post .block-inner .sub-sub-title {
    color: #FFF;
}
.block-recent-post.box-post .slider-rec-posts__slide .description p {
    margin-top: 5px;
}
.block-recent-post.box-post .slider-rec-posts__slide .title {
    display: block;
    margin: 10px auto 0px auto;
}

@media (min-width: 768px) and (max-width: 971px) {
   .block-recent-post .row-fluid>.span3  {
        width: 31.491712705%;
        margin-left: 2.762430939%;
    }
}

/*----- END 7/26 Edited by TuanDV -----*/

@media(max-width:1080px) {
    .block-recent-post .item {
        width: 50%;
        margin-bottom: 15px;    /*----- 7/26 Edited by TuanDV -----*/
        vertical-align: top;
        padding-right: 1.5%;
        padding-left: 1.5%;

        margin-left: 0px;
        margin-left: 0px;
    }

    /*----- 7/26 Edited by TuanDV (for Dynamic 365) -----*/

    .block-recent-post .slider-rec-posts__slide,
    .block-recent-post .slider-rec-posts__slide a {
        min-height: 460px;
    }
    /*----- END 7/26 Edited by TuanDV -----*/

    .slider-rec-posts__slide .description {
        height: 6em;
    }

    .block-recent-post .item:nth-child(2n+1) {
        margin-left: 0px;
        margin-bottom: 0px;
    }
}

@media(max-width:767px) {
    .block-recent-post .item {
        float: left;
    }

    /*----- 7/26 Edited by TuanDV -----*/

     .block-recent-post .block-inner {
          padding-bottom: 0px;
     }
    .block-recent-post .item {
        padding-bottom: 30px;
    }

    /*----- END 7/26 Edited by TuanDV -----*/
}

@media(max-width:600px) {
   .slider-rec-posts-title {
     padding-left: 0px;
     padding-right: 0px;
   }

   .slider-rec-posts__slide .description {
       height: auto;
   }

   .block-recent-post .item {
        width: auto;
        float: none;
        margin-bottom: 0px !important;   /*----- 7/26 Edited by TuanDV -----*/
   }

   /*----- 7/26 Edited by TuanDV -----*/
   .block-recent-post .slider-rec-posts__slide,
    .block-recent-post .slider-rec-posts__slide a {
           min-height: inherit;
   }
   /*----- END 7/26 Edited by TuanDV -----*/

   .block-recent-post .item:nth-child(2n+1) {
       margin-bottom: 30px;
   }
   .block-recent-post .item:last-child {
       margin-bottom: 0px;
   }
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - HERO BANER HTML *******/
/********************************************************/
/********************************************************/
.herobanner-html {
    display: block;
}

.herobanner-html .hero_html,
.herobanner-html .hero_info {
  width: 50%;
  position: relative;
  text-align: left;

      height: 580px;
    display: table-cell;
    vertical-align: middle;
}
.herobanner-html .hero_info h1 {
  text-align: left;
  /* font-size: 38px; */
  padding-left: 0px;
}

.herobanner-html .hero_info h2,
.herobanner-html .hero_info .text {
    text-align: left;
    padding-left: 0px;
}
.herobanner-html.web-production-banner .hero-banner-wrap {
    max-width: 1600px;
}
.herobanner-html .hero_html .macbook {
  margin-left: auto;
  margin-right: auto;
  display: block;
  z-index: 0;
  background: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/macbook-mockup.png) no-repeat;
  background-size: contain;
  width: 855px;
  height: 466px;
}
.herobanner-html .hero_html .macbook .featured-site {
  position: absolute;
  left:165px;
  top: 88px;
  width: 544px;
  height: 343px;
  overflow: scroll;
  overflow-x: hidden;
}
.herobanner-html .hero_html .iphone {
  position: absolute;
  bottom: 0;
  right: 60px;
  display: block;
  width: 180px;
  z-index: 1;
}
.herobanner-html .hero_html .iphone img {
  max-width: 100%;
}
.herobanner-html .hero_html .iphone .featured-site {
  position: absolute;
  right: 35px;
  top: 43px;
  width: 115px;
  height: 203px;
  overflow: scroll;
  overflow-x: hidden;
}
.herobanner-html .hero_html .macbook .featured-site::-webkit-scrollbar,
.herobanner-html .hero_html .iphone .featured-site::-webkit-scrollbar {
  display: none;
}
.herobanner-html .hero_html .macbook .featured-site img,
.herobanner-html .hero_html .iphone .featured-site img {
  max-width: 100%;
}
@media(max-width:1400px) {
  .herobanner-html .hero_html .macbook {
    width: 755px;
    height: 400px;
  }
  .herobanner-html .hero_html .macbook .featured-site {
    left: 133px;
    top: 116px;
    width: 470px;
    height: 292px;
  }
  .herobanner-html .hero_html .iphone {
    right: 30px;
  }
}
@media(max-width:1200px) {
  .herobanner-html .hero_html .macbook {
    left: -30px;
    width: 655px;
    height: 370px;
  }

  .herobanner-html .hero_html .macbook .featured-site {
    left: 120px;
    top: 129px;
    width: 420px;
    height: 260px;
  }
  .herobanner-html .hero_html .iphone {
    right: 0;
    bottom: 50px;
  }
  .herobanner-html .hero_html .iphone img {
    width: 140px;
  }
    .herobanner-html .hero_html .iphone .featured-site {
    right: 67px;
    top: 33px;
    width: 89px;
    height: 158px;
  }
}
@media(max-width:1080px) {
  .herobanner-html .hero_html .title {
    font-size: 3.2rem;
    }
  .herobanner-html .hero_html .macbook {
    left: -30px;
    width: 600px;
    height: 350px;
  }
  .herobanner-html .hero_html .macbook .featured-site {
    left: 110px;
    top: 136px;
    width: 382px;
    height: 238px;
    }
}
@media(max-width:980px) {
  .herobanner-html .hero_html .iphone {
    display: none;
  }
  .herobanner-html .hero_html .macbook {
    width: 470px;
    height: 260px;
  }
  .herobanner-html .hero_html .macbook .featured-site {
    left: 86px;
    top: 177px;
    width: 300px;
    height: 186px;
  }
  .herobanner-html .hero_info h1 {
     /*  font-size: 28px; */
  }
}
@media(max-width:768px) {
    .herobanner-html,
    .herobanner-html .hero_html,
    .herobanner-html .hero_info {
        height: auto !important;
    }
    .herobanner-html .hero_info p:first-child,
    .herobanner-html .hero_info div:first-child {
        margin-top: 0px;
    }
  .herobanner-html .hero_html {
    display: none;
  }
  .herobanner-html .hero_info {
    width: 1%;
    text-align: center;
  }
  .herobanner-html .hero_info h1,
  .herobanner-html .hero_info h2,
  .herobanner-html .hero_info .text {
    text-align: center;
    padding: 0px 20px;
  }
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - HERO BANER SMALL *******/
/********************************************************/
/********************************************************/
.hero-banner-small {
    min-height: 250px;
    text-align: left;
}
.hero-banner-small .hero-banner-wrap {
    margin-top: 30px;
}


.hero-banner-small.hero-banner-small-v2 .hero-banner-wrap {
        margin-top: 20px;
}

.hero-banner-small .hero-banner-wrap h1,
.hero-banner-small .hero-banner-wrap h2,
.hero-banner-small .hero-banner-wrap .text {
    text-align: left;
    padding-left: 10px;
    margin-top: 0px;
}

/*----- 7/27 Edited by TuanDV -----*/
.hero-banner-small .hero-banner-wrap.tac h1,
.hero-banner-small .hero-banner-wrap.tac h2,
.hero-banner-small .hero-banner-wrap.tac .text {
    text-align: center;
}
/*----- END 7/27 Edited by TuanDV -----*/

@media(max-width:768px) {
    .hero-banner-small .hero-banner-wrap {
        margin-top: 0px;
    }
    .hero-banner-small.hero-banner-small-v2 .hero-banner-wrap {
        margin-top: 0px;
    }
    .hero-banner-small {
        padding-top: 18px;
        padding-bottom: 18px !important;
        height: auto;
        min-height: 0;

    }
    .hero-banner-small h1,
    .hero-banner-small h2 {
        margin-left: 0px;
    }

    .hero-banner-small .hero-banner-wrap h1,
    .hero-banner-small .hero-banner-wrap h2,
    .hero-banner-small .hero-banner-wrap .text {
         /* padding-left: 0px; */
         padding: 0px 15px;
    }
}
/********************************************************/
/********************************************************/
/******* LeadPlusV1 - HERO BANER SMALLEST *******/
/********************************************************/
/********************************************************/

.hero-banner-smallest {
    min-height: 160px;
}
.hero-banner-smallest.color-bar,
.hero-banner.color-bar {
    /* background-image: url(https://4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/pattern-bg.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: inherit;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1); */
}
.hero-banner-smallest .hero-banner-wrap {
    margin-top: 10px;
}
.hs-landing-page .hero-banner-smallest .hero-banner-wrap {
    margin-top: 0px;
}
.hero-banner-smallest .hero-banner-wrap h1 {
   margin-bottom: 0px;
}

.hero-banner-smallest .hero-banner-wrap h2,
.hero-banner-smallest .hero-banner-wrap .text {
    margin-bottom: 10px;
}

.hero-banner-smallest .hero-banner-wrap .text {
    margin-bottom: 0px;
}

.hero-banner-smallest .hero-banner-wrap.has-text {
    margin-top: 30px;
}

.hero-banner-smallest .hero-banner-wrap.has-text h1 {
   margin-bottom: 8px;
}

@media(max-width:768px) {
    .hero-banner-smallest .hero-banner-wrap {
        margin-top: 0px;
    }
    .hero-banner-smallest .hero-banner-wrap.has-text {
        margin-top: 0px;
    }
    .hero-banner-smallest .hero-banner-wrap h1,
    .hero-banner-smallest .hero-banner-wrap h2,
    .hero-banner-smallest .hero-banner-wrap .text {
        padding-left: 0px;
        padding-right: 0px;
    }

}
/********************************************************/
/********************************************************/
/******* LPV1 - Video (Background)  *******/
/********************************************************/
/********************************************************/
#main_video {
    background-attachment: fixed;
    background-position: center center;
    color: #fff;
}

#main_video h2.main-title,
#main_video .wrap-main-title h2 {
    color: #FFF;
    margin-top: 0px;
    margin-bottom: 30px;
}
#main_video .inner_800 {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    position: relative;
}

#main_video .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#main_video .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 970px) {
    #main_video {
        background-attachment: scroll;
    }
    #main_video .inner_800 {
        width: 100%;
    }
}
@media(max-width:768px) {
    #main_video h2.main-title,
    #main_video .wrap-main-title h2 {
        margin-top: 0px;
    }
}

#main_video .video_frame_wrapper {
    text-align: center;
}
@media (max-width: 568px) {
    #main_video .video_frame_wrapper .rpa-top-video iframe {
        width: 375px !important;
        height: 211px !important;
    }
}
@media (max-width: 374px) {
    #main_video .video_frame_wrapper .rpa-top-video iframe {
        width: 300px !important;
        height: 169px !important;
    }
}
.rpa-top-video .pc-diplay {
    display: block;
}
.rpa-top-video .sp-diplay {
    display: none;
}
@media(max-width:768px) {
   .rpa-top-video .pc-diplay {
        display: none;
    }
    .rpa-top-video .sp-diplay {
        display: block;
    }
}
/********************************************************/
/********************************************************/
/******* LPV1 - Banner Area *******/
/********************************************************/
/********************************************************/
.af_banner_area {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fff;
    border-top: #002050 solid 4px;
}
.af_banner_area .af_banner {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.af_banner_area .af_banner .af_title {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 15px;
    text-align: center;
    font-family: 'Oswald',sans-serif;
}
.af_banner_area .af_banner ul li img {
    max-height: 60px;
    width: auto;
}
.af_banner_area .af_banner ul {
    margin: 10px 0px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: none;
    width: 100%;
    text-align: center;
}
.af_banner li {
    margin: 0px 20px;
    margin-bottom: 6px;
    position: relative;
    display: inline;
}
.af_banner li:last-child {
    margin-right: 0px;
}
.af_banner li a {
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (max-width: 767px) {
    .af_banner_area .af_banner ul {
        margin-top: 20px;
    }
    .af_banner li {
        margin-right: 0px;
         margin-left: 0px;
        margin-bottom: 30px;
        float: none;
        margin-right: 0px;
        width: 100%;
        display: block;

    }
    .af_banner li:last-child {
         margin-bottom: 0px;
    }
    .af_banner_area .af_banner ul li img {

    }
}

@media (max-width: 480px) {
    .af_banner_area .af_banner ul li img {
        max-height: 45px;
    }
}

/********************************************************/
/********************************************************/
/******* LPV1 - List Company Logo *******/
/********************************************************/
/********************************************************/
.company-logo {
    background-color: #fff;
    border-top: #d9d9d9 solid 4px;
}
.company-logo .block-inner {
    padding-top: 30px;
    padding-bottom: 40px;
}
.company-logo .block-inner.only  {
    padding-bottom: 30px;
    padding-top: 30px;
}
.company-logo .main-title,
.company-logo .wrap-main-title h2 {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 20px;
    text-align: center;
    font-family: 'Oswald',sans-serif;
    color: #333;
    font-weight: normal;
}
.company-logo .list {
   margin-top: 30px;
  -js-display: flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  /* padding-left: 15%;       /* http://www.cloudsolution.jp/ */
  /* padding-right: 15%; */      /* http://www.cloudsolution.jp/ */
}
/*----- 7/28 Edited by TuanDV .company-logo -----*/
.company-logo .only .list {
        margin-top: 30px;
}
/*----- END 7/28 Edited by TuanDV -----*/
.company-logo .list .item {
  /* width: 33.333%; */
  width: 370px;
  margin-top: 48px;
  text-align: center;
  list-style: none;
}
.company-logo .list .item:nth-child(-n+3) {
  margin-top: 0;
}
.company-logo .list .item img {
  max-height: 60px;
  max-width: 80%;
}
.company-logo .list .item a {
  transition: all 0.3s;
}
.company-logo .list .item a:hover {
  opacity: 0.6;
}

@media only screen and (max-width : 768px ) {
    .company-logo .list {
      display: block;
      padding-left: 0;
      padding-right: 0;
      margin-top: 0px;    /*----- 7/26 Edited by TuanDV -----*/
    }
    .company-logo .list .item:first-child {
        margin-top: 30px !important;
    }
    .company-logo .list .item {
      width: 100%;
      margin-top: 40px !important;
    }
    /*----- 7/28 Edited by TuanDV .company-logo -----*/
    .company-logo .only .list .item {
         margin-top: 0px !important;
    }
    /*----- END 7/28 Edited by TuanDV -----*/
}

/********************************************************/
/********************************************************/
/******* LPV1 - .page-404 *******/
/********************************************************/
/********************************************************/
.page-404 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.page-404 p {
    margin-bottom: 20px;
}
.page-404 #hs-search-module {
    margin-bottom: 30px;
    clear: both;
}
.page-404 #hs-search-module .gsc-input-box {
        height: 40px;
        line-height: 30px;
}
.page-404 #hs-search-module .gsst_a {
    padding-top: 6px;
}
.page-404 #hs-search-module .gsc-search-button input {
    height: 40px;
    border: none;
    background-image:url('https://www.google.com/uds/css/v2/search_box_icon.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #d9d9d9;

}
.page-404 #hs-search-module .gsc-search-button input:hover {
    /* opacity: 0.7; */
}
.page-404 #hs-search-module .gsc-search-button input:after {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 20px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    /* -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear; */
}

.page-404 .cta-box {
    margin-left: 0px;
    padding-left: 0px;
    height: auto;
}

/*---------- Fix 404 search icon (2018/03/20) ---------*/
.page-404 #hs-search-module .gsc-input-box {
    border: 1px solid #D9D9D9 !important;
}
.page-404 #hs-search-module .gsc-search-button {
    height: 40px;
    width: 84px;
    background-image: url(https://www.google.com/uds/css/v2/search_box_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: auto;
    margin-left: auto !important;
    background-color: #d9d9d9;

    transition: all .3s;
}
.page-404 #hs-search-module .gsc-search-button:hover {
    opacity: 0.7;
}
.page-404 .gsc-search-box-tools .gsc-search-box .gsc-input {
    height: auto !important;
}
/*---------- End Fix 404 search icon ------------------*/

@media (max-width: 971px) {
     .page-404 .widget-type-linked_image img {
        width: 250px !important;
    }
}
@media (max-width: 767px) {
    .page-404 h1 {
        text-align: center;
        font-size: 46px;
    }
    .page-404 h2 {
        font-size: 26px;
    }
    .page-404 .widget-type-linked_image img {
        width: 200px !important;
        margin-top: 30px
    }
    .page-404 .cta-box {
        text-align: center;
        max-width: 100%;
    }
}
/********************************************************/
/********************************************************/
/******* LPV1 - SITEMAP PAGE *******/
/********************************************************/
/********************************************************/
#sitemap #hs_menu_wrapper_my_menu>ul {
     padding-left: 0px;
     margin-bottom: 0px;
}
#sitemap ul li {
    list-style: none;
}
#sitemap ul li:before {
    color: #d9d9d9;
}
#sitemap li.hs-menu-depth-1 a {
    font-weight: bold;
}

/********************************************************/
/********************************************************/
/******* LPV1 - Block CTA Top (Home) *******/
/********************************************************/
/********************************************************/
.block-cta-home {
   padding: 30px 0px;
}
.block-cta-home .cta-des {
    color: #3E3E3E;
    font-size: 28px;
    margin: 0px;
}
@media (max-width: 971px) {
    .block-cta-home .row-fluid .span9,
    .block-cta-home .row-fluid .span3 {
        width: 100%;
        float: none;
        text-align: center;
    }
     .block-cta-home .row-fluid .span9 .cta-des {
        margin-bottom: 30px;
     }
     .block-cta-home .row-fluid .span3 {
        /* margin-bottom: 20px; */
     }
}

@media (max-width: 767px) {
     .block-cta-home .row-fluid .span9 .cta-des {
         font-size: 24px;
         padding-left: 10px;
         padding-right: 10px;
     }
}

/********************************************************/
/********************************************************/
/******* LPV1 - Flex Ebooks *******/
/********************************************************/
/********************************************************/
.list-resource.block-inner {
    padding-bottom: 0px;
}
.list-resource .main-title,
.list-resource .wrap-main-title h2 {
    color: #FFF;
    margin-top: 0px;
    margin-bottom: 30px;
}
.list-resource .item {
    text-align: center;
    /*margin-bottom: 60px;*/
}
.list-resource .item img {
    max-width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 0 6px 3px rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 0 6px 3px rgba(255,255,255,0.3);
}
.list-resource .item img.over {
  opacity: 0.4;
}
.list-resource .item .title {
    color: #FFF;
    font-size: 18px;
     min-height: 3rem;
    padding: 0px 15px;
    margin-top: 15px;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .list-resource .flex-three {
        display: block;
    }
    .list-resource .item {
        margin-bottom: 30px;
    }
    .list-resource .item .title {
       margin-top: 10px;
    }
}

/********************************************************/
/********************************************************/
/******* .careers-details *******/
/********************************************************/
/********************************************************/
.careers-details .post-header {
    margin-top: 0px;
}

/********************************************************/
/********************************************************/
/******* #sidebar_wrapper *******/
/********************************************************/
/********************************************************/
#sidebar-container {
    position: relative;
}
#sidebar_wrapper.fixed {
    position: fixed;
    top: 0px;
    margin-top: 30px;
}

#sidebar_wrapper.fixed.fixed-submenu {
    margin-top: 60px;
}

#sidebar_wrapper.fixed-stop {
    position: absolute;
    bottom: 0;
    top: auto;
}
#sidebar_wrapper .block-inner {
    padding-top: 30px;
}

/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/******* BLOG TEMPLATE CSS *******/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

.sodium-blog .blog-section .post-body h2 {
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: 40px;
  padding: 15px 40px;
  color: #fff;
  background-color: #444;
  border-left: #333 solid 6px;
  font-size: 26px;
  font-weight: bold;
}
.sodium-blog .blog-section .post-body h3 {
  margin-bottom: 25px;
  padding-left: 4px;
  padding-bottom: 10px;
  color: #3E3E3E;
  border-bottom: #3E3E3E solid 2px;
  font-weight: bold;
  /* font-size: 22px; */
  font-size: 20px;
}
.sodium-blog .blog-section .post-body .h4 {
  border-bottom: none;
}
.sodium-blog .blog-section .post-body h4,
.sodium-blog .blog-section .post-body .h4 {
  margin-bottom: 25px;
  padding-left: 12px;
  padding-bottom: 0;
  border-left: #333 solid 5px;
  /* font-size: 16px; */
  font-size: 18px;
  font-weight: bold;
}
.blog-section .post-body h2 span {
  color: #FFFFFF;
}
.blog-section .post-body h3 span, .blog-section .post-body h4 span {
  color: #3E3E3E;
}
.blog-section .post-body h2, .blog-section .post-body h3, .blog-section .post-body h4, .blog-section .post-body h5, .blog-section .post-body h6 {
  line-height: 1.5;
}
.sodium-blog .blog-section .post-body p {
  font-size: 18px;
  line-height: 1.75;
  margin-bottom: 35px;
  -ms-word-break: break-all;
  word-break : break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}
.sodium-blog .blog-section .post-body .hs_cos_wrapper>p:last-child {
    margin-bottom: 0px;
}
.sodium-blog .blog-section .post-body a {
  /* font-size: 16px; */
}
.sodium-blog .blog-section .post-body ul li {
  font-size: 16px;
}
/* .table_style */
.sodium-blog .blog-section .post-body table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 1.5;
  border-left: #ddd solid 1px;
  border-top: #ddd solid 1px;
	height: inherit !important;
  width: inherit !important;
}
@media screen and (max-width: 767px) {
  .sodium-blog .blog-section .post-body table {
		display: block;
	}
}

.sodium-blog .blog-section .post-body table:last-child {
  margin-bottom: 0;
}
.sodium-blog .blog-section .post-body table td {
  padding: 9px 10px 8px;
  border-right: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
}
.sodium-blog .blog-section .post-body table th {
  padding: 9px 10px 8px;
  border-right: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  background-color: #f4f8f9;
  text-align: left;
}
.sodium-blog .blog-section .post-body table p {
  font-size: 16px;
  margin-bottom: 0;
}

/*===== BLOG STYLE EDITED 17/08/25 =====*/
/*===== https://www.biz2cloud.com =====*/

.sodium-blog .blog-section .post-body p a,
.sodium-blog .blog-section .post-body p span a {
    font-size: inherit;
}

.sodium-blog .blog-section .post-body table td a {
    font-size: 16px;
}

/*===== END BLOG STYLE EDITED 17/08/25 =====*/

@media only screen and (max-width : 767px) {
    .sodium-blog .section.post-body {
      padding-left: 15px;
      padding-right: 15px;
    }
    .sodium-blog .blog-section .post-body h2 {
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 20px;
      padding: 10px 10px;
      /* font-size: 18px; */
      font-size: 20px;
    }
    .sodium-blog .blog-section .post-body h3 {
      padding-bottom: 6px;
      /* font-size: 16px; */
      font-size: 18px;
    }
     .sodium-blog .blog-section .post-body h4 {
         font-size: 16px;
     }
    .sodium-blog .blog-section .post-body p {
      font-size: 16px;
      margin-bottom: 15px;
    }
}

/*=====START BLOG STYLE flex two =====*/
  .sodium-blog .blog-section .post-body p.flex-margin-blog {
    margin-bottom: 15px;
  }

@media screen and (min-width: 972px) {
  .blog-flex-two{
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .blog-flex-two .blog-img {
     width: 275px;
     flex-shrink: 0;
     padding-right: 20px;
  }
}

@media screen and (max-width: 971px) {
   .blog-flex-two {
     display: block;
     padding: 10px;
  }
   .blog-flex-two .blog-img {
     width: 100%;
  }
  .sodium-blog .blog-section .blog-img img {
    margin-bottom: 1em;
  }
}
/*=====END BLOG STYLE flex two =====*/

/* ranking */
.sodium-blog .side-bar-blog .box-item.ranking .block {
  background-color: #fff;
}
.sodium-blog .side-bar-blog .box-item.ranking .block h3 {
    font-size: 12px;
    margin-bottom: 25px;
    font-weight: bold;
    color: #3E3E3E;
    position: relative;
}
.sodium-blog .side-bar-blog .box-item.ranking .block h3 span {
  font-size: 18px;
  font-family: 'Oswald',sans-serif;
  font-weight: bold;
  margin-right: 10px;
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-item.ranking .block h3::after {
    content: "";
    height: 8px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223px%22%20height%3D%223px%22%20viewBox%3D%220%200%203%203%22%20fill%3D%22hsla%25280%2C%200%25%2C%2065%25%2C%201.0%2529%22%3E%3Cpolygon%20points%3D%220%2C0.5%200%2C1.5%201.5%2C3%202.5%2C3%22%2F%3E%3Cpolygon%20points%3D%222.5%2C0%201.5%2C0%203%2C1.5%203%2C0.5%22%2F%3E%3C%2Fsvg%3E');
    background-size: 3px 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul {
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:last-child {
  border-bottom: none;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li {
  min-height: 3em;
  padding-left: 40px;
  padding-right: 25px;
  margin-top: 10px;
  padding-bottom: 10px;
  position: relative;
  line-height: 1.6;
  border-bottom: #ccc dotted 1px;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li a {
  display: block;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li a:before {
  content: none;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li a:hover {
  text-decoration: none;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li a:after {
    font-family: "fontawesome";
    content: '\f054';
    position: absolute;
    top: 8px;
    right: 0.6em;
    font-size: 1em;
    color: #d9d9d9;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li a:hover:after {
  right:0.5em;
  -webkit-transform: translate(1px, 0);
  -moz-transform: translate(1px, 0);
  transform: translate(1px, 0);
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:before {
  color: #fff;
  position: absolute;
  left: 10px;
  top: 2px;
  line-height: 1;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 30px;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(1):before {
  content: "1";
  /* color: #d9d9d9; */
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(2):before {
  content: "2";
  /* ccolor: #d9d9d9; */
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(3):before {
  content: "3";
  /* ccolor: #d9d9d9; */
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(1):before,
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(2):before,
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(3):before {
 color: #d9d9d9;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(4):before {
  content: "4";
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(5):before {
  content: "5";
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(6):before {
  content: "6";
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(7):before {
  content: "7";
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(8):before {
  content: "8";
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(9):before {
  content: "9";
  color: #3E3E3E;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:nth-child(10):before {
  content: "10";
  color: #3E3E3E;
}
.sodium-blog .hs-cta-img  {
  height: auto;
}
#sidebar-blog .row-fluid-wrapper {
}

.sodium-blog .recent-posts .cat-name {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.1em 0.5em;
  font-size: 10px;
  font-weight: bold;
  background: #3E3E3E;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  opacity: 0.9;
}
.sodium-blog .recent-articles .cat-name {
  display: inline-block;
  padding: 0.1em 0.5em;
  font-size: 12px;
  background: #3E3E3E;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .sodium-blog .recent-articles .cat-name {
    font-size: 11px;
  }
}


.listing-blog .taxonomy-description, .listing-blog .taxonomy-description p {
  font-size: 12px;
}

/* .top-post-list */
.page-blog-text #breadcumb {
    padding-left: 0px;
}
.listing-blog .top-post-list {
    margin-bottom: 20px;
}
.listing-blog .top-post-list .post-list {
    font-size: 13px;
}
.listing-blog .top-post-list a {
    width: 100%;
    display: block;
    padding: 18px 5px;
    text-decoration: none;
    color: #666;
    border-bottom: 1px dotted #ccc;
    border-bottom: 1px dotted rgba(0,0,0,.2);
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: justify;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: justify;
}
      .listing-blog.listing-blog--seminar .top-post-list .post-list:first-child a {
        border-top: 1px dotted rgba(0,0,0,.2);
      }
      .listing-blog.listing-blog--seminar .top-post-list .post-list:last-child a {
        border-bottom: none;
      }
      @media only screen and (max-width: 767px) {
        .listing-blog.listing-blog--seminar .top-post-list a {
          display: block;
          padding: 20px 5px 10px 5px;
        }
        .listing-blog.listing-blog--seminar .top-post-list .post-list .eyecatch {
          width: 100%;
          max-height: none;
        }
        .listing-blog.listing-blog--seminar.top-post-list .post-list .entry-content {
          padding: 0;
          width: 100%;
        }

      }

.listing-blog .top-post-list .post-list a:hover {
  opacity: 0.7;
  -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
}
.listing-blog .top-post-list .post-text-only a:hover {
  opacity: 0.7;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.listing-blog .top-post-list .post-list a:hover .eyecatch img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.listing-blog .top-post-list .post-list .eyecatch {
    width: 36%;
    overflow: hidden;
    position: relative;
    margin: 0;
    text-align: center;
}
.listing-blog .top-post-list .post-list .eyecatch img {
    margin: 0;
    border: 0;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-sizing: border-box;
}
.listing-blog .top-post-list .post-list .tag {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20px;
    text-align: right;
}
.listing-blog .top-post-list .post-list .cat-name {
    position: absolute;
    top: 0;
    right: 0;
    background: #3E3E3E;
    color: #fff;
    font-size: 12px;
    /* font-weight: bold; */
    padding: 0.1em 0.5em;
    min-width: 7.5em;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    opacity: 0.9;
    text-align: center;
}
.listing-blog .top-post-list .post-list .tag .cat-name {
   display: inline-block;
    margin-right: 4px;
    position: static;
    top: initial;
    right: initial;
}
.listing-blog .top-post-list .post-list .entry-content {
    padding: 0 0 0 4%;
    width: 64%;
}
.listing-blog .top-post-list .post-text-only>a {
    padding-left: 0px;
}
.listing-blog .top-post-list .post-text-only:first-child>a {
    border-top: 1px dotted #ccc;
    border-top: 1px dotted rgba(0,0,0,.2);
}
.listing-blog .top-post-list .post-text-only .entry-content {
    padding: 0 0 0 0%;
    width: 100%;
}
.listing-blog .top-post-list .post-text-only .entry-content .description {
    display: none;
}
.listing-blog .top-post-list .post-list .entry-content .entry-title {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 10px;
    color: #444;
    text-align: left;
}

.listing-blog .top-post-list .post-list .entry-content p {
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
    margin-top: 13px;
    margin-bottom: 0;
    -ms-word-break: break-all;
    word-break : break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
}
.listing-blog .top-post-list .post-text-only .entry-content p {
    /* font-size: 14px; */
}

.listing-blog .top-post-list .post-list .entry-content .byline {
    font-family: 'Oswald',sans-serif;
    font-weight: bold;
    /*font-size: 0.95em;*/
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    opacity: 0.7;
    margin: 0;
}
.listing-blog .top-post-list .post-list .entry-content .byline:before {
    font-family: "fontawesome";
    content: "\f274";
    font-size: .88em;
    margin-right: .3em;
    position: relative;
    top: -1px;
}

.listing-blog .top-post-list .post-text-only:last-child a {
    border-bottom: none;
}

@media only screen and (max-width : 767px) {
.listing-blog .top-post-list a {
    padding: 8px 5px;
}
.listing-blog .top-post-list .post-list .eyecatch {
    width: 20%;
    max-height: 170px;
    margin: 0;
    background: transparent;
}
.listing-blog .top-post-list .post-list .entry-content {
    padding: 0 0 0 2%;
    width: 80%;
}
.listing-blog .top-post-list .post-text-only .entry-content {
    padding: 0 0 0 0%;
    width: 100%;
}
.listing-blog .top-post-list .post-list .entry-content .entry-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 2px;
}
.listing-blog .top-post-list .post-text-only .entry-content .entry-title {
     margin-bottom: 10px;
}
.listing-blog .top-post-list .post-list .entry-content .byline {
  font-size: 10px;
}
.listing-blog .top-post-list .post-list .cat-name, .listing-blog .top-post-list .post-list .entry-content .description {
    display: none;
}
}
@media only screen and (max-width: 480px) {

}

/* .post-listing */
.listing-blog .post-listing {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: justify;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: justify;
}
.listing-blog .post-listing a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #666;
    background: #fff;
    height: 100%;
    border: 1px solid #eee;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.listing-blog .post-listing .post-list {
    font-size: 13px;
    width: 48%;
    margin: 0 1% 2.5%;
    overflow: hidden;
    height: 410px;
}
@media only screen and (min-width: 768px) {
    .listing-blog .post-listing .post-list {
        height: auto;
        min-height: 410px;
    }
  }
  @media only screen and (max-width: 767px) {
      .listing-blog .post-listing .post-list.post-list-author {
          width: 100%;
          height: auto;
      }
      .listing-blog .post-listing .post-list.post-list-author:nth-child(n+2) {
          margin-top: 40px;
      }
}
.listing-blog .post-listing .post-list a:hover{
  opacity: 0.7;
  -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
}
.listing-blog .post-listing .post-list a:hover .eyecatch img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.listing-blog .post-listing .post-list .eyecatch {
    /* max-height: 220px; */
    max-height: 290px;
    min-height: 175px;
    background: #fff;
    margin: -1em -1em 0.5em;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.listing-blog .post-listing .post-list .eyecatch .tag {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 20px;
    text-align: right;
}
@media only screen and (max-width: 767px) {
    .listing-blog .post-listing .post-list .eyecatch .tag,
    .listing-blog .top-post-list .post-list .tag {
        display: none !important;
    }
}
.listing-blog .post-listing .post-list .eyecatch .tag .cat-name {
    display: inline-block;
    margin-right: 4px;
    position: static;
    top: initial;
    right: initial;
}
.listing-blog .post-listing .post-list .eyecatch img {
    width: 100%;
    margin: 0;
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-sizing: border-box;
}
.listing-blog .post-listing .post-list .cat-name {
    position: absolute;
    top: 0;
    right: 0;
    background: #3E3E3E;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 0.1em 0.5em;
    min-width: 7.5em;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    opacity: 0.9;
    text-align: center;
}

.listing-blog .post-list .status-tag {
  display: flex;
  flex-wrap: wrap;
  margin-top: 11px;
}
.listing-blog .post-list .status-tag .status-tag__name {
    display: inline-block;
    margin: 4px;
    background: #3E3E3E;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 0.1em 0.5em;
    text-align: center;
}
      .listing-blog .post-list .status-tag.status-tag--finish {
        opacity: .5;
      }
      .listing-blog .post-list .entry-seminar-title {
        font-size: 18px;
        line-height: 1.3;
        margin-top: 15px;
        color: #3e3e3e;
        text-align: left;
      }
      @media only screen and (max-width: 767px) {
        .listing-blog.listing-blog--seminar .post-list .entry-seminar-title {
          font-size: 16px;
          margin-top: 10px;
        }
      }
.listing-blog .post-list .keyword-tag {
    display: flex;
    flex-wrap: wrap;
    margin-top: -17px;
    margin-left: -10px;
    margin-right: -10px;
}
.listing-blog .post-list .keyword-tag .keyword-tag__name {
    display: inline-block;
    margin: 10px;
    color: #eb6207;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
      .box-item__button {
        margin-top: 20px;
        margin-left: 6px;
        border-radius: 0px;
        border: 1px solid #FFF;
        background-color: #d9d9d9;
        color: #3e3e3e;
        font-weight: bold;
        padding: 10px 52px;
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
        box-shadow: 5px 5px 0px rgb(217 217 217 / 40%);
      }

      .ranking .box-item__button {
        margin-top: 0px;
      }

.listing-blog .post-listing .post-list .entry-content {
  padding: 0;
}
.listing-blog .post-listing .post-list .entry-content .entry-title {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #444;
    text-align: left;
}
.listing-blog .post-listing .post-list .entry-content p {
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
    margin-top: 13px;
    margin-bottom: 0;
    -ms-word-break: break-all;
    -ms-word-break : break-all;
    word-break : break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
}
.listing-blog .post-listing .post-list .entry-content .byline {
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
    /*font-size: 0.95em;*/
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    opacity: 0.7;
    margin: 0;
}
.listing-blog .post-listing .post-list .entry-content .byline:before {
    font-family: "fontawesome";
    content: "\f274";
    font-size: .88em;
    margin-right: .3em;
    position: relative;
    top: -1px;
}
@media only screen and (max-width: 767px) {
.listing-blog .post-listing {
    display: block;
}
.listing-blog .post-listing .post-list {
    width: 100%;
    height: auto;
    max-height: 100px;
    margin: 0;
}
.listing-blog .post-listing .post-list.post-list-author {
  max-height: none;
}
.listing-blog .post-listing .post-list a {
    width: 100%;
    display: block;
    padding: 8px 5px;
    text-decoration: none;
    color: #666;
    border: none;
    border-bottom: 1px dotted #ccc;
    border-bottom: 1px dotted rgba(0,0,0,.2);
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: justify;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: justify;
}
.listing-blog .post-listing .post-list.post-list-author a {
  display: block;
  padding: 0;
  border: none;
}
.listing-blog article.post-list:first-child a:first-of-type {
    border-top: 1px dotted #ccc;
    border-top: 1px dotted rgba(0,0,0,.2);
}
.listing-blog article.post-list.post-list-author:first-child a:first-of-type {
  border: none;
}
.listing-blog .post-listing .post-list .eyecatch {
    width: 20%;
    max-height: 170px;
    margin: 0;
    background: transparent;
}
.listing-blog .post-listing .post-list.post-list-author .eyecatch {
  width: 100%;
  max-height: 225px;
  min-height: auto;
}
.listing-blog .post-listing .post-list .entry-content {
    padding: 0 0 0 2%;
    width: 80%;
}
.listing-blog .post-listing .post-list.post-list-author .entry-content {
  padding: 0;
  width: 100%;
}
.listing-blog .post-listing .post-list .entry-content .entry-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 2px;
}
.listing-blog .post-listing .post-list.post-list-author .entry-content .entry-title {
  margin-top: 20px;
  margin-bottom: 15px;
}
.listing-blog .post-listing .post-list .entry-content .byline {
  font-size: 10px;
}
.listing-blog .post-listing .post-list.post-list-author .entry-content .byline {
  font-size: 12px;
}
.listing-blog .post-listing .post-list .entry-content .description {
    display: none;
}
.listing-blog .post-listing .post-list.post-list-author .entry-content .description {
  display: block;
}
.listing-blog .post-listing .post-list .cat-name {
    display: none;
}
}


/* topic description */
.sodium-blog .single-post-details.topic {
  max-width: 1170px;
  width: 100%;
  padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sodium-blog .single-post-details.topic p {
  max-width: 1170px;
  width: 100%;
  margin: 0;
  text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


@media only screen and (max-width: 767px) {
  .sodium-blog .single-post-details.topic {
    bottom: 60px;
  }
}
/* sidebar search */
.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult,
.gsc-webResult.gsc-result:hover,
.gsc-imageResult:hover {
    border-color: transparent !important;
    background-color: transparent !important;
}

#___gcse_1 .gsc-search-box .gsc-input>input:hover,
#___gcse_1 .gsc-input-box-hover,
#___gcse_1 .gsc-input-box-focus {
    border: none !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sidebar-search {
  margin: 0 !important;
}
.sidebar-search .gsc-search-box.gsc-search-box-tools {
    position: relative;
    padding: 10px;
}
.sidebar-search .cse .gsc-control-cse, .sidebar-search .gsc-control-cse {
  padding: 0;
}
.sidebar-search #___gcse_1 input {
  font-size: 14px;
  line-height: 1;
  padding-left: 5px !important;
  margin: 0 !important;;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-bottom: #999 dotted 1px;
  box-sizing: border-box;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
.sidebar-search #___gcse_1 input::-webkit-input-placeholder {
  color: #ccc;
}
.sidebar-search #___gcse_1 input:-ms-input-placeholder {
  color: #ccc;
}
.sidebar-search #___gcse_1 input::-moz-placeholder {
  color: #ccc;
}
.sidebar-search div.gsc-control-cse form.gsc-search-box * {
  padding: 0;
}
.sidebar-search div.gsc-control-cse form.gsc-search-box td.gsib_b {
  width: 15px;
  padding-right: 10px;
  vertical-align: bottom;
}
.sidebar-search .gsc-input-box {
  border: none;
  height: auto;
}
.sidebar-search table.gsc-search-box {
  margin-bottom: 0;
}
.sidebar-search form.gsc-search-box {
  margin-bottom: 0;
  width: 100%;
}
.sidebar-search .gsc-search-box-tools .gsc-search-box .gsc-input {
  height: 40px;
  padding: 0;
  border-bottom: #999 dotted 1px;
}
.sidebar-search div.gsc-control-cse form.gsc-search-box td, .sidebar-search div.gsc-control-cse form.gsc-search-box th {
  line-height: 1.5;
  border-style: none;
}
.sidebar-search div.gsc-control-cse form.gsc-search-box input {
  border-style: none;
}
.sidebar-search div.gsc-control-cse form.gsc-search-box div.gsc-input-box {
  border-style: none;
}
.sidebar-search td.gsc-search-button:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  content: "\f002";
  position: absolute;
  right: 12px;
  display: block;
}
.sidebar-search input.gsc-search-button, .sidebar-search input.gsc-search-button, .sidebar-search input.gsc-search-button:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
}
.sidebar-search .cse .gsc-search-button input.gsc-search-button-v2, .sidebar-search input.gsc-search-button-v2 {
  width: 10px;
  margin: 0;
}
.sidebar-search div.gsc-control-cse form.gsc-search-box .gsc-search-box .gsc-input>input:hover, .sidebar-search div.gsc-control-cse form.gsc-search-box .gsc-input-box-hover, .sidebar-search div.gsc-control-cse form.gsc-search-box .gsc-search-box .gsc-input>input:focus, .sidebar-search div.gsc-control-cse form.gsc-search-box .gsc-input-box-focus {
  -moz-box-shadow: inset 0 0 0 transparent;
  -webkit-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent;
}
.sidebar-search table, .sidebar-search th, .sidebar-search td {
  padding: 0;
  border-style: none;
}
.sidebar-search .cse .gsc-control-cse, .sidebar-search .gsc-control-cse {
  background-color: transparent;
  border: none;
}

/* service-menu */
#sidebar-blog .service-menu {
  margin: 0 !important;
}
#sidebar-blog .service-menu li a {
    white-space: normal;
}

/* social(本番にマージする) */
.sodium-blog.hs-blog-post .social-blog ul li.facebook {
  background-color: #315096;
  border: 2px solid #315096;
}
.sodium-blog.hs-blog-post .social-blog ul li.twitter {
  background-color: #55acee;
  border: 2px solid #55acee;
}
.sodium-blog.hs-blog-post .social-blog ul li.googleplus {
  background-color: #dd4b39;
  border: 2px solid #dd4b39;
}
.sodium-blog.hs-blog-post .social-blog ul li.hatena {
  background-color: #1ba5dc;
  border: 2px solid #1ba5dc;
}
.sodium-blog.hs-blog-post .social-blog ul li.pocket {
  background-color: #ef3e56;
  border: 2px solid #ef3e56;
}
.sodium-blog.hs-blog-post .social-blog ul li.email {
  background-color: #5da7c6;
  border: 2px solid #5da7c6;
}
.sodium-blog.hs-blog-post .social-blog ul li:hover a {
  color: #FFF;
}
.sodium-blog.hs-blog-post .social-blog ul li a:hover {
  opacity: 0.7;
}

#related_article {
  margin-top: 55px;
}
@media (max-width: 1099px) {
  #related_article {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  #related_article {
    margin-top: 40px;
  }
}

#recent_post {
  margin-top: 55px;
}
@media (max-width: 1099px) {
  #recent_post {
    margin-top: 40px;
  }
}

#related_post {
  margin-top: 55px;
}
@media (max-width: 1099px) {
  #related_post {
    margin-top: 40px;
  }
}

/********************************************************/
/********************************************************/
/*******  LeadPlusV1 - Blog News (Sidebar) *******/
/********************************************************/
/********************************************************/

.sodium-blog #breadcumb {
    border-bottom: none;
}

.sodium-blog .filter-expand-link {
    text-decoration: underline;
    color: #d9d9d9;
}

.sodium-blog #sidebar-blog .sidebar-archive .block {
    margin-top: 0px;
}

.sodium-blog .sidebar-archive .block h3 {
    margin-top: 0px;
}

.blog-layout-1 .listing-blog {
    border: 1px solid #ddd;
    padding: 20px;
}

.listing-blog .post-listing .post-one {
    width: 100%;
    height: auto;
    max-height: 220px;
    padding-bottom: 2em;
    margin: 2em 0px 0em 0px;
    border-bottom: 1px solid #eee;
}

.listing-blog .post-listing .post-one a {
    padding: 0px;
    border: none;
}

.listing-blog .post-listing .post-one a:hover {
    opacity: 0.7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.listing-blog .post-listing .post-one .eyecatch {
    width: 30%;
    float: left;
    margin: 0px;
}

.listing-blog .post-listing .post-one .entry-content {
    width: 68%;
    float: left;
    padding-left: 2%;
}

.listing-blog .post-listing .post-text:first-child {
    margin-top: 0px;
}

.listing-blog .post-listing .post-text .entry-content {
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
    float: none;
}

.listing-blog .post-listing .post-text .entry-content .description p {
    font-size: 14px;
}

.listing-blog .post-listing .post-one .entry-content .entry-title {
    margin-top: 0px;

}

.listing-blog .top-post-list .post-text-only .entry-content .entry-title {
    margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
    .listing-blog article.post-text-only:first-child a:first-of-type {
        /* border-top: none; */
    }
    .listing-blog .post-listing article.post-one:first-child a:first-of-type {
        border-top: none;
    }
    .listing-blog .post-listing .post-text .entry-content .entry-title {
        margin-bottom: 10px;
    }
    .listing-blog .post-listing .post-text .entry-content .description,
    .listing-blog .top-post-list .post-text-only .entry-content .description {
        /* display: block; */
    }
    .listing-blog .post-listing .post-text .entry-content .byline {
        font-size: 12px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .homepage .skills .loading-circle .circle svg {
      transform: scale(1.4);
    }
}
@supports (-ms-ime-align:auto) {
    .homepage .skills .loading-circle .circle svg {
      transform: scale(1.4);
    }
}

/********************************************************/
/********************************************************/
/*******  .hs-inline-edit *******/
/********************************************************/
/********************************************************/
.hs-inline-edit .flex-four.unwrapper span.hs_cos_wrapper_widget_container,
.hs-inline-edit .flex-three.unwrapper span.hs_cos_wrapper_widget_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.hs-inline-edit .flex-two.unwrapper span .hs_cos_wrapper {
    width: 48.717948718%;
    float: left;
}

.hs-inline-edit .flex-three.unwrapper span .hs_cos_wrapper {
    width: 31.623931624%;
    float: left;
}
.hs-inline-edit .flex-four.unwrapper span .hs_cos_wrapper {
    width: 23.076923077%;
    float: left;
}

.hs-inline-edit .flex-four.unwrapper span .hs_cos_wrapper .span3,
.hs-inline-edit .flex-two.unwrapper span .hs_cos_wrapper .span6,
.hs-inline-edit .flex-three.unwrapper span .hs_cos_wrapper .span4,
.hs-inline-edit .company-logo .list span .hs_cos_wrapper .item {
    width: 100%;
}

.hs-inline-edit .homepage .testimonials {
    overflow-y: scroll;
}

.hs-inline-edit .company-logo .list span .hs_cos_wrapper {
    width: 33.333%;
    float: left;
    margin-bottom: 20px;
}

/********************************************************/
/********************************************************/
/*******  #password_page *******/
/********************************************************/
/********************************************************/
#password_page input[type="password"] {
    padding: 16px 10px;
    font-size: 14.4px;
        width: 250px;
}
#password_page input[type="submit"] {
   font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
    background-color: #d9d9d9;
    display: inline-block;
    color: #3e3e3e; /*    color: rgb(255, 255, 255); */
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
    padding: 0px 1em;
    text-decoration: none;

    border: solid 1px #d9d9d9;
    border-radius: 0px;
    box-shadow: 5px 5px 0px rgb(217 217 217 / 40%);
  /*
    border-radius: 5px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
  */
}
#password_page input[type="submit"]:hover {
    opacity: 0.7;
}

/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/******* 「leadplus-site.css」を含める *******/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - CUSTOMIZER MODULE *******/
/********************************************************/
/********************************************************/
.block-four {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.block-four .item {
       width: 22.5409%;
    margin-left: 1.2295%;
    margin-right: 1.2295%;
    padding-bottom: 25px;
    background-color: #fafafa;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.block_tool {
    margin-top: 50px;
}
.block_tool .item {
    text-align: center;
}
.block_tool .title_tool {
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 110px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    border-bottom: #ddd dotted 1px;
    background-repeat: no-repeat;
    background-position: center 87px;
    margin-top: 0px;
}
.block_tool .title_tool.title01 {
    background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/icn_tool01.png);
}
.block_tool .title_tool.title01 {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/icn_tool01.png);
}
.block_tool .title_tool.title02 {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/icn_tool02.png);
}
.block_tool .title_tool.title03 {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/icn_tool03.png);
}
.block_tool .title_tool.title04 {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/icn_tool04.png);
}
.block_tool .list .title {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 16px;
}
.block_tool .list > .title:before {
  content: "【";
}
.block_tool .list > .title:after {
  content: "】";
}
.block_tool .list ul {
    padding-left: 0px;
}
.block_tool .list ul + .title {
  margin-top: 10px;
}
.block_tool .list li {
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  line-height: 1.4;
  list-style: none;
}

.block_tool .list li:before {
    display: none;
}

.custom-module h1,
.custom-module h2,
.custom-module h3 {
     margin-top: 0px;
}

@media only screen and (max-width : 768px) {
    /* .block_tool */
    .block_tool {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .block_tool .item {
      width: 47%;
      margin-left: 1.5%;
      margin-right: 1.5%;
      margin-top: 3%;
    }
    .block_tool .item:nth-child(-n + 2) {
      margin-top: 0;
    }
}

@media only screen and (max-width : 480px) {
    /* .block_tool */
    .block_tool {
      margin-top: 20px;
      display: block !important;
    }
    .block_tool .item {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 15px !important;
    }
    .block_tool .item > .title {
      padding-top: 20px;
      padding-bottom: 70px;
      background-position: center 58px;
    }
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - EDITOR MODULE - block_point *******/
/********************************************************/
/********************************************************/
/* .block_point  */
.block_point {
  margin-top: 0px;
  margin-bottom: 0px;
  display : -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0px !important;
}

.block_point > li {
  width: 48.3606%;
  margin-top: 0px;
  margin-right: 3.1147%;
  margin-bottom: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}
.block_point > li:before {
    display: none;
}
.block_point > li:nth-child(2n) {
  margin-right: 0;
}
.block_point > li:nth-child(-n + 2) {
  margin-top: 0;
}
.block_point > li .title {
  height: 36px;
  /* padding-left: 48px; */
  padding-left: 0px;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  display: table-cell;
  background-repeat: no-repeat;
  background-position: left top;
  vertical-align: middle;
}
.block_point > li .title i {
    padding-right: 10px;
}
.block_point > li .title i:before {
    font-size: 1.8rem;
}
.hs_cos_wrapper_type_rich_text .block_point>li {
    margin-bottom: 0px;
}

.block_point > li .title + .text {
  margin-top: 12px;
}

@media only screen and (max-width : 767px) {
    .block_point > li .text {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width : 480px) {
/* .block_point */
.block_point {
  margin-top: 20px;
  display: block !important;
}
.block_point > li {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px !important;
}
.block_point > li .title + .text {
  margin-top: 8px;
}

}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - EDITOR MODULE - block_success *******/
/********************************************************/
/********************************************************/
.block_success {
  margin-top: 70px;
  display : -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0px !important;
}
.block_success > li {
  width: 48.3606%;
  margin-top: 50px;
  margin-right: 3.1147%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}
.block_success > li:before {
    display: none;
}
.block_success > li:nth-child(2n) {
  margin-right: 0;
}
.block_success > li .img {
  width: 1%;
  height: 290px;
  margin-left: auto;
  margin-right: auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.block_success > li .img img {
}
.block_success > li:nth-child(-n + 2) {
  margin-top: 0;
}
.block_success > li .title {
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0px;
}
.pickup .block_success > li .img img {
  box-shadow: 0 -3px 30px 0 rgba(121, 121, 121, 0.5);
}
.block_success > li .title + .text {
  margin-top: 12px;
}

@media only screen and (max-width : 480px) {
    /* .block_success */
   .block_success {
      margin-top: 20px;
      display: block !important;
    }
    .block_success > li {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 20px !important;
    }
   .block_success > li .title + .text {
      margin-top: 8px;
    }
    .block_success > li .img {
      height: 240px;
    }
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - EDITOR MODULE - block_project *******/
/********************************************************/
/********************************************************/
#intro_content .block-inner.box-project {
    padding-bottom: 30px;
}

#intro_content .block_project {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/project_flow.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}
#intro_content .block_project.block_reverse {
  flex-direction: row-reverse;
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/project_flow_rs.svg);
}
#intro_content .block_project:last-child,
#intro_content .block_project.last {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/project_flow_lt.svg);
  background-size: cover;
  margin-bottom: 15px;
}
#intro_content .block_project.block_reverse:last-child,
#intro_content .block_project.block_reverse.last {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/project_flow_rs.svg);
  background-size: cover;
}
/* .box.txt */
#intro_content .block_project .tag_wrapper {
    margin-left: -50px;
    background: #FFF;
}
#intro_content .block_project .tag {
  margin-bottom: 15px;
  padding: 1px 10px !important;
  border: #f93 solid 2px;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
#intro_content .block_project .box.txt {
  width: 52.5%;
  padding-left: 50px;
  padding-bottom: 90px;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 430px;
}
/* .title_main */
#intro_content .block_project .box.txt .title_main {
  margin-bottom: 0px;
  margin-left: -50px;
  padding-bottom: 15px;
  font-weight: normal;
  display: table;
}
#intro_content .block_project .box.txt .title_main .number {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: #FFF;
}
#intro_content .block_project .box.txt .title_main .number > span {
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-right: 12px;
  padding-top: 0px;
  display: block;
  font-size: 32px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ 明朝", serif;
  border-radius: 30px;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 0 0 4px #0085ce, 0 0 0 15px #fff;

  color: #3E3E3E;
}
#intro_content .block_project .box.txt .title_main .title {
  display: inline-block;
  display: table-cell;
  line-height: 1.4;
  color: #3E3E3E;
  font-size: 36px;
}
/* .title_sub_sub */
#intro_content .block_project .box.txt .title_sub_sub {
  margin-top: 0;
  font-size: 20px;
  padding-left: 12px;
  font-weight: bold;
  color: #d9d9d9;
}
#intro_content .block_project .box.txt p {
  padding-left: 12px;
}
#intro_content .block_project .box.txt p + p {
  margin-top: 15px;
}
/* .box.img */
#intro_content .block_project .box.img {
  width: 47.5%;
  text-align: center;
}
#intro_content .block_project .box.img figure {
  width: 280px;
  height: 280px;
  margin-top: -110px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 140px;
  box-shadow: 0 0 0 5px #fff, 0 0 0 20px #d9edf8;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#intro_content .block_project .box.img figure img {
  max-height: 280px;
  max-width: none;
  height: auto;
}
#intro_content .block_project .box.img figure.vlong img {
  max-height: inherit;
  max-width: 280px;
}
@media only screen and (max-width : 1024px) {

    #intro_content .block_project {
      background-position: left 5px bottom;
    }

}

@media only screen and (max-width : 767px) {
    #intro_content .block_project {
      display: block;
      background-image: none !important;
    }
    #intro_content .block_project .box {
      width: 100% !important;
    }
    /* .box.txt */
    #intro_content .block_project .box.txt {
      margin-top: 10px;
      padding-left: 40px;
      padding-bottom: 30px;
      background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/project_flow_sp.svg) !important;
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: auto;
      min-height: inherit;
    }

    #intro_content .block_project:last-child .box.txt,
    #intro_content .block_project.last .box.txt {
      background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/project_flow_sp_lt01.svg) !important;
    }
    #intro_content .block_project:last-child,
    #intro_content .block_project.last {
      padding-bottom: 42px;
      position: relative;
    }
    #intro_content .block_project:last-child:before,
    #intro_content .block_project.last:before {
      margin-right: -16px;
      content: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/project_flow_sp_lt02.svg);
      position: absolute;
      right: 50%;
      bottom: -15px;
    }
    #intro_content .block_project:last-child:after,
    #intro_content .block_project.last:after {
      content: "";
      width: 30px;
      height: 20px;
      background-color: #fff;
      position: absolute;
      left: -20px;
      bottom: 40px;
    }
    /* .title_main */
    #intro_content .block_project .box.txt .title_main {
      margin-left: -48px;
      padding-bottom: 10px;
      line-height: 1.4;
    }
    #intro_content .block_project .box.txt .title_main .title {
          font-size: 26px;
    }
    #intro_content .block_project .box.txt .title_main .number > span {
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin-right: 9px;
      padding-top: 0px;
      font-size: 1.5rem;
    }
    /* .title_sub_sub */
    #intro_content .block_project .box.txt .title_sub_sub {
      /* margin-top: -20px; */
      font-size: 18px;
      padding-left: 0;
    }
    #intro_content .block_project .box.txt p {
      padding-left: 0;
    }
    /* .box.img */
    #intro_content .block_project .box.img {
      padding-top: 20px;
      padding-bottom: 30px;
      display: none;
    }
    #intro_content .block_project .box.img figure {
      margin-top: 0;
    }
    #intro_content .block_project:first-child .box.img {
      display: block;
    }
}

 /* IE9, IE10 */
@media screen and (min-width:0\0)  and (max-width : 767px)  {
        #intro_content .block_project .box.txt {
          margin-top: 15px;
        }
}

@media only screen and (max-width : 480px) {

    /* .box.img */
    #intro_content .block_project .box.img figure {
      width: 200px;
      height: 200px;
      border-radius: 100px;
    }
    #intro_content .block_project .box.img figure img {
      max-height: 200px;
    }
    #intro_content .block_project .box.img figure.vlong img {
      max-width: 200px;
    }

}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - #list_case *******/
/********************************************************/
/********************************************************/
#list_case:after {
  content: "";
  clear: both;
  display: block;
}
#list_case {
  width: 100%;
  /* margin-left: 0.8196%; */
  padding-left: 0px;
}
#list_case li {
  width: 31.1475%;
  margin-left: 0.8196%;
  margin-right: 0.8196%;
  margin-top: 1.639934%;
  padding: 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: #eee solid 4px;
  float: left;
  list-style: none;
}
#list_case.tokuten li {
  /*min-height: 560px;*/
}
#list_case.tokuten li:before {
    display: none;
}
#list_case li:nth-child(-n+3) {
  margin-top: 0;
}
#list_case li .logo {
  width: 100%;
  height: 90px;
  margin-bottom: 20px;
  display: table;
  text-align: center;
}
#list_case li .logo span {
  display: table-cell;
  vertical-align: middle;
}
#list_case li .logo span img {
  /*max-height: 60px;*/
  max-width: 65%;
}
#list_case li .title_sub_sub {
  font-size: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-weight: bold;
}
#list_case li .text {
  height: 5.5em;
  margin-top: 18px !important;
  text-align: left;
  font-size: 16px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 0px;
}
#list_case.tokuten li .text {
  height: auto;
}
#list_case li .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px !important;
}

@media only screen and (max-width : 960px) {
#list_case {
  margin-left: 0;
}
#list_case li {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 2%;
}
#list_case li:nth-child(-n+3) {
  margin-top: 2%;
}
#list_case li:nth-child(-n+2) {
  margin-top: 0;
}
}

@media only screen and (max-width : 640px) {
#list_case li {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px !important;
  padding: 30px 20px 35px;
  float: none;
}

#list_case.tokuten li {
  min-height: auto;
}
#list_case li:first-child {
  margin-top: 0 !important;
}
#list_case li .btn {
  margin-top: 25px !important;
}
}

@media only screen and (max-width : 480px) {
   #list_case li .title_sub_sub {
    font-size: 18px;
}
}
/********************************************************/
/********************************************************/
/******* LeadPlusV1 - #faq *******/
/********************************************************/
/********************************************************/
.faqbox-list .faqbox {
  margin-bottom: 10px;
  margin-left: auto;
    margin-right: auto;
    width: 90%;
}
/*
.faqbox-list .faq_header {
  padding: 10px 40px 10px 40px;
  color: #666;
  border: #ff7e00 solid 1px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  border-radius: 3px;
  text-indent: -1.2em;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
} */
.faqbox-list .faq_header::first-letter {
        font-weight: bold;
}
.faqbox-list .faq_header:before {
    position: absolute;
    left: 10px;
    top: 8px;
    font-family: "FontAwesome";
    content: "\f105";
    color: #ff9900;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.faqbox-list .faq_header.open:before {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.faqbox-list .faq_header {
        border-radius: 10px;
    border-radius: 5, font-weight: bold;
    border: #ff7e00 solid 1px;
    font-size: 18px;
    color: #3E3E3E;
    /* text-transform: uppercase; */
    margin-top: 10px;
    display: block;
    margin-left: 0px;
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
    /* padding-left: 7px; */
    padding: 8px 25px;
}
.faqbox-list .faq_header:hover {
  background-color: rgba(255,126,0,0.3);
}
/*
.faqbox-list .faq_header:after {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f055';
  margin-top: -9px;
  font-size: 18px;
  color: #ff7e00;
  position: absolute;
  right: 10px;
  top: 50%;
} */
/*
.faqbox-list .faq_header.open:after {
  content: '\f056';
} */
.faqbox-list .faq_description {
  margin-top: 3px;
  padding: 20px;
  line-height: 1.5;
  background-color: #f4f4f4;
  border-radius: 3px;
  margin-left: 0px;
}
.faqbox-list .faq_description,
.faqbox-list .faq_description a {
    font-size: 18px;
}
.faqbox-list .faq_description a {
  color: #d9d9d9;
}
.faqbox-list .faqbox + .title_sub {
  margin-top: 40px;
}

@media only screen and (max-width : 767px) {
    .faqbox-list .faqbox {
     width: 100%;
    }

    .faqbox-list .faq_description,
    .faqbox-list .faq_description a {
        font-size: 16px;
    }
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .hubservice *******/
/********************************************************/
/********************************************************/
.hubservice {
}
.hubservice .block_hubservice {
  width: 100%;
  display: table;
}
.hubservice .block_hubservice .text {
  margin-bottom: 20px;
  margin-top: 0px;
}
/* .stage_area */
.hubservice .block_hubservice .stage_area {
  width: 42px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: #ff7e00;
  position: relative;
}
.hubservice .block_hubservice .stage_area:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 21px 0 21px;
  border-color: #ff7e00 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.hubservice .block_hubservice:nth-of-type(1) .stage_area:after {
  display: none;
}
.hubservice .block_hubservice:nth-of-type(2) .stage_area {
  background-color: #ff9833;
}
.hubservice .block_hubservice:nth-of-type(3) .stage_area:after {
  border-color: #ff9833 transparent transparent transparent;
}
.hubservice .block_hubservice:nth-of-type(3) .stage_area {
  background-color: #ffb266;
}
.hubservice .block_hubservice:nth-of-type(4) .stage_area:after {
  border-color: #ffb266 transparent transparent transparent;
}
.hubservice .block_hubservice:nth-of-type(4) .stage_area {
  background-color: #ffcb99;
}
.hubservice .block_hubservice .stage_area .title_sub {
  width: 42px;
  color: #fff;
  margin-bottom: 0;
  padding-left: 0px;
  padding-right: 0px;
      font-size: 23px;
  text-align: center;
}
.hubservice .block_hubservice:nth-of-type(3) .stage_area .title_sub {
  color: #333;
}
.hubservice .block_hubservice:nth-of-type(4) .stage_area .title_sub {
  color: #333;
}
.hubservice .block_hubservice .stage_area .title_sub span {
  transform: rotate(-90deg);
  display: block;
  color: inherit;
}
/* .cts_area */
.hubservice .block_hubservice .cts_area {
  max-width: 0;
  padding-left: 20px;
  display: table-cell;
}
.hubservice .block_hubservice:first-of-type .cts_area .cts {
  border-top: #ccc dotted 1px;
}
.hubservice .block_hubservice .cts_area .cts {
  padding: 20px;
  border-bottom: #ccc dotted 1px;
}
.hubservice .block_hubservice .cts_area .cts .title_sub_sub {
  padding: 5px 10px;
  color: #fff;
  display: inline-block;
  background-color: #ff7e00;
  border-radius: 3px;
  font-size: 18px;
  margin-top: 0px;
}
.hubservice .block_hubservice:nth-of-type(2) .cts .title_sub_sub {
  background-color: #ff9833;
}
.hubservice .block_hubservice:nth-of-type(4) .cts .title_sub_sub {
  color: #333;
  background-color: #ffcb99;
}
.hubservice .block_hubservice .cts_area ul {
  margin-bottom: 20px;
  padding-left: 1.5em;
}
/* .list_hubservice01  */
.hubservice .block_hubservice .cts_area .list_hubservice01 {
  display : -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hubservice .block_hubservice .cts_area .list_hubservice01 li {
  width: 32.5%;
  margin-right: 1.25%;
  margin-bottom: 8px;
  padding: 5px 4px 4px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  background-color: #ffb266;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  display : -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.hubservice .block_hubservice .cts_area .list_hubservice01 li:before {
    display: none;
}
.hubservice .block_hubservice .cts_area .list_hubservice01 li span {
  width: 100%;
  display: block;
  font-weight: bold;
}
.hubservice .block_hubservice .cts_area .list_hubservice01 li:nth-child(3n) {
  margin-right: 0;
}
.hubservice .block_hubservice .cts_area .link.text a:after {
  margin-left: 7px;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f0a9';
}
.hubservice .block_hubservice .cts_area .link a {
        color: #0085ce;
    text-decoration: underline;
    font-weight: bold;
}
@media only screen and (max-width : 768px) {
/* .stage_area */
.hubservice .block_hubservice .stage_area:after {
  border-style: solid;
  border-width: 19px 19px 0 19px;
}
.hubservice .block_hubservice .stage_area .title_sub {
  /* width: 18px; */
}
/* .cts_area */
.hubservice .block_hubservice .cts_area {
  padding-left: 10px;
}
.hubservice .block_hubservice .cts_area .cts {
  padding: 15px 10px;
}
/* .list_hubservice01 */
.hubservice .block_hubservice .cts_area .list_hubservice01 li {
  width: 49.5%;
  margin-right: 1% !important;
  margin-bottom: 6px;
}
.hubservice .block_hubservice .cts_area .list_hubservice01 li:nth-child(2n) {
  margin-right: 0 !important;
}
}

@media only screen and (max-width : 640px) {
/* .list_hubservice01 */
.hubservice .block_hubservice .cts_area .list_hubservice01 li {
  width: 100%;
  margin-right: 0 !important;
}
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .service-implementation *******/
/********************************************************/
/********************************************************/
.service-implementation .title_sub {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    color: #ff7e00;
    margin-top: 6px;
}
.service-implementation hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.service-implementation h4
{
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: #0085ce;
}
.service-implementation table th {
    text-align: left;
}
.service-implementation .hs_cos_wrapper_type_rich_text table a {
    color: #3E3E3E;
    text-decoration: none;
    font-size: 16px;
     font-weight: bold;
}
.service-implementation .hs_cos_wrapper_type_rich_text table a:hover {
    text-decoration: none;
   opacity: 0.7;

}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .app_flow_side *******/
/********************************************************/
/********************************************************/
#app_flow_side {
  margin-bottom: 20px;
}
#app_flow_side a {
  text-decoration: underline;
}
#app_flow_side:after {
  content: "";
  clear: both;
  display: block;
}
#app_flow_side .block {
  width: 378px;
  margin-right: 42px;
  padding: 0;
  float: left;
  position: relative;
}
#app_flow_side .block:after {
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 42px;
  right: -35px;
  font-size: 28px;
  font-weight: bold;
}
#app_flow_side .block.first-child:after {
  content: "＋";
}
#app_flow_side .block.second-child:after {
  content: "=";
}
#app_flow_side .block.last-child {
  margin-right: 0;
}
/* .flow_main */
#app_flow_side .flow_main {
  min-height: 120px;
  border: #ff7e00 solid 2px;
  border-radius: 5px;
  position: relative;
}
#app_flow_side .flow_main .title_sub {
  width: 1%;
  height: 120px;
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;

  text-align: center;
    color: #ff7e00;
    font-size: 20px;
}
#app_flow_side .flow_sub {
  margin-top: 10px;
  text-align: left;
}
#app_flow_side .block p {
    font-size: 16px;
    line-height: 1.6;
}
@media only screen and (max-width : 768px) {
#app_flow_side {
  margin-bottom: 20px;
}
#app_flow_side:after {
  content: "";
  clear: both;
  display: block;
}
#app_flow_side .block {
  width: 100% !important;
  float: none;
}
#app_flow_side .block:after {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  position: static;
  text-align: center;
}
#app_flow_side .block.second-child:after {
  -webkit-transform: translateY(6px) rotate(-90deg);
  transform: translateY(6px) rotate(-90deg);
}
#app_flow_side .block.last-child {
  margin-right: 0;
}
/* .flow_main */
#app_flow_side .flow_main {
  min-height: inherit;
  padding-top: 10px;
  padding-bottom: 10px;
}
#app_flow_side .flow_main .title_sub {
  height: auto;
  width: auto;
  display: block;
}
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .list_price *******/
/********************************************************/
/********************************************************/
#list_price {
  width: 100%;
/*  margin-left: 0.8196%; */
  text-align: center;
  padding-left: 0px;
}
#list_price:after {
  content: "";
  clear: both;
  display: block;
}
#list_price > li {
  width: 31.1475%;
  margin-right: 2.4590%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
#list_price > li:before {
    display: none;
}
#list_price.blog {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#list_price.blog > li {
  width: 46.72125%;
}
#list_price.blog > li:last-child {
  margin-right: 0;
  margin-left: 2.4590%;
}
#list_price > li:nth-child(3n) {
  margin-right: 0;
}
#list_price > li .type {
  font-size: 30px;
  margin-bottom: 12px;
  margin-top: 6px;
  text-align: center;
}
#list_price > li .type span {
  margin-top: 3px;
  display: block;
  font-size: 14px;
}
#list_price > li .type span:before {
  content: "【";
}
#list_price > li .type span:after {
  content: "】";
}
#list_price > li .price {
  font-size: 50px;
  font-weight: bold;
  color: #ff7e0f;
  word-break: break-word;
  line-height: 1;
  text-align: center;
}
#list_price.blog > li .price {
  margin-bottom: 20px;
}
#list_price > li .title {
  margin-top: 20px;
  font-size: 20px;
}
#list_price > li .lead {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 13px;
  color: #666;
}
/* .btn */
#list_price > li .btn {
  width: 100%;
  padding: 10px 0px;
}

/* .list */
#list_price > li .list {
  margin-top: 15px;
  padding: 20px 15px;
  font-size: 16px;
  background-color: #fafafa;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#list_price > li .list .title {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
#list_price > li .list .title:before {
  content: "【";
}
#list_price > li .list .title:after {
  content: "】";
}
#list_price > li .list ul {
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  border-bottom: #ddd dotted 2px;
}
#list_price > li .list ul:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#list_price > li .list li {
  margin-top: 10px;
  line-height: 1.4;
  list-style: none;
  font-size: 16px;
}
#list_price > li .list li:before {
    display: none;
}

@media only screen and (max-width : 960px) {
#list_price > li .type {
  font-size: 26px;
  margin-bottom: 8px;
}
#list_price > li .type span {
  margin-top: 0;
  display: block;
  font-size: 14px;
}
#list_price > li .price {
  font-size: 40px;
}
#list_price > li .title {
  font-size: 18px;
}
}

@media only screen and (max-width : 768px) {
#list_price {
  margin-left: 0;
  padding-bottom: 40px;
}
#list_price > li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 30px;
  float: none;
}
#list_price.blog {
  width: 100%;
}
#list_price.blog>li {
  width: 100%;
}
#list_price > li:last-child {
  margin-bottom: 0;
}
#list_price > li .type {
  font-size: 36px;
  margin-bottom: 12px;
}
#list_price > li .type span {
  margin-top: 3px;
}
#list_price > li .price {
  font-size: 40px;
}
/* .btn */
#list_price > li .btn {
  width: 50%;
}
/* .list */
#list_price > li .list {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
}

@media only screen and (max-width : 640px) {
#list_price > li {
  width: 100%;
}
/* .btn */
#list_price > li .btn {
  width: 80%;
}
}

@media only screen and (max-width : 480px) {
/* .btn */
#list_price > li .btn {
  width: 100%;
}
/* .list */
#list_price > li .list {
  width: 100%;
}
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .block_cta block_white *******/
/********************************************************/
/********************************************************/
.contact-page-cta .block_cta.block_white {
 margin-top: 0px !important;
}
.block_cta {
    background-attachment: fixed;
        padding-top: 50px;
    padding-bottom: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.block_cta.block_white {
    margin-top: 30px;
    background-color: #0085ce;
    background-image: url('//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/bg_cta.svg');
}
.block_cta .center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.block_cta h2 {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.40);
    font-weight: bold;
    line-height: 1.5;
    color: #fff !important;
    font-size: 36px;
}
.block_cta h3 {
    font-size: 20px;
    color: #fff !important;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}
.block_cta p {
    color: #fff !important;
}
.block_cta .cta-content {
    margin-top: 50px;
}

@media only screen and (max-width : 640px) {
    .block_cta {
         padding-top: 10px;
        padding-bottom: 30px;
    }
    .block_cta h2 {
        font-size: 28px;
    }
    .block_cta h3 {
        font-size: 18px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .block_cta block_white *******/
/********************************************************/
/********************************************************/
.eki li:before {
    display: none;
}
.eki .hibiya {
    list-style-image: url('//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/metro_hibiya.png');
}
.eki .yurakucho {
    list-style-image: url('//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/metro_yurakucho.png');
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .strength page *******/
/********************************************************/
/********************************************************/
.strength-hero {
    height: 580px;
}
.strength-hero h1 {
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.80);
    padding-left: 0px !important;
}
.color-white-box h1, .color-white-box h2, .color-white-box p, .color-white-box span {
    color: #FFF;
}
.color-white-box .hs-image-widget {
    height: 300px;
    width: auto;
}

.block_cta.box-cta-strength {
    margin-top: -30px;
}

/********************************************************/
/******* LeadPlusV1 - .web-production-box *******/
/********************************************************/
/********************************************************/
.herobanner-html {
    height: 580px;
}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - .form_inbound *******/
/********************************************************/
/********************************************************/
/* .form_inbound */
.block_cta .form_inbound {
    width: 900px;
    margin-top: -100px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    border-top: #f93 solid 5px;
    background-color: #fff;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 200px;
}
.block_cta .form_inbound .form-title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #3E3E3E !important;
    margin-top: 0px;
}
.block_cta .form_inbound .hs-form fieldset {
    max-width: none !important;
}
.block_cta .form_inbound .hs-form.stacked label {
    display: block;
    float: none;
    width: auto;
    font-weight: bold;
    text-align: left;
    padding-top: 0;
    margin-bottom: 4px;
}
.block_cta .form_inbound .hs-form label span {
    color: #3E3E3E;
    font-size: 13px;
}
.block_cta .form_inbound .hs-form .hs-form-required {
    color: red;
    display: inline;
}
.block_cta .form_inbound .hs-form .hs-input {
    margin-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    border: #ccc solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    height: 40px;
    color: #3E3E3E;
}
.block_cta .form_inbound .hs-form fieldset.form-columns-1 .hs-input {
    width: 100%;
}
.block_cta .form_inbound .hs-form .hs-input:focus {

}
.block_cta .form_inbound .hs-form select {
    width: 100% !important;
    height: 40px;
    margin-top: 3px !important;
    padding-left: 5px;
    padding-right: 0 !important;
    font-size: 1.4rem;
    line-height: 1;
    border: #ccc solid 1px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 !important;
    color: #3E3E3E !important;
    background-image: url("//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/angle-down-gray.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 15px;
}
.block_cta .form_inbound .hs-form select::-ms-expand {
    display: none;
}
.block_cta .form_inbound .hs-form fieldset.form-columns-1 select {
    background-position-x: 99%;
}
.block_cta .form_inbound .hs-form textarea.hs-input {
    width: 100%;
}
.block_cta .form_inbound .actions {
    text-align: center;
}
.block_cta .form_inbound .hs-form .hs-error-msgs label {
    font-size: 12px;
    color: #F00;
    font-weight: normal;
    margin-top: 5px;
}
.block_cta .form_inbound p {
    color: #3E3E3E !important;
    font-size: 16px;
    line-height: 1.8;
}

.block_cta .form_inbound .submitted-message p {
   color: #FFF !important;
}
.block_cta .form_inbound .form-privacy {
    font-size: 13px !important;
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;;
}

.block_cta .form_inbound .hs-form input[type="email"]::-webkit-input-placeholder {
 padding-top: 2px;
 color: #c8c8c8;
}
.block_cta .form_inbound .hs-formt input[type="email"]:-moz-placeholder {
 padding-top: 2px;
 color: #c8c8c8;
}
.block_cta .form_inbound .hs-form input[type="email"]:focus::-webkit-input-placeholder {
color:transparent;
}
.block_cta .form_inbound .hs-form input[type="email"]:focus:-moz-placeholder {
color:transparent;
}
.block_cta .form_inbound .hs-form input[type="email"]:focus::-moz-placeholder {
color:transparent;
}

/*----- 7/28 Edited by TuanDV -----*/
.block_cta .form_inbound .hs_inquiry_detail.hs-form-field {
    margin-bottom: 10px;
}
/*----- END 7/28 Edited by TuanDV -----*/

@media only screen and (max-width : 940px) {
   .block_cta .form_inbound {
       width: 90%;
   }
}
@media only screen and (max-width : 767px) {
    .block_cta .form_inbound {
        margin-top: -90px;
    }
}
@media only screen and (max-width : 640px) {
    .block_cta .form_inbound .hs-form fieldset.form-columns-2  .hs-form-field {
        width: 100%;
        float: none;
    }
    .block_cta .form_inbound {
        margin-top: -40px;
    }
}
@media only screen and (max-width : 480px) {
    .block_cta .form_inbound {
        padding: 20px;
        width: 100%;
    }
    .block_cta .form_inbound .hs-form .hs-input {
        width: 100% !important;
    }
}
@media only screen and (max-width : 320px) {

}

/********************************************************/
/********************************************************/
/******* LeadPlusV1 - アクセスページ*******/
/********************************************************/
/********************************************************/
.block_cta.block-access-page {
    margin-top: 0px;
}
.google-map-print {
       display: none;
}
@media print {
    #map,
    .googlemap-link, .hero-banner,
    .row-fluid-wrapper.row-number-7,
    .row-fluid-wrapper.row-number-10,
    .footer-container-wrapper,
    .hs-tools-menu.hs-collapsed {
        display: none;
    }
   .google-map-print {
       margin: 0 auto;
       display: block;

   }
    .google-map-print img {
        max-width: 100% !important;
    }
   header.header {
       position: relative;
   }

}

.eki li:before {
    display: none;
}
.eki .hibiya {
    list-style-image: url('//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/metro_hibiya.png');
}
.eki .yurakucho {
    list-style-image: url('//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/metro_yurakucho.png');
}

/*----- END 7/26 Edited by TuanDV -----*/

/* -----------------------
#toc-box(ブログ目次)
----------------------- */
#toc-box {
  /* margin-bottom: 20px; */
  margin-bottom: 30px; /* 2018/03/07 目次の表示を対応 */
  padding: 15px 10px 5px 10px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
}
#toc-title {
  margin-left: 10px;
  font-size: 16px;
  /* font-weight: bold; */
  font-weight: 200;
}
#toc-index {
  margin-top: 10px
}
#toc-index>li:before {
    color: #3E3E3E;
    font-weight: normal;
}
#toc-index>li a {
    font-weight: 200;
    color: #3E3E3E;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
    #toc-index>li a {
      font-size: 16px;
    }
}


/* -----------------------
.block
----------------------- */
#main_section .block-inner.lp-module {
    padding-top: 0px;
    padding-bottom: 0px;
}
#main_section .lp-module .block {
  padding-top: 70px;
  padding-bottom: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#main_section .lp-module .block.block_white .title_main, #main_section .lp-module .block.block_white p {
  color: #fff;
}
#main_section .lp-module .block.block_fixed {
  background-attachment: fixed;
}
#main_section .lp-module .block .btn {
  margin-top: 45px;
}
#main_section .lp-module .block .left {
  width: 50%;
  float: left;
}
#main_section .lp-module .block .right {
  width: 50%;
  float: right;
}
#main_section .lp-module .block .center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#main_section .lp-module .block .img {
  padding-top: 45px;
  text-align: center;
}

@media only screen and (max-width : 1024px) {
#main_section .lp-module .block.block_fixed {
  background-attachment: scroll;
}
}

@media only screen and (max-width : 768px) {
#main_section .lp-module .block {
  padding-top: 35px;
  padding-bottom: 45px;
}
#main_section .lp-module .block .left, #main_section .lp-module .block .right {
  width: 100%;
  float: none;
  text-align: center;
}
#main_section .lp-module .block .btn {
  margin-top: 35px;
}
#main_section .lp-module .block .img {
}
#main_section .lp-module .block .img img {
  max-width: 80%;
  height: auto;
}
}

/* -----------------------
#top #main .block_04
----------------------- */
#main_section .block.block_top04 {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/block_top04.svg);
  background-repeat: no-repeat;
  background-position: -120px center;
}
#main_section .block.block_top04 .list_top04 {
  position: relative;
  text-align: center;
}
#main_section .block.block_top04 .list_top04 .title_main {
    text-align: center;
}
#main_section .block.block_top04 .list_top04 .counter {
  font-size: 100px;
  text-align: center;
  color: #0085ce;
  letter-spacing: 0.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  margin-left: auto;
  margin-right: auto;
  padding: 15px 10px 15px 30px;
  background-color: rgba(255,255,255, 0.5);
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 1px rgba(1,1,1,0.2);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(1,1,1,0.2);
}
#main_section .block.block_top04 .list_top04 .cnv_subtitle {
  font-size: 14px;
  margin-top: 10px;
}
#main_section .block.block_top04 .list_top04 li:first-child {
  margin-left: 4px;
}
#main_section .block.block_top04 .list_top04 li:first-child:before {
  display: none;
}
#main_section .block.block_top04 .strength {
  text-align: center;
}
@media only screen and (max-width : 1220px) {
#main_section .block.block_top04 .left, #main_section .block.block_top04 .right {
  width: 100%;
  float: none;
  text-align: center;
}
}

@media only screen and (max-width : 768px) {
#main_section .block.block_top04 .list_top04 {
  margin-top: 50px;
}
}

@media only screen and (max-width : 640px) {
#main_section .block.block_top04 .list_top04 {
  margin-top: 30px;
}
#main_section .block.block_top04 .list_top04 .counter {
  padding: 12px 5px 12px 15px;
  letter-spacing: 0.2em;
  font-size: 4.2rem;
}
}


/* -----------------------
#top #main .block_05
----------------------- */
.equal-content.block.block_top05 {
  background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/block_top05.jpg);
  background-position: center center;
}
.equal-content.block.block_top05 .inner .left {
  position: relative;
  z-index: 0;
}
.equal-content.block.block_top05 .block-inner {
    position: relative;
}
.equal-content.block.block_top05 .inner:before,
.equal-content.block.block_top05 .block-inner:before {
  position: absolute;
  left: -240px;
  top: 0px;
  content: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/img_top05_02.png);
}

.equal-content.block.block_top05 .span6 {
    z-index: 10;
}

@media only screen and (max-width : 768px) {
.equal-content.block.block_top05 .inner:before {
  display: none;
}
}

/* -----------------------
#list_case
----------------------- */
#main_section .lp-module #list_case:after {
  content: "";
  clear: both;
  display: block;
}
#main_section .lp-module #list_case {
  width: 100%;
  margin-left: 0.8196%;
}
#main_section .lp-module #list_case li {
  width: 31.1475%;
  margin-left: 0.8196%;
  margin-right: 0.8196%;
  margin-top: 1.639934%;
  padding: 35px 20px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: #eee solid 4px;
  float: left;
}
#main_section .lp-module #list_case.tokuten li {
  min-height: 500px;
}
#main_section .lp-module #list_case li:nth-child(-n+3) {
  margin-top: 0;
}
#main_section .lp-module #list_case li .logo {
  width: 100%;
  height: 90px;
  margin-bottom: 20px;
  display: table;
}
#main_section .lp-module #list_case li .logo span {
  display: table-cell;
  vertical-align: middle;
}
#main #list_case li .logo span img {
  /*max-height: 60px;*/
  max-width: 65%;
}
#main_section .lp-module #list_case li .title_sub {
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #d9d9d9;
}
#main_section .lp-module #list_case li .text {
  height: 5.5em;
  margin-top: 18px !important;
  text-align: left;
  font-size: 16px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#main_section .lp-module #list_case.tokuten li .text {
  height: auto;
}
#main_section .lp-module #list_case li .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px !important;
}

@media only screen and (max-width : 960px) {
#main_section .lp-module #list_case {
  margin-left: 0;
}
#main_section .lp-module #list_case li {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 2%;
}
#main_section .lp-module #list_case li:nth-child(-n+3) {
  margin-top: 2%;
}
#main_section .lp-module #list_case li:nth-child(-n+2) {
  margin-top: 0;
}
}

@media only screen and (max-width : 640px) {
    #main_section .lp-module #list_case li {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-top: 15px !important;
      padding: 30px 20px 35px;
      float: none;
    }
    #main_section .lp-module #list_case.tokuten li {
      min-height: auto;
    }
    #main_section .lp-module #list_case li:first-child {
      margin-top: 0 !important;
    }
    #main_section .lp-module #list_case li .btn {
      margin-top: 25px !important;
    }
}

/********************************************************/
/********************************************************/
/*******  NEWS BLOG TEMPLATE *******/
/********************************************************/
/********************************************************/

.hero-news .hero-banner-small .hero-banner-wrap h1 {
  text-align: center;
}
#sidebar-blog .sidebar-topic.sidebar-information .block,
#sidebar-blog .sidebar-topic.sidebar-information .block h3 {
  margin-top: 0;
}
.recent-tag-post-sbreadcrumb-menu-wrapper .normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu-wrapper {
  margin-top: 80px;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .recent-tag-post-sbreadcrumb-menu-wrapper #page_breadcrumb .hs-breadcrumb-menu-wrapper {
    position: relative;
    top: 0;
    margin-top: 85px;
  }
}
@media screen and (min-width: 972px) {
  .recent-tag-post-sbreadcrumb-menu-wrapper .has-menu #page_breadcrumb .hs-breadcrumb-menu-wrapper {
    top: 0;
    margin-top: 125px;
  }
}
.listing-blog.section-recent-post-blog {
  margin-top: 68px;
}
@media screen and (min-width: 768px) {
  .listing-blog.section-recent-post-blog {
    margin-top: 77px;
  }
}
@media screen and (min-width: 972px) {
  .listing-blog.section-recent-post-blog {
    margin-top: 85px;
  }
}

@media screen and (min-width: 972px) {
  .section-recent-post .container {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
  }
}
.section-recent-post .tal {
  text-align: center !important;
}

.section-recent-post .post-news {
  margin-top: 60px;
}

.section-recent-post-blog .post-news a {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #3E3E3E;
  transition: 0.3s;
}
.section-recent-post-blog .post-news a:not(:last-child) {
  border-top: #ccc dotted 1px;
}
.section-recent-post-blog .post-news a:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .section-recent-post-blog .post-news a {
    flex-direction: row;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
.section-recent-post-blog.listing-blog .post-news dl.list dd {
  margin-top: 14px;
  padding: 0;
  border-bottom: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .section-recent-post-blog.listing-blog .post-news dl.list dd {
    margin-top: 11px;
    margin-left: 35px;
    font-size: 18px;
  }
}
.section-recent-post-blog.listing-blog .post-news dl.list dt {
  flex-shrink: 0;
  padding-top: 0;
  padding-left: 0;
}
.section-recent-post-blog.listing-blog .post-news dl.list dt figure {
  overflow: hidden;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .section-recent-post-blog.listing-blog .post-news dl.list dt figure {
    max-width: 323px;
  }
}
.section-recent-post-blog.listing-blog .post-news dl.list dt figure img {
  width: 100%;
  transition: 0.3s;
}
.section-recent-post-blog .post-news dl.list a:hover dt figure img {
  transform: scale(1.1);
}
.section-recent-post-blog.listing-blog .post-news dl.list {
  margin-bottom: 0;
  border-top: none;
}
.section-recent-post-blog.listing-blog .post-news dl.list dd .tag-list {
  margin: -4px -2px 11px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: 0;
}

.section-recent-post-blog.listing-blog .post-news dl.list dd .tag {
  display: inline-block;
  margin: 4px 2px;
  padding: 1.5px 9px 3.5px;
  background-color: #3E3E3E;
  color: #ffffff;
}

.recent-post-link a {
  color: #3E3E3E;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
}
.section-recent-post-blog.listing-blog .recent-post-link.recent-post-link--blog {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .section-recent-post-blog.listing-blog .recent-post-link.recent-post-link--blog {
    margin-top: 7px;
  }
}
.listing-blog.section-recent-post-news {
  margin-top: 70px;
}
.section-recent-post-news .post-news .list-item {
  display: flex;
  padding-top: 11px;
  padding-bottom: 15px;
  align-items: baseline;
  color: #3E3E3E;
  border-bottom: #ccc dotted 1px;
}
.section-recent-post-news .post-news .list-item:first-child {
  border-top: #ccc dotted 1px;
}
.section-recent-post-news .post-news a {
  display: block;
  transition: 0.3s;
}
.section-recent-post-news .post-news a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .section-recent-post-news .post-news .list-item {
    padding-top: 16px;
    padding-bottom: 20px;
  }
}
.section-recent-post-news.listing-blog .post-news dl.list {
  margin-bottom: 0;
}
.section-recent-post-news.listing-blog .post-news dl.list dt {
  flex-shrink: 0;
  width: 86px;
  margin-top: 5px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .section-recent-post-news.listing-blog .post-news dl.list dt {
    width: 118px;
  }
}
.section-recent-post-news.listing-blog .post-news dl.list dd {
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0;
  border-bottom: none;
}
.section-recent-post-news.listing-blog .post-news dl.list dd .tag-list {
  margin: -4px -2px ;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.17;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .section-recent-post-news.listing-blog .post-news dl.list dd .tag-list {
    font-size: 13px;
  }
}
.section-recent-post-news.listing-blog .post-news dl.list dd .tag {
  display: inline-block;
  margin: 4px 2px;
  padding: 1.5px 9px 3.5px;
  background-color: #3E3E3E;
  color: #ffffff;
}
.section-recent-post-news .recent-post-news-text {
  margin-right: 5px;
}

.section-recent-post-news.listing-blog .recent-post-link.recent-post-link--news {
  margin-top: 25px;
}
.listing-blog.section-recent-post-seminar {
  margin-top: 130px;
  margin-bottom: 120px;
}

.sodium-blog #blog_news.blog-news-list,
.sodium-blog #blog_basic.blog-news-list {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (max-width: 1250px) {
    .sodium-blog #blog_news .blog-section,
    .sodium-blog #blog_basic .blog-section {
         margin-left: 0px;
    }
}

@media (max-width: 768px) {
    .sodium-blog #blog_news.blog-news-list,
    .sodium-blog #blog_basic.blog-news-list {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

#sidebar-blog .sidebar-news {
    margin-bottom: 30px;
}
#sidebar-blog .sidebar-news .hs-menu-depth-1 {
    display: none;
}

#sidebar-blog .sidebar-news .hs-menu-depth-1.active-branch {
    display: block;
}
#sidebar-blog .sidebar-news .hs-menu-depth-1.active-branch>a {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #3E3E3E;
    position: relative;
    margin-top: 10px;
}
#sidebar-blog .sidebar-news .menu-sidebar .active-branch a {
    color: #d9d9d9;
}

#sidebar-blog .sidebar-news .box-recent-post .item a:after {
    top: 35%;
}

.listing-blog .post-news dl.list {
    text-align: left;
    border-top: #ccc dotted 1px;
     margin-top: 0px;
}

.listing-blog .post-news dl.list dt {
    padding-top: 25px;
    padding-left: 8px;
    color: #666;
    font-size: 0.9rem;
}

.listing-blog .post-news dl.list dd {
    margin-top: -2.4em;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 7em;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: #ccc dotted 1px;
    margin-left: 0px;
}

.listing-blog .post-news dl.list dd a {
    /* font-weight: bold; */
    color: #3E3E3E;
}
.listing-blog .post-news dl.list dd a:hover {
    opacity: 0.7;
}

.listing-blog .post-news dl.list dd a .tag {
    background: #3E3E3E;
    color: #fff;
    font-size: 13px;
    padding: 0px 8px;
    margin-right: 8px;
}

@media only screen and (max-width : 768px) {

    #sidebar-blog .sidebar-news {
        margin-top: 30px;
    }

    .listing-blog .post-news dl.list {
        border-top: 0px;
    }

    .listing-blog .post-news dl.list dt {
        padding-top: 20px;
    }

    .listing-blog .post-news dl.list dd {
        margin-top: -2.2em;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 1.4rem;
        padding-left: 5em;
    }
}

/********************************************************/
/********************************************************/
/******* 新しいリソーステンプレート用 *******/
/********************************************************/
/********************************************************/
.list-resource-wrapper {
    background-image: url(//4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/library/block_top03.jpg);
    background-position: center center;
    background-attachment: fixed;
}
.list-resource-wrapper .list-resource.last {
    margin-bottom: 30px;
}
.list-resource-wrapper .line-border {
    background-color: #898989;
}
.list-resource-wrapper .list-resource .main-title span {
    color: #FFF;
}

.list-resource-wrapper .list-resource .item {
    margin-top: 60px;
}

.list-resource-wrapper .list-resource .flex-three .item:nth-child(1),
.list-resource-wrapper .list-resource .flex-three .item:nth-child(2),
.list-resource-wrapper .list-resource .flex-three .item:nth-child(3) {
     margin-top: 0px;
}

.resources-page .block_cta_footer {
    margin-top: 0px;
}
.resources-page .resource-footer-form .block_footer_form {
    margin-top: 0px;
}

@media only screen and (max-width : 768px) {

    .list-resource-wrapper .list-resource.last {
        margin-bottom: 0px;
    }
    .list-resource-wrapper .list-resource .item {
        margin-top: 0px;
    }

}

/********************************************************/
/********************************************************/
/******* サービスのご紹介 | HubSpotの価格 *******/
/********************************************************/
/********************************************************/

.calculator-wrapper.price-v2.container {
  padding-left: 0px;
  padding-right: 0px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page {
  background: none;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box,
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu {
  margin-top: 10px;
  background: none;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .list-link,
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box #svc_price_wrapper {
  display: block !important;
  padding: 0px;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .list-link > div {
  display: none;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .list-link > div.active {
  display: block;
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area p {
  font-size: 16px;
  color: #3E3E3E;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box ul {
  padding-left: 20px;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .note {
  margin-top: 20px !important;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .line-space {
  height: 1px;
  background: #e6f5f8;
  margin: 30px 0px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price {
  border-top: none;
  background: none;
  z-index: 998;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price h4 {
  margin: 0;
  font-size: 20px;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .box-wrapper {
  width: 100%;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-wrapper {
  background: #fafafa;
  padding: 10px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-item {
  width: 100%;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-item:nth-child(1) {
  margin-top: 0px;
}

@media only screen and (min-width: 600px) {
   .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .features {
     width: 48%;
     float: left;
  }
}

@media only screen and (min-width: 1200px) {
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .features {
    width: 32%;
    float: left;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .features.col-02 {
    margin-left: 2%;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .features.col-03 {
    margin-left: 2%;
  }
}

@media only screen and (min-width: 971px) {

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box #svc_price {
    width: 100%;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price h4 {
    font-size: 18px;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro {
    width: 100%;
    order: inherit;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-wrapper {
    margin-top: 20px;
    padding: 20px;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .box-wrapper {
    display: flex;
    border-left: 1px solid #ccc;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .box-wrapper .box {
    border-right: #ccc solid 1px;
  }

}

@media only screen and (max-width: 970px) {
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .box-wrapper .box:last-child {
    border-right: none;
  }
}

@media only screen and (max-width: 768px) {
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .box .sum {
      padding: 10px;
  }
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-list {
  display: flex;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-list a {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 0px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-list a:after {
  display: none;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-list a i {
  padding-left: 10px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_price .btn-list a:last-child {
  margin-right: 0;
}

/*-------------------- Tab nav ------------------*/

.calculator-wrapper.price-v2 .pricing-tabs-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  z-index: 1;
  margin: 20px auto;
}

.calculator-wrapper.price-v2 .pricing-tabs-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 33%;
  max-width: 270px;
  padding: 1.5em 1em;
  justify-content: center;
  color: #2d3e50;
  background-color: #f2f5f8;
  border: 1px solid #cbd6e2;
  border-right: 0;
  cursor: pointer;
  transition: background-color .5s ease;
  text-align: center;
  height: 80px;
}

.calculator-wrapper.price-v2 .pricing-tabs-tab:first-child {
  border-top-left-radius: 5px;
}
.calculator-wrapper.price-v2 .pricing-tabs-tab:last-child {
  border-top-right-radius: 5px;
  border: 1px solid #cbd6e2;
}

.calculator-wrapper.price-v2 .pricing-tabs-tab.active {
  background-color: #fff;
  border-bottom: 0;
  cursor: initial;
}

.calculator-wrapper.price-v2 .pricing-tabs-tab span {
  font-size: 16px;
  font-weight: 600;
}

.calculator-wrapper.price-v2 .pricing-tabs-tab small {
  font-size: 13px;
  display: none;
}

.calculator-wrapper.price-v2 .pricing-tabs-tab a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (min-width: 971px) {
  .calculator-wrapper.price-v2 .pricing-tabs-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;

    background-color: #0085ce;
      background-image: linear-gradient(90deg, #0078ba 11px, transparent
    0), linear-gradient(90deg, #006ba5 23px, transparent 0),
    linear-gradient(90deg, #005d91 41px, transparent 0);
      background-size: 41px 100%, 61px 100%, 83px 100%;
  }
}

@media only screen and (max-width: 970px) {
  .calculator-wrapper.price-v2 .pricing-tabs-wrapper {
     border-bottom: 1px solid #cbd6e2;
  }
  .calculator-wrapper.price-v2 .pricing-tabs-wrapper .pricing-tabs-tab {
    padding: 10px;
    border-bottom: none;
    height: 60px;
    width: 250px;
  }
}

@media only screen and (max-width: 768px) {
  .calculator-wrapper.price-v2 .pricing-tabs-wrapper .pricing-tabs-tab {
    width: 150px;
  }
}

@media only screen and (max-width: 600px) {
  .calculator-wrapper.price-v2 .pricing-tabs-wrapper .pricing-tabs-tab {
    width: auto;
  }
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .space,
.calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu .ul_tab_menu > li.link .radio-price .space {
    visibility: hidden;
}

/*--- Sidebar link ---*/

@media only screen and (min-width: 1250px) {
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu {
    width: 26%;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box {
    width: 74%;
  }
}

@media only screen and (min-width: 971px) {
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu {
    width: 33%;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box {
    width: 67%;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu.fixed {
    position: fixed;
    top: 80px;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu.fixed-bottom {
    position: absolute;
    bottom: 0px;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu {
    margin: 10px;
    border-top: none;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 20px 15px;
    border: 1px solid #8CB9E8;
    border-radius: 3px;
    box-shadow: inset 0 0 0 0px ;
    background-color: #ffffff;
    transition: .3s background-color linear,.3s box-shadow linear;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link:last-child {
    margin-bottom: 0px;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.active::before {
    display: none;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-icon {
    position: relative;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    border: 2px solid #cbd6e2;
    background-color: #ffffff;
    margin-bottom: 3px;
    -webkit-transition: .3s border-color ease;
    transition: .3s border-color ease;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-text {
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #2d3e50;
    text-transform: none;
    /* text-transform: capitalize; */
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #d9d9d9;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s opacity ease;
    transition: .3s opacity ease;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    text-align: right;
    font-size: 15px;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .sc-value {
    color: #2d3e50;
    font-size: 16px;
    font-weight: bold;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .sc-value:before {
    content: '\00A5';
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .space {
    color: #2d3e50;
    text-align: right;
    font-size: 12px;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .note {
    font-size: 12px;
    color: #7c98b6;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link:hover {
    background-color: #e6f5f8;
    color: #999;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.active {
    border: 1px solid #d9d9d9;
    box-shadow: inset 0 0 0 1px #d9d9d9;
    background-color: #e6f5f8;
    color: #999;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.active .radio-icon {
    border: 2px solid #d9d9d9;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.active .radio-icon:after {
    background-color: #d9d9d9;
    opacity: 1;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block_flex {
    display: flex;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block_flex .ima_block {
    width: 49%;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block_flex .ima_block:last-child {
    margin-left: 2%;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block_flex .addon-list .item {
    width: 100%;
  }

}

@media only screen and (max-width: 970px) {

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .sc-value:before {
     content: '\00A5';
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box {
    margin: 0 15px;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu {
    margin-top: 0px;
    border-top: none;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .space {
    display: none;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price {
    font-size: 14px;
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .note:after {
    content: ")";
  }

  .calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link .radio-price .note:before {
    content: "(";
  }


  /*------ tab_menu_outer ----------*/

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 10px 15px;
    border: 1px solid #8CB9E8;
    border-radius: 3px;
    box-shadow: inset 0 0 0 0px ;
    background-color: #ffffff;
    transition: .3s background-color linear,.3s box-shadow linear;
    margin: 0px 15px 10px 15px;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link.active::before {
    display: none;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-icon {
    position: relative;
    height: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    border: 2px solid #cbd6e2;
    background-color: #ffffff;
    margin-bottom: 3px;
    -webkit-transition: .3s border-color ease;
    transition: .3s border-color ease;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-text {
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #2d3e50;
    text-transform: none;
    /* text-transform: capitalize; */
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #d9d9d9;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s opacity ease;
    transition: .3s opacity ease;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-price {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    text-align: right;
    font-size: 15px;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-price .sc-value {
    color: #2d3e50;
    font-size: 16px;
    font-weight: bold;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-price .sc-value:before {
    content: '\00A5';
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-price .space {
    color: #2d3e50;
    text-align: right;
    font-size: 12px;
    visibility: hidden;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link .radio-price .note {
    font-size: 12px;
    color: #7c98b6;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link:hover {
    background-color: #e6f5f8;
    color: #999;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link.active {
    border: 1px solid #d9d9d9;
    box-shadow: inset 0 0 0 1px #d9d9d9;
    background-color: #e6f5f8;
    color: #999;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link.active .radio-icon {
    border: 2px solid #d9d9d9;
  }

  .calculator-wrapper.price-v2 #tab_menu_wrapper .tab_menu_outer > li.link.active .radio-icon:after {
    background-color: #d9d9d9;
    opacity: 1;
  }

}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block {
  padding-left: 0px;
  padding-top: 20px;
  padding-right: 0px;
  border: none;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .range-user .flex_two {
    padding-top: 15px;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .range-user p.note {
    margin-top: 0px !important;
    text-align: left;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .ttl_sub.toggle {
    cursor: pointer;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .toggle-box .des {
    margin-top: 0px;
    padding-top: 20px;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .ttl_sub .toggle-icon {
    float: right;
    margin-right: 5px;
    font-style: initial;
    font-size: 24px;
    cursor: pointer;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .thin {
  font-size: 13px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .range-control {
  margin-top: 10px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .range-contact .des {
  margin-bottom: 0px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block {
  padding: 20px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list {
    display: flex;
    max-height: 700px;
    overflow: hidden;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    transition: 0.8s max-height ease;
    padding: 0 0 0 0;
    justify-content: space-between;
    margin-top: 10px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item {
    min-height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
    /* align-items: center; */
    text-align: center;
    justify-content: initial;
    padding: 15px;
    border: 1px solid #8CB9E8;
    border-radius: 5px;
    box-shadow: inset 0 0 0 0 #d9d9d9;
    background-color: #fff;
    transition: background-color .3s linear,box-shadow .3s linear;
    cursor: pointer;
    user-select: none;
    margin-right: 0;
    margin-bottom: 1.5em;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item:hover {
    background-color: #e6f5f8;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item.active {
    border: 1px solid #d9d9d9;
    background-color: #e6f5f8;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item label {
  cursor: pointer;
  color: #3E3E3E;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item input[type="checkbox"] {
   display: none;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item input[type="checkbox"] + .checkbox-icon {
   position: relative;
    height: 20px;
    width: 20px;
    padding: 2px;
    border-radius: 3px;
    border: 2px solid #cbd6e2;
    background-color: #ffffff;
    -webkit-transition: 0.2s border-color ease;
    transition: 0.2s border-color ease;
    margin: 0 auto;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item input[type="checkbox"] + .checkbox-icon img {
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item input[type="checkbox"].checked + .checkbox-icon,
.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item input[type="checkbox"]:checked + .checkbox-icon{
  border: 2px solid #d9d9d9;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item input[type="checkbox"].checked + .checkbox-icon img,
.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item input[type="checkbox"]:checked + .checkbox-icon img {
  opacity: 1;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item .small {
  padding: 10px 0px;
  margin: 10px 0px;
  font-size: 13px;
  color: #425b76;
  text-align: center;
}
.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .addon-list .price-addon strong {
  font-size: 18px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .addon-list .item label {
  display: block;
  margin-top: 6px;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .addon-list .price-addon {
  margin-bottom: 0px !important;
}

@media (min-width: 768px) {
  .calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item {
      width: 32%;
      margin-right: 1%;
  }
  .calculator-wrapper.price-v2 #svc_simulation.price-page #svc_intro .tab_box .addon-list .item.last {
      margin-right: 0;
  }
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .features li {
  font-size: 14px;
  display: flex;
}

.calculator-wrapper.price-v2 #svc_simulation.price-page .svc_inner #svc_intro .tab_box .features li i {
    padding-top: 6px;
}

@media (min-width: 768px) {
  .pricing-tabs-wrapper {
    width: 100%;
    margin: 0;
  }
  .calculator-wrapper .pricing-tabs-tab {
    width: 100%;
    padding: 20px 0px;
  }
  .calculator-wrapper .pricing-tabs-tab span {
    font-size: 20px;
  }
  .calculator-wrapper .pricing-tabs-tab small {
    display: inline;
  }
}

/* .pc .sp */
.calculator-wrapper .pc {
  display: none !important;
}

.calculator-wrapper .sp {
  display: block !important;
}

@media only screen and (min-width: 971px) {
  /* .pc .sp */
  .calculator-wrapper .pc {
    display: block !important;
  }

  .calculator-wrapper .sp {
    display: none !important;
  }

  .calculator-wrapper .flex_two {
    margin-bottom: 25px;
    clear: both;
    display: flex;
    justify-content: space-between;
  }
  .calculator-wrapper .flex_two > div:nth-child(1) {
    width: 49%;
  }
  .calculator-wrapper .flex_two > div:nth-child(2) {
    width: 49%;
  }
}
/* ======================================
#service_flow
====================================== */
#svc_flow {
  margin-bottom: 30px;
}
#svc_flow .ttl_main {
  font-size: 1.8rem;
}
#svc_flow .block .box {
  margin-bottom: 30px;
  box-sizing: border-box;
  position: relative;
  border: #ccc solid 1px;
  border-radius: 0 0 5px 5px;
  background-color: #fafafa;
}
#svc_flow .block .box:last-child {
  margin-bottom: 0;
}
#svc_flow .block .box:nth-child(2)::after {
  border-color: #00649b transparent transparent transparent;
}
#svc_flow .block .box:nth-child(3)::after {
  border-color: #004368 transparent transparent transparent;
}
#svc_flow .block .box:nth-child(4)::after {
  display: none;
}
#svc_flow .block .box::after {
  margin-left: -14px;
  line-height: 1;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 14px 0 14px;
  border-color: #0085ce transparent transparent transparent;
  z-index: 10;
}
#svc_flow .block .box p {
  font-size: 1.0rem;
}
#svc_flow .block .box .ttl {
  margin: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 1.0rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  background: #0085ce linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
}
#svc_flow .block .box .ttl span {
  font-size: 0.8rem;
  color: #fff;
}
#svc_flow .block .box .ttl span::before {
  content: "【";
  margin-right: 3px;
}
#svc_flow .block .box .ttl span::after {
  content: "】";
  margin-left: 3px;
}
#svc_flow .block .box:nth-child(2) .ttl {
  background: #00649b linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
}
#svc_flow .block .box:nth-child(3) .ttl {
  background: #004368 linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
}
#svc_flow .block .box:nth-child(4) .ttl {
  background: #002235 linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
}
#svc_flow .block .box .cts_area {
  padding: 15px;
}
#svc_flow .block .box .cts_area .cts_block {
  margin-top: 15px;
}
#svc_flow .block .box .cts_area .cts_block .ttl_sub {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 0.95rem;
  font-weight: bold;
  line-height: 1.2;
  color: #004896;
}
#svc_flow .block .box .cts_area .cts_block ul {
  padding: 0;
  margin-bottom: 0;
}
#svc_flow .block .box .cts_area .cts_block ul li {
  font-size: 0.9rem;
  padding-left: 1.2em;
  list-style: none;
}
#svc_flow .block .box .cts_area .cts_block ul li strong {
  margin-left: 3px;
  padding: 3px;
  display: inline-block;
  font-size: 0.6rem;
  line-height: 1;
  background-color: #fff;
  border: #004896 solid 1px;
  border-radius: 3px;
  color: #004896;
  vertical-align: top;
}
#svc_flow .block .box .cts_area .cts_block ul li:last-child {
  margin-bottom: 0;
}
#svc_flow .block .box .cts_area .cts_block ul li::before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f0da';
  position: absolute;
  left: 4px;
  top: 2px;
  font-size: 14px;
  color: #aaa;
}
#svc_flow .att {
  margin-top: 10px;
  padding-left: 1.2em;
  text-indent: -1.2em;
  color: #c00;
  font-size: 0.8rem;
}
#svc_flow .att::before {
  content: "※";
  margin-right: 0.2em;
}

@media only screen and (min-width: 971px) {
  #svc_flow {
    margin-bottom: 40px;
  }
  #svc_flow .ttl_main {
    font-size: 2.4rem;
  }
  #svc_flow .block {
    display: flex;
    justify-content: space-between;
  }
  #svc_flow .block .box {
    width: 25%;
    margin-bottom: 0;
    text-align: left;
    border-right: none;
    border-radius: 0;
  }
  #svc_flow .block .box:last-child {
    border: #ccc solid 1px;
    border-radius: 0 0 5px 0;
  }
  #svc_flow .block .box:first-child {
    border-radius: 0 0 0 5px;
  }
  #svc_flow .block .box:nth-child(2)::after {
    border-color: transparent transparent transparent #00649b;
  }
  #svc_flow .block .box:nth-child(3)::after {
    border-color: transparent transparent transparent #004368;
  }
  #svc_flow .block .box::after {
    position: absolute;
    left: auto;
    bottom: auto;
    right: -30px;
    top: 0;
    border-width: 25px 0 25px 30px;
    border-color: transparent transparent transparent #0085ce;
  }
  #svc_flow .block .box .ttl {
    height: 50px;
    margin: 0;
    padding-top: 8px;
  }
  #svc_flow .block .box .ttl span {
    margin-top: 5px;
    display: block;
  }
  #svc_flow .block .box:nth-child(1) .ttl {
    padding-top: 17px;
  }
}
/* ======================================
#service_simulation
====================================== */
#svc_simulation {
    padding-bottom: 90px;
    background: #fafafa;
}
#svc_simulation .ttl_main {
  margin: 0;
  padding: 8px 15px;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: left;
  color: #fff;
  background-color: #0085ce;
  background-image: linear-gradient(90deg, #0078ba 11px, transparent 0), linear-gradient(90deg, #006ba5 23px, transparent 0), linear-gradient(90deg, #005d91 41px, transparent 0);
  background-size: 41px 100%, 61px 100%, 83px 100%;
}
#svc_simulation .svc_inner {
  position: relative;
}
#svc_simulation .svc_inner #svc_ratio {
  padding: 5px 5px;
  display: flex;
  border-radius: 5px 5px 0 0;
}
#svc_simulation .svc_inner #svc_ratio .box {
  width: 25%;
  padding: 5px 10px 5px;
  border-top: #ccc solid 1px;
  border-right: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
  background-color: #fff;
  background-color: #fafafa;
}
#svc_simulation.price-page .svc_inner #svc_ratio .box {
  width: 33.3%;
}
#svc_simulation .svc_inner #svc_ratio .box:first-child {
  border-left: #ccc solid 1px;
  border-radius: 5px 0 0 5px;
}
#svc_simulation .svc_inner #svc_ratio .box:nth-child(4) {
  border-radius: 0 5px 5px 0;
}
#svc_simulation .svc_inner #svc_ratio .box p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
#svc_simulation .svc_inner #svc_ratio .box .tag {
  margin-bottom: 3px !important;
  padding-left: 3px !important;
  padding-bottom: 6px !important;
  font-size: 0.8rem;
  border-bottom: #ccc dotted 1px;
}
#svc_simulation .svc_inner #svc_ratio .box .number {
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 2rem;
  font-weight: bold;
  color: #3E3E3E;
}
#svc_simulation .svc_inner #svc_ratio .box .number span {
  font-size: 1.0rem;
}
#svc_simulation .svc_inner #svc_ratio .box .pgs {
  height: 10px;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
#svc_simulation .svc_inner #svc_intro .tab_menu {
  display: none;
  list-style: none;
  background-color: #fafafa;
  border-top: #ccc solid 1px;
  position: fixed;
  top: 110px;
  width: 100%;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* z-index: 100; */
  z-index: 999;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li {
  width: 100%;
  padding: 10px 10px;
  font-size: 0.9rem;
  font-weight: bold;
  border-bottom: #ccc solid 1px;
  position: relative;
  transition: all 0.3s;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.ttl {
  color: #fff;
  background-color: #0085ce;
  background: #004368 linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.ttl.ttl02 {
  background: #00649b linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.ttl.ttl03 {
  background: #002235 linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link {
  padding: 7px 10px;
  font-size: 0.85rem;
  color: #999;
  border-top: #fff solid 1px;
  cursor: pointer;
  background: #fff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.05) 100%);
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.inactive {
  opacity: 0.55;
  cursor: not-allowed;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block.inactive .price,
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block.inactive .ima_block {
  opacity: 0.65;
  cursor: not-allowed;
}
,
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block.inactive .price .fa  {
    cursor: not-allowed !important;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link strong {
  margin-left: 5px;
  padding: 3px;
  display: inline-block;
  font-size: 0.6rem;
  line-height: 1;
  background-color: #fff;
  border: #004896 solid 1px;
  border-radius: 3px;
  color: #004896;
  vertical-align: top;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link::after {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 12px;
  color: #aaa;
  margin-top: -4px;
  padding-left: 10px;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.active {
  padding-left: 15px;
  color: #004896;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.active::before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f0da';
  position: absolute;
  left: 4px;
  top: 50%;
  font-size: 14px;
  margin-top: -7px;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.active::after {
  color: #0085ce;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.checked {
  padding-right: 30px;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link.checked::after {
  margin-top: -7px;
  font-size: 14px;
  content: '\f058';
  color: #ff9933;
  position: absolute;
  top: 50%;
}
#svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link:not(.inactive):hover {
    color: #004896;
  }
#svc_simulation .svc_inner #svc_intro .tab_box {
  padding: 15px;
  border: #ccc solid 1px;
  background-color: #fff;
}
#svc_simulation .svc_inner #svc_intro .tab_box > div {
  display: none;
}
#svc_simulation .svc_inner #svc_intro .tab_box > div.active {
  display: block;
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
#svc_simulation .svc_inner #svc_intro .tab_box > div.active p,
#svc_simulation.price-page .svc_inner #svc_intro .tab_box > div ul li {
  font-size: 1.0rem;
  line-height: 1.75;
  margin: 0;
}
#svc_simulation .svc_inner #svc_intro .tab_box > div.active p + p {
  margin-top: 10px;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area + .inner_tab_area {
  margin-top: 30px;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .tag {
  margin-bottom: 8px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #004896;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .tag::before {
  margin-left: -.3em;
  margin-right: 2px;
  content: "【";
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .tag::after {
  margin-left: 2px;
  content: "】";
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ttl {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .title_sub_sub {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #1974d2;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ttl strong {
  margin-left: 5px;
  margin-bottom: 4px;
  padding: 5px;
  display: inline-block;
  font-size: 1.0rem;
  line-height: 1;
  color: #004896;
  border: #004896 solid 1px;
  border-radius: 3px;
  vertical-align: middle;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .img {
  text-align: center;
  clear: both;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block {
  margin-top: 10px;
  padding: 15px 10px;
  border: #ccc solid 1px;
  border: #0085ce solid 1px;
  border-radius: 3px;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block {
  border-color: #ff9933;
}
#svc_simulation.service-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block {
  text-align: center;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol {
  text-align: center;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .ttl_sub {
  font-size: 1.2rem;
  text-align: left;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .ttl_sub .month-price {
    float: right;
    color: #425b76
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .ttl_sub .month-price .sub-1,
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .ttl_sub .month-price .sub-2 {
    font-weight: normal;
    color: #425b76;
    font-size: 0.8em;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .ttl_sub::before {
  color: #ff9933;
  content: '\f192';
  font-size: 1.2rem;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .price {
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  margin-top: 10px;
  border: #ccc solid 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px;
  line-height: 1;
  background: #fff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.05) 100%);
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .price > p {
  width: 80%;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  color: #3E3E3E;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .price > p span {
  margin-left: 3px;
  font-size: 0.8rem;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .price .fa {
  width: 20%;
  padding: 15px 5px;
  color: #fff;
  text-align: center;
  font-size: 2.0rem;
  box-sizing: border-box;
  background: #ff9933 linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.05) 100%);
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .price .fa span {
  margin-top: 5px;
  display: block;
  font-weight: bold;
  font-size: 0.7rem;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .ttl_sub {
  margin-top: 0;
  margin-bottom: 8px;
  padding-left: 1.3em;
  font-size: 1.0rem;
  font-weight: bold;
  position: relative;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .ttl_sub::before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f10c';
  position: absolute;
  left: 4px;
  top: 6px;
  font-size: 14px;
  color: #0085ce;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .list {
  list-style: none;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .list li {
  margin-top: 6px;
  margin-right: 10px;
  padding-left: 1.4em;
  font-size: 0.9rem;
  display: inline-block;
  position: relative;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .list li::before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f0da';
  position: absolute;
  left: 8px;
  top: 3px;
  font-size: 14px;
  color: #aaa;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .ttl {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .ttl .fa {
  margin-right: 3px;
  color: #004896;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box {
  display: flex;
  border: #ccc solid 1px;
  border-radius: 5px;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu {
  list-style: none;
  display: none;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu > li {
  padding: 5px 10px;
  font-size: 0.85rem;
  border-right: #ccc solid 1px;
  border-bottom: #ccc solid 1px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
  background: #fff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.05) 100%);
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu > li:first-child {
  border-radius: 3px 0 0 0;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu > li:last-child {
  border-radius: 0 0 0 3px;
  border-bottom: none;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu > li.active {
  border-bottom: none;
  background: #004896;
  color: #fff;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box {
  padding: 15px;
  border-radius: 0 3px 3px 0;
  background-color: #fafafa;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div {
  padding: 10px 3px;
  border-bottom: #ccc dotted 1px;
  display: block;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div.active {
  display: block;
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div .ttl_sub {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.0rem;
  font-weight: bold;
  color: #004896;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div p + .list {
  margin-top: 10px;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div .list {
  list-style: none;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div .list li {
  margin-top: 6px;
  margin-right: 10px;
  padding-left: 1.4em;
  font-size: 0.9rem;
  display: inline-block;
  position: relative;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div .list li::before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f0da';
  position: absolute;
  left: 8px;
  top: 3px;
  font-size: 14px;
  color: #aaa;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div .img {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
  clear: both;
}
#svc_simulation.service-page .svc_inner #svc_price {
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  z-index: 10;
  border-top: #ccc solid 1px;
  background-color: #fafafa;
}
#svc_simulation.price-page .svc_inner #svc_price {
  width: 100%;
  bottom: 0;
  border-top: #ccc solid 1px;
  background-color: #fafafa;
  z-index: 10;
  position: fixed;
}
#svc_simulation.price-page .svc_inner #svc_price .box-wrapper {

  display: flex;

}
#svc_simulation.price-page .svc_inner #svc_price .box {
  width: 100%;
  border-right: #ccc solid 1px;
  box-sizing: border-box;
}
#svc_simulation.service-page .svc_inner #svc_price .box {
  width: 34%;
}
#svc_simulation.price-page .svc_inner #svc_price .btn-item {
  margin: 20px auto 0px auto;
  width: 95%;
  font-size: 1.0rem
}
#svc_simulation.service-page .svc_inner #svc_price .btn-item {
    width: 32%;
}
#svc_simulation.service-page .svc_inner #svc_price .btn-banner {
    margin-top: 5px;
}
#svc_simulation.service-page .svc_inner #svc_price .btn-banner a {
    width: 100%;
    display: block;
    padding: 10px 10px 0px 10px;
}

#svc_simulation.service-page .svc_inner #svc_price .btn-banner a:hover {
    opacity: 0.7;
}
#svc_simulation.service-page .svc_inner #svc_price .btn-banner a img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
#svc_simulation.price-page .svc_inner #svc_price .btn-item label {
  display: block;
  margin: 5px 0px;
  font-size: 0.9rem;
}
#svc_simulation.price-page .svc_inner #svc_price .btn-item label .required {
  color: #ff2200;
}
#svc_simulation.price-page .svc_inner #svc_price .btn-item input[type="text"] {
  font-size: 0.9rem;
  width: 100%;
}
#svc_simulation.price-page .svc_inner #svc_price .btn-item label.lb-msg {
  font-size: 0.8rem;
  display: block;
  margin: 5px;
  color: #FF2200;
}
#svc_simulation .svc_inner #svc_price .btn-item a {
  padding: 15px 30px 15px 10px;
  position: relative;
  font-size: 1rem;
  display: block;
  margin: 0px auto 15px auto;
  width: 100%;
}
#svc_simulation .svc_inner #svc_price .btn-item a::after {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f101';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  font-size: 20px;
}
#svc_simulation .svc_inner #svc_price .box .ttl {
  margin: 0;
  padding: 5px 10px;
  font-size: 0.85rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  /* background-color: #fff2e6; */
  background-color: #02a5ff;
}
#svc_simulation .svc_inner #svc_price .box .list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px 7px 27px;
  font-size: 0.80rem;
  list-style: none;
  border-top: #fff solid 1px;
  border-bottom: #ccc solid 1px;
  position: relative;
  background: #fff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.05) 100%);
  font-weight: 400;
}
#svc_simulation .svc_inner #svc_price .box .list li .fa {
  margin-top: -7px;
  color: #ccc;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 5px;
}
#svc_simulation .svc_inner #svc_price .box .list li .price {
  font-size: 0.9rem;
  padding-left: 10px;
  font-weight: bold;
  color: #3E3E3E;
}
#svc_simulation .svc_inner #svc_price .box .sum {
  margin: 0;
  padding: 10px 10px 14px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  background-color: #fff;
  color: #3E3E3E;
}
#svc_simulation .svc_inner #svc_price .btn {
  width: 32%;

}
#svc_simulation .svc_inner #svc_price .btn  a {
   padding: 20px 30px 20px 10px;
  font-size: 0.9rem;
  color: #fff;
  box-sizing: border-box;
  display: block;
  vertical-align: bottom;
  position: relative;
  background: #FF9933 linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.05) 100%);
  box-shadow: 0 0 0 2px #fff inset;
  cursor: pointer;
}
#svc_simulation .svc_inner #svc_price .btn a::after {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: '\f101';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  font-size: 20px;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .features  {
    margin-top: 5px;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .features li {
    list-style: none;
    padding-top: 0px;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .features li .tooltip-link {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #7c98b6;
    transition: 0.5s text-decoration-line ease;
    text-underline-position: under;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .features li i {
    margin-right: 0.5em;
    color: #cbd6e2;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .features li.active i {
    color: #FF7A59;
}

#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .flex_two .fleft {
    width: 85%;
    font-size: 0.8em;
    padding-right: 5%;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .thin {
    color: #7c98b6;
    font-size: 0.9em;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .flex_two {
    margin-bottom: 5px;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .flex_two .fright {
    width: 80px;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block .flex_two .fright input {
    height: 30px;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .price-details {
    margin: 15px 0px;
}

#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .att {
    margin-top: 5px;
    padding-left: 1.2em;
    text-indent: -1.2em;
    color: #c00;
    font-size: 0.8rem;
  }
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .att + .att {
    margin-top: 0;
}
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .att::before {
    content: "※";
    margin-right: 0.2em;
}

#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol.no-effect {
    padding: 0px !important;
    border: none !important;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol.no-effect .item {
    cursor: default !important;
    padding-top: 30px;
    padding-bottom: 30px;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol.no-effect .item label {
    margin-top: 15px;
    cursor: default;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol.no-effect .item .img {
    height: 40px;
    display: flex;
    justify-content: center;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol.no-effect .item:last-child {
    margin-right: 0px !important;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol.no-effect .item:hover {
    background-color: initial !important;
}
#svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol.no-effect .item p {
    margin-bottom: 0px;
    font-size: 14px;
}

@media only screen and (min-width: 971px) {
  #svc_simulation .ttl_main {
    padding: 15px 15px;
    font-size: 2.2rem;
  }
  #svc_simulation .svc_inner {
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
  }
  #svc_simulation .svc_inner #svc_ratio {
    width: 60%;
    margin-left: 20%;
    padding: 10px 10px;
    z-index: 10;
    order: 1;
  }
  #svc_simulation .svc_inner #svc_ratio .box:first-child {
    border-left: #ccc solid 1px;
  }
  #svc_simulation .svc_inner #svc_ratio .box:last-child {
    border-right: #ccc solid 1px;
  }
  #svc_simulation .svc_inner #svc_ratio .box .number {
    font-size: 3.0rem;
  }
  #svc_simulation .svc_inner #svc_intro {
    width: 80%;
    display: flex;
    order: 2;
  }
  #svc_simulation .svc_inner #svc_intro .tab_menu {
    width: 25%;
    display: block !important;
    position: static;
    z-index: 1;
  }
  #svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link {
    width: 100%;
    display: block;
  }
  #svc_simulation .svc_inner #svc_intro .tab_menu .ul_tab_menu > li.link:not(.inactive):hover {
    color: #004896;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box {
    width: 75%;
    padding: 20px;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ttl {
    font-size: 1.8rem;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;

  }
  #svc_simulation.price-page .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .addon-cotrol {
     text-align: left;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .fa:not(.inactive) {
    transition: all 0.3s;
    cursor: pointer;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .fa:not(.inactive):hover {
    opacity: 0.7;
  }
  /*
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .att {
    margin-top: 5px;
    padding-left: 1.2em;
    text-indent: -1.2em;
    color: #c00;
    font-size: 0.8rem;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .att + .att {
    margin-top: 0;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .att::before {
    content: "※";
    margin-right: 0.2em;
  }
  */
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu {
    width: 30%;
    display: block;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu li {
    transition: all 0.3s;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu li:hover {
    color: #004896;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_menu li:hover.active {
    color: #fff;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box {
    width: 70%;
  }
  #svc_simulation .svc_inner #svc_intro .tab_box .inner_tab_area .inner_tab_box .tab_box_box > div {
    display: none;
    padding: 0;
    border-bottom: none;
  }
  #svc_simulation.price-page .svc_inner #svc_price,
  #svc_simulation.service-page .svc_inner #svc_price {
    width: 20%;
    position: static;
    display: block;
    order: 3;
  }
  #svc_simulation.price-page .svc_inner #svc_price .box-wrapper:first-child {
    display: block;
  }
  #svc_simulation.price-page .svc_inner #svc_price .box,
  #svc_simulation.service-page .svc_inner #svc_price .box {
    width: 100%;
    border-right: none;
  }

  #svc_simulation.service-page .svc_inner #svc_price .btn-item {
          margin: 20px auto 0px auto;
          width: 95%;
  }

  #svc_simulation .svc_inner #svc_price .box .ttl {
    padding: 10px;
  }
  #svc_simulation .svc_inner #svc_price .box .list .fa {
    transition: all 0.3s;
    cursor: pointer;
  }
  #svc_simulation .svc_inner #svc_price .box .list .fa:hover {
    color: #c00;
  }
  #svc_simulation .svc_inner #svc_price .box .sum {
    width: 100%;
    font-size: 1.5rem;
    border-bottom: #ccc solid 1px;
  }
  #svc_simulation .svc_inner #svc_price .btn {
    width: 100%;
    border-bottom: #ccc solid 1px;
  }
  #svc_simulation .svc_inner #svc_price .btn:hover {
    background: #68c9ff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.05) 100%);
  }
  #svc_simulation.service-page .svc_inner #svc_price .btn-item {
    margin-top: 20px;
  }

}
/* -----------------------
#nav_sp_service
----------------------- */
#nav_sp_service {
  height: 40px;
  width: 100%;
  position: fixed;
  top: 70px;
  background-color: #0085ce;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  /* z-index: 10; */
  z-index: 999;
  /*&.fixed {
    position: fixed;
    top: 70px;
  }*/
}
#nav_sp_service > div {
  margin: 0 !important;
  width: 60px;
  height: 40px;
  transition: all 0.3s;
  text-align: center;
  box-sizing: border-box;
  float: left;
  background: #fff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.03) 100%);
}
#nav_sp_service > div::hover {
  cursor: pointer;
}
#nav_sp_service > div .menu-trigger, #nav_sp_service > div .menu-trigger span {
  display: inline-block;
  transition: all 0.3s;
  box-sizing: border-box;
}
#nav_sp_service > div .menu-trigger {
  position: relative;
  width: 20px;
  height: 40px;
}
#nav_sp_service > div .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0085ce;
}
#nav_sp_service > div .menu-trigger span:nth-of-type(1) {
  top: 12px;
}
#nav_sp_service > div .menu-trigger span:nth-of-type(2) {
  bottom: 19px;
}
#nav_sp_service > div .menu-trigger span:nth-of-type(3) {
  bottom: 12px;
}
#nav_sp_service .ttl_menu {
  margin: 0;
  height: 40px;
  padding: 14px 10px 0;
  float: left;
  font-size: 0.8rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

#nav_sp_service.active .menu-trigger span:nth-of-type(1) {
  transform: translateY(7px) rotate(-45deg);
}

#nav_sp_service.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}

#nav_sp_service.active .menu-trigger span:nth-of-type(3) {
  transform: translateY(-7px) rotate(45deg);
}

@media only screen and (min-width: 971px) {
  #nav_sp_service {
    display: none !important;
  }
}

@media only screen and (max-width: 970px) {

  #svc_simulation.price-page .svc_inner #svc_price .btn-item {
    margin-top: 10px;
  }
  #svc_simulation.service-page .svc_inner #svc_price .btn-item {
        /* padding-top: 12px; */
        padding: 0px;
    }
  #svc_simulation.price-page .svc_inner #svc_price .btn-item.btn-list {
    display: flex;
  }
  #svc_simulation.price-page .svc_inner #svc_price .btn-item.btn-list a {
    padding: 0px;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 0.8rem;
  }
  #svc_simulation.price-page .svc_inner #svc_price .btn-item.btn-list a:nth-of-type(1) {
    margin-right: 2%;
  }
  #svc_simulation.price-page .svc_inner #svc_price .btn-item.btn-list a:nth-of-type(2) {
    margin-left: 2%;
  }
  #svc_simulation.price-page .svc_inner #svc_price .btn-item.btn-list a:after {
    display: none;
  }

  #svc_simulation.price-page .svc_inner #svc_price .btn-item .form-list {
      /* display: flex; */
  }

  #svc_simulation.price-page .svc_inner #svc_price .btn-item .form-list label {
      /* width: 65px; */
      font-size: 0.9rem;
      display: block;
  }

  #svc_simulation.price-page .svc_inner #svc_price .btn-item .form-list input[type="text"] {
    font-size: 0.9rem;
    width: 100%;
    height: 30px;
    /* line-height: 30px; */
  }

  #svc_simulation.service-page .svc_inner #svc_price .btn-item {
        /* padding-top: 12px; */
        padding: 0px;
    }

    #svc_simulation.service-page .svc_inner #svc_price .btn-item a {
        /* margin: 12px; */
        width: 100%;
        padding: 10px;
        margin-bottom: 0px;

        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #svc_simulation.service-page .svc_inner #svc_price .btn-item a::after {
        display: none;
    }

}

@media only screen and (max-width: 480px) {

  #svc_simulation.price-page .svc_inner #svc_ratio .box .number {
      font-size: 1.6rem;
      text-align: center;
  }

    #svc_simulation.service-page .svc_inner #svc_price .btn-item {
         height: 70px;
   padding: 0px;
    }

    #svc_simulation.service-page .svc_inner #svc_price .btn-item a {
        height: 70px;
        line-height: 70px;
        padding: 0px;
        font-size: 0.8rem;
    }

}

@media only screen and (max-width: 375px) {
#svc_simulation .svc_inner #svc_intro .tab_box .inner_main_area .ima_block.price_block .price > p {
    font-size: 2rem;
}
#svc_simulation.price-page .svc_inner #svc_price .box .sum {
     font-size: 1rem;
}
#svc_simulation.service-page .svc_inner #svc_price .box .sum {
        font-size: 0.9rem;
        padding: 12px 10px 14px;
    }

}

@media only screen and (max-width: 320px) {

#svc_simulation.price-page .svc_inner #svc_ratio .box .tag {
    font-size: 0.7rem;
}

#svc_simulation.service-page .svc_inner #svc_price .btn-item a {
        font-weight: normal;
        font-size: 13px;
    }

}

#svc_simulation .addon-list {
    margin-top: 30px;
}
#svc_simulation .addon-list .item {
    margin-top: 10px;
}
#svc_simulation .addon-list .item.inactive {
    opacity: 0.55;
    cursor: not-allowed;
}
#svc_simulation .addon-list .item label {
    font-weight: bold;
}
#svc_simulation .addon-list .price-addon {
    margin-top: 0px !important;
    margin-bottom: 25px !important;
}
#svc_simulation .addon-list .price-addon strong {
    font-size: 2rem;
}
#svc_simulation #svc_price .company {
    padding: 0px 5px;
}
#svc_simulation .svc_inner #svc_intro .tab_box .note {
    text-align: right;
    margin-top : 50px !important;
}
#svc_simulation .svc_inner #svc_intro .range-control {
   margin: 20px 0px;
    width: 100%;
   position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 50px;
}

#svc_simulation .svc_inner #svc_intro .rangefigures {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#svc_simulation .svc_inner #svc_intro .rangefigures {
 font-size: 0.8rem;
 font-weight: bold;
}

#svc_simulation .svc_inner #svc_intro .range-contact .des
{
   color: #425b76;
}

#svc_simulation .svc_inner #svc_intro .range-contact .des .thin
{
    color: #7c98b6;
    font-size: 0.9em;
}

#svc_simulation .svc_inner #svc_intro .range-control .lb-contacts
{
    position: absolute;
    top: 0;
    left: 35px;
    margin-left: 0%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2d3e50;
    -webkit-transform: translate(-50%,25%);
    -ms-transform: translate(-50%,25%);
    transform: translate(-50%,25%);
}

.calculator-wrapper .rangeslider,
.calculator-wrapper .rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.calculator-wrapper .rangeslider {
  background: #e6e6e6;
  position: relative;
}

.calculator-wrapper .rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.calculator-wrapper .rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.calculator-wrapper .rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.calculator-wrapper .rangeslider__fill {
  background: #00ff00;
  position: absolute;
}
.calculator-wrapper .rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.calculator-wrapper .rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.calculator-wrapper .rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.calculator-wrapper .rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.calculator-wrapper .rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.calculator-wrapper .rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.calculator-wrapper .rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

.calculator-wrapper input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/********************************************************/
/********************************************************/
/******* Overlay form *******/
/********************************************************/
/********************************************************/
.overlay-form {
    position: relative;
    padding: 30px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
.overlay-form .block_900 {
    max-width: 900px;
}
.overlay-form .opacity-bg {
    background: rgba(25, 116, 210,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.overlay-form .block_cta .form_head {
    position: relative;
}
.overlay-form .block_cta .form_head .form-title {
        margin-top: 0px;
}
.overlay-form .block_cta .form_head .form-subtitle {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.40);
    text-align: center;
}
.overlay-form .block_cta .form_inbound {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    padding-bottom: 50px;
    padding-top: 40px;
    background-color: rgba(44, 62, 80, 0.8);
    opacity: .9;
    border-top: none;
    box-shadow: none;
}

.overlay-form .block_cta .form_inbound .form-title {
    color: #FFF !important;
    text-align: left;
    margin-top: 0px;
    padding-left: 0px;
}

.overlay-form .block_cta .form_inbound .hs-form .hs-form-field {
    margin-bottom: 20px;
}

.overlay-form .block_cta .form_inbound .hs-form label span {
    color: #FFF !important;
    font-weight: normal;
}

.overlay-form .block_cta .form_inbound .hs-form .hs-error-msgs label {
    font-weight: bold;
    color: #F00 !important;
}

.overlay-form .block_cta .form_inbound .hs-form label span.hs-form-required {
    font-size: 11px;
    background-color: #F00;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    margin-left: 5px;
}

.overlay-form .block_cta .form_inbound .hs-form .hs-input {
     /* margin-bottom: 20px; */
     background-color: transparent;
     border: 1px solid rgba(254, 254, 254, 0.6);
     font-family: 'Noto Sans Japanese', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;;
}

.overlay-form .block_cta .form_inbound .hs-form input.hs-input {
    height: 40px;
}

.overlay-form .block_cta .form_inbound .hs-form textarea.hs-input {
    height: inherit;
    min-height: 130px;
}

.overlay-form .block_cta .form_inbound .hs-form select.hs-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #FFF !important;
}

.overlay-form .block_cta .form_inbound .hs-form select.hs-input option {
    /* background-color: rgba(44, 62, 80, 0.8); */
    color: #000 !important;
}

.overlay-form .block_cta .form_inbound .hs-form select.hs-input::-ms-expand {
    display: none;
}

.overlay-form .block_cta .form_inbound .hs-form input.hs-input,
.overlay-form .block_cta .form_inbound .hs-form textarea.hs-input {
    width: 100% !important;
    /* border-radius: 5px; */
    color: #FFF;
  @extend .animate;

  &:hover,
  &:focus {
      border-color: #fff;
  }

}
.overlay-form .block_cta .form_inbound .hs-form input.hs-input:focus,
.overlay-form .block_cta .form_inbound .hs-form textarea.hs-input:focus,
.overlay-form .block_cta .form_inbound .hs-form select.hs-input:focus {
    border-color: #FFF;
    outline: none;
}
.overlay-form .block_cta .form_inbound .hs-form .hs-input::-webkit-input-placeholder { /* Chrome */
  color: rgba(254, 254, 254, 0.7);
}
.overlay-form .block_cta .form_inbound .hs-form .hs-input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(254, 254, 254, 0.7);
}
.overlay-form .block_cta .form_inbound .hs-form .hs-input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(254, 254, 254, 0.7);
  opacity: 1;
}
.overlay-form .block_cta .form_inbound .hs-form .hs-input:-moz-placeholder { /* Firefox 4 - 18 */
  color: rgba(254, 254, 254, 0.7);
  opacity: 1;
}
.overlay-form .block_cta .form_inbound .form-privacy,
.overlay-form .block_cta .form_inbound .form-privacy a {
    color: #FFF;
    font-size: 12px !important;
}
.overlay-form .block_cta .form_inbound .form-privacy img {
/*    padding: 10px;
    background-color:rgba(255, 255, 255, 0.5);*/
}

.overlay-form .block_cta .form_inbound fieldset.form-columns-2 .hs-form-field:last-child .input,
.overlay-form .block_cta .form_inbound fieldset.form-columns-1 .hs-form-field .input {
    margin-right: 0px;
}

.overlay-form .block_cta .form_inbound .hs_error_rollup label {
    margin: 10px 0px 20px 0px;
    text-align: center;
}

/*---  Checkbox style --- */
.overlay-form .block_cta .form_inbound .hs-form .hs_privacy_policy_check .inputs-list .hs-form-booleancheckbox-display,
.overlay-form .block_cta .form_inbound .hs-form .hs_privacy_policy_check .hs-error-msgs label,
.overlay-form .block_cta .form_inbound .hs-form .hs_commerce_flow_terms_check .inputs-list .hs-form-booleancheckbox-display,
.overlay-form .block_cta .form_inbound .hs-form .hs_commerce_flow_terms_check .hs-error-msgs label{
    text-align: center;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input,
.overlay-form .block_cta .form_inbound .hs-form input[type="radio"].hs-input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span,
.overlay-form .block_cta .form_inbound .hs-forminput[type="radio"].hs-input + span {
  position: relative;
  padding: 0 0px 0 24px;
}

.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span::before {
  border-color: #00acc1;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input:checked + span::before {
  background-color: #00acc1;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span::before {
  border-color: #ec407a;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input:checked + span::before {
  background-color: #ec407a;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span::before,
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span::after {
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span::before {
  z-index: 0;
  background-color: transparent;
  width: 15px;
  height: 15px;
  border: 2px #FFF solid;
  border-radius: 4px;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span::after {
  z-index: 1;
  margin: 5px 8px;
  width: 6px;
  height: 9px;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input:checked + span::before {
  background-color: #616161;
}
.overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input:checked + span::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
   top: 5px;
    left: 4px;
    margin: 0px;
   content: '';
   width: 7px;
   height: 7px;
}

/*--- IE Fix ---*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input + span::before {
        top: 10px;
    }
    .overlay-form .block_cta .form_inbound .hs-form input[type="checkbox"].hs-input:checked + span::after {
        top: 5px;
    }
}

/*---  END Checkbox style --- */

@media (max-width: 940px) {
    .overlay-form {
       padding: 30px;
    }
    .overlay-form .block_cta {
        padding: 0px;
        width: auto;
    }
    .overlay-form .block_cta .form_inbound {
        padding: 30px 15px;
    }
}

@media (max-width: 900px) {
    .overlay-form .block_cta {
        width: 100%;
    }
    .overlay-form .block_cta .form_inbound fieldset.form-columns-2 .hs-form-field .input,
    .overlay-form .block_cta .form_inbound fieldset.form-columns-1 .hs-form-field .input {
        margin-right: 0px !important;
    }
}

@media (max-width: 640px) {
    .overlay-form .block_cta .form_inbound .form-title {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .overlay-form {
        padding: 15px;
    }
    .overlay-form .block_cta .form_inbound {
        padding: 30px 20px;
    }
    .overlay-form .block_cta .form_inbound .container {
        padding-right: 0px;
        padding-left: 0px;
    }
}

/********************************************************/
/********************************************************/
/******* Overlay CTA *******/
/********************************************************/
/********************************************************/
.overlay-form .block_cta .cta-form .title_main {
    margin-top: 0px;
}
.overlay-form .block_cta .cta-form .text p {
    color: #FFF !important;
}
.overlay-form .block_cta .cta-form .cta-content {
    margin-top: 30px;
}

@media (max-width: 940px) {
    .overlay-form .block_cta .cta-form {
        padding: 30px 15px 35px 15px;
    }
}

@media (max-width: 768px) {
    .overlay-form .block_cta .cta-form {
        padding: 15px 15px 15px 15px;
    }
}

@media (max-width: 480px) {
    .overlay-form .block_cta .cta-form .cta_button {
        max-width: 100%;
        min-width: 190px;
    }
}

.post-thumbnail {
  margin-bottom: 30px;
}

/********************************************************/
/********************************************************/
/******* #add_summary *******/
/********************************************************/
/********************************************************/
#add_summary {
  margin-bottom: 30px;
  padding: 15px;
  background-color: #eee;
}
#add_summary .add_block .add_box {
  margin: 0;
  padding: 3px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  background: #fff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.04) 100%);
}
#add_summary .add_block .add_box + .add_box {
  margin-top: 28px;
}
#add_summary .add_block .add_box.problem {
  position: relative;
}
#add_summary .add_block .add_box.problem::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 20px 0 20px;
  border-color: #fbbc09 transparent transparent transparent;
  margin-right: -16px;
  position: absolute;
  right: 50%;
  bottom: -22px;
}
#add_summary .add_block .add_box.problem dt {
  background-color: #004896;
  background: #004896 linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.06) 100%);
}
#add_summary .add_block .add_box.problem dd strong {
  color: #004896;
}
#add_summary .add_block .add_box.result dt {
  background-color: #0085ce;
  background: #0085ce linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.06) 100%);
}
#add_summary .add_block .add_box.result dd strong {
  color: #0085ce;
}
#add_summary .add_block .add_box dt {
  padding: 4px 6px 5px;
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-weight: bold;
}
#add_summary .add_block .add_box dt .fa {
  margin-right: 8px;
  opacity: 0.8;
  font-size: 90%;
}
#add_summary .add_block .add_box dd {
  display: flex;
  align-items: center;
}
#add_summary .add_block .add_box dd ol, #add_summary .add_block .add_box dd ul {
  margin: 0;
  padding: 10px 10px 10px 0;
}
#add_summary .add_block .add_box dd ol li, #add_summary .add_block .add_box dd ul li {
  text-indent: 0;
}
#add_summary .add_block .add_box dd ol li:last-child, #add_summary .add_block .add_box dd ul li:last-child {
  margin-bottom: 0;
}
#add_summary .add_block .add_box dd ol li strong, #add_summary .add_block .add_box dd ul li strong {
  margin-left: 2px;
  margin-right: 2px;
}
#add_summary a.add_service_link {
  text-decoration: none;
  color: #3E3E3E;
}
#add_summary .add_service {
  margin: 15px 0 0;
  border-top: #ccc dotted 1px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#add_summary a .add_service:hover {
  opacity: 0.7;
}
#add_summary .add_service > dl {
  margin: 15px 0 0;
  padding: 3px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  background: #fff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.04) 100%);
}
#add_summary .add_service > dl dt {
  padding: 4px 6px 5px;
  display: block;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  background-color: #35b7ff;
  background: #35b7ff linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.06) 100%);
}
#add_summary .add_service > dl dt .fa {
  margin-right: 8px;
  opacity: 0.8;
  font-size: 90%;
}
#add_summary .add_service > dl dd ol, #add_summary .add_service > dl dd ul {
  margin: 0;
  padding: 10px 10px 10px 0;
}
#add_summary .add_service > dl dd ol li, #add_summary .add_service > dl dd ul li {
  text-indent: 0;
}

@media only screen and (min-width: 768px) {
  #add_summary .add_block {
    display: flex;
    justify-content: space-between;
  }
  #add_summary .add_block .add_box {
    width: 48.5%;
    display: flex;
    justify-content: space-between;
  }
  #add_summary .add_block .add_box + .add_box {
    margin-top: 0;
  }
  #add_summary .add_block .add_box.problem::after {
    margin-right: 0;
    margin-bottom: -20px;
    border-width: 20px 0 20px 16px;
    border-color: transparent transparent transparent #fbbc09;
    right: -5.2%;
    bottom: 50%;
  }
  #add_summary .add_block .add_box dt {
    width: 36px;
    padding: 5px 5px 10px;
    line-height: 1.1;
    text-align: center;
    display: flex;
    align-items: center;
  }
  #add_summary .add_block .add_box dt .fa {
    margin-right: 0;
    margin-bottom: 6px;
    line-height: 1;
  }
  #add_summary .add_block .add_box dd {
    flex: 1;
  }
  #add_summary .add_service {
    margin: 0;
    border: none;
  }
}

/********************************************************/
/********************************************************/
/******* .infiniteslide *******/
/********************************************************/
/********************************************************/
/* .infiniteslide {
  padding: 40px 0;
  border-bottom: 1px solid #D8D8D8;
}
.infiniteslide ul {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.infiniteslide ul li {
  margin-left: 50px;
}
.infiniteslide ul li img {
  margin: 0;
  max-width: 200px;
  max-height: 50px;
} */

/* .cta-item */
.cta-item {
  margin-top: 40px;
}

/********************************************************/
/********************************************************/
/******* #nav_solution *******/
/********************************************************/
/********************************************************/

#nav_solution {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    /* z-index: 991; */
    z-index: 1031; /* Fix to Showcase menu */
}
#nav_solution .container {
    position: relative;
}
#nav_solution .container .solution-logo {
    position: absolute;
    left: 15px;
    top: 0px;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}
#nav_solution.fixed {
    height: 40px;
    position: fixed;
    top: 70px;
    -webkit-font-smoothing: subpixel-antialiased;
    transition: all 0.5s;
    transform: translate3d(0, 0, 0);
}
#nav_solution.nav-default .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    padding-right: 40px;
}
#nav_solution.nav-default .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:last-child {
    padding-right: 0px;
}
#nav_solution.fixed {
    /* background-color: rgba(0,0,0,0.8) !important; */
    /* background-color: rgba(0,0,0,0.8) !important; */
    background-color: #232323!important;
}
#nav_solution.fixed.scroll-change {
    background-color: inherit !important;
}
#nav_solution.fixed.scroll-change.fixed-bg {
    /* background-color: rgba(0,0,0,0.8) !important; */
    background-color: #232323!important;
}
#nav_solution .hs-menu-wrapper > ul {
    padding-top: 0px;
    margin-bottom: 0px;
}
#nav_solution.fixed .hs-menu-wrapper > ul {
    padding-top: 0px;
    height: 40px;
}
#nav_solution .hs-menu-wrapper > ul li {
    letter-spacing: normal;
    display: inline-block;
}
#nav_solution .hs-menu-wrapper > ul > li > a {
    /* font-size: 15px; */
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    /*
    padding-left: 16px;
    padding-right: 16px;
    */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    color: #ddd;
    box-sizing: border-box;
}
#nav_solution .hs-menu-wrapper > ul > li > a.blank {
    padding-right: 20px;
    position: relative;
}
#nav_solution .hs-menu-wrapper > ul > li > a.blank i {
    font-size: 0.8em;
    position: absolute;
    top: 12px;
    right: 5px;
}
#nav_solution.fixed .hs-menu-wrapper > ul > li > a {
    color: #FFF;
    padding-top: 0px;
}

@media (min-width: 972px) {
    #nav_solution.solutionpage-nav .hs-menu-wrapper > ul > li.hs-menu-depth-1 {
        float: left;
    }
    #nav_solution.solutionpage-nav .hs-menu-wrapper > ul > li.hs-menu-depth-1 a {
        transition: all 0.1s linear;
        padding-left: 12px;
        padding-right: 12px;
    }
    #nav_solution.solutionpage-nav .hs-menu-wrapper > ul > li.hs-menu-depth-1:hover > a,
    #nav_solution.solutionpage-nav .hs-menu-wrapper > ul > li.hs-menu-depth-1.active > a {
        background-color: #646464;
    }
}

#nav_solution .hs-menu-wrapper > ul > li.hs-item-has-children {
    position: relative;
}
#nav_solution.max-level-2 .hs-menu-wrapper > ul > li.hs-item-has-children:hover {
    background-image: url("https://solutions.dac.co.jp/hubfs/images/library/arrow.svg");
    background-repeat: no-repeat;
    background-position: center bottom 4px;
}
#nav_solution .hs-menu-wrapper > ul li ul {
    display: none;
    width: 315px;
    /* background-color: rgba(0,0,0, 0.8); */
    background-color: #232323;
    box-sizing: border-box;
	  padding-left: 0;
    position: absolute;
    top: 40px;
    left: 10px;
    z-index: 100;
    text-align: left;
    transition: unset;
}
#nav_solution .hs-menu-wrapper > ul li ul li {
    width: auto;
}
#nav_solution .hs-menu-wrapper > ul li ul li a {
    width: 315px;
    padding: 5px 12px;
    box-sizing: border-box;
    display: block;
    color: #ddd !important;
    transition: all 0.3s;
    font-size: 14px;
}
#nav_solution .hs-menu-wrapper > ul li ul li a span {
    font-size: 13px;
    /* padding-left: 10px; */
}

@media (min-width: 972px) {
    #nav_solution .hs-menu-wrapper > ul > li ul li a:hover {
        opacity: 1 !important;
        /* background-color: rgba(61, 61, 62, 0.9); */
        background-color: #646464;
    }
    #nav_solution .hs-menu-wrapper > ul > li ul li a:hover b {
        /* color: #d9d9d9 !important; */
    }
}
@media (max-width: 971px) {
    #menu .hs-menu-wrapper ul .solution_nav_li {
        background-color: rgba(0,0,0,0.8) !important;
        border-bottom: 1px solid #3E3E3E !important;
    }
    #menu .hs-menu-wrapper ul .solution_nav_li>ul {
        /* box-shadow: 0px 2px 10px 1px rgba(0, 122, 204, 0.36) !important; */
    }
    #menu .hs-menu-wrapper ul .solution_nav_li ul li {
        background-color: rgba(0,0,0,0.8) !important;
        /* border-top: #007ACC dotted 1px !important; */
    }
}

@media (min-width: 972px) {
    section.small-header-for-blog.has-menu,
    section.hero-banner-smallest.has-menu,
    section.hero-banner.has-menu,
    section.hero-banner-landing.has-menu {
        margin-top: 170px;
    }
    .has-menu #page_breadcrumb .hs-breadcrumb-menu-wrapper {
        top: 125px;
    }
}

/********************************************************/
/********************************************************/
/******* .solutionmap *******/
/********************************************************/
/********************************************************/
.solutionmap {
  margin: 50px auto;
  max-width: 1200px;
}
.solutionmap .cts {
  margin: 0;
  background-image: url(//solutions.dac.co.jp/hubfs/images/top/figure_dac.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media (max-width: 767px) {
    .solutionmap {
      margin: 25px auto;
      max-width: 1200px;
    }
}

/*=================================*/
/*========= .list-point ===========*/
/*=================================*/
.list-point .flex-two {
    flex-wrap: wrap;
    display: flex;
}
.list-point .point-item {
    float: none;
    margin-bottom: 30px;
}
.list-point .point-item .point-header {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.list-point .point-item .img {
    margin-right: 10px;
}

/*=================================*/
/*========= .services ===========*/
/*=================================*/
.block-inner.services .container>h2:first-child {
    margin-top: 0px;
}

/*--------------------------------*/
/*------- .slide-top   -----------*/
/*--------------------------------*/
.homeslider .slide-top .slide .content h1,
.homeslider .slide-top .slide .content p,
.homeslider .slide-top .wheel {
      color: #3E3E3E;
 }
@media (min-width: 972px) {
    .homeslider .slide-top .slide .content h1 {
        width: 96%;
        font-size: 42px;
    }
    .homeslider .audienceone-slide .slide .content h1 {
        width: 96%;
    }
}

.phone-box .number::before {
    width: 24px;
    height: 16px;
    margin-right: 5px;
    content: url("https://solutions.dac.co.jp/hubfs/images/free.svg");
}

/*-------------------------------------------
-----------.Bottom Search----------------
-------------------------------------------*/

.sidebar-search td.gsc-search-button:before {
    display: none;
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{
    background-color: #FFF !important;
    color: #3E3E3E;
    border: 1px solid #d9d9d9 !important;
    cursor: pointer;
    height: 30px;
    margin-top: 10px;
    margin-left: 8px !important;
    box-shadow: 3px 3px 10px #646464;

    border-radius: 0px;
    border: 1px solid #FFF !important;
    background-color: #d9d9d9 !important;
    color: #3e3e3e;
    font-weight: bold;
    box-shadow: 5px 5px 0px rgba(217, 217, 217,0.4);
}
.gsc-search-button-v2 svg {
   fill: #3E3E3E !important;
}
.gsc-search-button-v2:hover {
    opacity: 0.7;
}

/*-------------------------------------------
-----------.pdf-attach      ----------------
-------------------------------------------*/
.post-body .pdf-attach {
    text-align: right;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.post-body .pdf-attach a {
    color: #d9d9d9;
    font-size: 16px;
}

/*-------------------------------------------
-----------. logo-text ---------------------
-------------------------------------------*/
.logo-text-wrapper {
    display: flex;
    height: 70px;
    align-items: center;
}
.logo-text-wrapper.lp-logo-text-wrapper {
    justify-content: center;
}
@media (min-width: 768px) {
   .landing-page-v1 .logo-text-wrapper.lp-logo-text-wrapper {
        justify-content: left;
    }
}
.logo-text-wrapper .logo-text span {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.15;
}
@media (min-width: 972px) {
  .logo-text-wrapper .logo-text span {
      font-size: 24px;
  }
}
.logo-text-wrapper .logo-slogan {
   color: #666;
    margin-left: 20px;
    font-size: 15px;
}
@media (max-width: 971px) {
    .logo-text-wrapper .logo-slogan {
       display: none;
    }
    .header-container #header #hs-link-logo.logo-text {
        margin-top: 0px;
        width: 100%;
    }
    .header-container #header #hs-link-logo.logo-text span {
        font-size: 20px;
    }
}

@media (max-width: 375px) {
    .header-container #header #hs-link-logo.logo-text span {
        font-size: 20px;
    }
}

/*---------------------------------------------------
---Colunm Right Blog (Hungtt Edit)  ----------------
---------------------------------------------------*/
.sodium-blog .side-bar-blog .box-item.ranking .block ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:before,
.sodium-blog .side-bar-blog .box-item.ranking .block ul li a:after {
    top: auto;
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li a:after {
    content:'';
}
.sodium-blog .side-bar-blog .box-item.ranking .block ul li:after {
    font-family: "fontawesome";
    content: '\f054';
    position: absolute;
    right: 0.6em;
    font-size: 0.8em;
    color: #d9d9d9;
}

/********************************************************/
/********************************************************/
/******* #header_cta *******/
/********************************************************/
/********************************************************/
@media (max-width: 971px) {
    .header-container #header.active {
         position: fixed !important;
    }
}
#header.header--topcta {
    position: relative;
}
#header_cta_wrapper_pc {
    position: relative;
    width: 100%;
    height: 60px;
    z-index: 998;
    background: #d9d9d9;
    display: none;
    -webkit-transition: all .8s ease;
    -webkit-transition: all .5 ease;
    transition: all .5 ease;
}

#header_cta_wrapper_pc.fixed {
    position: fixed;
    top: 0px;
    background-color: rgba(217, 217, 217, 0.8) /*  Edit mau */
}

#header_cta_wrapper_pc .header-cta {
    padding: 0px 15px;
    align-items: center;
    justify-content: center;
    display: flex;
    vertical-align: middle;
    height: 60px;
}

#header_cta_wrapper_pc .header-cta .text {
    color: #3E3E3E;
    font-size: 15px;
    position: absolute;
    right: 130px;
    top: 15px;
    height: 30px;
    line-height: 30px;
}

#header_cta_wrapper_pc .header-cta .cta-header {
    display: block;
    padding: 0px 10px;
    min-width: inherit;
    font-size: 15px;
    position: absolute;
    right: 13px;
    top: 13px;
    height: 30px;
    line-height: 30px;
}

#header_cta_wrapper_pc .header-cta .btn-close {
    position: absolute;
    left: 5px;
    top: 21px;
    width: 32px;
    height: 18px;
    clear: both;
    cursor: pointer;
    animation: promo-fade-in .8s ease;
}

#header_cta_wrapper_pc .header-cta .btn-close:before,
#header_cta_wrapper_pc .header-cta .btn-close:after {
    position: absolute;
    content: "";
    height: 18px;
    width: 2px;
    border-radius: 4px;
    background-color: #3E3E3E;
    right: 14px;
}

#header_cta_wrapper_pc .header-cta .btn-close:before {
    transform: rotate(45deg);
}

#header_cta_wrapper_pc .header-cta .btn-close:after {
    transform: rotate(-45deg);
}

.hero-banner.hero-topcta,
.small-header-for-blog.hero-topcta {
      margin-top: 0px;
}

@media only screen and (max-width: 375px) {
    #header_cta_wrapper_pc .header-cta .cta-header,
    #header_cta_wrapper_pc .header-cta .text {
        font-size: 14px;
    }

    #header_cta_wrapper_pc .header-cta .text {
        right: 120px;
    }
}

/*-------------------------------------------
-----------.lp-subcribe ----------------
-------------------------------------------*/
.lp-subcribe .subcribe-top {
    background: url('https://solutions.dac.co.jp/hubfs/images/hero.png');
    background-size: cover;
    position: relative;
}
.lp-subcribe .subcribe-top .sucribe-topcontent {
    position: relative;
}
.lp-subcribe .subcribe-top .mark {
   width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(25, 116, 210, 0.3);
}
.lp-subcribe .subcribe-top .header-subcribe {
    padding: 15px 0px;
}
.lp-subcribe .subcribe-top .header-subcribe .container {
    text-align: center;
}
.lp-subcribe .subcribe-top .header.header.perma-fixed {
    box-shadow: inherit;
}
.lp-subcribe .subcribe-top .lp-subcribe-content {
    margin-top: 60px;
    margin-bottom: 60px;
}
@media(max-width:767px) {
   .lp-subcribe .subcribe-top .lp-subcribe-content {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.lp-subcribe .subcribe-top .left-content-editor {
    color: #FFF;
}
.lp-subcribe .subcribe-top .form-title {
    display: none;
}
.lp-subcribe .subcribe-top .subcribe-left h1 {
    margin-top: 0px;
    color: #FFF;
    text-align: left;
}
.lp-subcribe .subcribe-top .text {
    color: #FFF;
    margin-top: 0px;
}
.lp-subcribe .subcribe-top #letters-img {
    height: 600px;
    width: 520px;
    margin-bottom: -120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media(max-width:1200px) {
   .lp-subcribe .subcribe-top #letters-img {
        width: 100%;
   }
}
.lp-subcribe .subcribe-top #letters-img img {
    transition: .25s ease-in-out;
}

.lp-subcribe .subcribe-top #letters-img:hover .left-img>img {
    transform: translate(-20px, 10px);
}

.lp-subcribe .subcribe-top #letters-img:hover .right-img>img {
    transform: translate(20px, 10px);
}

.lp-subcribe .subcribe-top #letters-img .left-img {
    bottom: 0;
    left: 5%;
    position: absolute;
    top: 90px;
    width: 40%;
    z-index: 9998;
}

.lp-subcribe .subcribe-top #letters-img .left-img>img {
    border: 1px solid #f2f2f2;
}

.lp-subcribe .subcribe-top #letters-img .middle-img {
    bottom: 0;
    display: block;
    height: 540px;
    left: 23%;
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 300px;
    z-index: 9999;
    -webkit-box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, .2)
}

.lp-subcribe .subcribe-top #letters-img:hover .middle-img>img {
    -ms-transform: translateY(-350px);
    -webkit-transform: translateY(-350px);
    transform: translateY(-350px);
}

.lp-subcribe .subcribe-top #letters-img .right-img {
    bottom: 0;
    left: 56%;
    position: absolute;
    top: 90px;
    width: 40%;
    z-index: 9998
}

.lp-subcribe .subcribe-top #letters-img .right-img>img {
    border: 1px solid #f2f2f2
}
.lp-subcribe .subcribe-top .overlay-form .block_cta .text {
    color: #FFF !important;
}
.lp-subcribe .subcribe-top .overlay-form .att {
    clear: both;
    min-height: 75px;
}
.lp-subcribe .subcribe-top .overlay-form .att img {
    float: left;
    padding-right: 20px;
}
.lp-subcribe .subcribe-top .overlay-form .att,
.lp-subcribe .subcribe-top .overlay-form .att a {
    color: #FFF !important;
    font-size: 14px;
}
.lp-subcribe .subcribe-top .overlay-form .att a {

    text-decoration: underline;
    color: #FFF;
}
.lp-subcribe .subcribe-top .overlay-form .hs_privacy_policy_check {
    clear: both;
}
.lp-subcribe .subcribe-top .overlay-form h1 {
    font-size: 30px;
}
.lp-subcribe .subcribe-top .overlay-form .block_cta .form_inbound .submit-message {
    color: #FFF !important;
}
@media(min-width:768px) {
    .lp-subcribe .subcribe-top .overlay-form .form_inbound {
        min-height: 610px;
    }
}

@media(max-width:1200px) {
    .lp-subcribe .subcribe-top #letters-img .left-img {
        width: 35%
    }
    .lp-subcribe .subcribe-top #letters-img .middle-img {
        left: 21%;
        height: 500px;
        width: 280px
    }
    .lp-subcribe .subcribe-top #letters-img .right-img {
        width: 35%
    }
}

@media(max-width:1050px) {
    .lp-subcribe .subcribe-top #letters-img .left-img {
        width: 28%
    }
    .lp-subcribe .subcribe-top #letters-img:hover .middle-img>img {
        -ms-transform: translateY(-300px);
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px)
    }
    .lp-subcribe .subcribe-top #letters-img .middle-img {
        left: 21%;
        height: 410px;
        width: 225px
    }
    .lp-subcribe .subcribe-top #letters-img .right-img {
        width: 28%
    }
}

@media(max-width:1000px) {
    .lp-subcribe .subcribe-top #letters-img .left-img {
        display: none
    }
    .lp-subcribe .subcribe-top #letters-img .middle-img {
        left: 10%;
        height: 550px;
        width: 325px
    }
    .lp-subcribe .subcribe-top #letters-img .right-img {
        display: none
    }
    .lp-subcribe .subcribe-top #letters-img {
        width: auto
    }
    .lp-subcribe .subcribe-top #letters-img:hover .middle-img>img {
        -ms-transform: translateY(-460px);
        -webkit-transform: translateY(-460px);
        transform: translateY(-460px)
    }
}

@media(max-width:876px) {
    .lp-subcribe .subcribe-top #letters-img .middle-img {
        left: 15%;
        height: 500px;
        width: 275px
    }
    .lp-subcribe .subcribe-top #letters-img {
        width: auto
    }
    .lp-subcribe .subcribe-top #letters-img:hover .middle-img>img {
        -ms-transform: translateY(-400px);
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px)
    }
}

@media(max-width:767px) {
    .lp-subcribe .subcribe-top #letters-img {
        display: none
    }
    .lp-subcribe .subcribe-top #letters-img .middle-img {
        display: none
    }
}

.lp-subcribe .subcribe-top .overlay-form {
    padding: 0px 0px 0px 0px;
}
.lp-subcribe .subcribe-top .overlay-form .block_cta {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media(max-width:1200px) {
    .lp-subcribe .subcribe-top .overlay-form {
        padding: 0px 0px 0px 20px;
    }
}
@media(max-width:940px) {
    .lp-subcribe .subcribe-top .overlay-form {
        padding: 0px 0px 0px 20px;
    }
}

@media(max-width:767px) {
    .lp-subcribe .subcribe-top .overlay-form {
        padding: 0px 20px 0px 20px;
    }
}

@media(max-width:480px) {
    .lp-subcribe .subcribe-top .overlay-form {
        padding: 0px;
    }
    .lp-subcribe .subcribe-top .overlay-form h1 {
        font-size: 26px;
    }
}

/********************************************************/
/********************************************************/
/******* Home product Hungtt add *******/
/********************************************************/
/********************************************************/

.product .flex-five>.span2 {
    margin-left: 10px;
    width: 19%;
}

/******Product********/
.product .services{
    overflow: inherit;
}
.product .services .box-services .desc {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px;
}
.product .services .box-services .subtitle {
    text-align: center;
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: bold;
}
.product .services .box-services .feature-image {
    flex-grow: 1;
    align-items: center;
    display: flex;
    justify-content: center;

}
.product .services .span3 .box-services h3,
.product .services .span4 .box-services h3 {
    flex-grow: 2;
    align-items: top;
    display: flex;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}
.product .services .span3 .box-services .has-subtitle h3,
.product .services .span4 .box-services .has-subtitle h3 {
    margin-bottom: 0px;
}
.product .services .span3 .box-services a,
.product .services .span4 .box-services a {
    transition: unset !important;
}
.product .services .span3 .box-services .feature-image,
.product .services .span4 .box-services .feature-image{
    margin-top: 20px;
    height: 77px;
}

.product .flex-five {
    justify-content: center;
}
.product .flex-five .span2,
.product .flex-five .box-services {
    display: flex;
    flex-wrap: wrap;
}
.product .block-inner.list-service-case .box-services {
    overflow: hidden;
    width: 100%;
    transition: 0.5s all;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.product .block-inner.list-service-case .box-services .tag {
    text-align: right;
    width: 100%;
}
.product .block-inner.list-service-case .box-services .tag span {
    background: #3E3E3E;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 0.1em 0.5em;
    margin: 0px 5px;
    display: inline-block;
}
.product .flex-five .box-services a {
    flex-direction: column;
    display: flex;
    width: 100%;
}
.product .flex-five .services .box-services .h3 {
    flex-grow: 2;
    align-items: center;
    display: flex;
    justify-content: center;

}
.product .services.box-arrow .box-services a {
    position: relative;
    height: 100%;
}
.product .services.box-arrow .box-services a i.fa {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: rgba(0,0,0,0.4);
}
.product .flex-five .span2:first-child {
    margin-left: 0px;
}
.product .flex-five .span2:nth-child(n+6) {
    margin-top: 30px;
}
@media (min-width: 1201px) {
     .product .flex-five .span2:nth-child(5n+1) {
        margin-left: 0px;
    }
}
@media (max-width: 1200px) {
    .product .flex-five .box-services h3{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1200px) and (min-width: 971px) {
    .product .flex-five>.span2 {
        width: 24%;
    }
    .product .flex-five .span2:nth-child(4n+5) {
        margin-left: 0px;
        margin-top: 30px;
    }
}

@media (min-width: 972px) {
    .homepage .product .services .span3 .box-services .header-title,
    .homepage .product .services .span4 .box-services .header-title {
        min-height: 58px;
    }
}

@media (max-width: 970px) and (min-width: 769px) {
    .product .flex-five>.span2 {
        width: 32%;
    }
    .product .flex-five .span2:nth-child(3n+4) {
        margin-left: 0px;
        margin-top: 30px;
    }
    .product .flex-five .span2:nth-child(n+5) {
        margin-top: 30px;
    }

}
@media screen and (max-width: 768px) and (min-width: 481px) {
    .product .flex-five .span2 {
        width: 48%;
    }
    .product .flex-five .span2:nth-child(2n+3) {
        margin-left: 0;
    }
    .product .flex-five .span2:nth-child(n+3) {
        margin-top: 30px;
    }
}
@media screen and (max-width: 480px) {
    .product .flex-five .span2,
    .product .flex-five .box-services a {
        width: 100%;
    }
    .product .flex-five>.span2 {
        margin-left: 0;
    }
    .product .flex-five>.span2:nth-child(n+2) {
        margin-top: 30px;
    }
}

/******Product********/
.product .services{
    overflow: inherit;
}
.product .services .box-services .desc {
    text-align: left;
}
.product .flex-four {
    /* justify-content: center; */
}
.product .flex-four .span3,
.product .flex-three .span4 {
    display: flex;
    flex-wrap: wrap;
}
.product .flex-four .span3:nth-child(4n+1),
.product .flex-three .span4:nth-child(3n+1) {
    margin-left: 0px;
}
.product .block-inner.list-service-case .box-services {
    overflow: hidden;
    width: 100%;
    transition: 0.5s all;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}
.product.product-v2 .block-inner.list-service-case {
    padding-bottom: 80px;
}
@media (max-width: 768px) {
    .product.product-v2 .block-inner.list-service-case {
        padding-bottom: 50px;
    }
}
.product.product-v2 .block-inner.list-service-case .box-services {
    border: 1px solid rgba(217, 217, 217,0.4);
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0,0.4);
}
.product.product-v2 .block-inner.list-service-case .box-services .feature-image {
    height: 120px;
    margin-top: 0px;
    padding-top: 20px;
}
.product.product-v2 .block-inner.list-service-case .box-services .desc {
    font-size: 15px;
}
.product .flex-four .span3:nth-child(n+5),
.product .flex-three .span4:nth-child(n+4){
        margin-top: 30px;
}
@media (max-width: 971px) and (min-width: 768px) {
    .product .flex-four .span3:nth-child(n+4),
    .product .flex-three .span4:nth-child(n+4){
        margin-top: 30px;
    }
    .product .flex-four .span3:nth-child(4n+1),
    .product .flex-three .span4:nth-child(4n+1){
        margin-left: auto;
    }
}
@media screen and (max-width: 768px) and (min-width: 601px) {
    .product .block-inner.list-service-case .span3,
    .product .block-inner.list-service-case .span4 {
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    .product .services .flex-four .span3:nth-child(n+3),
    .product .services .flex-three .span4:nth-child(n+3) {
        margin-top: 30px;
    }
}
@media screen and (max-width: 600px) {
    .product .block-inner.list-service-case .span3,
    .product .block-inner.list-service-case .span4 {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .product .services .flex-four .span3:nth-child(n+2),
    .product .services .flex-three .span4:nth-child(n+2){
        margin-top: 30px;
    }
}

/********************************************************/
/********************************************************/
/****************  .hs-inline-edit **********************/
/********************************************************/
/********************************************************/

.hs-inline-edit .flex-five.unwrapper .hs_cos_wrapper_widget_container {
     display: flex;
      flex-wrap: wrap;
}

.hs-inline-edit .flex-five.unwrapper span .hs_cos_wrapper {
    width: 19%;
    float: left;
    flex-direction: column;
    display: flex;
}


.hs-inline-edit .flex-five.unwrapper span .hs_cos_wrapper .span2 {
    width: 100%;
    flex-grow: 1;
}

/********************************************************/
/********************************************************/
/*******************  #integrate ************************/
/********************************************************/
/********************************************************/
.fancybox-image-wrap .fancybox-image {
    background-color: #FFF !important;
}
#leftContent .services .box-services .desc {
    padding: 0px;
}

/********************************************************/
/********************************************************/
/*************** Header/link-cta ************************/
/********************************************************/
/********************************************************/

header.header--white #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta a span {
    padding: 8px;
    color: #3E3E3E;
    background-color: #FFF;
    border-radius: 8px;
    transition: all 0.3s;
    font-weight: bold;
    font-weight: normal;
    /* 問い合わせボタンのフォントサイズ */
    font-size: 16px;
/*    border: 1px solid #d9d9d9; */
    box-shadow: 2px 2px 5px #646464;
    border: none !important;
}
header.header--white #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta a:hover {
    /* opacity: 0.7; */
}

@media (max-width: 971px) {
    header.header--white #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta {
        text-align: center;
    }
    header.header--white #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta a {
        width: auto;
        display: inline-block;
        text-align: center;
    }
    .header-container #header #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta a {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    header.header--white #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta a span {
        display: inline;
    }

}

/********************************************************/
/*******************  .blinkLink ************************/
/********************************************************/
.blink,
.hs_cos_wrapper_type_form .hs-form .actions .primary {
    transition: unset !important;
}
.footer-info .widget-type-form form input.primary,
.form_inbound .hs_cos_wrapper_type_form .hs-form .actions .primary {
    box-shadow: 3px 3px 10px #000;
    background-color: #d9d9d9;
}
.footer-info .widget-type-form form input.hs-button.primary {
    font-size: 13px;
    padding: 10px 12px;
}

/********************************************************/
/***********  SOLUION BACKGROUND ************************/
/********************************************************/


body.body-audienceone {
    position:relative;
    background: url('https://solutions.dac.co.jp/hubfs/images/audienceone/body-audienceone-bg-v5.png') no-repeat fixed;
    /*
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    background-size: inherit;
    width:100%;
    height:100%;
    margin:0;
    background-position: bottom right;
}
/*
body.body-xmediaone {
   background-image: url('https://solutions.dac.co.jp/hubfs/images/xmediaone/body-xmediaone-bg.png');
}
*/

body.body-audienceone:after {
    position:fixed;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(255,255,255,0.8);
    z-index:-1;
}

body .bg-icon {
    background-image: url('');
    background-repeat: no-repeat;
    position:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    height:100%;
    margin:0;
    bottom: 0px;
    right: 0px;
    background-position: bottom right;
    z-index: -1;
}
body .bg-icon.bg-audienceone {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/audienceone/body-audienceone-bg-v5.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-dialogone, body .bg-icon.bg-dialogone-202503 {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/dialogone/body-dialogone-bg.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-liftone {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/liftone/body-liftone-bg.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-xmediaone {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/xmediaone/body-xmediaone-bg-v3.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-stats-series {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/svg/logo_stats_2.svg');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-statsone {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/statsone/body-statsone-bg.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-flexone {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/flexone/body-flexone-bg-v3.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-ad-meister {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/ad%08-meister/ad-meister-logo-bg.png?t=2');
}
body .bg-icon.bg-td-training-education {
	background-image: url('https://solutions.dac.co.jp/hubfs/images/td-training-education/body-td-training-education-bg.png');
}
body .bg-icon.bg-marketone {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/marketone/img-marketone_01-v2.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body .bg-icon.bg-engageone {
    background-image: url('https://solutions.dac.co.jp/hubfs/images/engageone/body-engageone-bg_v2.png');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

body .bg-icon:after {
    position:fixed;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(255,255,255,0.8);
    z-index:-1;
}
/*
body .bg-icon.bg-xmediaone:after {
    background:rgba(255,255,255,0.95);
}
*/
body .bg-icon.bg-dialogone:after {
    background:rgba(255,255,255,0.8);
}
body .bg-icon.bg-ad-meister:after {
    background:rgba(255,255,255,0.95);
}

/********************************************************/
/*********** overwrite for overlay-form *****************/
/********************************************************/
.overlay-form {
    /* background-color: #d9d9d9; */
    background-image: none !important;
}
.overlay-form .opacity-bg {
    background: rgba(217, 217, 217,0.5);
}
.overlay-form .block_cta .form_inbound {
      background-color: rgba(0, 0, 0, 0.9);
}

.overlay-form .hs-firstname.hs-form-field,
.overlay-form .hs_lastname.hs-form-field {
  width: 100% !important;
  float: none !important;
}

@media (min-width: 768px) {
  .overlay-form .hs-company,
  .overlay-form .hs-email,
  .overlay-form .hs-job_function,
  .overlay-form .hs-phone,
  .overlay-form .hs_inquiry_details,
  .overlay-form .hs_department_name,
  .overlay-form .hs_line_mission,
  .overlay-form .group-flex,
	.overlay-form .hs-fieldtype-textarea,
	.overlay-form .hs-fieldtype-text,
	.overlay-form .hs_company_kana__c,
	.overlay-form .hs_jobtitle,
	.overlay-form .hs_city,
	.overlay-form .hs_address,
	.overlay-form .hs_company_profile_url,
	.overlay-form .hs_san_establishment,
  .overlay-form .hs_tags_feed_diagnosis_number_of_items,
  .overlay-form .block_cta .form_inbound .hs-form .hs-fieldtype-select {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .overlay-form .hs-firstname.hs-form-field,
  .overlay-form .hs_lastname.hs-form-field {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100% !important;
    float: none !important;
  }
  .overlay-form .hs_inquiry_details,
	.overlay-form .hs-fieldtype-textarea {
     align-items: normal;
     vertical-align: top;
  }
	.overlay-form .hs-fieldtype-number > label,
	.overlay-form .hs-fieldtype-textarea > label,
	.overlay-form .hs-fieldtype-text > label,
  .overlay-form .hs-email > label,
  .overlay-form .hs-company > label,
  .overlay-form .hs-job_function > label,
  .overlay-form .hs-phone > label,
  .overlay-form .hs_inquiry_details > label,
  .overlay-form .hs_department_name > label,
  .overlay-form .hs_line_mission > label,
  .overlay-form .group-flex > label,
	.overlay-form .hs_company_kana__c > label,
	.overlay-form .hs_jobtitle > label,
	.overlay-form .hs_city > label,
	.overlay-form .hs_address > label,
	.overlay-form .hs_company_profile_url > label,
	.overlay-form .hs_san_establishment > label,
  .overlay-form .hs-firstname > label,
  .overlay-form .hs_lastname > label,
  .overlay-form .block_cta .form_inbound .hs-form .hs-fieldtype-select> label {
    width: 25% !important;
  }
  .overlay-form .hs-error-msgs.inputs-list {
    margin-left: 25%;
  }

	.overlay-form.overlay-2columns .hs-fieldtype-number > label,
	.overlay-form.overlay-2columns .hs-fieldtype-textarea > label,
  .overlay-form.overlay-2columns .hs-firstname > label,
  .overlay-form.overlay-2columns .hs_lastname > label,
  .overlay-form.overlay-2columns .hs-email > label,
  .overlay-form.overlay-2columns .hs-company > label,
  .overlay-form.overlay-2columns .hs-job_function > label,
  .overlay-form.overlay-2columns .hs-phone > label,
  .overlay-form.overlay-2columns .hs_inquiry_details > label,
  .overlay-form.overlay-2columns .hs_department_name > label,
  .overlay-form.overlay-2columns .hs_line_mission > label,
  .overlay-form.overlay-2columns .group-flex > label,
  .overlay-form.overlay-2columns .hs_company_kana__c > label,
  .overlay-form.overlay-2columns .hs_jobtitle > label,
  .overlay-form.overlay-2columns .hs_city > label,
  .overlay-form.overlay-2columns .hs_address > label,
  .overlay-form.overlay-2columns .hs_company_profile_url > label,
  .overlay-form.overlay-2columns .hs_san_establishment > label,
  .overlay-form.overlay-2columns .block_cta .form_inbound .hs-form .hs-fieldtype-select> label {
      width: 30% !important;
  }
  .overlay-form.overlay-2columns .hs-error-msgs.inputs-list {
    margin-left: 30%;
  }
  .overlay-form .hs_privacy_policy_check .hs-error-msgs.inputs-list,
  .overlay-form .hs_error_rollup .hs-error-msgs.inputs-list {
      margin-left: 0px;
  }
  .overlay-form .group-flex .group-col-item .hs-error-msgs.inputs-list {
    margin-left: 0px;
  }
  .overlay-form .group-flex {
    margin-bottom: 20px;
  }
  .overlay-form .hs-fieldtype-number .input,
	.overlay-form .hs-fieldtype-textarea .input,
  .overlay-form .hs-fieldtype-text .input,
  .overlay-form .hs-email .input,
  .overlay-form .hs-company .input,
  .overlay-form .hs-job_function .input,
  .overlay-form .hs-phone .input,
  .overlay-form .hs_inquiry_details .input,
  .overlay-form .hs_department_name .input,
  .overlay-form .hs_line_mission .input,
  .overlay-form .group-flex .group-col-item,
	.overlay-form .hs_company_kana__c .input,
	.overlay-form .hs_jobtitle .input,
	.overlay-form .hs_city .input,
	.overlay-form .hs_address .input,
	.overlay-form .hs_company_profile_url .input,
	.overlay-form .hs_san_establishment .input,
  .overlay-form .block_cta .form_inbound .hs-form .hs-fieldtype-select .input {
    width: 75% !important;
  }
  .overlay-form .hs-firstname .input,
  .overlay-form .hs_lastname .input {
    width: 75% !important;
    margin-right: 0 !important;
  }
	.overlay-form.overlay-2columns .hs-fieldtype-textarea .input,
  .overlay-form.overlay-2columns .hs-firstname .input,
  .overlay-form.overlay-2columns .hs_lastname .input,
  .overlay-form.overlay-2columns .hs-email .input,
  .overlay-form.overlay-2columns .hs-company .input,
  .overlay-form.overlay-2columns .hs-job_function .input,
  .overlay-form.overlay-2columns .hs-phone .input,
  .overlay-form.overlay-2columns .hs_inquiry_details .input,
  .overlay-form.overlay-2columns .hs_department_name .input,
  .overlay-form.overlay-2columns .hs_line_mission .input,
  .overlay-form.overlay-2columns .group-flex .group-col-item,
  .overlay-form.overlay-2columns .hs_company_kana__c .input,
  .overlay-form.overlay-2columns .hs_jobtitle .input,
  .overlay-form.overlay-2columns .hs_city .input,
  .overlay-form.overlay-2columns .hs_address .input,
  .overlay-form.overlay-2columns .hs_company_profile_url .input,
  .overlay-form.overlay-2columns .hs_san_establishment .input,
  .overlay-form.overlay-2columns .block_cta .form_inbound .hs-form .hs-fieldtype-select .input {
       width: 70% !important;
  }
  .overlay-form .group-flex .group-col-item .hs_lastname,
  .overlay-form .group-flex .group-col-item .hs_firstname {
    margin-bottom: 0px !important;
  }
  .overlay-form .group-flex .group-col-item .hs_lastname .input {
    width: 95%;
  }
  .overlay-form .block_cta .form_inbound .hs-form select.hs-input {
    color: #c8c8c8 !important;
  }
  .overlay-form .block_cta .form_inbound .hs-form select.hs-input.white-color {
    color: #fff !important;
  }
}
@media (max-width: 971px) and (min-width: 768px) {
  .overlay-form .hs-email > label,
  .overlay-form .hs-company > label,
  .overlay-form .hs-job_function > label,
  .overlay-form .hs-phone > label,
  .overlay-form .hs_inquiry_details > label,
  .overlay-form .hs_department_name > label,
  .overlay-form .hs_line_mission > label,
  .overlay-form .group-flex > label,
	.overlay-form .hs_company_kana__c > label,
	.overlay-form .hs_jobtitle > label,
	.overlay-form .hs_city > label,
	.overlay-form .hs_address > label,
	.overlay-form .hs_company_profile_url > label,
	.overlay-form .hs_san_establishment > label,
  .overlay-form .hs-firstname > label,
  .overlay-form .hs_lastname > label,
  .overlay-form .block_cta .form_inbound .hs-form .hs-fieldtype-select> label {
    width: 30% !important;
  }
  .overlay-form .hs-error-msgs.inputs-list {
    margin-left: 30%;
  }
  .overlay-form .hs-email .input,
  .overlay-form .hs-company .input,
  .overlay-form .hs-job_function .input,
  .overlay-form .hs-phone .input,
  .overlay-form .hs_inquiry_details .input,
  .overlay-form .hs_department_name .input,
  .overlay-form .group-flex .group-col-item,
	.overlay-form .hs_company_kana__c .input,
	.overlay-form .hs_jobtitle .input,
	.overlay-form .hs_city .input,
	.overlay-form .hs_address .input,
	.overlay-form .hs_company_profile_url .input,
	.overlay-form .hs_san_establishment .input,
  .overlay-form .block_cta .form_inbound .hs-form .hs-fieldtype-select .input {
    width: 70% !important;
  }
  .overlay-form .hs-firstname .input,
  .overlay-form .hs_lastname .input {
    width: 70% !important;
    margin-right: 0 !important;
  }
}

/********************************************************/
/*********** #technology_section ************************/
/********************************************************/
@media (min-width: 972px) {
    #technology_section.services .box-services h3,
    #segmentation .services .box-services h3 {
        min-height: 3rem;
    }
}

/********************************************************/
/*********** Dialog One *********************************/
/********************************************************/
.dialogone_page .dialogone-page .feature-image {
    margin: 10px;
}

.dialogone_page .flex-fixed .box-item {
    display: flex;
}

.dialogone_page .flex-fixed .box-item .box-services {
    flex-direction: column;
    display: flex;
}

.dialogone_page .flex-fixed .box-item .box-services p {
    flex-grow: 1;
}

@media only screen and (max-width: 767px) {
    .dialogone_page .flex-fixed .box-item {
        display: flex;
    }
    .dialogone_page .flex-fixed .feature-image {
        height: 100%;
    }
    .dialogone_page .flex-fixed .box-item .box-services {
        display: block;
    }
    .dialogone_page .flex,
    .dialogone_page .row-center {
        display: block;
    }
    .dialogone_page .flex-four .span3:nth-child(n+2) .feature-image {
        margin-top: 25px;
    }
}

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

.dialogone_page .box-flex .span4 {
    display: flex;
    margin: 0;
}

.dialogone_page .box-flex .box-services {
    margin: 15px;
    padding: 0px;
    background-color: #FFF;
}

.dialogone_page .box-flex .feature-image {
    margin: 20px 0;
}

.dialogone_page .services .box-flex .box-services .desc {
    margin-bottom: 30px;
}

.dialogone_page .services .box-flex .box-services h3 {
    margin-left: 20px;
    margin-right: 20px;
}

.dialogone_page .services .box-flex .box-services a {
    display: inline-block;
}

/*----------------------------------------*/
/*---------.dialogone-intro .services-----*/
/*----------------------------------------*/
.dialogone_page .dialogone-intro .services {
    background: #60b62f;
}
.dialogone_page .dialogone-intro .services .container h2 {
    color: #FFFFFF;
}
.dialogone_page .dialogone-intro .services .container h2 span {
    color: #FFFFFF;
    font-size: 24px;
}

.dialogone-communication h2 span {
    color: #3E3E3E;
    font-size: 24px;
}
.dialogone-communication h2 .strong {
    /* color: #e4007f; */
    font-size: 36px;
    font-weight: bold;

}
.dialogone-dacservice h2 span {
    color: #3E3E3E;
}

@media only screen and (max-width: 767px) {
    .dialogone-communication h2 .strong {
        font-size: inherit !important;
    }
}

/*----------------------------------------*/
/*-------------- .dialogone-service -------*/
/*----------------------------------------*/
.dialogone-service .strong-icon img {
    width: 220px;
    height: auto;
}

.dialogone-service .strong-title {
    color: #e4007f !important;
}

.dialogone-service .strong-title strong {
    font-size: 1.2em;
}

@media only screen and (min-width: 1280px) {
    .dialogone-page .flex-four.dialogone-logo .span3 {
        width: 28%;
    }
}

/********************************************************/
/*********** ad-meister *********************************/
/********************************************************/

.ad-meister_page .block-inner.list-service-case {
    margin-bottom: 30px;
}
.ad-meister_page .block-inner.list-service-case .feature-image img {
    height: auto !important;

}

.ad-meister_page .block-inner.list-service h2.tac {
    margin-bottom: 40px;
    margin-top: 0px;
}

.ad-meister_page .block-inner.list-service-case h2.tac {
    font-size: 28px;
}

.ad-meister_page .block-inner.list-service-case .box-services {
    overflow: hidden;
    width: 100%;
    transition: 0.5s all;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.ad-meister_page .block-inner.list-service-case .box-services h3 {
   font-size: 18px;
}

.ad-meister_page .block-inner.list-service-case .box-services .desc {
    padding: 0px 10px 60px 10px;
    margin-bottom: 0px;
}

.ad-meister_page .block-inner.list-service-case .box-services ul {
    text-align: left;
    margin-left: 20px;
}

.ad-meister_page .block-inner.list-service-case .box-services ul li,
.ad-meister_page .block-inner.list-service-case .box-services .desc {
    font-size: 14px;
}
.ad-meister_page .block-inner.list-service-case .span3 {
    margin-bottom: 30px;
}

@media only screen and (max-width: 970px) {
    .ad-meister_page .block-inner.list-service-case h2.tac {
        font-size: 24px;
    }
}
@media screen and (min-width: 768px) and (max-width : 971px) {
    .ad-meister_page .block-inner.list-service-case .flex-four > .span3:nth-child(4n+1) {
        margin-left: auto;
    }
}
@media screen and  (min-width : 601px) and  (max-width: 768px) {
    .ad-meister_page .block-inner.list-service-case .span3 {
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
}
@media only screen and (max-width: 600px) {
    .ad-meister_page .block-inner.list-service-case .flex-four>.span3 {
        width: 100%;
        float: none;
    }
}
@media only screen and (max-width: 767px) {
    .ad-meister_page .block-inner.list-service-case h2.tac {
      font-size: 24px;
    }
    .ad-meister_page .block-inner.list-service-case .feature-image img {
        width: 100%;
        height: auto;
    }
    .ad-meister_page .block-inner.list-service-case .box-services .desc {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 480px) {
   .ad-meister_page .block-inner.list-service-case h2.tac {
      font-size: 20px;
    }
}

/********************************************************/
/*********** .yieldone **********************************/
/********************************************************/

.yieldone-feature .bg-color .point {
    background-color: #C14754;
}
.yieldone-feature .point {
    width: 220px;
    height: 220px;
    font-size: 1.2em;
    border-radius: 110px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 15px;
}
.yieldone-feature .point p {
    color: #fff;
    font-size: 16px;
}
.yieldone-feature .point span {
    font-size: 40px;
    font-weight: bold;
    display: block;
    padding-top: 10px;
    margin-bottom: 10px;
}

/*****************************************/
/******* Page yield one 導入実績   *******/
/*****************************************/

@media only screen and (max-width: 768px) {
    .yieldone-flow .fixed-table .table th,
    .yieldone-flow .fixed-table .table td {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
}
.yieldone-flow .icon-down {
    display: inline-block;
    position: relative;
}
.yieldone-flow .icon-down::after {
    content: "\f0d7";
    left: 16px;
    top: 6px;
    font-family: FontAwesome;
    font-size: 85px;
    color: #b31b2a;
    position: absolute;
    height: 100%;
}
.yieldone-flow .box-message {
    background-color: #b31b2a;
    padding-top: 5px;
    padding-bottom: 5px;
}
@media (max-width: 940px) {
    .yieldone-flow.text-and-image-overflow .row-fluid .overflow-text, .text-and-image-overflow .row-fluid .overflow-img {
        margin-left: 0;
    }
    .yieldone-flow.text-and-image-overflow h2{
        text-align: center;
        margin-top: 20px !important;
    }
    .yieldone-flow.text-and-image-overflow .box-message h2{
        margin-top: 0px !important;
    }
    .yieldone-flow.text-and-image-overflow .box-message .widget-type-rich_text--standard{
        margin-bottom: 10px;
    }
    .yieldone-flow.text-and-image-overflow p {
        text-align: center;
    }
    .yieldone-flow .box-message .redAnchor{
        position: relative;
    }
    .yieldone-flow .box-message .redAnchor::after {
        content: "\f0d7";
        left: 16px;
        top: 25px;
        font-family: FontAwesome;
        font-size: 85px;
        color: #b31b2a;
        position: absolute;
    }
    .yieldone-flow .icon-down::after {
        display: none;
    }
}

/*****************************************/
/******* Page yield one FAQ   ************/
/*****************************************/

.yield-one_page .faq-fixed .resource-categories__element a,
.marketone_page .faq-fixed .resource-categories__element a {
    font-weight: bold ;
}
.yield-one_page .faq-fixed.faq-link-tab,
.marketone_page .faq-fixed.faq-link-tab {
    text-align: center;
}
.yield-one_page .faq-fixed.faq-link-tab a.cta-primary,
.marketone_page .faq-fixed.faq-link-tab a.cta-primary  {
    margin: 8px 10px;
    width: 250px;
    min-width: 250px;
}
@media only screen and (max-width: 768px) {
    .yield-one_page .page-faq .faq .questions,
    .marketone_page .page-faq .faq .questions {
        margin-top: 0;
    }
    .yield-one_page .faq-fixed.faq-link-tab a.cta-primary,
    .marketone_page .faq-fixed.faq-link-tab a.cta-primary {
        width: 280px;
        min-width: 280px;
    }
}
@media only screen and (max-width: 480px) {
    .yield-one_page .faq-fixed.faq-link-tab a.cta-primary,
    .marketone_page .faq-fixed.faq-link-tab a.cta-primary {
        margin-left: 0;
        margin-right: 0;
    }
}

.yieldone-fiexd .icon-right::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 5%;
    top: 22%;
    font-size: 2rem;
}
.yieldone-box .image-box {
    width: 1200px;
    margin: 0 auto;
    height: 630px;
    background: url(https://4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/yieldone/yieldone-image-bg.png) no-repeat 125px 0;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}
.yieldone-box .content-box {
    width: 347px;
    text-align: center;
}
.yieldone-box .image-box .title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: normal;
    font-style: italic;
    color: #fff;
}
.yieldone-box .image-box .text {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
    color: #fff;
}
.yieldone-box .image-box .device-icon img {
    width: 145px;
    height: auto
}
@media only screen and (min-device-width: 961px) and (max-width: 1200px){
  .yieldone-box .image-box {
        width: 100%;
        height: 600px;
  }
  .yieldone-box .content-box {
        width: 28%;
        text-align: center;
    }
    .yieldone-box .image-box .device-icon img {
        width: 45%;
        height: auto
    }
    .yieldone-box .image-box .title {
        margin-bottom: 10px;
    }
    .yieldone-box .image-box .text {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 960px) {
    .yieldone-box .image-box {
        width: 100%;
        height: 670px;
        background: url(https://4250140.fs1.hubspotusercontent-na1.net/hubfs/4250140/images/yieldone/yieldone-bg-device-mobile.png) no-repeat 50% 170px;
        background-size: 320px 475px;
        overflow: hidden;
    }
    .yieldone-box .content-box {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
    .yieldone-box .image-box .title {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        font-size: 30px;
        color: #fff;
    }
    .yieldone-box .image-box .text {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #fff;
        font-size: 14px;
        color: #fff;
    }
    .yieldone-box .image-box .device-icon {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .yieldone-box .image-box .device-icon img {
        width: 102px;
        height: auto;
    }
}

/********************************************************/
/*********** .sherpa-gigya ******************************/
/********************************************************/

/*----------------------------------------*/
/*-------------- .sherpa-gigya ----------*/
/*----------------------------------------*/
.sherpa-gigya .box-services {
    min-height: 450px;
    position: relative;
}

.sherpa-gigya .box-services .link-btn {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.sherpa-gigya .box-services .link-btn a {
    display: inline-block;
}

@media screen and (max-width: 1000px) {
    .sherpa-gigya .box-services {
        min-height: 470px;
    }
}

@media screen and (max-width: 971px) {
    .sherpa-gigya .services .span4 {
        display: block;
        float: none;
        width: auto;
    }

    .sherpa-gigya .box-services {
        min-height: inherit;
        margin-bottom: 30px;
    }

    .sherpa-gigya .box-services .link-btn {
        position: static;

    }
}

/*---------------------------------------*/
/*-------------- .sherpa-facebook ----------*/
/*----------------------------------------*/
.sherpa-facebook .box-services {
    min-height: 700px;
    position: relative;
}

/*----------------------------------------*/
/*-------------- .marketone --------------*/
/*----------------------------------------*/
.body-marketone .listing-blog .post-news dl.list .unwrapper-item:last-child dd {
    border-bottom: none;
}


/********************************************************/
/*********** Adobe Analytics ************************************/
/********************************************************/
.adobe-analytics-page .flex-center {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}


/********************************************************/
/*********** BLOG LOGO **********************************/
/********************************************************/
.small-header-for-blog.color-bar .logo-title h1 {
    color: #3E3E3E;
}
@media screen and (min-width: 375px) {

    .small-header-for-blog.color-bar .logo-title {
        display: flex;
        justify-content: center;
        margin: 30px auto 20px auto;
        vertical-align: top;
    }

    .small-header-for-blog.color-bar .logo-title .logo {
        height: 60px;
        width: auto;
    }

    .small-header-for-blog.color-bar .logo-title .text {
        margin-left: 15px;
        position: relative;
    }

    .small-header-for-blog.color-bar .logo-title p {
        font-size: 10px;
        font-weight: 500;
        margin-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        display: block;
    }

    .small-header-for-blog.color-bar .logo-title h1 {
        margin-top: 0px;
        padding-left: 0px;
        top: auto;
        left: auto;
        position: relative;
        text-align: left;
        transform: none;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 767px) {

    .small-header-for-blog.color-bar .logo-title {
        align-items: center;
        justify-content: center;
    }

    .small-header-for-blog.color-bar .logo-title h1 {
        letter-spacing: 0px;
    }

    .small-header-for-blog.color-bar .logo-title p {
        display: none;
    }

    .small-header-for-blog.color-bar .logo-title .logo {
        height: 40px;
    }
}

@media screen and (max-width: 374px) {
    .small-header-for-blog.color-bar .logo-title .logo {
        display: none;
    }
}

      .small-header-for-blog.color-bar .logo-title.seminar-title {
        width: 100%;
        margin: 50px auto 20px auto;
      }
      @media screen and (max-width: 971px) {
        .small-header-for-blog.color-bar .logo-title.seminar-title {
          margin: 80px auto 20px auto;
        }
      }
      @media screen and (max-width: 767px) {
        .small-header-for-blog.color-bar .logo-title.seminar-title {
          margin: 50px auto 20px auto;
        }
      }
      @media screen and (max-width: 767px) {
        .smallest-header-for-blog.smallest-header-for-seminar {
          height: auto;
          min-height: 150px;
        }
      }
      .small-header-for-blog.color-bar .logo-title.seminar-title .text {
        margin-left: 0;
        width: 100%;
      }
      .small-header-for-blog.color-bar .logo-title.seminar-title .text h1 {
        font-weight: 500;
        color: #3e3e3e;
        text-align: left;
      }
      .small-header-for-blog.color-bar .logo-title.seminar-title .text h1 br {
        display: none;
      }
      @media screen and (max-width: 374px) {
        .small-header-for-blog.color-bar .logo-title.seminar-title .text h1 {
          font-size: 28px;
        }
        .small-header-for-blog.color-bar .logo-title.seminar-title .text h1 br {
          display: block;
        }
      }

/********************************************************/
/*------------------- .xmediaone  ----------------------*/
/********************************************************/
.PageXmediaone .flex-one .span6 {
    width: 100%;
    margin-left: 0px;
}
.PageXmediaone .flex-one .point-item .img {
    margin-right: 2em;
}
.hs-inline-edit .PageXmediaone .flex-one .hs-editor-editable {
    display: table;
    width: 100%;
}


/********************************************************/
/*------------------- FlexOne/Showcase  ----------------*/
/********************************************************/
.hero-banner-smallest.color-bar.hero-showcase {
    background: #000;
}

.hero-banner-smallest.color-bar.hero-showcase .hero-banner-wrap h1 {
    color: #FFF;
}

/********************************************************/
/*---------- xmediaone-services ------------------------*/
/********************************************************/
@media (min-width: 972px) {
    .xmediaone-services.flex-strength.services .box-services h3,
    .flexone-services.flex-strength.services .box-services h3 {
        min-height: 3em;
    }
}

.xmediaone-services.services .box-services .ico {
    border-color: #001f52;
}

/********************************************************/
/*--------------- Home Recent Post  --------------------*/
/********************************************************/
.home-blog-post .block-post .list-recent .item {
    margin-bottom: 0px;
    border-top: #ccc dotted 1px;
    padding: 10px 10px 10px 0px;
}
.home-blog-post .block-post .list-recent .item:first-child {
    border-top: none;
}
.home-blog-post .block-post .list-recent .item {
    display: block;
}
.home-blog-post .block-post .list-recent .item:hover {
    opacity: 0.7;
}
.home-blog-post .block-post .list-recent .item .img {
    width: 140px;
    margin: 0px;
    float: left;
}
.home-blog-post .block-post .list-recent .item .img img {
    width: 100%;
    height: auto;
}
.home-blog-post .block-post .list-recent .item .title {
    font-size: 16px;
    padding-bottom: 5px;
    padding-right: 23px;
    display: inherit;
    color: #3E3E3E;
    width: calc(100% - 150px);
    float: right;
}
.home-blog-post .link-more a,
.home-news-post .link-more a {
    color: #3E3E3E;
}
.home-blog-post .link-more a:hover,
.home-news-post .link-more a:hover {
   opacity: 0.7;
}

@media (max-width: 767px) {
    .home-blog-post .block-post .left-box {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #d9d9d9;
    }
}

@media (max-width: 415px) {
    .home-blog-post .block-post .list-recent .item .img {
        width: 100px;
    }
    .home-blog-post .block-post .list-recent .item .title {
        width: calc(100% - 110px);
    }
}

/********************************************************/
/*--------------- Home Recent News  --------------------*/
/********************************************************/
.home-news-post .block-post dl.list {
    text-align: left;
    border-top: #ccc dotted 1px;
    margin-top: 0px;
}
.home-news-post .block-post dl.list dt {
    padding-top: 25px;
    padding-left: 8px;
    color: #666;
    font-size: 0.9rem;
}
.home-news-post .block-post dl.list dd {
    margin-top: -2.4em;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 7em;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: #ccc dotted 1px;
    margin-left: 0px;
}
.home-news-post .block-post dl.list dd a {
    color: #3E3E3E;
}
.home-news-post .block-post dl.list dd a:hover {
    opacity: 0.7;
}
.home-news-post .block-post dl.list dd a .tag {
    background: #3E3E3E;
    color: #fff;
    font-size: 13px;
    padding: 0px 8px;
    margin-right: 8px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .home-news-post .block-post dl.list {
        border-top: 0px;
    }

   .home-news-post .block-post dl.list dt {
        padding-top: 20px;
    }

    .home-news-post .block-post dl.list dd {
        margin-top: -2.2em;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 90px;
        font-size: 16px;
    }
}

/********************************************************/
/*--------------- CTA Color DAC-278  -------------------*/
/********************************************************/
.cta-primary,
header.header--white #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta a span,
.sodium-blog .side-bar-blog form input[type="submit"],
.resource .resource__button {
    border-radius: 0px;
/*    border: 1px solid #FFF; */
    background-color: #d9d9d9;
    color: #3e3e3e;
    font-weight: bold;
    box-shadow: 5px 5px 0px rgba(217, 217, 217,0.4);
}

.portfolio .cta-primary {
    background-color: #fff;
    color: #3E3E3E;
    box-shadow: 5px 5px 0px #000;
}

.footer-info .widget-type-form form input.primary,
.form_inbound .hs_cos_wrapper_type_form .hs-form .actions .primary {
    background-color: #FFF;
    border-radius: 0px;
    box-shadow: 5px 5px 0px #000;
    color: #3E3E3E;
    font-weight: bold;
}

.footer-nav a,
.footer-container-wrapper .footer-nav-link a,
.form-privacy a {
    transition: none !important;
}

/********************************************************/
/*--------------- DialogOne® Main nav ------------------*/
/********************************************************/
#nav_solution .container .link-right {
    position: absolute;
    right: 50px;
    top: 10px;
    color: #FFF;
    padding-left: 20px;
    border-left: 1px solid #FFF;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

/********************************************************/
/*---- DialogOne® for Messengerの概要 ------------------*/
/********************************************************/
.dialogone-overview-services .box-services .feature-image .ico {
    border: solid 2px #e4007f;
    border-color: #e4007f;
}

/********************************************************/
/*---- DialogOne®  -------------------------------------*/
/********************************************************/
@media only screen and (min-width: 971px) {
    .dialogone-feature-hero {
        height: 350px;
    }
}

.dialogone-feature-top .container>.span12 {
    border-top: 1px solid #d9d9d9;
}

/********************************************************/
/*---- カスタム開発  -----------------------------------*/
/********************************************************/
@media only screen and (min-width: 971px) {
    .aone-done-block h2.main-title {
        font-size: 35px;
    }
}

@media only screen and (min-width: 769px) {
    p.ptext-img .text-2,
    p.ptext-img .text-3 {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 768px) {
    p.ptext-img .text-2,
    p.ptext-img .text-3 {
        margin-left: 10px;
    }
}

p.ptext-img a {
    color: #3E3E3E;
}

.editor-text.case_other .ul-point {
    max-width: 400px;
    margin: 0 auto;
}

.list-cta-btn {
    margin-top: 30px;
    text-align: left;
}

.list-cta-btn .cta-primary {
    width: calc(50% - 25px);
}

@media only screen and (min-width: 601px) {
    .list-cta-btn .cta-primary:nth-child(2n) {
        margin-left: 10px !important;
        margin-right: 0px !important;
    }

    .list-cta-btn .cta-primary:nth-child(2n+1) {
        margin-right: 10px !important;
        margin-left: 0px !important;
    }

    .list-cta-btn .cta-primary:nth-child(n+3) {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 600px) {
    .list-cta-btn .cta-primary {
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .list-cta-btn .cta-primary:nth-child(n+2) {
        margin-top: 15px !important;
    }
}

/* Commerce Flow - header button  */
header.header #menu ul li.hs-menu-depth-1 a {
  font-size: 16px !important;
  padding: 0px 10px;
}
@media screen and (min-width: 972px) {
  header.header #menu ul li.hs-menu-depth-1 a {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1065px) {
  header.header #menu ul li.hs-menu-depth-1 a {
    font-size: 16px !important;
  }
}
header.header #menu ul li.link-cta1 a {
  padding-right: 5px;
}
header.header #menu ul li.link-cta2 a {
  padding-left: 5px;
}
header.header--white #menu .hs-menu-wrapper ul li.hs-menu-depth-1.link-cta.link-cta1 a span {
    border-radius: 10px;
    border: 1px solid #FFF;
    background-color: #4DD6FF;
    color: #FFF;  /*#3e3e3e*/
    font-size: 16px;
    font-weight: 600;
    box-shadow: 5px 5px 0px rgba(217, 217, 217,0.7);
}
header.header--white #menu .hs-menu-wrapper>ul>li.hs-menu-depth-1.link-cta.link-cta2 a span {
    border-radius: 10px;
    border: 1px solid #d9d9d9;  /*#4DD6FF*/
    background-color: #d9d9d9;  /*#FFF*/
    color: #3e3e3e;  /*#4DD6FF*/
    font-size: 15px;
    font-weight: 500;
    box-shadow: 5px 5px 0px rgba(217, 217, 217,0.7);
}

/* Commerce Flow - contents button  */
@media only screen and (min-width: 631px) {
  .cf-cta-btn {
    float: left;
    width: 50%;
  }
}
@media only screen and (max-width: 630px) {
  .cf-cta-btn {
    float: none;
    margin: 10px 0
  }
}
.hs_cos_wrapper_type_rich_text a.cta-lp1 {
    border-radius: 10px;
/*    border: 0px solid #4DD6FF;
    background: linear-gradient(45deg, #4DD6FF, #00BBF6);
    color: #ffffff; */
    border: 3px solid #FFF;
    background: #ED7D31;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 5px 5px 0px rgba(217, 217, 217, 0.7);
    display: inline-block;
    font-size: 20px;
    text-align: center;
    padding: 10px 10px;
    width: 80%;
    height: 80px;
  }
.hs_cos_wrapper_type_rich_text a.cta-lp2 {
    border-radius: 9999px;
/*    border: 0px solid #FFF;
    background: linear-gradient(45deg, #4DD6FF, #00BBF6);
    color: #ffffff; */
    border: 3px solid #ED7D31;
    background: #fff;
    color: #ED7D31;
    font-weight: bold;
    box-shadow: 5px 5px 0px rgba(217, 217, 217, 0.7);
    display: inline-block;
    font-size: 20px;
    text-align: center;
    padding: 22px 10px;
    width: 80%;
    height: 80px;
  }

/* CROSS COMMERCE Studio - LP style  */

@media only screen and (min-width: 631px) {
  .ccs-flex-two {
    float: left;
    width: 50%;
  }
}
@media only screen and (max-width: 630px) {
  .ccs-flex-two {
    float: none;
    margin: 10px 0
  }
}
.editor-flex-wrapper {
  position: relative;
      }


/* Editor Tab - shadow  */
  div.shadow-bottom {
    box-shadow: 0px -8px 8px inset rgba(0, 0, 0, 0.1);
}
    div.shadow-top {
    box-shadow: 0px 8px 8px inset rgba(0, 0, 0, 0.1);
}

/* blog footer blink */
.sodium-blog .blog-section .hs-cta-wrapper a.cta_button.blink:hover {
  opacity: 1.0;
}
.sodium-blog .blog-section .hs-cta-wrapper a.cta_button.blink:hover {
  -webkit-animation:blink 0.5s ease-in-out;
  -moz-animation:blink 0.5s ease-in-out;
  animation:blink 0.5s ease-in-out;
}
@-webkit-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}


/*----------Footer Popup-------------*/

@keyframes download_popup_show {
    from,60%,75%,90%,to{
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from{
        opacity:0;
        transform:translate3d(0, 3000px, 0)
    }
    60%{
        opacity:1;
        transform:translate3d(0, -20px, 0)
    }
    75%{
        transform:translate3d(0, 10px, 0)
    }
    90%{
        transform:translate3d(0, -5px, 0)
    }
    to{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes download_popup_hide {
    20%{
        transform:translate3d(0, 10px, 0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0, -20px, 0)
    }
    to{
        opacity:0;
        transform:translate3d(0, 2000px, 0)
    }
}

.customizer-popup-content {
    background: transparent !important;
}
.customizer-popup.download_popup_open {
    display:table;
    animation-name:download_popup_show;
    animation-duration:1s;
    animation-fill-mode:both
}
.customizer-popup.download_popup_hide {
    display:none;
    animation-name:download_popup_hide;
    animation-duration:1s;
    animation-fill-mode:both
}

/* @media only screen and (max-width: 768px) {
  .customizer-popup .customizer-popup-content .exit-btn {
    background-size: contain;
    height: 38px;
    width: 38px;
  }
  .customizer-popup .hs-cta-img {
    width: 260px;
    height: auto;
  }
} */

@media only screen and (max-width: 480px) {
  .customizer-popup .customizer-popup-content .exit-btn {
      height: 35px;
      width: 35px;
      top: -18px;
      left: -18px;
    background-size: contain;
  }
  .customizer-popup .hs-cta-img {
    width: 210px;
    height: auto;
  }
}

#cta_button_4250140_e62dad08-b874-41ac-8863-06e3ddcba3b3 img {
  height: auto;
}

.cta_button img {
  height: auto;
}


/* 「DACからのお知らせを受け取る」 */
.leadin-content-body h4 {
  font-size: 18px !important;
}
.leadin-content-body,
.leadin-content-body a,
.leadin-content-body p,
.leadin-content-body label,
.leadin-content-body button {
  font-size: 14px !important;
}

.leadinModal .leadin-close-button {
  font-size: 11px !important;
}

/* ブログスタイル */
@media screen and (min-width: 972px) {
  .header-container #header .logo-wrap{
    width: 270px!important;
  }
  #menu_wrapper {
    width: calc(100% - 309px)!important;
  }
}
@media screen and (min-width: 1065px) {
  .header-container #header .logo-wrap{
    width: 300px!important;
  }
  #menu_wrapper {
    width: calc(100% - 350px)!important;
  }
}



/* Editor Tab のスタイル */

  .section-math_tab {
  }
  .math_inner {
    position: relative;
    z-index: 3;
  }
  .math_tab {
    display: flex;
    flex-wrap: nowrap;
    justify-content: stretch;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    box-sizing: border-box;
  }

  @media screen and (max-width: 767px) {
    .math_tab {
      display: none;
    }
  }
  .math_tab__item {
    margin: 0 2.5px;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    text-align: center;
    list-style-type: none;
    width: 100%;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    cursor:pointer;
    transition: .5s;
  }
  .math_tab__item:hover {
    opacity: .7;
  }
  .select.math_tab__item {
    box-shadow: 0px -10px 10px 0px rgb(0 0 0 / 15%);
  }
  .math_tab__item__text {
    margin: 0;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
  }


  .math_list {
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px -10px 20px -10px rgb(0 0 0 / 15%);
    padding-top: 40px;
    padding-bottom: 60px;
    list-style: none;
  }
  @media screen and (max-width: 767px) {
    .math_list {
      box-shadow: none;
      padding-top: 0;
    }
  }
  .math_list__item {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .math_list__item {
      display: block!important;
    }
    .math_list__item:not(:first-child) {
      margin-top: 20px;
    }
  }
  .math_list__item.select {
    display: block;
  }

  .math_list__item__title {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .math_list__item__title {
      display: block;
      margin: 0 15px;
      position: relative;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      padding: 20px 50px 20px 20px;
      border-radius: 10px;
    }
    .select.math_list__item .math_list__item__title {
      box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 10%);
    }
    .math_list__item__title__icon {
      width: 40px;
      height: 40px;
    }
    .math_list__item__title__h3 {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.42;
      letter-spacing: 0em;
    }
    .math_list__item__title__button {
      background-color: inherit;
      height: 40px;
      width: 40px;
      padding: 0;
      border: 0;
      position: absolute;
      right: 10px;
      top: calc(50% - 20px);
    }
    .math_list__item__title__button::before,
    .math_list__item__title__button::after {
      content: "";
      height: 2px;
      width: 20px;
      position: absolute;
      top: calc(50% - 1px);
      left: calc(50% - 10px);
      transition: .5s;
    }
    .math_list__item__title__button::after {
      transform: rotate(90deg);
    }
    .math_list__item__title__button.is-active::after {
      transform: rotate(0deg);
    }
  }

  .math__accodion-item {
    max-width: 1110px;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  @media screen and (min-width: 768px) {
    .math__accodion-item {
      display: block!important;
    }
  }
  @media screen and (max-width: 767px) {
    .math__accodion-item {
      display: none;
    }
    .math_list__item.select .math__accodion-item {
      display: block;
    }
  }
  @media screen and (max-width: 767px) {
    .main-column {
      padding-top: 30px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
    }
  }

  .main-column__cta {
    margin-top: 40px;
  }
  @media screen and (max-width: 767px) {
    .main-column__cta {
      margin-top: 30px;
    }
  }
  .math-cta-button {
    padding: 8px 20px;
    border-radius: 10px;
    box-sizing: border-box!important;
    display: block;
    text-align: center;
    max-width: 440px;
    margin: 0 auto;
    background: linear-gradient(45deg, rgba(213,0,79,1) 0%, rgba(164,11,94,1) 100%);
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    transition: opacity .5s;
  }
  @media screen and (max-width: 767px) {
    .math-cta-button {
      padding: 8px 20px;
      font-size: 28px;
      min-width: auto;
    }
  }
  .math-cta-button:hover {
    opacity: .7;
  }

  /* リスト部分スタイル */

  .article__list__item__img{
    width: 140px;
    height: auto;
  }
  @media screen and (max-width:415px) {
    .article__list__item__img{
      width: 100px;
    }
  }
  .article__list__text__data{
    float: right;
    width: calc(100% - 150px);
    color: #3E3E3E;
    padding-bottom: 5px;
    padding-right: 23px;
    word-break: break-all;
  }
  @media screen and (max-width:415px) {
    .article__list__text__data{
      width: calc(100% - 110px);
    }
  }
  .article__list__text__data__paragraph{
    font-size: 16px;
    margin: 0;
  }
  @media screen and (max-width:767px) {
    .article__box{
      padding-top: 30px;
      padding-left: 20px;
      padding-right: 20px;
    }
  }

  .article__list__item{
    margin-bottom: 0px;
    border-top: #ccc dotted 1px;
    padding: 10px 10px 10px 0px;
    display: flow-root;
  }
  .article__list{
    max-width: 1250px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .article__list a{
    display: block;
  }
  .article__list a:hover{
    opacity: .7;
  }
  .article__box__item:nth-of-type(1) .article__list__item{
    border: none;
  }
  .cta-item{
    margin-top: 40px;
  }
  .list__cta-item{
    padding-right: 15px;
  }
  @media screen and (max-width:767px) {
    .list__cta-item{
      padding-right: 35px;
      padding-bottom: 20px;
    }
  }
  .math_list__item:nth-of-type(3) .article__list__item{
    padding-bottom: 0;
  }
  .list__cta-item{
    text-align: right;
  }
  .list__cta-item a{
    background-color: #ed7d31;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px;
    box-shadow: 3px 3px 3px rgb(62 62 62 / 50%);
    border-radius: 9999px;
    font-size: 16px;
  }
  .list__cta-item a:hover{
    opacity: .7;
    transition: 0.2s;
  }
/********************************************************/
/********************************************************/
/*******  Modules/TOP KV（カルーセル） *******/
/********************************************************/
/********************************************************/
.section-home-hero {
  margin-top: 120px;
}
@media screen and (max-width: 971px) {
  /* タブレットメニューに変更した時 */
  .section-home-hero {
    margin-top: 71px;
  }
}
.home-hero__slider {
  /* スライドのナビの親 */
  position: relative;
  margin: -0.35vw;
}
.home-hero__slider .slick-track {
  display: flex;
}

.home-hero__slider__list__item {
  position: relative;
  width: 33.3333vw !important;
}
.home-hero__slider__list__item::before {
  content:"";
  display: block;
  padding-top: 56.25%;
}
@media screen and (max-width: 1049px) {
  .home-hero__slider__list__item {
    width: 60.3333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .home-hero__slider__list__item {
    width: 100% !important;
  }
}

.home-hero__slider__list__item {
  /* PCデザインの場合はcenterの画像に余白 */
  margin-right: 0.35vw;
  margin-left: 0.35vw;
}
@media screen and (max-width: 768px) {
  .home-hero__slider__list__item {
    margin: 0;
  }
}

.home-hero__slider__list__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* スライドのナビゲーション --------------------------------*/
.home-hero__slider__nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 34.7vw;
  height: 30px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin: auto;
  z-index: 2;
}
@media screen and (max-width: 1049px) {
  .home-hero__slider__nav {
    width: 62.4vw;
  }
}
@media screen and (max-width: 768px) {
  .home-hero__slider__nav {
    width: 96vw;
  }
}
.home-hero__slider .home-hero__slider__nav__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
}
.home-hero__slider .home-hero__slider__nav__arrow.arrow--next {
  right: 0;
}
.home-hero__slider .home-hero__slider__nav__arrow.arrow--prev {
  left: 0;
}
.home-hero__slider .home-hero__slider__nav__arrow .home-hero__slider__nav__arrow__icon--prev {
  transform: scale(-1, 1);
}

/* dots --------------------------------*/
.home-hero__slider .slick-dots li {
  width: 10px;
}
.home-hero__slider .slick-dots li button:before {
  margin-top: 15px;
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: #000;
}

/********************************************************/
/********************************************************/
/*******  Modules/TOP 最新TOPICS *******/
/********************************************************/
/********************************************************/
.home-topic-posts_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.home-topic-posts_item_wrapper {
  width: calc((100% - 100px) / 3);
}
.home-topic-posts_item_wrapper:nth-of-type(4n) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .home-topic-posts_item_wrapper {
    width: 100%;
    margin-top: 37px;
  }
  .home-topic-posts_item_wrapper:first-child {
    margin-top: 0px;
  }
}
.home-topic-posts_item a {
  color: #3E3E3E;
  display: block;
}
/* アニメーション（ブログ一覧と同様） ------------------------------------------*/
.home-topic-posts_item a:hover {
  opacity: 0.7;
  box-shadow:0 0 30px rgba(0, 0, 0, 0.1) inset;
}
.home-topic-posts_item a:hover .home-topic-posts_item_img-wrapper img {
  transform: scale(1.1);
}
.home-topic-posts_item_img-wrapper {
  overflow: hidden;
}
.home-topic-posts_item_img-wrapper img {
  width: 100%;
  transition: 0.3s ease-in-out;
}

/* 詳細 */
.home-topic-posts_item_title{
  padding: 20px 0 18px 0;
  font-size: 20px;
  font-weight: 700;
}
.home-topic-posts_item_description p {
  padding: 0;
  margin-top: 16px;
  font-size: 15px;
}
.home-topic-posts_item_tag {
  display: flex;
  flex-wrap: wrap;
}
.home-topic-posts_item_cat-name {
  padding: 0.1em 0.5em;
  min-width: 7.5em;
  opacity: 0.9;
  background-color: #3E3E3E;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}


/*****************************************/
/***************** 執筆者 *****************/
/*****************************************/
.author-title {
  margin-top: 5px;
  margin-bottom: 40px;
  color: #3e3e3e;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.45;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .author-title {
    margin-bottom: 30px;
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*--------------- 執筆者一覧 ---------------*/
/*----------------------------------------*/
.author-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 80px;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .author-columns {
    margin-bottom: 50px;
    padding: 0 10px;
  }
}

.author-columns__column {
  width: calc(25% - 48px);
}
@media screen and (max-width: 767px) {
  .author-columns__column {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 768px) {
  .author-columns__column:not(:nth-child(4n+4)) {
    margin-right: 64px;
  }
  .author-columns__column:nth-child(n+5) {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .author-columns__column:nth-child(odd) {
    margin-right: 40px;
  }
  .author-columns__column:nth-child(n+3) {
    margin-top: 30px;
  }
}

.author-columns__column__image {
  padding: 50% 0;
  border-radius: 100%;
  box-sizing: border-box;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: center;
}

.author-columns__column__content__title {
  margin-top: 15px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .author-columns__column__content__title {
    margin-top: 10px;
  }
}

.author-columns__column__content__title__inner {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  color: #3e3e3e;
}
@media screen and (max-width: 767px) {
  .author-columns__column__content__title__inner {
    font-size: 14px;
  }
}

.author-columns__column a:hover {
  opacity: 0.7;
}

/*----------------------------------------*/
/*--------------- 執筆者詳細 ---------------*/
/*----------------------------------------*/
.profile-content {
  margin-top: 5px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .profile-content {
    margin-top: 15px;
    margin-bottom: 40px;
  }
}

.profile-colums {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 50px;
  background: #f6f6f6;
}
@media screen and (max-width: 767px) {
  .profile-colums {
    display: block;
    padding: 38px 20px;
  }
}
.profile-colums:not(:last-child) {
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  .profile-colums:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .profile-colums__column {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.profile-colums__column:first-child {
  width: 180px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .profile-colums__column:first-child {
    width: 43%;
    margin: 0 auto;
  }
}
.profile-colums__column:last-child {
  width: calc(100% - 220px);
}
@media screen and (max-width: 767px) {
  .profile-colums__column:last-child {
    width: 100%;
    margin-top: 30px;
  }
}

.profile-colums__column .profile-img {
  width: 180px;
  height: 180px;
  background-position: 50%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .profile-colums__column .profile-img {
    width: auto;
    height: auto;
    padding: 50% 0;
  }
}

.profile-name {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: #3e3e3e;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .profile-name {
    font-size: 20px;
    text-align: center;
  }
}

.profile-biography {
  margin-top: 22px;
  margin-bottom: 0;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.75;
}
@media screen and (max-width:767px) {
	.profile-biography {
    margin-top: 25px;
    font-size: 14px;
	}
}

.author-post-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-justify-content: space-between;
      -ms-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .author-post-heading {
    margin-bottom: 20px;
  }
}

.author-post-heading__title {
  margin: 0;
  padding-left: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .author-post-heading__title {
    padding-left: 0;
    font-size: 18px;
  }
}

.author-post-heading__link {
  margin: 0;
}

.author-post-heading__link a {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  color: #3e3e3e;
}
@media screen and (max-width: 767px) {
  .author-post-heading__link a {
    font-size: 14px;
  }
}
.author-post-heading__link a:after {
  content: '\f054';
  position: absolute;
  top: 55%;
  right: 0;
  transform: translate(0, -50%);
  font-family: "fontawesome";
  font-size: 14px;
  color: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .author-post-heading__link a:after {
    font-size: 13px;
  }
}
.author-post-heading__link a:hover {
  opacity: .7;
}

.author-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: justify;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: justify;
  margin-bottom: 20px;
}

.author-posts a {
  width: 23%;
  margin-left: 1.0%;
  margin-right: 1.0%;
}
.author-posts a:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .author-posts a {
    width: 48%;
    margin-left: 0;
    margin-right: 0;
  }
  .author-posts a:nth-child(even) {
    margin-left: 4%;
  }
}

.author-post {
  width: 100%;
  min-height: 190px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .author-post {
    margin-bottom: 10px;
  }
}

.author-post .author-post-featured-image {
  width: 100%;
  height: 0;
  padding-top: 52.3%;
  background-position: center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
@media (max-width: 767px) {
  .author-post .author-post-featured-image {
    padding-top: 65%;
  }
}

.author-post .author-post-info {
  margin: 0;
  margin-top: 12px;
  font-family: 'Oswald',sans-serif;
  font-weight: 700;
  color: #3e3e3e;
  font-size: 11px;
  line-height: 1.5;
}

.author-post .author-post-title {
  margin: 4px 0;
  color: #3e3e3e;
  font-size: 12px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .author-post .author-post-title {
     margin: 10px 0  5px;
  }
}

@media screen and (min-width: 768px) {
  .return-button:not(:first-child) {
    margin-top: 35px;
  }
}

.return-button a {
  position: relative;
	padding-left: 20px;
  color: #3e3e3e;
	font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
.return-button a:hover {
  opacity: .7;
}
.return-button a:before {
  content: '\f053';
  position: absolute;
  top: 55%;
  left: 0;
  transform: translate(0, -50%);
  font-family: "fontawesome";
  font-size: 14px;
  color: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .return-button a:before {
    font-size: 13px;
  }
}

/*----------------------------------------*/
/*----- 執筆者・共著者情報（Blog詳細ページ内） ----*/
/*----------------------------------------*/
#author {
  position: relative;
  margin-bottom: 50px;
  padding: 40px 50px 0;
  background-color: #f6f6f6;
}
@media screen and (max-width: 767px) {
  #author {
    margin-bottom: 45px;
    padding: 40px 20px 0;
  }
}
#author:not(:first-child) {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #author:not(:first-child) {
    margin-top: 40px;
  }
}

.blog-author-title {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.blog-author-title__text {
  display: block;
  padding: 8px 25px;
  background-color: #3e3e3e;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  padding: 8px 15px;
  font-size: 15px;
}

.author-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .author-area {
    padding: 30px 0;
  }
}
.author-area--border-top {
  border-top: 1px solid #dddddd;
}

.author-area .author-area__image {
  width: 120px;
  height: 120px;
  background-position: 50%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .author-area .author-area__image {
    width: 90px;
    height: 90px;
  }
}

.author-area__content {
  width: calc(100% - 150px);
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .author-area__content {
    width: calc(100% - 112px);
    margin-left: 22px;
  }
}

.author-area .author-area__content__name {
  margin-top: 0px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .author-area .author-area__content__name {
    font-size: 18px;
  }
}
.author-area .author-area__content__name:not(:last-child) {
  margin-bottom: 12px;
}

.author-area .author-area__content__bio {
  margin-top: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .author-area .author-area__content__bio {
    font-size: 14px;
  }
}
.author-area .author-area__content__bio:not(:last-child) {
  margin-bottom: 12px;
}

.author-area .author-area__content__link {
  margin: 0;
}

.author-area .author-area__content__link a {
  position: relative;
  display: inline-block;
  padding-right: 18px;
  color: #3e3e3e;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.87;
}
.author-area .author-area__content__link a:after {
  content: '\f054';
  position: absolute;
  top: 51%;
  right: 0;
  transform: translate(0, -50%);
  font-family: "fontawesome";
  font-size: 14px;
  color: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .author-area .author-area__content__link a:after {
    font-size: 13px;
  }
}
.author-area .author-area__content__link a:hover {
  opacity: .7;
}


/*----------------------------------------*/
/*----- お知らせページ ----*/
/*----------------------------------------*/


.recent-post-link--blog, .recent-post-link--news {
  text-align: right;
}
div.recent-post-link--seminar a {
  background-color: #fb7115;
  color: #fff;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 9999px;
}


/*----------------------------------------*/
/*----- OneTrust ----*/
/*----------------------------------------*/

#onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
  width: 250px !important;
  height: 20px !important;
  margin-left: 40px;
}
#onetrust-consent-sdk #onetrust-accept-btn-handler {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #3e3e3e !important;
  border-radius: 0px;
  font-weight: bold;
  box-shadow: 5px 5px 0px rgba(217, 217, 217,0.4);
}


/* Resource_hubdb_itemlist用CSS */
@media screen and (min-width: 768px) {
  .container.resource-db.resource-categories__container {
    padding-right: 35px;
    padding-left: 35px;
  }
}
@media screen and (min-width: 1050px) {
  .container.resource-db.resource-categories__container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.resource-db .resource-categories {
  box-shadow: 2px 2px 5px #626262;
}

.resource-db .resource-categories__tab {
  display: flex;
  flex-direction: row;
  list-style: none;
  width: 100%;
}

.resource-db .resource-categories__tab__item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  height: 68px;
  padding: 10px 10px;
  color: #3E3E3E;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  background-color: #D9D9D9;
  cursor: pointer;
  transition: .2s;
}
.resource-db .resource-categories__tab__item.is-active {
  color: #ffffff;
  background-color: #232323;
}
.resource-db .resource-categories__tab__item:last-child {
  border-left: 1px solid #3E3E3E;
}
@media screen and (min-width: 768px) {
  .resource-db .resource-categories__tab__item {
    width: 50%;
    height: 55px;
    font-size: 22px;
  }
}
.resource-db .resource-categories__tab__item::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 11px;
  height: 8px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background-color: #232323;
  opacity: 0;
  z-index: 1;
  transition: .2s;
}
.resource-db .resource-categories__tab__item.is-active::after {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .resource-db .resource-categories__tab__item::after {
    bottom: -11px;
    width: 16px;
    height: 12px;
  }
}
.resource-db .resource-categories__tab__item__inner {
  position: relative;
  padding-left: 14px;
}
@media screen and (min-width: 768px) {
  .resource-db .resource-categories__tab__item__inner {
    padding-left: 23px;
  }
}
.resource-db .resource-categories__tab__item__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  left: 7px;
  transform: rotate(-90deg) translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.474%22%20height%3D%228.71%22%20viewBox%3D%220%200%2013.474%208.71%22%3E%20%3Cpath%20d%3D%22M11.271%2C7.23l-5.4-5.75L.745%2C7.212-.745%2C5.879%2C5.837-1.48l6.892%2C7.341Z%22%20transform%3D%22translate(12.729%207.23)%20rotate(180)%22%20fill%3D%22%233e3e3e%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: .2s;
}
.resource-db .resource-categories__tab__item.is-active .resource-categories__tab__item__inner::before {
  top: calc(50% + 2px);
  left: 0;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.474%22%20height%3D%228.71%22%20viewBox%3D%220%200%2013.474%208.71%22%3E%20%3Cpath%20d%3D%22M11.271%2C7.23l-5.4-5.75L.745%2C7.212-.745%2C5.879%2C5.837-1.48l6.892%2C7.341Z%22%20transform%3D%22translate(12.729%207.23)%20rotate(180)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (min-width: 768px) {
  .resource-db .resource-categories__tab__item__inner::before {
    top: calc(50% - 5px);
    width: 14px;
    height: 14px;
  }
}

.resource-db .resource-categories__item-area {
  height: auto;
  padding: 28px 11px 25px;
  overflow: hidden;
  transition: .2s;
}
@media screen and (min-width: 768px) {
  .resource-db .resource-categories__item-area {
      padding: 37px 25px 30px;
  }
}
.resource-categories__item-area.is-close {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.resource-db .resource-categories__item__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: -5px;
}
@media screen and (min-width: 768px) {
  .resource-db .resource-categories__item__list {
    margin: -9px -7.5px;
  }
}

.resource-db .resource-categories__item {
  transition: .2s;
}

.resource-db .resource-categories__item__list .resource-categories__element {
  margin: 5px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  box-shadow: none;
  border: 1px solid #3E3E3E;
  transition: .3s;
}
.resource-db .resource-categories__element--active {
  color: #ffffff;
  background-color: #3E3E3E;
}
@media screen and (min-width: 768px) {
  .resource-db .resource-categories__item__list .resource-categories__element {
    margin: 9px 7.5px;
    padding: 4px 15px;
    font-size: 16px;
  }
}
.resource-db .resource-categories__item__list .resource-categories__element:hover {
  border: 1px solid #3E3E3E;
  color: #3E3E3E;
  background-color: #ffffff;
  box-shadow: none;
  opacity: 1;
}
@media screen and (min-width: 1050px) {
  .resource-db .resource-categories__item__list .resource-categories__element:hover {
    opacity: .5;
  }
}
.resource-db .resource-categories__item__list .resource-categories__element.resource-categories__element--active:hover {
  color: #ffffff;
  background-color: #3E3E3E;
}

.resource-db section.resource__container {
  display: block;
  padding-bottom: 70px;
}
@media screen and (min-width: 768px) {
  .resource-db section.resource__container {
    display: block;
  }
}
@media screen and (min-width: 1050px) {
  .resource-db section.resource__container {
    display: flex;
  }
}
.resource-db .resource {
  width: 100%;
  border-bottom: none;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .resource-db .resource {
    margin-top: 70px;
    margin-bottom: 0;
  }
  .resource-db .resource__container .resource {
    display: flex;
    text-align: left;
    padding: 0;
  }
}
@media screen and (min-width: 1050px) {
  .resource-db .resource {
    width: 49%;
  }
}
.resource-db .resource__image-container {
  -ms-flex-preferred-size: 220px;
  -webkit-flex-basis: 220px;
  flex-basis: 220px;
  flex-shrink: 0;
}
@media screen and (max-width: 971px) {
  .resource-db .resource__container .resource__effects-wrapper {
    margin: 0px auto 0px auto;
  }
}

.resource-db .resource__tag-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 16.5px -3.5px -3.5px;
}
@media screen and (min-width: 768px) {
  .resource-db .resource__tag-list {
    justify-content: start;
    margin: 11.5px -3.5px -3.5px;
  }
}

.resource-db .resource__tag-list__item {
  display: inline-block;
  min-width: 48px;
  margin: 3.5px;
  padding: 1px 6px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  background-color: #3E3E3E;
}
.resource-db .resource__title {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .resource-db .resource__title {
    margin-top: 0;
  }
}
.resource-db .resource__title__anchor {
  color: #3E3E3E;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  transition: .3s;
}
@media screen and (min-width: 1050px) {
  .resource-db .resource__title__anchor:hover {
    opacity: 0.7;
  }
}
.resource-db .resource__details {
  justify-content: flex-start;
  -ms-flex-preferred-size: calc(100% - 220px);
  -webkit-flex-basis: calc(100% - 220px);
  flex-basis: calc(100% - 220px);
  margin-left: 0;
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .resource-db .resource__details {
    margin-left: 15px;
  }
}
@media screen and (min-width: 1050px) {
  .resource-db .resource__details {
    margin-right: 15px;
  }
}

.resource-db .resource__description {
  flex-grow: initial;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .resource-db .resource__description {
    margin-top: 30px;
  }
}
.resource-db.resource-categories__container .resource .resource__button {
  width: fit-content;
  min-width: 234px;
  padding: 9px 15px 10px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  background-color: #FF9900;
  border-radius: 24px;
  transition: .5s !important;
}
@media screen and (min-width: 1050px) {
  .resource-db.resource-categories__container .resource .resource__button:hover {
    background-color: rgba(255,153,0,.7);
  }
}

.resource-db .resource__button__inner {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding-left: 27px;
}

.resource-db .resource__button__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 19px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%3E%20%3Cpath%20d%3D%22M1630.052%2C518.957a1%2C1%2C0%2C1%2C1%2C0-2h17a1%2C1%2C0%2C1%2C1%2C0%2C2Zm8.114-5a.962.962%2C0%2C0%2C1-.7-.337l-5.171-6.01a1.02%2C1.02%2C0%2C0%2C1%2C.084-1.411.955.955%2C0%2C0%2C1%2C1.373.086l3.52%2C4.09V499.928a1%2C1%2C0%2C0%2C1%2C2%2C0v10.518l4.12-4.208a.955.955%2C0%2C0%2C1%2C1.376%2C0%2C1.019%2C1.019%2C0%2C0%2C1%2C0%2C1.414l-5.883%2C6.01a.957.957%2C0%2C0%2C1-.685.29Z%22%20transform%3D%22translate(-1629.052%20-498.957)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.resource-db .resource-categories__scroll-top {
  width: 67px;
  height: 67px;
  background-color: #d9d9d9;
  position: fixed;
  right: 0;
  bottom: 0;
  cursor: pointer;
  text-align: center;
}

.resource-db .resource-categories__scroll-top i {
  font-size: 44px;
  color: #3E3E3E;
  line-height: 67px !important;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {
  .resource-db .resource-categories__scroll-top i {
    font-size: 40px;
  }
}
@media screen and (min-width: 1050px) {
  .resource-db .resource-categories__scroll-top:hover i {
    line-height: 45px !important;
  }
}

.resource-db .resource-categories__scroll-top .fa {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 40px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.resource-db .resource-categories__scroll-top .fa-angle-up::before {
  content: "\f106";
}
.resources-page header.header--white.home {
  border-bottom: none;
}

.post-body .wow {
  position: relative;
  width: fit-content;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .post-body .wow {
    margin-bottom: 15px;
  }
}

.post-body .pop {
  position: relative;
  display: block;
}
.post-body .pop:hover {
  opacity: 0.7;
}

.post-body .pop .zoom-icon {
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  position: absolute;
  top: -19px;
  right: -7px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 300ms, visibility 300ms;
  transition: opacity 300ms, visibility 300ms;
}
.post-body .pop:hover .zoom-icon {
  visibility: visible;
  opacity: 1;
}

.post-body .fa-search-plus::before {
  content: "\f00e";
}

.grecaptcha-badge {
  margin: auto;
}