https://www.pitunnel.com/

Scan ID:: fbf35a8a-7e78-41c9-8355-eca66ee44ee1Finished
Submitted URL:: https://pitunnel.comRedirected
Report Finished:: Oct 8, 2024, 14:09:51
Links · 2 found

The outgoing links identified from the page
Link	Text
https://policies.google.com/privacy	Privacy Policy
https://policies.google.com/terms	Terms of Service
JavaScript Variables · 53 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
0	object
1	object
2	object
3	object
4	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
gtag	function
dataLayer	object
Console log messages · 5 found

Messages logged to the web console
Type	Category	Log
warning	dom	URL https://www.pitunnel.com/ Text [DOM] Found 2 elements with non-unique id #id_password: (More info: https://goo.gl/9p2vKq) %o %o
warning	dom	URL https://www.pitunnel.com/ Text [DOM] Found 2 elements with non-unique id #id_register: (More info: https://goo.gl/9p2vKq) %o %o
verbose	dom	URL https://www.pitunnel.com/ Text [DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) %o
verbose	dom	URL https://www.pitunnel.com/ Text [DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) %o
verbose	dom	URL https://www.pitunnel.com/ Text [DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) %o
HTML

The raw HTML body of the page
<!DOCTYPE html><!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]--><!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]--><!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--><!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class=" csstransitions"><!--<![endif]--><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/xds0rzGrktR88uEZ2JUvdgOY/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-LsgFz6D3IXKi1Rzqj4uhSQDNZOj1dcZCWxIrJG5IYGWvpJ304xZdrK8AxV/LlQPB"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-1031291936&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-8059CZ6JYZ&amp;l=dataLayer&amp;cx=c"></script><script>
      // Define dataLayer and the gtag function.
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      // Set default consent to 'denied' as a placeholder
      gtag('consent', 'default', {
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied',
        'analytics_storage': 'denied'
      });
    </script>
    <script src="https://platform.illow.io/banner.js?siteId=7ece32c5-1553-4780-862f-f0ecf310ac53"></script>
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-128620894-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-128620894-1');
      gtag('config', 'AW-1031291936');
      gtag('config', 'G-8059CZ6JYZ');
    </script>
    <meta charset="utf-8">
    <meta name="description" content="Remote Terminal and Status Monitoring for Raspberry Pi, as well as tunnels to any network services running on your Raspberry Pi (such as HTTP, VNC, SSH), so you can access them worldwide over the internet!">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="google-site-verification" content="EXFWykzGfTkfHbt6cQGeHqYFHhVqvqQkkrZZ1qb6MIU">
    <title>PiTunnel - Access your Raspberry Pi projects from anywhere</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <!-- Mandatory Stylesheets -->
    <link rel="stylesheet" href="/static/css/base/bootstrap.css">
    <style>
      /* latin-ext */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 800;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOXOhpKKSTj5PW.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 800;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOUuhpKKSTjw.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
    </style>
    <style>
      @media (min-width: 1200px) {
  .tp--col-lg-vertical-align {
    font-size: 0;
  }
  .tp--col-lg-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-lg-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 992px) {
  .tp--col-md-vertical-align {
    font-size: 0;
  }
  .tp--col-md-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-md-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 768px) {
  .tp--col-sm-vertical-align {
    font-size: 0;
  }
  .tp--col-sm-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-sm-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 480px) {
  .tp--col-xs-vertical-align {
    font-size: 0;
  }
  .tp--col-xs-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-xs-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 320px) {
  .tp--col-xxs-vertical-align {
    font-size: 0;
  }
  .tp--col-xxs-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-xxs-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #7d8a93;
}

ul, ol {
  margin-bottom: 2em;
}

ul li, ol li {
  margin-bottom: 0.75em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 1em;
  color: #38454e;
  line-height: 1.5;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 16px;
}

p {
  margin-bottom: 1em;
}

a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

a:focus {
  outline: 0;
}

blockquote {
  border-left: 0;
  position: relative;
}

blockquote footer {
  font-size: 0.8em;
  opacity: 0.75;
  color: #7d8a93;
}

blockquote footer:before {
  content: '';
}

blockquote.blockquote-styled:before {
  content: '\201C';
  position: absolute;
  left: -50px;
  top: -37px;
  font-size: 8em;
  opacity: 0.2;
  font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote.blockquote-styled:after {
  content: '\201D';
  position: absolute;
  right: -50px;
  top: -37px;
  font-size: 8em;
  opacity: 0.2;
  font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote.blockquote-styled.blockquote-large:before {
  content: '\201C';
  position: absolute;
  left: -82px;
  top: -52px;
  font-size: 9em;
  opacity: 0.2;
  font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote.blockquote-styled.blockquote-large:after {
  content: '\201D';
  position: absolute;
  right: -82px;
  top: -52px;
  font-size: 9em;
  opacity: 0.2;
  font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote.blockquote-large {
  font-size: 1.3em;
}

.is-IE blockquote.blockquote-styled.blockquote-large::before,
.is-IE blockquote.blockquote-styled.blockquote-large::after {
  font-size: 187px;
}

.tp--parallax {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-color: transparent;
  min-height: 100%;
}

.tp--vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.tp--hover-1 {
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: box-shadow 0.3s, -moz-transform 0.3s, opacity 0.3s;
  transition: box-shadow 0.3s, transform 0.3s, opacity 0.3s;
}

.tp--hover-1:hover {
  box-shadow: 0 14px 50px rgba(20, 50, 81, 0.04), 0 14px 50px rgba(0, 0, 0, 0.05) !important;
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}

.tp--preloader {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  /* background-color is important, or it will be see-through, and we don't want that! */
  text-align: center;
  z-index: 9999999;
}

.tp--preloader .tp--spinner {
  width: 60px;
  height: 60px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tp--preloader .tp--spinner .loader-inner div {
  background-color: black;
}

.browserupgrade {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
  height: 35px;
  z-index: 999999;
  padding: 3px;
  width: 50%;
  background: white;
}

.btn {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px 25px;
}

.btn:focus {
  outline: none;
}

.btn.btn-square {
  border-radius: 0 !important;
}

.btn.btn-circular {
  border-radius: 50px;
  box-shadow: none;
}

.btn.btn-empty {
  background-color: transparent;
  color: #38454e;
  box-shadow: none;
}

.btn.btn-lg {
  padding: 15px 25px;
}

.btn.btn-box-shadow {
  box-shadow: 0 4px 6px rgba(39, 39, 80, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn.btn-white {
  background-color: white !important;
  border-color: white !important;
  color: #38454e !important;
}

.btn.btn-white:hover {
  background-color: #ebebeb !important;
  border-color: #ebebeb !important;
}

[class*=tp--pattern-]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.tp--pattern-1:before {
  background: url("../images/patterns/bg-pattern-1.png") !important;
  background-size: cover !important;
}

.tp--pattern-2:before {
  background: url("../images/patterns/bg-pattern-2.png") !important;
}

.tp--pattern-3:before {
  background: url("../images/patterns/bg-pattern-3.png") !important;
}

.tp--pattern-4:before {
  background: url("../images/patterns/bg-pattern-4.png") !important;
}

.tp--pattern-5:before {
  background: url("../images/patterns/bg-pattern-5.png") !important;
}

.tp--pattern-6:before {
  background: url("../images/patterns/bg-pattern-6.png") !important;
}

.tp--pattern-7:before {
  background: url("../images/patterns/bg-pattern-7.png") !important;
}

.tp--pattern-8:before {
  background: url("../images/patterns/bg-pattern-8.png") !important;
}

.tp--pattern-9:before {
  background: url("../images/patterns/bg-pattern-9.png") !important;
}

.tp--pattern-10:before {
  background: url("../images/patterns/bg-pattern-10.png") !important;
}

.tp--pattern-11:before {
  background: url("../images/patterns/bg-pattern-11.png") !important;
}

.tp--pattern-12:before {
  background: url("../images/patterns/bg-pattern-12.png") !important;
}

.tp--header {
  position: relative;
  height: 80px;
}

.tp--header::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}

.tp--header ul,
.tp--header ol {
  list-style: none;
  padding-left: 0;
}

.tp--header .logo {
  display: inline-block;
  float: left;
  font-size: 1em;
  font-weight: bold;
  line-height: 80px;
  margin: 0;
}

@media (min-width: 992px) {
  .tp--header .logo {
    font-size: 1.5em;
  }
}

.tp--header .logo a {
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.tp--header .logo a:hover {
  text-decoration: none;
}

.tp--header .logo a img {
  max-width: 100px;
  vertical-align: inherit;
}

.tp--header .logo a img.logo-dark {
  display: none;
}

.tp--header nav {
  background: none;
  border: none;
  padding: 0 1em;
}

.tp--header nav .navbar {
  margin-bottom: 0;
}

.tp--header nav .navbar .nav {
  float: right;
}

.tp--header nav .navbar .nav > li > a {
  line-height: 80px;
  font-size: 0.83em;
  padding: 0 0 0 2.5em;
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 768px) {
  .tp--header nav .navbar .nav > li > a .btn {
    padding: 10px 15px;
  }
}

@media (min-width: 992px) {
  .tp--header nav .navbar .nav > li > a {
    font-size: 0.9em;
    padding: 0 1.5em;
  }
}

@media (min-width: 1200px) {
  .tp--header nav .navbar .nav > li > a .btn {
    padding: 15px 25px;
  }
}

.tp--header nav .navbar .nav > li > a:hover {
  background-color: transparent;
  color: white;
  opacity: 1;
}

.tp--header nav .navbar .nav > li > a:focus {
  background-color: transparent;
}

.tp--header nav .navbar .nav > li > a.current a {
  color: #7d8a93;
}

.tp--header nav .navbar .nav > li > a.dropdown-toggle i {
  margin: -1px 0 0 3px;
  font-size: 10px;
  display: inline-table;
}

.tp--header nav .navbar .nav > li ul {
  border: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.tp--header nav .navbar .nav > li ul li a {
  font-size: 0.9em;
}

.tp--header nav .navbar .nav > li ul .dropdown-header {
  color: #7d8a93;
}

@media (min-width: 768px) {
  .tp--header nav .navbar .nav > li.tp--nav-divider {
    display: none;
  }
}

@media (min-width: 992px) {
  .tp--header nav .navbar .nav > li.tp--nav-divider {
    display: block;
  }
}

@media (max-width: 767px) {
  .tp--header nav .navbar {
    position: fixed;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    padding: 0;
    text-align: center;
    overflow: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .tp--header nav .navbar .navbar-collapse {
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 105%;
    height: 100%;
    padding: 1.2em 12% 1.2em 10%;
  }
  .tp--header nav .navbar .navbar-collapse .nav {
    float: none;
    margin: 2em 0 0 0;
  }
  .tp--header nav .navbar .navbar-collapse .nav a {
    color: #38454e !important;
    line-height: 1.5 !important;
    padding: 1em 0;
    font-size: 1.2em;
  }
  .tp--header nav .navbar .navbar-collapse .nav a:hover {
    color: #647079;
  }
  .tp--header nav .navbar .navbar-collapse .nav a .btn {
    display: block;
    padding: 1.2em 0;
  }
}

.tp--header .nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  top: 0;
  right: 15px;
  height: 100px;
  width: 60px;
  z-index: 1;
  margin: 0;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}

.tp--header .nav-trigger span, .tp--header .nav-trigger span::after, .tp--header .nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: white;
  height: 0.5px;
  width: 27px;
}

.tp--header .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  transition: background-color .3s;
}

.tp--header .nav-trigger span::after, .tp--header .nav-trigger span::before {
  content: '';
  left: 0;
  transition: transform .3s;
}

.tp--header .nav-trigger span::before {
  transform: translateY(-7px);
}

.tp--header .nav-trigger span::after {
  transform: translateY(7px);
}

.tp--header.nav-open .nav-trigger span {
  background-color: transparent;
}

.tp--header.nav-open .nav-trigger span::before {
  transform: rotate(45deg);
}

.tp--header.nav-open .nav-trigger span::after {
  transform: rotate(-45deg);
}

.tp--header.nav-open .navbar-wrapper {
  padding: 0;
}

.tp--header.nav-open .navbar-wrapper .navbar {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.tp--header .tp--nav-dropdown {
  display: none;
}

.tp--header .morph-dropdown-wrapper {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  padding: 1.2em 5%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #FFFFFF;
  opacity: 0;
}

@media (max-width: 767px) {
  .tp--header .morph-dropdown-wrapper {
    position: fixed;
    display: block;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    overflow: hidden;
    padding: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container {
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 105%;
    height: 100%;
    padding: 1.2em 15% 1.2em 10%;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list {
    overflow: hidden;
    margin: 2em 0 0 0;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li {
    font-size: 0.9em;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li.links {
    font-size: 1em;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li.links .tp--nav-label {
    display: block;
    font-size: 1.2em;
    line-height: 1.5;
    position: relative;
    background: white;
    padding: 1em 0;
    color: #38454e;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li.links .tp--nav-label:hover {
    color: #232b30;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li.links .tp--nav-label .btn {
    display: block;
    padding: 1.2em 0;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li.links.tp--nav-auth a {
    padding-bottom: 0;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li.dropdown.links .tp--nav-label {
    display: inline-block;
    padding: 1em;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li.tp--nav-divider a {
    line-height: 1.5 !important;
    padding: 1em 0;
    font-size: 1.2em;
    display: block;
    position: relative;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li:last-child {
    margin-bottom: 0;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content {
    margin-top: 0.5em;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content::after {
    clear: both;
    content: "";
    display: block;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content > ul > li {
    width: 50%;
    float: left;
    opacity: 0.75;
    margin-bottom: 1.4em;
  }
}

@media (max-width: 767px) and (max-width: 400px) {
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content > ul > li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content > ul > li h2 {
    text-transform: capitalize;
    font-size: 1em;
    margin: 0.5em 0 1.5em;
    text-decoration: underline;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content.columns > ul > li {
    width: 100%;
    float: none;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content.columns .links-list::after {
    clear: both;
    content: "";
    display: block;
  }
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content.columns .links-list li {
    width: 50%;
    float: left;
    margin-bottom: 1.4em;
  }
}

@media (max-width: 767px) and (max-width: 400px) {
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content.columns .links-list li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tp--header .morph-dropdown-wrapper .morph-dropdown-container .dropdown-list > ul > li .content.columns .links-list a {
    margin-left: 0;
  }
}

.tp--header .morph-dropdown-wrapper .dropdown-list > ul > li .content li::after {
  clear: both;
  content: "";
  display: block;
}

.tp--header .morph-dropdown-wrapper .dropdown-list > ul > li .content h2 {
  text-transform: capitalize;
  font-size: 1.5rem;
  margin: 7px 0 16px 14px;
}

.tp--header .morph-dropdown-wrapper .dropdown-list > ul > li .links .content > ul > li {
  margin-top: 1em;
}

.tp--header .morph-dropdown-wrapper .dropdown-list > ul > li .links-list li:last-child {
  margin-bottom: 0;
}

.tp--header .morph-dropdown-wrapper .dropdown-list > ul > li .links-list a {
  display: block;
  margin-left: 14px;
}

.tp--header .morph-dropdown-wrapper .dropdown-list > ul > li .links-list a:hover {
  color: #1A1A1A;
}

.tp--header.nav-open .logo a {
  color: #38454e;
}

.tp--header.nav-open .nav-trigger span:before, .tp--header.nav-open .nav-trigger span:after {
  background: #38454e;
}

.tp--header.nav-open .morph-dropdown-wrapper {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

@media only screen and (min-width: 768px) {
  .tp--header {
    position: absolute;
    height: 80px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
    z-index: 10;
  }
  .tp--header::before {
    content: 'desktop';
  }
  .tp--header .nav-trigger {
    display: none;
  }
  .tp--header .tp--nav-dropdown {
    display: inline-block;
  }
  .tp--header .tp--nav-dropdown > ul > li {
    display: inline-block;
    float: left;
  }
  .tp--header .tp--nav-dropdown > ul > li > a {
    display: block;
    padding: 0 1.8em;
    height: 70px;
    line-height: 70px;
    color: #FFFFFF;
    font-size: 1.8rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: opacity .2s;
  }
  .tp--header.is-dropdown-visible .tp--nav-dropdown > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: .6;
  }
  .tp--header.is-dropdown-visible .tp--nav-dropdown > ul > li.active > a {
    opacity: 1;
  }
  .tp--header .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 58px;
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    transform: translateZ(0);
    will-change: transform;
    transform: translateY(20px);
    transition: transform .3s;
    opacity: 1;
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list {
    position: absolute;
    top: 26px;
    left: 0;
    visibility: hidden;
    transform: translateZ(0);
    will-change: transform, width, height;
    transition: visibility .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }
  .no-csstransitions .tp--header .morph-dropdown-wrapper .dropdown-list {
    display: none;
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #FFFFFF;
    opacity: 0;
    transition: opacity .3s;
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list > ul {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list .links {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: opacity .3s, visibility .3s;
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list .links.active {
    opacity: 1;
    visibility: visible;
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list .links.move-left .content {
    transform: translateX(-100px);
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list .links.move-right .content {
    transform: translateX(100px);
  }
  .tp--header .morph-dropdown-wrapper .dropdown-list .links .tp--nav-label {
    /* hide the label on bigger devices */
    display: none;
  }
  .tp--header.is-dropdown-visible .morph-dropdown-wrapper {
    transform: translateY(0);
  }
  .tp--header.is-dropdown-visible .dropdown-list {
    visibility: visible;
    transition: transform .3s, width .3s, height .3s;
  }
  .tp--header.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .tp--header .content {
    padding: 1.9em 2em;
    transition: transform .3s;
    text-align: left;
    font-size: 0.9em;
    background-color: white;
    border-radius: 4px;
  }
  .tp--header .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .tp--header .content > ul > li:last-child {
    margin-bottom: 0;
  }
  .tp--header .content a {
    color: inherit;
    opacity: 0.7;
    transition: opacity 0.3s;
  }
  .tp--header .content a:hover {
    text-decoration: none;
    opacity: 1;
    color: #59636b;
  }
  .tp--header .content.columns {
    padding-bottom: 15px;
  }
  .tp--header .content.columns > ul > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-top: 0;
  }
  .tp--header .content.columns > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .tp--header .links .content > ul > li {
    margin-top: 0;
  }
  .tp--header .links .content,
  .tp--header .button .content {
    width: 220px;
  }
  .tp--header .links .content.columns,
  .tp--header .button .content.columns {
    width: 400px;
  }
  .tp--header .links-list a {
    margin-left: 0;
  }
  .tp--header .content h2 {
    font-size: 1.5rem;
    text-transform: none;
    color: #1A1A1A;
    margin: 0 0 1em;
  }
  .tp--header .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    background: #FFFFFF;
    opacity: 0;
    transition: opacity .3s;
    transform-origin: top left;
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
  }
  .tp--header.is-dropdown-visible .bg-layer {
    opacity: 1;
    transition: transform .3s, opacity .3s;
  }
}

.tp--header.tp--header-light .logo a {
  color: inherit;
}

.tp--header.tp--header-light nav .nav > li > a {
  color: inherit;
}

.tp--nav-signup a span {
  font-size: 1em;
  margin-top: -3px;
  position: relative;
}

.tp--header.tp--header-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.tp--header-shrink {
  height: 100px !important;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}

.tp--header-shrink .logo {
  line-height: 100px !important;
}

.tp--header-shrink nav .nav > li a {
  line-height: 100px !important;
}

.tp--header-shrink.shrink {
  height: 80px !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
}

.tp--header-shrink.shrink .logo {
  line-height: 80px !important;
}

.tp--header-shrink.shrink .logo a {
  color: #38454e !important;
}

.tp--header-shrink.shrink .logo a img {
  max-width: 100px;
}

.tp--header-shrink.shrink .logo a img.logo-main {
  display: none;
}

.tp--header-shrink.shrink .logo a img.logo-dark {
  display: inline-block;
}

.tp--header-shrink.shrink nav .nav a {
  line-height: 80px !important;
  color: #7d8a93 !important;
}

.tp--header-shrink.shrink nav .nav a:hover {
  color: #4d565d;
}

.tp--header-shrink.shrink .nav-trigger {
  height: 80px;
}

.tp--header-shrink.shrink .nav-trigger span {
  background-color: #38454e;
}

.tp--header-shrink.shrink .nav-trigger span:before, .tp--header-shrink.shrink .nav-trigger span:after {
  background-color: #38454e;
}

.tp--header-shrink.shrink.nav-open .nav-trigger span {
  background: white;
}

.tp--header.tp--header-2 {
  background-color: white;
}

.tp--header.tp--header-2 .logo {
  line-height: 80px;
}

.tp--header.tp--header-2 .logo a {
  color: inherit;
}

.tp--header.tp--header-2 nav .nav > li > a {
  color: inherit;
  line-height: 80px;
}

.tp--header.tp--header-3 {
  background-color: rgba(0, 0, 0, 0.05);
}

.tp--header.tp--header-3.tp--header-fixed-dark {
  background-color: rgba(0, 0, 0, 0.4);
}

.tp--header.tp--header-3 .logo {
  line-height: 80px;
}

.tp--header.tp--header-3 nav .nav > li > a {
  line-height: 80px;
}

.tp--header.tp--header-3.shrink {
  background-color: white;
}

.tp--header-4 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.tp--carousel-caption-center {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  max-width: 80%;
  max-height: 25%;
  z-index: 10;
  margin: auto;
  text-align: center;
  width: 100%;
}

.tp--carousel-caption-center h2 {
  font-size: 1.8em;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
}

.tp--carousel-caption-center p {
  color: rgba(255, 255, 255, 0.9);
  margin: 1em 10em;
}

.tp--carousel-caption-center .btn {
  margin: 1em 0;
  padding: 1em 2em;
  background: white;
  color: black;
  border: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tp--carousel-caption-left {
  position: absolute;
  left: 29px;
  bottom: 15%;
  max-width: 550px;
  z-index: 10;
}

.tp--carousel-caption-left h1 {
  font-size: 3em;
  font-weight: 800;
  margin: 0 0 0.5em;
}

.tp--carousel-caption-left h2 {
  font-size: 1.8em;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

.tp--carousel-caption-left p {
  font-size: 1.3em;
  font-weight: 100;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.8);
}

.tp--carousel-caption-left .btn {
  margin: 1em 0;
  padding: 1em 2em;
  background: white;
  color: black;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.carousel-control {
  background: none !important;
}

.tp--slider-single {
  position: relative;
  z-index: 1;
}

.tp--slider-single .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100px;
  z-index: 10;
}

.tp--slider-single .owl-nav [class*=owl-] {
  background-color: transparent;
  font-size: 32px;
  opacity: 0.5;
  color: white;
}

@media only screen and (min-width: 1400px) {
  .tp--slider-single .owl-nav [class*=owl-] {
    font-size: 47px;
  }
}

.tp--slider-single .owl-nav [class*=owl-]:hover {
  background-color: transparent;
  opacity: 1;
}

.tp--slider-single .owl-nav .owl-prev {
  position: absolute;
  left: 0;
}

.tp--slider-single .owl-nav .owl-next {
  position: absolute;
  right: 0;
}

#intro.tp--intro.tp--slider-single h1 {
  font-size: 2em;
  font-weight: 900;
  margin: 0 0 0.5em;
}

#intro.tp--intro.tp--slider-single h2 {
  font-size: 1.8em;
  line-height: 1.3;
  font-weight: 900;
  margin: 0 0 0.5em;
}

#intro.tp--intro.tp--slider-single h3 {
  font-size: 1.6em;
  line-height: 1.3;
  margin: 0 0 0.5em;
}

#intro.tp--intro.tp--slider-single p {
  font-size: 1em;
  font-weight: 100;
  line-height: 1.7;
  opacity: 0.75;
}

#intro.tp--intro.tp--slider-single p:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 600px) {
  #intro.tp--intro.tp--slider-single h1 {
    font-size: 2.1em;
    margin: 0 0 0.5em;
  }
  #intro.tp--intro.tp--slider-single h2 {
    font-size: 1.8em;
  }
  #intro.tp--intro.tp--slider-single h3 {
    font-size: 1.6em;
  }
  #intro.tp--intro.tp--slider-single p {
    font-size: 1.05em;
    line-height: 1.7;
  }
}

@media only screen and (min-width: 768px) {
  #intro.tp--intro.tp--slider-single h1 {
    font-size: 2.4em;
    margin: 0 0 0.5em;
    line-height: 1.4;
  }
  #intro.tp--intro.tp--slider-single h2 {
    font-size: 2.3em;
    line-height: 1.4;
  }
  #intro.tp--intro.tp--slider-single h3 {
    font-size: 2.2em;
    line-height: 1.4;
  }
  #intro.tp--intro.tp--slider-single p {
    font-size: 1.1em;
    line-height: 1.7;
  }
}

@media only screen and (min-width: 1024px) {
  #intro.tp--intro.tp--slider-single h1 {
    font-size: 2.8em;
    margin: 0 0 0.5em;
  }
  #intro.tp--intro.tp--slider-single h2 {
    font-size: 2.4em;
  }
  #intro.tp--intro.tp--slider-single h3 {
    font-size: 2.4em;
  }
  #intro.tp--intro.tp--slider-single p {
    font-size: 1.1em;
    line-height: 1.7;
  }
}

@media only screen and (min-width: 1400px) {
  #intro.tp--intro.tp--slider-single h1 {
    font-size: 3.2em;
    line-height: 1.3;
    font-weight: 900;
    margin: 0 0 0.5em;
  }
  #intro.tp--intro.tp--slider-single h2 {
    font-size: 2.8em;
  }
  #intro.tp--intro.tp--slider-single h3 {
    font-size: 2.5em;
  }
  #intro.tp--intro.tp--slider-single p {
    font-size: 1.2em;
    font-weight: 100;
    line-height: 1.8;
  }
}

#intro.tp--intro.tp--slider-single .owl-stage {
  padding-bottom: 4em;
}

#intro.tp--intro.tp--slider-single .item.tp--with-image-light {
  position: relative;
  background-size: cover !important;
}

#intro.tp--intro.tp--slider-single .item.tp--with-image-light:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(35, 35, 35, 0.3);
}

#intro.tp--intro.tp--slider-single .item.tp--with-image {
  position: relative;
  background-size: cover !important;
}

