/* STRESSER.ZONE */

/* base */
html{ scroll-behavior: smooth; }
body { background: #fff; color: #5a5a5a; font-family: 'Roboto', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0; position: relative; webkit-font-smoothing: antialiased;}
a { color: inherit; } 
a:hover{ color: #B7B9BF; text-decoration: none; }
.row { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 1280px; width: 100%; }
.row.full-width { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 100%; width: 100%; }
.row.no-gutter { margin:0 auto;}
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-left: 0; padding-right: 0; }
.center-block { float: none; }

.btn-primary { background: #272B33; border: none; margin: 3px;}
.btn-quote { background: #e83e8c; border: none; margin: 3px;}
.btn-primary:hover { background: #54565B; border: none; margin: 3px;}

/* header */
  ul.top { list-style: none; margin:0; padding:5px 0;border:none;color: #fff;}
  ul.top li { float:left; display:inline; margin-right:27px; padding-top:4px; font-size:11px;}
  ul.top li i { margin-right:5px;}
  ul.top li:last-child {  margin-right:0; }
  ul.top li a {color: #fff;}
  ul.top li a:hover, ul.top li a:focus {color: #fff; text-decoration: none;  outline:0;}

  ul.topright { list-style: none; margin:0; padding:5px 0;border:none;color: #fff; float:right;}
  ul.topright li { float:left; display:inline; margin-right:27px; padding-top:4px; font-size:11px; }
  ul.topright li i { margin-right:5px;}
  ul.topright li:last-child {  margin-right:0; }
  ul.topright li a {color: #fff;}
  ul.topright li a:hover, ul.topright li a:focus {color: #fff;  text-decoration: none; outline:0;}

  .header{ width: 100%; padding:0; border:0; margin:0;background: #272b33; box-shadow:0 1px 6px #272b33, 0 1px 4px #272b33;  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;}
  .logo {color: white;padding-top:20px;}

  nav#desktop-menu {  padding: 0; float:right; text-align: left; }
  .f-nav{ z-index: 999; position: fixed; left: 0; top: 0; width: 100%; }
  .fadeindown { -webkit-animation-duration: .45s;  -webkit-animation-timing-function: ease;  -webkit-animation-fill-mode: both;  -webkit-animation-name: fadeInDown;  -moz-animation-duration: .45s;  -moz-animation-timing-function: ease;  -moz-animation-fill-mode: both;  -moz-animation-name: fadeInDown;  animation-duration: .45s;  animation-timing-function: ease;  animation-fill-mode: both;  animation-name: fadeInDown;}
 
  .sf-menu, .sf-menu * {  margin: 0;  padding: 0;  list-style: none;}
  .sf-menu li {  position: relative;}
  .sf-menu ul {  position: absolute;  display: none;  top: 100%;  left: 0;  z-index: 99;}
  .sf-menu > li {  float: left;}
  .sf-menu li:hover > ul, .sf-menu li.sfHover > ul {  display: block;}
  .sf-menu a {  display: block;  position: relative;}
  .sf-menu ul ul {  top: 0;  left: 100%;}


  .sf-menu {  float: left;  margin: 0;}
  .sf-menu ul {  min-width: 12em; *width: 12em; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}

  .sf-menu li {  white-space: nowrap;   *white-space: normal;}
  .sf-menu li a {color: #fff;  font-weight: 500;  padding:25px;  font-size: 13px;  letter-spacing: 0px;  text-transform: uppercase; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;}
  .sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu li.current a  { color: #B7B9BF;  background:#272b33; }
  .sf-menu li:last-child ul {  left: auto;  right: 0%; }

  .sf-menu ul li, .sf-menu li.current ul li{background:#fff!important; }
  .sf-menu ul li a {border-bottom: 0; background:#fff!important; font-size: 12px; padding: 16px 20px; color: #424242!important;}
  .sf-menu ul li:hover a, .sf-menu ul li.sfHover a  { background: #E0E0E0!important; color: #6f6f6f;  -webkit-transition: none;  transition: none;}

  .sf-menu ul li.sfHover li a {background:#fff!important; }
  .sf-menu ul li li:hover a, .sf-menu ul li li.sfHover a  { background: #E0E0E0!important; color: #424242!important;  -webkit-transition: none;  transition: none;}

  .sf-arrows .sf-with-ul {  padding-right: 2.5em;  *padding-right: 1em; }
  .sf-arrows .sf-with-ul:after {  content: '';  position: absolute;  top: 50%;  right: 1em;  margin-top: -3px;  height: 0;  width: 0;  border: 5px solid transparent;  border-top-color: #fff; }
  .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {  border-top-color: #fff; }
  .sf-arrows ul .sf-with-ul:after {  margin-top: -5px;  margin-right: -3px;  border-color: transparent;  border-left-color: #6f6f6f;  }
  .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {  border-left-color: #6f6f6f;}
  .slicknav_menu {  display:none;}

/* home intro */

#home-intro { height:50vh; position: relative; background:#1e2129; overflow: hidden;}
#home-intro .home-intro-container:after {bottom: 0px; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
#home-intro .home-intro-container .introcaption { left: 50%; top:50%; position: absolute; text-align: center; z-index: 2; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#home-intro .home-intro-container .introcaption h2 { font-family: 'Roboto', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;  color: #fff; font-size: 1.6em; font-weight: 300; margin-top: 20px; text-shadow: -1px 1px 0 #2d2d2f; }
#home-intro .home-intro-container .introcaption h1 { font-weight: bold; font-family: 'Roboto', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;  color: #fff; font-size: 3em; font-weight: 300; margin-top: 0px; text-shadow: -1px 1px 0 #2d2d2f; }

/* features */
.features { text-align: center;background:#272b33; padding:67px 0 55px;}
.features [class*='col-'] {padding:0 45px;}
.features .featureheading {color:#fff; font-weight:400; margin:20px 0;font-size: 1.5rem;}
.features p {color:#fff;font-size: 17px; font-weight:300;}
.features .circle {width:100px; height:100px; border-radius: 50%; background:#03A9F4; position:relative; margin:0 auto; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);}
.features .circle.szone {background:#1e2129;}
.features .circle i {position:absolute; font-size:48px; color:#fff; top:50%; left:50%; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}

/* services */
.services {color: white; text-align: center; padding:55px; background:#1e2129; background-size:cover; overflow:hidden;}
.services h3 {font-size: 1.5rem;}
.services-img { margin-bottom: 20px; position: relative; }
.services-img img { width: 100%; }
.services-img img.border { border-color: #fff !important; }

/* subscriptions */
.subscriptions { text-align: center;background:#272b33; padding:40px 0 50px;}
.subscriptions [class*='col-'] {padding:0 45px;}
.subscriptions .name {color:white;}
.subscriptions .price {color:white;}
.subscriptions p {color:white;font-size: 17px;}
.subscriptions h3 {color:white;font-size: 17px;}
.subscriptions h2 {color:white; font-size: 1.5rem;}
.subscriptions .current-discount {margin-bottom: 30px;}

/* preview */
.preview { text-align: center;background:#1e2129; padding:0 0 50px;}
.preview p {color:white;margin-top:5%;font-size: 17px;}
.preview h2 {color:white;margin-top:10%;font-size: 1.5rem;}
.preview .video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* footer */
.footer{ color:white; width: 100%; background: #272b33; padding:20px 0; }
.footer-links {margin:0 auto; padding:0; display: table;}
.footer-links li {  list-style: none;  display: inline-table;}
.footer-links li a {  color:#fff; display: inline-block;  padding-top:10px;  text-align: center;  height: 42px;  width: 42px;  position: relative;    z-index: 1;  -webkit-transition: color 0.15s;  transition: color 0.15s;   -moz-osx-font-smoothing: grayscale; border-radius:50%; -webkit-backface-visibility: hidden;}
.footer-links li a::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border-radius: inherit;  z-index: -1;  box-shadow: inset 0 0 0 35px #333;  -webkit-transform: scale3d(0.7, 0.7, 1);  transform: scale3d(0.7, 0.7, 1);  -webkit-transition: box-shadow 0.15s, -webkit-transform 0.15;  transition: box-shadow 0.15s, transform 0.15s;}
.footer-links li a:hover::before {  -webkit-transform: scale3d(1.0, 1.0, 1);  transform: scale3d(1.0, 1.0, 1); box-shadow: inset 0 0 0 35px  #009DE0;}
.footer p {padding-top:15px; font-size:14px; margin-bottom:0;}

/* tos */
#tos-intro { height:18vh; position: relative; background:#1e2129; overflow: hidden;}
#tos-intro .tos-intro-container:after {bottom: 0px; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
#tos-intro .tos-intro-container .introcaption { left: 50%; top:50%; position: absolute; text-align: center; z-index: 2; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#tos-intro .tos-intro-container .introcaption h1 { font-weight: bold; font-family: 'Roboto', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;  color: #fff; font-size: 3em; font-weight: 300; margin-top: 20px; text-shadow: -1px 1px 0 #2d2d2f; }

.tostext { text-align: center;background:#272b33; padding:67px 0 55px;}
.tostext [class*='col-'] {padding:0 45px;}
.tostext h2 {color:#fff; font-weight:300; font-size:1.5em;}
.tostext p {color:#B7B9BF;font-size: 17px;}

/* tor */
#tor-intro { height:18vh; position: relative; background:#1e2129; overflow: hidden;}
#tor-intro .tor-intro-container:after {bottom: 0px; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
#tor-intro .tor-intro-container .introcaption { left: 50%; top:50%; position: absolute; text-align: center; z-index: 2; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#tor-intro .tor-intro-container .introcaption h1 { font-weight: bold; font-family: 'Roboto', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;  color: #fff; font-size: 3em; font-weight: 300; margin-top: 20px; text-shadow: -1px 1px 0 #2d2d2f; }

.tortext { text-align: center;background:#272b33; padding:67px 0 55px;}
.tortext [class*='col-'] {padding:0 45px;}
.tortext h2 {color:#fff; font-weight:300; font-size:1.5em;}
.tortext p {color:#B7B9BF;font-size: 17px;}


.card {
  position: relative;
  color:white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #1E2129;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #1E2129;
  border-bottom: 1px solid rgba(0,0,0,.125);
}

@media only screen and (max-width: 1200px){
  .nomobile{
      display: none;
  } }
  
/* STRESSER.ZONE */

.progress-title {
  font-size: 13px;
  font-weight: 700;
  color: white;
  margin-top:50px;
  margin-bottom:5px;
}

.progress {
  height: 20px;
  background: #333;
  border-radius: 1;
  box-shadow: none;
  margin-bottom:-25px;
  overflow: visible
}

.progress .progress-bar {
  position: relative;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s
}

.progress .progress-value {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: white;
  position: absolute;
  top: 30px;
  right: -10px
}

.progress .progress-bar:after {
  content: "";
  display: inline-block;
  width: 8px;
  background: #fff;
  position: absolute;
  top: -5px;
  bottom: -5px;
  right: -5px;
  z-index: 1;
}