/* ==========================================================================
   HS COS Boilerplate v1.4.0                                
   ========================================================================== */
@charset "UTF-8";
/* ==========================================================================
   TrekkSoft - UBookingsing HS COS Boilerplate v1.5.0                                
========================================================================= */

/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}
.bg-testin{
    background: #6cb5a3; 
    margin:0 auto;
}
/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

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

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}
 
#caldays {
    margin-bottom: 4px;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    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: 56.25%;
}
.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^="http://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 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}*/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
/*.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */ 

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .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;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

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

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

/* Blog Author Section */
.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;
    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");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://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; border-radius: 0px;}
.hs_cos_flex-pauseplay span {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; -o-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; 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(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: .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(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/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; -o-border-radius: 20px; border-radius: 20px; 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: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    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;
    }
}

.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-wrap: break-word;
}

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#captcha_wrapper,
#recaptcha_area,
#recaptcha_area table#recaptcha_table,
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1
{ width: auto !important; overflow: hidden; }
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4
{ width: 67px !important; }
#recaptcha_area table#recaptcha_table #recaptcha_image
{ width:280px !important; }
}

/* ==========================================================================

  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography
    
  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer
    
  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu
    
  4. TEMPLATE MODULE CLASSES - in construction
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages
    - Demo Enterprise TEST
    
  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons
    
  6. TESTS
    - Form Initial Page
  
  7. MOBILE MEDIA QUERIES
   ========================================================================== */
       p.gdpr-text:lang(it), p.gdpr-text:lang(de), p.gdpr-text:lang(es){
        display:none;
    }
    #fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#light {
    display:none;
    position: absolute;
    min-width: 80%;
    top: 2%;
    right: 12%;
    min-height: 80%;
    width: 600px;
    z-index: 9999;
    overflow: visible;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}
.img-vd-bt {
    position:  relative;
}

.bt-vd {
    position: absolute;
    left: 40%;
}
.quizz {
    height: 220px !important;
    color: #fff;
}

.quizz-content{
    margin-top: 20px;
    margin-bottom: 20px;
}
.quizz-content iframe{
    border:1px solid #efefef;
}
.smcx-widget.smcx-embed.smcx-show.smcx-widget-dark {
    max-width: 1200px !important;
    height: 485px;
}

.smcx-iframe-container {
    max-width: 1200px !important;
    height: 450px !important;
}
.span6.widget-span.widget-type-cell.test-code {
    padding-top: 14%;
}


.feature-testimonial-1 p {
    color: #fff;
    font-size:18px;
    line-height:24px;
}

.feature-testimonial {
    background: linear-gradient(90deg, #00b382 50%, #fff 50%);
}
.feature-testimonial-1{
background: url(https://www.trekksoft.com/hubfs/nhue-bg.png);
    background-size: 103%;
padding: 30px 20px 20px 20px;
}
.feature-testimonial-2{
        background: #fff;
    padding:20px 30px 10px 10px;
}
.feature-testimonial-2 span a{
    color:#fff;
}
.feature-testimonial-2 h3{
 font-size:32px;
 color:#0b6148;  
 margin-bottom:30px; 
}

/* ==========================================================================
Changing the Hubspot CSS | Always describle the reason and date
========================================================================== */
/*disable the calculator*/

/*GDPR - LEGAL CONSENT*/
.legal-consent-container .hs-richtext p {
    font-size: 13px;
    margin-bottom: 0;
}
.hs_are_you_a_tour_or_activity_operator.hs-are_you_a_tour_or_activity_operator.hs-fieldtype-radio.field.hs-form-field.smart-field .hs-input {
    width: auto;
}
.hs_are_you_a_tour_or_activity_operator > ul.inputs-list.multi-container {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.hs_are_you_a_tour_or_activity_operator li.hs-form-radio {float: left;width: 25%;}

.hs_are_you_a_tour_or_activity_operator ul.inputs-list {
    padding: 0 0 20px 0;
}

.simple-form input[type="text"], .simple-form input[type="password"], .simple-form input[type="datetime"], .simple-form input[type="datetime-local"], .simple-form input[type="date"], .simple-form input[type="month"], .simple-form input[type="time"], .simple-form input[type="week"], .simple-form input[type="number"], .simple-form input[type="email"], .simple-form input[type="url"], .simple-form input[type="search"], .simple-form input[type="tel"], .simple-form input[type="color"], .simple-form input[type="file"], .simple-form textarea {
    padding: 3px 3px 3px 3px;
    width: 100%;
    font-family: 'Open Sans',Sans-Serif;
    font-size: 14px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    line-height: 26px;
}


/*GDPR Consent - blog */
.blog-form div.hs_yes_i_would_like_to_receive_marketing_communications_with_relevant_content_regarding_trekksoft_prod.hs-yes_i_would_like_to_receive_marketing_communications_with_relevant_content_regarding_trekksoft_prod.hs-fieldtype-booleancheckbox.field.hs-form-field.smart-field {
    margin-top: 40px;
    font-size: 15px;
    font-weight: 500;
}
/*Remove the original before Language Switcher*/
.lang_list_class:before{
    display:none !important;
}
/*Remove the original before Language Switcher*/
.lang_list_class:after{
   content: "";
    display: inherit;
    position: inherit;
    top: inherit;;
    left: inherit;;
    width: inherit;;
    height: inherit;;
    border: inherit;;
    border-bottom-color:inherit;;
    margin-left: inherit;
    margin-bottom: inherit;
}
.lang_list_class li a{
    text-decoration: inherit;
    color: inherit;
}

/*Temp form on home*/
.home-form {
    background-color: #f7f7f7;
    border: 1px solid #ededed;
    padding:0 0 0 40px;
    margin-top: 60px;
    position: relative;
}

.home-form h4 {
    font-size: 24px;
    color: #007972;
    margin: 35px 0px 0px 0px;
    font-weight: 600;
}

.home-form p {
}

.home-form .hs-button.primary, .home-form input[type="submit"], .home-form input[type="button"] {
    cursor: pointer;
    border: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #ff9100;
    padding: 10px 0px 12px 0px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 0px #d07b02;
    -webkit-appearance: none;
    width: 80%;
    margin-top: 30px;
}

.home-form .hs-button.primary:hover, .home-form input[type="submit"]:hover, .home-form input[type="button"]:hover {
    cursor: pointer;
    border: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #EA8702;
    padding: 10px 0px 12px 0px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 0px #d07b02;
    -webkit-appearance: none;
    width: 80%;
    margin-top: 30px;
    top: 0px;
}
.home-form input[type="text"], .home-form input[type="password"], .home-form input[type="datetime"], .home-form input[type="datetime-local"], .home-form input[type="date"], .home-form input[type="month"], .home-form input[type="time"], .home-form input[type="week"], .home-form input[type="number"], .home-form input[type="email"], .home-form input[type="url"], .home-form input[type="search"], .home-form input[type="tel"], .home-form input[type="color"], .home-form input[type="file"], .home-form textarea {
    padding: 3px 3px 3px 3px;
    width: 100%;
    font-family: 'Open Sans',Sans-Serif;
    font-size: 14px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    line-height: 30px;
}
.home-form .hs-button.primary:focus, .home-form input[type="submit"]:focus, .home-form input[type="button"]:focus {
        box-shadow: 0 0px #d07b02;
    top: 0;
    padding: 10px 0px 12px 0px;
    
}
    
.home-form:lang(en):after {
    content: "";
    width: 449px;
    height: 246px;
    background: url("https://www.trekksoft.com/hubfs/business-questionaire.png") no-repeat;
    top: -26px;
    background-size: 400px;
    right: -73px;
    position: absolute;
}
.home-form:after{
    content: "";
    width: 449px;
    height: 246px;
    background: url("https://www.trekksoft.com/hs-fs/hubfs/ttr-thks.png") no-repeat;
    top: -26px;
    background-size: 400px;
    right: -73px;
    position: absolute;
}

@media screen and (max-width: 1000px){
    .home-form{
    text-align:center;
    padding:00px 0px 0px 0px;
    }
    .home-form:after{
        display:none;
    }
    .home-form form > div {
    width: 90%;
    margin-right: 0.7%;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 10px;
}
    .home-form:after{
        display:none;
    }
    .home-form .hs-button.primary, .home-form input[type="submit"], .home-form input[type="button"],.home-form .hs-button.primary:hover, .home-form input[type="submit"]:hover, .home-form input[type="button"]:hover {
    width:100%;
}
}
/* ==========================================================================
   1. LANDING CHRISTMAS                                        
   ========================================================================== */
.full-width-bg-discount a.scroll,.full-width-bg a.scroll{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    background-color: #3dab7a;
    padding: 15px 90px 20px 90px;
    font-size: 18px;
    color: #fff;
    margin: 30px 11px 30px 0;
    border: 2px solid #3dab7a;
    transition: all .5s ease;
    text-shadow: 0 0 5px #3dab7a !important;
}
.full-width-bg-discount a.scroll:hover,.full-width-bg a.scroll:hover{
    background-color: #237953;
    color: #fff;
    border: 2px solid #237953;
    transition: all .5s ease;
    text-shadow: 0 0 5px #237953 !important;
}

.discount-page.complete-demo-box h1 {
    margin-top: 110px;
    line-height: 40px;
}



/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below. 
 *
 * 
 */

/* Colors */
    
    
    
    
    

/* Typography */
            /*  */
                         /*  */
                          /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */

/* Pillars Colors */

 
 
 

/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */

 

/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */




/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

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

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
} 

/* Website background color and default font styles */
body {
  background: #fff;
  color: #6c6c6c;
  font-family: 'Open Sans', Sans-Serif;
  font-size: 15px;
  line-height: 1.3;
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }
audio,
canvas,
progress,
video {
  display: inline-block; }
audio:not([controls]) {
  display: none;
  height: 0; }
progress {
  vertical-align: baseline; }
 template,
[hidden] {
  display: none; }
 a {
  background-color: transparent; }
 
/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1200px;
  margin: 0 auto;
}

a { color: #85b4a2; 
    text-decoration:none;
    background-color: transparent;
}

a:active, a:hover, a:focus {
    color: #83d8b8;
    outline-width: 0; 
    }
    
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit; }
b,
strong {
  font-weight: bolder; }
dfn {
  font-style: italic; }
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #6c6c6c;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #6c6c6c;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}

video::-webkit-media-controls {
  display: none;
}

/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p {
  color: #6c6c6c;
  font-family: 'Open Sans', Sans-Serif;
  font-size: 15px;    
} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
  font-family: Raleway;
  font-size: 40px;
}
h2 {
    font-family: Raleway;
}
h3 {
    font-family: Raleway;
}
h4 {
  color: #6c6c6c;
  font-family: 'Open Sans', Sans-Serif;
  font-size: 15px;
}
h5 {}
h6 {
    font-size: 18px;
    color:#fff;
    margin: 20px 0px 20px 0px;
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}

/* ==========================================================================
   2. OLD CSS                                           
   ========================================================================== */
/*From Quint_Premium*/

.hs-content-id-4998670306 #testimonial-image > div.row-fluid-wrapper.row-depth-1.row-number-13 > div > div > div.row-fluid-wrapper.row-depth-1.row-number-15 > div > div:nth-child(1){
display:none}
.custom-header{
    padding: 0px 0px 17px 0px;
}
.button-green{
     background-color: #3dab7a;
    border-color: #3dab7a;
}
.button-green-inverted, a.button-green-inverted, .button-green-inverted:hover, a.button-green-inverted:hover {
    background-color: transparent;
    color: #3dab7a;
    border-color: #3dab7a;
}
.button-grey-inverted, a.button-grey-inverted, .button-grey-inverted:hover, a.button-grey-inverted:hover {
    background-color: transparent;
    color: #575756;
    border-color: #575756;
}
.button{
  background-repeat: repeat-x;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  padding: 8px 21px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
#signup #signup-button #german-bt{
    font-size:12px !important;
}
#signup{
        float: right !important;
}
.login-bt{
    font-size: 13px;
    background: url(//www.trekksoft.com/hubfs/img-site/all/sign-in.jpg?t=1480507737958)50% no-repeat;
    background-size: 20px 20px;
    background-position: left;
    cursor: pointer;
    display: inline-block;
    text-align: right;
    padding: 0 5px 0 0;
    border: 0;
    margin-top: 10px;
    color: #3dab7a;
    float: left;
    }
.custom-flag{
    float: right !important;
    margin: 20px 0 0 !important;
    padding: 0;
}
#polyglotLanguageSwitcher {
  color: #575756;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 6;
  margin: 0 0 0 6px;
}
#polyglotLanguageSwitcher a {
  background-position: 6px center;
  background-repeat: no-repeat;
  color: #444;
  display: block;
  padding: 8px 20px 8px 40px;
  text-align: left;
  text-decoration: none;
   width: auto;
}
#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  position: relative;
}
#polyglotLanguageSwitcher a.current:hover, #polyglotLanguageSwitcher ul.dropdown li:hover {
  background-color: #f7f7f7;
}
#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
  background: url("//452164.fs1.hubspotusercontent-na1.net/hub/452164/file-2288804074-gif/arrow-down.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#polyglotLanguageSwitcher span.trigger {
  display: block;
  height: 5px;
  position: absolute;
  right: 6px;
  text-indent: -10000em;
  top: 0.5em;
  width: 9px;
}
#polyglotLanguageSwitcher ul.dropdown {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-image: none;
  border-left: 1px solid #e5e5e5;
  border-radius: 0 0 3px 3px;
  border-right: 1px solid #e5e5e5;
  border-top: medium none !important;
  display: none;
  left: 0;
  position: absolute;
  top:33px;
  width:100%!important;
  padding:0;
  margin:0;
}
#polyglotLanguageSwitcher ul.dropdown li {
  border-top: 1px dotted #d4d4d4;
  list-style: outside none none;
}
.dropdown.arrow{
    display:block !important;
}
.button.button-green:hover {
 opacity: 0.;
}/*course.css*/
.hs-content-id-5168109103 h1, .hs-content-id-5000701343 h1{
    font-family: Raleway;
    text-transform: uppercase;
    color: #fff;
    width: 50%;
}
.hs-content-id-5168109103 h2, .hs-content-id-5000701343 h2{
    font-family: Raleway;
    font-size: 42px;
    line-height: 46px;
    color: #353535;
    font-weight: 300;
        padding-top: 30px;
}
.hs-content-id-5168109103 h4, .hs-content-id-5000701343 h4{
    font-size: 30px;
    font-family: Raleway;
    line-height: 35px;
    padding: 0px 10px 0px 0px;
    margin: 45px 10px 20px 20px;
    color:#fff;
}
.hs-content-id-5168109103 .banner-spacing, .hs-content-id-5000701343 .banner-spacing{
    padding-top:40px;
    padding-bottom:40px;
}
.hs-content-id-5168109103 .advantage-bar, .hs-content-id-5000701343 .advantage-bar{
    background-color:#dddddd;
    color:#959595;
    font-family:Raleway;
    font-size:20px;
    font-weight:300;
}
.hs-content-id-5168109103 .text-bar, .hs-content-id-5000701343 .text-bar{
    letter-spacing: 1px;
    text-transform:uppercase;
    line-height: 105px;
}
.hs-content-id-5168109103 .img-bar, .hs-content-id-5000701343 .img-bar{
    display:block;
    margin:0 auto;
    text-align:center;
}
.hs-content-id-5168109103 .banner-space .first, .hs-content-id-5000701343 .banner-space .first{
    font-family: Open Sans;
    color: #ffffff !important;
    font-size: 20px;
    text-shadow: 3px 0px 2px rgba(78, 78, 78, 1);
    width:50%;
}
.hs-content-id-5168109103 .bg-banner, .hs-content-id-5000701343 .bg-banner{
    text-align: left;
    background: url("https://www.trekksoft.com/hubfs/img-lp/2017/04-april/trekksoft-website.jpg");
}
.hs-content-id-5168109103 .bg-banner h1, .hs-content-id-5000701343 .bg-banner h1{
    padding-top:38px;
    font-family: Raleway;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
}
.hs-content-id-5168109103 .bg-banner p, .hs-content-id-5000701343 .bg-banner p{
    font-size:20px;
    color:#fff;
}

.hs-content-id-5168109103 .section-testimonial, .hs-content-id-5000701343 .section-testimonial{

  text-align: center;
  position: relative;
  background-size: cover; 
  background-position: top center;
  background-attachment: fixed;
  } 
.hs-content-id-5168109103 .section-testimonial .row-fluid .wrapper[class*="span"]{position:relative;z-index:3;}