#intro.tp--intro.tp--slider-single .item.tp--with-image:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(35, 35, 35, 0.7);
}

#intro.tp--intro.tp--slider-single .item.tp--with-image-dark {
  position: relative;
  background-size: cover !important;
}

#intro.tp--intro.tp--slider-single .item.tp--with-image-dark:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(35, 35, 35, 0.9);
}

#intro.tp--intro.tp--slider-single .item a.popup-gallery img {
  width: 100%;
  height: auto;
}

#intro.tp--intro.tp--slider-single .item .btn-lg {
  padding: 1em 2em;
  font-weight: 600;
  border: none;
  margin-top: 1em;
  font-size: 1em;
}

@media only screen and (min-width: 1400px) {
  #intro.tp--intro.tp--slider-single .item .btn-lg {
    font-size: 1.2em;
    line-height: 1.8;
    padding: 0.8em 2em;
  }
}

#intro.tp--intro.tp--slider-single .item img {
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  #intro.tp--intro.tp--slider-single .item [class^=col-xs],
  #intro.tp--intro.tp--slider-single .item [class^=col-sm],
  #intro.tp--intro.tp--slider-single .item [class^=col-md],
  #intro.tp--intro.tp--slider-single .item [class^=col-lg] {
    margin-bottom: 2em;
    padding: 2em 2em 0;
  }
}

#intro.tp--intro.tp--slider-single .tp--intro-content {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#intro.tp--intro.tp--slider-single .tp--intro-image {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#intro.tp--intro.tp--slider-single .tp--intro-image.tp--intro-image-vertical {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  margin-top: 6em;
  padding-bottom: 8em;
  height: 100%;
}

@media only screen and (min-width: 1400px) {
  #intro.tp--intro.tp--slider-single .tp--intro-image.tp--intro-image-vertical {
    margin-top: 7em;
    padding-bottom: 9em;
  }
}

#intro.tp--intro.tp--slider-single .tp--intro-content-left {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  #intro.tp--intro.tp--slider-single .tp--intro-content-left {
    text-align: center;
  }
}

#intro.tp--intro.tp--slider-single .tp--intro-content-center {
  text-align: center;
}

#intro.tp--intro.tp--slider-single .tp--intro-content-right {
  text-align: left;
}

#intro.tp--intro.tp--slider-single .tp--intro-diagonal {
  position: relative;
}

#intro.tp--intro.tp--slider-single .tp--intro-diagonal:after {
  content: '';
  height: 400px;
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0px;
  background: white;
  transform: skewY(-9deg);
  transform-origin: top;
  -webkit-transform: skewY(-9deg);
  -webkit-transform-origin: 0 0;
}

#intro.tp--intro.tp--slider-single .tp--intro-diagonal > .container {
  position: relative;
  z-index: 10;
}

#intro.tp--intro.tp--slider-single .tp--intro-diagonal .tp--carousel-caption-center {
  max-height: 35%;
}

#intro.tp--intro.tp--slider-single .tp--intro-diagonal.tp--intro-diagonal-1:after {
  -webkit-transform: skewY(-9deg);
  -moz-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  -o-transform: skewY(-9deg);
  transform: skewY(-9deg);
}

#intro.tp--intro.tp--slider-single .tp--intro-diagonal.tp--intro-diagonal-2:after {
  -webkit-transform: skewY(9deg);
  -moz-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  -o-transform: skewY(9deg);
  transform: skewY(9deg);
  top: -77px;
}

@media only screen and (min-width: 600px) {
  #intro.tp--intro.tp--slider-single .tp--intro-diagonal.tp--intro-diagonal-2:after {
    top: -93px;
  }
}

@media only screen and (min-width: 768px) {
  #intro.tp--intro.tp--slider-single .tp--intro-diagonal.tp--intro-diagonal-2:after {
    top: -120px;
  }
}

@media only screen and (min-width: 1024px) {
  #intro.tp--intro.tp--slider-single .tp--intro-diagonal.tp--intro-diagonal-2:after {
    top: -161px;
  }
}

@media only screen and (min-width: 1400px) {
  #intro.tp--intro.tp--slider-single .tp--intro-diagonal.tp--intro-diagonal-2:after {
    top: -345px;
  }
}

#intro.tp--intro.tp--intro-dark {
  background-color: #4d4d4d;
  color: white;
}

#intro.tp--intro.tp--intro-dark h1, #intro.tp--intro.tp--intro-dark h2, #intro.tp--intro.tp--intro-dark h3, #intro.tp--intro.tp--intro-dark h4, #intro.tp--intro.tp--intro-dark h5, #intro.tp--intro.tp--intro-dark h6 {
  color: white;
}

#intro.tp--intro.tp--intro-height-100.tp--slider-single {
  height: 100vh;
}

#intro.tp--intro.tp--intro-height-100.tp--slider-single .owl-stage {
  height: 100%;
}

#intro.tp--intro.tp--intro-height-100.tp--slider-single {
  height: 100vh;
}

#intro.tp--intro.tp--intro-height-100.tp--slider-single .item {
  height: 100vh;
  padding-top: 100px;
}

#intro.tp--intro.tp--intro-height-100.tp--slider-single .item .container,
#intro.tp--intro.tp--intro-height-100.tp--slider-single .item .row {
  height: 100%;
}

@media only screen and (min-width: 768px) {
  #intro.tp--intro.tp--intro-height-100.tp--slider-single .item .container,
  #intro.tp--intro.tp--intro-height-100.tp--slider-single .item .row {
    height: 100%;
  }
}

.is-IE .tp--intro.tp--slider-single#intro .tp--intro-diagonal::after {
  top: auto;
  bottom: 134px !important;
}

@media only screen and (min-width: 1700px) {
  .is-IE .tp--intro.tp--slider-single#intro .tp--intro-diagonal::after {
    bottom: 160px !important;
  }
}

.tp--section {
  padding: 4.5em 0;
  position: relative;
}

.tp--section .page-header {
  border-bottom: 0;
}

.tp--section .page-header h1 {
  font-size: 5.5em;
  padding: 0 1em;
}

.tp--section .page-header h2 {
  font-size: 2em;
  font-weight: 800;
  margin: 0.3em auto 0.5em;
  padding: 0 1em;
  line-height: 1.3;
}

@media only screen and (min-width: 600px) {
  .tp--section .page-header h2 {
    font-size: 2.4em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--section .page-header h2 {
    font-size: 2.8em;
    line-height: 1.2;
    margin: 0.3em auto 0.5em;
  }
}

@media only screen and (min-width: 1024px) {
  .tp--section .page-header h2 {
    font-size: 2.8em;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--section .page-header h2 {
    font-size: 3.5em;
    line-height: 1.3;
  }
}

.tp--section .page-header h3 {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.75;
  padding: 0 1em;
}

@media only screen and (min-width: 768px) {
  .tp--section .page-header h3 {
    font-size: 1.2em;
  }
}

.tp--section .page-header i {
  font-size: 1.3em;
  margin: 0 0 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: #eaeaea;
  width: 44px;
  height: 44px;
  line-height: 44px;
}

@media only screen and (min-width: 600px) {
  .tp--section .page-header i {
    font-size: 1.5em;
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
}

@media only screen and (min-width: 768px) {
  .tp--section .page-header i {
    font-size: 1.8em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0.3em auto 0.5em;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--section .page-header i {
    font-size: 2em;
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
}

@media only screen and (min-width: 768px) {
  .tp--section .page-header h2 {
    font-size: 3em;
  }
  .tp--section .page-header.tp--title-overlay h2 {
    position: relative;
  }
  .tp--section .page-header.tp--title-overlay h2:before {
    content: attr(data-title);
    position: absolute;
    font-size: 100px;
    line-height: 1.1;
    color: #eee;
    width: 100%;
    left: 0;
    right: 0;
    top: -25px;
    text-transform: uppercase;
  }
  .tp--section .page-header.tp--title-overlay h2 span {
    position: relative;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--section .page-header h2 {
    font-size: 3.7em;
  }
  .tp--section .page-header.tp--title-overlay h2 {
    position: relative;
  }
  .tp--section .page-header.tp--title-overlay h2:before {
    content: attr(data-title);
    position: absolute;
    font-size: 134px;
    line-height: 1.1;
    color: #eee;
    width: 100%;
    left: 0;
    right: 0;
    top: -36px;
    text-transform: uppercase;
  }
  .tp--section .page-header.tp--title-overlay h2 span {
    position: relative;
  }
}

.tp--section p {
  line-height: 2;
}

.tp--section .sub-title {
  text-transform: uppercase;
  opacity: 0.75;
  font-size: 1.05em;
  font-weight: 800;
  margin-bottom: 1.5em;
}

.tp--section p.desc {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 2;
  margin: 0 0 2em;
  padding: 0 14em;
}

.tp--section img {
  margin: auto;
}

.tp--section.tp--section-with-bg {
  background-repeat: no-repeat;
}

.tp--section.tp--section-with-bg.tp--section-with-bg-cover {
  background-size: cover !important;
}

.tp--section.tp--section-with-bg-overlay.tp--section-with-bg-cover {
  background-size: cover !important;
}

.tp--section.tp--section-with-bg-overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  background: -webkit-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 0;
  opacity: 0.6;
}

.tp--section.tp--section-with-bg-overlay .container {
  position: relative;
  z-index: 1;
}

.tp--section.tp--section-with-bg-overlay h1,
.tp--section.tp--section-with-bg-overlay h2,
.tp--section.tp--section-with-bg-overlay h3,
.tp--section.tp--section-with-bg-overlay h4,
.tp--section.tp--section-with-bg-overlay h5,
.tp--section.tp--section-with-bg-overlay h6 {
  color: white;
  margin-bottom: 0.5em;
}

.tp--section.tp--section-with-bg-overlay .text-muted {
  color: rgba(255, 255, 255, 0.7);
}

.tp--section.tp--section-with-bg-overlay p {
  color: white;
  letter-spacing: 0.5px;
}

.tp--section.tp--section-dark {
  background-color: #4d4d4d;
  color: white;
  position: relative;
  z-index: 1;
}

.tp--section.tp--section-dark a {
  color: white;
}

.tp--section.tp--section-dark.tp--diagonal {
  background-color: transparent !important;
}

.tp--section.tp--section-dark.tp--diagonal:before {
  background: #4d4d4d !important;
}

.tp--section.tp--section-dark h1, .tp--section.tp--section-dark h2, .tp--section.tp--section-dark h3, .tp--section.tp--section-dark h4, .tp--section.tp--section-dark h5, .tp--section.tp--section-dark h6 {
  color: white;
}

.tp--section.tp--section-light {
  background-color: #f7f7f7;
}

.tp--diagonal {
  position: relative;
  z-index: 1;
  padding: 110px 0;
  margin-top: 110px;
  margin-bottom: 55px;
}

.tp--diagonal:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}

.tp--diagonal.tp--diagonal-1:before {
  -webkit-transform: skewY(-9deg);
  -moz-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  -o-transform: skewY(-9deg);
  transform: skewY(-9deg);
}

.tp--diagonal.tp--diagonal-2:before {
  -webkit-transform: skewY(9deg);
  -moz-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  -o-transform: skewY(9deg);
  transform: skewY(9deg);
}

.tp--floating-box {
  background-color: white;
  box-shadow: 0 10px 50px rgba(20, 50, 81, 0.04), 0 10px 50px rgba(0, 0, 0, 0.05);
  padding: 2.5em;
  border-radius: 5px;
  color: initial;
}

.tp--floating-box a {
  color: initial !important;
}

.is-IE .tp--floating-box a {
  color: #38454e;
}

.tp--inner .tp--inner-header {
  background: #bcbcbc;
  padding: 5em 0;
  position: relative;
}

.tp--inner .tp--inner-header h1, .tp--inner .tp--inner-header h2, .tp--inner .tp--inner-header h3, .tp--inner .tp--inner-header h4, .tp--inner .tp--inner-header h5, .tp--inner .tp--inner-header h6 {
  margin: 0;
}

.tp--inner .tp--inner-header h1 {
  font-size: 2.2em;
  font-weight: 800;
  margin-top: 0.75em;
}

@media only screen and (min-width: 480px) {
  .tp--inner .tp--inner-header h1 {
    font-size: 2.5em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--inner .tp--inner-header h1 {
    font-size: 3em;
  }
}

@media only screen and (min-width: 992px) {
  .tp--inner .tp--inner-header h1 {
    font-size: 3.5em;
  }
}

@media only screen and (min-width: 1200px) {
  .tp--inner .tp--inner-header h1 {
    font-size: 4em;
  }
}

.tp--inner .tp--inner-header h2 {
  font-size: 1.8em;
  font-weight: 800;
  margin-top: 0.75em;
}

@media only screen and (min-width: 480px) {
  .tp--inner .tp--inner-header h2 {
    font-size: 2.2em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--inner .tp--inner-header h2 {
    font-size: 2.6em;
  }
}

@media only screen and (min-width: 992px) {
  .tp--inner .tp--inner-header h2 {
    font-size: 3em;
  }
}

@media only screen and (min-width: 1200px) {
  .tp--inner .tp--inner-header h2 {
    font-size: 3.5em;
  }
}

.tp--inner .tp--inner-header p {
  font-size: 1.25em;
  opacity: 0.8;
  margin: 1em 0 0 0;
}

.tp--inner .tp--inner-header .tp--breadcrumbs {
  padding: 4em 0.1em 1em;
  color: white;
  font-size: 0.9em;
}

.tp--inner .tp--inner-header .tp--breadcrumbs a {
  color: white;
}

.tp--inner .tp--inner-header .tp--breadcrumbs a i {
  font-size: 1.1em;
}

.tp--inner .tp--section .page-header {
  border-bottom: 0;
}

.tp--inner .tp--section .page-header h1 {
  font-size: 5.5em;
  padding: 0 1em;
}

.tp--inner .tp--section .page-header h2 {
  font-size: 2em;
  font-weight: 800;
  margin: 0.3em auto 0.5em;
  padding: 0 1em;
  line-height: 1.3;
}

@media only screen and (min-width: 600px) {
  .tp--inner .tp--section .page-header h2 {
    font-size: 2.4em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--inner .tp--section .page-header h2 {
    font-size: 2.8em;
    line-height: 1.2;
    margin: 0.3em auto 0.5em;
  }
}

@media only screen and (min-width: 1024px) {
  .tp--inner .tp--section .page-header h2 {
    font-size: 3em;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--inner .tp--section .page-header h2 {
    font-size: 3em;
    line-height: 1.3;
  }
}

.tp--inner .tp--section .page-header h3 {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.75;
  padding: 0 1em;
}

@media only screen and (min-width: 768px) {
  .tp--inner .tp--section .page-header h3 {
    font-size: 1.2em;
  }
}

.tp--inner .tp--section .page-header i {
  font-size: 1.3em;
  margin: 0 0 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: #eaeaea;
  width: 44px;
  height: 44px;
  line-height: 44px;
}

@media only screen and (min-width: 600px) {
  .tp--inner .tp--section .page-header i {
    font-size: 1.5em;
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
}

@media only screen and (min-width: 768px) {
  .tp--inner .tp--section .page-header i {
    font-size: 1.8em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0.3em auto 0.5em;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--inner .tp--section .page-header i {
    font-size: 2em;
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
}

@media only screen and (min-width: 768px) {
  .tp--inner .tp--section .page-header.tp--title-overlay h2 {
    position: relative;
  }
  .tp--inner .tp--section .page-header.tp--title-overlay h2:before {
    content: attr(data-title);
    position: absolute;
    font-size: 2.1em;
    line-height: 1.1;
    color: #eee;
    width: 100%;
    left: 0;
    right: 0;
    top: -25px;
    text-transform: uppercase;
  }
  .tp--inner .tp--section .page-header.tp--title-overlay h2 span {
    position: relative;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--inner .tp--section .page-header.tp--title-overlay h2 {
    position: relative;
  }
  .tp--inner .tp--section .page-header.tp--title-overlay h2:before {
    content: attr(data-title);
    position: absolute;
    font-size: 2.2em;
    line-height: 1.1;
    color: #eee;
    width: 100%;
    left: 0;
    right: 0;
    top: -36px;
    text-transform: uppercase;
  }
  .tp--inner .tp--section .page-header.tp--title-overlay h2 span {
    position: relative;
  }
}

.tp--footer {
  background: white;
  padding: 5em 0;
}

.tp--footer h2 {
  font-size: 1.3em;
  text-transform: uppercase;
}

.tp--footer h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 600;
  margin-top: 2.1em;
  margin-bottom: 1em;
}

.tp--footer p,
.tp--footer a {
  font-size: 0.9em;
  margin-right: 10px;
  color: #7d8a93;
}

.tp--footer a:hover {
  color: #363d41;
  text-decoration: none;
}

.tp--footer .footer-text p {
  line-height: 1.7;
}

.tp--footer .label {
  font-weight: 400;
  letter-spacing: 0.5px;
}

.tp--footer .copyright {
  line-height: 2;
  font-weight: 200;
  letter-spacing: 0.7px;
}

.tp--footer .logo {
  padding: 1em 0 0;
}

.tp--footer .tp--social {
  margin-top: 2em;
}

.tp--footer .icon {
  font-size: 1.3em;
  margin: 1.5em 0.75em 0;
}

.tp--footer.tp--section-dark {
  background-color: #4d4d4d;
  color: white;
}

.tp--footer.tp--section-dark h1, .tp--footer.tp--section-dark h2, .tp--footer.tp--section-dark h3, .tp--footer.tp--section-dark h4, .tp--footer.tp--section-dark h5, .tp--footer.tp--section-dark h6 {
  color: white;
}

.tp--footer.tp--section-dark a, .tp--footer.tp--section-dark p {
  color: white;
}

.tp--footer.tp--section-dark a:hover {
  opacity: 1;
  color: white;
}

.tp--footer.tp--section-dark.tp--diagonal {
  background-color: transparent !important;
}

.tp--footer.tp--section-dark.tp--diagonal:before {
  background: #4d4d4d !important;
}

.tp--footer.tp--footer-1 ul {
  margin-bottom: 4em;
}

.tp--footer.tp--footer-1 ul li {
  margin-bottom: 0.75em;
}

.tp--footer.tp--footer-1 ul li a:hover {
  text-decoration: none;
}

.tp--footer.tp--footer-2 ul li {
  margin-bottom: 0.75em;
  padding: 0 20px;
}

.tp--footer.tp--footer-2 ul li a {
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
}

.tp--footer.tp--footer-2 ul li a:hover {
  text-decoration: none;
}

.tp--pricing .plan .plan-title h1, .tp--pricing .plan .plan-title h2, .tp--pricing .plan .plan-title h3, .tp--pricing .plan .plan-title h4, .tp--pricing .plan .plan-title h5, .tp--pricing .plan .plan-title h6 {
  color: #38454e;
}

.tp--pricing .plan .plan-features {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.tp--pricing .plan .plan-features li {
  color: #7d8a93;
}

@media only screen and (min-width: 992px) {
  .tp--pricing.tp--pricing-1 [class*=col-] {
    padding: 0;
  }
}

.tp--pricing.tp--pricing-1 .plans {
  margin-top: 3em;
}

@media only screen and (min-width: 992px) {
  .tp--pricing.tp--pricing-1 .plans {
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  }
}

.tp--pricing.tp--pricing-1 .plans .plan {
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
}

@media only screen and (min-width: 992px) {
  .tp--pricing.tp--pricing-1 .plans .plan {
    box-shadow: none;
    margin-bottom: 0;
  }
}

.tp--pricing.tp--pricing-1 .plans .plan:first-child {
  border-radius: 7px 0 0 7px;
}

.tp--pricing.tp--pricing-1 .plans .plan:last-child {
  border-radius: 0 7px 7px 0;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title {
  margin: 0;
  overflow: hidden;
  text-align: center;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title h2 {
  padding: 2.5em 1em 0;
  margin: 0;
  font-size: 0.9em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  opacity: 0.8;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title h3 {
  font-weight: 600;
  font-size: 3.5em;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 15px;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title p {
  font-size: 1.1em;
  font-weight: 200;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title div {
  padding: 2.2em 1em 0;
  text-align: right;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title input {
  box-shadow: none;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title sup {
  top: -1.5em;
  font-size: 0.3em;
  padding-left: 0.2em;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-title sub {
  bottom: -0.1em;
  font-size: 0.2em;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-features {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-features li {
  padding: 5px 15px;
  font-size: 0.95em;
  opacity: 0.8;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-cta {
  display: block;
  margin: 0;
  text-align: center;
  border-radius: 0 0 7px 7px;
  overflow: hidden;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-cta .plan-buy {
  margin: 2em 0;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-cta .plan-buy .btn {
  background: black;
  padding: 10px 30px;
  font-size: 1em;
  color: white;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-cta .plan-buy .btn:hover {
  background: black;
}

@media only screen and (min-width: 992px) {
  .tp--pricing.tp--pricing-1 .plans .plan.featured {
    padding: 1.5em 0;
    margin-top: -1.5em;
    margin-bottom: -1.5em;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 10;
    border-radius: 7px;
  }
  .tp--pricing.tp--pricing-1 .plans .plan.featured .plan-title {
    margin: -1.5em 0 0;
    padding-top: 1.5em;
  }
}

.tp--pricing.tp--pricing-1 .plans .plan.featured:before {
  content: 'Most Popular';
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 0.8em;
  background: #bcbcbc;
  width: 40%;
  padding: 4px;
  color: white;
  border-radius: 4px;
}

.tp--portfolio .tp--portfolio-grid img {
  width: 100%;
}

.tp--portfolio .tp--portfolio-grid .caption-text h1 {
  color: white;
}

.tp--portfolio .tp--portfolio-filters {
  margin-bottom: 1em;
  line-height: 1;
  margin: 0 auto 3em;
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 55em) {
  .tp--portfolio .tp--portfolio-filters .tp--menu-list {
    display: block;
  }
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item {
  display: block;
  margin: 0;
  float: left;
}

@media screen and (max-width: 55em) {
  .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item {
    float: none;
  }
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item .tp--menu-link {
  font-size: 1.05em;
  font-weight: bold;
  display: block;
  padding: 1em;
  cursor: pointer;
  background: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
  width: 120px;
  height: 3em;
  text-align: center;
  color: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 55em) {
  .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item .tp--menu-link {
    display: inline;
  }
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item .tp--menu-link:hover, .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item .tp--menu-link:focus {
  outline: none;
  text-decoration: none;
  color: #707d87;
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(1).tp--menu-item--current ~ .tp--menu-line {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(2).tp--menu-item--current ~ .tp--menu-line {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(3).tp--menu-item--current ~ .tp--menu-line {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(4).tp--menu-item--current ~ .tp--menu-line {
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(5).tp--menu-item--current ~ .tp--menu-line {
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}

@media screen and (max-width: 55em) {
  .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(1).tp--menu-item--current ~ .tp--menu-line {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(2).tp--menu-item--current ~ .tp--menu-line {
    -webkit-transform: translate3d(0, 3em, 0);
    transform: translate3d(0, 3em, 0);
  }
  .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(3).tp--menu-item--current ~ .tp--menu-line {
    -webkit-transform: translate3d(0, 6em, 0);
    transform: translate3d(0, 6em, 0);
  }
  .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(4).tp--menu-item--current ~ .tp--menu-line {
    -webkit-transform: translate3d(0, 9em, 0);
    transform: translate3d(0, 9em, 0);
  }
  .tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item:nth-child(5).tp--menu-item--current ~ .tp--menu-line {
    -webkit-transform: translate3d(0, 12em, 0);
    transform: translate3d(0, 12em, 0);
  }
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item--current .tp--menu-link {
  color: #bcbcbc;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.tp--portfolio .tp--portfolio-filters .tp--menu-line {
  position: absolute;
  top: 100%;
  left: 0;
  width: 120px;
  height: 2px;
  pointer-events: none;
  border-width: 0 45px;
  background: transparent;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
  transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}

.tp--portfolio .tp--portfolio-filters .tp--menu-line:after {
  content: '';
  position: absolute;
  left: 35%;
  right: 35%;
  margin: auto;
  height: 2px;
  background: #bcbcbc;
}

@media screen and (max-width: 55em) {
  .tp--portfolio .tp--portfolio-filters .tp--menu-line {
    top: 3em;
    right: 0;
    margin: auto;
  }
}

.tp--portfolio.tp--portfolio-2 {
  padding-bottom: 0;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .tp--portfolio-item {
  float: left;
  padding: 0px;
  position: relative;
  overflow: hidden;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .tp--portfolio-item:hover .caption {
  opacity: 1;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid img {
  margin: 0px;
  padding: 0px;
  float: left;
  z-index: 4;
  width: 100%;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .caption {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .caption:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  margin: auto;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .caption-text {
  z-index: 10;
  color: #fff;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .caption-text h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .caption-text p a {
  color: white;
  margin: 0 15px;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .caption-text p a:hover {
  text-decoration: none;
  opacity: 1;
}

.tp--portfolio.tp--portfolio-hover-1 .tp--portfolio-grid .caption-text p a i {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .tp--portfolio-item {
  float: left;
  padding: 0px;
  position: relative;
  overflow: hidden;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .tp--portfolio-item:hover img {
  opacity: 1;
  transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .tp--portfolio-item:hover .caption {
  opacity: 1;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid img {
  margin: 0px;
  padding: 0px;
  float: left;
  z-index: 4;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .caption {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .caption:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  margin: auto;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .caption-text {
  z-index: 10;
  color: #fff;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .caption-text h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  color: white;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .caption-text p a {
  color: white;
  margin: 0 15px;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .caption-text p a:hover {
  text-decoration: none;
  opacity: 1;
}

.tp--portfolio.tp--portfolio-hover-2 .tp--portfolio-grid .caption-text p a i {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.tp--cta h1 {
  font-size: 4em;
}

.tp--cta h2 {
  font-size: 2em;
  font-weight: 800;
  margin: 0.75em auto 0.5em;
  line-height: 1.3;
}

@media only screen and (min-width: 600px) {
  .tp--cta h2 {
    font-size: 2.4em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--cta h2 {
    font-size: 2.8em;
    line-height: 1.2;
    margin: 0.3em auto 0.5em;
  }
}

@media only screen and (min-width: 1024px) {
  .tp--cta h2 {
    font-size: 2.8em;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--cta h2 {
    font-size: 3.5em;
    line-height: 1.3;
  }
}

.tp--cta h3 {
  font-size: 1.8em;
  font-weight: 600;
  margin: 0.75em auto 1.5em;
  line-height: 1.8;
}

@media only screen and (min-width: 600px) {
  .tp--cta h3 {
    font-size: 1.9em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--cta h3 {
    font-size: 2em;
    line-height: 1.2;
    margin: 0.3em auto 1.5em;
  }
}

@media only screen and (min-width: 1024px) {
  .tp--cta h3 {
    font-size: 2em;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--cta h3 {
    font-size: 2em;
    line-height: 1.3;
  }
}

.tp--cta p {
  padding: 0;
  margin: 0;
  font-size: 1.35em;
  line-height: 2;
}

.tp--cta p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.tp--cta .btn {
  background: black;
  color: white;
  font-size: 1em;
}

.tp--cta.tp--cta-1 h1 {
  font-size: 4em;
}

.tp--cta.tp--cta-1 h2 {
  font-size: 2.5em;
  margin: 0 auto 1em;
}

.tp--cta.tp--cta-1 p {
  padding: 0;
  margin: 0;
  font-size: 1.35em;
}

.tp--cta.tp--cta-1 p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.tp--cta.tp--cta-1 .btn {
  background: black;
  color: white;
  font-size: 0.9em;
  margin: 0 1em;
}

.tp--cta.tp--cta-2 h1 {
  font-size: 4em;
}

.tp--cta.tp--cta-2 h2 {
  font-size: 2.5em;
  margin: 0 auto 0.25em;
}

.tp--cta.tp--cta-2 h3 {
  font-weight: 1.2em;
  text-transform: uppercase;
}

.tp--cta.tp--cta-2 p {
  margin: 0;
  font-size: 1.25em;
  padding: 0;
}

.tp--cta.tp--cta-2 p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.tp--cta.tp--cta-2 .btn {
  background: black;
  color: white;
  font-size: 1em;
  margin-top: 2em;
}

@media only screen and (min-width: 768px) {
  .tp--cta.tp--cta-2 .btn {
    float: right;
    margin-top: 0;
  }
}

.tp--cta.tp--cta-3 h1 {
  font-size: 4em;
}

.tp--cta.tp--cta-3 h2 {
  font-size: 2.5em;
  margin: 0 auto 1em;
}

.tp--cta.tp--cta-3 h3 {
  font-weight: 1.2em;
  text-transform: uppercase;
}

.tp--cta.tp--cta-3 p {
  padding: 0 4em;
  margin: 0;
  font-size: 1.35em;
}

.tp--cta.tp--cta-3 p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.tp--cta.tp--cta-3 .btn {
  background: black;
  color: white;
  font-size: 1em;
  margin: 0 1em;
  border: 2px solid black;
}

.tp--features .tp--feature .tp--icon-wrapper {
  margin: 2em auto 0;
  color: #7d8a93;
}

.tp--features .tp--feature .tp--icon-wrapper .icon-large {
  font-size: 3em;
  line-height: inherit;
}

.tp--features .tp--feature .tp--icon-wrapper .icon-small {
  font-size: 2em;
  line-height: inherit;
}

.tp--features .tp--feature .tp--icon-wrapper span {
  text-transform: uppercase;
  font-weight: 600;
  opacity: 0.8;
}

.tp--features .tp--feature h3 {
  font-size: 1.2em;
  font-weight: 600;
}

.tp--features .tp--feature p {
  margin: 0 2em 2em;
  opacity: 0.8;
}

.tp--features.text-left .tp--feature p {
  margin: 0 0 2em;
}

.tp--features.tp--section-dark .tp--feature .tp--icon-wrapper {
  color: white;
}

.tp--features-2 .tp--feature {
  margin-top: 2.5em;
}

.tp--features-2 .tp--feature .tp--feature-wrapper {
  background-color: white;
  box-shadow: 0 10px 50px rgba(20, 50, 81, 0.04), 0 10px 50px rgba(0, 0, 0, 0.05);
  padding: 1em;
  border-radius: 5px;
}

.tp--features-2.tp--section-dark .tp--feature h3,
.tp--features-2.tp--section-dark .tp--feature p {
  color: #7d8a93;
}

.tp--features-2.tp--section-dark .tp--feature .tp--icon-wrapper {
  color: #7d8a93;
}

.tp--behance {
  background: #053eff !important;
  color: white !important;
}

.tp--behance:hover {
  background: #0030d1 !important;
}

.tp--icon-behance {
  color: #053eff !important;
}

.tp--icon-behance:hover {
  color: #0030d1 !important;
}

.tp--icon-behance-hover:hover {
  color: #053eff !important;
}

.tp--dribbble {
  background: #ea4c89 !important;
  color: white !important;
}

.tp--dribbble:hover {
  background: #e51e6b !important;
}

.tp--icon-dribbble {
  color: #ea4c89 !important;
}

.tp--icon-dribbble:hover {
  color: #e51e6b !important;
}

.tp--icon-dribbble-hover:hover {
  color: #ea4c89 !important;
}

.tp--facebook {
  background: #3b5998 !important;
  color: white !important;
}

.tp--facebook:hover {
  background: #2d4373 !important;
}

.tp--icon-facebook {
  color: #3b5998 !important;
}

.tp--icon-facebook:hover {
  color: #2d4373 !important;
}

.tp--icon-facebook-hover:hover {
  color: #3b5998 !important;
}

.tp--foursquare {
  background: #25a0ca !important;
  color: white !important;
}

.tp--foursquare:hover {
  background: #1d7e9f !important;
}

.tp--icon-foursquare {
  color: #25a0ca !important;
}

.tp--icon-foursquare:hover {
  color: #1d7e9f !important;
}

.tp--icon-foursquare-hover:hover {
  color: #25a0ca !important;
}

.tp--google {
  background: #db4a39 !important;
  color: white !important;
}

.tp--google:hover {
  background: #be3323 !important;
}

.tp--icon-google {
  color: #db4a39 !important;
}

.tp--icon-google:hover {
  color: #be3323 !important;
}

.tp--icon-google-hover:hover {
  color: #db4a39 !important;
}

.tp--instagram {
  background: #634d40 !important;
  color: white !important;
}

.tp--instagram:hover {
  background: #44352c !important;
}

.tp--icon-instagram {
  color: #634d40 !important;
}

.tp--icon-instagram:hover {
  color: #44352c !important;
}

.tp--icon-instagram-hover:hover {
  color: #634d40 !important;
}

.tp--linkedin {
  background: #0e76a8 !important;
  color: white !important;
}

.tp--linkedin:hover {
  background: #0a5579 !important;
}

.tp--icon-linkedin {
  color: #0e76a8 !important;
}

.tp--icon-linkedin:hover {
  color: #0a5579 !important;
}

.tp--icon-linkedin-hover:hover {
  color: #0e76a8 !important;
}

.tp--pinterest {
  background: #c8232c !important;
  color: white !important;
}

.tp--pinterest:hover {
  background: #9d1b22 !important;
}

.tp--icon-pinterest {
  color: #c8232c !important;
}

.tp--icon-pinterest:hover {
  color: #9d1b22 !important;
}

.tp--icon-pinterest-hover:hover {
  color: #c8232c !important;
}

.tp--skype {
  background: #00aff0 !important;
  color: white !important;
}

.tp--skype:hover {
  background: #008abd !important;
}

.tp--icon-skype {
  color: #00aff0 !important;
}

.tp--icon-skype:hover {
  color: #008abd !important;
}

.tp--icon-skype-hover:hover {
  color: #00aff0 !important;
}

.tp--tumblr {
  background: #34526f !important;
  color: white !important;
}

.tp--tumblr:hover {
  background: #24384c !important;
}

.tp--icon-tumblr {
  color: #34526f !important;
}

.tp--icon-tumblr:hover {
  color: #24384c !important;
}

.tp--icon-tumblr-hover:hover {
  color: #34526f !important;
}

.tp--twitter {
  background: #00acee !important;
  color: white !important;
}

.tp--twitter:hover {
  background: #0087bb !important;
}

.tp--icon-twitter {
  color: #00acee !important;
}

.tp--icon-twitter:hover {
  color: #0087bb !important;
}

.tp--icon-twitter-hover:hover {
  color: #00acee !important;
}

.tp--vimeo {
  background: #86c9ef !important;
  color: white !important;
}

.tp--vimeo:hover {
  background: #59b5e9 !important;
}

.tp--icon-vimeo {
  color: #86c9ef !important;
}

.tp--icon-vimeo:hover {
  color: #59b5e9 !important;
}

.tp--icon-vimeo-hover:hover {
  color: #86c9ef !important;
}

.tp--youtube {
  background: #c4302b !important;
  color: white !important;
}

.tp--youtube:hover {
  background: #9a2622 !important;
}

.tp--icon-youtube {
  color: #c4302b !important;
}

.tp--icon-youtube:hover {
  color: #9a2622 !important;
}

.tp--icon-youtube-hover:hover {
  color: #c4302b !important;
}

.tp--team .item {
  padding: 1em;
}

.tp--team .item .display-pic {
  width: 80px;
  height: 80px;
  margin: 0;
  display: block;
}

@media only screen and (min-width: 768px) {
  .tp--team .item .display-pic {
    width: 120px;
    height: 120px;
  }
}

.tp--team .item .name {
  font-size: 1.15em;
  font-weight: 500;
  margin: 1.3em 0 0;
  text-transform: none;
}

@media only screen and (min-width: 768px) {
  .tp--team .item .name {
    font-size: 1.3em;
  }
}

.tp--team .item .title {
  margin: 0.75em 0 1.5em;
  font-size: 0.95em;
  font-weight: 300;
}

.tp--team .item .desc {
  font-size: 0.9em;
  padding: 0;
}

.tp--team .item .icon {
  border-radius: 50%;
  width: 31px;
  height: 31px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  color: #7d8a93;
  opacity: 0.7;
}

.tp--team .item .icon:hover {
  opacity: 1;
}

.tp--team.tp--section-dark .item {
  color: white;
}

.tp--team.tp--section-dark .item .icon {
  color: white;
}

.tp--team.tp--team-1 {
  text-align: center;
}

.tp--team.tp--team-1 .item .display-pic {
  margin: 0 auto;
  border-radius: 50%;
}

.tp--team.tp--team-2 {
  text-align: center;
}

.tp--team.tp--team-2 .owl-stage-outer {
  padding: 2em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tp--team.tp--team-2 .owl-stage-outer .owl-stage {
  padding: 1em 0;
}

.tp--team.tp--team-2 .item {
  margin: 0 2em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 4px;
}

.tp--team.tp--team-2 .item:hover {
  background-color: white;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.tp--team.tp--team-2 .item .display-pic {
  margin: 0 auto;
  border-radius: 50%;
}

.tp--team.tp--team-2.tp--section-dark .item:hover {
  background-color: #575757;
}

.tp--featured img {
  margin: auto;
}

.tp--featured p {
  font-size: 1em;
  line-height: 1.95;
  opacity: 0.85;
}

@media only screen and (min-width: 600px) {
  .tp--featured p {
    font-size: 1.1em;
  }
}

.tp--featured h2 {
  font-size: 2em;
  font-weight: 800;
  margin: 0.75em auto 0.5em;
  line-height: 1.3;
}

@media only screen and (min-width: 600px) {
  .tp--featured h2 {
    font-size: 2.4em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--featured h2 {
    font-size: 2.8em;
    line-height: 1.2;
    margin: 0.3em auto 0.5em;
  }
}

@media only screen and (min-width: 1024px) {
  .tp--featured h2 {
    font-size: 2.8em;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--featured h2 {
    font-size: 3.4em;
    line-height: 1.3;
  }
}

.tp--featured h3 {
  font-size: 1.8em;
  font-weight: 800;
  margin: 0.75em auto 0.5em;
  line-height: 1.2;
}

@media only screen and (min-width: 600px) {
  .tp--featured h3 {
    font-size: 2.2em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--featured h3 {
    font-size: 2.4em;
    line-height: 1.3;
    margin: 0.3em auto 0.5em;
  }
}

@media only screen and (min-width: 1024px) {
  .tp--featured h3 {
    font-size: 2.6em;
    line-height: 1.3;
  }
}

@media only screen and (min-width: 1400px) {
  .tp--featured h3 {
    font-size: 2.8em;
    line-height: 1.3;
  }
}

.tp--featured .btn {
  margin: 1em 0;
  padding: 1em 2em;
  font-size: 1em;
}

@media only screen and (min-width: 600px) {
  .tp--featured .btn {
    font-size: 1.1em;
  }
}

.tp--testimonials blockquote {
  border-left: 0;
  color: #7d8a93;
}

.tp--testimonials blockquote small {
  color: inherit;
}

.tp--testimonials blockquote small:before {
  content: '';
}

.tp--testimonials.tp--section-dark blockquote {
  color: white;
}

.tp--testimonials.tp--testimonials-1 {
  text-align: center;
}

.tp--testimonials.tp--testimonials-1 blockquote p {
  font-size: 1.05em;
  font-style: italic;
}

@media only screen and (min-width: 600px) {
  .tp--testimonials.tp--testimonials-1 blockquote p {
    font-size: 1.1em;
  }
}

@media only screen and (min-width: 768px) {
  .tp--testimonials.tp--testimonials-1 blockquote p {
    font-size: 1.2em;
  }
}

.tp--testimonials.tp--testimonials-1 blockquote small {
  opacity: 0.7;
}

.tp--testimonials.tp--testimonials-2 .tp--floating-box {
  margin: 25px 10px 25px;
}

.tp--testimonials.tp--testimonials-2 .tp--testimonial-header img {
  margin: auto auto 1.5em;
  width: 80px;
}

@media only screen and (min-width: 768px) {
  .tp--testimonials.tp--testimonials-2 .tp--testimonial-header img {
    margin: 5px;
  }
}

.tp--testimonials.tp--testimonials-2 .tp--testimonial-header h4 {
  margin-bottom: 0em;
  color: initial;
}

.tp--testimonials.tp--testimonials-2 .tp--testimonial-header p {
  font-size: 0.9em;
  margin-bottom: 0;
  color: #7d8a93;
}

.tp--testimonials.tp--testimonials-2 blockquote {
  margin-bottom: 0;
  padding: 1em 0 0;
  line-height: 1.7;
  color: #7d8a93;
}

.tp--testimonials.tp--testimonials-2 blockquote p {
  font-size: initial;
}

.is-IE .tp--testimonials.tp--testimonials-2 .tp--testimonial-header h4 {
  color: #38454e;
}

.tp--statistics {
  margin-top: 3em;
}

.tp--statistics span {
  font-size: 4.5em;
  font-weight: 600;
  color: #38454e;
}

.tp--statistics p {
  font-size: 0.9em;
  opacity: 0.7;
}

@media only screen and (min-width: 992px) {
  .tp--statistics .divider {
    position: relative;
  }
  .tp--statistics .divider:after {
    content: '';
    position: absolute;
    right: -21px;
    top: 49%;
    width: 45px;
    height: 2px;
    background-color: #ececec;
    border-radius: 2px;
  }
}

.tp--authentication {
  padding: 2.5em;
  font-size: 0.9em;
}

.tp--authentication .page-header {
  margin-top: 1em;
  border-bottom: 0;
  font-weight: 600;
}

.tp--authentication .page-header * {
  margin: 0;
}

.tp--authentication .form-authentication .tp--social-login {
  margin-top: 1.5em;
  margin-bottom: 0;
}

.tp--authentication .form-authentication .tp--social-login .btn-signup {
  background-color: #eaeaea;
  display: block;
  color: white;
  padding: 15px 0;
  letter-spacing: 0.5px;
  transition: all 0.3s;
  font-size: 24px;
}

.tp--authentication .form-authentication .divider {
  text-align: center;
  margin: 2.5em 0;
  position: relative;
  color: #7c7c7c;
}

.tp--authentication .form-authentication .divider:before, .tp--authentication .form-authentication .divider:after {
  content: '';
  position: absolute;
  top: 10px;
  width: 165px;
  height: 1px;
  background: #eaeaea;
}

.tp--authentication .form-authentication .divider:before {
  left: 0;
}

.tp--authentication .form-authentication .divider:after {
  right: 0;
}

.tp--authentication .form-authentication .form-group {
  position: relative;
  text-align: left;
}

.tp--authentication .form-authentication .form-group i {
  position: absolute;
  font-size: 23px;
  color: #bcbcbc;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 22px;
  width: 25px;
  text-align: center;
  z-index: 1;
}

.tp--authentication .form-authentication .form-group .form-control {
  display: block;
  width: 100%;
  color: #555;
  background-color: #fff;
  border-radius: 4px;
  font-size: 1em;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 1.4em 1.4em 1.4em 64px;
  height: auto;
  box-shadow: none;
  border-color: #e1e1e1;
}

.tp--authentication .form-authentication button[type='submit'],
.tp--authentication .form-authentication input[type='submit'] {
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 4px;
  display: block;
  width: 100%;
  padding: 1em;
  font-size: 1.2em;
  margin-top: 1em;
  background: #4c4c4c;
  color: white;
  transition: all 0.3s;
}

.tp--authentication .form-authentication button[type='submit']:hover,
.tp--authentication .form-authentication input[type='submit']:hover {
  background: #3c3c3c;
}

.tp--authentication .form-authentication .tp--authentication-footer {
  margin-top: 2.5em;
  font-size: 0.9em;
  opacity: 0.75;
}

.tp--authentication .form-authentication .tp--authentication-footer .forgot-pw {
  display: block;
  margin-top: 2.5em;
  opacity: 0.5;
  font-size: 0.95em;
}

.tp--authentication .form-authentication .tp--authentication-footer .disclaimer {
  padding: 0 1.5em;
  margin-bottom: 3em;
  line-height: 1.8;
}

.tp--authentication .form-authentication .tp--authentication-footer .disclaimer a {
  text-decoration: underline;
}

.tp--authentication .form-authentication .tp--authentication-footer .links {
  margin-bottom: 0;
}

.tp--partners .owl-carousel img {
  width: auto;
  max-height: 30px;
}

.tp--partners.tp--partners-greyscale .owl-carousel img {
  width: auto;
  max-height: 30px;
  opacity: 0.25;
}

.tp--contact {
  padding: 2em;
}

.tp--contact .page-header {
  border-bottom: 0;
  margin: 0 0 3em;
  padding: 0 1em;
}

.tp--contact .page-header h1, .tp--contact .page-header h2, .tp--contact .page-header h3, .tp--contact .page-header h4, .tp--contact .page-header h5, .tp--contact .page-header h6 {
  margin-top: 0;
}

.tp--contact form {
  text-align: left;
}

.tp--contact form label {
  margin-bottom: 1em;
}

.tp--contact form label.error {
  font-weight: 400;
  font-size: 0.9em;
  margin: 1em;
  color: #EC414D;
}

.tp--contact form .form-group {
  margin-bottom: 2em;
}

.tp--contact form .form-group .form-control {
  padding: 1em;
  height: auto;
  box-shadow: none;
}

.tp--contact form .btn-send {
  margin: auto;
}

.tp--height-10 {
  height: 10vh;
}

.tp--height-20 {
  height: 20vh;
}

.tp--height-30 {
  height: 30vh;
}

.tp--height-40 {
  height: 40vh;
}

.tp--height-50 {
  height: 50vh;
}

.tp--height-60 {
  height: 60vh;
}

.tp--height-70 {
  height: 70vh;
}

.tp--height-80 {
  height: 80vh;
}

.tp--height-90 {
  height: 90vh;
}

.tp--height-100 {
  height: 100vh;
}

@media (max-width: 767px) {
  .text-xs-left {
    text-align: left;
  }
  .text-xs-right {
    text-align: right;
  }
  .text-xs-center {
    text-align: center;
  }
  .text-xs-justify {
    text-align: justify;
  }
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}

@media (max-width: 767px) {
  .tp--no-background-xs {
    background: none !important;
  }
}

@media (max-width: 991px) {
  .tp--no-background-sm {
    background: none !important;
  }
}

@media (max-width: 1199px) {
  .tp--no-background-md {
    background: none !important;
  }
}

.tp--padding-0 {
  padding: 0 !important;
}

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

.tp--padding-bottom-0 {
  padding-bottom: 0 !important;
}

.tp--padding-left-0 {
  padding-left: 0 !important;
}

.tp--padding-right-0 {
  padding-right: 0 !important;
}

.tp--padding-md {
  padding: 6em 0 !important;
}

.tp--padding-lg {
  padding: 8em 0 !important;
}

.tp--padding-xl {
  padding: 10em 0 !important;
}

.tp--padding-xxl {
  padding: 12em 0 !important;
}

.tp--margin-0 {
  margin: 0 !important;
}

.tp--margin-top-0 {
  margin-top: 0 !important;
}

.tp--margin-bottom-0 {
  margin-bottom: 0 !important;
}

.tp--margin-left-0 {
  margin-left: 0 !important;
}

.tp--margin-right-0 {
  margin-right: 0 !important;
}

.tp--margin-md {
  margin: 6em 0 !important;
}

.tp--margin-lg {
  margin: 8em 0 !important;
}

.tp--margin-xlg {
  margin: 10em 0 !important;
}

.tp--margin-top-md {
  margin-top: 6em 0 !important;
}

.tp--margin-top-lg {
  margin-top: 8em 0 !important;
}

.tp--margin-top-xlg {
  margin-top: 10em 0 !important;
}

.tp--margin-bottom-md {
  margin-bottom: 6em 0 !important;
}

.tp--margin-bottom-lg {
  margin-bottom: 8em 0 !important;
}

.tp--margin-bottom-xlg {
  margin-bottom: 10em 0 !important;
}

.img-40 {
  width: 40% !important;
}

.img-45 {
  width: 45% !important;
}

.img-50 {
  width: 50% !important;
}

.img-55 {
  width: 55% !important;
}

.img-60 {
  width: 60% !important;
}

.img-65 {
  width: 65% !important;
}

.img-70 {
  width: 70% !important;
}

.img-75 {
  width: 75% !important;
}

.img-80 {
  width: 80% !important;
}

.img-85 {
  width: 85% !important;
}

.img-90 {
  width: 90% !important;
}

.img-95 {
  width: 95% !important;
}

.tp--line-height-10 {
  line-height: 10px !important;
}

.tp--line-height-20 {
  line-height: 20px !important;
}

.tp--line-height-30 {
  line-height: 30px !important;
}

.tp--line-height-40 {
  line-height: 40px !important;
}

.tp--line-height-50 {
  line-height: 50px !important;
}

.tp--line-height-60 {
  line-height: 60px !important;
}

.tp--line-height-70 {
  line-height: 70px !important;
}

.tp--line-height-80 {
  line-height: 80px !important;
}

.tp--line-height-90 {
  line-height: 90px !important;
}

.tp--line-height-100 {
  line-height: 100px !important;
}

.tp--border-radius-4 {
  border-radius: 4px !important;
}

.tp--border-radius-5 {
  border-radius: 5px !important;
}

.tp--border-radius-6 {
  border-radius: 6px !important;
}

.tp--border-radius-7 {
  border-radius: 7px !important;
}

.tp--border-radius-8 {
  border-radius: 8px !important;
}

.tp--overflow-hidden {
  overflow: hidden !important;
}

.tp--no-text-underline-hover:hover {
  text-decoration: none !important;
}

/* Margins
 */
@media (max-width: 767px) {
  .m-top-xs-0 {
    margin-top: 0;
  }
  .m-top-xs-5 {
    margin-top: 5px;
  }
  .m-top-xs-10 {
    margin-top: 10px;
  }
  .m-top-xs-20 {
    margin-top: 20px;
  }
  .m-top-xs-30 {
    margin-top: 30px;
  }
  .m-top-xs-40 {
    margin-top: 40px;
  }
  .m-top-xs-50 {
    margin-top: 50px;
  }
  .m-top-xs-60 {
    margin-top: 60px;
  }
  .m-top-xs-70 {
    margin-top: 70px;
  }
  .m-top-xs-80 {
    margin-top: 80px;
  }
  .m-top-xs-90 {
    margin-top: 90px;
  }
  .m-top-xs-100 {
    margin-top: 100px;
  }
  .m-top-xs-110 {
    margin-top: 110px;
  }
  .m-top-xs-120 {
    margin-top: 120px;
  }
  .m-top-xs-130 {
    margin-top: 130px;
  }
  .m-top-xs-140 {
    margin-top: 140px;
  }
  .m-top-xs-150 {
    margin-top: 150px;
  }
  .m-top-xs-160 {
    margin-top: 160px;
  }
  .m-top-xs-170 {
    margin-top: 170px;
  }
  .m-top-xs-180 {
    margin-top: 180px;
  }
  .m-top-xs-190 {
    margin-top: 190px;
  }
  .m-top-xs-200 {
    margin-top: 200px;
  }
  .m-bottom-xs-0 {
    margin-bottom: 0;
  }
  .m-bottom-xs-5 {
    margin-bottom: 5px;
  }
  .m-bottom-xs-10 {
    margin-bottom: 10px;
  }
  .m-bottom-xs-20 {
    margin-bottom: 20px;
  }
  .m-bottom-xs-30 {
    margin-bottom: 30px;
  }
  .m-bottom-xs-40 {
    margin-bottom: 40px;
  }
  .m-bottom-xs-50 {
    margin-bottom: 50px;
  }
  .m-bottom-xs-60 {
    margin-bottom: 60px;
  }
  .m-bottom-xs-70 {
    margin-bottom: 70px;
  }
  .m-bottom-xs-80 {
    margin-bottom: 80px;
  }
  .m-bottom-xs-90 {
    margin-bottom: 90px;
  }
  .m-bottom-xs-100 {
    margin-bottom: 100px;
  }
  .m-bottom-xs-110 {
    margin-bottom: 110px;
  }
  .m-bottom-xs-120 {
    margin-bottom: 120px;
  }
  .m-bottom-xs-130 {
    margin-bottom: 130px;
  }
  .m-bottom-xs-140 {
    margin-bottom: 140px;
  }
  .m-bottom-xs-150 {
    margin-bottom: 150px;
  }
  .m-bottom-xs-160 {
    margin-bottom: 160px;
  }
  .m-bottom-xs-170 {
    margin-bottom: 170px;
  }
  .m-bottom-xs-180 {
    margin-bottom: 180px;
  }
  .m-bottom-xs-190 {
    margin-bottom: 190px;
  }
  .m-bottom-xs-200 {
    margin-bottom: 200px;
  }
  .m-left-xs-0 {
    margin-left: 0;
  }
  .m-left-xs-5 {
    margin-left: 5px;
  }
  .m-left-xs-10 {
    margin-left: 10px;
  }
  .m-left-xs-20 {
    margin-left: 20px;
  }
  .m-left-xs-30 {
    margin-left: 30px;
  }
  .m-left-xs-40 {
    margin-left: 40px;
  }
  .m-left-xs-50 {
    margin-left: 50px;
  }
  .m-left-xs-60 {
    margin-left: 60px;
  }
  .m-left-xs-70 {
    margin-left: 70px;
  }
  .m-left-xs-80 {
    margin-left: 80px;
  }
  .m-left-xs-90 {
    margin-left: 90px;
  }
  .m-left-xs-100 {
    margin-left: 100px;
  }
  .m-left-xs-110 {
    margin-left: 110px;
  }
  .m-left-xs-120 {
    margin-left: 120px;
  }
  .m-left-xs-130 {
    margin-left: 130px;
  }
  .m-left-xs-140 {
    margin-left: 140px;
  }
  .m-left-xs-150 {
    margin-left: 150px;
  }
  .m-left-xs-160 {
    margin-left: 160px;
  }
  .m-left-xs-170 {
    margin-left: 170px;
  }
  .m-left-xs-180 {
    margin-left: 180px;
  }
  .m-left-xs-190 {
    margin-left: 190px;
  }
  .m-left-xs-200 {
    margin-left: 200px;
  }
  .m-right-xs-0 {
    margin-right: 0;
  }
  .m-right-xs-5 {
    margin-right: 5px;
  }
  .m-right-xs-10 {
    margin-right: 10px;
  }
  .m-right-xs-20 {
    margin-right: 20px;
  }
  .m-right-xs-30 {
    margin-right: 30px;
  }
  .m-right-xs-40 {
    margin-right: 40px;
  }
  .m-right-xs-50 {
    margin-right: 50px;
  }
  .m-right-xs-60 {
    margin-right: 60px;
  }
  .m-right-xs-70 {
    margin-right: 70px;
  }
  .m-right-xs-80 {
    margin-right: 80px;
  }
  .m-right-xs-90 {
    margin-right: 90px;
  }
  .m-right-xs-100 {
    margin-right: 100px;
  }
  .m-right-xs-110 {
    margin-right: 110px;
  }
  .m-right-xs-120 {
    margin-right: 120px;
  }
  .m-right-xs-130 {
    margin-right: 130px;
  }
  .m-right-xs-140 {
    margin-right: 140px;
  }
  .m-right-xs-150 {
    margin-right: 150px;
  }
  .m-right-xs-160 {
    margin-right: 160px;
  }
  .m-right-xs-170 {
    margin-right: 170px;
  }
  .m-right-xs-180 {
    margin-right: 180px;
  }
  .m-right-xs-190 {
    margin-right: 190px;
  }
  .m-right-xs-200 {
    margin-right: 200px;
  }
}

@media (min-width: 768px) {
  .m-top-sm-0 {
    margin-top: 0;
  }
  .m-top-sm-5 {
    margin-top: 5px;
  }
  .m-top-sm-10 {
    margin-top: 10px;
  }
  .m-top-sm-20 {
    margin-top: 20px;
  }
  .m-top-sm-30 {
    margin-top: 30px;
  }
  .m-top-sm-40 {
    margin-top: 40px;
  }
  .m-top-sm-50 {
    margin-top: 50px;
  }
  .m-top-sm-60 {
    margin-top: 60px;
  }
  .m-top-sm-70 {
    margin-top: 70px;
  }
  .m-top-sm-80 {
    margin-top: 80px;
  }
  .m-top-sm-90 {
    margin-top: 90px;
  }
  .m-top-sm-100 {
    margin-top: 100px;
  }
  .m-top-sm-110 {
    margin-top: 110px;
  }
  .m-top-sm-120 {
    margin-top: 120px;
  }
  .m-top-sm-130 {
    margin-top: 130px;
  }
  .m-top-sm-140 {
    margin-top: 140px;
  }
  .m-top-sm-150 {
    margin-top: 150px;
  }
  .m-top-sm-160 {
    margin-top: 160px;
  }
  .m-top-sm-170 {
    margin-top: 170px;
  }
  .m-top-sm-180 {
    margin-top: 180px;
  }
  .m-top-sm-190 {
    margin-top: 190px;
  }
  .m-top-sm-200 {
    margin-top: 200px;
  }
  .m-bottom-sm-0 {
    margin-bottom: 0;
  }
  .m-bottom-sm-5 {
    margin-bottom: 5px;
  }
  .m-bottom-sm-10 {
    margin-bottom: 10px;
  }
  .m-bottom-sm-20 {
    margin-bottom: 20px;
  }
  .m-bottom-sm-30 {
    margin-bottom: 30px;
  }
  .m-bottom-sm-40 {
    margin-bottom: 40px;
  }
  .m-bottom-sm-50 {
    margin-bottom: 50px;
  }
  .m-bottom-sm-60 {
    margin-bottom: 60px;
  }
  .m-bottom-sm-70 {
    margin-bottom: 70px;
  }
  .m-bottom-sm-80 {
    margin-bottom: 80px;
  }
  .m-bottom-sm-90 {
    margin-bottom: 90px;
  }
  .m-bottom-sm-100 {
    margin-bottom: 100px;
  }
  .m-bottom-sm-110 {
    margin-bottom: 110px;
  }
  .m-bottom-sm-120 {
    margin-bottom: 120px;
  }
  .m-bottom-sm-130 {
    margin-bottom: 130px;
  }
  .m-bottom-sm-140 {
    margin-bottom: 140px;
  }
  .m-bottom-sm-150 {
    margin-bottom: 150px;
  }
  .m-bottom-sm-160 {
    margin-bottom: 160px;
  }
  .m-bottom-sm-170 {
    margin-bottom: 170px;
  }
  .m-bottom-sm-180 {
    margin-bottom: 180px;
  }
  .m-bottom-sm-190 {
    margin-bottom: 190px;
  }
  .m-bottom-sm-200 {
    margin-bottom: 200px;
  }
  .m-left-sm-0 {
    margin-left: 0;
  }
  .m-left-sm-5 {
    margin-left: 5px;
  }
  .m-left-sm-10 {
    margin-left: 10px;
  }
  .m-left-sm-20 {
    margin-left: 20px;
  }
  .m-left-sm-30 {
    margin-left: 30px;
  }
  .m-left-sm-40 {
    margin-left: 40px;
  }
  .m-left-sm-50 {
    margin-left: 50px;
  }
  .m-left-sm-60 {
    margin-left: 60px;
  }
  .m-left-sm-70 {
    margin-left: 70px;
  }
  .m-left-sm-80 {
    margin-left: 80px;
  }
  .m-left-sm-90 {
    margin-left: 90px;
  }
  .m-left-sm-100 {
    margin-left: 100px;
  }
  .m-left-sm-110 {
    margin-left: 110px;
  }
  .m-left-sm-120 {
    margin-left: 120px;
  }
  .m-left-sm-130 {
    margin-left: 130px;
  }
  .m-left-sm-140 {
    margin-left: 140px;
  }
  .m-left-sm-150 {
    margin-left: 150px;
  }
  .m-left-sm-160 {
    margin-left: 160px;
  }
  .m-left-sm-170 {
    margin-left: 170px;
  }
  .m-left-sm-180 {
    margin-left: 180px;
  }
  .m-left-sm-190 {
    margin-left: 190px;
  }
  .m-left-sm-200 {
    margin-left: 200px;
  }
  .m-right-sm-0 {
    margin-right: 0;
  }
  .m-right-sm-5 {
    margin-right: 5px;
  }
  .m-right-sm-10 {
    margin-right: 10px;
  }
  .m-right-sm-20 {
    margin-right: 20px;
  }
  .m-right-sm-30 {
    margin-right: 30px;
  }
  .m-right-sm-40 {
    margin-right: 40px;
  }
  .m-right-sm-50 {
    margin-right: 50px;
  }
  .m-right-sm-60 {
    margin-right: 60px;
  }
  .m-right-sm-70 {
    margin-right: 70px;
  }
  .m-right-sm-80 {
    margin-right: 80px;
  }
  .m-right-sm-90 {
    margin-right: 90px;
  }
  .m-right-sm-100 {
    margin-right: 100px;
  }
  .m-right-sm-110 {
    margin-right: 110px;
  }
  .m-right-sm-120 {
    margin-right: 120px;
  }
  .m-right-sm-130 {
    margin-right: 130px;
  }
  .m-right-sm-140 {
    margin-right: 140px;
  }
  .m-right-sm-150 {
    margin-right: 150px;
  }
  .m-right-sm-160 {
    margin-right: 160px;
  }
  .m-right-sm-170 {
    margin-right: 170px;
  }
  .m-right-sm-180 {
    margin-right: 180px;
  }
  .m-right-sm-190 {
    margin-right: 190px;
  }
  .m-right-sm-200 {
    margin-right: 200px;
  }
}

@media (min-width: 992px) {
  .m-top-md-0 {
    margin-top: 0;
  }
  .m-top-md-5 {
    margin-top: 5px;
  }
  .m-top-md-10 {
    margin-top: 10px;
  }
  .m-top-md-20 {
    margin-top: 20px;
  }
  .m-top-md-30 {
    margin-top: 30px;
  }
  .m-top-md-40 {
    margin-top: 40px;
  }
  .m-top-md-50 {
    margin-top: 50px;
  }
  .m-top-md-60 {
    margin-top: 60px;
  }
  .m-top-md-70 {
    margin-top: 70px;
  }
  .m-top-md-80 {
    margin-top: 80px;
  }
  .m-top-md-90 {
    margin-top: 90px;
  }
  .m-top-md-100 {
    margin-top: 100px;
  }
  .m-top-md-110 {
    margin-top: 110px;
  }
  .m-top-md-120 {
    margin-top: 120px;
  }
  .m-top-md-130 {
    margin-top: 130px;
  }
  .m-top-md-140 {
    margin-top: 140px;
  }
  .m-top-md-150 {
    margin-top: 150px;
  }
  .m-top-md-160 {
    margin-top: 160px;
  }
  .m-top-md-170 {
    margin-top: 170px;
  }
  .m-top-md-180 {
    margin-top: 180px;
  }
  .m-top-md-190 {
    margin-top: 190px;
  }
  .m-top-md-200 {
    margin-top: 200px;
  }
  .m-bottom-md-0 {
    margin-bottom: 0;
  }
  .m-bottom-md-5 {
    margin-bottom: 5px;
  }
  .m-bottom-md-10 {
    margin-bottom: 10px;
  }
  .m-bottom-md-20 {
    margin-bottom: 20px;
  }
  .m-bottom-md-30 {
    margin-bottom: 30px;
  }
  .m-bottom-md-40 {
    margin-bottom: 40px;
  }
  .m-bottom-md-50 {
    margin-bottom: 50px;
  }
  .m-bottom-md-60 {
    margin-bottom: 60px;
  }
  .m-bottom-md-70 {
    margin-bottom: 70px;
  }
  .m-bottom-md-80 {
    margin-bottom: 80px;
  }
  .m-bottom-md-90 {
    margin-bottom: 90px;
  }
  .m-bottom-md-100 {
    margin-bottom: 100px;
  }
  .m-bottom-md-110 {
    margin-bottom: 110px;
  }
  .m-bottom-md-120 {
    margin-bottom: 120px;
  }
  .m-bottom-md-130 {
    margin-bottom: 130px;
  }
  .m-bottom-md-140 {
    margin-bottom: 140px;
  }
  .m-bottom-md-150 {
    margin-bottom: 150px;
  }
  .m-bottom-md-160 {
    margin-bottom: 160px;
  }
  .m-bottom-md-170 {
    margin-bottom: 170px;
  }
  .m-bottom-md-180 {
    margin-bottom: 180px;
  }
  .m-bottom-md-190 {
    margin-bottom: 190px;
  }
  .m-bottom-md-200 {
    margin-bottom: 200px;
  }
  .m-left-md-0 {
    margin-left: 0;
  }
  .m-left-md-5 {
    margin-left: 5px;
  }
  .m-left-md-10 {
    margin-left: 10px;
  }
  .m-left-md-20 {
    margin-left: 20px;
  }
  .m-left-md-30 {
    margin-left: 30px;
  }
  .m-left-md-40 {
    margin-left: 40px;
  }
  .m-left-md-50 {
    margin-left: 50px;
  }
  .m-left-md-60 {
    margin-left: 60px;
  }
  .m-left-md-70 {
    margin-left: 70px;
  }
  .m-left-md-80 {
    margin-left: 80px;
  }
  .m-left-md-90 {
    margin-left: 90px;
  }
  .m-left-md-100 {
    margin-left: 100px;
  }
  .m-left-md-110 {
    margin-left: 110px;
  }
  .m-left-md-120 {
    margin-left: 120px;
  }
  .m-left-md-130 {
    margin-left: 130px;
  }
  .m-left-md-140 {
    margin-left: 140px;
  }
  .m-left-md-150 {
    margin-left: 150px;
  }
  .m-left-md-160 {
    margin-left: 160px;
  }
  .m-left-md-170 {
    margin-left: 170px;
  }
  .m-left-md-180 {
    margin-left: 180px;
  }
  .m-left-md-190 {
    margin-left: 190px;
  }
  .m-left-md-200 {
    margin-left: 200px;
  }
  .m-right-md-0 {
    margin-right: 0;
  }
  .m-right-md-5 {
    margin-right: 5px;
  }
  .m-right-md-10 {
    margin-right: 10px;
  }
  .m-right-md-20 {
    margin-right: 20px;
  }
  .m-right-md-30 {
    margin-right: 30px;
  }
  .m-right-md-40 {
    margin-right: 40px;
  }
  .m-right-md-50 {
    margin-right: 50px;
  }
  .m-right-md-60 {
    margin-right: 60px;
  }
  .m-right-md-70 {
    margin-right: 70px;
  }
  .m-right-md-80 {
    margin-right: 80px;
  }
  .m-right-md-90 {
    margin-right: 90px;
  }
  .m-right-md-100 {
    margin-right: 100px;
  }
  .m-right-md-110 {
    margin-right: 110px;
  }
  .m-right-md-120 {
    margin-right: 120px;
  }
  .m-right-md-130 {
    margin-right: 130px;
  }
  .m-right-md-140 {
    margin-right: 140px;
  }
  .m-right-md-150 {
    margin-right: 150px;
  }
  .m-right-md-160 {
    margin-right: 160px;
  }
  .m-right-md-170 {
    margin-right: 170px;
  }
  .m-right-md-180 {
    margin-right: 180px;
  }
  .m-right-md-190 {
    margin-right: 190px;
  }
  .m-right-md-200 {
    margin-right: 200px;
  }
}

@media (min-width: 1200px) {
  .m-top-lg-0 {
    margin-top: 0;
  }
  .m-top-lg-5 {
    margin-top: 5px;
  }
  .m-top-lg-10 {
    margin-top: 10px;
  }
  .m-top-lg-20 {
    margin-top: 20px;
  }
  .m-top-lg-30 {
    margin-top: 30px;
  }
  .m-top-lg-40 {
    margin-top: 40px;
  }
  .m-top-lg-50 {
    margin-top: 50px;
  }
  .m-top-lg-60 {
    margin-top: 60px;
  }
  .m-top-lg-70 {
    margin-top: 70px;
  }
  .m-top-lg-80 {
    margin-top: 80px;
  }
  .m-top-lg-90 {
    margin-top: 90px;
  }
  .m-top-lg-100 {
    margin-top: 100px;
  }
  .m-top-lg-110 {
    margin-top: 110px;
  }
  .m-top-lg-120 {
    margin-top: 120px;
  }
  .m-top-lg-130 {
    margin-top: 130px;
  }
  .m-top-lg-140 {
    margin-top: 140px;
  }
  .m-top-lg-150 {
    margin-top: 150px;
  }
  .m-top-lg-160 {
    margin-top: 160px;
  }
  .m-top-lg-170 {
    margin-top: 170px;
  }
  .m-top-lg-180 {
    margin-top: 180px;
  }
  .m-top-lg-190 {
    margin-top: 190px;
  }
  .m-top-lg-200 {
    margin-top: 200px;
  }
  .m-bottom-lg-0 {
    margin-bottom: 0;
  }
  .m-bottom-lg-5 {
    margin-bottom: 5px;
  }
  .m-bottom-lg-10 {
    margin-bottom: 10px;
  }
  .m-bottom-lg-20 {
    margin-bottom: 20px;
  }
  .m-bottom-lg-30 {
    margin-bottom: 30px;
  }
  .m-bottom-lg-40 {
    margin-bottom: 40px;
  }
  .m-bottom-lg-50 {
    margin-bottom: 50px;
  }
  .m-bottom-lg-60 {
    margin-bottom: 60px;
  }
  .m-bottom-lg-70 {
    margin-bottom: 70px;
  }
  .m-bottom-lg-80 {
    margin-bottom: 80px;
  }
  .m-bottom-lg-90 {
    margin-bottom: 90px;
  }
  .m-bottom-lg-100 {
    margin-bottom: 100px;
  }
  .m-bottom-lg-110 {
    margin-bottom: 110px;
  }
  .m-bottom-lg-120 {
    margin-bottom: 120px;
  }
  .m-bottom-lg-130 {
    margin-bottom: 130px;
  }
  .m-bottom-lg-140 {
    margin-bottom: 140px;
  }
  .m-bottom-lg-150 {
    margin-bottom: 150px;
  }
  .m-bottom-lg-160 {
    margin-bottom: 160px;
  }
  .m-bottom-lg-170 {
    margin-bottom: 170px;
  }
  .m-bottom-lg-180 {
    margin-bottom: 180px;
  }
  .m-bottom-lg-190 {
    margin-bottom: 190px;
  }
  .m-bottom-lg-200 {
    margin-bottom: 200px;
  }
  .m-left-lg-0 {
    margin-left: 0;
  }
  .m-left-lg-5 {
    margin-left: 5px;
  }
  .m-left-lg-10 {
    margin-left: 10px;
  }
  .m-left-lg-20 {
    margin-left: 20px;
  }
  .m-left-lg-30 {
    margin-left: 30px;
  }
  .m-left-lg-40 {
    margin-left: 40px;
  }
  .m-left-lg-50 {
    margin-left: 50px;
  }
  .m-left-lg-60 {
    margin-left: 60px;
  }
  .m-left-lg-70 {
    margin-left: 70px;
  }
  .m-left-lg-80 {
    margin-left: 80px;
  }
  .m-left-lg-90 {
    margin-left: 90px;
  }
  .m-left-lg-100 {
    margin-left: 100px;
  }
  .m-left-lg-110 {
    margin-left: 110px;
  }
  .m-left-lg-120 {
    margin-left: 120px;
  }
  .m-left-lg-130 {
    margin-left: 130px;
  }
  .m-left-lg-140 {
    margin-left: 140px;
  }
  .m-left-lg-150 {
    margin-left: 150px;
  }
  .m-left-lg-160 {
    margin-left: 160px;
  }
  .m-left-lg-170 {
    margin-left: 170px;
  }
  .m-left-lg-180 {
    margin-left: 180px;
  }
  .m-left-lg-190 {
    margin-left: 190px;
  }
  .m-left-lg-200 {
    margin-left: 200px;
  }
  .m-right-lg-0 {
    margin-right: 0;
  }
  .m-right-lg-5 {
    margin-right: 5px;
  }
  .m-right-lg-10 {
    margin-right: 10px;
  }
  .m-right-lg-20 {
    margin-right: 20px;
  }
  .m-right-lg-30 {
    margin-right: 30px;
  }
  .m-right-lg-40 {
    margin-right: 40px;
  }
  .m-right-lg-50 {
    margin-right: 50px;
  }
  .m-right-lg-60 {
    margin-right: 60px;
  }
  .m-right-lg-70 {
    margin-right: 70px;
  }
  .m-right-lg-80 {
    margin-right: 80px;
  }
  .m-right-lg-90 {
    margin-right: 90px;
  }
  .m-right-lg-100 {
    margin-right: 100px;
  }
  .m-right-lg-110 {
    margin-right: 110px;
  }
  .m-right-lg-120 {
    margin-right: 120px;
  }
  .m-right-lg-130 {
    margin-right: 130px;
  }
  .m-right-lg-140 {
    margin-right: 140px;
  }
  .m-right-lg-150 {
    margin-right: 150px;
  }
  .m-right-lg-160 {
    margin-right: 160px;
  }
  .m-right-lg-170 {
    margin-right: 170px;
  }
  .m-right-lg-180 {
    margin-right: 180px;
  }
  .m-right-lg-190 {
    margin-right: 190px;
  }
  .m-right-lg-200 {
    margin-right: 200px;
  }
}

/* Paddings
 */
@media (max-width: 767px) {
  .p-top-xs-0 {
    padding-top: 0;
  }
  .p-top-xs-5 {
    padding-top: 5px;
  }
  .p-top-xs-10 {
    padding-top: 10px;
  }
  .p-top-xs-20 {
    padding-top: 20px;
  }
  .p-top-xs-30 {
    padding-top: 30px;
  }
  .p-top-xs-40 {
    padding-top: 40px;
  }
  .p-top-xs-50 {
    padding-top: 50px;
  }
  .p-top-xs-60 {
    padding-top: 60px;
  }
  .p-top-xs-70 {
    padding-top: 70px;
  }
  .p-top-xs-80 {
    padding-top: 80px;
  }
  .p-top-xs-90 {
    padding-top: 90px;
  }
  .p-top-xs-100 {
    padding-top: 100px;
  }
  .p-top-xs-110 {
    padding-top: 110px;
  }
  .p-top-xs-120 {
    padding-top: 120px;
  }
  .p-top-xs-130 {
    padding-top: 130px;
  }
  .p-top-xs-140 {
    padding-top: 140px;
  }
  .p-top-xs-150 {
    padding-top: 150px;
  }
  .p-top-xs-160 {
    padding-top: 160px;
  }
  .p-top-xs-170 {
    padding-top: 170px;
  }
  .p-top-xs-180 {
    padding-top: 180px;
  }
  .p-top-xs-190 {
    padding-top: 190px;
  }
  .p-top-xs-200 {
    padding-top: 200px;
  }
  .p-bottom-xs-0 {
    padding-bottom: 0;
  }
  .p-bottom-xs-5 {
    padding-bottom: 5px;
  }
  .p-bottom-xs-10 {
    padding-bottom: 10px;
  }
  .p-bottom-xs-20 {
    padding-bottom: 20px;
  }
  .p-bottom-xs-30 {
    padding-bottom: 30px;
  }
  .p-bottom-xs-40 {
    padding-bottom: 40px;
  }
  .p-bottom-xs-50 {
    padding-bottom: 50px;
  }
  .p-bottom-xs-60 {
    padding-bottom: 60px;
  }
  .p-bottom-xs-70 {
    padding-bottom: 70px;
  }
  .p-bottom-xs-80 {
    padding-bottom: 80px;
  }
  .p-bottom-xs-90 {
    padding-bottom: 90px;
  }
  .p-bottom-xs-100 {
    padding-bottom: 100px;
  }
  .p-bottom-xs-110 {
    padding-bottom: 110px;
  }
  .p-bottom-xs-120 {
    padding-bottom: 120px;
  }
  .p-bottom-xs-130 {
    padding-bottom: 130px;
  }
  .p-bottom-xs-140 {
    padding-bottom: 140px;
  }
  .p-bottom-xs-150 {
    padding-bottom: 150px;
  }
  .p-bottom-xs-160 {
    padding-bottom: 160px;
  }
  .p-bottom-xs-170 {
    padding-bottom: 170px;
  }
  .p-bottom-xs-180 {
    padding-bottom: 180px;
  }
  .p-bottom-xs-190 {
    padding-bottom: 190px;
  }
  .p-bottom-xs-200 {
    padding-bottom: 200px;
  }
  .p-left-xs-0 {
    padding-left: 0;
  }
  .p-left-xs-5 {
    padding-left: 5px;
  }
  .p-left-xs-10 {
    padding-left: 10px;
  }
  .p-left-xs-20 {
    padding-left: 20px;
  }
  .p-left-xs-30 {
    padding-left: 30px;
  }
  .p-left-xs-40 {
    padding-left: 40px;
  }
  .p-left-xs-50 {
    padding-left: 50px;
  }
  .p-left-xs-60 {
    padding-left: 60px;
  }
  .p-left-xs-70 {
    padding-left: 70px;
  }
  .p-left-xs-80 {
    padding-left: 80px;
  }
  .p-left-xs-90 {
    padding-left: 90px;
  }
  .p-left-xs-100 {
    padding-left: 100px;
  }
  .p-left-xs-110 {
    padding-left: 110px;
  }
  .p-left-xs-120 {
    padding-left: 120px;
  }
  .p-left-xs-130 {
    padding-left: 130px;
  }
  .p-left-xs-140 {
    padding-left: 140px;
  }
  .p-left-xs-150 {
    padding-left: 150px;
  }
  .p-left-xs-160 {
    padding-left: 160px;
  }
  .p-left-xs-170 {
    padding-left: 170px;
  }
  .p-left-xs-180 {
    padding-left: 180px;
  }
  .p-left-xs-190 {
    padding-left: 190px;
  }
  .p-left-xs-200 {
    padding-left: 200px;
  }
  .p-right-xs-0 {
    padding-right: 0;
  }
  .p-right-xs-5 {
    padding-right: 5px;
  }
  .p-right-xs-10 {
    padding-right: 10px;
  }
  .p-right-xs-20 {
    padding-right: 20px;
  }
  .p-right-xs-30 {
    padding-right: 30px;
  }
  .p-right-xs-40 {
    padding-right: 40px;
  }
  .p-right-xs-50 {
    padding-right: 50px;
  }
  .p-right-xs-60 {
    padding-right: 60px;
  }
  .p-right-xs-70 {
    padding-right: 70px;
  }
  .p-right-xs-80 {
    padding-right: 80px;
  }
  .p-right-xs-90 {
    padding-right: 90px;
  }
  .p-right-xs-100 {
    padding-right: 100px;
  }
  .p-right-xs-110 {
    padding-right: 110px;
  }
  .p-right-xs-120 {
    padding-right: 120px;
  }
  .p-right-xs-130 {
    padding-right: 130px;
  }
  .p-right-xs-140 {
    padding-right: 140px;
  }
  .p-right-xs-150 {
    padding-right: 150px;
  }
  .p-right-xs-160 {
    padding-right: 160px;
  }
  .p-right-xs-170 {
    padding-right: 170px;
  }
  .p-right-xs-180 {
    padding-right: 180px;
  }
  .p-right-xs-190 {
    padding-right: 190px;
  }
  .p-right-xs-200 {
    padding-right: 200px;
  }
}

@media (min-width: 768px) {
  .p-top-sm-0 {
    padding-top: 0;
  }
  .p-top-sm-5 {
    padding-top: 5px;
  }
  .p-top-sm-10 {
    padding-top: 10px;
  }
  .p-top-sm-20 {
    padding-top: 20px;
  }
  .p-top-sm-30 {
    padding-top: 30px;
  }
  .p-top-sm-40 {
    padding-top: 40px;
  }
  .p-top-sm-50 {
    padding-top: 50px;
  }
  .p-top-sm-60 {
    padding-top: 60px;
  }
  .p-top-sm-70 {
    padding-top: 70px;
  }
  .p-top-sm-80 {
    padding-top: 80px;
  }
  .p-top-sm-90 {
    padding-top: 90px;
  }
  .p-top-sm-100 {
    padding-top: 100px;
  }
  .p-top-sm-110 {
    padding-top: 110px;
  }
  .p-top-sm-120 {
    padding-top: 120px;
  }
  .p-top-sm-130 {
    padding-top: 130px;
  }
  .p-top-sm-140 {
    padding-top: 140px;
  }
  .p-top-sm-150 {
    padding-top: 150px;
  }
  .p-top-sm-160 {
    padding-top: 160px;
  }
  .p-top-sm-170 {
    padding-top: 170px;
  }
  .p-top-sm-180 {
    padding-top: 180px;
  }
  .p-top-sm-190 {
    padding-top: 190px;
  }
  .p-top-sm-200 {
    padding-top: 200px;
  }
  .p-bottom-sm-0 {
    padding-bottom: 0;
  }
  .p-bottom-sm-5 {
    padding-bottom: 5px;
  }
  .p-bottom-sm-10 {
    padding-bottom: 10px;
  }
  .p-bottom-sm-20 {
    padding-bottom: 20px;
  }
  .p-bottom-sm-30 {
    padding-bottom: 30px;
  }
  .p-bottom-sm-40 {
    padding-bottom: 40px;
  }
  .p-bottom-sm-50 {
    padding-bottom: 50px;
  }
  .p-bottom-sm-60 {
    padding-bottom: 60px;
  }
  .p-bottom-sm-70 {
    padding-bottom: 70px;
  }
  .p-bottom-sm-80 {
    padding-bottom: 80px;
  }
  .p-bottom-sm-90 {
    padding-bottom: 90px;
  }
  .p-bottom-sm-100 {
    padding-bottom: 100px;
  }
  .p-bottom-sm-110 {
    padding-bottom: 110px;
  }
  .p-bottom-sm-120 {
    padding-bottom: 120px;
  }
  .p-bottom-sm-130 {
    padding-bottom: 130px;
  }
  .p-bottom-sm-140 {
    padding-bottom: 140px;
  }
  .p-bottom-sm-150 {
    padding-bottom: 150px;
  }
  .p-bottom-sm-160 {
    padding-bottom: 160px;
  }
  .p-bottom-sm-170 {
    padding-bottom: 170px;
  }
  .p-bottom-sm-180 {
    padding-bottom: 180px;
  }
  .p-bottom-sm-190 {
    padding-bottom: 190px;
  }
  .p-bottom-sm-200 {
    padding-bottom: 200px;
  }
  .p-left-sm-0 {
    padding-left: 0;
  }
  .p-left-sm-5 {
    padding-left: 5px;
  }
  .p-left-sm-10 {
    padding-left: 10px;
  }
  .p-left-sm-20 {
    padding-left: 20px;
  }
  .p-left-sm-30 {
    padding-left: 30px;
  }
  .p-left-sm-40 {
    padding-left: 40px;
  }
  .p-left-sm-50 {
    padding-left: 50px;
  }
  .p-left-sm-60 {
    padding-left: 60px;
  }
  .p-left-sm-70 {
    padding-left: 70px;
  }
  .p-left-sm-80 {
    padding-left: 80px;
  }
  .p-left-sm-90 {
    padding-left: 90px;
  }
  .p-left-sm-100 {
    padding-left: 100px;
  }
  .p-left-sm-110 {
    padding-left: 110px;
  }
  .p-left-sm-120 {
    padding-left: 120px;
  }
  .p-left-sm-130 {
    padding-left: 130px;
  }
  .p-left-sm-140 {
    padding-left: 140px;
  }
  .p-left-sm-150 {
    padding-left: 150px;
  }
  .p-left-sm-160 {
    padding-left: 160px;
  }
  .p-left-sm-170 {
    padding-left: 170px;
  }
  .p-left-sm-180 {
    padding-left: 180px;
  }
  .p-left-sm-190 {
    padding-left: 190px;
  }
  .p-left-sm-200 {
    padding-left: 200px;
  }
  .p-right-sm-0 {
    padding-right: 0;
  }
  .p-right-sm-5 {
    padding-right: 5px;
  }
  .p-right-sm-10 {
    padding-right: 10px;
  }
  .p-right-sm-20 {
    padding-right: 20px;
  }
  .p-right-sm-30 {
    padding-right: 30px;
  }
  .p-right-sm-40 {
    padding-right: 40px;
  }
  .p-right-sm-50 {
    padding-right: 50px;
  }
  .p-right-sm-60 {
    padding-right: 60px;
  }
  .p-right-sm-70 {
    padding-right: 70px;
  }
  .p-right-sm-80 {
    padding-right: 80px;
  }
  .p-right-sm-90 {
    padding-right: 90px;
  }
  .p-right-sm-100 {
    padding-right: 100px;
  }
  .p-right-sm-110 {
    padding-right: 110px;
  }
  .p-right-sm-120 {
    padding-right: 120px;
  }
  .p-right-sm-130 {
    padding-right: 130px;
  }
  .p-right-sm-140 {
    padding-right: 140px;
  }
  .p-right-sm-150 {
    padding-right: 150px;
  }
  .p-right-sm-160 {
    padding-right: 160px;
  }
  .p-right-sm-170 {
    padding-right: 170px;
  }
  .p-right-sm-180 {
    padding-right: 180px;
  }
  .p-right-sm-190 {
    padding-right: 190px;
  }
  .p-right-sm-200 {
    padding-right: 200px;
  }
}

@media (min-width: 992px) {
  .p-top-md-0 {
    padding-top: 0;
  }
  .p-top-md-5 {
    padding-top: 5px;
  }
  .p-top-md-10 {
    padding-top: 10px;
  }
  .p-top-md-20 {
    padding-top: 20px;
  }
  .p-top-md-30 {
    padding-top: 30px;
  }
  .p-top-md-40 {
    padding-top: 40px;
  }
  .p-top-md-50 {
    padding-top: 50px;
  }
  .p-top-md-60 {
    padding-top: 60px;
  }
  .p-top-md-70 {
    padding-top: 70px;
  }
  .p-top-md-80 {
    padding-top: 80px;
  }
  .p-top-md-90 {
    padding-top: 90px;
  }
  .p-top-md-100 {
    padding-top: 100px;
  }
  .p-top-md-110 {
    padding-top: 110px;
  }
  .p-top-md-120 {
    padding-top: 120px;
  }
  .p-top-md-130 {
    padding-top: 130px;
  }
  .p-top-md-140 {
    padding-top: 140px;
  }
  .p-top-md-150 {
    padding-top: 150px;
  }
  .p-top-md-160 {
    padding-top: 160px;
  }
  .p-top-md-170 {
    padding-top: 170px;
  }
  .p-top-md-180 {
    padding-top: 180px;
  }
  .p-top-md-190 {
    padding-top: 190px;
  }
  .p-top-md-200 {
    padding-top: 200px;
  }
  .p-bottom-md-0 {
    padding-bottom: 0;
  }
  .p-bottom-md-5 {
    padding-bottom: 5px;
  }
  .p-bottom-md-10 {
    padding-bottom: 10px;
  }
  .p-bottom-md-20 {
    padding-bottom: 20px;
  }
  .p-bottom-md-30 {
    padding-bottom: 30px;
  }
  .p-bottom-md-40 {
    padding-bottom: 40px;
  }
  .p-bottom-md-50 {
    padding-bottom: 50px;
  }
  .p-bottom-md-60 {
    padding-bottom: 60px;
  }
  .p-bottom-md-70 {
    padding-bottom: 70px;
  }
  .p-bottom-md-80 {
    padding-bottom: 80px;
  }
  .p-bottom-md-90 {
    padding-bottom: 90px;
  }
  .p-bottom-md-100 {
    padding-bottom: 100px;
  }
  .p-bottom-md-110 {
    padding-bottom: 110px;
  }
  .p-bottom-md-120 {
    padding-bottom: 120px;
  }
  .p-bottom-md-130 {
    padding-bottom: 130px;
  }
  .p-bottom-md-140 {
    padding-bottom: 140px;
  }
  .p-bottom-md-150 {
    padding-bottom: 150px;
  }
  .p-bottom-md-160 {
    padding-bottom: 160px;
  }
  .p-bottom-md-170 {
    padding-bottom: 170px;
  }
  .p-bottom-md-180 {
    padding-bottom: 180px;
  }
  .p-bottom-md-190 {
    padding-bottom: 190px;
  }
  .p-bottom-md-200 {
    padding-bottom: 200px;
  }
  .p-left-md-0 {
    padding-left: 0;
  }
  .p-left-md-5 {
    padding-left: 5px;
  }
  .p-left-md-10 {
    padding-left: 10px;
  }
  .p-left-md-20 {
    padding-left: 20px;
  }
  .p-left-md-30 {
    padding-left: 30px;
  }
  .p-left-md-40 {
    padding-left: 40px;
  }
  .p-left-md-50 {
    padding-left: 50px;
  }
  .p-left-md-60 {
    padding-left: 60px;
  }
  .p-left-md-70 {
    padding-left: 70px;
  }
  .p-left-md-80 {
    padding-left: 80px;
  }
  .p-left-md-90 {
    padding-left: 90px;
  }
  .p-left-md-100 {
    padding-left: 100px;
  }
  .p-left-md-110 {
    padding-left: 110px;
  }
  .p-left-md-120 {
    padding-left: 120px;
  }
  .p-left-md-130 {
    padding-left: 130px;
  }
  .p-left-md-140 {
    padding-left: 140px;
  }
  .p-left-md-150 {
    padding-left: 150px;
  }
  .p-left-md-160 {
    padding-left: 160px;
  }
  .p-left-md-170 {
    padding-left: 170px;
  }
  .p-left-md-180 {
    padding-left: 180px;
  }
  .p-left-md-190 {
    padding-left: 190px;
  }
  .p-left-md-200 {
    padding-left: 200px;
  }
  .p-right-md-0 {
    padding-right: 0;
  }
  .p-right-md-5 {
    padding-right: 5px;
  }
  .p-right-md-10 {
    padding-right: 10px;
  }
  .p-right-md-20 {
    padding-right: 20px;
  }
  .p-right-md-30 {
    padding-right: 30px;
  }
  .p-right-md-40 {
    padding-right: 40px;
  }
  .p-right-md-50 {
    padding-right: 50px;
  }
  .p-right-md-60 {
    padding-right: 60px;
  }
  .p-right-md-70 {
    padding-right: 70px;
  }
  .p-right-md-80 {
    padding-right: 80px;
  }
  .p-right-md-90 {
    padding-right: 90px;
  }
  .p-right-md-100 {
    padding-right: 100px;
  }
  .p-right-md-110 {
    padding-right: 110px;
  }
  .p-right-md-120 {
    padding-right: 120px;
  }
  .p-right-md-130 {
    padding-right: 130px;
  }
  .p-right-md-140 {
    padding-right: 140px;
  }
  .p-right-md-150 {
    padding-right: 150px;
  }
  .p-right-md-160 {
    padding-right: 160px;
  }
  .p-right-md-170 {
    padding-right: 170px;
  }
  .p-right-md-180 {
    padding-right: 180px;
  }
  .p-right-md-190 {
    padding-right: 190px;
  }
  .p-right-md-200 {
    padding-right: 200px;
  }
}

@media (min-width: 1200px) {
  .p-top-lg-0 {
    padding-top: 0;
  }
  .p-top-lg-5 {
    padding-top: 5px;
  }
  .p-top-lg-10 {
    padding-top: 10px;
  }
  .p-top-lg-20 {
    padding-top: 20px;
  }
  .p-top-lg-30 {
    padding-top: 30px;
  }
  .p-top-lg-40 {
    padding-top: 40px;
  }
  .p-top-lg-50 {
    padding-top: 50px;
  }
  .p-top-lg-60 {
    padding-top: 60px;
  }
  .p-top-lg-70 {
    padding-top: 70px;
  }
  .p-top-lg-80 {
    padding-top: 80px;
  }
  .p-top-lg-90 {
    padding-top: 90px;
  }
  .p-top-lg-100 {
    padding-top: 100px;
  }
  .p-top-lg-110 {
    padding-top: 110px;
  }
  .p-top-lg-120 {
    padding-top: 120px;
  }
  .p-top-lg-130 {
    padding-top: 130px;
  }
  .p-top-lg-140 {
    padding-top: 140px;
  }
  .p-top-lg-150 {
    padding-top: 150px;
  }
  .p-top-lg-160 {
    padding-top: 160px;
  }
  .p-top-lg-170 {
    padding-top: 170px;
  }
  .p-top-lg-180 {
    padding-top: 180px;
  }
  .p-top-lg-190 {
    padding-top: 190px;
  }
  .p-top-lg-200 {
    padding-top: 200px;
  }
  .p-bottom-lg-0 {
    padding-bottom: 0;
  }
  .p-bottom-lg-5 {
    padding-bottom: 5px;
  }
  .p-bottom-lg-10 {
    padding-bottom: 10px;
  }
  .p-bottom-lg-20 {
    padding-bottom: 20px;
  }
  .p-bottom-lg-30 {
    padding-bottom: 30px;
  }
  .p-bottom-lg-40 {
    padding-bottom: 40px;
  }
  .p-bottom-lg-50 {
    padding-bottom: 50px;
  }
  .p-bottom-lg-60 {
    padding-bottom: 60px;
  }
  .p-bottom-lg-70 {
    padding-bottom: 70px;
  }
  .p-bottom-lg-80 {
    padding-bottom: 80px;
  }
  .p-bottom-lg-90 {
    padding-bottom: 90px;
  }
  .p-bottom-lg-100 {
    padding-bottom: 100px;
  }
  .p-bottom-lg-110 {
    padding-bottom: 110px;
  }
  .p-bottom-lg-120 {
    padding-bottom: 120px;
  }
  .p-bottom-lg-130 {
    padding-bottom: 130px;
  }
  .p-bottom-lg-140 {
    padding-bottom: 140px;
  }
  .p-bottom-lg-150 {
    padding-bottom: 150px;
  }
  .p-bottom-lg-160 {
    padding-bottom: 160px;
  }
  .p-bottom-lg-170 {
    padding-bottom: 170px;
  }
  .p-bottom-lg-180 {
    padding-bottom: 180px;
  }
  .p-bottom-lg-190 {
    padding-bottom: 190px;
  }
  .p-bottom-lg-200 {
    padding-bottom: 200px;
  }
  .p-left-lg-0 {
    padding-left: 0;
  }
  .p-left-lg-5 {
    padding-left: 5px;
  }
  .p-left-lg-10 {
    padding-left: 10px;
  }
  .p-left-lg-20 {
    padding-left: 20px;
  }
  .p-left-lg-30 {
    padding-left: 30px;
  }
  .p-left-lg-40 {
    padding-left: 40px;
  }
  .p-left-lg-50 {
    padding-left: 50px;
  }
  .p-left-lg-60 {
    padding-left: 60px;
  }
  .p-left-lg-70 {
    padding-left: 70px;
  }
  .p-left-lg-80 {
    padding-left: 80px;
  }
  .p-left-lg-90 {
    padding-left: 90px;
  }
  .p-left-lg-100 {
    padding-left: 100px;
  }
  .p-left-lg-110 {
    padding-left: 110px;
  }
  .p-left-lg-120 {
    padding-left: 120px;
  }
  .p-left-lg-130 {
    padding-left: 130px;
  }
  .p-left-lg-140 {
    padding-left: 140px;
  }
  .p-left-lg-150 {
    padding-left: 150px;
  }
  .p-left-lg-160 {
    padding-left: 160px;
  }
  .p-left-lg-170 {
    padding-left: 170px;
  }
  .p-left-lg-180 {
    padding-left: 180px;
  }
  .p-left-lg-190 {
    padding-left: 190px;
  }
  .p-left-lg-200 {
    padding-left: 200px;
  }
  .p-right-lg-0 {
    padding-right: 0;
  }
  .p-right-lg-5 {
    padding-right: 5px;
  }
  .p-right-lg-10 {
    padding-right: 10px;
  }
  .p-right-lg-20 {
    padding-right: 20px;
  }
  .p-right-lg-30 {
    padding-right: 30px;
  }
  .p-right-lg-40 {
    padding-right: 40px;
  }
  .p-right-lg-50 {
    padding-right: 50px;
  }
  .p-right-lg-60 {
    padding-right: 60px;
  }
  .p-right-lg-70 {
    padding-right: 70px;
  }
  .p-right-lg-80 {
    padding-right: 80px;
  }
  .p-right-lg-90 {
    padding-right: 90px;
  }
  .p-right-lg-100 {
    padding-right: 100px;
  }
  .p-right-lg-110 {
    padding-right: 110px;
  }
  .p-right-lg-120 {
    padding-right: 120px;
  }
  .p-right-lg-130 {
    padding-right: 130px;
  }
  .p-right-lg-140 {
    padding-right: 140px;
  }
  .p-right-lg-150 {
    padding-right: 150px;
  }
  .p-right-lg-160 {
    padding-right: 160px;
  }
  .p-right-lg-170 {
    padding-right: 170px;
  }
  .p-right-lg-180 {
    padding-right: 180px;
  }
  .p-right-lg-190 {
    padding-right: 190px;
  }
  .p-right-lg-200 {
    padding-right: 200px;
  }
}
    </style>
    <style>
      /* -------------------
THEME - GREEN
---------------------- */
@media (min-width: 1200px) {
  .tp--col-lg-vertical-align {
    font-size: 0;
  }
  .tp--col-lg-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-lg-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 992px) {
  .tp--col-md-vertical-align {
    font-size: 0;
  }
  .tp--col-md-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-md-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 768px) {
  .tp--col-sm-vertical-align {
    font-size: 0;
  }
  .tp--col-sm-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-sm-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 480px) {
  .tp--col-xs-vertical-align {
    font-size: 0;
  }
  .tp--col-xs-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-xs-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

@media (min-width: 320px) {
  .tp--col-xxs-vertical-align {
    font-size: 0;
  }
  .tp--col-xxs-vertical-align [class*=col-] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .tp--col-xxs-vertical-align.tp--vertical-align-intro [class*=col-] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    display: block;
    float: left;
    margin-top: -50px;
  }
}

body {
  color: #7d8a93 !important;
}

a {
  color: #4d565d;
}

a:hover {
  color: #2a3033;
}

.tp--preloader .tp--spinner .loader-inner div {
  background-color: #21DEAB;
}

.label-primary {
  background-color: #21DEAB !important;
}

.btn-primary {
  background-color: #21DEAB !important;
  border-color: #21DEAB !important;
}

.btn-primary:hover {
  background-color: #1ec89a !important;
  border-color: #1ec89a !important;
}

.btn-primary.btn-empty {
  background-color: transparent !important;
}

.btn-cta {
  background-color: #21DEAB !important;
  border-color: #21DEAB !important;
}

.btn-cta:hover {
  background-color: #1ec89a !important;
  border-color: #1ec89a !important;
}

.tp--section-light {
  background-color: #f5faff !important;
}

.tp--section-dark {
  background-color: #21DEAB !important;
  background: #21DEAB !important;
  background: -webkit-linear-gradient(top, #21DEAB, #4de5bc) !important;
  background: linear-gradient(to bottom, #21DEAB, #4de5bc) !important;
}

#intro.tp--intro-dark {
  background-color: #21DEAB !important;
}

.tp--section.tp--diagonal:before {
  background-color: #f5faff !important;
}

.tp--section.tp--diagonal.tp--section-dark {
  background: none !important;
}

.tp--section.tp--diagonal.tp--section-dark:before {
  background-color: #21DEAB !important;
}

.tp--section.tp--diagonal.tp--section-light {
  background: none !important;
}

.tp--section.tp--diagonal.tp--section-light:before {
  background-color: #f5faff !important;
}

.tp--gradient-1 {
  background: #000046 !important;
  background: -webkit-linear-gradient(right, #000046, #1CB5E0) !important;
  background: linear-gradient(to left, #000046, #1CB5E0) !important;
}

.tp--gradient-1 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #00003c, #1baed7);
  background: linear-gradient(to left, #00003c, #1baed7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-1.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-1.tp--section.tp--diagonal:before {
  background: #000046 !important;
  background: -webkit-linear-gradient(right, #000046, #1CB5E0) !important;
  background: linear-gradient(to left, #000046, #1CB5E0) !important;
}

.tp--gradient-2 {
  background: #007991 !important;
  background: -webkit-linear-gradient(right, #007991, #78ffd6) !important;
  background: linear-gradient(to left, #007991, #78ffd6) !important;
}

.tp--gradient-2 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #007087, #6effd3);
  background: linear-gradient(to left, #007087, #6effd3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-2.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-2.tp--section.tp--diagonal:before {
  background: #007991 !important;
  background: -webkit-linear-gradient(right, #007991, #78ffd6) !important;
  background: linear-gradient(to left, #007991, #78ffd6) !important;
}

.tp--gradient-3 {
  background: #56CCF2 !important;
  background: -webkit-linear-gradient(right, #56CCF2, #2F80ED) !important;
  background: linear-gradient(to left, #56CCF2, #2F80ED) !important;
}

.tp--gradient-3 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #4dc9f1, #267aec);
  background: linear-gradient(to left, #4dc9f1, #267aec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-3.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-3.tp--section.tp--diagonal:before {
  background: #56CCF2 !important;
  background: -webkit-linear-gradient(right, #56CCF2, #2F80ED) !important;
  background: linear-gradient(to left, #56CCF2, #2F80ED) !important;
}

.tp--gradient-4 {
  background: #F2994A !important;
  background: -webkit-linear-gradient(right, #F2994A, #F2C94C) !important;
  background: linear-gradient(to left, #F2994A, #F2C94C) !important;
}

.tp--gradient-4 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #f19440, #f1c642);
  background: linear-gradient(to left, #f19440, #f1c642);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-4.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-4.tp--section.tp--diagonal:before {
  background: #F2994A !important;
  background: -webkit-linear-gradient(right, #F2994A, #F2C94C) !important;
  background: linear-gradient(to left, #F2994A, #F2C94C) !important;
}

.tp--gradient-5 {
  background: #D66D75 !important;
  background: -webkit-linear-gradient(right, #D66D75, #E29587) !important;
  background: linear-gradient(to left, #D66D75, #E29587) !important;
}

.tp--gradient-5 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #d4656d, #e08e7f);
  background: linear-gradient(to left, #d4656d, #e08e7f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-5.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-5.tp--section.tp--diagonal:before {
  background: #D66D75 !important;
  background: -webkit-linear-gradient(right, #D66D75, #E29587) !important;
  background: linear-gradient(to left, #D66D75, #E29587) !important;
}

.tp--gradient-6 {
  background: #20002c !important;
  background: -webkit-linear-gradient(right, #20002c, #cbb4d4) !important;
  background: linear-gradient(to left, #20002c, #cbb4d4) !important;
}

.tp--gradient-6 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #190022, #c7aed0);
  background: linear-gradient(to left, #190022, #c7aed0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-6.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-6.tp--section.tp--diagonal:before {
  background: #20002c !important;
  background: -webkit-linear-gradient(right, #20002c, #cbb4d4) !important;
  background: linear-gradient(to left, #20002c, #cbb4d4) !important;
}

.tp--gradient-7 {
  background: #6190E8 !important;
  background: -webkit-linear-gradient(right, #6190E8, #A7BFE8) !important;
  background: linear-gradient(to left, #6190E8, #A7BFE8) !important;
}

.tp--gradient-7 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #588ae7, #9fb9e6);
  background: linear-gradient(to left, #588ae7, #9fb9e6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-7.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-7.tp--section.tp--diagonal:before {
  background: #6190E8 !important;
  background: -webkit-linear-gradient(right, #6190E8, #A7BFE8) !important;
  background: linear-gradient(to left, #6190E8, #A7BFE8) !important;
}

.tp--gradient-8 {
  background: #44A08D !important;
  background: -webkit-linear-gradient(right, #44A08D, #093637) !important;
  background: linear-gradient(to left, #44A08D, #093637) !important;
}

.tp--gradient-8 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #419987, #082d2e);
  background: linear-gradient(to left, #419987, #082d2e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-8.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-8.tp--section.tp--diagonal:before {
  background: #44A08D !important;
  background: -webkit-linear-gradient(right, #44A08D, #093637) !important;
  background: linear-gradient(to left, #44A08D, #093637) !important;
}

.tp--gradient-9 {
  background: #4568DC !important;
  background: -webkit-linear-gradient(right, #4568DC, #B06AB3) !important;
  background: linear-gradient(to left, #4568DC, #B06AB3) !important;
}

.tp--gradient-9 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #3c61da, #ac63b0);
  background: linear-gradient(to left, #3c61da, #ac63b0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-9.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-9.tp--section.tp--diagonal:before {
  background: #4568DC !important;
  background: -webkit-linear-gradient(right, #4568DC, #B06AB3) !important;
  background: linear-gradient(to left, #4568DC, #B06AB3) !important;
}

.tp--gradient-10 {
  background: #F0F2F0 !important;
  background: -webkit-linear-gradient(right, #F0F2F0, #000C40) !important;
  background: linear-gradient(to left, #F0F2F0, #000C40) !important;
}

.tp--gradient-10 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #ebedeb, #000a36);
  background: linear-gradient(to left, #ebedeb, #000a36);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-10.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-10.tp--section.tp--diagonal:before {
  background: #F0F2F0 !important;
  background: -webkit-linear-gradient(right, #F0F2F0, #000C40) !important;
  background: linear-gradient(to left, #F0F2F0, #000C40) !important;
}

.tp--gradient-11 {
  background: #E8CBC0 !important;
  background: -webkit-linear-gradient(right, #E8CBC0, #636FA4) !important;
  background: linear-gradient(to left, #E8CBC0, #636FA4) !important;
}

.tp--gradient-11 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #e5c5b9, #5d69a0);
  background: linear-gradient(to left, #e5c5b9, #5d69a0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-11.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-11.tp--section.tp--diagonal:before {
  background: #E8CBC0 !important;
  background: -webkit-linear-gradient(right, #E8CBC0, #636FA4) !important;
  background: linear-gradient(to left, #E8CBC0, #636FA4) !important;
}

.tp--gradient-12 {
  background: #67B26F !important;
  background: -webkit-linear-gradient(right, #67B26F, #4ca2cd) !important;
  background: linear-gradient(to left, #67B26F, #4ca2cd) !important;
}

.tp--gradient-12 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #60af69, #449ecb);
  background: linear-gradient(to left, #60af69, #449ecb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-12.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-12.tp--section.tp--diagonal:before {
  background: #67B26F !important;
  background: -webkit-linear-gradient(right, #67B26F, #4ca2cd) !important;
  background: linear-gradient(to left, #67B26F, #4ca2cd) !important;
}

.tp--gradient-13 {
  background: #56ab2f !important;
  background: -webkit-linear-gradient(right, #56ab2f, #a8e063) !important;
  background: linear-gradient(to left, #56ab2f, #a8e063) !important;
}

.tp--gradient-13 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #52a32d, #a3de5a);
  background: linear-gradient(to left, #52a32d, #a3de5a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-13.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-13.tp--section.tp--diagonal:before {
  background: #56ab2f !important;
  background: -webkit-linear-gradient(right, #56ab2f, #a8e063) !important;
  background: linear-gradient(to left, #56ab2f, #a8e063) !important;
}

.tp--gradient-14 {
  background: #2C3E50 !important;
  background: -webkit-linear-gradient(right, #2C3E50, #4CA1AF) !important;
  background: linear-gradient(to left, #2C3E50, #4CA1AF) !important;
}

.tp--gradient-14 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #283949, #499aa8);
  background: linear-gradient(to left, #283949, #499aa8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-14.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-14.tp--section.tp--diagonal:before {
  background: #2C3E50 !important;
  background: -webkit-linear-gradient(right, #2C3E50, #4CA1AF) !important;
  background: linear-gradient(to left, #2C3E50, #4CA1AF) !important;
}

.tp--gradient-15 {
  background: #3a7bd5 !important;
  background: -webkit-linear-gradient(right, #3a7bd5, #3a6073) !important;
  background: linear-gradient(to left, #3a7bd5, #3a6073) !important;
}

.tp--gradient-15 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #3275d3, #375a6c);
  background: linear-gradient(to left, #3275d3, #375a6c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-15.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-15.tp--section.tp--diagonal:before {
  background: #3a7bd5 !important;
  background: -webkit-linear-gradient(right, #3a7bd5, #3a6073) !important;
  background: linear-gradient(to left, #3a7bd5, #3a6073) !important;
}

.tp--gradient-16 {
  background: #457fca !important;
  background: -webkit-linear-gradient(right, #457fca, #5691c8) !important;
  background: linear-gradient(to left, #457fca, #5691c8) !important;
}

.tp--gradient-16 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #3d7ac8, #4e8cc5);
  background: linear-gradient(to left, #3d7ac8, #4e8cc5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-16.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-16.tp--section.tp--diagonal:before {
  background: #457fca !important;
  background: -webkit-linear-gradient(right, #457fca, #5691c8) !important;
  background: linear-gradient(to left, #457fca, #5691c8) !important;
}

.tp--gradient-17 {
  background: #43cea2 !important;
  background: -webkit-linear-gradient(right, #43cea2, #185a9d) !important;
  background: linear-gradient(to left, #43cea2, #185a9d) !important;
}

.tp--gradient-17 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #3bcc9e, #175594);
  background: linear-gradient(to left, #3bcc9e, #175594);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-17.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-17.tp--section.tp--diagonal:before {
  background: #43cea2 !important;
  background: -webkit-linear-gradient(right, #43cea2, #185a9d) !important;
  background: linear-gradient(to left, #43cea2, #185a9d) !important;
}

.tp--gradient-18 {
  background: #485563 !important;
  background: -webkit-linear-gradient(right, #485563, #29323c) !important;
  background: linear-gradient(to left, #485563, #29323c) !important;
}

.tp--gradient-18 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #44505d, #252d36);
  background: linear-gradient(to left, #44505d, #252d36);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-18.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-18.tp--section.tp--diagonal:before {
  background: #485563 !important;
  background: -webkit-linear-gradient(right, #485563, #29323c) !important;
  background: linear-gradient(to left, #485563, #29323c) !important;
}

.tp--gradient-19 {
  background: #00d2ff !important;
  background: -webkit-linear-gradient(right, #00d2ff, #3a7bd5) !important;
  background: linear-gradient(to left, #00d2ff, #3a7bd5) !important;
}

.tp--gradient-19 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #00caf5, #3275d3);
  background: linear-gradient(to left, #00caf5, #3275d3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-19.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-19.tp--section.tp--diagonal:before {
  background: #00d2ff !important;
  background: -webkit-linear-gradient(right, #00d2ff, #3a7bd5) !important;
  background: linear-gradient(to left, #00d2ff, #3a7bd5) !important;
}

.tp--gradient-20 {
  background: #4776E6 !important;
  background: -webkit-linear-gradient(right, #4776E6, #8E54E9) !important;
  background: linear-gradient(to left, #4776E6, #8E54E9) !important;
}

.tp--gradient-20 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #3e6fe5, #884be8);
  background: linear-gradient(to left, #3e6fe5, #884be8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-20.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-20.tp--section.tp--diagonal:before {
  background: #4776E6 !important;
  background: -webkit-linear-gradient(right, #4776E6, #8E54E9) !important;
  background: linear-gradient(to left, #4776E6, #8E54E9) !important;
}

.tp--gradient-21 {
  background: #283048 !important;
  background: -webkit-linear-gradient(right, #283048, #859398) !important;
  background: linear-gradient(to left, #283048, #859398) !important;
}

.tp--gradient-21 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #242c41, #7f8e93);
  background: linear-gradient(to left, #242c41, #7f8e93);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-21.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-21.tp--section.tp--diagonal:before {
  background: #283048 !important;
  background: -webkit-linear-gradient(right, #283048, #859398) !important;
  background: linear-gradient(to left, #283048, #859398) !important;
}

.tp--gradient-22 {
  background: #232526 !important;
  background: -webkit-linear-gradient(right, #232526, #414345) !important;
  background: linear-gradient(to left, #232526, #414345) !important;
}

.tp--gradient-22 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #1e2021, #3c3e40);
  background: linear-gradient(to left, #1e2021, #3c3e40);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-22.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-22.tp--section.tp--diagonal:before {
  background: #232526 !important;
  background: -webkit-linear-gradient(right, #232526, #414345) !important;
  background: linear-gradient(to left, #232526, #414345) !important;
}

.tp--section .page-header i {
  background: #179b78 !important;
  background: -webkit-linear-gradient(top, #179b78, #37e1b3) !important;
  background: linear-gradient(to bottom, #179b78, #37e1b3) !important;
  color: white;
}

.tp--section .page-header i.tp--background-white {
  background: #148567 !important;
  background: -webkit-linear-gradient(top, #148567, #21DEAB) !important;
  background: linear-gradient(to bottom, #148567, #21DEAB) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  position: relative;
}

.tp--section .page-header i.tp--background-white:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: white;
  left: 0;
  top: 0;
  border-radius: 50%;
  z-index: -1;
}

.tp--section .page-header.tp--title-overlay h2:before {
  color: whitesmoke !important;
}

.tp--section.tp--section-light .page-header.tp--title-overlay h2:before {
  color: #e6f2ff !important;
}

.tp--section.tp--section-dark .page-header.tp--title-overlay h2:before {
  color: #20d5a4 !important;
}

.is-IE [class*=tp--gradient-] .page-header.tp--title-overlay h2::before {
  content: '';
  background: none;
}

.is-IE .tp--section .page-header i.tp--background-white {
  background: white !important;
  color: #21DEAB !important;
}

.tp--icon-coloured {
  color: #21DEAB !important;
}

.tp--icon-gradient {
  color: #21DEAB;
  background: -webkit-gradient(linear, left top, left bottom, from(#148567), to(#21DEAB));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--feature .tp--icon-wrapper i.tp--background-white {
  color: #21DEAB;
  background: -webkit-gradient(linear, left top, left bottom, from(#148567), to(#21DEAB));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  width: 55px;
  height: 55px;
  line-height: 55px !important;
  display: inline-block;
}

.tp--feature .tp--icon-wrapper i.tp--background-white:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: white;
  left: 0;
  top: 0;
  border-radius: 50%;
  z-index: -1;
}

.tp--pricing.tp--pricing-1 .plans .plan.featured:before {
  background: #21DEAB;
}

.tp--pricing.tp--pricing-1 .plans .plan .plan-cta .btn-primary {
  background-color: #21DEAB !important;
  color: white !important;
}

.tp--team-2.tp--section-dark .item:hover {
  background-color: #1ecc9d !important;
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item--current .tp--menu-link {
  color: #21DEAB;
}

.tp--portfolio .tp--portfolio-filters .tp--menu-list .tp--menu-item--current .tp--menu-link:focus {
  color: #21DEAB;
}

.tp--portfolio .tp--portfolio-filters .tp--menu-line:after {
  background: #21DEAB;
}

.tp--portfolio.tp--section-dark .tp--portfolio-filters .tp--menu-list .tp--menu-item .tp--menu-link {
  opacity: 0.7;
}

.tp--portfolio.tp--section-dark .tp--portfolio-filters .tp--menu-list .tp--menu-item .tp--menu-link:focus {
  opacity: 1;
}

.tp--portfolio.tp--section-dark .tp--portfolio-filters .tp--menu-list .tp--menu-item .tp--menu-link:hover {
  color: white;
  opacity: 1;
}

.tp--portfolio.tp--section-dark .tp--portfolio-filters .tp--menu-list .tp--menu-item--current .tp--menu-link {
  color: white;
  opacity: 1;
}

.tp--portfolio.tp--section-dark .tp--portfolio-filters .tp--menu-list .tp--menu-item--current .tp--menu-link:focus {
  color: white;
}

.tp--portfolio.tp--section-dark .tp--portfolio-filters .tp--menu-line:after {
  background: white;
}

.tp--authentication .form-authentication .form-group i {
  color: #21DEAB;
}

.tp--authentication .form-authentication button[type='submit'],
.tp--authentication .form-authentication input[type='submit'] {
  background: #21DEAB;
}

.tp--authentication .form-authentication button[type='submit']:hover,
.tp--authentication .form-authentication input[type='submit']:hover {
  background: #1ab289;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: #eaeaea;
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #4de5bc;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #4de5bc;
}

.tp--section-dark .owl-theme .owl-dots .owl-dot span {
  background-color: #7aebcd;
}

.tp--section-dark .owl-theme .owl-dots .owl-dot.active span {
  background-color: white;
}

.tp--section-dark .owl-theme .owl-dots .owl-dot:hover span {
  background-color: white;
}
    </style>
    <style>
      @font-face {
  font-family: 'simple-line-icons';
  src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');
  src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 Use the following CSS code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
*/
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
  font-family: 'simple-line-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
  content: "\e005";
}
.icon-people:before {
  content: "\e001";
}
.icon-user-female:before {
  content: "\e000";
}
.icon-user-follow:before {
  content: "\e002";
}
.icon-user-following:before {
  content: "\e003";
}
.icon-user-unfollow:before {
  content: "\e004";
}
.icon-login:before {
  content: "\e066";
}
.icon-logout:before {
  content: "\e065";
}
.icon-emotsmile:before {
  content: "\e021";
}
.icon-phone:before {
  content: "\e600";
}
.icon-call-end:before {
  content: "\e048";
}
.icon-call-in:before {
  content: "\e047";
}
.icon-call-out:before {
  content: "\e046";
}
.icon-map:before {
  content: "\e033";
}
.icon-location-pin:before {
  content: "\e096";
}
.icon-direction:before {
  content: "\e042";
}
.icon-directions:before {
  content: "\e041";
}
.icon-compass:before {
  content: "\e045";
}
.icon-layers:before {
  content: "\e034";
}
.icon-menu:before {
  content: "\e601";
}
.icon-list:before {
  content: "\e067";
}
.icon-options-vertical:before {
  content: "\e602";
}
.icon-options:before {
  content: "\e603";
}
.icon-arrow-down:before {
  content: "\e604";
}
.icon-arrow-left:before {
  content: "\e605";
}
.icon-arrow-right:before {
  content: "\e606";
}
.icon-arrow-up:before {
  content: "\e607";
}
.icon-arrow-up-circle:before {
  content: "\e078";
}
.icon-arrow-left-circle:before {
  content: "\e07a";
}
.icon-arrow-right-circle:before {
  content: "\e079";
}
.icon-arrow-down-circle:before {
  content: "\e07b";
}
.icon-check:before {
  content: "\e080";
}
.icon-clock:before {
  content: "\e081";
}
.icon-plus:before {
  content: "\e095";
}
.icon-minus:before {
  content: "\e615";
}
.icon-close:before {
  content: "\e082";
}
.icon-event:before {
  content: "\e619";
}
.icon-exclamation:before {
  content: "\e617";
}
.icon-organization:before {
  content: "\e616";
}
.icon-trophy:before {
  content: "\e006";
}
.icon-screen-smartphone:before {
  content: "\e010";
}
.icon-screen-desktop:before {
  content: "\e011";
}
.icon-plane:before {
  content: "\e012";
}
.icon-notebook:before {
  content: "\e013";
}
.icon-mustache:before {
  content: "\e014";
}
.icon-mouse:before {
  content: "\e015";
}
.icon-magnet:before {
  content: "\e016";
}
.icon-energy:before {
  content: "\e020";
}
.icon-disc:before {
  content: "\e022";
}
.icon-cursor:before {
  content: "\e06e";
}
.icon-cursor-move:before {
  content: "\e023";
}
.icon-crop:before {
  content: "\e024";
}
.icon-chemistry:before {
  content: "\e026";
}
.icon-speedometer:before {
  content: "\e007";
}
.icon-shield:before {
  content: "\e00e";
}
.icon-screen-tablet:before {
  content: "\e00f";
}
.icon-magic-wand:before {
  content: "\e017";
}
.icon-hourglass:before {
  content: "\e018";
}
.icon-graduation:before {
  content: "\e019";
}
.icon-ghost:before {
  content: "\e01a";
}
.icon-game-controller:before {
  content: "\e01b";
}
.icon-fire:before {
  content: "\e01c";
}
.icon-eyeglass:before {
  content: "\e01d";
}
.icon-envelope-open:before {
  content: "\e01e";
}
.icon-envelope-letter:before {
  content: "\e01f";
}
.icon-bell:before {
  content: "\e027";
}
.icon-badge:before {
  content: "\e028";
}
.icon-anchor:before {
  content: "\e029";
}
.icon-wallet:before {
  content: "\e02a";
}
.icon-vector:before {
  content: "\e02b";
}
.icon-speech:before {
  content: "\e02c";
}
.icon-puzzle:before {
  content: "\e02d";
}
.icon-printer:before {
  content: "\e02e";
}
.icon-present:before {
  content: "\e02f";
}
.icon-playlist:before {
  content: "\e030";
}
.icon-pin:before {
  content: "\e031";
}
.icon-picture:before {
  content: "\e032";
}
.icon-handbag:before {
  content: "\e035";
}
.icon-globe-alt:before {
  content: "\e036";
}
.icon-globe:before {
  content: "\e037";
}
.icon-folder-alt:before {
  content: "\e039";
}
.icon-folder:before {
  content: "\e089";
}
.icon-film:before {
  content: "\e03a";
}
.icon-feed:before {
  content: "\e03b";
}
.icon-drop:before {
  content: "\e03e";
}
.icon-drawer:before {
  content: "\e03f";
}
.icon-docs:before {
  content: "\e040";
}
.icon-doc:before {
  content: "\e085";
}
.icon-diamond:before {
  content: "\e043";
}
.icon-cup:before {
  content: "\e044";
}
.icon-calculator:before {
  content: "\e049";
}
.icon-bubbles:before {
  content: "\e04a";
}
.icon-briefcase:before {
  content: "\e04b";
}
.icon-book-open:before {
  content: "\e04c";
}
.icon-basket-loaded:before {
  content: "\e04d";
}
.icon-basket:before {
  content: "\e04e";
}
.icon-bag:before {
  content: "\e04f";
}
.icon-action-undo:before {
  content: "\e050";
}
.icon-action-redo:before {
  content: "\e051";
}
.icon-wrench:before {
  content: "\e052";
}
.icon-umbrella:before {
  content: "\e053";
}
.icon-trash:before {
  content: "\e054";
}
.icon-tag:before {
  content: "\e055";
}
.icon-support:before {
  content: "\e056";
}
.icon-frame:before {
  content: "\e038";
}
.icon-size-fullscreen:before {
  content: "\e057";
}
.icon-size-actual:before {
  content: "\e058";
}
.icon-shuffle:before {
  content: "\e059";
}
.icon-share-alt:before {
  content: "\e05a";
}
.icon-share:before {
  content: "\e05b";
}
.icon-rocket:before {
  content: "\e05c";
}
.icon-question:before {
  content: "\e05d";
}
.icon-pie-chart:before {
  content: "\e05e";
}
.icon-pencil:before {
  content: "\e05f";
}
.icon-note:before {
  content: "\e060";
}
.icon-loop:before {
  content: "\e064";
}
.icon-home:before {
  content: "\e069";
}
.icon-grid:before {
  content: "\e06a";
}
.icon-graph:before {
  content: "\e06b";
}
.icon-microphone:before {
  content: "\e063";
}
.icon-music-tone-alt:before {
  content: "\e061";
}
.icon-music-tone:before {
  content: "\e062";
}
.icon-earphones-alt:before {
  content: "\e03c";
}
.icon-earphones:before {
  content: "\e03d";
}
.icon-equalizer:before {
  content: "\e06c";
}
.icon-like:before {
  content: "\e068";
}
.icon-dislike:before {
  content: "\e06d";
}
.icon-control-start:before {
  content: "\e06f";
}
.icon-control-rewind:before {
  content: "\e070";
}
.icon-control-play:before {
  content: "\e071";
}
.icon-control-pause:before {
  content: "\e072";
}
.icon-control-forward:before {
  content: "\e073";
}
.icon-control-end:before {
  content: "\e074";
}
.icon-volume-1:before {
  content: "\e09f";
}
.icon-volume-2:before {
  content: "\e0a0";
}
.icon-volume-off:before {
  content: "\e0a1";
}
.icon-calendar:before {
  content: "\e075";
}
.icon-bulb:before {
  content: "\e076";
}
.icon-chart:before {
  content: "\e077";
}
.icon-ban:before {
  content: "\e07c";
}
.icon-bubble:before {
  content: "\e07d";
}
.icon-camrecorder:before {
  content: "\e07e";
}
.icon-camera:before {
  content: "\e07f";
}
.icon-cloud-download:before {
  content: "\e083";
}
.icon-cloud-upload:before {
  content: "\e084";
}
.icon-envelope:before {
  content: "\e086";
}
.icon-eye:before {
  content: "\e087";
}
.icon-flag:before {
  content: "\e088";
}
.icon-heart:before {
  content: "\e08a";
}
.icon-info:before {
  content: "\e08b";
}
.icon-key:before {
  content: "\e08c";
}
.icon-link:before {
  content: "\e08d";
}
.icon-lock:before {
  content: "\e08e";
}
.icon-lock-open:before {
  content: "\e08f";
}
.icon-magnifier:before {
  content: "\e090";
}
.icon-magnifier-add:before {
  content: "\e091";
}
.icon-magnifier-remove:before {
  content: "\e092";
}
.icon-paper-clip:before {
  content: "\e093";
}
.icon-paper-plane:before {
  content: "\e094";
}
.icon-power:before {
  content: "\e097";
}
.icon-refresh:before {
  content: "\e098";
}
.icon-reload:before {
  content: "\e099";
}
.icon-settings:before {
  content: "\e09a";
}
.icon-star:before {
  content: "\e09b";
}
.icon-symbol-female:before {
  content: "\e09c";
}
.icon-symbol-male:before {
  content: "\e09d";
}
.icon-target:before {
  content: "\e09e";
}
.icon-credit-card:before {
  content: "\e025";
}
.icon-paypal:before {
  content: "\e608";
}
.icon-social-tumblr:before {
  content: "\e00a";
}
.icon-social-twitter:before {
  content: "\e009";
}
.icon-social-facebook:before {
  content: "\e00b";
}
.icon-social-instagram:before {
  content: "\e609";
}
.icon-social-linkedin:before {
  content: "\e60a";
}
.icon-social-pinterest:before {
  content: "\e60b";
}
.icon-social-github:before {
  content: "\e60c";
}
.icon-social-google:before {
  content: "\e60d";
}
.icon-social-reddit:before {
  content: "\e60e";
}
.icon-social-skype:before {
  content: "\e60f";
}
.icon-social-dribbble:before {
  content: "\e00d";
}
.icon-social-behance:before {
  content: "\e610";
}
.icon-social-foursqare:before {
  content: "\e611";
}
.icon-social-soundcloud:before {
  content: "\e612";
}
.icon-social-spotify:before {
  content: "\e613";
}
.icon-social-stumbleupon:before {
  content: "\e614";
}
.icon-social-youtube:before {
  content: "\e008";
}
.icon-social-dropbox:before {
  content: "\e00c";
}
.icon-social-vkontakte:before {
  content: "\e618";
}
.icon-social-steam:before {
  content: "\e620";
}
    </style>
    <!-- Plugin Stylesheets -->
    <link rel="stylesheet" href="/static/css/plugins/magnific-popup/magnific-popup.css">
    <!-- Template Stylesheets -->
    <link rel="canonical" href="https://www.pitunnel.com">
    <style>
      .tp--pricing.tp--pricing-1 .plans .plan .plan-features li {
        padding: 3px 15px;
        font-size: 0.95em;
        opacity: 0.8;
      }
      .plan-features li {
        margin-bottom: 0.5em;
      }
      .grecaptcha-badge { visibility: hidden; }
    </style>
    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <!--<script>
      (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
      function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
      e=o.createElement(i);r=o.getElementsByTagName(i)[0];
      e.src='https://www.google-analytics.com/analytics.js';
      r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
      ga('create','UA-XXXXX-X');ga('send','pageview');
    </script>-->
  </head>
  <body>
    <!--[if lt IE 10]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!-- HEADER
    ================================================== -->
    <header class="tp--header tp--header-fixed tp--header-shrink tp--header-1">
      <a href="#0" class="nav-trigger">Open Nav<span aria-hidden="true"></span></a>
      <nav class="navbar-wrapper">
        <div class="container clearfix">
          <!-- LOGO
          ================================================== -->
          <h1 class="logo">
            <a href="/">
              <img src="/static/images/logo.png" class="logo-main" alt="PiTunnel">
              <img src="/static/images/logo-dark.png" class="logo-dark" alt="PiTunnel">
            </a>
          </h1>

          <!-- NAVIGATION
          ================================================== -->
          <div class="navbar tp--nav-dropdown pull-right">
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li>
                  <a href="/">Home</a>
                </li>
                <li>
                  <a href="#about" class="tp--scroll">How it works</a>
                </li>
                <li>
                  <a href="#features" class="tp--scroll">Features</a>
                </li>
                <li>
                  <a href="/pricing" class="tp--scroll">Pricing</a>
                </li>
                <!--
                <li class="has-dropdown links" data-content="more">
                  <a href="#0">More</a>
                </li>
              -->
                <li class="tp--nav-divider"></li>
                <li>
                  <a class="popup-modal" href="#modal-login">Login</a>
                </li>
                <li class="tp--nav-signup">
                  <a class="popup-modal" href="#modal-register" id="signup-button"><span class="btn btn-lg btn-primary">Sign up Free</span></a>
                </li>
              </ul>
            </div>
          </div>
          <!-- Dropdown Wrapper -->
          <div class="morph-dropdown-wrapper">
            <div class="morph-dropdown-container">
              <div class="dropdown-list text-center">
                <ul>
                  <li class="links">
                    <a href="/" class="tp--nav-label">Home</a>
                  </li>
                  <li class="links">
                    <a href="#featured1" class="tp--nav-label tp--scroll">Features</a>
                  </li>
                  <li class="links">
                    <a href="/pricing" class="tp--nav-label tp--scroll">Pricing</a>
                  </li>
                  <li class="links">
                    <a href="/contact" class="tp--nav-label">Contact us</a>
                  </li>
                  <li class="links tp--nav-auth">
                    <a class="popup-modal tp--nav-label" href="#modal-login"><span class="btn btn-lg btn-primary btn-empty">Login</span></a>
                  </li>
                  <li class="links tp--nav-auth">
                    <a class="popup-modal tp--nav-label" href="#modal-register"><span class="btn btn-lg btn-primary">Sign up Free</span></a>
                  </li>
                </ul>
                <div class="bg-layer" aria-hidden="true"></div>
              </div> <!-- dropdown-list -->
            </div>
          </div> <!-- morph-dropdown-wrapper -->
        </div>
      </nav>
      
    </header>

    <!-- Hero Section
    ================================================== -->
    <section id="intro" height="600" class="tp--intro tp--intro-dark tp--slider-single tp--intro-height-100">
        <div class="item tp--intro-content-left text-sm-center tp--gradient-3 tp--pattern-3 tp--intro-diagonal tp--intro-diagonal-1">
          <div class="container">
            <div class="row tp--col-sm-vertical-align tp--col-xs-vertical-align tp--vertical-align-intro">
              <div class="col-sm-12 col-md-5 col-md-offset-1">
                <div>
                  <!--<div class="alert alert-warning" role="alert">STATUS: Due to unprecedented high demand, we're currently having connection issues. Please sit tight and we'll have this resolved within the next 24 hours.</div>-->
                  <h1>Access your Raspberry Pi projects from anywhere</h1>
                  <!--<p>Remotely access your Raspberry Pi's and create network tunnels to services running on your Raspberry Pi, such as HTTP, VNC, SSH and access them over the internet.</p>-->
                  <p>Remote Terminal and Status Monitoring for Raspberry Pi, as well as tunnels to any network services running on your Raspberry Pi (such as HTTP, VNC, SSH) so you can access them worldwide over the internet!</p>
                  <a class="btn btn-lg btn-primary popup-modal" href="#modal-register">Get started</a>
                </div>
              </div>
              <div class="col-sm-12 col-md-6 hidden-sm">
                <img src="/static/images/pis/pi-green2.png" width="837" height="552" class="visible-xl img-responsive img-85" alt="">
                <img src="/static/images/pis/pi-green2.png" width="837" height="552" class="visible-lg hidden-xl img-responsive img-80" alt="">
                <img src="/static/images/pis/pi-green2.png" width="837" height="552" class="visible-md img-responsive img-80" alt="">
              </div>
            </div>
          </div>
        </div>
    </section>

    <!-- About Section
    ================================================== -->
    <section id="about" class="tp--section tp--features text-center" style="z-index:100; padding-top:0px; padding-bottom:0px;">
      <div class="page-header text-center tp--title-overlay">
        <h2 data-title="How"><span>How it works</span></h2>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-cloud-download icon-large"></i>
            </div>
            <h3>Set up your Pi</h3>
            <p>Run a one line setup command on your Raspberry Pi to install PiTunnel. It's that easy!</p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-layers icon-large"></i>
            </div>
            <h3>Monitor &amp; Remote Access</h3>
            <p>Remotely monitor CPU Usage, Memory, Temperature and more. Take control with Remote Terminal and even view live Screenshots.
            <!--
            <h3>Choose your services</h3>
            <p>Select the network services you want to access: SSH, VNC, HTTP, FTP etc.<br/>
              (Remote Terminal &amp; Device Monitor tunnels enabled automatically!)
            </p>
          -->
          </p></div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-globe icon-large"></i>
            </div>
            <h3>Remotely access Network Services</h3>
            <p>Use our Custom Tunnels to access any of your device's network services through PiTunnel.com, from anywhere in the world!</p>
          </div>
        </div><!-- /.row -->
      </div>
    </section>
    

    <!-- Featured Sections
    ================================================== -->
    
    <section id="featured1" class="tp--section tp--featured tp--diagonal tp--diagonal-1">
      <div class="container">
        <div class="row tp--col-sm-vertical-align">
          <div class="col-md-5 text-center text-md-left">
            <h2 class="title">Remote Terminal Access</h2>
            <p>Remote terminal access to your Raspberry Pi. Securely login to pitunnel.com and access your devices through the web with a responsive SSH-like terminal.</p>
            <!--<a class="btn btn-primary" href="/pricing" role="button">Learn more</a>-->
          </div>
          <div class="col-md-6 col-md-offset-1">
            <img src="/static/images/terminal3.png" width="1880" height="1225" class="img-responsive" alt="" style="box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);">
          </div>
          
        </div>
      </div>
    </section>

    <!-- Featured Sections
    ================================================== -->
    
    <section id="featured2" class="tp--section tp--featured ">
      <div class="container">
        <div class="row tp--col-sm-vertical-align">
          <div class="col-md-6">
            <img src="/static/images/device_monitor2.png" width="1112" height="1198" class="img-responsive" alt="" style="box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);">
          </div>
          <div class="col-md-5 col-md-offset-1 text-center text-md-left" style="vertical-align:top;">
            <h2 class="title">Built-in Device Monitor</h2>
            <p>
              Live monitor your Raspberry Pi's remotely. See all their crucial information to ensure they are running correctly.
            </p>
            <p>
              View running programs, live screenshots, and even remotely reboot your device.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Featured Sections
    ================================================== -->
    
    <section id="featured4" class="tp--section tp--featured ">
      <div class="container">
        <div class="row tp--col-sm-vertical-align">
          <div class="col-md-6">
            <img src="/static/images/alert_settings.png" width="521" height="367" class="lazyload img-responsive" alt="" style="box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);">
          </div>
          <div class="col-md-5 col-md-offset-1 text-center text-md-left" style="vertical-align:top;">
            <h2 class="title">Get Device Alerts</h2>
            <p>
              Set up automated monitoring of your device's health.<br>
              Get email alerts when your device goes offline, is too hot, or is using too much CPU, Memory or Disk.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Featured Sections
    ================================================== -->
    
    <section id="featured3" class="tp--section tp--featured tp--diagonal tp--diagonal-1">
      <div class="container">
        <div class="row tp--col-sm-vertical-align">
          <div class="col-md-5 text-center text-md-left">
            <h2 class="title">Create Custom Tunnels</h2>
            <p>Custom Tunnels let you access any TCP network service on your device, including your own projects and web servers. Make your Raspberry Pi projects available for you to access worldwide on the web.</p>
          </div>
          <div class="col-md-6 col-md-offset-1">
            <img src="/static/images/custom_tunnels1.png" width="945" height="642" class="img-responsive" alt="">
          </div>
        </div>
      </div>
    </section>

    <!-- Why PiTunnel Section
    ================================================== -->
    <section id="why" class="tp--section tp--features text-center">
      <div class="page-header text-center tp--title-overlay">
        <h2 data-title="Why"><span>Why use PiTunnel?</span></h2>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-check icon-large"></i>
            </div>
            <h3>No Router Configuration</h3>
            <p>No need to configure port forwarding on your router or firewall.</p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-check icon-large"></i>
            </div>
            <h3>No Static IP Needed</h3>
            <p>No need to have a static IP address or use a dynamic DNS tool. Your Raspberry Pi and its network services will always be available through PiTunnel.com.
            </p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-check icon-large"></i>
            </div>
            <h3>No Complicated Setup</h3>
            <p>No need to setup complicated VPNs. PiTunnel works as long as your Raspberry Pi is connected to the internet.</p>
          </div>
        </div><!-- /.row -->
      </div>
    </section>

    <!-- Featured Sections
    ================================================== -->
    <!--
    <section id="featured3" class="tp--section tp--featured tp--section-with-bg tp--section-with-bg p-top-md-200 p-bottom-md-200 tp--no-background-sm tp--no-background-xs" style="background-image: url('images/terminal1.jpg'); background-size: 65%; background-position: 0px center;">
      <div class="container">
        <div class="row tp--col-sm-vertical-align">
          <div class="col-md-5 col-md-offset-6 text-center text-md-left">
            <h2>Remote Terminal Access</h2>
            <p>Remote terminal access to your Raspberry PI. Login and control your with a responsive SSH-like shell.</p>
            <a class="btn btn-primary" href="#" role="button">Learn more</a>
          </div>
          <div class="col-sm-12 visible-sm visible-xs">
            <img src="/static/images/terminal1.jpg" class="img-responsive" alt="">
          </div>
        </div>
      </div>
    </section>
    -->

    <!-- Featured Sections
    ================================================== -->
    <!--
    <section id="featured3" class="tp--section tp--section-with-bg-overlay tp--featured tp--parallax text-xs-center p-top-md-200 p-bottom-md-200" style="background-image: url('images/bg-featured-1.jpg');">
      <div class="container">
        <div class="row">
          <div class="col-sm-6 col-md-5">
            <h2 class="title">Enjoy the things that matter most</h2>
            <p>Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
          </div>
        </div>
      </div>
    </section>
  -->
  

    <!-- Pricing
    ================================================== -->
    <!--
    <section id="pricing" class="tp--section tp--pricing tp--pricing-1">
      <div class="page-header text-center tp--title-overlay">
        <h2 data-title="Pricing"><span>Pricing</span></h2>
      </div>
      <div class="container">
        <div class="row">
          <div class="plans clearfix">
              <div class="col-xs-12 col-sm-6 col-md-3 plan" data-scrollreveal="enter over 1s" style="border-right-color:#eeeeee; border-right-style:solid; border-right-width:1px">
                <div class="plan-title">
                  <h2>Free</h2>
                  <h3><sup>$</sup>0<sub>/ month</sub></h3>
                </div>
                <ul class="plan-features">
                  <li>1 Device</li>
                  <li>Remote Terminal</li>
                  <li>Device Monitoring</li>
                  <li>Remote Screen Capture</li>
                  <li>Remote Reboot</li>
                  <li>1 Custom Tunnel</li>
                  <li>500 MB per day</li>
                  <li>Named HTTP Tunnels (Trial)</li>
                  <li>No Static Ports</li>
                  <li>No Device Alerts</li>
                </ul>
                <br>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-3 plan" data-scrollreveal="enter over 1s" style="border-right-color:#eeeeee; border-right-style:solid; border-right-width:1px">
                <div class="plan-title">
                  <h2>Standard</h2>
                  <h3><sup>$</sup>5<sub>/ month</sub></h3>
                </div>
                <ul class="plan-features">
                  <li><strong>2 Devices</strong></li>
                  <li>Remote Terminal</li>
                  <li>Device Monitoring</li>
                  <li>Remote Screen Capture</li>
                  <li>Remote Reboot</li>
                  <li><strong>4 Custom Tunnels</strong></li>
                  <li><strong>1000 MB per day</strong></li>
                  <li><strong>Named HTTP Tunnels</strong></li>
                  <li><strong>2 Static Ports</strong></li>
                  <li><strong>Email Device Alerts</strong></li>
                </ul>
                <br>
              </div>
            <br>
          </div>
        </div>  
        <br>
        <center style="color:#bbb; font-size:70%">All prices in USD</center>
        
      </div>
    </section>
    -->

    <!-- Compatibility Section
    ================================================== -->
    <section id="compatibility" class="tp--section tp--features text-left text-xs-center" style="padding-bottom:0px;">
      <div class="page-header text-center tp--title-overlay">
        <h2 data-title="Compatibility"><span>Compatible With</span></h2>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:750;">Raspberry Pi</span></center></div>
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:600; font-family: 'Trebuchet MS', sans-serif;">Orange Pi</span></center></div>
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:400;">ODROID</span></center></div>
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:600;">ROCK Pi</span></center></div>
        </div>
        <div class="row">
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:600;">NVIDIA</span> <span style="font-weight:500;">Jetson</span></center></div>
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:600;">intel</span> <span style="font-weight:400;">NUC</span></center></div>
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:400;">Ubuntu</span></center></div>
          <div class="col-md-3 h3" style="color:#7d8a93;"><center><span style="font-size:28px; font-weight:600; font-family: Georgia, serif;">debian</span></center></div>
        </div>
        <div class="row">
          <center><span style="font-size:20px; font-weight:500;">+ many more</span></center>
        </div>
        <br>
        <div class="row">
          <center class="text-muted">* <a href="/doc/compatibility"><u class="text-muted">see compatiblity docs</u></a></center>
        </div>
      </div>
    </section><iframe name="__tcfapiLocator" style="display: none;"></iframe>


    <!-- Extra Features Section
    ================================================== -->
    <section id="features" class="tp--section tp--features text-left text-xs-center">
      <div class="page-header text-center tp--title-overlay">
        <h2 data-title="Features"><span>More Features</span></h2>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-screen-desktop icon-small"></i>
            </div>
            <h3>Remote Terminal</h3>
            <p>Secure remote terminal access to your Raspberry Pi.</p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-speedometer icon-small"></i>
            </div>
            <h3>Device Monitor</h3>
            <p>Live monitor your Raspberry Pi's vital information.</p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-globe icon-small"></i>
            </div>
            <h3>Custom Tunnels</h3>
            <p>Remotely access any TCP server's running on your Raspberry Pi.</p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-organization icon-small"></i>
            </div>
            <h3>HTTP Subdomain Access</h3>
            <p>Access HTTP tunnels on your own custom pitunnel subdomain. Share your tunnel URLs with friends and family to give them secure access to your projects.</p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-envelope-letter icon-small"></i>
            </div>
            <h3>Device Alerts</h3>
            <p>Set up automated monitoring of your device's health, with email alerts.</p>
          </div>
          <div class="col-sm-4 tp--feature">
            <div class="tp--icon-wrapper">
              <i class="tp--icon-gradient icon-lock icon-small"></i>
            </div>
            <h3>TLS &amp; HTTPS Tunnel Encryption</h3>
            <p>Tunnel traffic, web and terminal access securely encypted using TLS &amp; HTTPS.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Call to Action
    ================================================== -->
    <section class="tp--section tp--cta tp--cta-2 tp--section-light">
      <div class="container">
        
        <div class="row tp--col-sm-vertical-align">
          <div class="col-sm-7 col-sm-offset-1">
            <h2 class="title">Access your Raspberry Pi projects from anywhere</h2>
            <p>Sign up to get started with your free account.</p>
          </div>
          <div class="col-sm-3">
            <p><a href="#modal-register" class="btn btn-primary btn-lg popup-modal">Get started</a></p>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer
    ================================================== -->
    <footer id="footer" class="tp--footer tp--section-dark tp--gradient-3 tp--footer-1 text-xs-center">
      <div class="container">
        <div class="row">
          <div class="col-sm-3 col-md-3">
            <h3>Tutorials</h3>
            <ul class="list-unstyled">
              <li><a href="/doc/access-http-website-raspberry-pi-over-internet">Hosting a Web Server</a></li>
              <li><a href="/doc/access-vnc-remote-desktop-raspberry-pi-over-internet">Access VNC Remote Desktop</a></li>
              <li><a href="/doc/access-ssh-session-remote-terminal-raspberry-pi-over-internet">Remote SSH Sessions</a></li>
              <li><a href="/doc/transfer-files-sftp-raspberry-pi-over-internet">Transferring files with SFTP</a></li>
            </ul>
          </div>
          <div class="col-sm-3 col-md-3">
            <h3>Product</h3>
            <ul class="list-unstyled">
              <li><a href="/pricing">Pricing</a></li>
              <li><a href="#features">Features</a></li>
            </ul>
          </div>
          <div class="col-sm-3 col-md-3">
            <h3>Company</h3>
            <ul class="list-unstyled">
              <li><a href="/">About Us</a></li>
              <li><a href="/contact">Contact Us</a></li>
              <!--<li><a href="#">Jobs&emsp;<span class="label label-primary">We're hiring!</span></a></li>-->           
            </ul>
          </div>
          <div class="col-sm-3 col-md-3">
            <h3>Legal</h3>
            <ul class="list-unstyled">
              <li><a href="/terms">Terms of Use</a></li>
              <li><a href="/privacy">Privacy Policy</a></li>
              <!--<li><a href="#">Code of Conduct</a></li>-->   
            </ul>
          </div>
        </div>
        <div class="row">
          <center>
            <p class="muted">© 2024 PiTunnel</p>
            <p class="muted">Raspberry Pi is a trademark of the Raspberry Pi Foundation.</p>
            <p class="muted">NVIDIA and Jetson are trademarks of NVIDIA Corporation.</p>
          </center>
        </div>
        <!--
        <div class="row tp--social">
          <div class="col-lg-12 text-center">
            <a class="icon" href="/" target="_blank"><i class="fa fa-twitter"></i></a>
            <a class="icon" href="/" target="_blank"><i class="fa fa-facebook"></i></a>
          </div>
        </div>
        -->
      </div>
    </footer>
    
    <!-- Login Form -->
    <div id="modal-login" class="tp--authentication text-center white-popup mfp-hide">
      <section class="tp--authentication-container">
        <div class="page-header">
          <h3>Login to your account</h3>
        </div>
        <div class="row">
          
          <div class="col-sm-12">
            <form id="form_login" class="form-authentication" method="post" action="/login">
              <input type="hidden" name="csrf_token" value="IjM3NzA2ZWZlN2RkYzEzMDczZjE2MDNmY2FjNDE2OTBmZjkwZTE0NGEi.ZwU9Og.w1Uh5pB_4Ny1IGbF0B2Y0eu8AiA">
              <div class="form-group">
                  <i class="icon-envelope"></i>
                  <input class="form-control" id="id_login" name="email" value="" placeholder="Enter your email" type="email">
              </div>
              <div class="form-group">
                  <i class="icon-lock"></i>
                  <input class="form-control" id="id_password" name="password" placeholder="Enter your password" type="password">
              </div>
              <input class="button" name="commit" type="submit" value="Login">
              <div class="tp--authentication-footer">
                <p class="links clearfix">
                  <a class="pull-left popup-modal" href="#modal-register">Don't have an account? Sign up</a>
                  <a class="pull-right" href="/forgot_password">Forgot your password?</a>
                </p>
              </div>
                
            </form>
          </div>
        </div>
        
       </section>
      
    </div>

    <!-- Registration Form -->
    <div id="modal-register" class="tp--authentication text-center white-popup mfp-hide">
      <section class="tp--authentication-container">
        <div class="page-header">
          <h3>Sign Up</h3>
        </div>
        <div class="row">
          
          <div class="col-sm-12">
            <form id="form_register" class="form-authentication" method="post" action="/join" accept-charset="utf-8">
              <input type="hidden" name="csrf_token" value="IjM3NzA2ZWZlN2RkYzEzMDczZjE2MDNmY2FjNDE2OTBmZjkwZTE0NGEi.ZwU9Og.w1Uh5pB_4Ny1IGbF0B2Y0eu8AiA">
              <div class="form-group">
                  <i class="icon-user"></i>
                  <input class="form-control" id="id_register" name="name" value="" placeholder="Enter your full name" type="name">
              </div>
              <div class="form-group">
                  <i class="icon-envelope"></i>
                  <input class="form-control" id="id_register" name="email" value="" placeholder="Enter your email" type="email">
              </div>
              <div class="form-group">
                  <i class="icon-lock"></i>
                  <input class="form-control" id="id_password" name="password" placeholder="Enter your password" type="password">
              </div>
              <div class="form-group">
                  <i class="icon-lock"></i>
                  <input class="form-control" id="id_password_reenter" name="password_confirm" placeholder="Re-enter your password" type="password">
              </div>
              <p class="disclaimer tp--authentication-footer" style="margin-top:0px;">
                <input type="checkbox" id="i_agree_checkbox" style="zoom:1.3">&nbsp;&nbsp;
                I agree to the <a href="/terms" target="_blank">Terms of Service</a> and <a href="/privacy" target="_blank">Privacy Policy</a>.
              </p>
              <div id="html_element"><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-6kclwud8onk4" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6Lee0sEUAAAAAP4vbeQp37oGOxGIO1twm40Wqh-3&amp;co=aHR0cHM6Ly93d3cucGl0dW5uZWwuY29tOjQ0Mw..&amp;hl=en&amp;v=xds0rzGrktR88uEZ2JUvdgOY&amp;size=invisible&amp;cb=1k53iep3qt2m"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>
              <input id="join_button" class="button" type="submit" value="Join">
              <div class="tp--authentication-footer">
                <p class="links">
                  <a class="popup-modal" href="#modal-login">Already have an account? Login</a>
                  <br><br>
                  This site is protected by reCAPTCHA and the Google
                  <a href="https://policies.google.com/privacy">Privacy Policy</a> and
                  <a href="https://policies.google.com/terms">Terms of Service</a> apply.
                </p>
              </div>
                
            </form>
          </div>
        </div>
        
       </section>
      
    </div>

    <!-- Contact Form -->
    <div id="modal-contact" class="tp--contact text-center white-popup mfp-hide">
      <div class="page-header">
        <h3>Get in touch</h3>
        <p>Feel free to get in touch with us by sending your message below.</p>
      </div>

      <form id="contact-form" method="post" action="contact-form/contact.php" role="form">
        <div class="messages"></div>
        <div class="controls">
          <div class="row">
              <div class="col-md-12">
                <label for="form_name">Full Name *</label>
                
                <div class="row">
                  
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="form_lastname" class="sr-only">First Name *</label> 
                    <input id="form_name" type="text" name="name" class="form-control" placeholder="First name" required="required">
                    <div class="help-block with-errors"></div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                      <label for="form_lastname" class="sr-only">Last Name *</label>
                      <input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Last name" required="required">
                      <div class="help-block with-errors"></div>
                  </div>
                </div>
                </div>
                  
              </div>
              
          </div>
          <div class="row">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="form_email">Email *</label>
                      <input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email" required="required">
                      <div class="help-block with-errors"></div>
                  </div>
              </div>
          </div>
          <div class="row">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="form_message">Message *</label>
                      <textarea id="form_message" name="message" class="form-control" placeholder="Please enter your message" rows="4" required="required"></textarea>
                      <div class="help-block with-errors"></div>
                  </div>
              </div>
              <div class="col-md-12 text-center">
                  <input type="submit" class="btn btn-primary btn-lg btn-circular btn-send" value="Send your message">
              </div>
          </div>
        </div>
      </form>
      
    </div>
    
    <!-- jQuery -->
    <script src="/static/js/jquery.min.js"></script>
    <!-- Bootstrap Plugins -->
    <script src="/static/js/bootstrap.min.js"></script>
    <!-- Template Plugins -->
    <script src="/static/js/plugins/classie/classie.js"></script>
    <script src="/static/js/plugins/isotope/isotope.pkgd.min.js"></script>
    <script src="/static/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="/static/js/plugins/modernizr/modernizr-custom.js"></script>
    <script src="/static/js/plugins/jquery-validate/jquery.validate.min.js"></script>
    <!-- Template Javascript -->
    <script src="/static/js/main2.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert"></script>
    <script>
       function signupFormOnCaptchaSubmit() {
         document.getElementById('join_button').disabled = 'disabled';
         document.getElementById("form_register").submit();
       }
       function signupForm() {
        document.getElementById('join_button').disabled = '';
        $('#form_register').on('submit', function (e) {
            if (document.getElementById('i_agree_checkbox').checked) {
              if (!e.isDefaultPrevented()) {
                grecaptcha.execute();
                return false;
              }
            }
            else {
              swal({
                  title: "Please Accept Terms",
                  text: "Please use the checkbox to agree to the Terms of Service.",
                  icon: "info",
                });
              return false;
            }
        });
       }
      $(document).ready(function() {
        signupForm();
      });
      $(window).on('pageshow', function(){
      //  // In case we return to page with back button
        document.getElementById('join_button').disabled = '';
        grecaptcha.reset();
      });
      var onloadCallback = function() {
        grecaptcha.render('html_element', {
          'sitekey' : '6Lee0sEUAAAAAP4vbeQp37oGOxGIO1twm40Wqh-3',
          'callback': 'signupFormOnCaptchaSubmit',
          'size' : 'invisible'
        });
      };
    </script>
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit" async="" defer="">
    </script>
    
  
<iframe id="illow-banner-widget" aria-label="illow Widget" style="border: 0px; z-index: 2147483647; height: 227px; width: 100%; max-height: 600px; position: fixed; left: 0px; bottom: 0px; transition: width 0.2s ease-in-out 0s, height 0.1s ease-in-out 0s;"></iframe><div style="visibility: hidden; position: absolute; width: 100%; top: -10000px; left: 0px; right: 0px; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.5;"></div><div style="margin: 0px auto; top: 0px; left: 0px; right: 0px; position: fixed; border: 1px solid rgb(204, 204, 204); z-index: 2000000000; background-color: rgb(255, 255, 255);"><iframe title="recaptcha challenge expires in two minutes" name="c-6kclwud8onk4" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://www.google.com/recaptcha/api2/bframe?hl=en&amp;v=xds0rzGrktR88uEZ2JUvdgOY&amp;k=6Lee0sEUAAAAAP4vbeQp37oGOxGIO1twm40Wqh-3" style="width: 100%; height: 100%;"></iframe></div></div></body></html>