.hs-content-id-5168109103 .background-form, .hs-content-id-5000701343 .background-form{
  background-color: #e7e7e7;
}
.hs-content-id-5168109103 .img-form, .hs-content-id-5000701343 .img-form{
  background-image: url("//www.trekksoft.com/hubfs/bg-demo-3.png");
  background-color:#e7e7e7;
  background-attachment: fixed;
  color:#fff;
}
.hs-content-id-5168109103 .img-form a, .hs-content-id-5000701343 .img-form a{
 color:#fff;
}
.hs-content-id-5168109103 .bg-50-form, .hs-content-id-5000701343 .bg-50-form{
    margin-top:40px;
    margin-bottom:40px;
    background: #e7e7e7; /* Old browsers */
    background: -moz-linear-gradient(right,  #e7e7e7 0%, #e7e7e7 50%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, right , left, color-stop(0%,#3ba475), color-stop(50%,#3ba475), color-stop(50%,#ffffff), color-stop(100%,#ffffff0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(right,  #e7e7e7 0%,#e7e7e7 50%,#ffffff 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(right,  #e7e7e7 0%,#e7e7e7 50%,#ffffff 50%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(right,  #e7e7e7 0%,#e7e7e7 50%,#ffffff 50%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #e7e7e7 0%,#e7e7e7 50%,#ffffff 50%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.hs-content-id-5168109103 .bg-form, .hs-content-id-5000701343 .bg-form{
    padding:30px;
    background:#fff;
}
.hs-content-id-5168109103 .bg-form-2, .hs-content-id-5000701343.bg-form-2{
background: #fff;
    position: absolute;
    margin-top: 60px;
    padding: 30px 30px 30px 30px;
    width: 503px !important;
    border-top: 4px solid #3ba475;
    margin-left: 680px !important;
}
.hs-content-id-5168109103 .title-box, .hs-content-id-5000701343 .title-box{
    color:#fff;
    text-align:left;
    margin-top:50px;
    margin-bottom:20px;
}
.hs-content-id-5168109103 .title-box ul, .hs-content-id-5000701343 .title-box ul{
    list-type:none;
    padding:0 0 0 0;
}
.hs-content-id-5168109103 .title-box ul li, .hs-content-id-5000701343 .title-box ul li{
    display:inline-block;
    margin:10px 10px 10px 10px;
    vertical-align:top;
}
.hs-content-id-5168109103 .demo-form, .hs-content-id-5000701343 .demo-form{
    font-family: Raleway;
    font-size: 40px;
    text-align:center;
}
.hs-content-id-5168109103 .trekksoft-ex, .hs-content-id-5000701343 .trekksoft-ex{
    background:#e7e7e7;
    padding:10px;
}
.hs-content-id-5168109103 .trekksoft-ex p, .hs-content-id-5000701343 .trekksoft-ex p{
    color: #353535;
    font-size:14px;
    line-height:20px;
    font-weight: 300;
}
.hs-content-id-5168109103 .trekksoft-ex h3, .hs-content-id-5000701343 .trekksoft-ex h3{
    font-weight: 700;
    font-size: 18px;
    color: #353535;
    line-height:18px;
}
.hs-content-id-5168109103 .img-icon, .hs-content-id-5000701343 .img-icon{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.hs-content-id-5168109103 .bg-image, .hs-content-id-5000701343 .bg-image {
    background-image: url("//www.trekksoft.com/hubfs/img-lp/2017/01-jan/03-2017-demo-variationb/bg-demo2.jpg");
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hs-content-id-5168109103 .testimonials-content, .hs-content-id-5000701343 .testimonials-content{
    padding: 10px 50px 30px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.hs-content-id-5168109103 .testimonials-content ul, .hs-content-id-5000701343 .testimonials-content ul{
    list-style: none;
    width: 91%;
}
.hs-content-id-5168109103 .testimonials-content ul li, .hs-content-id-5000701343 .testimonials-content ul{
    display:inline-block;
    font-size:15px;
    line-height:25px;
}
.hs-content-id-5168109103 .testimonials-content ul li:first-child, .hs-content-id-5000701343 .testimonials-content ul{
    padding-top:42px;
    float:left;
}
.hs-content-id-5168109103 .testimonials-content ul li:nth-child(2), .hs-content-id-5000701343 .testimonials-content ul{
    width:50%;
    float:right;
}
.hs-content-id-5168109103 .testimonials-contentdemo ul li:first-child, .hs-content-id-5000701343 .testimonials-contentdemo ul li:first-child{
    float: left;
    padding: 2px;
    margin: 45px 16px 60px 0px;
}
.hs-content-id-5168109103 .testimonials-contentdemo, .hs-content-id-5000701343 .testimonials-contentdemo{
    padding: 10px 50px 30px 30px;
    margin-top: 30px;
}
.hs-content-id-5168109103 .testimonials-contentdemo ul, .hs-content-id-5000701343  .testimonials-contentdemo ul{
    list-style: none;
}
.hs-content-id-5168109103 .testimonials-contentdemo ul li, .hs-content-id-5000701343  .testimonials-contentdemo ul li{
    display:inline;
    padding:10px 10px 10px 10px;
    margin:5px 5px 5px 5px;
    font-size:16px;
    line-height:25px;
}
.hs-content-id-5168109103 .testimonials-contentdemo ul li:first-child, .hs-content-id-5000701343  .testimonials-contentdemo ul li:first-child{
    float: left;
    padding: 2px;
    margin: 0px 15px 0px 0px;
}
.hs-content-id-5168109103 .testimonials-contentdemo h4, .hs-content-id-5000701343 .testimonials-contentdemo h4{
    text-align:center;
}

.hs-content-id-5168109103 .advantages, .hs-content-id-5000701343 .advantages{
    transform: translateY( 19% );
}
.hs-content-id-5168109103 .adv-corn p, .hs-content-id-5000701343 .adv-corn p{
    font-family:Raleway;
    color:#ffffff;
    font-size:30px;
    font-weight:700;
    text-align:center;
}
.hs-content-id-5168109103 .adv-corn h5, .hs-content-id-5000701343  .adv-corn h5{
    font-family:Raleway;
    color:#ffffff;
    font-size:30px;
    font-weight:700;
    text-align:center;
}
.hs-content-id-5168109103 .trekbar, .hs-content-id-5000701343  .trekbar{
    background-color:#4ec4a1;
    background-size:30px;
    color:#fff;
    padding-top:30px;
    padding-bottom:30px;
}   

.hs-content-id-5168109103 .darkbar, .hs-content-id-5000701343  .darkbar{
    background-color:#545454;
    background-size:30px;
    color:#fff;
    padding-top:30px;
    padding-bottom:30px;
}
.hs-content-id-5168109103 .trekbar .imgtrekk img, .hs-content-id-5000701343  .trekbar .imgtrekk img{
    position: absolute;
    margin-top: 60px;
}
.hs-content-id-5168109103 .bg-cta-b, .hs-content-id-5000701343 .bg-cta-b{
    text-align:center;
}
.hs-content-id-5168109103 .desc, .hs-content-id-5000701343  .desc{
    text-align:center;
    padding-top:40px;
    padding-bottom:40px;
}
.hs-content-id-5168109103 .desc .email, .hs-content-id-5000701343  .desc .email{
    font-family:Raleway;
    font-size: 34px;
    color:#353535;
}
.hs-content-id-5168109103 .desc img, .hs-content-id-5000701343  .desc img{
    display:inline-block;
}
.hs-content-id-5168109103 .desc p, .hs-content-id-5000701343 .desc p{
    display: inline-block;
    width: 900px;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
.hs-content-id-5168109103 .footer-ebook, .hs-content-id-5000701343 .footer-ebook{
    background-color:#272727;
    color:#fff;
    padding:10px 0px;
}
.hs-content-id-5168109103 .footer-left, .hs-content-id-5000701343 .footer-left{
    float:left;
    padding:15px 0px;
}
.hs-content-id-5168109103 .footer-right, .hs-content-id-5000701343 .footer-right{
    float:right;
}

/* ==========================================================================
   2. COS STRUCTURE                                            
   ========================================================================== */
/*Banner, initial page - optimized*/
.hero.main {
    background: url(https://452164.fs1.hubspotusercontent-na1.net/hub/452164/hubfs/hero-banner.png?t=1510250421055);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ==========================================================================


   2019 Features page - mobile first ready                                      


========================================================================== */
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-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% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  }
.cta-booknow {
    text-align: center;
    padding-top: 20%;
}

#trekksoft_5529 a {
    box-shadow: 5px 10px #888888;
}

a#trekksoft_5529 {
    background: #ff9100;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    box-shadow: 1px 9px 20px 0px #ccc;
    transition: background-color .25s ease-out;
}


.content-arrow {
    padding-top: 30px;
    color: #9a9a9a;
    font-size: 16px;
    font-style: italic;
}

a#trekksoft_5529:hover {
    background: #ec8701;
    box-shadow: 1px 9px 20px 0px #9a9a9a;
    transition: background-color .25s ease;
}

.highmeteora {
    background: #fff;
    border: 1px solid #e4e4e4;
    z-index: 98;
    margin-bottom: 60px;
    padding: 10px 20px 40px 20px;
    position: relative;
}

.highmeteora h3 {
    color: #0b6148;
    font-size: 30px;
    text-align: left;
    padding: 0 0 0 0;
    margin: 30px 0px 0px 0px;
}

.highmeteora:before {
    content: "";
    position: absolute;
    background: transparent;
    left: -25px;
    top: -25px;
    border-left: 25px solid #4ec4a1;
    height: 100px;
    border-top: 25px solid #4ec4a1;
    width: 100px;
}

.highmeteora p.testimonial-meteora {
    font-style: italic;
    color: #9a9a9a;
}

.highmeteora p.testimonial-meteora:before {
    content: '';
    background: url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/quote-img-grey.png?t=1540526749175) no-repeat;
    z-index: -2;
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: block;
    width: 1228px;
    height: 64px;
}
.page-feature {
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}

.features-header {
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding: 10% 2% 0% 2%;
}

.features-header .feature-word {
    padding:0 0 0 0;
    margin:0 auto;
}

.features-header .feature-h h1 {
    padding:0 0 0 0;
    margin:0 auto;
    margin-bottom:10%;
}
.first-block-content .features-menu {
    display:none;
}

.first-block-content {
    background: #fff;
    padding: 0 0 50px 0;
    margin-top:auto;
    margin-bottom: -20px;
    border-radius: 10px;
    position:relative;
    max-width:95%;
    left:2%;
}
.first-block-content .feature-content-header {
    padding: 2% 5% 2% 5%;
}

.first-block-content .feature-content-header h2{
    color:#4b9e51;
    font-size: 30px;
    margin-bottom: 0;
}
.first-block-content .feature-content-header h2:after{
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    display: block;
}
.first-block-content .feature-content-header p{
    font-size: 16px;
    line-height: 1.5em;
}
.testimonial-feature{
        background: #fff;
    border: 1px solid #e4e4e4;
    z-index: 98;
    margin-bottom: 60px;
    padding: 10px 20px 40px 20px;
    position: relative;
}
.testimonial-feature h3{
    color: #4b9e51;
    font-size: 30px;
    text-align: left;
    padding: 0 0 0 0;
    margin: 30px 0px 0px 0px;
}
.testimonial-feature p.testimonial-meteora {
    font-style: italic;
    color: #9a9a9a;
}
.testimonial-feature p.testimonial-meteora:before{
    content: '';
    background: url(https://www.trekksoft.com/hubfs/quote-img-grey.png?t=1540526749175) no-repeat;
    z-index: -2;
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: block;
    width: 1228px;
    height: 64px;
}
.testimonial-feature:before{
    content: "";
    position: absolute;
    background: transparent;
    left: -25px;
    top: -25px;
    border-left: 25px solid #4ec4a1;
    height: 100px;
    border-top: 25px solid #4ec4a1;
    width: 100px;
}
.demo-session h2 {
    color: #4b9e51;
    font-size: 38px;
    margin-bottom: 20px;
    padding: 0 0 0 0;
}
.demo-session h2:after{
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.demo-session {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding:2% 2% 2% 2%;
}

.demo-session p {
    margin-bottom: 30px;
    font-size:16px;
}

div.session-content-feature {
    padding-top: 90%;
}
.session-content-feature h3{
    color: #4b9e51;
    font-size: 35px;
    margin-bottom: 20px;
}
.session-content-feature ul{
    margin:0 auto;
    text-align: left;
    list-style-type: none;
    padding: 0;
    display: inline-flex;
    align-items: flex-start;
}

.session-content-feature ul> li:first-child{
    margin:0 auto;
    max-width: 25%;
    padding-top:20px;
}

.session-content-feature ul> li:last-child{
    max-width: 70%;
    display:inline-block;
}
.ft-ft {
    display:block;
    max-width: 96%;
    margin: 0 auto;
}

.ft-ft div {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #dedede;
    align-items: center;
    background: #2acc89;
    margin: 5px 10px;
    padding:5px 3px;
}

.ft-ft div h2 {
    color: #fff;
    font-size: 28px;
    margin: 30px 0px 10px 0px;
}

.ft-ft div p {
    color: #fff;
    font-size: 16px;
    padding: 0px 20px;
    margin: 30px 0px 40px 0px;
}
.ft-ft div:nth-child(1) {
    background:url(https://www.trekksoft.com/hubfs/bg-1.png);
  background-size: 150%;
}
.ft-ft div:nth-child(2) {
    background:url(https://www.trekksoft.com/hubfs/bg-2.png);
  background-size: 150%;
}
.ft-ft div:nth-child(3) {
    background: url(https://www.trekksoft.com/hubfs/bg-3.png);
  background-size: 150%;
}
.ft-ft div:nth-child(4) {
    background: url(https://www.trekksoft.com/hubfs/bg-4.png);
  background-size: 150%;
}
@media only screen and (min-width: 600px) {
.features-header {
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding: 4% 2% 0% 2%;
}
.features-header .feature-h h1 {
    margin-bottom:3%;
}
.first-block-content {
    margin-top:auto;
    max-width:100%;
    left:0%;
}
    .first-block-content .features-menu, .spillar-content .features-menu, .block-sup-m .features-menu {
        border: 1px solid #2acc89;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
        background: #2acc89;
        text-align: center;
        display: block;
    }
.features-menu li, .spillar-content .features-menu li{
    float: left;
    padding-left: 30px;
    padding-top:1.5%;
    padding-bottom:1.5%;
    text-align: center;
}
.features-menu li a {
    color: #fff;
    text-decoration: none;
}
.first-block-content .feature-content-header h2:after{
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    margin-left:1px;
    margin-right:auto;
    display: block;
}
div.session-content-feature {
    padding-top: 2%;
    text-align:center;
}
.ft-ft {
    display: inline-flex;
    max-width: 96%;
    margin: 0 auto;
}
  .ft-ft div {
    width: 25%;
}
}

.span12.widget-span.widget-type-custom_widget.image-testimonial {
    margin: 0 auto;
    margin-top: 10%;
}


.session-content-feature ul {
    margin-top: 10px;
    margin-bottom: 10%;
}
/* ==========================================================================


   Newsroom pages                                       


========================================================================== */

  .pillar-description h2 {
    font-size: 32px;
    line-height: 35px;
}

.nw-videos .box-video {
    position: relative;
    top: 95px;
    max-width: 520px;
    height: 280px;
    margin: 0 auto 20px auto;
    webkit-box-shadow: 10px 10px 5px 0px rgba(235,235,235,0.34);
    -moz-box-shadow: 10px 10px 5px 0px rgba(235,235,235,0.34);
    box-shadow: 10px 10px 5px 0px rgba(235,235,235,0.74);
}

.vision h3 {
    font-size: 70px;
    text-transform: uppercase;
    text-align: center;
    margin: 13px 0px 0px 0;
    color: #fff;
}

.nw p {
    font-size: 18px;
}

.hero-content .feature-hero h1 {
    margin: 60px 0px 0px 0px !important;
}

.vision {
    background: #2acc89;
    margin-top: 30px;
}

.vision p {
    padding: 0px 80px 0px 0px;
    color: #fff;
    font-size: 17px;
}

.vision {
    padding: 39px 10px 30px 0px;
}

.vision-img {
    text-align: center;
    margin-top: 25px;
}
.vision .new-statics ul li {
    color: #fff;
}

.vision .new-statics ul li span.count {
    color: #fff;
}

.vision .new-statics ul li {}

.vision .new-statics ul li:nth-child(1), .new-statics ul li:nth-child(2) {
    padding: 0 0 0 0;
    margin: 0px 0px 0px 30px;
}
div#nw-stats {
    box-shadow: 0 3px 3px #dfdfdf;
    border-radius: 5px;
    padding: 10px 10px;
}

.nw-of-interlaken {}

.nw-of-interlaken {
    background: url(https://www.trekksoft.com/hubfs/interlaken-trekksoft.png) no-repeat;
    border-radius: 5px;
    padding: 85px 50px;
    margin-left: 20px !important;
    max-width: 47%;
}

.nw-of-interlaken h4 {
    color: #fff;
    font-family: 'Raleway';
    font-size: 40px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.nw-of-interlaken p {
    color: #fff;
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 32px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.nw-of-others h4 {
    font-size: 22px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#nw-stats h3 {
    margin: 20px 0px 20px 0;
}

.nw-of-others ul {
    list-style: none;
    margin: 0 0 0px 0;
    padding: 0 0 0 0;
}

.nw-of-others ul li {
    float: left;
    display: inline-block;
    background: red;
    width: 45%;
    color: #fff;
    border-radius: 5px;
    margin: 5px 5px 5px 5px;
    font-family: 'Raleway';
    padding: 19px;
    font-weight: 600;
    font-size: 25px;
}

.nw-of-others ul li:nth-child(1) {
    background: url(https://www.trekksoft.com/hubfs/italy-trekksoft.png)no-repeat;
}
.nw-of-others ul li:nth-child(2) {
    background: url(https://www.trekksoft.com/hubfs/minsk-trekksoft.png)no-repeat;
}
.nw-of-others ul li:nth-child(3) {
    background: url(https://www.trekksoft.com/hubfs/curitiba-trekksoft.png)no-repeat;
}
.nw-of-others ul li:nth-child(4) {
    background: url(https://www.trekksoft.com/hubfs/barcelona-trekksoft.png)no-repeat;
}

.new-statics h4 {
    font-size: 22px;
    padding: 0 0 0 0;
    margin: 50px 0 40px 0;
    text-align: center;
}

.new-statics ul {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0px 10px;
}

.new-statics ul li {
    width: 30%;
    float: left;
    margin: 0px 15px 40px 15px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #9a9a9a;
}
.new-statics ul li:nth-child(3){
    padding:0px 30px;
}
.new-statics ul li:nth-child(1),.new-statics ul li:nth-child(2){
    padding:20px 70px;
}
span.count {
    font-family: 'Raleway';
    font-size: 50px;
    color: #00c499;
}

span.img-count {
    padding:30px 0px 0px 0px;
    display:block;
}

p.nw-titl {
    font-family: 'Raleway';
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    line-height:22px;
    text-align:left;
}
.nw-titl a{
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    text-transform:none;
    color:#ff9100;

}
.nw-final-3{
    margin-top: 35px;

}
.nw-final-2 {
margin-top :30px;
margin-bottom:40px    
}


.nw-of-others {
    margin-bottom: 15px;
}
.contenting-team{
 padding:0 40px 0 40px;  
}
.team ul {
    list-style: none;
    padding: 0 0 0 0;
    margin:0px 0px 30px 15px;
}

.team ul li {
    float: left;
}

.team ul li:nth-child(1) {
    margin: 0px 10px 0px 0px;
}

.team ul li:nth-child(2) strong {
    font-size: 20px;
    color: #2acc89;
}

.team ul li:nth-child(2) {
    margin: 47px 0px 0px 0px;
}

.team ul li:nth-child(1) img {
    border-radius: 80px 80px 10px 80px;
}
.disc-nw a {
    margin: 20px 20px;
    padding: 20px 50px;
    text-align: center;
    font-size: 24px;
    display: block;
    color: #ff9100;
}
.t-last {
    margin-bottom: 30px;
}
div#team-s div {
    padding: 10px;
}
.nw-media {
    padding: 0px 30px 0px 30px;
}

.nw-media h2 {
    font-size: 32px;
    color: #335b36;
}
.nw-media h2::after{
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
.newsroom {
    margin-top: 50px;
}
.nw-media-1 ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.nw-media-1 ul li {
    margin: 5px 0px 5px 0px;
    padding: 5px 5px 10px 0px;
    border-bottom: 1px solid #e7e7e7;
}

.nw-media-2 ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

.nw-media-2 ul li {
    width: 24%;
    height: 120px;
    border-radius: 5px;
    padding: 8px 15px 0px 15px;
    border: 1px solid #eee;
    text-align: center;
    float: left;
    margin: 5px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);
}

.nw-media-2 ul li span {
    display: block;
    font-style: oblique;
    padding-bottom: 2px;
    font-size: 18px;
    color: #d0d0d0;
    border-bottom: 1px solid #f3f3f3;
}

.nw-media-2 ul li a {
    color: #2acc89;
}
.bot-footer:after {
    content: "+";
    background: #37ab6e;
    padding: 3px 6px;
    color: #292b31;
    border-radius: 12px;
    margin-left: 8px;
    cursor:pointer;
}
/* ==========================================================================


   EVENT CALENDAR                                       


========================================================================== */
input#yes_i_would_like_to_receive_marketing_communications_with_relevant_content_regarding_trekksoft_prod-d75c8520-c541-4197-babb-abd75497ea2b_9766 span{
    font-size: 14px;
    font-weight: 400;
}
.hs_yes_i_would_like_to_receive_marketing_communications_with_relevant_content_regarding_trekksoft_prod.hs-yes_i_would_like_to_receive_marketing_communications_with_relevant_content_regarding_trekksoft_prod.hs-fieldtype-booleancheckbox.field.hs-form-field.smart-field {
    font-size: 14px;
    font-weight: 400;
}
li.hs-form-checkbox {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}
.events .page-center {
    color:#fff;
}
.events-specific h1 {
    margin-top: 50px;
    text-align:center;
    color:#fff;
}

div.eventsspecific {
    height: 270PX;
}
.events h1{
    font-family:Raleway;
    font-size:50px;
    color:#fff;
    margin: 17px 20px 40px 0px;
    line-height:normal;
}
.content-event h2{
    font-family: Open Sans;
    font-size: 22px;
    background: #3cb283;
    color: #fff;
    line-height: normal;
    font-weight: 600;
    padding: 10px 0px 10px 25px;
}
.content-event .all-events .table-event{
    text-align:left;
    display: flex;
    margin-bottom: 35px;
}
.table-event .image-event{
    width: 465px;
    padding: 12px 0px 12px 12px;
transition: all 0.5s ease;
}
.image-event:hover{
    background:#a6dcc6;  
    transition: all 0.5s ease;
}
.image-event img{
    transition: all 0.5s ease;
}
.image-event img:hover{
    opacity:0.4;
    transition: all 0.5s ease;
}
.text-event{
    padding-left:10px;
}
.content-event .all-events h2{
    font-family: Open Sans;
    font-size: 20px;
    background: white;
    color: #3cb283;
    line-height: normal;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    display: inline-block;
}
.content-event .all-events h3{
    font-size: 18px;
    display: inline-block;
    line-height: 5px;
}
.table-event ul{
    display:inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.table-event .webinar li{
    background:#ececec;
    display:inline-block;
    padding: 10px 10px 10px 10px;
    margin-bottom:3px;
    font-weight: 500;
}
.table-event .offline li{
    background:#ececec;
    display:inline-block;
    padding: 10px 10px 10px 10px;
    margin-bottom:3px;
    font-weight: 500;
}
.table-event li img{
    padding: 0px 1px 4px 0px;
    margin-right: 5px;
}
.all-events p{
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.events p{
    font-family:Open Sans;
    font-size:16px;
    margin:0px 0px 0px 0px !important;
    padding:0px 0px 0px 0px !important;
    line-height: 30px;
    color:#fff;
}
.clicked-event{
    font-size: 16px;
    font-weight: 700;
    transition: all 0.5s ease;
}
.clicked-event:hover{
    text-decoration:underline;
    transition: all 0.5s ease;
}
.events p a{
    color:#3cb283;
    text-decoration:none;
}
.events p a:hover{
    text-decoration:underline;
}
.events .events-slide::before{
    content: "UPCOMING ";
    background-color: #3cb283;
    color: #fff;
    font-family: Raleway;
    font-weight: bold;
    padding: 10px 35px 10px 35px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 30px;
    display: inline-block;
    font-size: 20px;
}

.events .events-slides::before{
content: "Recommended for you ";
    background-color: #3cb283;
    color: #fff;
    text-align: center;
    font-family: Raleway;
    font-weight: bold;
    font-transform: uppercase;
    padding: 10px 146px 10px 145px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 20px;
}

.events .events-slide .hs_cos_flex-slider{
    background:inherit;
    margin:0px 0px 0px 0px;
}

.events-slide .hs_cos_flex-slider .hs_cos_flex-slides img{
    width: inherit;
    height: inherit;
}

.webinar-filter{
    background: #f2f2f2;
}
.webinar-filter h3{
    color: #3CB283 !important;
    text-transform: inherit !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 20px !important;
    text-align: center;
}
.webinar-filter .special-p{
    color:#3cb283;
    text-align:center;
}
/*---------------------webinar calendar---------------*/
.container {
  width:90%;
  margin:0 auto;
}

.container .space{
    display:none;
}

.tile h4{
font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 10px 10px;
    font-family: Open Sans;
    color: #00b382;
}
.tile p{
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    font-family: Open Sans;
}
.tile .webinar-bt{
  text-align:center;
  background:inherit;
  font-size:16px;
  border:1px solid #3cb283;
  border-radius:5px;
  color:#3cb283;
  padding:10px 10px 10px 10px;
  text-decoration:none;
}
.tile .webinar-bt:hover{
  background:#3cb283;
  color:#fff;
}
.container input[type="radio"]{
display:none}
.container label {
  width:13%;
  float:left;
  text-align:center;
  background:inherit;
  font-size:16px;
  border:1px solid #3cb283;
  border-radius:5px;
  color:#3cb283;
  padding:15px 0px 15px 0px;
  margin:0.5%;
  margin-bottom:30px;
  cursor:pointer;
}
input[type="radio"][id="blue"]:checked + label {
  background:#3cb283;
  color:#fff;
}  
input[type="radio"][id="blue"]:checked ~ .red, input[type="radio"][id="blue"]:checked ~ .green, input[type="radio"][id="blue"]:checked ~ .purple, input[type="radio"][id="blue"]:checked ~ .yellow, input[type="radio"][id="blue"]:checked ~ .orange  {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}

input[type="radio"][id="red"]:checked + label {
  background:#3cb283;
  color:#fff;
}
input[type="radio"][id="red"]:checked ~ .blue, input[type="radio"][id="red"]:checked ~ .green,  input[type="radio"][id="red"]:checked ~ .purple, input[type="radio"][id="red"]:checked ~ .yellow, input[type="radio"][id="red"]:checked ~ .orange  {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
input[type="radio"][id="green"]:checked + label {
  background:#3cb283;
  color:#fff;
}
input[type="radio"][id="green"]:checked ~ .blue, input[type="radio"][id="green"]:checked ~ .red,  input[type="radio"][id="green"]:checked ~ .purple, input[type="radio"][id="green"]:checked ~ .yellow, input[type="radio"][id="green"]:checked ~ .orange  {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
input[type="radio"][id="purple"]:checked + label {
  background:#3cb283;
  color:#fff;
}
input[type="radio"][id="purple"]:checked ~ .blue, input[type="radio"][id="purple"]:checked ~ .red, input[type="radio"][id="purple"]:checked ~ .yellow, input[type="radio"][id="purple"]:checked ~ .green, input[type="radio"][id="purple"]:checked ~ .orange {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
input[type="radio"][id="yellow"]:checked + label {
  background:#3cb283;
  color:#fff;
}
input[type="radio"][id="yellow"]:checked ~ .blue, input[type="radio"][id="yellow"]:checked ~ .red,  input[type="radio"][id="yellow"]:checked ~ .purple, input[type="radio"][id="yellow"]:checked ~ .green, input[type="radio"][id="yellow"]:checked ~ .orange {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
input[type="radio"][id="orange"]:checked + label {
  background:#3cb283;
  color:#fff;
}
input[type="radio"][id="orange"]:checked ~ .blue, input[type="radio"][id="orange"]:checked ~ .red,  input[type="radio"][id="orange"]:checked ~ .purple, input[type="radio"][id="orange"]:checked ~ .green, input[type="radio"][id="orange"]:checked ~ .yellow  {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
.tile {
  width:23%;
  height:475px;
  float:left;
  transition:all 1s;
  margin:0.5%;
  text-align:center;
  border-right: 1px #e5e5e5 solid;
  border-left: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
}
.green {
  background:#fff;
}
.blue {
  background:#fff;
}
.red {
  background:#fff;
}
.purple {
  background:#fff;
}
.yellow {
  background:#fff;
}
.orange {
  background:#fff;
}
#hs_cos_wrapper_module_1484592856651811>a {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-family: Open Sans;
    color: #fff;
    border: #fff solid 1px;
    border-radius: 5px;
    line-height: 1.5em;
    padding: 18px 38px;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin-bottom: 50px;
}
#hs_cos_wrapper_module_1484592856651811>a:hover {
    background: #fff;
    color: #5fe1a7;
}


.cta-trial {
    border: 0;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #f18e00;
    cursor: pointer;
    padding: 20px 70px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 6px #d07b02;
    border-radius: 5px;
    margin-top: -18px;
}
.cta-trial:hover {
    box-shadow: 0 4px #f18e00;
    top: 2px;
    color: #fff;
}
.related-content {
    background: #fff;
    padding: 30px 30px 30px 30px;
    border-top: 4px solid #5fe1a7;
    margin-top: 40px;
    margin-bottom: 40px;
}
/*===========================================================================

Contact Page

==============================================================================*/
.contact-page .hero-content .feature-hero h1 {
    margin-top: 10% !important;
}

.contact-page  .feature-hero #hs_cos_wrapper_module_1496153846395216 {
    margin-top: 20px;
}
#hero-banner.error-page{
    height:150px;
}
#hero-banner.contact-page {
    height: 300px;
}

.contact-page .span4 {
    padding: 15px 15px 5px 5px;
}

.contact-page .span4 h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 auto;
    padding: 0;
    color: #335b36;
    text-align: left;
}

.contact-page .span4 p {
    font-size: 15px;
    margin: 10px 0px 20px 0px;
    line-height: 24px;
    text-align: left;
}

.contact-page .span4 a {
    border: 2px solid #ffc06d;
    color: #ffc06d;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    text-align: center;
    background-color: inherit;
    padding: 15px 0 15px 0px;
    margin: 0px 10px 30px 10px;
    font-size: 16px;
    transition: all .5s ease;
}
.contact-page .span4 .img-cont {
    display: inline-block;
    float: left;
    width: 34%;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 9px;
}

.contact-page .bg-contact-page {
    background-image: url(https://452164.fs1.hubspotusercontent-na1.net/hub/452164/hubfs/hero-banner.png);
    height: 200px;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-page .span4
 h3 {
    font-size:  22px;
    font-weight: 500;
    text-align: center;
}

.contact-page .span4 ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.contact-page .span4 p {
    text-align: center;
}

.contact-page .span4 ul li {
    text-align: center;
    margin-bottom: 20px;
}
.contact-form-page {
    margin: 0 auto;
    padding: 0px 50px 30px 38px;
    background: #ededed;
}
@media screen and (min-width: 950px) {
    .contact-page .hero-content .feature-hero h1 {
    margin-top: 4% !important;
}

.contact-page  .feature-hero #hs_cos_wrapper_module_1496153846395216 {
    margin-top: 20px;
}

#hero-banner.contact-page {
    height: 360px;
}

.contact-page .span4 {
    padding: 15px 15px 5px 5px;
}

.contact-page .span4 h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 auto;
    padding: 0;
    color: #335b36;
    text-align: left;
}

.contact-page .span4 p {
    font-size: 15px;
    margin: 10px 0px 20px 0px;
    line-height: 24px;
    text-align: left;
}

.contact-page .span4 a {
    border: 2px solid #ffc06d;
    color: #ffc06d;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    text-align: center;
    background-color: inherit;
    padding: 15px 0 15px 0px;
    margin: 0px 10px 30px 10px;
    font-size: 16px;
    transition: all .5s ease;
}
.contact-page .span4 .img-cont {
    display: block;
    float: none;
    margin: 0 auto;
    padding-top: 42px;
}

.contact-page .bg-contact-page {
    background-image: url(https://452164.fs1.hubspotusercontent-na1.net/hub/452164/hubfs/hero-banner.png);
    height: 200px;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-page .span4
 h3 {
    font-size:  22px;
    font-weight: 500;
    text-align: left;
}

.contact-page .span4 ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.contact-page .span4 p {
    text-align: left;
}

.contact-page .span4 ul li {
    text-align: left;
    margin-bottom: 20px;
}
.contact-form-page {
    margin: 0 auto;
    padding: 0px 50px 30px 38px;
    background:#fff;
}

.contact-page .span4 .text-cont {
    margin-top: 20px;
    padding: 15px 5px 5px 8px;
}

.contact-page .span4 .text-cont h2, .contact-page .span4 .text-cont p {
    text-align: center;
}
}

.contact-details h3 {
    font-size: 40px;
    margin: 50px 0 70px 0;
    text-align: center;
}

.contact-details ul {
    list-style:  none;
    margin: 0 0 70px 0;
    padding: 0 0 0 0;
}
.contact-details ul#c-telephone li:first-child{
    background:url(https://www.trekksoft.com/hubfs/ico-telephone-contact.png)no-repeat;
}
.contact-details ul#c-email li:first-child{
    background:url(https://www.trekksoft.com/hubfs/ico-email-contact.png)no-repeat;
}
.contact-details ul#c-office li:first-child{
    background:url(https://www.trekksoft.com/hubfs/ico-places-contact.png)no-repeat;
}
.contact-details ul li:first-child {
    font-size:32px;
    font-style:italic;
    padding-left:80px;
    padding-top:12px;
    padding-bottom:18px;
    display:block;
    margin-bottom:15px;
    border-left:0px;
    margin-left:0px;
}

.contact-details ul li{
    font-size:16px;
    border-left:3px #c0c0c0 solid;
    margin-left:30px;
    padding-left:15px;
    padding-top:3px;
    padding-bottom:3px;
    margin-bottom:12px;
}


.contact-details ul li a {
    color: #04b484;
}
.contact-details ul#c-office li{
    border-left: 0px #c0c0c0 solid;
    margin-left:30px;
}
.contact-details ul#c-office li p{
    background:white;
    width:45%;
    padding:20px 20px;
    font-size:16px;
    line-height:26px;
}
.contact-details ul#c-office li:nth-child(2){
    background:url(https://www.trekksoft.com/hubfs/website/bcn_bg.png)no-repeat;
}
.contact-details ul#c-office li:nth-child(3){
    background:url(https://www.trekksoft.com/hubfs/website/zr_bg.png)no-repeat;
}
.contact-details ul#c-office li:nth-child(4){
    background:url(https://www.trekksoft.com/hubfs/website/bg-trekksoft-barcelona.png)no-repeat;
}
.contact-details ul#c-office li p strong{
    font-size:20px;
}
.contact-details ul#c-office li p a{
    font-style:italic;
}

@media not all and (min-width: 59.375em) {
.contact-details {
    padding: 10px 15px 10px 15px;
}

.contact-details ul#c-office li {
    margin-left: 0px;
}

.contact-details ul#c-office li p {
    width: 96%;
}
}
/* ==========================================================================
   Structure                                               
   ========================================================================== */
.sidebar-form {
    padding: 10px 20px 30px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 5px solid #dedcdc;
}

.sidebar-form h3 {
    font-weight: 500;
}
.lp-nonavi-header {
    border-top: 3px #56b88d solid;
    padding-top: 25px;
    margin-bottom: 35px;
}

span.btn-lp {
    float: right;
}

.btn-lp a {
  padding: 10px 30px 10px 30px;
  font-size: 15px;
  color: #3dae7d;
  border: 1px #3dae7d solid;
  transition: all .5s ease;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.btn-lp a:hover {
    padding: 10px 30px 10px 30px;
    font-size: 15px;
    color: #ffffff;
    background: #3dae7d;
    border: 1px #3dae7d solid;
    transition: all .5s ease;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}
.bot-footer{
    background: #292b31;
    border: none;
    color: #37ab6e;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
  cursor:pointer;

}
.hero.general-hero {
    height: 360px;
}
/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}
/*Background in website*/
.bg-gray-solution, .bg-gray-feature, .bg-gray{
    background:#eeeeee;
}
.bg-gray{
	padding-top:30px;
  padding-bottom:30px;
}
.bg-gray-solution{
    padding-bottom:50px;
}
.grey-demo{
    background:#eeeeee;
    padding-top:30px;
}
.testimonial-especial {
    background-image: url(https://www.trekksoft.com/hubfs/fjord-norway-bg.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial-especial ul {
    list-style: none;
    margin: 20px 0 70px 0px;
    padding: 0;
}

.testimonial-especial li:first-child {max-width: 80%;display: inline;float: left;margin-right: 50px;margin-top: 6px;}

.testimonial-especial li:last-child {
    max-width: 30%;
    display: inline-block;
    text-align: center;
    padding-left: 60px;
    padding-top: 0px;
}

.testimonial-especial li:first-child img {
    display: block;
    float: left;
    margin-right: 50px;
    margin-top: 21px;
}

.testimonial-especial li:first-child p {
    color: #fff;
    font-size: 18px;
    font-family: 'Raleway';
}
/* White Block sup background*/
.block-main{
    margin-top:-65px !important;
    background:#fff;
    border-radius: 10px;
    box-shadow: 0px 3px 3px #dfdfdf;
    
}
.block-sup{
    margin-top:-230px !important;
    background:#fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0px 3px 3px #dfdfdf;
    
}
.block-built{
    margin-top:-190px !important;
    background:#fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0px 3px 3px #dfdfdf;
    
}
.block-bd {
    margin-top:-100px !important;
}
.block-bd div .capt{
    background: #fff;
    padding: 20px 20px 20px 20px;
    text-align: center;
    border-bottom: 5px solid #3dab7a;
    border-radius:10px 10px 0px 0px;
}

.block-sup-m{    
    margin-top:-350px !important;
    background:#fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0px 3px 3px #dfdfdf;
    padding-bottom:30px;
}
.block-pricing{
    margin-top:-350px !important;
    padding-top:30px;
    padding-bottom:30px;
}
/*Pricing table - Essential - specific colors classes*/
.pricing-essential .pricing-price {
    background: url(https://www.trekksoft.com/hubfs/plan1-min.png)#14b2cc;
    border: 1px solid #14b2cc;
    border-top-right-radius: 10px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 92%;
    border-top-left-radius: 10px;
}
.pricing-essential .pricing-price p {
    border-bottom: 1px solid #13a3bb;
    padding-bottom: 15px;
}
.pricing-essential .pricing-price .pricing-price-info span.princing-coin {
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 14%;
    left: 32%;
}
.pricing-essential .pricing-features ul.pricing-features-list li:first-child{
    color:#13a3bb;
}
.pricing-essential .pricing-features ul.pricing-features-list{
    padding-bottom: 108px;
}
.pricing-ultimate .pricing-features ul.pricing-features-list {
    padding-bottom: 50px;
}
.pricing-essential .pricing-price p:lang(de) {
   /* padding-bottom: 20px; */
}
.pricing-essential .pricing-features{
    background:url(https://www.trekksoft.com/hubfs/bg-p1-min.png)#fff;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 92%;
}
/*Pricing table - Accelerate - specific colors classes*/
.pricing-accelerate{
    margin-top: -37px;
}
.pricing-accelerate .pricing-price {
    background: url(https://www.trekksoft.com/hubfs/plan2-min.png)#1dca86;
    border: 1px solid #1dca86;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 92%;
}
.pricing-accelerate .pricing-high{
    background:#fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color:#1dca86;
    text-align:center;
    padding:10px 0;
}
.pricing-accelerate .pricing-price p {
    border-bottom: 1px solid #17b979;
    padding-bottom: 15px;
}
.pricing-accelerate .pricing-features ul.pricing-features-list li:first-child{
    color:#1dca86;
}
.pricing-accelerate .pricing-features{
    background:url(https://www.trekksoft.com/hubfs/bg-p-2-min.png)#fff;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 92%;
}
.pricing-accelerate .pricing-details a.cta{
    display:block;
    background:#ff9100;
    margin:0px 25px 10px 25px;
    padding:20px 0px;
    text-align:center;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border:3px #ff9100 solid;
    color:#fff;
    font-size:18px;
    font-weight:600;
}
/*Pricing table - Ultimate - specific colors classes*/
.pricing-ultimate .pricing-price {
    background: url(https://www.trekksoft.com/hubfs/plan3-min.png)#3acbfb;
    border: 1px solid #3acbfb;
    border-top-right-radius: 10px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 92%;
    border-top-left-radius: 10px;
}
.pricing-ultimate .pricing-price p {
    border-bottom: 1px solid #3dc1ec;
    padding-bottom: 15px;
}
.pricing-ultimate .pricing-features ul.pricing-features-list li:first-child{
    color:#3dc1ec;
}
.pricing-ultimate .pricing-features{
    background:url(https://www.trekksoft.com/hubfs/bg-p-3-min.png)#fff;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 92%;
}
.channel-pricing {
    background: linear-gradient(90deg, #e9e9e9 50%, #d6d6d6 50%);
}

.channel-img {
    background: #eaeaea;
}

.channel-content {
    background: #d6d6d6;
    height: 246px;
    }
.channel-content h3{
    font-size:25px;
    padding: 0px 80px;
    margin-top: 50px;
}
.channel-img {
    background: #eaeaea;  }
}
/*Pricing table - general classes*/
.pricing-price h3 {
    font-size: 30px;
    color: #fff;
    margin: 10px 0 0 0;
}
.pricing-price p {
    color: #fff;
    font-size: 15px;
  margin: 0px 30px 10px 30px;
}
.pricing-price .pricing-price-info {
    position: relative;
    margin-top: 22px;
}
.pricing-price .pricing-price-info span.princing-coin {
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 14%;
    left: 27%;
}
.pricing-price .pricing-price-info  span.princing-coin-value {
    font-size: 70px;
    font-weight: 700;
    padding-left: 7px;
}
.pricing-price .pricing-price-info span.princing-more-info {
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 4%;
}
.pricing-price .pricing-price-info span.princing-others-month {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.pricing-features{
    background:#fff;
}
.pricing-features ul.pricing-features-list{
    list-style: none;
    margin: 0 0 0 0;
    padding: 10px 0 20px 30px;
}
.pricing-features ul.pricing-features-list li{
    margin: 10px 0 0 0px;
    color:#626262;
}
.pricing-features ul.pricing-features-list li span{
    margin: 10px 0 0 0px;
    color:#9e9e9e;
    font-size:13px;
}
.pricing-features ul.pricing-features-list li:first-child{
    margin: 10px 0 0 0px;
    font-weight:700;
    font-size:16px;
}
.pricing-essential .pricing-details{
    background:#14b2cc;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pricing-accelerate .pricing-details{
    background:#1dca86;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pricing-ultimate .pricing-details{
    background:#3acbfb;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.pricing-details{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom:10px;
    margin-bottom:20px;
}
.pricing-details ul.pricing-details-list{
    list-style:none;
    margin: 0 0 0 0;
    padding: 10px 0 20px 30px;
}
.pricing-details ul.pricing-details-list li{
    margin: 0 0 0 0;
    padding: 10px 0px 10px 45px;
    font-size:13px;
    font-weight:600;
    color:#fff;

}
.pricing-details ul.pricing-details-list li:nth-child(1){
    background:url(https://www.trekksoft.com/hubfs/icon-s-1-min.png)no-repeat;
}
.pricing-details ul.pricing-details-list li:nth-child(2){
    background:url(https://www.trekksoft.com/hubfs/icon-s-2-min.png)no-repeat;
    background-position-y: 7px;
}
.pricing-details ul.pricing-details-list li:nth-child(3){
    background:url(https://www.trekksoft.com/hubfs/icon-s-3-min.png)no-repeat;
    background-position-y: 4px;
}
.pricing-details ul.pricing-details-list li span{
    font-size:12px;
    font-weight:400;
    color:#154b4d;
}
.pricing-details ul.pricing-details-list li span a{
    font-size:12px;
    font-weight:400;
    color:#154b4d;
    font-style:italic;
    text-decoration:underline;
}
.pricing-details a.cta, .pricing-details .cta a{
    display:block;
    background:rgba(0, 0, 0, 0.2);
    margin:0px 25px 10px 25px;
    padding:20px 0px;
    text-align:center;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border:3px #fff solid;
    color:#fff;
    font-size:18px;
    font-weight:600;
}
/*Specific for languages*/
.pricing-essential .pricing-price p:lang(de) {
    padding-bottom: 35px;
}

.pricing-price .pricing-price-info span.princing-coin:lang(de) {
    left: 22%;
}

.pricing-essential .pricing-price .pricing-price-info span.princing-coin:lang(de) {
    left: 27%;
}


.pricing-essential .pricing-price p:lang(es) {
    padding-bottom: 35px;
}

.pricing-accelerate .pricing-price p:lang(es) {
    padding-bottom: 33px;
}

.pricing-essential .pricing-price p:lang(it) {
    padding-bottom: 35px;
}

.pricing-accelerate .pricing-price p:lang(it) {
    padding-bottom: 33px;
}
.pricing-price .pricing-price-info span.princing-coin:lang(it) {
    left: 22%;
}
.dark-gray-module {
    background: #3c3c3c;
}


.enterprise-module-pricing {
        background-image: url(https://www.trekksoft.com/hubfs/enterprise-game.svg);
    background-color: #592f73;
    background-size: 2000px;
    background-position: bottom;
    background-attachment: local;

}
.en-block-pricin {
    color: #fff;
}
.en-block-pricin .span9{
    padding:20px 150px 20px 0px;
}
.en-block-pricin p {
    color: #fff;
}

.en-block-pricin a {
    display: block;
    margin: 40px 25px 10px 25px;
    padding: 20px 0px;text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 3px #fff solid;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    }

.trekkp {
    background: #fff;
    margin-top: 70px;
}

.pricing-module{
    margin-top:-350px !important;
    padding-top:30px;
    /*padding-bottom:30px;*/
}
.pricing-price {
    padding: 10px 10px 10px 10px;
    text-align:  center;
    color: #fff;
    margin: 0 0 0 0;
}
.pricing-price p {
    color: #fff;
    font-size: 15px;
    padding-bottom: 20px;
}

.pricing-price h3 {
    font-size: 30px;
    color: #fff;
    margin: 20px 0px 0px 0px;
}
.pricing-contentlist {
    background: #fff;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
}

ul.princing-content-details {
    list-style: none;
    padding: 5px 35px 5px 35px;
    margin:  0 0 0 0;
}

.pricing-contentlist li {
    border-bottom: 1px solid #e2e2e2;
    text-transform: uppercase;
    color: #c0c0c0;
    padding: 13px 0px 13px 55px;
    font-weight: 600;
}
.pricing-contentlist li:lang(de){
    padding:13px 0px 13px 42px;
    font-size:13px;
}
.pricing-contentlist li:lang(es){
    padding:13px 0px 13px 52px;
    font-size:13px;
}
.pricing-contentlist li:lang(it){
    padding:13px 0px 13px 45px;
    font-size:13px;
}
.pricing-contentlist li span {
    color: #848484;
}

.pricing-contentlist li:nth-child(1) {
    background: url(https://www.trekksoft.com/hubfs/img-site/all/pricing-ico-1.png)no-repeat;
    background-position-x: 5%;
    background-position-y: 50%;
}
.pricing-contentlist li:nth-child(2) {
    background: url(https://www.trekksoft.com/hubfs/img-site/all/pricing-ico-2.png)no-repeat;
    background-position-x: 5%;
    background-position-y: 50%;
}
.pricing-contentlist li:nth-child(3) {
    background: url(https://www.trekksoft.com/hubfs/img-site/all/pricing-ico-3.png)no-repeat;
    background-position-x: 5%;
    background-position-y: 50%;
}
.pricing-contentlist li:nth-child(4) {
    background: url(https://www.trekksoft.com/hubfs/img-site/all/pricing-ico-4.png)no-repeat;
    background-position-x: 5%;
    border-bottom: 1px solid #fff;
    background-position-y: 50%;
}

.pricing-contentlist a {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    text-align: center;
    background-color: #ff9100;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    color: #fff;
    margin: 7px 22px 9px 23px;
    border: 2px solid #ff9100;
}
.pricing-contentlist a:lang(de) {
    padding:15px 60px 20px 60px;
}

.pricing-contentlist a:hover {
    color: #ff9100;
    background: #fff;
    border: 2px solid #ff9100;
}

.pricing-payg {
    background: url(https://www.trekksoft.com/hubfs/img-site/all/payg-img.png)#3cb283;
    border: 1px solid #3cb283;
    border-top-right-radius: 10px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 92%;
    border-top-left-radius: 10px;
}

.pricing-price.pricing-payg p {
    border-bottom: 1px solid #3aad7f;
    padding-bottom: 36px;
}

span.princing-payg-value {
    font-size: 30px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}

span.pricing-more-info {
    font-style: oblique;
    margin-bottom: 35px;
    display: block;
}

.pricing-professional {
    background: url(https://www.trekksoft.com/hubfs/img-site/all/professional-img.png)#0b98b2;
    border: 1px solid #0b98b2;
    border-top-right-radius: 10px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 90%;
    margin-top: -15px;
    position: relative;
    border-top-left-radius: 10px;
}
.pricing-enterprise {
    background: url(https://www.trekksoft.com/hubfs/img-site/all/enterprise-img.png)#32c4de;
    border: 1px solid #32c4de;
    border-top-right-radius: 10px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 84%;
    border-top-left-radius: 10px;
}
.pricing-price.pricing-professional p {
    border-bottom: 1px solid #0990a9;
    padding-bottom: 33px;
    }
.pricing-price.pricing-enterprise p {
    border-bottom: 1px solid #42bcd1;
}

span.princing-others-coin {
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 14%;
    left: 13%;
}
.pricing-professional .pricing-price-info, .pricing-enterprise .pricing-price-info {
    max-width: 220px;
    margin-left: 20%;
}
span.princing-others-value {
    font-size: 60px;
    font-weight: 700;
    padding-left: 7px;
}

span.princing-others-month {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.pricing-price-info {
    position: relative;
}

.pricing-professional .pricing-price-info {
    margin-top: 22px;
}

.pricing-enterprise .pricing-price-info {
    margin-top: 21px;
    margin-bottom: 0px;
}

.pricing-payg .pricing-price-info {
    margin-top: 52px;
    margin-bottom: 45px;
}
.pricing-payg .pricing-price-info:lang(de){
    margin-top: 22px;
    margin-bottom: 36px;
}
.pricing-payg .pricing-price-info:lang(it) {
    margin-top: 16px;
    margin-bottom: -11px;
}
.pricing-price.pricing-professional h3:after {
    content: 'Most Popular';
    font-size: 12px;
    position: absolute;
    right: -7px;
    top: 6px;
    font-family: 'Open Sans';
    font-weight: 100;
    background:  #fff;
    font-style: oblique;
    color: #0b98b2;
    border: 1px solid #0b98b2;
    padding: 5px 9px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.pricing-price.pricing-professional:lang(es) h3:after{
    content: 'Más popular';
}
.pricing-price.pricing-professional:lang(de) h3:after{
    content: 'Beliebteste Variante';
}
.pricing-price.pricing-professional:lang(it) h3:after{
    content: 'Più polare';
}
.pricing-disclaimer {
    text-align: right;
    margin-top: 30px;
    font-size: 13px;
}
div.pricing-price.pricing-enterprise > div > span.princing-others-coin:lang(en) {
    left: -9%;
}
div.pricing-price.pricing-enterprise > div > span.princing-others-coin:lang(de) {
    left: 5%;
}
div.pricing-price.pricing-enterprise > div > span.princing-others-coin:lang(it) {
    left: 3%;
}
div.pricing-price.pricing-enterprise > div > span.princing-others-coin:lang(es) {
    left: -9%;
  	top: -7%;
}
@media (max-width: 600px) {
    .pricing-module{
    margin-top: -410px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.pricing-contentlist {
    background: #fff;
    margin: 0 0 40px 0px;
    padding: 10px 10px 10px 10px;
}


.pricing-price.pricing-professional h3:after {
    top: 8px;
}
}
/*Use cases block*/
.use-cases-block h2{
    color: #4b9e51;
    font-size: 38px;
    margin-top:20px;
    margin-bottom: 50px;
    padding: 0 0 0 0;
  text-align:center;
}
.use-cases-bottom {
    text-align: left;
    background:#fff;
    border-radius:10px;
    padding:10px 10px;
    border-top:#2acc89 solid 5px;
}
.use-cases-bottom:hover{
    background:#2acc89;
}
.use-cases-bottom:hover h3{
    color:#fff;
}
.use-cases-bottom:hover p{
    color:#fff;
}
.use-cases-bottom:hover a{
    color:#2acc89;
    background:#fff;
}
.use-cases-bottom:hover h3:after{
    background: #3dab7a;
}
.use-cases-bottom h3{
    font-size:22px;
    margin:10px 0px 5px 0px;
    text-align:center;
}
.use-cases-bottom h3:after{
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 10px;
    margin-left:20px;
    display: block;
}
.use-cases-bottom p{
    font-size:16px;
    text-align:center;
}
.use-cases-bottom.bottom-success-stories p{
    margin-bottom:32px;
}
.use-cases-bottom.bottom-destination-companies p{
    margin-bottom:53px
}
.use-cases-bottom.bottom-enterprise p{
    margin-bottom:35px
}
.use-cases-bottom.bottom-tour-companies p{
    margin-bottom:34px;
}
.use-cases-bottom a{
    font-size:16px;
    font-weight:600;
    background:#2acc89;
    color:#fff;
    display:block;
    text-align:center;
    padding:10px 0px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    margin-bottom:5px;
}

/*Pricing page - Q3*/

/* Menu in Solutions Page*/
.solutions-menu{
    border-bottom: 1px solid #f5f5f5;
    width: 95% !important;
    margin: 0 auto!important;
    float: none !important;
}
.spaces{
    margin-top:70px;
}
.space{
    margin-top:20px;
}
.built-for-secction h3{
    text-align: center;
    font-size: 30px;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}
.built-for-list{
    width: 100%;
    float: left;
    margin: 20px 0px 20px 0;
    padding: 0px 0px 0px 2%;
}
.built-for-list li{
    float: left;
    display: inline-block;
    width: 190px;
    text-align: center;
    margin: 0 20px;
}
.built-for-list li figure{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
    height: 185px;
    width: 185px;
    margin: 0 auto;
}
.builtfig, .builtfig:hover{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.built-for-list li h4{
    font-size: 18px;
    color:#83d8b8;
    margin: 20px 0;
}
/* Testimonial BG */
.testimonial-bg{
     background:url(https://www.trekksoft.com/hubfs/website/solution/bg-testimonial.png)left center no-repeat;
     padding: 40px 110px 10px 60px;
}
.negative{
    margin-top:-210px !important;
}
.testimonial-bg h3{
    font-family:Open Sans;
    font-size:22px;
    font-style:italic;
    color:#fff;
    font-weight: 200;
    margin:20px 0px 16px 0px;
}
.testimonial-bg h3:after{
    content: "";
    width: 150px;
    height: 2px;
    background: #fff;
    margin-top: 15px;
    display: block;
}
.testimonial-bg p{
    font-family:Raleway;
    font-size:32px;
    color:#fff;
    margin: 0px 0px 0px 0px
}
span.case-s {
    display: block;
    border: 2px solid #00c8a9;
    background: #00c8a9;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px 0px 0 10px;
    padding: 15px 25px 15px 25px;
    text-align: center;
    margin: 5px 0px 0px 20px;
    float: right;
}

span.case-s:hover {
    border: 2px solid #00c8a9;
    background: #fff;
    color: #00c8a9;
}


.trt:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.26);
}
.testimo h2{
    text-align:center;
}
.testimo .trt{
    background:#fff;
    border-radius: 10px 0px;
  margin-top: 30px;
    margin-bottom:30px;
}
.testimo .trt p{
    width:60%;
    float:right;
    padding: 10px 20px 0px 15px;
}
.testimo .trt p:nth-child(2){
     padding: 10px 20px 0px 15px;
     line-height: 22px;
    font-size: 13px !important;
}
}
.testimo .trt span{
    display:inline-block;
    width:60%;
    float:right;
    padding: 10px 10px 10px 15px;
}

.testimo .trt img{
    float:left;
}
.testimo .trt a{
    background:#fff;
}

.main-video{
    text-align:right;
}
.main-video h2{
    display:inline-block;
    font-size: 40px;
    font-family: 'Open Sans';
    font-weight: 500;
    width: 500px !important;
    margin: 0 auto;
    color: #335b36;
}
.main-video h2:after{
    content:"";
    display:none !important;
}
.main-video p{
    display:inline-block;
    width:450px;
}
.white-bg-video{
    background:#fff;
    padding: 10px 10px 10px 10px;
    margin: 60px 0px 10px 20px;
}
body > div.body-container-wrapper > div > div:nth-child(1) > div > div > div:nth-child(3) > div > div > div > div > div > div > div > div.span6.widget-span.widget-type-raw_html{
    margin:0 auto !important;
}
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-4 > div > div > div.row-fluid-wrapper.row-depth-1.row-number-5 > div > div > div > div > div.span6.widget-span.widget-type-raw_html{
    margin:0 auto !important;
}
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-3 > div > div > div.row-fluid-wrapper.row-depth-1.row-number-5 > div > div > div > div > div.span6.widget-span.widget-type-raw_html{
    margin:0 auto !important;
}
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-3 > div > div > div > div > div > div > div > div.span6.widget-span.widget-type-raw_html{
    margin:0 auto !important;
}
.spotilight:hover{
    background:;
}

.w-vds{
    padding-top:30px;
}

body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div > div > div > div > div:nth-child(4) > div > div > div > div > div.span6.widget-span.widget-type-cell.home-img-r.manageh1 > div.row-fluid-wrapper.row-depth-2.row-number-4 > div > div{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 21px;
}
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div > div > div > div > div:nth-child(6) > div > div > div > div > div.span6.widget-span.widget-type-cell.home-img-r.growh1 > div.row-fluid-wrapper.row-depth-2.row-number-4 > div > div{
     padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 21px;   
}
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-9 > div > div > div.row-fluid-wrapper.row-depth-1.row-number-10 > div > div > div > div > div.span6.widget-span.widget-type-raw_html{
    margin:0 auto;
}
/*Demo class*/
.demoblock .moduleprice{
    border-top: 1px #e4e4e4 solid;
    border-left: 1px #e4e4e4 solid;
    border-right: 1px #e4e4e4 solid;
    padding: 30px 30px 10px 30px;
    text-align: center;
    background:#fff;
    margin-bottom:0px;
}

.demoblock .moduleprice p{
    border-top: 1px #ededed solid;
    border-bottom: 1px #ededed solid;
    padding: 21px 0px 21px 0px;
    font-size: 16px;
}
.demoblock .moduleprice hover{
    
}
.moduleprice ul:nth-child(2){
border-top: 1px #ededed solid;
    border-right: 1px #ededed solid;
    border-left: 1px #ededed solid;
    font-size: 18px;
    font-weight: 600;
    font-family: Open Sans;
    padding: 30px 0px 10px 0px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    -moz-box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    transition: all 0.5s ease;
}
.moduleprice ul:nth-child(2):hover {
    border-top: 1px #cccccc solid;
    border-right: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    font-size: 18px;
    font-weight: 600;
    font-family: Open Sans;
    padding: 30px 0px 10px 0px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    -moz-box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    box-shadow: 0px 5px 13px -4px rgba(87,87,87,0.77);
    transition: all 0.5s ease;
}

.demoblock .demo{
    border-top: 6px #3cb283 solid;
}
.demoblock .demo div{
    display:block;
}
.demoblock .demo h3{
    display: inline-block;
    font-size: 17px !important;
    color: #000000 !important;
    line-height: 31px !important;
}
.demoblock .demo img{
    display: inline-block;
    padding-right: 10px;
    
}
.demoblock .demo ul{
    list-style:none;
    text-align:left;
}
.demoblock .demo ul li{
    margin:10px 0px 0px 0px;

}
.demoblock .demo ul li span{
    display:inline-block;
    padding: 15px 0px 5px 0px;
    font-size:15px !important;
}

.demobox p{
    padding:0px 230px 0px 0px;
    font-size:16px;
    margin-bottom: 45px;
}
.demobox h4{
    font-size:40px;
    color:#335b36;
}
.demobox h4:after{
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
.featured{
    margin-top:50px;
    margin-bottom:50px;
    padding:10px 10px 10px 10px;
}
.featured p{
    font-size:18px;
    color:#cecece;
    text-transform:uppercase;
}
/*Fix the DE Feature By*/
.featured p:lang(de){
    font-size:15px;
    margin-top: 19px;
}
/*Fix the ES Feature By*/
.featured p:lang(es){
    font-size:16px;
}
/* ==========================================================================
   Header
   ========================================================================== */
.youtube { /* continer (responsive) */
  position: relative;
  cursor: pointer;
  background: #ccc no-repeat center center / cover; 
  padding-bottom: 56.25%; /* 16:9 */
  height: 0px;
  clear:both;
}

.youtube::before { /* play bubble */
  content: '';
  background: rgba(255, 255, 255, .6);
  background-size: 800px 600px;
  height: 80px;
  width: 80px;
  display:block;
  margin: -40px 0 0 -40px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 20px 3px rgba(51, 51, 51, .8);
  transition: all .1s ease;
  z-index:1;
}

.youtube:hover::before { /* play bubble hover */
  background: rgba(238, 238, 238, .8);
  box-shadow: 0 0 10px 3px rgba(51, 51, 51, .8);
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}

.youtube::after { /* Play Triangle */
  content: '';
  width: 0;
  height: 0;
  line-height:0px;
  display:block;
  border-style: solid;
  border-width: 20px 0 20px 40px;
  margin: -20px 0 0 -15px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  z-index:2;
} 
.youtube iframe{ /* youtube embed (responsive) */
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left: 0%;
  z-index:3;
  display: inline-block;
}
.block-youtube{
 margin: 0 auto !important;
    width: 780px;
}
.header-container-wrapper {}
.header-container {}
/*General Header for no-specific languages (e.g. PT or HR)*/
.general-header-class {
    margin: 1% 1% 1% 0%;
background-color:white;
}
.general-header-class .logo-blog-gen {
    margin: 0.4% 0% 0% 0%;
}
.general-header-class .homedemobt a {
    color: #fff;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 3% 8%;
    font-size: 16px;
    margin: 0 auto;
}

.general-header-class .login-bt {
    padding: 5% 0%;
    margin: 0 auto;
    display: block;
    
    text-align: right;
}

/* Logo styling */
.logo-trekksoft{
text-align: left;
padding: 10px 10px 10px 10px;
}
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}




/* ==========================================================================
   Content                                                 
   ========================================================================== */
.body-container-wrapper {}
.body-container {}
.hero{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    height: 650px;
}

.span12 .hero-content{
    width: 75%;
    text-align: center;
    margin: 0 auto !important;
    color: #fff;
    float:none;
}
.hero-content h1{
    text-shadow: 2px 3px 6px #398053;
}
.hs-content-id-5193956468 .hero-content h1{text-shadow: 2px 3px 6px #ff8952;}
.hs-content-id-5194384316 .hero-content h1{text-shadow: 2px 3px 6px #de728f;}
.hs-content-id-5193958118 .hero-content h1{text-shadow: 2px 3px 6px #108cbe;}
.hero-content .feature-hero h1{
    margin:0px 0px 0px 0px !important;
} 
.feature-hero #hs_cos_wrapper_module_1496153846395216{
    margin-top: 70px;
    display: block;
    
}
.hero-content span{
    font-size:16px;
}
.hero-content .shadow-text{
    text-shadow: 1px 1px 5px #000;
}
#hs-content-id-5246804772 .hero-content span{
    text-shadow: 0px 0px 0px #ff9100 !important;
}

/*specific testimonial */
.hero-t{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    height: 560px;
}
.span12 .hero-content-t{
    text-align: left;
    color: #fff;
    padding: 50px 180px 50px 50px;
}
.hero-content-t h1{
    text-shadow: 2px 3px 6px #398053;
}
.hero-content-t .feature-hero h1{
    margin:0px 0px 0px 0px !important;
} 
.feature-hero #hs_cos_wrapper_module_1496153846395216{
    margin-top: 70px;
    display: block;
    
}
.hero-content-t span{
    font-size:16px;
}

.box-video{
  position: relative;
  max-width:590px;
  margin:0 auto 20px auto;
  cursor: pointer;
  overflow: hidden;
}

.box-video .bg-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

.box-video .video-container{
  position: relative;
  margin: 0;
  z-index: 1;
}

.box-video .bt-play {
  position: absolute;
  top:50%;
  left:50%;
  margin:-30px 0 0 -30px;
  display: inline-block;
  width: 60px;
  height: 60px;
  background:#fff;
  border-radius: 50%;
  text-indent: -999em;
  cursor: pointer;
  z-index:2;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.box-video .bt-play:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  margin: -12px 0 0 -6px;
  border: solid transparent;
  border-left-color: #000;
  border-width: 12px 20px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.box-video:hover .bt-play {
  transform: scale(1.1);
}

.box-video.open .bg-video{
  visibility: hidden;
  opacity: 0;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;  
}
.box-video.open .video-container{
  opacity: 1;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;
}
/* Unique Pages
   ========================================================================== */
/*temporary academy*/
.oppacity{opacity: 0.6;
     }

.full-width-bg{
          background:#ffffff;
           z-index: 1
     }
     
.full-width-bg-transparent{
          background: rgba(255,255,255,0.5);
           z-index: 1
           
     }
     
.full-width-bg-less-transparent{
          background: rgba(255,255,255,0.8);
           z-index: 1
           
     }

.full-width-bg-blue{
          background:#417aa9;
     z-index: 1}

.full-width-bg-blue-transparent{
          background: rgba(65,122,169,0.5);
     z-index: 1}
     
.full-width-bg-orange{
          background:#ffb856;
     z-index: 1}
     
.full-width-bg-orange-transparent{
          background: rgba(255,136,86,0.5);
     z-index: 1}
     
.full-width-bg-gray{
          background:#4f5252;
    z-index: 1 }
    
.full-width-bg-gray-transparent{
          background: rgba(79,82,82,0.5);
    z-index: 1 }
    
.full-width-bg-gray-less-transparent{
          background: rgba(79,82,82,0.8);
    z-index: 1 }
     
.full-width-bg-2{
          background:#f3f3f3;
     z-index: 1}
     
.full-width-bg-2-transparent{
          background: rgba(244,244,244,0.5);
     z-index: 1}
     
.full-width-bg-2-less-transparent{
          background: rgba(244,244,244,0.5);
     z-index: 1}
     
 .full-width-bg-green{
          background:#3cb282;
     z-index: 1}

.full-width-bg-green-transparent{
          background: rgba(60,178,130,0.5);
     z-index: 1}
     
    .full-width-bg-green-less-transparent{
          background: rgba(60,178,130,0.8);
     z-index: 1} 
    .full-width-bg-discount{
          background: rgba(160, 48, 48, 0.74);
     z-index: 1}  
         .full-width-bg-discount1{
          background: rgba(33, 197, 129, 0.43);
     z-index: 1}
     .full-width-bg-discount2{
         background: #e4e4e4 url(https://www.trekksoft.com/hubfs/card-reader-gift.png) no-repeat center right;
         z-index:1;
     }
.devices-top{
    z-index: 10}
/* Main Page */
.white-bg-home{
 margin-top: 20px;
    background-color: rgba(255,255,255,.1);
    padding-bottom: 150px;
}
 .main{
    height: 650px !important;
}
.hs-content-id-5210275785 #hs_cos_wrapper_module_1496002784674911 > h1 {
    font-size: 50px !important;
    margin: 0px 0px 0px 0px;
    padding-bottom: 20px;
    padding-top: 70px;
    line-height: 0;
}

.main-page{
    font-size: 24px;
    color: #fff;
    padding-bottom: 30px;
    margin: 0 auto;
}
.main-page-minor{
    font-size: 20px;
    color: #fff;
    padding-bottom: 28px;
    margin: 0 auto;
}
.header2-home{
    text-align:center;
}
.header2-home h2{
    font-size: 40px;
    font-family: 'Open Sans';
    font-weight: 500;
    width: 800px;
    margin: 0 auto;
    color: #335b36;
}

.header2-home .solutions-menu{
    border-bottom: 1px solid #f5f5f5;
    width: 95% !important;
    margin: 0 auto!important;
    float: none !important;
}
.header2-home .pseller{
    padding:20px 56px 20px 56px;
    border-bottom: 3px solid #2acc89;
}
.header2-home .pmanager{
     padding:20px 40px 20px 40px;
     border-bottom: 3px solid #ff8952;
}
.header2-home .pgrower{
     padding:20px 56px 20px 56px;
     border-bottom: 3px solid #de728f;
}
.homedemobt a{
     -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    background-color: #ff9100;
    padding: 15px 90px 20px 90px;
    font-size: 18px;
    color: inherit;
    margin: 30px 11px 30px 0px;
    border: 2px solid #ff9100;
    transition: all 0.5s ease;
    text-shadow: 0px 0px 5px #d46d12 !important;
}
.homedemobt a:hover{
    background-color: #d46d12;
    color: #fff !important;
    border:2px solid #d46d12;
    transition: all 0.5s ease;
    text-shadow: 0px 0px 5px #ff9100 !important; 
}
.homedemolinesbt a{
    border: 2px solid #ffc06d;
    color: #ffd9a8;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 15px 130px 20px 130px;
    font-size: 18px;
    margin: 30px 0px 30px 0px; 
    transition: all 0.5s ease;
}
.homedemolinesbt a:hover{
    background-color: #d46d12;
    font-size: 18px;
    color: #fff !important;
    border:2px solid #d46d12;
    transition: all 0.5s ease;
}
.white-bg-home .page-center .featured{
    margin-top:20px;
    margin-bottom:20px;
    padding:10px 10px 10px 10px;
}
.main-page-desc{
    text-align:center;
}
.main-page-desc h2{
    font-size: 40px;
    font-family: 'Open Sans';
    font-weight: 500;
    width: 800px;
    margin: 0 auto;
    color: #335b36;
}
.main-page-desc h2:after{
    content: "";
    padding-top:5px;
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin: 0 auto;
    display: block;
}
.home-pillars{
    margin-top:10px;
    margin-bottom:10px;
}
.home-pillars .hometitle h3{
    font-family: Raleway;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    margin: 20px 0px 20px 0px;
    padding: 0px 160px 0 160px;
}
.home-pillars .hometitle p{
    text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 0px 140px 30px 140px;
    font-size: 16px;
    line-height: 28px;
}
.home-pillars .homebuttons p{
    text-align: center;
    margin-bottom: 50px;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
}
.solutionsellhome img{
    margin-top:10px;
}
.main-page-desc .solutions-menu{
    border-bottom: 1px solid #f5f5f5;
    width: 95% !important;
    margin: 0 auto!important;
    float: none !important;
}
.icohome{
    margin: 21px 0px 0px 0px;
}
.icohome ul{
    list-style: none;
}
.icohome img{
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 0px 9px;
    width: 55px;
}
.icohome li{
    display: inline-block;
    padding: 0px 15px 12px 15px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}
.icohome a{
    color:#4a4a4a;
    font-family:"Open Sans";
    font-size: 20px;
}
.main-page-desc .pseller{
    padding:20px 56px 20px 56px;
    border-bottom: 3px solid #2acc89;
}
.main-page-desc .pmanager{
     padding:20px 40px 20px 40px;
     border-bottom: 3px solid #ff8952;
}
.main-page-desc .pgrower{
     padding:20px 56px 20px 56px;
     border-bottom: 3px solid #de728f;
}
.main-page-desc .pcustomizer{
     padding:20px 40px 20px 40px;
     border-bottom: 3px solid #108cbe;
}
.gro{
    padding:0px 30px 30px 30px;
}
.group-icons{
    margin: 0px 0px 15px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    border: 1px solid #ededed;
    padding:30px 20px 30px 20px;
}
.sellh h4{
    color:#335b36 !important;
}
.sellh1{
    background:url(https://www.trekksoft.com/hubfs/website/sell-img-bg-1.png)left top no-repeat;
}
.sellh1 h3{
    color:#2acc89;
}
.manageh1{
    background:url(https://www.trekksoft.com/hubfs/website/manage-img-bg.png)right top no-repeat;
}
.manageh1 h3{
    color:#ff8952;
}
.growh1{
    background:url(https://www.trekksoft.com/hubfs/website/customize-img-bg.png)right top no-repeat;
}
.growh1 h3{
    color:#108cbe;
}
.customizeh1{
    background:url(https://www.trekksoft.com/hubfs/website/grow-img-bg.png)left top no-repeat;
}
.customizeh1 h3{
    color:#de728f;
}

.community h3{
    font-size:32px;
    font-family:"Raleway";
    color:#575b52;
}
.community p{
    font-size:15px;
    color:#666666;
}
.comma{
    padding:17px 30px 0px;
}
.community .lines a{
    border:1px solid #fc9120;
    color:#fc9120;
      -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    margin: 30px 0px 30px 0px;
    transition: all 0.5s ease;   
}
.community .lines a:hover{
    background:#fff;
    color:#fc9120;
    transition: all 0.5s ease;
}
/* Solutions */
.ico .info{
    float:left;
    margin: 21px 0px 0px 0px;
}
.ico ul{
    float:right;
    list-style: none;
}
.ico img{
    margin: 0px 0px -5px 0px;
    padding: 0px 5px 0px 9px;
}
.ico li{
    display: inline;
    padding: 0px 15px 12px 15px
}
.ico a{
    color:#4a4a4a;
    font-family:"Raleway";
}
.pseller{
    padding:10px 10px 10px 10px;
    border-bottom: 3px solid #2acc89;
}
.pmanager{
     padding:10px 10px 10px 10px;
     border-bottom: 3px solid #ff8952;
}
.pgrower{
     padding:10px 10px 10px 10px;
     border-bottom: 3px solid #de728f;
}
.pcustomizer{
     padding:10px 10px 10px 10px;
     border-bottom: 3px solid #108cbe;
}

.pillar-description{
    padding: 20px 10px 0px 50px;
    margin-top: 25px;
}
.pillar-description h2{
    font-size:38px;
    line-height:1em;
}
.pillar-description h2:after{
     content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
.pillar-description p{
    font-size:16px;
    width: 85%;
    line-height: 1.5em;
}
.pillar-image img{
    float: right;
    margin: -1px;
}
.seller{
    background:url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/website/solution/bg-sell.png?t=1496375760408)left center no-repeat;
}
.seller h2{
    color:#2acc89;
}
.manager{
    background:url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/website/solution/bg-manage.png?t=1496375760408)left center no-repeat;
}
.manager h2{
    color:#ff8952;
}
.grower{
    background:url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/website/solution/bg-grow.png?t=1496375760408)left center no-repeat;
}
.grower h2{
    color:#de728f;
}
.customizer{
    background:url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/website/solution/bg-customize.png?t=1496375760408)left center no-repeat;
}
.customizer h2{
    color:#108cbe;
}
.block-sup h3{
    font-size:38px;
    text-align:center;
}
.block-sup-m h3{
    font-size:38px;
    text-align:center;
}
.block-built h3{
    font-size:38px;
    text-align:center;
}
.ss1{
    background:url(https://www.trekksoft.com/hubfs/website/solution/website-builder-sell.png)right center no-repeat;
}
.ss2{
    background:url(https://www.trekksoft.com/hubfs/website/solution/add-button-booking.png)left center no-repeat;
}
.ss3{
    background:url(https://www.trekksoft.com/hubfs/website/solution/payment-gateway-booking.png)right center no-repeat;
}
.ss4{
    background:url(https://www.trekksoft.com/hubfs/website/solution/point-of-sales.png)left center no-repeat;
}
.sm1{
    background:url(https://www.trekksoft.com/hubfs/website/solution/calendar-sync-management.png)right center no-repeat;
}
.sm2{
    background:url(https://www.trekksoft.com/hubfs/website/solution/pre-post-trip-notification-manage.png)left center no-repeat;
}
.sm3{
    background:url(https://www.trekksoft.com/hubfs/website/solution/manage-proprieties.png)right center no-repeat;
}
.sm4{
    background:url(https://www.trekksoft.com/hubfs/website/solution/resource-management-manage.png)left center no-repeat;
}
.sg1{
    background:url(https://www.trekksoft.com/hubfs/website/solution/channel-grow-r.png)right center no-repeat;
}
.sg2{
    background:url(https://www.trekksoft.com/hubfs/website/solution/partner-grow-l.png)left center no-repeat;
}
.sg3{
    background:url(https://www.trekksoft.com/hubfs/website/solution/resellers-r.png)right center no-repeat;
}
.sg4{
    background:url(https://www.trekksoft.com/hubfs/website/solution/addon-grow-l.png)left center no-repeat;
}
.sc1{
    background:url(https://www.trekksoft.com/hubfs/website/solution/custom-customize-r.png)right center no-repeat;
}
.sc2{
    background:url(https://www.trekksoft.com/hubfs/website/solution/acess-customize-r.png)left center no-repeat;
}
.sc3{
    background:url(https://www.trekksoft.com/hubfs/website/solution/report-customize-l.png)right center no-repeat;
}
.sc4{
    background:url(https://www.trekksoft.com/hubfs/website/solution/api-customize-l.png)left center no-repeat;
}
.feature-desc{
    position: relative;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.ss1 .feature-desc, .ss3 .feature-desc{
    padding: 0px 90px 0px 0px;
}
.ss2 .feature-desc, .ss3 .featuredesc{
    padding: 0px 0px 0px 90px;
}
.feature-desc h4{
    font-weight:700;
    font-size:20px;
}
.feature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
.feature-l .feature-desc h4:after{
    float:right;
}
.ss1 .feature-desc h4, .ss2 .feature-desc h4, .ss3 .feature-desc h4, .ss4 .feature-desc h4{
    color: #2acc89 !important;
}
.sm1 .feature-desc h4, .sm2 .feature-desc h4, .sm3 .feature-desc h4, .sm4 .feature-desc h4{
    color: #ff8952 !important;
}
.sg1 .feature-desc h4, .sg2 .feature-desc h4, .sg3 .feature-desc h4, .sg4 .feature-desc h4{
    color: #de728f !important;
}
.sc1 .feature-desc h4, .sc2 .feature-desc h4, .sc3 .feature-desc h4, .sc4 .feature-desc h4{
    color: #108cbe !important;
}
.feature-r, .feature-l{
    margin-top:20px;
}
.feature-l .feature-desc{
    text-align:right;
}
.feature-l img{
   float:right;
   margin:-1px !important;
}
/*Solutions New Template v2.0*/
.container-fluid .row-fluid .solution-view {
  float: none;
  max-width:1200px;
  margin: 0 auto;
  width: 100%;
  height:100%;
}
.container-fluid .row-fluid .solution-view .bg-80{
    margin-top:10px;
    margin-bottom:10px;
}
.hero .solutions-top{
    margin-top:10px;
}
.block-solutions{
    margin-top:-200px !important;
    background:#fff;
    box-shadow: 0px 3px 3px #dfdfdf;
}
.hero .solutions-top .solutions-content{
    text-align:center;
    color:#fff;
}
.solutions-content .shadow-sell h1{
    text-shadow: 2px 3px 6px #398053;
}
.solutions-content .shadow-manage h1{
    text-shadow: 2px 3px 6px #e97e4c;
}
.solutions-content .shadow-grow h1{
    text-shadow: 2px 3px 6px #db6282;
}
.solutions-content p{
    color:#fff;
    padding:0px 200px 0px 200px;
    line-height:24px;
    font-size:16px;
    text-shadow: 0px 0px 11px #ccc;
}
.solutions-content .ctademo a{
    color:#fff;
    margin:20px 0px 0px 0px !important;
    border:2px solid #ff9100;
    color:#fff;
    background:#ff9100;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
}
.solutions-content .ctademo a:hover{
    color:#fff;
    margin:20px 0px 0px 0px !important;
    border:2px solid #ff9100;
    background:#fff;
    color:#ff9100;
}
.spillar-content{
  display: table-cell !important;
  vertical-align: middle;
}
.nonspecial-title:before{
    content: '';
    display: block;
    max-width: 600px;
    margin: 60px 0% 60px 25%;
    background: #fff;
    padding: 0px 0px 1px 0px;
}
.special-title:before{
    content: '';
    display: block;
    max-width: 600px;
    margin: 100px 0% 100px 25%;
    background: #dadada;
    padding: 0px 0px 1px 0px;
}
.spillar-title{
    text-align:center;
}
.spillar-title h3{
    font-size: 38px;
    line-height: 1em;
    text-align:center;
    margin: 0px 0px 40px 0px;
}
.spillar-title p{
    font-size: 18px;
    font-family: 'Open Sans';
    text-align:center;
    padding: 20px 110px 20px 110px;
}
.spillar-description{
    padding: 20px 10px 0px 50px;
    margin-top: 25px;
}
.spillar-description h2{
    font-size:38px;
    line-height:1em;
}
.spillar-description h2:after{
     content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
.spillar-description p{
    font-size:16px;
    width: 85%;
    line-height: 24px;
}
.spillar-image img{
    float: right;
    margin: -1px;
}
/*Rentals*/
.hs-content-id-5197615121 .sfeature-built1{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
} 
.hs-content-id-5197615121 .sfeature-built2{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(39%);
    -ms-transform: translateY(39%);
    transform: translateY(39%);
    line-height: 24px;
} 
.hs-content-id-5197615121 .sfeature-built3{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(49%);
    -ms-transform: translateY(49%);
    transform: translateY(49%);
    line-height: 24px;
} 
.hs-content-id-5197615121 .sfeature-built4{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(19%);
    -ms-transform: translateY(19%);
    transform: translateY(19%);
    line-height: 24px;
} 
/*Tour Operators*/
.hs-content-id-5197593631 .sfeature-l img{
   float:right;
   margin-right:-51px !important;
}
/*PROVIDERS*/
.span6.widget-span.widget-type-raw_html.tg-vd {
    margin: 0 auto;
}
.hs-content-id-5197895798.sfeature-l img{
   float:right;
   margin-right:-51px !important;}

.hs-content-id-5197593631 .sfeature-built1{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
} 
.hs-content-id-5197593631 .sfeature-built2{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(39%);
    -ms-transform: translateY(39%);
    transform: translateY(39%);
    line-height: 24px;
} 
.hs-content-id-5197593631 .sfeature-built3{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(49%);
    -ms-transform: translateY(49%);
    transform: translateY(49%);
    line-height: 24px;
} 
.hs-content-id-5197593631 .sfeature-built4{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(19%);
    -ms-transform: translateY(19%);
    transform: translateY(19%);
    line-height: 24px;
} 

.sfeature-built1{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
}
.sfeature-built2{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
}
.sfeature-built3{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
}
.sfeature-built4{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
}
.sfeature-desc1{
    display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
}
.sfeature-desc2{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(23%);
    -ms-transform: translateY(23%);
    transform: translateY(23%);
    line-height: 24px;
}
.sfeature-desc3{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(18%%);
    -ms-transform: translateY(18%%);
    transform: translateY(18%%);
    line-height: 24px;
}
.sfeature-desc4{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    line-height: 24px;
}
.sfeature-mang1{
    display:inline-block;
    position:relative;
    -webkit-transform: translateY(12%);
    -ms-transform: translateY(12%);
    transform: translateY(12%);
    line-height: 24px;
}
.sfeature-mang2{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(33%);
    -ms-transform: translateY(33%);
    transform: translateY(33%);
    line-height: 24px;
}
.sfeature-mang3{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    line-height: 24px;
}
.sfeature-mang4{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    line-height: 24px;
}
.sfeature-gro1{
    display:inline-block;
    position:relative;
    -webkit-transform: translateY(19%);
    -ms-transform: translateY(19%);
    transform: translateY(19%);
    line-height: 24px;
}
.sfeature-gro2{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(17%);
    -ms-transform: translateY(17%);
    transform: translateY(17%);
    line-height: 24px;
}
.sfeature-gro3{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(16%);
    -ms-transform: translateY(16%);
    transform: translateY(16%);
    line-height: 24px;
}
.sfeature-gro4{
    display:inline-block;
     position:relative;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    line-height: 24px;
}
.ss1 .sfeature-desc, .sm1 .sfeature-desc, .sg1 .sfeature-desc, .builtf1 {
    padding: 0px 50px 50px 0px;
}
.ss2 .sfeature-desc, .sm2 .sfeature-desc, .sg2 .sfeature-desc, .builtf2 {
    padding: 0px 50px 0px 40px;
}
.ss3 .sfeature-desc, .sm3 .sfeature-desc, .sg3 .sfeature-desc, .builtf3 {
    padding: 0px 50px 50px 0px;
}
.ss4 .sfeature-desc, .sm4 .sfeature-desc, .sg4 .sfeature-desc, .builtf4 {
    padding: 0px 50px 0px 40px;
}
.sfeature-desc h4{
    font-weight:700;
    font-size:24px;
}
/*V0.3 - Bold and plus */
.sfeature-desc p a{
    font-weight: bolder;
}
.sfeature-desc p a:after{
    content:" +";
}
.sfeature-desc a{
    font-weight: bolder;
}
.sfeature-desc a:after{
    content:" +";
}
.sfeature-desc div a{
    font-weight: bolder;
}
.sfeature-desc div a:after{
    content:" +";
}
/*end bold and plus */
/*v0.4 feature links*/
a#s1, a#s2, a#s3, a#s4{
    color:#fff;
    font-size:1px;
}
a#m1, a#m2, a#m3, a#m4{
    color:#fff;
    font-size:1px;
}
a#g1, a#g2, a#g3, a#g4{
    color:#fff;
    font-size:1px;
}
.ss1 .sfeature-desc h4:after, .sm1 .sfeature-desc h4:after, .sg1 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
.ss2 .sfeature-desc h4:after, .sm2 .sfeature-desc h4:after, .sg2 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
    left: 280px;
    position:relative;
}
.ss3 .sfeature-desc h4:after, .sm3 .sfeature-desc h4:after, .sg3 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
.ss4 .sfeature-desc h4:after, .sm4 .sfeature-desc h4:after, .sg4 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
    left: 280px;
    position:relative;
}

.ss1 .sfeature-desc h4, .ss2 .sfeature-desc h4, .ss3 .sfeature-desc h4, .ss4 .sfeature-desc h4{
    color: #2acc89 !important;
}
.sm1 .sfeature-desc h4, .sm2 .sfeature-desc h4, .sm3 .sfeature-desc h4, .sm4 .sfeature-desc h4{
    color: #ff8952 !important;
}
.sg1 .sfeature-desc h4, .sg2 .sfeature-desc h4, .sg3 .sfeature-desc h4, .sg4 .sfeature-desc h4{
    color: #de728f !important;
}
.sc1 .sfeature-desc h4, .sc2 .sfeature-desc h4, .sc3 .sfeature-desc h4, .sc4 .sfeature-desc h4{
    color: #108cbe !important;
}

.sfeature-r, .sfeature-l{
    margin-top:20px;
}
.sfeature-l .sfeature-desc{
    text-align:right;
}
.sfeature-l img{
   float:right;
   margin:-1px !important;
}
.sfeature-l ul{
    list-style:none;
}
.sfeature-l li:nth-child(1){
    font-weight: 700;
    font-style: normal;
}
.sfeature-l li{
    font-style: italic;
}
/*TrekkPay*/
.section-testimonial-pricing .page-center{
    padding:0px 0px 0px 0px !important;
}
.section-testimonial-pricing h2{
font-family: Raleway;
color: white;
font-size: 50px;
margin: 96px 0px 0px 0px;
padding-left:15px;
}
.hs-content-name-un-pricing-page .section-testimonial-pricing h2{
    font-size: 60px !important;
    margin: 195px 0px 0px 0px !important;
}
.hs-content-id-4981696669 .section-testimonial-pricing h2{
    font-size: 60px !important;
    margin: 195px 0px 0px 0px !important;
}
.section-testimonial-pricing p{
font-size: 15px;
color: white;
font-family: Open Sans;
margin-top: 50px;
padding-left:15px;
}


/* Pricing Page */
.table-pricing h4{
    font-size:32px;
    color:#335b36;
}
.img-table{
    width:40px;
    margin: 0px 10px -7px 0px;
}
.pricing-plans-page{
    text-align:center !important;
}
.pricing-plans-page h4{
    font-size: 40px;
    color: #335b36;
    position: relative;
}
.pricing-plans-page h4:after{
content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
    left: 46%;
    position: absolute;
}
}
.pricing-plans-page p{
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    margin-bottom: 45px;}
.read-more-target,
.read-more-trigger_opened {
  display: none;
}

.read-more-trigger_opened{
    text-align: center;
    border: 1px solid #38a2b6;
    color: #38a2b6;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: inherit;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    transition: .25s ease;
    cursor: pointer;
}
.read-more-trigger_closed{
    text-align: center;
    border: 1px solid #38a2b6;
    color: #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #38a2b6;
    padding: 15px 550px 20px 550px;
    font-size: 18px;
    margin: 0 auto;
    transition: .25s ease;
    cursor: pointer;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target,
.read-more-state:checked ~ .read-more-trigger_opened {
  display: block;
  transition: .25s ease;
}
.read-more-state:checked ~ .read-more-trigger_closed {
  display: none;
  transition: .25s ease;
}

.table-complete table{
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
.table-complete th:first-child{
    text-align: left;
    width: 49%;
    padding: 0px 0px 12px 0px;
}
.table-complete th{
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #353535;
    font-family:'Raleway';
}
.table-complete table th:nth-child(2) {
    text-align: center;
    width: 17%;
    border-bottom:3px solid #7cc7a6;
}
.table-complete table th:nth-child(3) {
    text-align: center;
    width: 17%;
    border-bottom:3px solid #3ec7e0 ;
}
.table-complete table th:nth-child(4) {
    border-bottom:3px solid #199eb7;
}
.table-complete table td:first-child {
    text-align: left;
}
.table-complete table th{
    padding:15px;
    text-align:center;
}
.table-complete table td {
    padding: 15px;
    text-align: center;
    border: 1px solid #e4e4e4;
}
.table-complete thead:first-child{
    background:#e4e4e4 !important;
}
.table-complete tr{
    background:#fff;
    padding: 5px;
    font-size: 14px;
}
.table-compare thead:first-child{
    background:#e4e4e4;
}
.table-complete .just-read{
    margin-bottom:50px;
}
.table-complete .read-more-target table{
    margin-bottom:50px;
}
.all-features{
    text-align:center;
}

.all-features h2{
    font-family:Raleway;
    font-size:30px;
    color:#393939;
    font-weight: 700;
    margin-bottom:80px;
    text-align:left;
}
  /* Tooltip container */
  .tooltip {
    height: 100%;
    background-color: #d1d1d1;
    border-radius: 31px;
    color: white;
    font: bold 12px/6px Helvetica, Verdana, Tahoma;
    height: 16px;
    min-width: 14px;
    padding: 2px 8px 2px 8px;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-left: 7px;
}

#high-tooltip {
    background-color: #9a9a9a;
}
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    border-radius: 4px;
    line-height: 1.5;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    left: 125%;
}
#high-tooltip .tooltiptext {
    background-color: #9a9a9a;
}

#high-tooltip .tooltiptext:before {
    border-color: transparent #9a9a9a transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
 visibility: visible;
}
.tooltip .tooltiptext:before{
 content: ' ';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 10px 10px 0;
 border-color: transparent #000000 transparent transparent;
 position: absolute;
 top:0%;
 left:-4%;
}

 @media screen and (max-width: 600px) {
     .hide{
     display: none;
   }
 table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
      border-top: 2px solid #ddd;
    }

    table td:first-child {
      display: block;
      text-align: center;
      font-size: 15px;
      border-bottom: 1px solid #ccc;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 12px;
      border-bottom: 1px dotted #ccc;
    }
    
    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      line-height:1.5;
      font-weight: bold;
    }   
   .tooltip {
   height:100%;
   background-color: #fff;
   border-radius: none;
   color: white;
   font:  13px Open Sans;
   height: 2px; 
   min-width: 2px;
   padding:2px 2px 2px 2px;
   text-align: center;
   }
 
 .tooltip .tooltiptext{
   visibility: visible;
    display:block;
    width: 100%;
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 15px 5px 2px 5px;
    border-radius: none;
    position: static;
    cursor: auto;
}
   .tooltip .tooltiptext:before{
     visibility: hidden;
   }
       #high-tooltip .tooltiptext {
        visibility: visible;
        display: block;
        width: 100%;
        background-color: #fff;
        color: #9a9a9a;
        text-align: left;
        padding: 15px 5px 2px 5px;
        border-radius: none;
        position: static;
        cursor: auto;
    }
    
    #high-tooltip {
        background-color: #fff;
    }
  }
.moduleprice{
    border: 1px #e4e4e4 solid;
    padding: 30px 30px 10px 30px;
    text-align: center;
    margin-bottom:20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    background:#fff;
}
.moduleprice p{
    padding: 20px 20px 20px 20px;
    font-size: 15px;
    color:#848484;
}
.moduleprice ul{
    list-style:none;
    text-align:center;
}
.moduleprice ul:nth-child(2){
border-top: 1px #ededed solid;
    border-right: 1px #ededed solid;
    border-left: 1px #ededed solid;
    font-size: 18px;
    font-weight: 600;
    font-family: Open Sans;
    padding: 30px 0px 10px 0px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    -moz-box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    box-shadow: 0px 3px 11px -4px rgba(87,87,87,0.37);
    transition: all 0.5s ease;
}
.moduleprice .hover{
    display:none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.moduleprice .muda:hover .normal{display:none
;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.moduleprice .muda:hover .hover {display:block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.moduleprice ul:nth-child(2) li{
    margin:10px 0px 0px 10px;
}

.moduleprice ul:nth-child(3){
    font-size:15px;
    color:#afafaf;
    padding: 0px 0px 10px 0px;
}
.moduleprice ul:nth-child(3) li{
    font-size:15px;
    color:#afafaf;
    padding: 0px 0px 10px 0px;
}
.moduleprice a{
    color: #fff;
    background: #f18e00;
    cursor: pointer;
    display: block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    margin: 20px 0px 20px 0px;
}

.moduleprice .spammer{
    font-size:13px;
}
.payasgo{
    border-top: 6px #3cb283 solid;
}
.payasgo div{
    display:block;
}
.payasgo h3{
    display: inline-block;
    font-size: 26px !important;
    font-family: Raleway !important;
    color: #000000 !important;
    line-height: 31px !important;
    text-transform:inherit !important;
}
.payasgo img{
    display: inline-block;
    padding-right: 10px;
    
}
.payasgo ul:nth-child(2) > li:nth-child(3){
    font-size:15px;
    color:#cacaca;
    margin-top: 15px;
}
.payasgo ul:nth-child(2){
    color:#4eb78c;
    border-bottom:3px #4eb78c solid;
}
.payasgo ul:nth-child(3){
    padding: 40px 0px 30px 0px;
}
.professional{
    border-top: 6px #0b98b2 solid;
}
.professional h3{
    display: inline-block;
    font-size: 26px !important;
    font-family: Raleway !important;
    color: #000000 !important;
    line-height: 31px !important;
    text-transform:inherit !important;
}
.professional img{
    display: inline-block;
    padding-right: 10px;
}

.professional ul:nth-child(2){
    color:#0b98b2;
    border-bottom:3px #0b98b2 solid;
}

.professional ul:nth-child(3){
    padding: 36px 0px 24px 0px;
}

.gray-module{
    background:#5b5b5b;
    padding-top: 37px;
    padding-bottom:20px;
}
.gray-module h2{
    font-family:Raleway;
    font-size:22px;
    color:#fff !important;
}
.gray-module p{
    font-family: Open Sans;
    font-size:16px;
    display: inline-block;
    color:#fff;
}
.gray-module .gray-button{
   padding-left: 60px;
    margin-top: 61px;
    margin-bottom:20px;
}
.hs-content-name-un-pricing-page .gray-module .gray-button{
   padding-left: 60px;
    margin-top: 21px;
    margin-bottom:20px;
}
.hs-content-id-4981696669 .gray-module .gray-button{
   padding-left: 60px;
    margin-top: 21px;
    margin-bottom:20px;
}
.gray-module .gray-button a{
    color: #fff;
    border: 1px solid #fff;
    border-radius:5px;
    padding:20px 50px 20px 50px;
    font-size: 20px;
    display: block;
    text-align: center;
}
.gray-module .page-center{
    float: none !important;    
    max-width: 1200px !important;
    margin:0 auto !important;
}
.btn-gray{
     color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 20px 50px 20px 50px;
    font-size: 20px;
    display:block;
    text-align: center;
    margin: 20px 5px;
    
}
h2#tkpay {
    text-align: center;
    margin: 30px 0px;
    font-size: 30px;
    font-weight: 500;
}

.trekkp p{
    padding:0px 230px 0px 0px;
    font-size:16px;
    margin-bottom: 45px;
}
.trekkp h4{
    font-size:40px;
    color:#335b36;
}
.trekkp h4:after{
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    display: block;
}
@media only screen and (max-width: 768px){
.pricing-plans-page h4:after, .trekkp h4:after{
    display:none;
}
}
/* Success Stories */

/*Built For*/
.not-a span{
    background-color:rgba(0, 0, 0, 0.3);
    border-radius:5px;
    color:#ccc;
    font-size:12px;
    text-align:center;
    display:block;
    line-height: 30px;
    width: 360px;
    margin: 0 auto;

}
.not-a a{
    text-decoration:underline;
    color:#ffd49b;
}
.not-a a:hover{
    text-decoration:none;
    color:#fff;
}


/* Modular & Reusable Components and Pages
========================================================================== */
/* Resources Tabs */

.resources-title{
    text-align:center;
}
.resources-title h3{
    font-size:30px;
    margin:0 auto;
}

.c-tab-card {
  background-color: #fff;
  border-radius: 0.5rem 0 0.5rem 0;
  -webkit-box-shadow: 0px 0px 11.68px 4.32px rgba(238, 238, 239, 0.7);
          box-shadow: 0px 0px 11.68px 4.32px rgba(238, 238, 239, 0.7);
  display: block;
  height: 100%; }
  @media (min-width: 37.5em) {
    .c-tab-card--row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .c-tab-card--highlight {
    background-image: -webkit-linear-gradient(45deg, #37ecba 0%, #72afd3 100%);
    background-image: linear-gradient(45deg, #37ecba 0%, #72afd3 100%); }
  .c-tab-card__header img {
    border-top-left-radius: 0.5rem;
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%; }
  @media (min-width: 37.5em) {
    .c-tab-card__header--column {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }
  @media (min-width: 60em) {
    .c-tab-card__header--column {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 33.25em;
          -ms-flex: 1 0 33.25em;
              flex: 1 0 33.25em;
      max-width: 33.25em; } }
  .c-tab-card__content {
    text-align: center;
    padding: 1.75em 1em; }
    @media (min-width: 50em) {
      .c-tab-card__content--left {
        text-align: left; } }
    @media (min-width: 37.5em) {
      .c-tab-card__content--column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 1.5em;
        text-align: left; }
        .c-tab-card__content--column > * {
          -webkit-box-flex: 0;
          -webkit-flex: none;
              -ms-flex: none;
                  flex: none; } }
    @media (min-width: 60em) {
      .c-tab-card__content--column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto; } }
  .c-tab-card__title {
    color: #575b52;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 1.125em; }
    .c-tab-card__title:only-child {
      margin: 0; }
  .c-tab-card--highlight .c-tab-card__title {
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18); }
  .c-tab-card__paragraph {
    color: #666;
    font-size: 0.9375em;
    line-height: 1.5;
    margin: 0; }

.c-tab {
  display: none;
  padding: 0.625em 2.5em; }
  @media (min-width: 60em) {
    .c-tab {
      padding: 0 0 0 1.5em; } }
  @media (min-width: 50em) {
    .c-tab__content--row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 0 0 0 -1.25em; } }
  .c-tab__content-row-headline {
    color: #d0d0d0;
    font-size: 1.375em; }
    @media (min-width: 50em) {
      .c-tab__content-row-headline {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        padding: 1.82em 0 0.91em 0.91em;
        width: 100%; }
        .c-tab__content-row-headline:first-child {
          padding-top: 0; } }
  .c-tab__column {
    margin: 1.25em 0; }
    .c-tab__column:first-child {
      margin-top: 0; }
    .c-tab__column:last-child {
      margin-bottom: 0; }
    @media (min-width: 50em) {
      .c-tab__column {
        -webkit-flex-basis: 0;
            -ms-flex-preferred-size: 0;
                flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0;
        max-width: 100%;
        padding: 0 0 0 1.25em; }
        .c-tab__column--6 {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 50%;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%; }
        .c-tab__column--4 {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 33.333333%;
              -ms-flex: 0 0 33.333333%;
                  flex: 0 0 33.333333%;
          max-width: 33.333333%; } }
  .c-tab__footer {
    color: #a6a6a6;
    margin-top: 1.375em; }
    @media (min-width: 50em) {
      .c-tab__footer {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 1.75em 0 0 -1.25em;
        padding-top: 1.75em;
        position: relative; }
        .c-tab__footer::before {
          border-top: 1px solid #f8f8f8;
          content: '';
          top: 0;
          left: 1.25em;
          right: 0;
          position: absolute;
          height: 1px; } }
    .c-tab__footer-content {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media (min-width: 50em) {
        .c-tab__footer-content {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 66.666667%;
              -ms-flex: 0 0 66.666667%;
                  flex: 0 0 66.666667%;
          max-width: 66.666667%;
          padding: 0 0 0 1.25em; } }
    .c-tab__footer-action {
      margin-top: 1.375em; }
      @media (min-width: 50em) {
        .c-tab__footer-action {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 33.333333%;
              -ms-flex: 0 0 33.333333%;
                  flex: 0 0 33.333333%;
          margin-top: 0;
          max-width: 33.333333%;
          padding: 0 0 0 1.25em; } }
    .c-tab__footer-icon {
      margin-right: 1.5em; }
    .c-tab__footer-label {
      font-size: 1.25em; }
  .c-tab__button {
    background-color: #25b0e8;
    border-radius: 0.5rem 0 0.5rem 0;
    color: #fff;
    display: block;
    font-size: 1.125em;
    padding: 0.675em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
    .c-tab__button:hover, .c-tab__button:focus, .c-tab__button:active {
      background-color: #21a1d4; }
      .c-tab__button:hover::before, .c-tab__button:focus::before, .c-tab__button:active::before {
        background-color: #1e90be; }
    .c-tab__button::before {
      background-color: #21a1d4;
      border-top-left-radius: 0.5rem;
      content: '';
      height: 1em;
      left: 0.2222222222em;
      position: absolute;
      right: 0;
      top: -0.2222222222em;
      z-index: -1; }

.c-tabs {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; }
  @media (min-width: 60em) {
    .c-tabs {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .c-tabs-menu {
    display: none; }
    @media (min-width: 60em) {
      .c-tabs-menu {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        background-image: -webkit-radial-gradient(100% 50% circle, #eee 0%, rgba(255, 255, 255, 0) 50%);
        background-image: radial-gradient(circle at 100% 50%, #eee 0%, rgba(255, 255, 255, 0) 50%);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 25%;
            -ms-flex: 1 0 25%;
                flex: 1 0 25%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        list-style: none;
        max-width: 18.75em;
        padding: 5.75em 1.5em 0; } }
    @media (min-width: 60em) {
      .c-tabs-menu__item {
        margin: 0.4em 0; } }
  @media (min-width: 60em) {
    .c-tabs-content {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 75%;
          -ms-flex: 1 0 75%;
              flex: 1 0 75%; } }
  .c-tabs__link {
    background-color: #fff;
    border-radius: 0.5rem 0 0.5rem 0;
    -webkit-box-shadow: 1.5px 2.598px 7px 0px rgba(138, 138, 138, 0.16);
            box-shadow: 1.5px 2.598px 7px 0px rgba(138, 138, 138, 0.16);
    color: #575b52;
    display: block;
    font-size: 1.25em;
    font-weight: 600;
    padding: 0.8em 1em;
    text-align: center;
    white-space: nowrap; }
    @media (min-width: 60em) {
      .c-tabs__link {
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        text-align: left;
        -webkit-transition: background-color 0.5s ease, -webkit-box-shadow 0.5s ease;
        transition: background-color 0.5s ease, -webkit-box-shadow 0.5s ease;
        transition: background-color 0.5s ease, box-shadow 0.5s ease;
        transition: background-color 0.5s ease, box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease; }
        .c-tabs__link.is-active {
          background-color: #fff;
          border-radius: 0.5rem 0 0.5rem 0;
          -webkit-box-shadow: 1.5px 2.598px 7px 0px rgba(138, 138, 138, 0.16);
                  box-shadow: 1.5px 2.598px 7px 0px rgba(138, 138, 138, 0.16); } }
    .c-tabs__link img,
    .c-tabs__link h3 {
      display: inline-block;
      margin: 0;
      vertical-align: middle; }
    .c-tabs__link h3 {
      font-size: inherit;
      font-weight: 600;
      margin-left: 1em; }

.c-tabs__link-wrapper {
  background: -webkit-linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, #fff 100%), -webkit-linear-gradient(320deg, #fff 10%, #eee 150%);
  background: linear-gradient(5deg, rgba(255, 255, 255, 0) 0%, #fff 100%), linear-gradient(130deg, #fff 10%, #eee 150%);
  padding: 0.625em; }
  @media (min-width: 60em) {
    .c-tabs__link-wrapper {
      display: none; } }

.c-tabs__link-wrapper:first-child + .c-tab {
  display: block; }


/*Feature Template*/
.features-color h2{
color: #335b36;
}
.feature-icons h3, .bg-gray-feature h3{
    font-size: 38px;
    text-align: center;
    padding-bottom:20px !important;
}
.feature-icons ul{
    list-style:none;
    margin:0 auto;
    padding:0px 0px 0px 0px;
}
.feature-icons ul li{
    display:inline-block;
    margin-bottom: 65px;
}
.feature-icons ul li img{
    margin-top: -20px;
}
.feature-icons ul> li:nth-child(1){
    padding: 0px 20px 0px 0px;
    float: left;
}
.feature-icons ul > li:nth-child(2){
    width: 62%;
    padding: 0px 10px 30px 0px;
    float: right;
}
/* Feature Tabs */
button#feature-btn:lang(it){margin-left: 39%;}
button#feature-btn:lang(es), button#feature-btn:lang(de){margin-left: 38%;}
button#feature-btn {
    background: #2acc89;
    border: 1px solid #2acc89;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 15px;
    margin-left: 42%;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #fff;
    padding: 9px 30px 1px 30px;
    margin-top: 10px;
    display:none;
}

#feature-cont {
    border: 1px solid #2acc89;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 54px;
    color: #fff;
    background: #2acc89;
    text-align: center;
    margin-top:30px;
}
.menu-features li a{
    color: #fff;
    text-decoration:none;
}

.menu-features:lang(de), .menu-features:lang(it) {padding:0;}
.menu-features{
    list-style:none;
}
.menu-features li:lang(de) {padding-left: 18px;}
.menu-features li:lang(es),.menu-features li:lang(it) {padding-left: 20px;}
.menu-features li {
    float: left;
    padding-left: 30px;
    text-align: center;
}
/* FAQ */
.faq{
border-bottom: 1px solid #eaeaea;
text-align:;
}
.answer {
  display: none;
  margin-bottom: 20px;
}
.question.active {
  color: #3db440;
}
a.question {
    font-size: 18px;
    font-family: 'Raleway';
    font-weight: 700;
    color: #3db484;
    
}
/*Media queries to newsroom pages*/
@media screen and (max-width: 767px) {
.menu-features-page {
    display: none;
}

div#feature-cont {
    display: none;
}

.vision {
    margin-top: 110px;
    text-align: center;
    padding: 15px;
}

.vision p {
    padding: 0 0 0 0;
}

.new-statics ul li {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%;
    display: inline-block;
}

.new-statics ul li:nth-child(1), .new-statics ul li:nth-child(2) {
    margin: 10px 0px 0px 0px;
    padding: 0 0 0 0;
}

.new-statics ul li:nth-child(3) {
    padding: 0 0 0 0;
    margin-bottom: 30px;
}

span.count {
    padding-left: 23px;
}

.nw-of-interlaken {
    background: url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/interlaken-trekksoft.png) no-repeat;
    border-radius: 5px;
    padding: 75px 50px;
    margin-left: 2% !important;
    max-width: 94%;
}

.nw-of-others ul li {
    float: left;
    display: inline-block;
    background: red;
    width: 45%;
    color: #fff;
    border-radius: 5px;
    margin: 5px 5px 5px 5px;
    font-family: 'Raleway';
    padding: 19px;
    font-weight: 600;
    height: 90px;
    font-size: 25px;
}

.span12.widget-span.widget-type-cell.page-center {
    text-align: center;
}

.nw-final-2 {
    max-width: 20%;
    display: inline-block !important;
}

hs-content-id-5980074557div#hero-banner {
    height: 540px;
}

.team ul li {
    float: none;
}

.team ul li:nth-child(2) {
    margin: 42px 0px 0px 0px;
    float: left;
    text-align: left;
}

.team ul li:nth-child(1) {
    margin: 20px 10px 0px 0px;
    max-width: 50%;
    float: left;
}
}
/* ==========================================================================
   2. OTA page                                           
   ========================================================================== */
.marketplaces .hb-banner p {
    margin-top: 70px;
    font-size: 1.25em;
    text-align: center;
    color:#fff;
}

.marketplaces .hb-banner h1 {
    font-size: 2.5em;
    font-weight: 600;
    text-align: center;
    line-height: 1em;
    margin-top: 20px;
    margin-bottom: 100px;
}
.marketplaces .marketplace-gray {
    background: #eeeeee;
}

.marketplaces .marketplace-gray h2 {
    font-size: 1.75em;
    color: #00CC99;
}

p.marketplaces-headline {
    font-size: 1.5em;
    font-weight: 600;
    color: #30353F;
}

p.marketplaces-content {
    font-size: 1.125em;
    line-height: 1.75em;
      color: #30353F;
}

p.marketplaces-bolder {
    font-size: 1.40em;
    line-height: 1.75em;
    font-weight: 600;
      color: #30353F;
}


/* Solutions Menu */

/* ==========================================================================
   Footer
========================================================================== */
.footer-ebook{
    background-color:#272727;
    color:#fff;
    padding:10px 0px;
}
.footer-left{
    float:left;
    padding:15px 0px;
}
.footer-right{
    float:right;
}
.footer-container-wrapper {
    background: #292b31;
}
.footer-container-wrapper a{
    color:#3dab7a;
}
.footer-container-wrapper a:hover{
    color:#ffffff;
}
.footer-container-wrapper p{
    color:#fff;
}
.footer-button{
    font-size:16px;
    font-weight:700;
    text-align:center;
}
.footer-button a{
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}
.footer-line1, .footer-line2{
    height:1px;
    display:block;
    margin:0 auto;
    width: 100%;
}
.footer-line1{
    background:#212328;
}
.footer-line2{
    background:#32343c;
}
.footer-hidden{
    margin-top: 20px;
    margin-bottom: 20px;
    display:none !important;
}
.footer-menu{
    font-size:15px;
}
.footer-menu p{
    padding:10px 10px 10px 10px;
}
.footer-menu a{
    color:#828282;
}
.footer-menu ul li{
    display: inline-block; 
    padding:10px 23px 0px 0px;
}
.footer-menu .social-icons ul{
    float:right;
}

.footer-menu .social-icons ul li{
    padding:10px 5px 10px 0px;
}
.footer-container-wrapper ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-hidden ul{
    font-size:13px;
}
.footer-gray{
    background:#202020;
    padding-top:10px;
    padding-bottom:10px;
}
.footer-gray p{
   float: right;
    color: #474747;
    margin:0px 0px 0px 0px;
    font-size:13px;
}
.footer-gray ul li{
    display: inline-block;
}
/* ==========================================================================
   3. MAIN NAVIGATION                                            
==========================================================================*/
/*Language Switcher on Top - General*/
.menu-tk .switcher-mother {
    position: relative;
}
/*Position EN*/
.menu-tk .lang_switcher_class{
    display: inline-block;
    background-color: #e9e9e9;
    -webkit-box-shadow: inset 0 -0.25em #e3e3e3;
    box-shadow: inset 0 -0.25em #e3e3e3;
    color: #569f84;
    font-size: 0.45em;
    padding: .666666666666667em 1.333333333333333em;
    position: absolute;
    right: 108px;
    top: 1px;
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease,-webkit-box-shadow .25s ease;
    z-index:100;
}
/*Fix lang de general IT pages*/
.menu-tk .lang_switcher_class:lang(es){
    right: 149px;
}
/*Fix lang de general DE pages*/
.menu-tk .lang_switcher_class:lang(de){
    right: 114px;
}
/*Fix lang de general IT pages*/
.menu-tk .lang_switcher_class:lang(it){
    right: 110px;
}
.menu-tk .globe_class{
background-image:url(https://www.trekksoft.com/hubfs/globe-ico.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
border-radius:10px;
width:20px;
height:20px;
cursor:pointer;
}
.menu-tk .lang_list_class:hover li {
  display: block;
}

.menu-tk .globe_class:hover .lang_list_class{
display:block;
}
.menu-tk .lang_list_class:hover .lang_list_class:before {
  display: block;
}

.menu-tk .globe_class:hover .lang_list_class:before {
display:block;
}

.menu-tk .globe_class:hover .lang_list_class li {
  display: block;
}

.menu-tk .lang_list_class{
display:block;
}

.menu-tk .lang_list_class li:not(:first-child) {
    display: none;
    position: absolute;
    top: 11px !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 200;
    list-style-type: none;
 /* padding: 15px 0 0 0; */
 /*   margin: -1px 0px 0px 48px !important; */
    background-color: #fff;
 /* border-radius: 0.5em; */
    top: -webkit-calc(100% - 0.5em);
    top: calc(100% - 0.5em);
   /* -webkit-box-shadow: 0 2px 0.625em rgba(193, 193, 193, 0.7);*/
 /*   box-shadow: 0 2px 0.625em rgba(193, 193, 193, 0.7); */
    font-weight: 500;
    padding: 1.5em 1.5em;
    white-space: nowrap;
}

.menu-tk .lang_list_class:before{
    border-bottom: 1.5em solid #fff;
    border-left: 1.5em solid transparent;
    border-right: 1.5em solid transparent;
    content: '';
    -webkit-filter: drop-shadow(0 0 0.5em rgba(193, 193, 193, 0.7));
    filter: drop-shadow(0 0 0.5em rgba(193, 193, 193, 0.7));
    height: 0px;
    left: 50%;
    position: absolute;
    top: -0.5em;
    width: 0;
    display: none;
}
.menu-tk .lang_list_class:after{
    display: none;
}
.menu-tk .lang_list_class li{
    position:relative;
    line-height:1;
    font-size:13px;
    padding:0 15px 10px 15px;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
}

.menu-tk .lang_list_class li:first-child{
    font-size: 13px;
    display: block;
    position: absolute;
    top: -17px;
    left: 11px;
    border-top: 0px solid #000;
    background-color: #e9e9e9;
    padding-top: 0.63em;
    padding-right: 0.6em;
    padding-bottom: 0.63em;
    padding-left: 0.6em;
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease,-webkit-box-shadow .25s ease;
}
/*fix li general en*/
.menu-tk .lang_list_class li:nth-child(2){
   z-index: 10;
    padding: 10px 10px 10px 10px;
    margin: -1px 0px 0px 40px;
    text-align: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 13px !important;
}
/*fix li english DE*/
.menu-tk .lang_list_class li:nth-child(2):lang(de){
    padding: 10px 37px 10px 10px;
}
/*fix second li general en*/
.menu-tk .lang_list_class li:nth-child(3){
    z-index: 5;
    padding: 10px 10px 10px 13px;
    margin: 32px 0px 0px 40px;
    text-align: left;
    font-size: 13px !important;
}
/*fix third li general en*/
.menu-tk .lang_list_class li:nth-child(4){
    z-index: 0;
    padding: 10px 20px 10px 15px;
    margin: 63px 0 0 40px;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 13px !important;
}
/*fix second position DE*/
.menu-tk .lang_list_class li:nth-child(3):lang(de){
padding: 10px 25px 10px 13px;
    margin: 32px 0px 0px 40px;
}
/*fix second position ES*/
.menu-tk .lang_list_class li:nth-child(3):lang(es){
    padding: 10px 24px 10px 15px;
    margin:32px 0px 0px 38px;
}
/*fix third position ES*/
.menu-tk .lang_list_class li:nth-child(4):lang(es){
    padding: 10px 12px 10px 13px;
    margin: 63px 0px 0px 39px;
}

/*fix second position IT*/
.menu-tk .lang_list_class li:nth-child(3):lang(it){
   padding: 10px 22px 10px 13px;
    margin: 32px 0px 0px 40px; 
}
/*fix third position IT*/
.menu-tk .lang_list_class li:nth-child(4):lang(it){
    padding: 10px 5px 10px 13px;
    margin: 63px 0px 0px 40px;
}
.menu-tk .lang_list_class li:last-child{
padding-bottom:15px;
border-bottom:0px solid #000;
}

.menu-tk .lang_list_class li a{
    text-decoration:none;
    color:#85b4a2;
    cursor:pointer;
    font-size: 12px;
}

.menu-tk .lang_list_class li a:hover{
color:#3fa07b;
}
/*Menu*/
@media (min-width: 59.375em) {
  .menu-tk .row-number-11,
  .menu-tk .menu-close-button,
  .menu-tk .button-open-mobile-menu {
    display: none; }
  .menu-tk .row-number-5 {
    padding-top: 2em;
    position: relative; }
  .menu-tk .row-number-5 > .row-fluid {
    background-color: #fff;
    border-bottom-right-radius: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
        box-shadow: 0px 10px 5px -10px rgba(0,0,0,0.2);
        }
    .menu-tk .row-number-5 > .row-fluid .widget-type-cell:nth-child(2) {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      padding: 0 1.5em; }
    .menu-tk .row-number-5 > .row-fluid .widget-type-cell:last-child {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      max-width: 11.5em; }
      .menu-tk .row-number-5 > .row-fluid .widget-type-cell:last-child span {
        display: block; }
  .menu-tk .widget-type-logo {
    max-width: 14.75em;
    padding: 1.625em 2em;
    position: relative; }
    .menu-tk .widget-type-logo span,
    .menu-tk .widget-type-logo #hs-link-logo {
      display: block; }
    .menu-tk .widget-type-logo img {
      display: block;
      min-width: 10em;
      width: 100% !important; }
  .menu-tk .hs-menu-wrapper ul {
    list-style: none; }
  .menu-tk .hs-menu-flow-horizontal > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .menu-tk .hs-menu-depth-1 {
    position: relative; }
    .menu-tk .hs-menu-depth-1 > a {
      color: #545454;
      display: block;
      font-weight: bold;
      padding: 2.125em 0.5em; }
      .menu-tk .hs-menu-depth-1 > a:hover, .menu-tk .hs-menu-depth-1 > a:focus, .menu-tk .hs-menu-depth-1 > a:active {
        color: #3dab7a; }
    .menu-tk .hs-menu-depth-1:hover > .hs-menu-children-wrapper, .menu-tk .hs-menu-depth-2:hover > .hs-menu-children-wrapper  {
      display: block; }
    /*.menu-tk .hs-menu-depth-1:first-child:hover .hs-menu-children-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }*/
    .menu-tk .hs-menu-depth-1.hs-item-has-children > a {
      padding-right: 1.6875em;
      position: relative; }
      .menu-tk .hs-menu-depth-1.hs-item-has-children > a::after {
        background: url(https://www.trekksoft.com/hubfs/website/menu/icons/arrow-down@2x.png) no-repeat 0 0;
        background-size: 0.5625em 0.375em;
        content: '';
        height: 0.375em;
        margin-top: -0.1875em;
        position: absolute;
        right: 0.5em;
        top: 50%;
        width: 0.5625em; }
  .menu-tk .hs-menu-depth-2.hs-item-has-children > a::after {
    url(https:%20//www.trekksoft.com/hubfs/website/menu/icons/arrow-down@2x.png?t=1525644774093) no-repeat 0 0;
    background: url(https://www.trekksoft.com/hubfs/arrow-right@2x.png) no-repeat 0 0;
    background-size: 50%;
    content: '';
    height: 20px;
    margin-top: -1%;
    position: absolute;
    right: 0.5em;
    top: 50%;
    width: 0.5625em;
}
  .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper {
    background-color: #fff;
    border-radius: 0.5em;
    top: -webkit-calc(100% - 0.5em);
    top: calc(100% - 0.5em);
    -webkit-box-shadow: 0 2px 0.625em rgba(193, 193, 193, 0.7);
            box-shadow: 0 2px 0.625em rgba(193, 193, 193, 0.7);
    display: none;
    font-weight: 300;
    left: 50%;
    padding: 0.5em 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 7000; }
  .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0.5em;
     border-bottom-right-radius: 0.5em;
     border-bottom-left-radius: 0.5em;
    top: -webkit-calc(100% - 0.5em);
    top: calc(100% - 0.5em);
    -webkit-box-shadow: 0 2px 0.625em rgba(193, 193, 193, 0.7);
    box-shadow: 0 2px 0.625em rgba(193, 193, 193, 0.7);
    display: none;
    font-weight: 300;
    padding: 0.5em 0;
    position: absolute;
    z-index: 7000;
}
    .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper::before, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper::before {
      border-bottom: 0.5em solid #fff;
      border-left: 0.5em solid transparent;
      border-right: 0.5em solid transparent;
      content: '';
      -webkit-filter: drop-shadow(0 0 0.5em rgba(193, 193, 193, 0.7));
              filter: drop-shadow(0 0 0.5em rgba(193, 193, 193, 0.7));
      height: 0;
      left: 50%;
      margin: 0 0 0 -0.5em;
      position: absolute;
      top: -0.5em;
      width: 0; }
    .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper > .hs-menu-item, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper > .hs-menu-item {
      border-bottom: 1px solid #f9f9f9; }
      .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper > .hs-menu-item:last-child, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper > .hs-menu-item:last-child {
        border-bottom: 0; }
      .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper > .hs-menu-item a, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper > .hs-menu-item a {
        display: block;
        padding: 0.35em 1.25em;
        white-space: nowrap; }
        .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper > .hs-menu-item a:hover, .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper > .hs-menu-item a:focus, .menu-tk .hs-menu-depth-1 > .hs-menu-children-wrapper > .hs-menu-item a:active, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper > .hs-menu-item a:hover, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper > .hs-menu-item a:focus, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper > .hs-menu-item a:active {
          color: #3dab7a; }
 /* .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0.5em;
    width: 27.375em; }
    .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item {
      border-bottom: 1px solid #f9f9f9;
      border-right: 1px solid #f9f9f9;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 50%;
          -ms-flex: 1 0 50%;
              flex: 1 0 50%; }
      .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item:nth-child(even) {
        border-right: 0; }
      .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item:nth-last-child(-n+2) {
        border-bottom: 0; }
      .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item a {
        background-repeat: no-repeat;
        background-position: 0.75rem 50%;
        background-size: 2.875rem auto;
        font-size: 1.25em;
        padding: 1.75rem 1.25rem 1.75rem 4.625rem; }
      .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item:nth-child(1) > a {
        background-image: url(https://www.trekksoft.com/hubfs/website/menu/money@2x-1.png); }
      .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item:nth-child(2) > a {
        background-image: url(https://www.trekksoft.com/hubfs/website/menu/work@2x.png); }
      .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item:nth-child(3) > a {
        background-image: url(https://www.trekksoft.com/hubfs/website/menu/grow@2x-1.png); }
      .menu-tk .hs-menu-depth-1:first-child > .hs-menu-children-wrapper > .hs-menu-item:nth-child(4) > a {
        background-image: url(https://www.trekksoft.com/hubfs/website/menu/hands@2x.png); }*/
  .menu-tk .hs-menu-depth-2:hover > a {
    color: #3dab7a; }
/*  .menu-tk .hs-menu-depth-2:hover > .hs-menu-children-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper {
    background-color: #fff;
    border-left: 1px solid #f9f9f9;
    -webkit-box-shadow: 0.31625em 2px 0.625em rgba(193, 193, 193, 0.7);
            box-shadow: 0.31625em 2px 0.625em rgba(193, 193, 193, 0.7);
    display: none;
    padding: 0.5em;
    position: absolute;
    border-radius: 0 0.5em 0.5em 0;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 100%;
    top: 0; }
    .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper::before, .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper::after {
      background-color: #fff;
      content: '';
      height: 0.5em;
      left: -webkit-calc(-0.5em - 1px);
      left: calc(-0.5em - 1px);
      position: absolute;
      width: 0.5em;
      z-index: -1; }*/
    .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper::before {
      top: 0; }
    .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper::after {
      bottom: 0; }
    .menu-tk .hs-menu-depth-2 > .hs-menu-children-wrapper > .hs-menu-item a {
      font-size: 0.9375em;
      padding: 0.275em 1.25em; }
  .menu-tk .cta_button {
    background-color: #fff6ed;
    border-bottom-right-radius: 1em;
    display: block;
    font-size: 0.9375em;
    padding: 2.3em 1.5em;
    text-align: center;
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    white-space: nowrap; }
    /* A/B TEST ib home */
    .menu-tk .cta_button:lang(en){
        padding: 2.3em 1.5em;
    }
    /*Fix on spanish version */
  .menu-tk .cta_button:lang(es){
  white-space: normal;
        font-size: 0.8375em;
  }
    /*Fix Start Trial Button in DE*/
   .menu-tk .cta_button:lang(de),#de .menu-tk .cta_button {
    padding: 2.3em 1em 1em 1em;
    white-space: normal;}
    .hs-content-id-4562461828 .menu-tk .cta_button{
    padding: 2.3em 1em 1em 1em;
    white-space: normal  
    }
    .hs-blog-id-2240381348 .menu-tk .cta_button{
    padding: 2.3em 1em 1em 1em;
    white-space: normal  
    }
    
    .menu-tk .cta_button:hover, .menu-tk .cta_button:focus, .menu-tk .cta_button:active {
      background: #ff9100;     color: #fff; }
  .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a {
    background-color: #e9e9e9;
    -webkit-box-shadow: inset 0 -0.25em #e3e3e3;
            box-shadow: inset 0 -0.25em #e3e3e3;
    color: #569f84;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.75em;
    padding: 0.666666666666667em 1.333333333333333em;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-box-shadow 0.25s ease;
    transition: -webkit-box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease; }
    .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a:hover, .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a:focus, .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a:active {
      -webkit-box-shadow: none;
              box-shadow: none; } 
    .menu-tk.fixed {
        position: fixed;
        left: 0;
        top: -31px;
        z-index: 9999;
        height: auto;
    }
    .hs-content-id-5428877778 .menu-tk.fixed {
        top: -51px;
    }
  /*
    .fixed .menu-tk .cta_button{
    border-bottom-right-radius:0em;
    background-color: #ff9100;
    color:#fff;
    }
  */
  /*
    .fixed .menu-tk .cta_button:hover{
    background-color: #d47800;
    color:#fff
    }
  */
    .menu-tk {
        height: 121px;
    }
    .menutk-placeholder {
        height: 121px;
    }
}



@media not all and (min-width: 59.375em) {
  .menu-tk .row-fluid:before, .menu-tk .row-fluid:after {
    display: inline;
    content: ""; }
  .menu-tk .row-fluid:after {
    clear: none; }
  .menu-tk .row-fluid .span1,
  .menu-tk .row-fluid .span2,
  .menu-tk .row-fluid .span3,
  .menu-tk .row-fluid .span4,
  .menu-tk .row-fluid .span5,
  .menu-tk .row-fluid .span6,
  .menu-tk .row-fluid .span7,
  .menu-tk .row-fluid .span8,
  .menu-tk .row-fluid .span9,
  .menu-tk .row-fluid .span10,
  .menu-tk .row-fluid .span11,
  .menu-tk .row-fluid .span12 {
    width: auto; }
  .menu-tk .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    min-height: 0;
    margin-left: 0;
    *margin-left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .menu-tk .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: block; }
  .menu-tk .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: none; }
  .menu-tk .row-number-11 {
    background-color: #fff; }
    .menu-tk .row-number-11 .row-fluid {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: 1em; }
      .menu-tk .row-number-11 .row-fluid .widget-type-rich_text {
        border-right: 1px solid #3dab7a;
        margin: 0;
        padding-right: 0.375em;
        width: auto; }
      .menu-tk .row-number-11 .row-fluid .widget-type-logo {
        margin: 0;
        padding: 0 0 0 2em;
        width: auto; }
      .menu-tk .row-number-11 .row-fluid .button-open-mobile-menu {
        background: url(https://www.trekksoft.com/hubfs/website/menu/icons/menu-icon.svg) no-repeat 50% 50%;
        border: 0;
        display: block;
        height: 3.5em;
        margin: 0;
        outline: 0;
        overflow: hidden;
        padding: 0;
        width: 3.5em;
        white-space: nowrap;
        text-indent: 999px; }
  .menu-tk .row-number-1 {
    background-color: #404040;
    color: #fff;
    height: 100%;
    left: -100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
    width: 90%;
    z-index: 9999; }
    .menu-tk .row-number-1::before {
      background-color: #3dab7a;
      content: '';
      height: 4px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .menu-tk .row-number-1.menu-is-open {
      left: 0; }
  .menu-tk .hs-menu-wrapper ul {
    list-style: none; }
  .menu-tk .widget-type-logo {
    padding: 2.5em 1.25em;
    text-align: center; }
  .menu-tk .menu-close-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 2em;
    border: 2px solid #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.875em;
    font-weight: bold;
    height: 2em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -1em;
    outline: 0;
    overflow: hidden;
    position: absolute;
    right: -0.5em;
    text-align: center;
    top: 50%;
    white-space: nowrap;
    width: 2em; }
  .menu-tk .hs_cos_wrapper_type_logo {
    display: block;
    position: relative; }
    .menu-tk .hs_cos_wrapper_type_logo img {
      max-width: 10.25em !important;
      width: 100%; }
  .menu-tk .hs-menu-depth-1 {
    border-bottom: 1px solid #282828;
    border-top: 1px solid #4c4c4c; }
    .menu-tk .hs-menu-depth-1:first-child {
      border-top: 1px solid #333; }
    .menu-tk .hs-menu-depth-1.is-open > a {
      color: #fff; }
    .menu-tk .hs-menu-depth-1 > a {
      color: #2acc89;
      display: block;
      font-weight: 600;
      padding: 0.875em 1.25em;
      position: relative; }
      .menu-tk .hs-menu-depth-1 > a::before {
        background-color: #3dab7a;
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 3px; }
      .menu-tk .hs-menu-depth-1 > a:hover, .menu-tk .hs-menu-depth-1 > a:focus, .menu-tk .hs-menu-depth-1 > a:active {
        background-color: #333; }
 /*   .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-children-wrapper, .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-children-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }*/
      .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-children-wrapper > .hs-menu-depth-2, .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-children-wrapper > .hs-menu-depth-2 {
        background-color: #333;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%; }
        .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-children-wrapper > .hs-menu-depth-2:first-child, .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-children-wrapper > .hs-menu-depth-2:first-child {
          border-top: 1px solid #404040; }
        .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-children-wrapper > .hs-menu-depth-2:nth-child(odd), .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-children-wrapper > .hs-menu-depth-2:nth-child(odd) {
          border-right: 1px solid #404040; }
        .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-children-wrapper > .hs-menu-depth-2:nth-child(even), .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-children-wrapper > .hs-menu-depth-2:nth-child(even) {
          border-left: 1px solid #282828; }
        .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-children-wrapper > .hs-menu-depth-2:nth-last-child(-n+2), .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-children-wrapper > .hs-menu-depth-2:nth-last-child(-n+2) {
          border-bottom: 0; }
    .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-depth-2 > a {
      background-repeat: no-repeat;
      background-position: 0.75rem 50%;
      background-size: 2rem auto;
      font-size: 1em;
      padding: 1.75rem 1.25rem 1.75rem 3.5rem; }
    .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-depth-2:nth-child(1) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/money-white@2x.png); }
    .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-depth-2:nth-child(2) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/grow-white@2x.png); }
    .menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-depth-2:nth-child(3) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/global-white@2x.png); }
    /*.menu-tk .hs-menu-depth-1.is-open:first-child .hs-menu-depth-2:nth-child(4) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/hands-white@2x.png); }*/
    .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-depth-2 > a {
      background-repeat: no-repeat;
      background-position: 1.25rem 50%;
      background-size: 1rem auto;
      padding: 0.75rem 1.25rem 0.75rem 3.25rem; }
    .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-depth-2:nth-child(1) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/icons/website@2x.png); }
    .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-depth-2:nth-child(2) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/icons/calendar@2x.png); }
    .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-depth-2:nth-child(3) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/icons/calendar@2x.png); }
    .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-depth-2:nth-child(4) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/icons/film@2x.png); }
    .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-depth-2:nth-child(5) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/icons/notice@2x.png); }
    .menu-tk .hs-menu-depth-1.is-open:last-child .hs-menu-depth-2:nth-child(6) > a {
      background-image: url(https://www.trekksoft.com/hubfs/website/menu/icons/cubes@2x.png); }
  .menu-tk .hs-menu-depth-2 {
    border-bottom: 1px solid #282828;
    border-top: 1px solid #404040; }
    .menu-tk .hs-menu-depth-2:first-child {
      border-top: 0; }
    .menu-tk .hs-menu-depth-2:last-child {
      border-bottom: 0; }
    .menu-tk .hs-menu-depth-2 > a {
      background-color: #333;
      display: block;
      font-size: 0.8125em;
      font-weight: 300;
      padding: 0.75rem 1.25rem; }
      .menu-tk .hs-menu-depth-2 > a:hover, .menu-tk .hs-menu-depth-2 > a:focus, .menu-tk .hs-menu-depth-2 > a:active {
        background-color: #262626; }
  .menu-tk .hs-menu-depth-3 > a {
    background-color: #262626;
    display: block;
    font-size: 0.8125em;
    font-weight: 300;
    padding: 0.5rem 1.25rem; }
    .menu-tk .hs-menu-depth-3 > a:hover, .menu-tk .hs-menu-depth-3 > a:focus, .menu-tk .hs-menu-depth-3 > a:active {
      background-color: #000; }
  .menu-tk .hs-menu-children-wrapper {
    display: none; }
  .menu-tk .is-open > .hs-menu-children-wrapper {
    display: block; }
  .menu-tk .hs-item-has-children.is-open > a::after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .menu-tk .hs-item-has-children > a {
    color: #fff;
    position: relative; }
    .menu-tk .hs-item-has-children > a::after {
      background: url(https://www.trekksoft.com/hubfs/website/menu/icons/arrow-down-green@2x.png) no-repeat 0 0;
      background-size: 9px 6px;
      content: '';
      height: 6px;
      margin-top: -3px;
      position: absolute;
      right: 1.25rem;
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease;
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg);
      top: 50%;
      width: 9px; }
  .menu-tk .row-fluid > .span2:last-child {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #4c4c4c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.875em 1.25em;
    position: relative; }
    .menu-tk .row-fluid > .span2:last-child::after {
      background-color: #3dab7a;
      bottom: 0;
      content: '';
      height: 4px;
      left: 0;
      position: absolute;
      width: 100%; }
    .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; }
      .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child {
        padding-right: 0.59375em; }
      .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:last-child {
        padding-left: 0.59375em; }
  .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a {
    border: 1px solid #ff9200;
    border-radius: 0.25em 0 0.25em 0;
    color: #ff9200;
    display: block;
    padding: 0.5em;
    text-align: center; }
    .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a:hover, .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a:focus, .menu-tk .row-fluid > .span2:last-child > .row-fluid-wrapper:first-child a:active {
      border-color: #e68300;
      color: #e68300; }
  .menu-tk .cta_button {
    background-color: #ff9200;
    border: 1px solid #ff9200;
    border-radius: 0.25em 0 0.25em 0;
    color: #fff;
    display: block;
    padding: 0.5em;
    text-align: center; }
    .menu-tk .cta_button:hover, .menu-tk .cta_button:focus, .menu-tk .cta_button:active {
      border-color: #e68300;
      background-color: #e68300; }
    .menu-tk .lang_switcher_class{
        display:none;}
        .menu-features-page, button#feature-btn{
        display:none;
    }
  .menu-tk .hs-menu-wrapper > ul > li:nth-child(5) > ul {
    display: block;
}
}

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}
/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  }
/* ==========================================================================
   Mobile Menu - Hubspot Standard toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){
  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }
  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }
  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  
  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }
  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }
   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }
  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}

/* ==========================================================================
   4. TEMPLATE MODULE SELECTORS                                         
   ========================================================================== */
div.academy {
    height: 370px;
}

.academy-menu ul {
    background: linear-gradient(90deg, #42ba8b 73.6%, #fff 50%);
    font-size: 14px;
    font-weight: 600;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0 auto;
}

.academy-menu li a {
    float: left;
    padding: 20px 15px 20px 15px;
}
.academy > .span12 .hero-content {
    width: 100% !important;
}

.academy-menu li:nth-child(1) a, .academy-menu li:nth-child(2) a, .academy-menu li:nth-child(3) a, .academy-menu li:nth-child(4) a, .academy-menu li:nth-child(5) a, .academy-menu li:nth-child(6) a {
    color: #fff;
}

.academy-menu li:nth-child(7) a, .academy-menu li:nth-child(8) a, .academy-menu li:nth-child(9) a, .academy-menu li:nth-child(10) a, .academy-menu li:nth-child(11) a {
    color: #42ba8b;
}


.academy-menu li:nth-child(1) a:hover, .academy-menu li:nth-child(2) a:hover, .academy-menu li:nth-child(3) a:hover, .academy-menu li:nth-child(4) a:hover, .academy-menu li:nth-child(5) a:hover, .academy-menu li:nth-child(6) a:hover {
    background: #68c8a2;
    margin-top: -5px;
    padding: 20px 15px 25px 15px;
}

.academy-menu li:nth-child(7) a:hover, .academy-menu li:nth-child(8) a:hover, .academy-menu li:nth-child(9) a:hover, .academy-menu li:nth-child(10) a:hover, .academy-menu li:nth-child(11) a:hover {
    background: #ebebeb;
    margin-top: -5px;
    padding: 20px 15px 25px 15px;
}
.academy-menu li:nth-child(1) a:hover {
    border-top-left-radius: 10px;
}
.academy-menu li:nth-child(11) a:hover{
    border-top-right-radius: 10px;
}

.academy-menu li:nth-child(7) a:hover {}

.academy h1 {
    text-align: center;
    color: #fff;
    margin: 0px 0px 50px 0px;
}
.academy a span{
    color:inherit;
}
.academy span {
    color: #fff;
    text-align: center;
}
.academy-gray{
    background:#eee;
    padding-top: 30px;
    padding-bottom: 30px;
}
.academynav ul {
    border: 1px #ededed solid;
    border-top: 5px #ededed solid;
    padding: 10px 20px 10px 20px;
    list-style:  none;
}

.academynav ul li {
    border-bottom: 1px #ededed solid;
    padding: 10px 0px 10px 0px;
    font-size: 18px;
    font-weight: 700;
}

.academynav ul li:last-child {
    border-bottom: 1px #fff solid;
}

.academynav li a.sub{
    font-size:14px;
    color:#646464;
    text-decoration:underline;
}

.academy-other {
    background: #ededed;
    padding: 20px 20px 0px 20px;
    font-size: 14px;
    text-align: center;
    color: #b5b5b5;
}

.academy-other ul {
    padding: 0 0 0 0;
}

.academy-other ul li {
    padding: 2px 0px 5px 38px;
    font-size: 14px;
    text-align: left;
    border-top: 0px #ededed solid;
}

.academy-content h3 {
  font-size: 32px;
    font-family: 'Raleway';
    font-weight: 800;
    color: #298661;
    margin: 60px 0 25px 0;
    padding-bottom: 10px;
    border-bottom: 2px #ededed dashed;
}

.academy-content p {
    color: #565656;
    line-height: 24px;
    font-size: 15px;
}

.academy-content p.academy-after-title {
    font-size: 16px;
    line-height: 28px;
}

.academy-content h4 {
    font-size: 24px;
    font-family: 'Open Sans';
    font-weight: 700;
    color: #565656;
    margin: 30px 0px 30px 0px;
}

.academy-content h5 {
    font-size: 20px;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #565656;
    margin: 20px 0px 20px 0px;
}

.academy-content ul, .academy-content ol {
    padding: 0px 0px 0px 20px;
    margin: 0 auto;
    line-height: 26px;
}

.academy-content a {
    color: #42ba8b;
}

.span12.widget-span.widget-type-cell.page-center.academy-area {
    margin-top: 30px;
    margin-bottom: 30px;
}

.academy-content p.academy-quote-1 {
    text-align: center;
    margin: 40px 0% 40px 8%;
    color: #6f6f6f;
    font-size: 16px;
    max-width: 80%;
    font-style: italic;
    position: relative;
}

.academy-content p.academy-quote-1:before {
    content: '';
    background: url(https://www.trekksoft.com/hubfs/quote-img-grey.png) no-repeat;
    z-index: -2;
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: block;
    width: 218px;
    height: 74px;
}

.academy-content p strong {
    font-weight: 800;
    padding: 0 3px 0 3px;
}

.academy-area p.academy-readmore {
    background: #ededed;
    border: 1px solid #d8d4d4;
    padding: 20px 20px 20px 20px;
}

.academy-content p.academy-quote {
    background-color: #ededed;
    background-image: url(https://www.trekksoft.com/hubfs/quote-img-white.png);
    background-repeat:  no-repeat;
    background-position: bottom;
    background-position-x: 95%;
    border: 0px #ededed solid;
    border-left: 10px #e7e7e7 solid;
    position: relative;
    padding: 40px 250px 40px 20px;
}

.academy-content p.academy-readmore-1 {
    border-left: 5px #5bc198 solid;
    padding: 4px 0px 4px 10px;
    margin: 25px 0 25px 0;
}

/*remove the fixed menu on topic pages*/
.hs-content-id-9187304509 .menu-tk.fixed, .hs-content-id-9367160777 .menu-tk.fixed{
position:inherit;
  height:0px;
}
.no-menu .menu-tk.fixed{
position:inherit;
  height:0px;
}


.hs-content-id-5727597821 .menu-tk.fixed, .hs-content-id-5726938498 .menu-tk.fixed, .hs-content-id-5731006319 .menu-tk.fixed, .hs-content-id-5744285210 .menu-tk.fixed, .hs-content-id-8730790903 .menu-tk.fixed{
position:inherit;
}

.hs-content-id-5727597821 .menutk-placeholder, .hs-content-id-5726938498 .menutk-placeholder, .hs-content-id-5731006319 .menutk-placeholder, .hs-content-id-5744285210 .menutk-placeholder, .hs-content-id-8730790903 .menutk-placeholder{
height:0px;
}
/*appears the submenu selected*/
.hs-content-id-5727597821 .academy-menu li:nth-child(2) a, .hs-content-id-5726938498 .academy-menu li:nth-child(3) a, .hs-content-id-5731006319 .academy-menu li:nth-child(4) a, .hs-content-id-12777319910 .academy-menu li:nth-child(5) a, .hs-content-id-5744285210 .academy-menu li:nth-child(6) a {
  background: #68c8a2;
  margin-top: -5px;
  padding: 20px 15px 25px 15px;
}
.hs-content-id-5719793083 .academy-menu li:nth-child(7) a, .hs-content-id-5719403256 .academy-menu li:nth-child(8) a, .hs-content-id-5748047138 .academy-menu li:nth-child(9) a, .hs-content-id-5719403598 .academy-menu li:nth-child(8) a, .hs-content-id-5719793369 .academy-menu li:nth-child(11) a{
    background: #ebebeb;
    margin-top: -5px;
    padding: 20px 15px 25px 15px;
}
.hs-content-id-5733491438 .academy-menu li:nth-child(1) a{
 border-top-left-radius: 10px;
 background: #68c8a2;
 margin-top: -5px;
 padding: 20px 15px 25px 15px;
}

div.hs-richtext > span{
  font-size:13px;
  color:#959595;
}
/*fix the image position on academy grey*/
.academy-gray div#hs_cos_wrapper_module_1524510555956126 {
    text-align: center;
}
.academy-gray h2 {
    color: #42ba8b;
    font-size: 34px;
    margin: 0px 0px 20px 0px;
}

.academy-gray p {
    font-size: 18px;
    line-height: 24px;
    position: relative;
    z-index: 1;
}

.hs-content-id-5727597821 .academy-gray p:before {
    content: 'Marketing';
}
.hs-content-id-5726938498 .academy-gray p:before {
    content: 'Travel Trends';
}
.academy-gray p:before {
    position: absolute;
    font-size: 100px;
    max-width: 340px;
    line-height: 84px;
    color: #e9e9e9;
    font-family: 'Raleway';
    font-weight: 800;
    z-index: -1;
}
/*CTAS*/
.academy-convertion {
    margin:50px 0 50px 0px;
}

.academy-convertion ul {
    padding: 10px 30px 10px 40px;
    margin:  0 0 0  0;
    color: #fff;
    height: 297px;
    border-radius: 10px;
    list-style: none;
}

.academy-convertion ul li:first-child {
    max-width: 58%;
    padding: 0 0px 0 0;
    float: left;
    }

.academy-convertion ul li:last-child {
    max-width: 40%;
    float: left;
    display: block;
}

.academy-convertion ul h4 {
    color: #fff;
    font-size: 26px;
    margin: 30px 0px 0px 0px;
}

.academy-convertion ul p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
}

.academy-convertion span.academy-cta-1 a {
    color: #fff;
    border: 2px solid #fff;
    border-top-left-radius:  10px;
    border-bottom-right-radius: 10px;
    padding: 14px 20px 14px 20px;
    font-size: 16px;
    margin: 8px 0px 0px 0px;
    display: inline-block;
}

.academy-convertion span.academy-cta-1 a:hover {
    color: #42ba8b;
    border: 2px solid #fff;
    background:#fff;
}

.academy-convertion ul#seo-checklist {
    background: #c70073;
}
.academy-convertion ul#booking-convertion-guide {
    background: #03A9F4;
}
.academy-convertion ul#travel-report {
    background: #009688;
}

.academy-convertion ul#travel-report-2020 {
    background: #1bce81;
}

.academy-convertion ul#new-hires {
    background: #2e6490;
}
.academy-convertion ul#industry-research{
    background: #a32f2f;
}
/*Images on quotes*/
p#lesrives, p#goecoo, p#bestofswitzerland, p#soultravelblog, p#sandemans, p#fjordnorway {
    position: relative;
}

p#lesrives:before {
    background: url(https://www.trekksoft.com/hubfs/img-les-rives.png) no-repeat;
    content: '';
    display: block;
    z-index: 3;
    width: 170px;
    bottom: 30%;
    right: 7%;
    height: 90px;
    position: absolute;
}

p#goecoo:before {
    background: url(https://www.trekksoft.com/hubfs/img-goecoo.png) no-repeat;
    content: '';
    display: block;
    z-index: 3;
    width: 170px;
    bottom: 30%;
    right: 7%;
    height: 90px;
    position: absolute;
}
p#bestofswitzerland:before {
    background: url(https://www.trekksoft.com/hubfs/img-bestofswitzerland.png) no-repeat;
    content: '';
    display: block;
    z-index: 3;
    width: 170px;
    bottom: 30%;
    right: 7%;
    height: 90px;
    position: absolute;
}
p#soultravelblog:before {
    background: url(https://www.trekksoft.com/hubfs/img-soultravel.png) no-repeat;
    content: '';
    display: block;
    z-index: 3;
    width: 170px;
    bottom: 30%;
    right: 7%;
    height: 90px;
    position: absolute;
}
p#sandemans:before {
    background: url(https://www.trekksoft.com/hubfs/img-sandemans.png) no-repeat;
    content: '';
    display: block;
    z-index: 3;
    width: 170px;
    bottom: 30%;
    right: 7%;
    height: 90px;
    position: absolute;
}
p#fjordnorway:before {
    background: url(https://www.trekksoft.com/hubfs/img-fordnorway.png) no-repeat;
    content: '';
    display: block;
    z-index: 3;
    width: 170px;
    bottom: 30%;
    right: 7%;
    height: 90px;
    position: absolute;
}
#academy-top h1 {
    margin: 70px 0px 0px 0px;
}

#academy-top #hs_cos_wrapper_module_1496153846395216 {
    margin: 0px 0px 50px 0px;
    display: block;
}

.acadtitle h2 {
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 400;
    color: #565656;
}

.acadtitle h2 strong {
    color: #42ba8b;
    font-size: 26px;
    font-family: 'Raleway';
    font-weight: 700;
}

.academy-topic-high {
    border-radius: 10px;
    background-color: #fff;
    background-image: url(https://www.trekksoft.com/hubfs/tt-img-mi.png);
    box-shadow: 0px 0px 10px 0px #cecece;
    background-repeat:  no-repeat;
    background-position-x: -12px;
}

.academy-topic-high h3 {
    color: #42ba8b;
    font-size: 26px;
    margin-top: 27px;
    margin-left: auto;
    width: 350px;
}

.academy-topic-high p {
    margin-left: auto;
    width: 350px;
    font-size: 16px;
    padding: 0 20px 0px 0px;
}

.academy-topic-high span {
    display: block;
    margin-left: auto;
    width: 350px;
}

.academy-topic-high a {
    color: #42ba9a;
    font-size: 16px;
    border: 2px solid #42ba9a;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 20px;
    margin: 5px 0px 13px 0px;
    display: inline-block;
}

.academy-topics a, .academy-resources-bg a {
    display: block;
    background: #9E9E9E;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #cecece;
    padding: 23px 130px 23px 30px;
    margin: 0 0 20px 0px;
    position: relative;
}

.academy-topics a p , .academy-resources-bg a p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
}

.academy-topics a h3, .academy-resources-bg a h3 {
    font-size: 26px;
    margin: 0 0 0 0;
    color: #fff;
}

.academy-topics a:before, .academy-resources-bg a:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 76px;
    left: 0%;
    background: white;
}

.academy-topics a:after, .academy-resources-bg a:after {
    content: '+';
    color: #fff;
    position: absolute;
    right: 5%;
    bottom: 29%;
    border: 2px #fff solid;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.academy-topics a:hover, .academy-resources-bg a:hover {
    box-shadow: 0px 0px 10px 0px #9E9E9E;
}

.academy-topics .acadmkt a {
    background: url("https://www.trekksoft.com/hs-fs/hubfs/marketing.png?t=1524752659886&width=1706&name=marketing.png");
    background-position-x: 840px;
    background-position-y: -140px;
}

.academy-topics .acadbma a {
    background: url(https://www.trekksoft.com/hubfs/business.png);
    background-position-x:  840px;
    background-position-y: -160px;
}

.academy-topics .acadtech a {
    background: url(https://www.trekksoft.com/hubfs/tech.png);
    background-position-x: 1670px;
    background-position-y: -170px;
}
.academy-topics .acadrev a {
    background: url(https://www.trekksoft.com/hubfs/bg-cta-revenue.png);
      margin-top: 17px !important;
}
.academy-resources-bg .acadtool a{
    background: url(https://www.trekksoft.com/hubfs/img-tools.png);
}
.academy-resources-bg .acadweb a{
    background: url(https://www.trekksoft.com/hubfs/img-webinar.png);
}
.academy-resources-bg .acadchek a{
    background: url(https://www.trekksoft.com/hubfs/img-checklists.png);
}
.academy-resources-bg .acadcour a{
    background: url(https://www.trekksoft.com/hubfs/img-courses.png);
}
.academy-area .acadtitle h2 strong{
    color:#2da1b9;
}
.academy-area .hs-cta-img {
    margin-bottom: 8px;
}
/*academy-responsive*/
@media (max-width: 767px) {
  .academy-menu ul {
    display: none;
}

.academy-menu {
    display: none !important;
}

#academy-top {
    padding: 5%;
}

.academy-gray {
    padding: 5%;
}

.acadtitle h2 {
    text-align:center;
    margin-bottom:0px;
    padding:0 0 0 0;
}
.acadtitle h2 strong{
    display:block;
}

.academy-topic-high {
    border-radius: 10px;
    background-color: #fff;
    background-image: url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/tt-img-mi.png?t=1525136903910);
    box-shadow: 0 0 10px 0 #cecece;
    background-repeat: no-repeat;
    background-position-x: -12px;
    background-repeat: no-repeat;
    background-position-x: -100%;
}

.academy-topic-high h3 {
    width: 85%;
    margin-top: 10%;
    padding-top: 10%;
}

.academy-topic-high p {
    width: 84%;
}

.academy-topic-high a {
    margin: 5px 0 13px 0;
}

.academy-topic-high span {
    width: 85%;
}

.span12.widget-span.widget-type-cell.page-center.academy-area {
    padding: 5%;
}

.hs-content-id-5726938498 .feature-hero #hs_cos_wrapper_module_1496153846395216, .hs-content-id-5727597821 .feature-hero #hs_cos_wrapper_module_1496153846395216, .hs-content-id-5731006319 .feature-hero #hs_cos_wrapper_module_1496153846395216, .hs-content-id-5744285210 .feature-hero #hs_cos_wrapper_module_1496153846395216{
    margin-top: 45%;
}

.academynav {
    display: none !important;
}

.academy-content p.academy-quote {
    padding: 40px 20px 40px 20px;
}



p#lesrives:before {
    opacity: 0.1;
    right: 28%;
}

.academy-convertion ul li:last-child {
    padding: 90px 0px 0px 0px;
    max-width: 40%;
}

.academy-convertion ul {
    height: 425px;
}
/* Academy Spanish Submenu */
.academy-menu.acaes ul{
   background:linear-gradient(90deg,#42ba8b 85%,#fff 50%);
}

.academy-menu.acaes li:nth-child(5) a{
    color: #42ba8b;
}

.academy-menu.acaes li:nth-child(5) a:hover{
    border-top-right-radius: 10px;
    background: #ebebeb;
    margin-top: -5px;
    padding: 20px 15px 25px 15px;
}

.resource-card-container {
    float: left;
    max-width: 50%;
}
.hs-content-id-5748047138 .resource-card-container,.hs-content-id-5719793369 .resource-card-container {
    float: none;
    max-width: 100%;
}
.academy-resources .resource-card-container .image-container a {
    height: 350px;
}

.hs-content-id-5719793083 div.academy, .hs-content-id-5719403256  div.academy, .hs-content-id-5748047138 div.academy, .hs-content-id-5719403598 div.academy, .hs-content-id-5719793369 div.academy{
    height: 290px;
}
  p#lesrives:before {
    bottom: 30%;
    right: 7%;
    opacity:0.2;
}

p#goecoo:before {
     bottom: 30%;
    right: 7%;
    opacity:0.2;
}
p#bestofswitzerland:before {
    bottom: 30%;
    right: 7%;
    opacity:0.2;
}
p#soultravelblog:before {
    bottom: 30%;
    right: 7%;
    opacity:0.2;
}
p#sandemans:before {
    bottom: 30%;
    right: 7%;
    opacity:0.2;
}
p#fjordnorway:before {
     bottom: 30%;
    right: 7%;
    opacity:0.2;
}


.academy-convertion ul#seo-checklist {
    height:450px;
}
.academy-convertion ul#booking-convertion-guide {
    height:500px;
}
.academy-convertion ul#travel-report {
    height:390px;
}
.academy-convertion ul#new-hires {
   height:330px;
}
.academy-convertion ul#industry-research{
   height:500px;
}
}
/* Common Template Selectors                                             
   ========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {
}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
   ========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                          
   ========================================================================== */
/*Referral Pages*/
#referral .simple-form {
    border-radius: 10px;
    padding: 30px 70px 30px 70px;
    margin-bottom: 30px;
}

#referral .header-referral {
    text-align: center;
}

#referral .header-referral h1 {
    text-align: center;
    font-weight: 700;
    font-size: 34px;
}

#referral .header-referral h2 {
    font-weight: 500;
    font-size: 20px;
}
#referral .trt img {
    width: 30%;
    float: left;
    margin-right: 30px;
}

#referral .trt p {
    color: #fff;
    width: 380px;
}

#referral .trt p a {
    /* color: #FEF; */
}

#referral .trt {
    background: #fff;
    border-radius:10px
}


#referral span.case-s {
    padding: 10px 10px 10px 10px;
    margin: -20px 0px -10px 0;
}

/* Marketing Kit */
div#package {
    margin-bottom: 20px;
}

/*Course Page*/
@media (max-width: 900px) {
    .bgvideo h1 {
    padding: 0 0px 0 0px !important;
}


.span12.widget-span.widget-type-cell.bgvideo {
    padding: 0px 10px;
}

.bgvideo-full {
    top: 0 !important;
    max-width: 266%;
}

.bgvideo .course-bar {
    display: none;
}

.course-menu {
    display: none;
}

.span3.widget-span.widget-type-rich_text.course-menu.sticky {
    display: none;
}

.course-main-content {
    padding: 0 10px;
    text-align: center;
}

.course-comefunziona ul li {
    display: block !important;
    float:  none !important;
    width: 100% !important;
}

.course-comefunziona ul li:nth-child(1), .course-comefunziona ul li:nth-child(2), .course-comefunziona ul li:nth-child(3), .course-comefunziona ul li:nth-child(4), .course-comefunziona ul li:nth-child(5), .course-comefunziona ul li:nth-child(6) {
    margin: 0 0 4px 0px !important;
    padding: 20px 0px 0px 0px !important;
}

.course-objective {
    margin: 0 0 0 0;
}

.course-objective ul {
    text-align: left;
}

.course-instructor ul li:nth-child(1), .course-instructor ul li:nth-child(2), .course-instructor ul li:nth-child(3), .course-instructor ul li:nth-child(4), .course-instructor ul li:nth-child(5), .course-instructor ul li:nth-child(6) {
    display: block !important;
    float: none !important;
    max-width: 100% !important;
}

div#hs_cos_wrapper_widget_5643423515 ul {
    text-align: left;
}

.course-w-price {
    text-align: center;
    padding: 0 15px;
}

.course-w-price ul li {
}

.course-w-price ul li:first-child {
    float: none !important;
}

.course-w-price table {
    max-width: 100%;
    text-align: center;
}
}
.bgvideo {
    position: relative;
    height: 560px;
    display: block;
    text-align: center;
    color:  #fff;
    background: #000;
}

.bgvideo-full {
    position: absolute;
    left: 0;
    top: -199px;
    z-index: 1;
    opacity: 0.4;
}
.bgvideo .page-center {
    z-index: 2;
    position: relative;
}

.bgvideo h1 {padding: 0 340px;font-size: 32px;}

.bgvideo h2 {
    padding: 0 350px;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 18px;
}

.bgvideo .logo-img {
    margin-top: 20px;
    margin-bottom: 35px;
}

.bgvideo .course-bar {
    background: #5fe1a7;
    color: #000;
}

.bgvideo .course-bar ul {
    margin: 0;
    padding: 0;
    list-style:  none;
}

.bgvideo .course-bar li {
    float: left;
}

.bgvideo .course-bar li:first-child {
    width: 25%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bgvideo .course-bar li:last-child {
    width: 65%;
    padding-top: 22px;
}

.bgvideo .course-bar .c-bar-2 li:last-child {
    width: 72%;
    padding-top: 15px;
}

.bgvideo .course-bar .c-bar-2 li:first-child {
    width: 22%;
}

.bgvideo .course-bar .c-bar-1 li:last-child {
    width: 40%;
     padding-top: 32px;
}

.bgvideo .course-bar .c-bar-1 li:first-child {margin-left: 38px;}

.bgvideo .course-bar {
    margin-top: 20px;
}

.sticky {
  position: relative;
  top: 0;
}
.course-content-total{
    background:#ededed;
}

.course-content-total h3 {
    font-size: 32px;
    margin-top: 50px;
    margin-bottom: 20px;
    color:#202020;
}


.course-menu {
    background: #fff;
    border-top: 5px solid #49bb88;
    margin-top: 10px;
    max-width: 20%;
}

.course-menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.course-menu ul li {
    padding: 12px 0px 12px 0px;
    border-bottom: 1px solid #ededed;
    margin: 0px 40px 0px 40px;
    font-size: 18px;
    /* text-align: center; */
    font-weight: 700;
}

.course-menu ul li a {
    color: #646464;
}

.couser-menu ul li:last-child {
    margin-top: 0px;
}

.couser-menu ul li:nth-child(8) {
    background: red;
}

.course-menu ul li:last-child {
    border-bottom: 1px solid #fff;
}

.course-comefunziona ul {
    list-style:  none;
    display: block;
    padding: 0 0 0 0;
    margin: 0px 0px 20px 0px;
}

.course-comefunziona ul li {
    background: #fff;
    padding: 20px 10px 0px 20px;
    margin: 5px 5px 5px 5px;
    width: 32%;
    display: inline-block;
    float: left;
    height: 80px;
}

.course-comefunziona ul li:nth-child(2) {
    padding: 12px 0px 0px 20px;
}

.course-comefunziona ul li:nth-child(6) {
    padding: 28px 0px 0px 20px;
}

.course-comefunziona ul li:nth-child(1), .course-comefunziona ul li:nth-child(4) {margin-left: 0;}

.course-comefunziona {
    margin-bottom: 20px;
}
.course-objective {
    margin-top: 250px;
}

.course-programma .faq {
    background: #fff;
    padding: 10px 10px 10px 20px;
    margin: 3px 0 3px 0;
}

.course-programma .answer ul {
    padding: 20px 0px 0px 0;
    list-style: none;
    font-size: 16px;
    border-top: 1px solid #ededed;
    line-height: 26px;
}

.course-programma .answer ul li:nth-last-child(2) {
    margin-top: 25px;
}

.course-instructor ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #fff;
}

.course-instructor ul li {
    padding: 20px 40px 10px 30px;
    display: inline-block;
}

.course-instructor ul li:nth-child(1), .course-instructor ul li:nth-child(3), .course-instructor ul li:nth-child(5) {
    float: left;
    /* background: red; */
    max-width:  30%;
}

.course-instructor ul li:nth-child(2), .course-instructor ul li:nth-child(4), .course-instructor ul li:nth-child(6) {
    max-width: 70%;
    /* background: purple; */
    margin-bottom: 20px;
}

.course-instructor ul li strong {
    font-family: 'Raleway';
    font-size: 18px;
    font-weight: 600;
}
.course-ebook-download {
    background: url(https://www.trekksoft.com/hubfs/lp/courses/IT/2018_cdcpet/corso-cover.png) #fff;
    background-position: right;
    border: 1px solid #d8d8d8;
    margin-bottom: 30px;
    background-position-x: 590px;
    background-repeat:  no-repeat;
    padding: 30px 10px 40px 30px;
}

.course-ebook-download h3 {
    margin-top: 10px;
    max-width: 310px;
}

.course-ebook-download a {
    background: #ff9100;
    color: #fff;
    padding: 15px 65px 15px 65px;
    margin-top: 10px;
    display: inline-block;
    border: 1px solid #ff9100;
    border-top-left-radius: 10px;
    font-weight: 600;
    border-bottom-right-radius: 10px;
}

.course-w-price h3 {
    font-size: 32px;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #202020;
}

.course-w-price ul {list-style: none;padding: 0;margin:0 0 30px 0;}

.course-w-price ul li:first-child {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Raleway';
    color: #ff9100;
    display: inline-block;
    float: left;
}

.course-w-price ul li:last-child {
    /* background: red; */
    display: inline-block;
    margin-top: 14px;
}

.course-w-price ul li:last-child p {
    margin: 0px 0px 3px 20px;
    font-style: italic;
}
.hs-content-id-5676817260 .bgvideo {
    height: 500px;
}


.hs-content-id-5676817260 .bgvideo-full {
top: -52%;
}
#hs_cos_wrapper_module_1520964138708274 > a {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    background-color: #ff9100;
    padding: 15px 90px 20px 90px;
    font-size: 18px;
    color: inherit;
    margin: 30px 11px 30px 0px;
    border: 2px solid #ff9100;
    transition: all 0.5s ease;
    text-shadow: 0px 0px 5px #d46d12 !important;
    color: #fff;
}
.hs-content-id-5205524718 .hero{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    height: 450px;
}
.hs-content-id-5205524718 .span12 .hero-content{
padding:30px 30px 30px 30px;
}

.faq-lp{
    padding:40px 10px 80px 10px;
}
.faq-lp h3{
    padding-top:20px;
    padding-bottom:10px;
    text-align:center;
    font-size:26px;
}

.white-lp{
    border-top:5px solid #3dab7a;
    background:#fff;
    padding:20px 70px 50px 70px;
    margin:0 auto;
    border-radius:2px 2px 0px 0px;
}
.white-lp h5{
    text-align: center;
    font-size:22px;
    margin:15px;
}
ul.case-nav {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style:  none;
    display:block;
}

ul.case-nav li:first-child a, ul.case-nav li:nth-child(2) a {
    float: left;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-size: 34px;
    font-family: Raleway;
    font-weight: 700;
    background: #e7e7e7;
    color: #ff9100;
    padding: 20px 20px 20px 20px;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 9px #ccc;
}

ul.case-nav li:last-child {
    text-align: center;
    width: 100%;
    background: #d0d0d0;
    display: block;
    font-size:16px;
}

ul.case-nav li:first-child a:hover, ul.case-nav li:nth-child(2) a:hover {
    -moz-box-shadow: inset 0 0 10px #000000;
    background: #d4d3d3;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #9a9a9a;
}

/*Simple Demo Landing Pages*/
/*Content*/
.resp{
    display:none;
}
.simple-demo-box{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    color:#fff;
    display:block;
}
.simple-demo-content div{
    width: 450px;
    margin:0 auto;
    float:none;
}
.simple-demo-content ul{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.simple-demo-content ul li{
    margin:15px 0px 10px 0px;
    line-height: 22px;
}
.simple-demo-content ul li img {
    float: left;
    margin:10px 14px 5px 10px;
    display: inline;
}
/*Specific for li 1*/
.simple-demo-content ul > li:nth-child(1) > img{
    margin:3px 14px 5px 10px;
}
.simple-demo-content ul li p {
    display: inline;
}
.simple-demo-box h1{
    font-size: 30px;
    font-weight: 500;
    line-height: 43px;
    margin:50px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    color:#fff;
}
.simple-demo-box h2{
    font-weight: 500;
    color: #cbfbea;
}
.simple-demo-box h3{
    font-family: Raleway;
    font-weight: 500;
    font-size: 28px;
    margin: 20px 0px 10px 0px;
    color:#fff;
}
.simple-demo-box p{
    color:#fff;
}
.simple-form{
    background: #f8f8f8;
    height: 100%;
    padding: 10px 70px 110px 70px;
    text-align: center;
    width:100%;
}
.simple-form h3, .simple-form p{
    color:gray;
}
#sticky-sidebar{
    width:450px;
}
.simple-testimonial-content span img{
    width: 25%;
    margin: 0px 20px 0px 0px;
    float: left;
}
.simple-testimonial-content span p:nth-child(3){
    font-style: italic;
    font-size: 13px;
    margin-top: 40px;
    
}
.simple-testimonial-content span p:nth-child(6){
    font-style: italic;
    font-size: 13px;
    margin-top: 72px;
}
.simple-testimonial-content span h4{
    color: #cbfbea;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0px 45px 0px;;
}
/*Demo B Test Barbra*/
.demo-b-tst {
    background: #f7f7f7;
    z-index: 1;
}

.simple-demo-box  .demo-b-tst h1 {
    color:#41c28f !important;
}


.simple-demo-box .demo-b-tst p{
    color:#666666;
}

.simple-demo-box .demo-b-tst h2{
    color:#41c28f;
}
.demo-b-tst .simple-testimonial-content span h4{
    color:#2acc89;
}

.demo-b-tst .simple-form{
    background:#ffffff;
}
/*----------------------Enterprise Demo Template (RUBEN)--------------------------------------*/
.enterprise-demo-box{
    background: -moz-linear-gradient(right,#fff 0%,#fff 50%,#f2feef 50%,#f2feef 100%);
    background: -webkit-gradient(linear,right,left,color-stop(0,#fff),color-stop(50%,#fff),color-stop(50%,#f2feef),color-stop(100%,#f2feef));
    background: -webkit-linear-gradient(right,#fff 0%,#fff 50%,#f2feef 50%,#f2feef 100%);
    background: -o-linear-gradient(right,#fff 0%,#fff 50%,#f2feef 50%,#f2feef 100%);
    background: -ms-linear-gradient(right,#fff 0%,#fff 50%,#f2feef 50%,#f2feef 100%);
    background: linear-gradient(to right,#fff 0%,#fff 50%,#f2feef 50%,#f2feef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f2feef',GradientType=0);
}
.enterprise-demo-box .enterprise-demo-content, .enterprise-demo-box .enterprise-form{
    padding:10px 10px 10px 10px;
}
.enterprise-demo-box .enterprise-demo-content{
    background:#fff;
}
.enterprise-demo-box .enterprise-form{
    background:#f2feef;
}
.enterprise-demo-box .page-center .enterprise-demo-content .enterprise-logo-mobile{
    display:none;
}
.enterprise-demo-box h1, .enterprise-demo-box p strong, .enterprise-demo-box li p span, .enterprise-demo-box h2{
     color:#2acc89;
}
 .hs-content-id-5676817260 .bgvideo h2{
    background:ul(https://www.trekksoft.com/hubfs/lp/courses/IT/2018_cdcpet/video-frame.png)cover;
}
/*Variation B*/
.hs-content-id-5341041101 .enterprise-demo-box{
    background: -moz-linear-gradient(right,#fff 0%,#fff 50%,#f3f3f3 50%,#f3f3f3 100%);
    background: -webkit-gradient(linear,right,left,color-stop(0,#fff),color-stop(50%,#fff),color-stop(50%,#f3f3f3),color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(right,#fff 0%,#fff 50%,#f3f3f3 50%,#f3f3f3 100%);
    background: -o-linear-gradient(right,#fff 0%,#fff 50%,#f3f3f3 50%,#f3f3f3 100%);
    background: -ms-linear-gradient(right,#fff 0%,#fff 50%,#f3f3f3 50%,#f3f3f3 100%);
    background: linear-gradient(to right,#fff 0%,#fff 50%,#f3f3f3 50%,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f3f3f3',GradientType=0);
}
.hs-content-id-5341041101 .enterprise-demo-box h1,.hs-content-id-5341041101 .enterprise-demo-box p strong,.hs-content-id-5341041101 .enterprise-demo-box li p span,.hs-content-id-5341041101 .enterprise-demo-box h2{
     color:#5f9881;
}
.hs-content-id-5341041101 .enterprise-demo-box .enterprise-form{
    background:#f3f3f3;
}
/*Variation C*/
.hs-content-id-5341043028 .enterprise-demo-box h1,.hs-content-id-5341043028 .enterprise-demo-box p strong,.hs-content-id-5341043028 .enterprise-demo-box li p span,.hs-content-id-5341043028 .enterprise-demo-box h2{
     color:#4e9efd;
}
.hs-content-id-5341043028 .enterprise-demo-box{
    background: -moz-linear-gradient(right,#fff 0%,#fff 50%,#e2eff3 50%,#e2eff3 100%);
    background: -webkit-gradient(linear,right,left,color-stop(0,#fff),color-stop(50%,#fff),color-stop(50%,#e2eff3),color-stop(100%,#e2eff3));
    background: -webkit-linear-gradient(right,#fff 0%,#fff 50%,#e2eff3 50%,#e2eff3 100%);
    background: -o-linear-gradient(right,#fff 0%,#fff 50%,#e2eff3 50%,#e2eff3 100%);
    background: -ms-linear-gradient(right,#fff 0%,#fff 50%,#e2eff3 50%,#e2eff3 100%);
    background: linear-gradient(to right,#fff 0%,#fff 50%,#e2eff3 50%,#e2eff3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#e2eff3',GradientType=0);
}
.hs-content-id-5341043028 .enterprise-demo-box .enterprise-form{
    background:#e2eff3;
}
.enterprise-demo-box h1{
    font-size: 35px;
    font-weight: 700;
    line-height: 43px;
    margin:50px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}
.enterprise-demo-box p{
    line-height: 24px;
    font-size: 16px;
}
.enterprise-demo-box ul{
    list-style: disc;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
}
.enterprise-demo-box ul li{
    margin: 22px 0px 10px 30px;
    line-height: 22px;
   
}
.enterprise-demo-box li p{
    display: inline;
    font-size:14px;
    line-height: 22px;
}
.enterprise-demo-box span a{
    color:#79b4ca;
    text-decoration:none;
    transition: all 0.5s ease;
}
.enterprise-demo-box span a:hover{
    text-decoration:underline;
    transition: all 0.5s ease;
    color:#79b4ca;
}
.enterprise-demo-box .enterprise-demo-content .enterprise-demo-testimonial ul{
    list-style:none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.enterprise-demo-box .enterprise-demo-content .enterprise-demo-testimonial li{
    float:left;
}
.enterprise-demo-box .enterprise-demo-content .enterprise-demo-testimonial li:first-child{
    width:25%;
    padding:5% 0 0 0;
}
.enterprise-demo-box .enterprise-demo-content .enterprise-demo-testimonial li:last-child{
    width:60%;
}
@media (max-width: 767px) {
    .enterprise-demo-box{
        background:#fff;
    }  
    .enterprise-demo-box .page-center .enterprise-demo-content .enterprise-logo-mobile{
    display:block;
    margin: 0 auto;
    padding: 0 35%;
    }
    .enterprise-demo-box .enterprise-demo-content, .enterprise-demo-box .enterprise-form{
    padding:20px 10px 20px 10px;
}
.enterprise-demo-box h1, .enterprise-demo-box h2, .enterprise-demo-box h3{
    text-align:center;
}
.quizz{
    height:285px !important;
}
 .hs-content-id-5676817260 .bgvideo h2{
    padding: 0 0px;
}
}
@media (max-width: 479px) {
 .enterprise-demo-box .enterprise-demo-content .enterprise-demo-testimonial li{
    float:none;
}
.enterprise-demo-box .enterprise-demo-content .enterprise-demo-testimonial li:first-child{
    width:100%;
    padding:0 0 0 26%;
    display:block;
}
.enterprise-demo-box .enterprise-demo-content .enterprise-demo-testimonial li:last-child{
    width:90%;
    display:block;
}
}
/*---------- END -----------*/
/*Complete Demo Landing Pages*/
.menudemo .js {
    list-style: none;
    padding: 0px;
    margin:0px;
    float:right;
}

.menudemo .js li{
    display: inline;
    padding: 0px 10px 0px 15px;
    line-height: 45px;
}

.menudemo li:nth-child(4) {
    background: #ff9100;
    padding-bottom: 20px;
    padding-top: 20px;
}
.menudemo li.xtmas{
    background: #3dab7a;
    padding-bottom: 20px;
    padding-top: 20px;
}

.fixed-menu{
    position: fixed;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    top: 0;
    width: 100% !important;
    z-index: 2;
}

.atalho {display: none}
@media all and (min-width: 320px) and (max-width: 532px) {
  .atalho {display: block}
  .atalho input[type="checkbox"] {
    content: url('https://www.trekksoft.com/hubfs/ico-closed.png');
    display: block;
    width: 45px;
    height: 45px;
}
.atalho input[type="checkbox"]:checked {
    content: url('https://www.trekksoft.com/hubfs/ico-open.png');
}
.native-hidden {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
  .menudemo { height: auto !important }
  .menudemo .js { display: none }
  .menudemo .js li { float: none; max-width: none; width: auto }
  .menudemo .js > li a { padding: 5px }
  .menudemo .js li ul { display: block; margin-bottom: 10px; opacity: 1; position: inherit; visibility: visible }
  .menudemo .js li ul li a { border: 0 none; font-size: 0.8em; margin-left: 5px; padding: 5px }
  .atalho {
margin-top: -16%;
    margin-bottom: 3%;
}
.menudemo .js{
    list-style:  none;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 0;
    background: #ededed;
    border-top: 1px solid #e4e4e4;
    float:none;
}

.menudemo .js li{
    padding: 20px 0px 20px 0px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    display:block;
}

.logo-trekksoft {
    text-align: center;
    padding: 16px 10px 16px 10px;
}

.complete-demo-box .specific h1 {
    text-align: center;
    line-height: 110%;
    padding: 10px;
}

.complete-demo-box .specific p {
    padding: 0% 5% 0% 5%;
    text-align: center;
    margin-top: 55%;
}

a.scroll {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block !important;
    padding: 20px 0px 20px 0 !important;
    text-align: center;
    margin: 10px 10px 10px 10px !important;
}

.image-responsive {
margin-top: -80%;
    margin-bottom: 88%;
}
.complete-demo-box .testimo .trt img{
   display: none;
    margin: 0 auto;
    clip-path: none; 
}
.complete-demo-box .testimo .trt p:nth-child(2) {
    display: block;
    width: 100%;
    text-align:  center;
    margin: 0 auto;
    padding: 0 0 0 0;
}

.complete-demo-box .testimo .trt p {
    width: 100%;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 auto;
}
.complete-demo-box ul li {
    padding: 0% 5% 8% 4% !important;
}

.complete-demo-box ul li:first-child {
    text-align: center;
    display: block;
    float: none;
    padding: 4% 10% 4% 0%;
    font-size: 19px;
}

.form-complete{
    width: 80% !important;
}
}
/*Complete Demo Landing Pages - AB-TESTS*/
.hs-content-id-5438663489 .full-width-bg-2 .spaces, .hs-content-id-5445428369 .full-width-bg-2 .spaces{
    display:none;
}
/* General
/*language switcher on footer*/
.lang-footer .lang_list_class {
    display: none;
    position: absolute;
    top: -705%;
    left: 320%;
    text-align: center;
    z-index: 100;
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 auto;
}
.lang-footer .lang_list_class li:first-child {
    padding-top: 20px;
    border-top: inherit;
}

.lang-footer .lang_list_class li {
    position: relative;
    text-align: center;
    z-index: 200;
    margin: 0 auto !important;
    background-color: #fff;
    font-weight: 500;
    padding: 10px 10px 10px 10px;
    white-space: nowrap;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
}

.lang-footer .lang_list_class li:first-child {
    padding-top: 10px;
    border-top: inherit;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.lang-footer .lang_list_class li a {
    color: #85b4a2;
    text-decoration: none;
    background-color: transparent;
}
.lang-footer .lang_list_class li:last-child {
    padding-bottom: 15px;
    border-bottom: inherit;
    border-bottom-right-radius: 5px;
}
.lang-footer .lang_list_class:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0%;
    width: 0;
    height: 0;
    z-index: 220;
}
.lang-footer .globe_class {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    cursor: pointer;
    background-image: url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/globe-ico.png?t=1527012116864);
}
.span3.widget-span.widget-type-language_switcher.lang-footer {
    display: inline-block;
}
.gen-footer {
    padding: 10px 0px 5px 0px;
    background: #292b31;
}

.image-responsive .a-b-video {
    background: white;
    padding: 2% 2% 2% 2%;
    margin: 23px 0px 0px 60px;
    width: 82%;
}
.image-responsive {
    margin-top: 3.9%;
}
}
.complete-demo-box{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    color:#fff;
    display:block;
}
.complete-demo-box h1{
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    margin: 22% 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: #fff;
}
.complete-demo-box h2{
    font-weight: 500;
    color: #cbfbea;
}
.complete-demo-box h3{
    font-family: Raleway;
    font-weight: 500;
    font-size: 28px;
    margin: 20px 0px 10px 0px;
    color:#fff;
}
/* TEST - DEMO PAGE
.complete-demo-box p{
    color:#fff;
}*/
.complete-demo-box h2 {
    margin-bottom: 30px;
    margin-top: 50px;
}
.complete-demo-box ul {
    list-style: none;
    color: #ccc;
}
.complete-demo-box ul li:first-child {
    padding: 1.3% 5% 1% 0%;
}
.complete-demo-box ul li {
    float: left;
    padding: 0% 5% 1% 4%;
}
.pillars-session h2 {
    color: #6c6c6c;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
}
.pillars-session h3 {
    color: #6c6c6c;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 25px;
    margin-bottom: 20px;
}
.pillars-session p {
    color: #6c6c6c;
    text-align: center;
}
.pillars-module {
    margin-top: 40px;
    margin-bottom:40px;
}
.pillars-module div {
    border: 1px solid #e4e4e4;
    width: 95%;
    margin: 0 auto;
    padding: 5px 10% 5px 10%;
    font-size:16px;
    text-align:center;
}
.pillars-module div p {
    font-size: 14px;
    line-height: 24px;
}
.pillar-sell div {
    border-top: 3px solid #2acc89;
}
.pillar-manage div {
    border-top: 3px solid #ff8952;
}
.pillar-grow div {
    border-top: 3px solid #de728f;
}
a.scroll {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    background-color: #ff9100;
    padding: 15px 90px 20px 90px;
    font-size: 18px;
    color: #fff;
    margin: 30px 11px 30px 0;
    border: 2px solid #ff9100;
    transition: all .5s ease;
    text-shadow: 0 0 5px #d46d12 !important;
}
a.scroll:hover {
    background-color: #d46d12;
    color: #fff;
    border: 2px solid #d46d12;
    transition: all .5s ease;
    text-shadow: 0 0 5px #ff9100 !important;
}
.complete-testimonial {
    text-align: center;
}

.complete-testimonial
 p {
font-size: 20px;
    padding-top: 7%;
    width: 50%;
    margin: 0 auto;
}

.complete-testimonial
 h2 {
    font-weight: 600;
}

.complete-testimonial img {
  background: #fff;
  width: 8%;
  margin: 0 1% 0 0;
  display: inline-block;
}
ul.features-demo {list-style: none; padding: 0;border-top: 1px solid #e4e4e4;}

ul.features-demo li {
    display: block;
    float: none;
    padding: 0% 0% 0% 0%;
}

ul.features-demo li:first-child {
    margin-top: 5%;
    padding: 0 0 0 0%;
    float: none;
}

ul.features-demo li img {
   display: inline-block;
    margin: 0 2% 7% 0px;
}

ul.features-demo li p {
    display: inline-block;
}

p.f-title {
    line-height: 0;
    margin: 15% 0px 0% 0px;
    display: block;
    font-family: "Raleway";
    font-size: 15px !important;
}

.pillar-sell p.f-title {
    color: #2acc89;
}

.pillar-manage p.f-title {
     color: #ff8952;
}

.pillar-grow p.f-title {
     color: #de728f;
}

.complete-testimonial .complete-demo-box ul {
    list-style: none;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.complete-testimonial
 .complete-demo-box ul li {
    float: none;
}

.complete-testimonial
 .complete-demo-box ul li:first-child {}

.complete-demo-box .complete-testimonial ul li {
    float: none;
}

.complete-demo-box .complete-testimonial ul li:first-child {
    margin-bottom: 5%;
    margin-left: 24%;
}

.complete-demo-box .complete-testimonial ul li p {
    font-size: 14px;
    text-align: left;
    display: inline-block;
}
.complete-demo-box .demobox h4 {
    font-size: 28px;
    color: #3cb283;
    text-align: right;
    padding: 0 3% 0 0;
    margin-top: 11%;
}

.complete-demo-box .demobox h4:after{
    display:none;
}

.complete-demo-box .demobox p {
    color: #6c6c6c;
    text-align: right;
    padding: 0 3% 2% 25%;
    line-height: 25px;
}

.complete-demo-box .moduleprice ul:nth-child(2) li {
    margin: 10px 0px 17px 8px !important;
    padding: 0 0 0 0 !important;
    float: none;
}

.complete-demo-box .moduleprice ul:nth-child(2) {
    color: #666666 !important;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
    webkit-box-shadow: 0px 0px 0px -4px rgba(87,87,87,0.37);
    -moz-box-shadow: 0px 0px 0x -4px rgba(87,87,87,0.37);
    box-shadow: 0px 0px 0px -4px rgba(87,87,87,0.37);
    padding: 0px 0px 10px 0px;
}

.demo-complete-box .demoblock .demo h3 {
    line-height: 55px !important;
}

.complete-demo-box .demobt a {
    margin: 0% 0% 0% 57% !important;
}
.complete-demo-box .demobt a:hover {
    background-color: #d46d12;
    color: #fff !important;
    border: 2px solid #d46d12;
    transition: all .5s ease;
    text-shadow: 0 0 5px #ff9100 !important;
}
.complete-demo-box .form-complete h3 {
    text-align: center;
}

.row-fluid .span12 .form-complete {
    margin: 0 auto;
    width: 50%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.complete-demo-box .form-complete p {
    text-align: center;
}

.complete-demo-box .demoblock .demo h3 {
    line-height: 51px !important;
}
/*VERTICALS*/
.vertical-demo-box{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    display:block;
}
.vertical-form-cod{
    position:relative;
}
.vertical-sidebar{
    margin-top: 20px;
    max-width: 566px;
    position: absolute;
    left: 50%;
    top: 0;
    background: #fff;
    padding: 3%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26);
    border: 1px solid #eaeaea;
}
.vertical-content{
    margin-top: 3%;
}

.vertical-content h1, .vertical-content h2{
    color: #fff;
}

.vertical-content h2 {
    font-family: 'Open Sans';
    font-weight: 500;
}
.vertical-feature-by-div{
    background: #ededed;
}
.vertical-feature-by {
    padding: 10px;
}

.vertical-feature-by ul {
    list-style: none;
    margin: 0 0 28px 0px;
    padding: 0;
}

.vertical-feature-by ul li {
    display: inline;
    padding: 3% 3% 0% 2%;
}

.vertical-feature-by p {
    text-transform: uppercase;
    color: #ccc;
    font-weight: 700;
    font-family: 'Raleway';
}
.vertical-why-trekssoft-div{
    background: white;
    padding-bottom: 30px;
}
.vertical-content h3 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size:32px;
}
.vertical-why-trekksoft p {
    line-height: 24px;
}
.vertical-why-trekksoft img {
    float: left;
     padding: 35px 17px 35px 17px;
    margin-right: 10px;
}
.vertical-testimonial {
    background: #ededed;
    z-index: 1;
    padding-bottom: 30px;
}
.vertical-testimonial h4 {
    font-size: 20px;
}
.vertical-testimonial p {
    font-size: 16px;
    line-height: 26px;
}
.vertical-testimonial img {
    float: left;
    margin-right: 20px;
}
.vertical-testimonial a{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:block;
    background-color: #ff9100;
    padding: 15px 0px 20px 0px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 38% 0% 0% 0%;
    border: 2px solid #ff9100;
    transition: all .5s ease;
    text-shadow: 0 0 5px #d46d12 !important;
}

@media only screen and (max-width: 768px) {
.vertical-content h1, .vertical-content h2 {
    color: #fff;
    text-align: center;
    padding: 0px 20px 0px 20px;
}

.vertical-sidebar {
    margin: 0 auto;
    max-width: 290px;
    position: relative;
    top: 0px;
    left: 4.5%;
    background: #fff;
    padding: 8%;
    box-shadow: 0 0 8px rgba(0,0,0,0.26);
    border: 1px solid #eaeaea;
}
.vertical-content .vertical-feature-by-div {
    margin-top: 15px;
}

#hs_cos_wrapper_module_1512560851355115 > ul > li:nth-child(3) > img {
    display: none;
}
.vertical-why-trekssoft-div {
    text-align: center;
    padding: 0px 20px 0px 20px;
}
.vertical-why-trekksoft img {
    float: none;
    padding: 0px 0px 0px 0px;
    margin-right: 0px;
}
.vertical-testimonial {
    text-align: center;
}
.vertical-testimonial img {
    float: none;
    margin-right: 20px;
}
.vertical-testimonial p {
    font-size: 16px;
    line-height: 26px;
    padding: 0px 20px 0px 20px;
}
.vertical-testimonial a {
    margin: 0% 10% 0% 10%;
}
.vertical-logo {
    padding: 0px 0px 0px 15%;
}
    }    
/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}

/* WEBINAR ENGLISH TEMPLATES */
.title{
    color:#fff; 
    font-size: 32px;
    font-family: Raleway;
    font-weight: 600;
    border-bottom: 6px #5fe1a7 solid;
    padding: 0px 0px 5px 0px;
    display: inline;
    line-height: 1.75em;
    text-align: left !important;
    margin: 0px 0px 0px 0px;
}
.text-webinar{
margin: 20px 0px 0px 0px;
}
.text-webinar p{
    color: #fff;
}
.video-box{
    padding: 10px 10px 10px 10px;
    background: #fff;
    margin: 20px 0px 0px 0px;
}
.align-block{
    background: #5fe1a7;
    background: -moz-linear-gradient(right,#5fe1a7 0%,#5fe1a7 50%,#fff 50%,#fff 100%);
    background: -webkit-gradient(linear,right,left,color-stop(0,#5fe1a7),color-stop(50%,#5fe1a7),color-stop(50%,#fff),color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(right,#5fe1a7 0%,#5fe1a7 50%,#fff 50%,#fff 100%);
    background: -o-linear-gradient(right,#5fe1a7 0%,#5fe1a7 50%,#fff 50%,#fff 100%);
    background: -ms-linear-gradient(right,#5fe1a7 0%,#5fe1a7 50%,#fff 50%,#fff 100%);
    background: linear-gradient(to right,#5fe1a7 0%,#5fe1a7 50%,#fff 50%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fe1a7',endColorstr='#ffffff',GradientType=0);
    margin: 20px 0px 20px 0px;
}
.green-block{
    background: #5fe1a7;
    padding: 15px 15px 15px 15px;
    text-align:left;
}
.green-block p{
    margin:0px 0px 0px 0px;
    font-size:15px;
}
.white-block{
    background: #fff;
    padding: 15px 15px 15px 15px;
    text-align:left;
}
.white-block p{
    margin:0px 0px 0px 0px;
    font-size:15px;
}
.tiny-exp{
    color:#b2b2b2;
     font-style: italic;
    font-size:14px;
}
.green-block .tiny-exp{
    color:#fff;
}
#hs_cos_wrapper_module_14843149701831040 > a{
    color:#5fe1a7;
    font-size:12px;
    text-decoration:underline;
}
.about-webinar{
    background:#fff;
    padding:10px 30px 30px 30px;
    border:1px solid #dbdbdb;
    position:relative;
    margin-top:55px;
    margin-bottom:55px;
}
.about-webinar::before {
    content: "";
    position: absolute;
    background: transparent;
    left: -25px;
    top: -25px;
    border-left: 25px solid #4ec4a1;
    height: 100px;
    border-top: 25px solid #4ec4a1;
    width: 100px;
}
.about-webinar h2{
    font-family:Raleway;
    font-size:42px;
    color:#5fe1a7;
    margin-top:35px;
    margin-bottom:45px;
}
.about-webinar p{
    font-size:15px;
    padding:10px 10px 10px 10px;
    text-align:left;
}
.about-webinar ul{
    list-style: disc;
}
.about-webinar ul li {
    font-size:14px;
    text-align:left;
}
.more-options{
    background:#ededed;
    border:1px solid #dbdbdb;
    margin:20px 10px 0px 10px;
    padding:10px 10px 10px 10px;
}
.more-options p{
    font-size:14px;
    
}
.author-webinar{
    padding:10px 10px 10px 10px;
    font-size:15px;
    margin-top:55px;
}
.author-webinar .author-style h3{
    margin-top:13px;
    font-family:Raleway;
    font-size:30px;
}

.partners{
    margin-top:30px;
}
.cool-button{
    padding-top:55px;
    padding-bottom:55px;
}
.cool-text{
    font-size:16px;
    text-align:left;
    padding-top:55px;
padding-bottom:55px;

}
.cool-text h3{
    font-family:Raleway !important;
    font-size:30px !important;
    color:#5fe1a7 !important;
}
.img-form{
  background-image: url("//www.trekksoft.com/hubfs/bg-demo-3.png");
  background-color:#3ba475;
  background-attachment: fixed;
  color:#fff;
}
.related-content{
    background: #fff;
    padding: 30px 30px 30px 30px;
    border-top: 4px solid #5fe1a7;
}
.flex-content{
    -webkit-transform: translateY( 10% );
    -moz-transform: translateY( 10% );
    transform: translateY( 10% );
}
.flex-content p.title {
    margin-top: 15%;
    display: block;
    border: 0px solid;
}
.thank-you-page{
    color:#fff;
}
.thank-you-page h2{
    font-family: Raleway;
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    font-weight: 300;
    padding-top: 30px;
}
.thank-you-page p{
color:#fff
}
#hs_cos_wrapper_module_1484304586228812 > a {
    border: 0;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #f18e00;
    cursor: pointer;
    padding: 20px 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 6px #d07b02;
    border-radius: 5px;
}
#hs_cos_wrapper_module_1484304586228812 > a:hover{
    box-shadow: 0 4px #f18e00;
    top: 2px;
}

#hs_cos_wrapper_module_1484304586228812 > a{
    border: 0;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #f18e00;
    cursor: pointer;
    padding: 20px 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 6px #d07b02;
    border-radius: 5px;
}
#hs_cos_wrapper_module_1484304586228812 > a:hover{
    box-shadow: 0 4px #f18e00;
    top: 2px;
}

#hs_cos_wrapper_module_1484299475316566 > a{
    border: 0;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #f18e00;
    cursor: pointer;
    padding: 20px 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 6px #d07b02;
    border-radius: 5px;
     margin: 50px 0px 0px 0px;
}
#hs_cos_wrapper_module_1484299475316566 > a:hover{
    box-shadow: 0 4px #f18e00;
    top: 2px;  
}
.label2 {
    border-top: 4px solid #3ba475;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 30px 10px 30px 10px;
    margin-top:15px;
    margin-bottom:15px;
}

.label1 h2 {
    font-family: Raleway;
    font-size: 30px;
    font-weight: 600;
    display: block;
    line-height: 42px;
}
.label1 p {
    line-height: 33px;
    font-weight: 500;
}
.label2 h3 {
    font-family: Raleway;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-transform: inherit !important;
}
.iconsocial{
    border: 1px solid;
    border-radius:4px;
    font-size: 12px;
    color: #fff;
    padding:5px 10px;
    background:inherit;
    margin-top:10px;
    text-align:center;
}
.fb{
    background:#527EBF;
}
.in{
     background:#147BB7;
}
.tw{
     background:#25C0E2;
}
.gp{
     background:#DB4A37;
}
.ma{
     background:#0F75BC;
}
/* System Pages- not operated for now                                          
   ========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}


/* ==========================================================================
   5. COS COMPONENTS                                        
   ========================================================================== */
/* Old Paralax effect */
.section-testimonial{
  text-align: center;
  position: relative;
  background-size: cover; 
  background-position: top center;
  background-attachment: fixed;
  }
  
} 


.section-testimonial .row-fluid .wrapper[class*="span"]{position:relative;z-index:3;}

.oppacity{opacity: 0.6;
     }

.full-width-bg{
          background:#ffffff;
           z-index: 1;
     }
     
.full-width-bg-transparent{
          background: rgba(255,255,255,0.5);
           z-index: 1;
           
     }
.full-width-bg-gray{
         background: #ededed;
           z-index: 1;
}
.full-width-bg-less-transparent{
          background: rgba(255,255,255,0.9);
           z-index: 1;
           
     }

.full-width-bg-blue{
          background:#417aa9;
     z-index: 1;}

.full-width-bg-blue-transparent{
          background: rgba(65,122,169,0.5);
     z-index: 1;}
     
.full-width-bg-orange{
          background:#ffb856;
     z-index: 1;}
     
.full-width-bg-orange-transparent{
          background: rgba(255,136,86,0.5);
     z-index: 1;}
     
.full-width-bg-2{
          background:#f3f3f3;
     z-index: 1}
     
.full-width-bg-2-transparent{
          background: rgba(244,244,244,0.5);
     z-index: 1}
     
.full-width-bg-2-less-transparent{
          background: rgba(244,244,244,0.5);
     z-index: 1}
     
 .full-width-bg-green{
          background:#3cb282;
     z-index: 1}

.full-width-bg-green-transparent{
          background: rgba(60,178,130,0.5);
     z-index: 1}
     
    .full-width-bg-green-less-transparent{
          background: rgba(60,178,130,0.8);
     z-index: 1} 
     
.devices-top{
    z-index: 10}
.casestudie .vertical-content h2 {
    font-size: 18px;
}
.casestudie .vertical-sidebar {
    position: inherit;
  margin-bottom: 30px;
}
.casestudie .quote p {
    text-align: left;
    margin: 40px 0 40px 20%;
    color: #009659;
    font-size: 18px;
    max-width: 70%;
    line-height: 26px;
    font-style: italic;
    position: relative;
}

.casestudie .quote p:before {
    content: '';
    background: url(https://452164.fs1.hubspotusercontent-na1.net/hubfs/452164/quote-img-grey.png?t=1525189444886) no-repeat;
    z-index: 0;
    position: absolute;
    left: -29%;
    bottom:11%;
    display: block;
    width: 218px;
    height: 74px;
}

.casestudie .vertical-content h3 {
    font-size: 32px;
    font-family: 'Raleway';
    font-weight: 800;
    color: #298661;
    margin: 60px 0 25px 0;
    text-align: center;
    padding-bottom: 10px;
}

.casestudie p {
    line-height: 24px;
    margin-bottom: 20px;
}

.casestudie .vertical-content .full-width-bg-transparent p {
    color: #fff;
}

.casestudie .btn a {
    color: #4ab78b;
    border: 2px solid #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px 50px 20px 50px;
    font-size: 16px;
    background: #fff;
    margin: 8px 0 20px 0;
    display: inline-block;
}

.casestudie .btn a:hover {
    color: #fff;
    border: 2px solid #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px 50px 20px 50px;
    font-size: 16px;
    background: inherit;
    margin: 8px 0 20px 0;
    display: inline-block;
}
.casestudie #testimonial-case h3 {
    text-align: left;
}

#testimonial-case ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style:  none;
}

#testimonial-case li:first-child {
    max-width: 20%;
}

#testimonial-case li:last-child {
    max-width: 75%;
    padding: 10px 10px 10px 30px;
    text-align: left;
    font-size: 18px;
    max-width: 70%;
    line-height: 26px;
    font-style: italic;
}

#testimonial-case li {
    float: left;
}

#testimonial-case img {
    clip-path: circle(75px at center);
    background: #fff;
    width: 25%;
    margin: 0px 20px 0px 0px;
    float: left;
}

#testimonial-case a {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    background-color: #ff9100;
    padding: 15px 0px 20px 0px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 38% 0% 0% 0%;
    border: 2px solid #ff9100;
    transition: all .5s ease;
    text-shadow: 0 0 5px #d46d12 !important;
}

#testimonial-case {
    padding-bottom: 40px;
}



/* ==========================================================================
   Blog                                         
   ========================================================================== */


/* Blog Post and Listing Body Class */
body.blog {}
/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 {
    color: #0f0f0f;
    font-size: 40px;
    margin: 0 -10px 30px -10px;
    padding: 10px 10px;
    line-height: 45px;
    background-color: #e8e8e8;
    border-radius: 5px;
}
.blog .hs-blog-header h1 a {
    color: #000000;
    text-decoration: none;
}
.hs-blog-post .hs-blog-header h1 {
    background-color: transparent;
    color: #555;
    text-decoration: none;
    font-size: 20px;
    border-bottom: 1px solid #555;
    padding: 0;
    margin: 0 0 20px 0;
}

/* Blog Post Title */ 
.post-header h2 {
    font-size: 35px;
    margin: 3px 0 10px;
    padding: 0;
    line-height: 40px;
    font-weight: 400;
}
.post-header h2 a {
    color: #4e4e4e;
    text-decoration: none;
    transition: all 0.5s ease;
}

/* Blog Author and Avatar */

#hubspot-author_data {
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0;
}
#hubspot-author_data a.author-link {}
.hs-author-avatar {}
.hs-author-avatar img {}

/* Apply border-box to author bio after post */
.about-author-sec {
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-top: 30px;
    outline: 5px;
    padding: 15px;
    border: 2px solid #e8e8e8; !important
    border-radius: 5px;
    vertical-align: top;
}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
  /*Barbra comments - Removed the style*/
    /*display: inline-block;*/
   /*  REMOVED WIDTH CONSTRICTION TO MAKE BLOG POST LISTING FULL WIDTH - HUBSPOT SUPPORT  09-07-2015 */
   /* width: 260px;*/
   /* changed botton margin b/w post list to increase readability  HS SUPPORT */
   /* margin: 0 15px 40px 0;*/
   /* padding: 15px;*/
    /* increased border width and switched to #e8e8e8 from #ededed HS Support */
   /* border: 2px solid #e8e8e8;*/
    /*border-radius: 5px;*/
    /*vertical-align: top;*/
   /* width:100%;*/
    display: inline-block;
    margin: 0 15px 40px 0;
    padding: 30px 20px 30px 20px;
    vertical-align: top;
    width: 100%;
    box-shadow: 0px 0px 1px 1px rgba(222,222,222,0.50);
}
.blog-listing-wrapper .post-listing .post-item h2 {
   font-size: 25px;
    font-weight: 500;
    padding: 14px 0px 20px 0px;
    font-family: 'Raleway';
}
.blog-listing-wrapper .post-listing .post-item .post-body h2, .blog-listing-wrapper .post-listing .post-item .post-body p {
    font-size: 16px;
}

.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

.post-body h2  {
    font-size: 20px;
    line-height: 1.6;
    color: #666;
    margin: 0 0 10px 0;
}
.post-body .caption {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-style: italic;
}
.post-body img {
    margin: 10px 0 10px 0;
}

.blog .widget-type-linked_image {
    margin-bottom: 10px;
}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  /*                removing max height

    max-height: 170px;

  */
  /*  210px is previous choice  */
  max-width: 100%;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {
    display: block;
    background-color: #d8efe5;
    text-align: center;
    padding: 15px 60px 16px 60px;
    font-size: 15px;
    color: #254c3b;
    margin: 10px 0px 0px 0px;
}

/* Blog Topics List */
#hubspot-topic_data {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 16px;
}
#hubspot-topic_data a.topic-link {}

/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 10px 0 0 0;
  margin: 0 0 20px 0;
  border-top: 0px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.custom_listing_comments {
    line-height: 165%;
    padding: 10px 0 0 0;
    border-top: 1px solid #e8e8e8;
    font-size: 16px;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {
    border-top: 1px solid #d8d8d8;
    margin: 20px 20px;
    padding: 30px 0px 0 0px;
    text-align: center;
}
.blog-pagination a{
    padding:5px 5px 5px 5px;
}
.blog-pagination .previous-posts-link {}
.blog-pagination .all-posts-link {}
.blog-pagination .next-posts-link {
    padding: 10px 10px 10px 10px;
    background: #85b4a2;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
}
/*Increase body-text*/
.blog-listing-wrapper .post-listing .post-item h2 {
    font-size: 28px;
    font-weight: 500;
    padding: 14px 0 20px 0;
    font-family: 'Raleway';
}
.post-body{
    font-size: 17px;
    color: #797979;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
        font-weight: 300;

}
.post-body b, .post-body strong, .post-body p b, .post-body p strong{
    font-weight: 600;
}
.post-body p{
    font-size: 17px;
        font-weight: 300;
    color: #797979;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
}
.section.post-body p {
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    line-height: 28px;
    margin: 8px 0px 8px 0px;
        font-weight: 300;
}
.post-body p a{
    font-weight:400;
    color:#ff9100;
}

.section.post-body h2{
font-weight:500;
font-size:22px;
}
.section.post-body ul li {
    margin: 5px 0px;
    font-size: 16px;
    list-style-type: circle;
}
.section.post-body ul {
    margin: 0 auto;
    padding: 0px 0px 0px 20px;
}


/* Blog Sidebar
   ========================================================================== */
.blog .blog-sidebar #gsc-i-id1 input{
    background:red !important;
}
/*Don't show Google bar*/
div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible > div.gsc-wrapper > div.gsc-resultsbox-visible > div > div > div.gcsc-branding{
    display:none !important;
}
/*color first line*/
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
    color: #3dab7a !important;
    font-weight: 500;
    font-family: 'Raleway' !important;
}
/*Don't show ads*/
#___gcse_0 > div > div > div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible > div.gsc-wrapper > div.gsc-adBlock{
    display:none;
}
.gs-result .gs-title, .gs-result .gs-title *{
    text-decoration:none !important;
}

input.gsc-input{
    background: rgb(255, 255, 255)!important;
    padding: 4px 9px !important;
}
.gsc-input-box {
    height: 45px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px !important;
}
.gscb_a {
    font: 24px/33px arial,sans-serif !important;
}
/*description text*/
.gsc-control-cse .gsc-table-result{
    font-family:'Open Sans' !important;
}
form.gsc-search-box {
    margin-left: -16px !important;
}
/*remove green line with link*/
div.gs-visibleUrl-long {
display:none !important;
    margin: 0px 0px 6px 0px;
}
/*Fix filter search*/
div.gsc-option-menu-container.gsc-inline-block{
    width:100%;
}
/*remove search time*/
td.gsc-result-info-container{
    display:none;
}
/*Add Blog information on search-box*/
div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible > div.gsc-above-wrapper-area > table > tbody:before{
    content: '';
    top: 18px;
    background: url(https://www.trekksoft.com/hubfs/results-img.png?t=1504723193096);
    height: 70px;
    width: 215px;
    position: absolute;
}
button.gsc-search-button.gsc-search-button-v2, input.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    height: 44px !important;
    background-color: #00cd85 !important;
    border-color: #00cd85 !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    background:url(https://www.trekksoft.com/hubfs/bt-ico.png) !important;
    height: 44px !important;
    width: 53px !important;
    border-color: #3079ed !important;
    border: 1px solid #18905e !important;
}

.blog .blog-sidebar {}
.blog-sidebar .cell-wrapper{
    display: block;
    margin: 0 0 5px;
    padding:0;
   
}
.blog-sidebar .spaces{
margin-top:20px;
}

.blog .blog-sidebar h3, .blog-sidebar .widget-type-form h2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #636363;
}
.blog-sidebar .widget-type-form h2 a {
       color: #636363; 
}
.blog .blog-sidebar ul {
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.blog .blog-sidebar ul li {
    word-wrap: break-word;
    margin: 0px 0px 8px 0px;
    padding: 0;
    list-style-type: none;
}
.blog .blog-sidebar ul li a {
    font-size: 15px;
}
/* Blog Modules */
.blog .blog-sidebar .widget-span {}
.addthis_sharing_toolbox {
    margin-top: 20px;
}



/* ==========================================================================
   Forms
   ========================================================================== */
   .white-form{
 background-color:#fff;
 border-top:3px solid #4ec4a1;
 border-left:1px solid #e4e4e4;
 border-bottom:1px solid #e4e4e4;
 border-right:1px solid #e4e4e4;
 color: #545454;
 padding:20px;
 float: right !important;
 position: absolute;
 display: inline-block !important;
 width:540px !important;
}

.form-block{
position:relative;
}
.form-block1{
    float:left;
}
/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field {
    color:#393939;
    margin-top:10px;
    margin-bottom:3px;
    font-size:16px;
    font-weight:700;
    
}
body .hs-error-msgs {
    color:red !important;
    margin-bottom:3px;
    font-size:10px;
}
.hs-form-required {
    color: red;
}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {}
body .hs-form-field > label {
      font-weight: 700;
    line-height: 20px;
    margin-bottom: 4px;
    font-size:13px;
    display:block;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea{
  padding: 5px 5px 5px 5px;
  width: 100%;
  font-family: 'Open Sans', Sans-Serif;
  font-size: 15px;
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    border-bottom: 3px solid #bebebe;
    line-height: 30px;
}
body select {
  padding: 11px;
  width: 100%;
  font-family: 'Open Sans', Sans-Serif;
  font-size: 15px;
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    border-bottom: 3px solid #bebebe;
    line-height: 30px;
}
body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus {
    border-bottom: 3px solid #bebebe;
}
body select {
    border-bottom: 3px solid #bebebe;
}

/* Separate Styles for Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {
}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */
/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}



/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}
/* ==========================================================================
   Buttons                                              
   ========================================================================== */
.content-ebook h1 {
    font-size: 1.750em;
    color: #fff;
    line-height: 1.4em;
    margin-top: 9%;
    margin-bottom: 3%;
    width:85%;
}

.content-ebook p {
    font-size: 1.250em;
    color: #fff;
    width:85%;
}

.content-ebook a div {
    transition: all .5s ease;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: 2px #fff solid;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
}

.content-ebook a:hover div {
    color: #00aca0;
    background: #fff;
}

.ts-lp-logo {
    border-top: 2px solid #4ec4a1;
    padding-top: 5px;
    padding-bottom: 5px;
}
.page-center.logo-trekksoft{
    text-align:center;
}

.ebook-lp-content li {
    margin-top: 30px;
    display: inline-block;
}

.ebook-lp-content li img {
    display: block;
    float: left;
    margin-top: 10px;
}

.ebook-lp-content li p {
    display: block;
    font-size:1.1em;
    color: #747474;
}

.ebook-lp-content li p strong {
    display: block;
    font-size: 1.050em;
    font-weight: 600;
}

.download-lp {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 50px;
    border-top: 5px #51c296 solid;
    border-radius: 0px 0px 10px 10px;
    background: #f5f5f5;
}
@media only screen and (min-width: 600px) {
    .content-ebook a div {
        display: none;
    }
  .content-ebook h1{
        margin-top: 15%;
  }
}
/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    cursor: pointer;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #f18e00;
    padding: 25px 50px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-radius: 10px 0px 10px 0px;
    -webkit-appearance: none;
    width: 100%;
    margin-top: 15px;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {    
		background: #bb6900;
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {    
		background: #bb6900;
}

/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}

.related-post-item {
    width: 30%;
    display: block;
    border: 1px #e8e8e8 solid;
    padding: 0px 0px 20px 0px;
    border-radius: 0px 0px 10px 10px;
    float: left;
    margin-right: 20px;
}

.related-title {
    text-align: center;
    font-size: 16px;
    border-top: 5px #00bf6d solid;
    padding: 10px 5px 10px 5px;
    font-weight: 700;
}

.related-post-item .related-title a{
    color:#00bf6d;
}



/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
.bte a{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 20px 100px 25px 100px;
    font-size: 20px;
    color: inherit !important;
    margin: 10px 0px 10px 0px;
    border:2px solid inherit;
}
.bte a:hover{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 20px 100px 25px 100px;
    font-size: 20px;
    color: #fff !important;
    margin: 10px 0px 10px 0px;
    border:2px solid inherit;
}
.bt a{
     -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    color: inherit;
    margin: 30px 0px 30px 0px;
    border:2px solid inherit;
}
.bt a:hover{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    color: inherit !important;
    margin: 30px 0px 30px 0px;
    border:2px solid inherit;
}
.lines a{
    border:2px solid #fff;
    color:#fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    margin: 30px 0px 30px 0px; 
    transition: all 0.5s ease;
}
.lines a:hover{
    background:#fff;
    color:#2acc89 !important;
    transition: all 0.5s ease;
}
.lines-tk a{
    border:1px solid #335b36;
    color:#335b36;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    margin: 30px 0px 30px 0px; 
}
.lines-tk a:hover{
    background:#fff;
    color:#335b36;
}

.demobt a{
    margin:0px 0px 0px 0px !important;
    border:2px solid #ff9100;
    color:#fff;
    background:#ff9100;
}
.hero-content .demobt a{
    margin:20px 0px 0px 0px !important;
}
.hero-content .demobt a:hover{
    background:#fff;
    color:#ff9100;
}
.demobt a:hover{
    margin:0px 0px 0px 0px !important
    background:inherit;
    color:#ff9100;
    border:2px solid #ff9100;
}
.linesdemo a{
    border:2px solid #ff9100;
    color:#ff9100 !important;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:inline-block;
    background-color: inherit;
    padding: 15px 70px 20px 70px;
    font-size: 18px;
    margin: 30px 0px 30px 0px; 
}
.linesdemo a:hover{
    background:#fff;
    color:#ff9100 !important;
}
.psell a{
    background:#fff;
    border:2px solid #2acc89;
    color:#2acc89 !important;
    transition: all 0.5s ease;
}
.psell a:hover{
     background:#2acc89;
    border:2px solid #2acc89;
    transition: all 0.5s ease;
}
.pmana a{
    background:#fff;
    border:2px solid #ff8952;
    color:#ff8952 !important;
    transition: all 0.5s ease;
}
.pmana a:hover{
    background:#ff8952;
    border:2px solid #ff8952;
     transition: all 0.5s ease;
}
.pgrow a{
    background:#fff;
    border:2px solid #de728f;
    color:#de728f !important;
    transition: all 0.5s ease;
}
.pgrow a:hover{
    background:#de728f;
    border:2px solid #de728f;
    transition: all 0.5s ease;
}
.pcusto a{
    background:#108cbe;
    border:2px solid #108cbe;
    color:#fff;
}
.pcusto a:hover{
    background:#fff;
    border:2px solid #108cbe;
    color:#2acc89 !important;
}
.video-a a{
    background:#85b4a2;
    border:2px solid #85b4a2;
    color:#fff;
    text-align:center;
}
.video-a a:hover{
    background:inherit;
    border:2px solid #85b4a2;
    color:#85b4a2;
    text-align:center;
}
.tipe1 a{
    background:#ff9100;
    border:2px solid #ff9100;
    text-shadow: 0px 0px 0px #ff9100;
}
.tipe1 a:hover{
    background:#fff;
    border:2px solid #ff9100;
    color:#ff9100 !important;
    text-shadow: 0px 0px 0px #ff9100;
}
#module-group-ID .cta_button {
}
#module-group-ID .cta_button:hover {
    color:inherit;
}
#module-group-ID .cta_button:focus {}

  
   /*7. MOBILE MEDIA QUERIES
   ========================================================================== */ 
.socialicons {
  background: url("//www.trekksoft.com/hubfs/Button_Beauty_Peageant/socialicons_quint_b.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  float: left;
  height: 30px;
  margin-right: 5px;
  width: 30px;
}
.up-icon {
  background-position: -180px 0;
  float: right;
  margin-left: 10px;
  text-align: right;
}

.socialicons {
  display: block;
  height: 30px;
  margin-right: 5px;
  width: 30px;
}
#back-to-top {
  bottom: 60px;
  cursor: pointer;
  position: fixed;
  right: 89px;
  z-index: 99999;
}
.up-icon:hover {
  background-position: -180px -30px;
}



/* ==========================================================================
   7. MOBILE MEDIA QUERIES                              
   ========================================================================== */


/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: 1200px) {
    .hs-content-id-5205524718 .hero{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    height: 450px;
}
.hs-content-id-5205524718 .span12 .hero-content{
padding:30px 30px 30px 30px;
}
.block-bd {
    margin-top:-50px !important;
}
}



/* Landscape tablet and smaller devices
   ========================================================================== */
@media (min-width:768px){
ul.ul-resp {
    display: none;
}
.ico-f-2 {
    text-align: right;
}
}

@media (min-width:768px) and (max-width:1028px){
.span6.widget-span.widget-type-cell.simple-form {
    display: block;
    width: 96% !important;
}

.simple-form >.row-fluid-wrapper.row-depth-2.row-number-4 {
    width: 100% !important;
}

#sticky-sidebar {
    width: 100%;
}

.span6.widget-span.widget-type-cell.simple-demo-content {
    display: block;
    width: 100%;
}

.b-r-p {
    width: 70% !important;
}

.simple-testimonial-content span img {
    float: left;
    width: 70px;
}  
.simple-demo-content div {
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0px 5px 0px 5px;
}
.simple-demo-box h1 {
    font-size: 21px;
    line-height: 34px;
    font-weight: 600;
    margin: 40px 0 0 0;
}
a.resp {
    margin-top: -37px;
    position: relative;
}
.simple-demo-box h2 {
    margin: 35px 0px 0px 0px;
}

.simple-demo-content ul>li:nth-child(1)>img {
    margin: -9px 14px 5px 10px;
}

.simple-form {
    padding: 10px 20px 30px 20px;
    text-align: left;
    margin: 0px 15px 30px 15px !important;
}

.simple-form h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: 700;
}

.simple-form p {
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: -10px;
}

.simple-form input[type="text"], .simple-form input[type="password"], .simple-form input[type="datetime"], .simple-form input[type="datetime-local"], .simple-form input[type="date"], .simple-form input[type="month"], .simple-form input[type="time"], .simple-form input[type="week"], .simple-form input[type="number"], .simple-form input[type="email"], .simple-form input[type="url"], .simple-form input[type="search"], .simple-form input[type="tel"], .simple-form input[type="color"], .simple-form input[type="file"], .simple-form textarea {
    padding: 12px 10px 12px 10px;
    width: 100%;
    font-family: 'Open Sans',Sans-Serif;
    font-size: 14px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    /* border-bottom: 1px solid #ededed; */
    /* line-height: 26px; */
}

body .simple-form .hs-error-msgs {
    color: #f17676 !important;
    text-align: left !important;
    margin-bottom: 1px;
    font-size: 10px;
    font-weight: 400;
}

body .simple-form li label.hs-error-msgs {
    text-align: left !important;
}

.hs-form-field > ul > li {
    text-align: left !important;
}

body .simple-form .hs-form-field>label {
    font-weight: 600;
    color: #3c4646;
}

body .simple-form .hs-form-required {
    font-size: 11px;
    color: #f17676;
}

body .simple-form select {
    background: white;
}


body .simple-form .hs-form-field {
    font-size: 14px;
    font-weight: 500;
}

.ico-f-2 {
    text-align: center;
}
  .span3.widget-span.widget-type-language_switcher.lang-footer {
    display: none;
}
.simple-demo-box h1, .simple-demo-box h2, .simple-demo-box h3{
text-align:center
}

.simple-testimonial-content span p:nth-child(3) {
    font-style: italic;
    font-size: 13px;
    margin-top: 16px;
}
.simple-testimonial-content span p:nth-child(6) {
    font-style: italic;
    font-size: 13px;
    margin-top: 0px;
}
.simple-demo-content ul li p {
    display: inline;
    font-size: 13px;
    line-height: 15px;
}
.simple-form {
    background: #f8f8f8;
    width: 100%;
}
}
@media (max-width: 767px) {
.hs-content-id-5205524718 .hero{
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    height: 100%;
}
.hs-content-id-5205524718 .span12 .hero-content{
padding:30px 30px 30px 30px;
display:block;
}
.block-bd {
    margin:0 auto;
    display:block;
}
.block-bd div .capt{
 margin-top:15px;
 margin-left:10px !important;
 margin-right:10px;
    background: #fff;
    padding: 20px 20px 20px 20px;
    text-align: center;
    border-bottom: 5px solid #3dab7a;
    border-radius:10px 10px 0px 0px;
}
.faq-lp{
    padding:30px 10px 30px 10px;
    text-align:center;
}
.faq-lp p{
    padding:0px 40px 30px 40px;
}
.faq-lp h3 {
    padding:0 0 0 0;
}

.white-lp{
    border-top:5px solid #3dab7a;
    background:#fff;
    padding:10px 20px 40px 20px;
    margin:0 auto;
    border-radius:2px 2px 0px 0px;
}
.footer-ebook{
    background-color:#272727;
    color:#fff;
    padding:10px 0px;
    text-align:center;
}
.footer-left{
    padding:15px 0px;
}
.footer-right{
    display:none !important;
}
    .homedemobt a{
     webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    background-color: #ff9100;
    padding: 20px 0px 20px 0px;
    font-size: 18px;
    color: inherit;
    margin: 0px 0px 0px 0;
    border: 2px solid #ff9100;
    transition: all .5s ease;
}
.homedemobt a:hover{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    background-color: inherit;
    padding:  20px 0px 20px 0px;
    font-size: 18px;
    color: #ff9100 !important;
    margin: 0px 0px 0px 0;;
    border:2px solid #ff9100;
    transition: all 0.5s ease;
}
.homedemolinesbt a{
    border: 2px solid #ff9100;
    color: #ff9100;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    background-color: inherit;
    padding: 20px 0px 20px 0px;
    font-size: 18px;
    margin: 0px 0 0px 0;
    transition: all .5s ease;
}
.homedemolinesbt a:hover{
    background:#fff;
    color:#ff9100 !important;
    transition: all 0.5s ease;
}
.hero{
    background-position: left center;
}
.block-main{
    margin-top:0px !important;
}
.featured{
    display:none !important;
}
.header2-home h2{
    font-size: 30px;
    font-family: 'Open Sans';
    font-weight: 500;
    width: 100%;
    margin: 0 auto;
    color: #335b36;
    padding: 10px 10px 10px 10px;
}
.icohome ul{
    display: none;
}
.home-pillars .hometitle h3 {
    text-align: center;
    margin: 10px 0 10px 0;
    padding: 0 0px 0 0px;
}
.home-pillars .hometitle p {
    margin: 20px 0 10px 0;
    padding: 0 10px 0 10px;
}
.group-icons{
     display: none !important;
}
.hs-content-id-5246804772 .spaces{
    margin-top:20px;
}
.hs-content-id-5246804772 .bte a{
    text-align:center;
    display: block;
    padding: 20px 0px 25px 0px;
    margin: 10px 20px 10px 20px;
}
.hs-content-id-5246804772 .bte a:hover{
    display: block;
    padding: 20px 0px 25px 0px;
    text-align:center;
    margin: 10px 20px 10px 20px;
}
.testimonial-bg{
    padding: 18px 0px 0px 17px;
}
.lines a{
    border:2px solid #fff;
    color:#fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    background-color: inherit;
    padding: 15px 0px 15px 0px;
    font-size: 18px;
    margin: 30px 20px 30px 0px; 
    transition: all 0.5s ease;
    text-align:center;
}
.lines a:hover{
    background:#fff;
    color:#2acc89 !important;
    transition: all 0.5s ease;
}
.demoblock .moduleprice{
    display: none;
}
.community .lines a{
    border:1px solid #fc9120;
    color:#fc9120;
      -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display:block;
    background-color: inherit;
    padding: 15px 0px 15px 0px;
    font-size: 18px;
    margin: 30px 20px 30px 0px; 
    transition: all 0.5s ease;  
    text-align:center;
}
.community .lines a:hover{
    background:#fff;
    color:#fc9120;
    transition: all 0.5s ease;
}
.demobox h4{
     text-align: center;
}
.demobox h4:after{
    content: "";
    display: none;
}
.demobox p{
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.demobt a{
    margin:0px 20px 0px 20px !important;
    border:2px solid #ff9100;
    color:#fff;
    background:#ff9100;
    display: block;
    text-align: center;
}
.demobt a:hover{
    margin:0px 20px 0px 20px !important
    background:inherit;
    color:#ff9100;
    border:2px solid #ff9100;
    display: block;
    text-align: center;
}
.footer-container-wrapper p{
    text-align: center;
    padding: 10px 10px 10px 10px;
}
h6 {
    font-size: 18px;
    color: #fff;
    margin: 20px 0 20px 0;
    text-align: center;
}
.footer-container-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer-menu .social-icons ul {
    float:none;
}
/*Solutions*/
.solutions-content p{
    padding: 0 20px 0 20px;
    
}
.solutions-content .ctademo a{
    color:#fff;
    margin:20px 20px 20px 20px !important;
    padding: 15px 0px 20px 0px;
    display:block;
}
.solutions-content .ctademo a:hover{
    margin:20px 20px 20px 20px !important;
}
.block-solutions{
        margin-top: -50px !important;
}
.ico .info{
    float:left;
    margin: 21px 0px 0px 0px;
}
.ico ul{
    float:right;
    list-style: none;
}
.ico img{
    margin: 0 0px -5px -10px;
    padding: 0 1px 0px 9px;
    width: 11%;
}
.spillar-description {
    padding: 20px 10px 0 20px;
    margin-top: 25px;
}
.spillar-image img {
    float: right;
    margin: 0px;
}
.special-title:before {
    content: '';
    display: block;
    max-width: 250px;
    margin: 60px 0px 60px 18%;
    padding: 0 0 1px 0;
}
.spillar-title p {
    text-align: center;
    padding: 0px 30px 0px 30px;
}
.ss1 .sfeature-desc, .sm1 .sfeature-desc, .sg1 .sfeature-desc, .builtf1 {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.ss2 .sfeature-desc, .sm2 .sfeature-desc, .sg2 .sfeature-desc, .builtf2 {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.ss3 .sfeature-desc, .sm3 .sfeature-desc, .sg3 .sfeature-desc, .builtf3 {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.ss4 .sfeature-desc, .sm4 .sfeature-desc, .sg4 .sfeature-desc, .builtf4 {
    padding: 0px 10px 0px 10px;
    text-align: center;
}
.ss1 .sfeature-desc h4:after, .sm1 .sfeature-desc h4:after, .sg1 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: none;
}
.ss2 .sfeature-desc h4:after, .sm2 .sfeature-desc h4:after, .sg2 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: none;
    left: 280px;
    position:relative;
}
.ss3 .sfeature-desc h4:after, .sm3 .sfeature-desc h4:after, .sg3 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: none;
}
.ss4 .sfeature-desc h4:after, .sm4 .sfeature-desc h4:after, .sg4 .sfeature-desc h4:after{
    content: "";
    width: 110px;
    height: 2px;
    background: #d0d0d0;
    margin-top: 15px;
    display: none;
    left: 280px;
    position:relative;
}
.sfeature-l .sfeature-desc{
    text-align:center;
}
/*Rentals*/
.hs-content-id-5197615121 .sfeature-built1{
    display:block;
} 
.hs-content-id-5197615121 .sfeature-built2{
    display:block;
} 
.hs-content-id-5197615121 .sfeature-built3{
    display:block;
} 
.hs-content-id-5197615121 .sfeature-built4{
    display:block;
} 
.hs-content-id-5197593631 .sfeature-built1{
    display:block;
} 
.hs-content-id-5197593631 .sfeature-built2{
    display:block;
} 
.hs-content-id-5197593631 .sfeature-built3{
    display:block;
} 
.hs-content-id-5197593631 .sfeature-built4{
    display:block;
} 

.sfeature-built1{
    display:block;
}
.sfeature-built2{
    display:block;
}
.sfeature-built3{
    display:block;
}
.sfeature-built4{
    display:block;
}
.sfeature-desc1{
    display:block;
}
.sfeature-desc2{
    display:block;
}
.sfeature-desc3{
    display:block;
}
.sfeature-desc4{
    display:block;
}
.sfeature-mang1{
    display:block;
}
.sfeature-mang2{
     display:block;
}
.sfeature-mang3{
    display:block;
}
.sfeature-mang4{
    display:block;
}
.sfeature-gro1{
    display:block;
}
.sfeature-gro2{
    display:block;
}
.sfeature-gro3{
    display:block;
}
.sfeature-gro4{
    display:block;
}
/*Features*/
.feature-icons ul li img {
    margin-top: -15px;
}
.feature-icons ul>li:nth-child(1) {
    padding: 0 0px 0 0;
    float: left;
}
.feature-icons ul>li:nth-child(2) {
    width: 55%;
    padding: 0 15px 0px 0;
    float: right;
}
.block-sup-m {
    margin-top: -270px !important;
}
.pillar-description {
    padding: 20px 10px 0 30px;
    margin-top:5px;
}
.pillar-description h2 {
    font-size: 38px;
    line-height: 1em;
    text-align: center;
    margin-right: 30px;
}
.pillar-description p {
    font-size: 16px;
    width: 85%;
    line-height: 1.5em;
    text-align: center;
}
.pillar-description h2:after {
    display: none;
}
/*Pricing*/
.moduleprice .hover {
    display: block;
}

.payasgo ul:nth-child(2):before {display:none}
.professional ul:nth-child(2):before{display:none}
.enterprise ul:nth-child(2):before{display:none}

.gray-module p {
    font-family: Open Sans;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.gray-module h2 {
    font-family: Raleway;
    font-size: 22px;
    color: #fff !important;
    text-align: center;
}
.gray-module .gray-button a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 20px 0px 20px 0px;
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 0px 60px 0px 0px;
}
.read-more-trigger_closed {
    text-align: center;
    border: 1px solid #38a2b6;
    color: #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #38a2b6;
    padding: 15px 60px 20px 70px;
    font-size: 18px;
    margin: 20px 0px 20px 100px;
    transition: .25s ease;
    cursor: pointer;
}
.trekkp h4 {
    font-size: 40px;
    color: #335b36;
    text-align: center;
}

.trekkp h4:after {
    content: "";
    width: 110px;
    height: 5px;
    background: #d0d0d0;
    margin-top: 15px;
    display: none;
}

.trekkp p {
    padding: 0 20px 0px 20px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}
.lines-tk a {
    border: 1px solid #335b36;
    color: #335b36;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    background-color: inherit;
    text-align: center;
    padding: 15px 0px 20px 0px;
    font-size: 18px;
    margin: 20px 20px 20px 20px;
}
.span12 .hero-content-t{
    text-align: left;
    color: #fff;
    padding: 20px 20px 20px 20px;
}
.white-bg-video{
    display:none !important; 
}
.white-bg-video .box-video{
    display:none;
}

.testimo h2{
    text-align:center;
}
.testimo .trt{
    margin-bottom:30px;
    background:#fff;
}
.testimo .trt p{
    width: 51%;
    float:right;
    padding: 10px 20px 0px 15px;
}
.testimo .trt p:nth-child(2){
     padding: 10px 20px 0px 15px;
     line-height: 22px;
    font-size: 13px !important;
}
.testimo .trt span{
    display: block;
    width: 100%;
    float: right;
    margin: 10px 0px 10px 10px;
    background: #fff;
    padding: 10px 10px 10px 15px;
}
.testimo .trt img{
    clip-path: circle(60px at center);
    width: 43% !important;
    margin-top: 140px;
}
.block-built{margin-top: -40px !important}
.not-a span{display:none;}
/*Rentals*/
.hs-content-id-5197615121 .sfeature-built1{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(29%);
    -ms-transform: translateY(29%);
    transform: translateY(29%);
    line-height: 24px;
} 
.hs-content-id-5197615121 .sfeature-built2{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(39%);
    -ms-transform: translateY(39%);
    transform: translateY(39%);
    line-height: 24px;
} 
.hs-content-id-5197615121 .sfeature-built3{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(49%);
    -ms-transform: translateY(49%);
    transform: translateY(49%);
    line-height: 24px;
} 
.hs-content-id-5197615121 .sfeature-built4{
        display:inline-block;
    position:relative;
    -webkit-transform: translateY(19%);
    -ms-transform: translateY(19%);
    transform: translateY(19%);
    line-height: 24px;
} 
/*Tour Operators*/
.hs-content-id-5197593631 .sfeature-l img{
   float:right;
   margin-right:-51px !important;
}
/*PROVIDERS*/
.hs-content-id-5197895798.sfeature-l img{
   float:right;
   margin-right:-51px !important;}

.hs-content-id-5197593631 .sfeature-built1{
    display:block;
} 
.hs-content-id-5197593631 .sfeature-built2{
    display:block;
} 
.hs-content-id-5197593631 .sfeature-built3{
    display:block;
} 
.hs-content-id-5197593631 .sfeature-built4{
    display:block;
} 

.sfeature-built1{
    display:block;
}
.sfeature-built2{
    display:block;
}
.sfeature-built3{
    display:block;

}
.sfeature-built4{
    display:block;
}
.simple-demo-content div {
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0px 5px 0px 5px;
}
.simple-demo-box h1 {
    font-size: 21px;
    line-height: 34px;
    font-weight: 600;
    margin: 40px 0 0 0;
}
a.resp {
    margin-top: -37px;
    position: relative;
}
ul.ul-desk {
    display: none;
}
.simple-demo-box h2 {
    margin: 35px 0px 0px 0px;
}

.simple-demo-content ul>li:nth-child(1)>img {
    margin: 13px 14px 5px 10px;
}

.simple-testimonial-content span img {
    float: left;
    width: 26%;
    margin: 5px 15px 0px 0px;
}

.simple-form {
    padding: 10px 20px 30px 20px;
    text-align: left;
    margin: 0px 15px 30px 15px !important;
}

.simple-form h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: 700;
}

.simple-form p {
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: -10px;
}

.simple-form input[type="text"], .simple-form input[type="password"], .simple-form input[type="datetime"], .simple-form input[type="datetime-local"], .simple-form input[type="date"], .simple-form input[type="month"], .simple-form input[type="time"], .simple-form input[type="week"], .simple-form input[type="number"], .simple-form input[type="email"], .simple-form input[type="url"], .simple-form input[type="search"], .simple-form input[type="tel"], .simple-form input[type="color"], .simple-form input[type="file"], .simple-form textarea {
    padding: 12px 10px 12px 10px;
    width: 100%;
    font-family: 'Open Sans',Sans-Serif;
    font-size: 14px;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    /* border-bottom: 1px solid #ededed; */
    /* line-height: 26px; */
}

body .simple-form .hs-error-msgs {
    color: #f17676 !important;
    text-align: left !important;
    margin-bottom: 1px;
    font-size: 10px;
    font-weight: 400;
}

body .simple-form li label.hs-error-msgs {
    text-align: left !important;
}

.hs-form-field > ul > li {
    text-align: left !important;
}

body .simple-form .hs-form-field>label {
    font-weight: 600;
    color: #3c4646;
}

body .simple-form .hs-form-required {
    font-size: 11px;
    color: #f17676;
}

body .simple-form select {
    background: white;
}


body .simple-form .hs-form-field {
    font-size: 14px;
    font-weight: 500;
}

.ico-f-2 {
    text-align: center;
}
  .span3.widget-span.widget-type-language_switcher.lang-footer {
    display: none;
}
.simple-demo-box h1, .simple-demo-box h2, .simple-demo-box h3{
text-align:center
}

.simple-testimonial-content span p:nth-child(3) {
    font-style: italic;
    font-size: 13px;
    margin-top: 16px;
}
.simple-testimonial-content span p:nth-child(6) {
    font-style: italic;
    font-size: 13px;
    margin-top: 0px;
}
.simple-demo-content ul li p {
    display: inline;
    font-size: 13px;
    line-height: 15px;
}
.simple-form {
    background: #f8f8f8;
    width: 100%;
}
#sticky-sidebar{
    width:100%;
}
.resp{
   display: block;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #ff9100;
    padding: 15px 90px 20px 90px;
    font-size: 18px;
    color: inherit;
    margin: 30px 11px 0px 0;
    border: 2px solid #ff9100;
    text-align: center;
    transition: all .5s ease;
    text-shadow: 0 0 5px #d46d12 !important;
    color: #fff !important;

}
/*German Conditions*/
.hs-content-id-5324226106 .block-solutions {
    margin-top: -210px !important;
}

.hs-content-id-5324226106 h1 {
    font-family: Raleway;
    font-size: 30px;
}
.solutions-content p {
    display:none;
}
.ico a{
font-size: 10px;
}
.solutions-content .shadow-manage h1 {
    font-size: 33px;
}
/*Fix responsive on DE - Built for header */
.hs-content-id-5305732592 .hero-content h1, .hs-content-id-5305950105 .hero-content h1, .hs-content-id-5306191682 .hero-content h1, .hs-content-id-5305732592 .hero-content h1, .hs-content-id-5306198948 .hero-content h1, .hs-content-id-5305503857 .hero-content h1{
    font-size: 36px;
}
.hs-content-id-5305732592 .hero-content .shadow-text, .hs-content-id-5305950105 .hero-content .shadow-text, .hs-content-id-5306191682 .hero-content .shadow-text, .hs-content-id-5305732592 .hero-content .shadow-text, .hs-content-id-5306198948 .hero-content .shadow-text, .hs-content-id-5305503857 .hero-content .shadow-text{
display:none;
}
.hs-content-id-5305732592 .sfeature-desc h4 {
    line-height: 30px;
}

.hs-content-id-5305732592 .sfeature-l img, .hs-content-id-5305503857 .sfeature-l img, .hs-content-id-5305950105 .sfeature-l img, .hs-content-id-5306191682 .sfeature-l img, .hs-content-id-5306198948 .sfeature-l img, .hs-content-id-5324284807 .sfeature-l img{
    float: right;
    margin: 80px 0px 0px 0px !important;
}
.hs-content-id-5305950105 div#scrolou3, .hs-content-id-5324284807 div#scrolou3{
    margin-top: 120px;
}

}

.go-top {
  position: fixed;
  bottom: 0px;
  right: 90%;
  text-decoration: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 15px;
  padding: 10px;
  display: none;
  border-top:1px solid gray;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  transition: all .5s ease;
}

.go-top:hover {
  background-color: rgba(60, 178, 131, 0.9);
  transition: all .5s ease;
}
     

/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 479px) {
    .hs-content-id-5324102587 h1 {
    font-family: Raleway;
    font-size: 28px;
    margin-top: 50px;
}
}



/*TrekkPay Page*/
.session-content-feature .no-list ul{
    margin-top: 10px;
    margin-bottom: 10%;
}

.session-content-feature .no-list ul{
    margin: 0 auto;
    text-align: left;
    list-style-type: circle;
    padding: 0;
    display: block;
    align-items: flex;
}

.session-content-feature .no-list ul > li:first-child{
    display:block;
    max-width:100%;
}


.session-content-feature .no-list ul> li:last-child{
    display:block;
    max-width:100%;
}

.span12.widget-span.widget-type-cell.gray-block-trekkpay {
    background: #2acc89;
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.white-block-trekkpay {
    background: #fff;
}
.footer-at-bottom {
    background: #23262E;

}

.footer-at-bottom .footer-top{
margin:50px;
margin-bottom:50px;
}
.footer-at-bottom .footer-top p{
    color:#586078;
    font-size:16px;
    line-weight:30px;
}
.footer-at-bottom .footer-top ul.footer-contact li:first-child{
    color:#3DB283;
    font-weight:700;
    font-family:'Raleway';
    padding-left:0px;
}
.footer-at-bottom .footer-top ul.footer-contact li{
    margin-top:13px;
    margin-bottom:13px;
    padding-left:45px;
}
.footer-at-bottom .footer-top ul.footer-contact li:nth-child(2){
    background:url(https://www.trekksoft.com/hubfs/website/footer/mailbox.png)left no-repeat;
}
.footer-at-bottom .footer-top ul.footer-contact li:nth-child(3){
    background:url(https://www.trekksoft.com/hubfs/website/footer/help.png)left no-repeat;
}

.footer-at-bottom .footer-top ul li a{
    color:#C8E6E0;
}

.footer-at-bottom .footer-top .footer-menu-big{

}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item.hs-menu-depth-1.hs-item-has-children{
    margin-left:50px;
    margin-right:50px;
}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a{
    font-weight:700;
    color:#3DB283;
}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item .hs-menu-depth-2{
    margin-top:17px;
}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item .hs-menu-depth-2 a:hover{
    background:#15161b;
    display:inline-block;
}
.footer-at-bottom .footer-line{
    background:#1b1d21;
    padding-top:20px;
    padding-bottom:20px;
}

.footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1 a{
    color:#C8E6E0;
    margin-left:22px;
    font-weight:700;
}
.footer-at-bottom .footer-line .social-media ul li{
    float:left;
    margin-left:10px;
}
.footer-at-bottom .footer-line .disclaimer-footer span{
    color:#586078;
}
.footer-at-bottom .footer-line .disclaimer-footer span a{
    color:#C8E6E0
}
.footer-at-bottom .lang_switcher_class {
    position: relative;
    display: inline-block
}

.footer-at-bottom .globe_class {
    background-image: url(https://www.trekksoft.com/hubfs/globe-ico-bottom.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.footer-at-bottom .lang_list_class {
    display: none;
    position: absolute;
    top: -109px;
    left: 320%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;
    z-index: 100;
    list-style-type: none;
    padding: 15px 0 0 0;
    margin: 0;
}

.footer-at-bottom .globe_class:hover .lang_list_class {
    display: block
}
.footer-at-bottom .lang_list_class:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #000;
    margin-left: -12px
}

.footer-at-bottom .lang_list_class:after {
    content: "";
    display: none;
    position: absolute;
    top: -7px;
    left: 50%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #fff;
    margin-left: -12px;
    margin-bottom: -1px
}

.footer-at-bottom .lang_list_class li {
    position: relative;
    line-height: 1;
    font-size: 13px;
    padding: 0 24px 10px 24px;
    background-color: #23262e;
    border-left: 0px solid #000;
    border-right: 0px solid #f00;
    box-shadow: 3px 3px 0px #0000000f;
}

.footer-at-bottom .lang_list_class li:first-child {
    padding-top: 15px;
    border-top: 0px solid #000;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.footer-at-bottom .lang_list_class li:last-child {
    padding-bottom: 15px;
    border-bottom: 0px solid #000;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:10px;
}

.footer-at-bottom .lang_list_class li a {
    text-decoration: none;
    color: #c8e6e0;
    cursor: pointer
}

.footer-at-bottom .lang_list_class li a:hover {
    color: #3db283
}
@media (max-width: 767px){
.footer-at-bottom .footer-top{
    margin:0px;
    margin-top:20px;
    margin-bottom:0px;
}

.footer-at-bottom .footer-top ul.footer-contact li:first-child{
    font-size:20px;
    text-align:center;
}
.footer-at-bottom .footer-top ul.footer-contact li{
    padding-left:105px;
    text-align:left;
}
.footer-at-bottom .footer-top ul.footer-contact li:nth-child(2),.footer-at-bottom .footer-top ul.footer-contact li:nth-child(3),.footer-at-bottom .footer-top ul.footer-contact li:nth-child(4),.footer-at-bottom .footer-top ul.footer-contact li:nth-child(5) {
    background-position:55px;
}

.footer-at-bottom .footer-top ul li a{
    color:#C8E6E0;
}

.footer-at-bottom .footer-top .footer-menu-big{

}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item.hs-menu-depth-1.hs-item-has-children{
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    margin-bottom:10px;
}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a{
    font-size:20px;display:none;
}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item .hs-menu-depth-2{
    margin-top:15px;display:none;
}
.footer-at-bottom .footer-top .footer-menu-big .hs-menu-item .hs-menu-depth-2 a:hover{
    background:#15161b;
    display:inline-block;
}
.footer-at-bottom .footer-line{
    background:#1b1d21;
    padding-top:20px;
    padding-bottom:20px;
}
.footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1 a{
    color:#C8E6E0;
    margin-left:0px;
    font-size: 12px;
    font-weight:700;
    float: left;
    display: inline;
    width: 24%;
    margin-bottom:15px;
}
.footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1:nth-child(1) a,.footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1:nth-child(2) a,.footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1:nth-child(3) a{
    margin-top:3px;
}
.footer-at-bottom .lang_switcher_class {
    position: relative;
    display: none;
}

.span2.widget-span.widget-type-custom_widget.social-media {
    display: block;
    margin-left: 30%;
    margin-bottom: 40px;
}

.span4.widget-span.widget-type-custom_widget.disclaimer-footer {
    margin-top: 25px;
    font-size: 13px;
} 
}



/* Success Story Pages */

.hiddenn {
    display: none !important;
}

.casestudie .quote p:before {
    left: -19%;
    bottom: unset;
    width: 160px;
    height: 50px;
    background-size: contain;
    top: -20px;
}
ul.case-nav {
    display: none;
}
.casestudie .vertical-content h3 {
    margin: 20px 0px 0px 0;
    padding-bottom: 10px;
}
.hs-content-path-en-success-stories-sandemans #testimonial-case a {
    margin: 25% 0% 0% 0%;
}
 .hs-content-path-en-success-stories-tourcompanynl #testimonial-case a {
    margin: 30% 0% 0% 0%;
}
#testimonial-case {
    padding-bottom: 20px;
    padding-top: 25px;
}
#testimonial-case a {
    top: 50% !important;
    position: relative;
    transform: translateY(-50%);
}
.hs-landing-page .menu-tk .hs-menu-flow-horizontal > ul {
    margin: 0;
}
.hs-landing-page .header-container .menu-tk .cta_button {
    border-bottom-right-radius: 0;
    padding: 0;
}

.hs-landing-page .header-container span.hs-cta-wrapper a:hover {
    color: #fff;
}
.hs-landing-page .footer-at-bottom .footer-line .disclaimer-footer span {
    color: #4ab78b;
}
.hs-landing-page .footer-container .hs-menu-wrapper.flyouts ul li:first-child {
    display: none;
}
.hs-landing-page .footer-at-bottom .footer-top p {
    color: #fff;
}

.casestudie .quote p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 80px;
    padding: 0 30px;
}
.casestudie .quote p::before {
    background: url('https://www.trekksoft.com/hubfs/website/success-stories/quote-start-1.png');
    left: -50px !important;
}
.casestudie .quote p::after {
    content: " ";
    background: url('https://www.trekksoft.com/hubfs/website/success-stories/quote-end-1.png');
    background-repeat: no-repeat;
    right: -50px !important;
    bottom: -30px;
    position: absolute;
}
.casestudie .quote p::before, .casestudie .quote p::after {
    background-repeat: no-repeat;
    width: 70px !important;
    height: 50px;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(33%) sepia(71%) saturate(6001%) hue-rotate(149deg) brightness(101%) contrast(101%);
}
.hs-landing-page .footer-end-part .footer-container-wrapper ul li a {
    color: #C8E6E0;
    font-weight: normal;
}
.hs-landing-page .footer-end-part .footer-container-wrapper ul li {
    color: #3dab7a;
    font-weight: bold;
}
.header-container .menu-tk .lang_list_class li:nth-child(4):lang(es) {
    min-width: 119px;
}
.header-container .menu-tk .lang_list_class li:nth-child(3):lang(es) {
    padding: 10px 21px 10px 12px;
    margin: 32px 0px 0px 38px;
}

@media (min-width: 59.375em){
  .menutk-placeholder {
      height: unset;
  }
  .hs-landing-page #top-placeholder-menu span.hs-cta-wrapper a {
    padding: 2.3em 1.5em;
    display: inline-block;
}
.menu-tk .lang_switcher_class:lang(es) {
    right: 112px !important;
} 
.menu-tk .cta_button:lang(es) {
    white-space: normal;
    font-size: inherit;
}  
.footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1 a {
    margin-left: 13px;
    font-size: 14px;
}    
}
@media not all and (min-width: 59.375em) {
.menu-tk .hs-item-has-children > a {
    color: #2acc89;
    position: relative;
}

}

@media(max-width:1300px){
.page-width,
 #top-placeholder-menu {
    padding-left: 20px;
    padding-right: 20px;
 } 
#top-placeholder-menu {
    transition: 0.3s;
} 
#top-placeholder-menu.fixed {
    padding-left: 0;
    padding-right: 0;
} 
.casestudie .quote p:before {
    left: -22%;
}  
.hs-landing-page .span12.widget-span.widget-type-global_group.footer-end-part {
    padding-left: 15px;
}    
}

@media(max-width:991px){
  .casestudie .quote p:before {
    left: 0;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 30px;
    background-size: contain;
}
.casestudie .quote p {
    padding-left: 100px;
    padding-bottom:40px;
    color: #009659;
    font-size: 18px;
    max-width: 100%;
    margin: 0;
}
  
 .casestudie .quote p {
    max-width: 700px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px !important;
    padding: 0 30px;
} 
 .casestudie .quote p::before, .casestudie .quote p::after {
    width: 70px !important;
    height: 30px;
} 
.casestudie .quote p::after {
    right: 0;
    bottom: -15px;
} 
.footer-at-bottom .lang_switcher_class {
    left: 15px;
}

  
}
@media(max-width:767px){
.span12.widget-span.widget-type-cell.page-center.page-width .vertical-sidebar {
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}
.casestudie .vertical-content h3 {
    margin: 30px 0 5px 0;
}
.casestudie .quote p:before {
    height: 20px;
}
.casestudie .quote p {
    padding-left:70px;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}  
.testi-case .row-fluid {
    flex-direction: column;
    display: flex;
}
#testimonial-case a, .hs-content-path-en-success-stories-sandemans #testimonial-case a {
    margin: 20px auto 0;
    max-width: 400px;
}
 .hs-content-path-en-success-stories-sandemans #testimonial-case a {
    margin: 40px auto 0;
}
#testimonial-case li:last-child {
    padding: 10px;
    max-width: 100%;
} 
#testimonial-case li:first-child {
    max-width: 20%;
} 
.casestudie p, .casestudie ul {
    line-height: 24px;
    margin-bottom: 20px;
    text-align: left;
} 
html[lang="de"] .footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1 a {
    font-size: 11px;
    width: 20%;
}
.hs-content-path-en-success-stories-tourcompanynl #testimonial-case a {
    margin: 40px 0% 0% 0%;
} 
.casestudie h1 {
    font-size: 30px;
    padding: 0;
}
.casestudie .vertical-content h3 {
    margin: 30px 0 5px 0;
    text-align: left;
}
.span12.widget-span.widget-type-cell.page-center.page-width .vertical-sidebar {
    text-align: left;
}
.casestudie .vertical-content h3 {
    font-size: 27px;
    padding-bottom: 0;
}  
.casestudie .quote p {
    padding-left: 30px;
}  
.casestudie .quote p:before {
    height: 22px;
    left: 0 !important;
}  
.casestudie .quote p:after {
    height: 22px;
    right: 0 !important;
    bottom: -10px;
}
.hs-landing-page #top-placeholder-menu span.hs-cta-wrapper a {
    color: #fff;
}  
.hs-landing-page  .menu-tk .cta_button {
    padding: 0.5em !important;
}  
.hs-landing-page .footer-at-bottom .footer-line .hs-menu-item.hs-menu-depth-1 a {
    font-size: 10px;
    margin: 10px 0 20px!important;
}  
.menu-tk .lang_switcher_class {
    background: #fff;
}  
}

/* End Success Story Pages */

.menu-hide{
  display:none !important;
}
div#hs_menu_wrapper_module_1730804830834402 {
    display: none !important;
}
/* ==========================================================================