/*
  Based on the Eric Meyer CSS Reset v2.0 (http://meyerweb.com/eric/tools/css/reset/)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
body {
  font-size: 15px;
  line-height: 1;
  min-width: 320px;
  background-color: #ffffff;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}
.container {
  width: 970px;
  margin: 0 auto;
}
.wrapper {
  padding-top: 90px;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: -180px;
}
@media (max-width: 1051px) {
  .wrapper {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .wrapper {
    margin-bottom: -140px;
  }
}
@media (max-width: 560px) {
  .wrapper {
    margin-bottom: -170px;
  }
}
.wrapper:after {
  content: "";
  display: block;
  height: 180px;
}
@media (max-width: 991px) {
  .wrapper:after {
    height: 140px;
  }
}
@media (max-width: 560px) {
  .wrapper:after {
    height: 170px;
  }
}
/*
Font:       Averta Std
Style:      Bold
URL:        https://www.youworkforthem.com/font/T5980/averta-standard
Foundry:    Kostas Bartsokas
Foundry:    https://www.youworkforthem.com/designer/366/kostas-bartsokas
Copyright:  Copyright (c) 2015 by Kostas Bartsokas. All rights reserved.
Version:    17
Created:    September 10, 2015
License:    https://www.youworkforthem.com/font-license 
License:    The WebFont(s) listed in this document must follow the YouWorkForThem
            WebFont license rules. All other parties are strictly restricted 
            from using the WebFonts(s) listed without a purchased license. 
            All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
  font-family: 'AvertaStd';
  src: url('../fonts/averta/averta-std-bold.eot');
  src: url('../fonts/averta/averta-std-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/averta/averta-std-bold.woff2') format('woff2'), url('../fonts/averta/averta-std-bold.woff') format('woff'), url('../fonts/averta/averta-std-bold.ttf') format('truetype'), url('../fonts/averta/averta-std-bold.svg#youworkforthem') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AvertaStd';
  src: url('../fonts/averta/averta-std-light.eot');
  src: url('../fonts/averta/averta-std-light.eot?#iefix') format('embedded-opentype'), url('../fonts/averta/averta-std-light.woff2') format('woff2'), url('../fonts/averta/averta-std-light.woff') format('woff'), url('../fonts/averta/averta-std-light.ttf') format('truetype'), url('../fonts/averta/averta-std-light.svg#youworkforthem') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'AvertaStd';
  src: url('../fonts/averta/averta-std-regular.eot');
  src: url('../fonts/averta/averta-std-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/averta/averta-std-regular.woff2') format('woff2'), url('../fonts/averta/averta-std-regular.woff') format('woff'), url('../fonts/averta/averta-std-regular.ttf') format('truetype'), url('../fonts/averta/averta-std-regular.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham/GothamNarrow-Book.otf') format('opentype'), url('../fonts/gotham/GothamNarrow-Book.woff') format('woff'), url('../fonts/gotham/GothamNarrow-Book.ttf') format('truetype'), url('../fonts/gotham/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  color: #364950;
  font-family: 'Gotham', Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'AvertaStd', Arial, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 4.0625em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  font-weight: 300;
}
@media (max-width: 1200px) {
  h1 {
    font-size: 3.5em;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 2.625em;
  }
}
@media (max-width: 450px) {
  h1 {
    font-size: 2em;
  }
}
h2 {
  font-size: 2.625em;
  color: #2e474e;
  font-weight: 300;
  margin-top: 0em;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  h2 {
    font-size: 2em;
    margin-bottom: 15px;
  }
}
h3 {
  font-size: 2.625em;
  margin-top: 0em;
  margin-bottom: 25px;
  color: #2e474e;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -1px;
}
h3 strong {
  font-weight: bold;
}
@media (max-width: 767px) {
  h3 {
    font-size: 2em;
    margin-bottom: 15px;
  }
}
h4 {
  font-size: 2.625em;
  margin-top: 0em;
  margin-bottom: 1.875rem;
  color: #f15d50;
  font-weight: bold;
}
@media (max-width: 767px) {
  h4 {
    font-size: 2em;
    margin-bottom: 15px;
  }
}
h5 {
  font-size: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
h6 {
  font-size: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.bolder {
  font-weight: 900;
}
p {
  font-size: 1.5em;
  line-height: 1.3;
  font-family: 'Gotham', Arial, sans-serif;
  margin-top: 15px;
  margin-bottom: 0px;
  color: #2e474e;
}
a {
  color: #364950;
  text-decoration: none;
}
a:hover,
a:active {
  color: #364950;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a:focus {
  color: #364950;
  text-decoration: none;
}
abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help;
}
address {
  font-size: 1em;
  font-style: italic;
}
blockquote {
  margin: 1em 0;
  padding: 0 0 0 2em;
}
cite {
  font-style: italic;
}
code {
  font-size: 1em;
  font-family: monospace;
  background: #ffffff;
  border: 1px solid #f2f2f2;
  padding: 0.125em 0.25em;
  line-height: 150%;
}
em,
i {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
hr {
  outline: none;
  border: none;
  margin: 1em 0;
  padding: 0;
  border-top: 1px solid #ffffff;
}
ol,
ul {
  margin: 1em 0;
  padding: 0 0 0 2em;
}
ol li,
ul li {
  font-size: 1em;
  list-style-position: outside;
}
ul li {
  list-style: disc;
}
ol li {
  list-style: decimal;
}
form {
  margin: 1em 0;
}
dl {
  margin: 1em 0;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin: 0 0 0.5em;
}
table {
  width: 100%;
  margin: 1em 0;
}
table th {
  padding: 0.5em;
  border: 1px solid #ffffff;
  background: #ffffff;
  text-align: left;
  font-weight: bold;
}
table td {
  padding: 0.5em;
  border: 1px solid #ffffff;
}
form {
  display: block;
}
fieldset {
  display: block;
  margin: 1.25em 0;
  padding: 0;
}
legend {
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
}
label {
  display: block;
  margin: 0 0 0.25em;
  font-weight: bold;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="image"],
input[type="color"] {
  display: block;
  padding: 0.5em;
  margin: 0 0 0.625em;
  vertical-align: middle;
  border: 1px solid #ffffff;
  outline: none;
  font-family: inherit;
  font-size: 1em;
  -webkit-appearance: none;
  border-radius: 0;
}
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="image"]:hover,
input[type="color"]:hover {
  border: 1px solid #f7f7f7;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="image"]:focus,
input[type="color"]:focus {
  border: 1px solid #f2f2f2;
}
input[type="submit"],
input[type="button"] {
  display: block;
  border-radius: 0;
}
input[type="file"] {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1em;
  -webkit-appearance: none;
  border-radius: 0;
  line-height: 100%;
}
textarea {
  padding: 0.25em;
}
progress,
meter {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1em;
}
.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  padding: 0.625em 1.25em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1em;
  border: none;
  outline: none;
  background: #ffffff;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background: #f7f7f7;
  text-decoration: none;
}
.button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  background: #f0f0f0;
}
.button.disabled,
button.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
input[type="reset"].disabled {
  background: #ffffff;
  color: #d9d9d9;
  cursor: default;
}
button.primary,
.button-primary {
  background: #364950;
  color: white;
}
button.primary:hover,
.button-primary:hover {
  background: #2c3b41;
}
button.primary:active,
.button-primary:active {
  background: #212d32;
}
button.primary.disabled,
.button-primary.disabled {
  background: #5f818d;
  color: #364950;
  cursor: default;
}
button.secondary,
.button-secondary {
  background: #7538e6;
  color: white;
}
button.secondary:hover,
.button-secondary:hover {
  background: #6521e3;
}
button.secondary:active,
.button-secondary:active {
  background: #5a1ad1;
}
button.secondary.disabled,
.button-secondary.disabled {
  background: #b493f1;
  color: #7538e6;
  cursor: default;
}
.btn {
  height: 40px;
  padding: 0 20px;
  margin: 0;
  text-align: center;
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 0 !important;
  font-family: 'AvertaStd', sans-serif;
  font-weight: 400;
  line-height: 40px;
  font-size: 1.125em;
  background-color: #f15d50;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn:hover {
  background-color: #9ba4a7;
  text-decoration: none;
  color: #ffffff;
}
.btn:active {
  background-color: #2e474e;
  color: #ffffff;
}
.btn.blue-btn {
  background-color: #2e474e;
}
.btn.blue-btn:hover {
  background-color: #4a5f66;
}
.contact-btn {
  float: right;
  margin: 25px 30px 25px 25px;
  border: none;
  outline: none;
  z-index: 200;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tc-play-video {
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  background-image: url(../img/icons/play_icon_normal.svg);
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  display: block;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tc-play-video:hover {
  background-image: url(../img/icons/play_icon_hover.svg);
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
}
.tc-play-video.alternate {
  background-image: url(../img/icons/play_icon_alternate_normal.svg);
}
.tc-play-video.alternate:hover {
  background-image: url(../img/icons/play_icon_alternate_hover.svg);
}
@media (max-width: 767px) {
  .tc-play-video {
    width: 50px;
    height: 50px;
    background-size: 100%;
    margin-left: -25px;
    margin-top: -25px;
  }
  .tc-play-video:hover {
    background-image: url(../img/icons/play_icon_hover.svg);
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .tc-play-video.alternate:hover {
    background-image: url(../img/icons/play_icon_alternate_hover.svg);
  }
}
.tc-play-video.small-btn {
  width: 50px;
  height: 50px;
  background-size: 100%;
  margin-left: -25px;
  margin-top: -25px;
}
.tc-play-video.small-btn:hover {
  background-image: url(../img/icons/play_icon_hover.svg);
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.header-container {
  position: fixed;
  height: 90px;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #2e474e;
  z-index: 1000;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.header-container .container {
  padding: 0;
}
.header-container:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #2e474e;
  content: '';
  z-index: 200;
}
@media (max-width: 1050px) {
  .header-container {
    height: 50px;
  }
  .header-container .container {
    width: 100% !important;
  }
  .header-container nav {
    opacity: 0;
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    top: -1000px;
    left: 0;
    z-index: 100;
    background: #f15d50;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    text-align: left;
    position: absolute;
  }
  .header-container nav > ul {
    position: relative;
  }
  .header-container nav > ul > li {
    flex: none;
    text-align: left;
  }
  .header-container nav > ul > li > a,
  .header-container nav > ul > li > a:active,
  .header-container nav > ul > li > a:focus {
    line-height: 30px;
    padding: 5px 15px;
    color: #ffffff !important;
  }
  .header-container nav > ul > li > a:after,
  .header-container nav > ul > li > a:active:after,
  .header-container nav > ul > li > a:focus:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    /* Fix for IE7 */
    *display: inline;
    /* Fix for IE7 */
    background: url(../img/icons/tc-submenu.svg) 0px 0px no-repeat;
    width: 6px;
    height: 9px;
    margin-left: 5px;
    margin-top: 12px;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .header-container nav > ul > li.active-item {
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .header-container nav > ul > li.active-item > a:after,
  .header-container nav > ul > li.active-item > a:active:after,
  .header-container nav > ul > li.active-item > a:focus:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    will-change: transform;
  }
  .header-container nav > ul > li.active-item .sub-menu {
    max-height: 500px;
    -webkit-transition: all 2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .header-container nav > ul > li .sub-menu {
    opacity: 1;
    left: auto;
    top: auto;
    position: relative;
    background: #f15d50;
    padding: 0px;
    width: auto;
    margin: 0;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .header-container nav > ul > li .sub-menu li {
    list-style: none;
    margin: 0px 0px;
  }
  .header-container nav > ul > li .sub-menu li a,
  .header-container nav > ul > li .sub-menu li a:active,
  .header-container nav > ul > li .sub-menu li a:focus,
  .header-container nav > ul > li .sub-menu li a:hover {
    line-height: 30px;
    padding: 5px 30px;
    display: block;
    color: #ffffff !important;
    margin: 0;
  }
  .header-container nav > ul > li .sub-menu li:active,
  .header-container nav > ul > li .sub-menu li:focus,
  .header-container nav > ul > li .sub-menu li:hover {
    margin: 0px 0px;
    background: #2e474e;
  }
  .header-container nav > ul > li:active,
  .header-container nav > ul > li:focus,
  .header-container nav > ul > li:hover {
    color: #ffffff;
    margin: 0px;
  }
  .header-container nav > ul > li:active .sub-menu,
  .header-container nav > ul > li:focus .sub-menu,
  .header-container nav > ul > li:hover .sub-menu {
    opacity: 1;
    left: auto;
    top: auto;
    position: relative;
  }
  .header-container .mobile-menu {
    display: block;
    background-color: #f15d50;
  }
  .header-container.active-nav:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #2e474e;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 200;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .header-container.active-nav nav {
    top: 50px;
    opacity: 1;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .header-container.active-nav.on-top {
    background-color: #2e474e;
  }
  .header-container.active-nav .mobile-menu {
    background-color: #f15d50;
    display: block;
  }
}
@media (max-width: 1050px) and (max-width: 400px) {
  .header-container nav > ul > li .sub-menu li a,
  .header-container nav > ul > li .sub-menu li a:active,
  .header-container nav > ul > li .sub-menu li a:focus,
  .header-container nav > ul > li .sub-menu li a:hover {
    line-height: 26px;
    padding: 3px 30px;
  }
}
.header-container.clear-header {
  border-bottom: 4px solid #f15d50;
}
.header-container.clear-header .slogan {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
  z-index: 300;
  width: auto;
}
.header-container.clear-header .slogan h4 {
  font-size: 1em;
}
@media (max-width: 1050px) {
  .header-container.clear-header .slogan {
    top: 5px;
  }
  .header-container.clear-header .slogan h4 {
    font-size: 0.7em;
  }
}
header {
  position: relative;
}
header .logo {
  width: 170px;
  height: 50px;
  margin: 0;
  padding: 0;
  color: #ffffff;
  z-index: 300;
  position: absolute;
  text-indent: -999999px;
  left: 30px;
  top: 20px;
  background: url("../img/logo/tc-logo.svg") 0px 0px no-repeat;
  background-size: 100% 100%;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1050px) {
  header .logo {
    width: 183px;
    height: 30px;
    top: 10px;
    left: 10px;
    background-size: auto 30px;
  }
}
header nav {
  height: 90px;
  z-index: 200;
}
header nav > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
@media (min-width: 1051px) {
  header nav > ul {
    margin-left: 224px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
header nav > ul > li {
  -webkit-flex: 1 auto;
  flex: 1 auto;
  display: block;
  text-align: center;
  position: relative;
  z-index: 200;
  list-style: none;
}
header nav > ul > li .sub-menu {
  opacity: 0;
  position: absolute;
  top: -500px;
  left: 0;
  background: #2e474e;
  list-style: none;
  margin: 0;
  text-align: left;
  padding: 15px 25px 5px;
  width: 140%;
  z-index: 10;
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
header nav > ul > li .sub-menu li {
  list-style: none;
  margin: 15px 0px;
  padding: 0;
}
header nav > ul > li .sub-menu li a {
  font-size: 1.125em;
  line-height: 1.25em;
  font-family: 'AvertaStd', Arial, sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
  outline: none;
  box-shadow: none;
}
header nav > ul > li .sub-menu li a:hover,
header nav > ul > li .sub-menu li a:active {
  color: #f15d50;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
header nav > ul > li .sub-menu li:hover,
header nav > ul > li .sub-menu li:active {
  margin: 15px 0px;
  padding: 0;
}
header nav > ul > li:hover > .sub-menu {
  opacity: 1;
  top: 70px;
}
header nav > ul > li > a {
  cursor: pointer;
}
header nav > ul > li > a,
header nav > ul > li a:active,
header nav > ul > li a:focus {
  font-size: 1.5em;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  line-height: 90px;
  padding: 0 25px;
  font-family: 'AvertaStd', sans-serif;
  font-weight: 300;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  box-shadow: none;
}
@media (max-width: 1300px) {
  header nav > ul > li > a,
  header nav > ul > li a:active,
  header nav > ul > li a:focus {
    padding: 0px 15px;
  }
}
header nav > ul > li > a:hover,
header nav > ul > li a:active:hover,
header nav > ul > li a:focus:hover {
  text-decoration: none;
  color: #f15d50;
}
header .mobile-menu {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(../img/icons/menu.svg) 50% 50% no-repeat;
  padding: 0;
  margin: 0;
  z-index: 300;
  border: none;
  display: none;
}
@media (max-width: 1050px) {
  header .contact-btn {
    height: 30px;
    margin: 10px 60px;
    line-height: 30px;
  }
}
header .active-item-signed-in .signed-in {
  height: 90px;
  padding: 25px 20px 0;
  float: right;
}
header .active-item-signed-in .signed-in.old-website {
  text-align: center;
  color: #ffffff;
  border: none;
  outline: none;
  font-family: 'AvertaStd', sans-serif;
  font-weight: 300;
  line-height: 40px;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin: 0 30px;
  z-index: 200;
  position: relative;
}
@media (max-width: 500px) {
  header .active-item-signed-in .signed-in.old-website {
    display: none;
  }
}
header .active-item-signed-in .signed-in.old-website::after {
  content: " ";
  height: 9px;
  width: 1.5em;
  color: #ffffff;
  background: url('../img/icons/play-icon-white.svg') center no-repeat;
  background-size: contain;
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width: 1050px) {
  header .active-item-signed-in .signed-in {
    margin: 0;
    padding: 5px 60px 0 0;
    height: 50px;
  }
}
header .active-item-signed-in .signed-in .profile-icon-container {
  display: inline-block;
  position: relative;
  font-family: 'AvertaStd', sans-serif;
  /*top: 3px;*/
  height: 40px;
  /*padding: 20px 10px 0;*/
  float: right;
  margin: 0 30px;
  z-index: 301;
  vertical-align: middle;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-icon {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  position: relative;
  line-height: 50px;
  z-index: 9999;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-icon > a > img {
  border-radius: 50%;
  height: 38px;
  width: 38px;
  object-fit: cover;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area {
  display: none;
  position: absolute;
  z-index: 99999999;
  background: #FFF;
  border: none;
  top: 35px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  margin-top: 14px;
  width: 336px;
  right: 0;
  /*height: 432px;*/
  overflow-y: auto;
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 410px) {
  header .active-item-signed-in .signed-in .profile-icon-container .profile-area {
    right: -56px;
    width: 300px;
  }
}
@media (max-width: 1050px) {
  header .active-item-signed-in .signed-in .profile-icon-container .profile-area {
    top: 28px;
  }
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .nav-left,
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .nav-right {
  display: table-cell;
  vertical-align: top;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .nav-right {
  float: none;
  padding-left: 20px;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-account-area {
  padding: 20px;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-account-area .avatar-image {
  width: 90px;
  height: 90px;
  max-width: none;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-account-area .nav-left > img {
  border-radius: 50%;
  object-fit: cover;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-account-area span.author-name {
  display: block;
  font-family: AvertaStd;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #2e474e;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-account-area span.author-email {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #2e474e;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 190px;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-account-area a.account-btn {
  margin-top: 19px;
  font-weight: 300;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-area-footer {
  display: table;
  width: 100%;
  background: #f5f5f5;
  border-top: 1px solid #e6e6e6;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-area-footer .nav-left {
  padding: 20px;
  vertical-align: middle;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-area-footer .nav-left .btn {
  font-weight: 300;
  vertical-align: middle;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-area-footer .nav-right {
  padding: 20px;
  text-align: right;
  vertical-align: middle;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-area-footer .nav-right > a {
  display: inline-block;
  font-size: 14px;
  color: #f15d50;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .profile-area-footer .nav-right > a:hover {
  text-decoration: none;
  color: #2e474e!important;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items {
  max-height: 272px;
  background-color: #f5f5f5;
  overflow-y: auto;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items .item {
  height: 80px;
  border-bottom: solid 1px #e6e6e6;
  padding: 20px;
  cursor: pointer;
  display: table;
  width: 100%;
  text-decoration: none;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items .item:last-child {
  border-bottom: none;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items .item:hover {
  background-color: #ebebeb;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items .item > img {
  height: 40px;
  width: 40px;
  object-fit: cover;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items .item .org-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ccc;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  display: table-cell;
  vertical-align: middle;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items .item .org-name {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: left;
  color: #2e474e;
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
}
header .active-item-signed-in .signed-in .profile-icon-container .profile-area .list-items .item .org-role {
  font-size: 14px;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #8b9496;
  position: absolute;
  margin-left: 20px;
  margin-top: 30px;
}
header .active-item-signed-in .signed-in .profile-icon-container:hover .profile-area {
  display: block;
}
@media (max-width: 1050px) {
  header .active-item-signed-in .signed-in .profile-icon-container {
    margin: 0;
  }
}
header .active-item-signed-in .signed-in-mobile {
  height: 50px;
  padding: 5px 60px 0 0;
  text-align: center;
  color: #ffffff;
  border: none;
  outline: none;
  font-family: 'AvertaStd', sans-serif;
  font-weight: 300;
  line-height: 40px;
  font-size: 1.5em;
  display: none;
  vertical-align: middle;
  zoom: 1;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin: 0;
  z-index: 200;
  position: relative;
}
@media (max-width: 500px) {
  header .active-item-signed-in .signed-in-mobile {
    display: inline-block;
  }
}
header .active-item-signed-in .signed-in-mobile img {
  margin: 13px 0 0 0 ;
}
header .active-item-signed-in .signed-in-mobile::after {
  content: " ";
  height: 9px;
  width: 1.5em;
  color: #ffffff;
  background: url('../img/icons/play-icon-white.svg') center no-repeat;
  background-size: contain;
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
header .active-item-signed-in .sub-menu-signed-in {
  opacity: 0;
  position: absolute;
  top: -500px;
  right: 0;
  background: #2e474e;
  list-style: none;
  margin: 0;
  text-align: left;
  padding: 15px 25px 5px;
  width: 15%;
  z-index: 10;
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
header .active-item-signed-in .sub-menu-signed-in li {
  margin: 15px 0;
  padding: 0;
  list-style: none;
}
header .active-item-signed-in .sub-menu-signed-in li a {
  font-size: 1.125em;
  line-height: 1.25em;
  font-family: 'AvertaStd', Arial, sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
header .active-item-signed-in .sub-menu-signed-in li a:hover,
header .active-item-signed-in .sub-menu-signed-in li a:active {
  color: #f15d50;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
header .active-item-signed-in .sub-menu-signed-in li:hover,
header .active-item-signed-in .sub-menu-signed-in li:active {
  margin: 15px 0;
  padding: 0;
}
@media (max-width: 1050px) {
  header .active-item-signed-in .sub-menu-signed-in {
    width: 100%;
  }
}
header .active-item-signed-in:hover > .sub-menu-signed-in {
  opacity: 1;
  top: 70px;
}
@media (max-width: 1050px) {
  header .active-item-signed-in:hover > .sub-menu-signed-in {
    top: 50px;
  }
}
.footer-container .footer-nav {
  margin: 0 auto;
  width: 60%;
  height: max-content;
}
@media (max-width: 991px) {
  .footer-container .footer-nav {
    width: 100%;
  }
}
.footer-container .footer-nav ul {
  margin: 0;
  padding: 0;
}
.footer-container .footer-nav ul li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin-bottom: 20px;
}
.footer-container .footer-nav ul li a {
  font-size: 1.125em;
  line-height: 30px;
  font-family: 'AvertaStd', Arial, sans-serif;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  margin: 0px 15px;
}
.footer-container .footer-nav ul li a:hover {
  color: #f15d50;
  text-decoration: none;
}
.login-form-page {
  background: #2e474e;
  text-align: center;
  padding: 10vh;
  color: #ffffff;
}
.login-form-page .logo {
  width: 169px;
  height: 50px;
  margin: 0;
  padding: 0;
  color: #ffffff;
  z-index: 300;
  text-indent: -999999px;
  position: relative;
  margin: 30px auto;
  background: url("../img/logo@2x.png") 0px 0px no-repeat;
  background-size: 100% 100%;
  display: block;
  text-decoration: none;
}
@media (max-width: 991px) {
  .login-form-page .logo {
    width: 183px;
    height: 30px;
    top: 10px;
    left: 10px;
    background-size: auto 30px;
  }
}
.login-form-page h1 {
  margin-bottom: 150px;
}
.login-form-page .login-form p {
  color: #ffffff;
  margin-bottom: 10px;
}
.login-form-page .login-form #txtpass {
  line-height: 40px;
  height: 40px;
  padding: 0px 10px;
  color: #2e474e;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
.login-form-page .login-form .submit {
  height: 40px;
  padding: 0px 20px;
  margin: 0;
  text-align: center;
  color: #ffffff;
  border: none;
  outline: none;
  font-family: 'AvertaStd', sans-serif;
  font-weight: 400;
  line-height: 40px;
  font-size: 1.125em;
  background-color: #f15d50;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
.login-form-page .login-form .submit:hover {
  background-color: #f18076;
}
.login-form-page .login-form .submit:active {
  background-color: #9ba4a7;
}
.login-form-page .login-form .submit.blue-btn {
  background-color: #2e474e;
}
.login-form-page .login-form .submit.blue-btn:hover {
  background-color: #4a5f66;
}
.contact-form-box {
  text-align: center;
}
.contact-form-box .section-border {
  max-width: 430px;
  margin: 30px auto 0;
  padding: 60px;
}
@media (max-width: 500px) {
  .contact-form-box .section-border {
    padding: 40px;
  }
}
@media (max-width: 340px) {
  .contact-form-box .section-border {
    margin: 10px auto 0;
  }
}
.contact-form-box form {
  margin: 0;
}
.contact-form-box form input[type="text"],
.contact-form-box form input[type="email"],
.contact-form-box form textarea {
  background: #ffffff;
  border: 1px solid #dadad9;
  height: 40px;
  line-height: 40px;
  font-size: 1.125em;
  padding: 0 20px;
  margin: 0 0 20px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #2e474e;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.contact-form-box form input[type="text"]:hover,
.contact-form-box form input[type="email"]:hover,
.contact-form-box form textarea:hover,
.contact-form-box form input[type="text"]:focus,
.contact-form-box form input[type="email"]:focus,
.contact-form-box form textarea:focus {
  border-color: #2e474e;
}
.contact-form-box form input[type="submit"],
.contact-form-box form button[type="submit"],
.contact-form-box form .submit-btn {
  background: #f15d50;
  height: 40px;
  line-height: 40px;
  display: block;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 1.125em;
  padding: 0;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0;
}
.contact-form-box form input[type="submit"]:hover,
.contact-form-box form button[type="submit"]:hover,
.contact-form-box form .submit-btn:hover {
  background-color: #f18076;
}
.contact-form-box form input[type="submit"]:active,
.contact-form-box form button[type="submit"]:active,
.contact-form-box form .submit-btn:active {
  background-color: #9ba4a7;
}
.contact-form-box form textarea {
  display: block;
  resize: none;
  height: 100px;
  line-height: 1.3;
  padding: 10px 20px;
}
.contact-form-box form .form-field {
  position: relative;
}
.contact-form-box form .mandatory {
  position: relative;
}
.contact-form-box form .mandatory:before {
  content: '*';
  width: 25px;
  height: 25px;
  line-height: 40px;
  display: block;
  position: absolute;
  left: -30px;
  top: 8px;
  color: #dadad9;
  font-size: 42px;
}
.contact-form-box .error {
  text-align: left;
}
.contact-form-box .error input[type="text"],
.contact-form-box .error input[type="email"] {
  border: 1px solid #f15d50;
  color: #f15d50;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.contact-form-box .error input[type="text"]:hover,
.contact-form-box .error input[type="email"]:hover {
  border-color: #f15d50;
}
.contact-form-box .error .message {
  color: #f15d50;
  font-size: 15px;
  padding-bottom: 5px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
.mobile-devices {
  position: relative;
  width: 100%;
  height: 380px;
  margin: 0px auto 00px;
  display: none;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  will-change: transform;
}
.mobile-devices .mobile-container {
  margin: 0px 0%;
  position: relative;
}
.mobile-devices .mobile-container > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .mobile-devices {
    display: block;
  }
}
@media (max-width: 680px) {
  .mobile-devices {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    height: 360px;
  }
  .mobile-devices .mobile-container {
    margin: -40px -8%;
  }
}
@media (max-width: 550px) {
  .mobile-devices {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    will-change: transform;
    height: 340px;
    margin: -30px auto 0px;
  }
  .mobile-devices .mobile-container {
    margin: -50px -16%;
  }
}
@media (max-width: 480px) {
  .mobile-devices {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    height: 320px;
    margin: -50px auto -10px;
  }
  .mobile-devices .mobile-container {
    margin: -60px -32%;
  }
}
@media (max-width: 400px) {
  .mobile-devices {
    -webkit-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -o-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    will-change: transform;
    height: 290px;
  }
  .mobile-devices .mobile-container {
    margin: -40px -55%;
  }
}
.mobile-devices .macbook {
  width: 236px;
  height: 142px;
  background-image: url(../img/parallax-devices/macbook.png);
  top: 70px;
  left: -6%;
}
@media (max-width: 480px) {
  .mobile-devices .macbook {
    left: 0;
  }
}
.mobile-devices .ipad {
  width: 500px;
  height: 360px;
  background-image: url("../img/parallax-devices/ipad.png");
  top: 0px;
  left: 50%;
  margin-left: -200px;
}
.mobile-devices .ipad .gif-inside {
  width: 393px;
  height: 293px;
  position: absolute;
  left: 54px;
  top: 35px;
  overflow: hidden;
  background: url("../img/gifs/ipad.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.mobile-devices .iphone {
  width: 277px;
  height: 139px;
  background-image: url(../img/parallax-devices/iphone.png);
  top: 240px;
  left: -12%;
}
.mobile-devices .iphone .gif-inside {
  width: 208px;
  height: 118px;
  position: absolute;
  left: 34px;
  top: 10px;
  overflow: hidden;
  background: url("../img/gifs/iphone.gif") 0px 0px no-repeat;
  background-size: 100%;
}
@media (max-width: 480px) {
  .mobile-devices .iphone {
    left: -2%;
  }
}
.mobile-devices .remote {
  width: 163px;
  height: 342px;
  background-image: url(../img/parallax-devices/remote.png);
  right: -12%;
  top: 50px;
}
@media (max-width: 480px) {
  .mobile-devices .remote {
    right: -3%;
  }
}
.devices {
  position: relative;
  height: 500px;
  opacity: 0;
  max-width: 1280px;
  margin: 50px auto;
  -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.devices > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.devices > div h5 {
  font-size: 1.25em;
  color: #333333;
  position: absolute;
  font-weight: 300;
}
@media (max-width: 1170px) {
  .devices > div h5 {
    display: none !important;
  }
}
.devices.loaded {
  opacity: 1;
}
.devices .macbook {
  width: 236px;
  height: 142px;
  background-image: url(../img/parallax-devices/macbook.png);
  top: 120px;
  left: 20%;
}
.devices .macbook h5.screencam {
  top: 25%;
  right: calc(100% + 10px);
  width: 162px;
  height: 25px;
  display: block;
  background: url(../img/logo/tc_web_touchcast_studio_screencam_logotype.svg) no-repeat;
  background-size: auto 100%;
}
.devices .ipad {
  width: 500px;
  height: 360px;
  background-image: url("../img/parallax-devices/ipad.png");
  top: 50px;
  left: 33%;
}
.devices .ipad h5 {
  bottom: 100%;
  left: 0;
  width: 100%;
  text-align: center;
}
.devices .ipad .video-inside {
  width: 393px;
  height: 293px;
  position: absolute;
  left: 54px;
  top: 35px;
  overflow: hidden;
  background-image: url(../img/devices/ipad.jpg);
  background-size: 100% auto;
}
.devices .ipad .video-inside video {
  height: 100%;
}
.devices .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.devices .ipad .video-inside.mobile-view {
  background: url("../img/gifs/ipad.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.devices .ipad .video-inside.mobile-view video {
  display: none;
}
@media (max-width: 991px) {
  .devices .ipad .video-inside {
    background: url("../img/gifs/ipad.gif") 0px 0px no-repeat;
    background-size: 100%;
  }
  .devices .ipad .video-inside video {
    display: none;
  }
}
@media (max-width: 767px) {
  .devices .ipad .video-inside {
    display: block;
  }
}
.devices .iphone {
  width: 277px;
  height: 139px;
  background-image: url(../img/parallax-devices/iphone.png);
  top: 290px;
  left: 15%;
}
.devices .iphone h5.camera {
  top: 25%;
  right: calc(100% + 30px);
  width: 140px;
  height: 25px;
  display: block;
  background: url(../img/logo/tc_web_touchcast_studio_camera_logotype.svg) no-repeat;
  background-size: auto 100%;
}
.devices .iphone .video-inside {
  width: 208px;
  height: 119px;
  position: absolute;
  left: 34px;
  top: 10px;
  overflow: hidden;
  background-image: url(../img/devices/iphone.jpg);
  background-size: 100% auto;
}
.devices .iphone .video-inside video {
  height: 100%;
}
.devices .iphone .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.devices .iphone .video-inside.mobile-view {
  background: url("../img/gifs/iphone.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.devices .iphone .video-inside.mobile-view video {
  display: none;
}
@media (max-width: 991px) {
  .devices .iphone .video-inside {
    background: url("../img/gifs/iphone.gif") 0px 0px no-repeat;
    background-size: 100%;
  }
  .devices .iphone .video-inside video {
    display: none;
  }
}
.devices .remote {
  width: 163px;
  height: 342px;
  background-image: url(../img/parallax-devices/remote.png);
  right: 18%;
  top: 100px;
}
.devices .iphone-2 {
  width: 108px;
  height: 225px;
  background-image: url(../img/parallax-devices/iphone-2.png);
  right: 20%;
  top: 195px;
}
.devices .pen {
  width: 16px;
  height: 321px;
  background-image: url(../img/parallax-devices/pen.png);
  right: 19%;
  top: 100px;
}
.devices .watch {
  width: 68px;
  height: 130px;
  background-image: url(../img/parallax-devices/watch.png);
  right: 16%;
  top: 280px;
}
.devices .watch h5.remote {
  top: 0%;
  left: calc(100% + 30px);
  width: 140px;
  height: 25px;
  display: block;
  background: url(../img/logo/tc_web_touchcast_studio_remote_logotype.svg) no-repeat;
  background-size: auto 100%;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .devices .macbook {
    background-image: url("../img/parallax-devices/macbook@2x.png");
  }
  .devices .ipad {
    background-image: url("../img/parallax-devices/ipad@2x.png");
  }
  .devices .iphone {
    background-image: url("../img/parallax-devices/iphone@2x.png");
  }
  .devices .remote {
    background-image: url("../img/parallax-devices/remote@2x.png");
  }
  .devices .iphone-2 {
    background-image: url("../img/parallax-devices/iphone-2@2x.png");
  }
  .devices .pen {
    background-image: url("../img/parallax-devices/pen@2x.png");
  }
  .devices .watch {
    background-image: url("../img/parallax-devices/watch@2x.png");
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .devices {
    top: 0px;
    height: 460px;
  }
  .devices h5 {
    display: none;
  }
  .devices .iphone {
    left: -2%;
    top: 260px;
  }
  .devices .ipad {
    left: 18%;
    top: 20px;
  }
  .devices .remote {
    right: -2%;
    top: 70px;
  }
  .devices .macbook {
    left: 4%;
    top: 90px;
  }
  .devices .iphone-2 {
    right: 5%;
    top: 170px;
  }
  .devices .pen {
    right: 4.5%;
    top: 80px;
  }
  .devices .watch {
    top: 260px;
    right: -1%;
  }
}
@media (min-width: 1025px) and (max-width: 1300px) {
  .devices {
    margin-left: -130px;
    margin-right: -130px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .devices {
    margin-top: -30px;
    margin-left: -130px;
    margin-right: -130px;
    height: 430px;
  }
  .devices .pen {
    top: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .devices {
    margin-top: 0px;
    height: 400px;
  }
  .devices .pen {
    top: 50px;
  }
}
@media (max-width: 767px) {
  .devices {
    display: none;
  }
}
.mobile-devices-teamtime {
  position: relative;
  width: 100%;
  height: 380px;
  margin: 10px auto -40px;
  display: none;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  will-change: transform;
}
.mobile-devices-teamtime .mobile-container {
  margin: 0px 0%;
  position: relative;
}
.mobile-devices-teamtime .mobile-container > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .mobile-devices-teamtime {
    display: block;
  }
}
@media (max-width: 680px) {
  .mobile-devices-teamtime {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    height: 360px;
  }
  .mobile-devices-teamtime .mobile-container {
    margin: -40px -8%;
  }
}
@media (max-width: 550px) {
  .mobile-devices-teamtime {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    will-change: transform;
    height: 340px;
  }
  .mobile-devices-teamtime .mobile-container {
    margin: -50px -16%;
  }
}
@media (max-width: 480px) {
  .mobile-devices-teamtime {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    height: 320px;
  }
  .mobile-devices-teamtime .mobile-container {
    margin: -60px -32%;
  }
}
@media (max-width: 400px) {
  .mobile-devices-teamtime {
    -webkit-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -o-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    will-change: transform;
    height: 290px;
  }
  .mobile-devices-teamtime .mobile-container {
    margin: -80px -55%;
  }
}
.mobile-devices-teamtime .ipad {
  width: 500px;
  height: 360px;
  background-image: url("../img/parallax-devices/ipad-teamtime.png");
  top: 0px;
  left: 50%;
  margin-left: -250px;
}
.mobile-devices-teamtime .ipad .gif-inside {
  width: 382px;
  height: 293px;
  position: absolute;
  left: 59px;
  top: 21px;
  overflow: hidden;
  background: url("../img/gifs/ipad-teamtime.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.mobile-devices-teamtime .iphone {
  width: 277px;
  height: 139px;
  background-image: url(../img/parallax-devices/iphone-teamtime.png);
  top: 215px;
  right: 10%;
}
.mobile-devices-teamtime .iphone .gif-inside {
  width: 204px;
  height: 118px;
  position: absolute;
  left: 35px;
  top: 7px;
  overflow: hidden;
  background: url("../img/gifs/iphone-teamtime.gif") 0px 0px no-repeat;
  background-size: 100% 100%;
}
.devices-teamtime {
  position: relative;
  height: 445px;
  max-width: 1280px;
  margin: 50px auto 100px;
  -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.devices-teamtime > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.devices-teamtime > div h5 {
  font-size: 1.25em;
  color: #333333;
  position: absolute;
  font-weight: 300;
}
.devices-teamtime.loaded {
  opacity: 1;
}
.devices-teamtime .ipad {
  width: 606px;
  height: 432px;
  background-image: url("../img/parallax-devices/ipad-teamtime.png");
  top: 0px;
  left: 24%;
}
.devices-teamtime .ipad h5 {
  bottom: 100%;
  left: 0;
  width: 100%;
  text-align: center;
}
.devices-teamtime .ipad .video-inside {
  width: 459px;
  height: 344px;
  position: absolute;
  left: 73px;
  top: 26px;
  overflow: hidden;
  background-image: url(../img/devices/ipad-teamtime.jpg);
  background-size: 100% auto;
}
.devices-teamtime .ipad .video-inside video {
  height: 100%;
}
.devices-teamtime .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.devices-teamtime .ipad .video-inside.mobile-view {
  background: url("../img/gifs/ipad-teamtime.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.devices-teamtime .ipad .video-inside.mobile-view video {
  display: none;
}
@media (max-width: 991px) {
  .devices-teamtime .ipad .video-inside {
    background: url("../img/gifs/ipad-teamtime.gif") 0px 0px no-repeat;
    background-size: 100%;
  }
  .devices-teamtime .ipad .video-inside video {
    display: none;
  }
}
@media (max-width: 767px) {
  .devices-teamtime .ipad .video-inside {
    display: block;
  }
}
.devices-teamtime .iphone {
  width: 371px;
  height: 185px;
  background-image: url(../img/parallax-devices/iphone-teamtime.png);
  top: 240px;
  right: 19%;
}
.devices-teamtime .iphone h5 {
  top: 25%;
  right: calc(100% + 30px);
  text-align: right;
  width: 130px;
}
.devices-teamtime .iphone .video-inside {
  width: 272px;
  height: 153px;
  position: absolute;
  left: 47px;
  top: 11px;
  overflow: hidden;
  background-image: url(../img/devices/iphone-teamtime.jpg);
  background-size: 100% auto;
}
.devices-teamtime .iphone .video-inside video {
  height: 100%;
}
.devices-teamtime .iphone .video-inside img {
  height: 100%;
  display: none;
}
@media (max-width: 991px) {
  .devices-teamtime .iphone .video-inside {
    background: url("../img/gifs/iphone-teamtime.gif") 0px 0px no-repeat;
    background-size: 100%;
  }
  .devices-teamtime .iphone .video-inside video {
    display: none;
  }
}
.devices-teamtime .iphone .video-inside.mobile-view {
  background: url("../img/gifs/iphone-teamtime.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.devices-teamtime .iphone .video-inside.mobile-view video {
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .devices-teamtime .ipad {
    background-image: url("../img/parallax-devices/ipad-teamtime@2x.png");
  }
  .devices-teamtime .iphone {
    background-image: url("../img/parallax-devices/iphone-teamtime@2x.png");
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .devices-teamtime {
    top: 0px;
  }
  .devices-teamtime .ipad {
    left: 19%;
  }
  .devices-teamtime .iphone {
    right: 12%;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .devices-teamtime {
    margin-top: 50px;
    height: 400px;
  }
  .devices-teamtime .iphone {
    right: 8%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .devices-teamtime {
    margin-top: 30px;
    height: 400px;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .devices-teamtime .iphone {
    right: 5%;
    top: 254px;
  }
  .devices-teamtime .ipad {
    left: 9%;
    top: 10px;
  }
}
@media (max-width: 767px) {
  .devices-teamtime {
    display: none;
  }
}
.mobile-devices-pitch {
  position: relative;
  width: 100%;
  height: 380px;
  margin: 10px auto -20px;
  display: none;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  will-change: transform;
}
.mobile-devices-pitch .mobile-container {
  margin: 0px 0%;
  position: relative;
}
.mobile-devices-pitch .mobile-container > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .mobile-devices-pitch {
    display: block;
  }
}
@media (max-width: 680px) {
  .mobile-devices-pitch {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    height: 360px;
  }
  .mobile-devices-pitch .mobile-container {
    margin: -40px -8%;
  }
}
@media (max-width: 550px) {
  .mobile-devices-pitch {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    will-change: transform;
    height: 340px;
  }
  .mobile-devices-pitch .mobile-container {
    margin: -50px -16%;
  }
}
@media (max-width: 480px) {
  .mobile-devices-pitch {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    height: 320px;
  }
  .mobile-devices-pitch .mobile-container {
    margin: -60px -32%;
  }
}
@media (max-width: 400px) {
  .mobile-devices-pitch {
    -webkit-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -o-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    will-change: transform;
    height: 290px;
  }
  .mobile-devices-pitch .mobile-container {
    margin: -80px -55%;
  }
}
.mobile-devices-pitch .ipad {
  width: 500px;
  height: 360px;
  background-image: url("../img/parallax-devices/ipad-pitch.png");
  top: 0px;
  left: 50%;
  margin-left: -250px;
}
.mobile-devices-pitch .iphone {
  width: 277px;
  height: 139px;
  background-image: url(../img/parallax-devices/iphone-pitch.png);
  top: 215px;
  left: 12%;
}
@media (max-width: 480px) {
  .mobile-devices-pitch .iphone {
    top: 255px;
  }
}
.devices-pitch {
  position: relative;
  height: 445px;
  max-width: 1280px;
  margin: 50px auto 100px;
  -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.devices-pitch > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.devices-pitch > div h5 {
  font-size: 1.25em;
  color: #333333;
  position: absolute;
  font-weight: 300;
}
.devices-pitch.loaded {
  opacity: 1;
}
.devices-pitch .ipad {
  width: 500px;
  height: 359px;
  background-image: url("../img/parallax-devices/ipad-pitch.png");
  top: 0px;
  left: 32%;
}
.devices-pitch .ipad h5 {
  bottom: 100%;
  left: 0;
  width: 100%;
  text-align: center;
}
.devices-pitch .ipad .video-inside {
  width: 459px;
  height: 344px;
  position: absolute;
  left: 73px;
  top: 26px;
  overflow: hidden;
  background-size: 100% auto;
}
.devices-pitch .ipad .video-inside video {
  height: 100%;
}
.devices-pitch .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 767px) {
  .devices-pitch .ipad .video-inside {
    display: block;
  }
}
.devices-pitch .iphone {
  width: 278px;
  height: 139px;
  background-image: url(../img/parallax-devices/iphone-pitch.png);
  top: 240px;
  left: 19%;
}
.devices-pitch .iphone h5 {
  top: 25%;
  right: calc(100% + 30px);
  text-align: right;
  width: 130px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .devices-pitch {
    top: 0px;
  }
  .devices-pitch .ipad {
    left: 30%;
  }
  .devices-pitch .iphone {
    right: 12%;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .devices-pitch {
    margin-top: 30px;
    height: 360px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .devices-pitch {
    margin-top: 30px;
    height: 360px;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .devices-pitch .iphone {
    right: 5%;
    top: 254px;
  }
  .devices-pitch .ipad {
    left: 19%;
    top: 10px;
  }
}
@media (max-width: 767px) {
  .devices-pitch {
    display: none;
  }
}
.mobile-devices-fabric {
  position: relative;
  width: 100%;
  height: 380px;
  margin: 0px auto -40px;
  display: none;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  will-change: transform;
}
.mobile-devices-fabric .mobile-container {
  margin: 0px 0%;
  position: relative;
}
.mobile-devices-fabric .mobile-container > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .mobile-devices-fabric {
    display: block;
  }
}
@media (max-width: 680px) {
  .mobile-devices-fabric {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    height: 360px;
  }
  .mobile-devices-fabric .mobile-container {
    margin: -40px -8%;
  }
}
@media (max-width: 550px) {
  .mobile-devices-fabric {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    will-change: transform;
    height: 340px;
  }
  .mobile-devices-fabric .mobile-container {
    margin: -50px -16%;
  }
}
@media (max-width: 480px) {
  .mobile-devices-fabric {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    height: 320px;
  }
  .mobile-devices-fabric .mobile-container {
    margin: -60px -32%;
  }
}
@media (max-width: 400px) {
  .mobile-devices-fabric {
    -webkit-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -o-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    will-change: transform;
    height: 290px;
  }
  .mobile-devices-fabric .mobile-container {
    margin: -60px -55%;
  }
}
.mobile-devices-fabric .macbook {
  width: 569px;
  height: 350px;
  background-image: url("../img/parallax-devices/macbook-fabric.png");
  top: 0px;
  left: 50%;
  margin-left: -280px;
}
.mobile-devices-fabric .iphone {
  width: 133px;
  height: 273px;
  background-image: url(../img/parallax-devices/iphone-fabric.png);
  top: 80px;
  right: 3%;
}
.devices-fabric {
  position: relative;
  height: 440px;
  margin-top: -20px;
  max-width: 1280px;
  margin: 50px auto 100px;
  -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  margin-bottom: 40px;
}
.devices-fabric > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.devices-fabric > div h5 {
  font-size: 1.25em;
  color: #333333;
  position: absolute;
  font-weight: 300;
}
.devices-fabric.loaded {
  opacity: 1;
}
.devices-fabric .macbook {
  width: 569px;
  height: 350px;
  background-image: url("../img/parallax-devices/macbook-fabric.png");
  top: 20px;
  left: 24%;
}
.devices-fabric .iphone {
  width: 133px;
  height: 273px;
  background-image: url(../img/parallax-devices/iphone-fabric.png);
  top: 120px;
  right: 23%;
}
.devices-fabric .iphone h5 {
  top: 25%;
  right: calc(100% + 30px);
  text-align: right;
  width: 130px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .devices-fabric .iphone {
    background-image: url("../img/parallax-devices/iphone-fabric@2x.png");
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .devices-fabric {
    top: 0px;
  }
  .devices-fabric .macbook {
    left: 19%;
  }
  .devices-fabric .iphone {
    right: 12%;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .devices-fabric {
    margin-top: 30px;
    height: 360px;
  }
  .devices-fabric .macbook {
    left: 17%;
  }
  .devices-fabric .iphone {
    right: 18%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .devices-fabric {
    margin-top: 30px;
    height: 370px;
  }
}
@media (min-width: 767px) and (max-width: 990px) {
  .devices-fabric .iphone {
    right: 5%;
    top: 120px;
  }
  .devices-fabric .macbook {
    left: 9%;
    top: 10px;
  }
}
@media (max-width: 767px) {
  .devices-fabric {
    display: none;
  }
}
.devices-broadcast {
  position: relative;
  height: 250px;
  margin: 0px auto 30px;
  -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.devices-broadcast > div {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.devices-broadcast > div h5 {
  font-size: 1.25em;
  color: #333333;
  position: absolute;
  font-weight: 300;
}
.devices-broadcast.loaded {
  opacity: 1;
}
.devices-broadcast .macbook {
  width: 166px;
  height: 100px;
  background-image: url(../img/parallax-devices/macbook.png);
  top: 40px;
  left: 10%;
}
.devices-broadcast .macbook h5 {
  top: 25%;
  right: calc(100% + 10px);
  text-align: right;
}
.devices-broadcast .ipad {
  width: 330px;
  height: 237px;
  background-image: url("../img/parallax-devices/ipad.png");
  top: 0px;
  left: 24%;
}
.devices-broadcast .ipad .video-inside {
  width: 260px;
  height: 196px;
  position: absolute;
  left: 35px;
  top: 22px;
  overflow: hidden;
  background-image: url(../img/devices/ipad.jpg);
  background-size: 100% auto;
}
.devices-broadcast .ipad .video-inside video {
  height: 100%;
}
.devices-broadcast .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 767px) {
  .devices-broadcast .ipad .video-inside {
    background-image: url(../img/gifs/ipad.gif);
  }
  .devices-broadcast .ipad .video-inside video {
    display: none;
  }
}
.devices-broadcast .iphone {
  width: 190px;
  height: 95px;
  background-image: url(../img/parallax-devices/iphone.png);
  top: 156px;
  left: 8%;
}
.devices-broadcast .iphone .video-inside {
  width: 142px;
  height: 80px;
  position: absolute;
  left: 24px;
  top: 7px;
  overflow: hidden;
  background-image: url(../img/devices/iphone.jpg);
  background-size: 100% auto;
}
.devices-broadcast .iphone .video-inside video {
  height: 100%;
}
.devices-broadcast .iphone .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 767px) {
  .devices-broadcast .iphone .video-inside {
    background-image: url(../img/gifs/iphone.gif);
  }
  .devices-broadcast .iphone .video-inside video {
    display: none;
  }
}
.devices-broadcast .remote {
  width: 163px;
  height: 342px;
  background-image: url(../img/parallax-devices/remote.png);
  right: 18%;
  top: 100px;
}
.devices-broadcast .iphone-2 {
  width: 74px;
  height: 154px;
  background-image: url(../img/parallax-devices/iphone-2.png);
  right: 18%;
  top: 95px;
}
.devices-broadcast .pen {
  width: 12px;
  height: 241px;
  background-image: url(../img/parallax-devices/pen.png);
  right: 15%;
  top: 0px;
}
.devices-broadcast .watch {
  width: 46px;
  height: 88px;
  background-image: url(../img/parallax-devices/watch.png);
  right: 13%;
  top: 161px;
}
@media (max-width: 1200px) {
  .devices-broadcast .ipad {
    left: 12%;
  }
  .devices-broadcast .iphone {
    left: 0%;
  }
  .devices-broadcast .iphone-2 {
    right: 12%;
  }
  .devices-broadcast .watch {
    right: 6%;
  }
  .devices-broadcast .pen {
    right: 10%;
  }
  .devices-broadcast .macbook {
    left: 0%;
  }
}
@media (max-width: 991px) {
  .devices-broadcast {
    width: 455px;
  }
}
@media (max-width: 560px) {
  .devices-broadcast {
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    will-change: transform;
    left: 50%;
    margin-left: -225px;
  }
}
@media (max-width: 400px) {
  .devices-broadcast {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    left: 50%;
    margin-left: -215px;
  }
}
@-webkit-keyframes mailbox {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    will-change: transform;
    transform-style: flat;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: transform;
    transform-style: flat;
  }
}
.homepage #section-1 {
  background-color: #f15d50;
}
@media (max-width: 767px) {
  .homepage #section-1 {
    background-color: #ffffff;
  }
}
.homepage #section-1 .top,
.homepage #section-1 .left {
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .homepage #section-1 .top,
  .homepage #section-1 .left {
    background-color: #f15d50;
  }
}
.homepage #section-1 h1 {
  color: #FFF;
  position: absolute;
  bottom: 100px;
  left: 60px;
  margin: 0;
}
@media (max-width: 1300px) {
  .homepage #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 1500px) {
  .homepage #section-1 h1 {
    font-size: 3em;
  }
}
@media (max-width: 1500px) {
  .homepage #section-1 h1 {
    font-size: 2.5em;
  }
}
@media (max-width: 1100px) {
  .homepage #section-1 h1 {
    font-size: 2em;
  }
}
@media (max-width: 991px) {
  .homepage #section-1 h1 {
    font-size: 1.8em;
  }
}
@media (max-width: 767px) {
  .homepage #section-1 h1 {
    font-size: 1.4em;
    left: 30px;
    bottom: 30px;
  }
}
@media (max-width: 450px) {
  .homepage #section-1 h1 {
    font-size: 1em;
  }
}
.homepage #section-1 h2 {
  position: absolute;
  bottom: 150px;
  width: 100%;
  max-width: 430px;
  font-size: 1.875em;
  left: 60px;
}
@media (max-width: 1440px) {
  .homepage #section-1 h2 {
    max-width: 300px;
  }
}
@media (max-width: 1300px) {
  .homepage #section-1 h2 {
    bottom: 100px;
  }
}
@media (max-width: 1200px) {
  .homepage #section-1 h2 {
    display: none;
  }
}
@media (min-width: 2400px) {
  .homepage #section-1 h2 {
    bottom: 200px;
  }
}
.homepage #section-1 .welcome-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f15d50;
  top: 0px;
  left: 0px;
}
@media (max-width: 767px) {
  .homepage #section-1 .welcome-placeholder {
    display: none;
  }
}
.homepage #section-livestream .section-small-video {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .homepage #section-livestream .section-small-video {
    margin-top: 25px;
  }
}
@media (min-width: 991px) and (max-width: 1300px) {
  .homepage #section-livestream .section-small-video {
    margin-top: 80px;
  }
}
.homepage #section-2 {
  text-align: left;
}
.homepage #section-2 .left-text {
  width: 460px;
  margin: 0 0 0;
}
@media screen and (max-width: 991px) {
  .homepage #section-2 .left-text {
    width: auto;
  }
}
@media screen and (min-width: 2400px) {
  .homepage #section-2 .left-text {
    width: 40%;
  }
}
@media screen and (max-width: 991px) {
  .homepage #section-2 .buttons-bottom {
    text-align: left;
  }
}
.homepage #section-3 {
  text-align: left;
  z-index: 60;
}
.homepage #section-3 .section-border {
  position: relative;
  padding: 60px;
}
@media (max-width: 767px) {
  .homepage #section-3 .section-border {
    padding: 40px ;
  }
}
.homepage #section-3 .section-border {
  background: url(../img/backgrounds/s3.jpg) 95% 50% no-repeat;
}
@media (max-width: 1300px) {
  .homepage #section-3 .section-border {
    padding-bottom: 400px;
    background: url(../img/backgrounds/s3.jpg) 50% 90% no-repeat;
  }
}
@media (max-width: 530px) {
  .homepage #section-3 .section-border {
    background-size: 90% auto;
  }
}
.homepage #section-3 .section-border .top,
.homepage #section-3 .section-border .bottom {
  width: 0;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.homepage #section-3 .section-border .right,
.homepage #section-3 .section-border .left {
  height: 0;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.homepage #section-3 .animated-border.on-screen .top,
.homepage #section-3 .animated-border.on-screen .bottom {
  width: 100%;
}
.homepage #section-3 .animated-border.on-screen .right,
.homepage #section-3 .animated-border.on-screen .left {
  height: calc(100% - 136px);
}
.homepage #section-3 .quote-box {
  margin: 0;
  width: 740px;
}
.homepage #section-3 .quote-box .quote-text {
  font-size: 2.625em;
}
@media (max-width: 1300px) {
  .homepage #section-3 .quote-box {
    width: auto;
  }
}
@media (max-width: 991px) {
  .homepage #section-3 .quote-box {
    margin: 80px;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .homepage #section-3 .quote-box {
    margin: 0;
  }
}
@media screen and (min-width: 2400px) {
  .homepage #section-3 .quote-box {
    width: 60%;
  }
}
.homepage #section-3 .quote-description {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .homepage #section-3 .quote-description {
    margin-left: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .homepage #section-3 .quote-description {
    margin-left: 0;
  }
}
.homepage #section-photo-0 {
  background-image: url(../img/backgrounds/home-photo-1.jpg);
  background-position: 50% 0px;
  background-color: #f8f8f8;
}
.homepage #section-photo-0 p {
  color: #2e474e;
}
@media (min-width: 992px) {
  .homepage #section-photo-0 h1 {
    position: absolute;
    bottom: 40px;
    right: 60px;
  }
}
.homepage #section-photo-1 {
  background-image: url(../img/backgrounds/image-1.jpg);
  background-position: 50% 70%;
}
@media (max-width: 1460px) {
  .homepage #section-photo-1 {
    background-position: 100% 100%;
  }
}
@media (max-width: 991px) {
  .homepage #section-photo-1 {
    background-position: 90% 100%;
  }
}
@media (max-width: 500px) {
  .homepage #section-photo-1 {
    background-position: 80% 100%;
  }
}
@media (min-width: 992px) {
  .homepage #section-photo-1 h1 {
    position: absolute;
    bottom: 40px;
    right: 60px;
  }
}
.homepage #section-photo-2 {
  background-image: url(../img/backgrounds/image-2.jpg);
  background-position: 100% 50%;
}
@media (max-width: 850px) {
  .homepage #section-photo-2 {
    background-position: 80% 100%;
  }
}
.homepage #section-photo-2 p {
  color: #2e474e;
}
@media (min-width: 992px) {
  .homepage #section-photo-2 h1 {
    position: absolute;
    bottom: 40px;
    right: 60px;
  }
}
.homepage #section-photo-3 {
  background-image: url(../img/backgrounds/image-3.jpg);
  background-position: 100% 70%;
}
@media (max-width: 1460px) {
  .homepage #section-photo-3 {
    background-position: 100% 0%;
  }
}
@media (max-width: 991px) {
  .homepage #section-photo-3 {
    background-position: 100% 100%;
  }
}
@media (max-width: 991px) {
  .homepage #section-photo-3 {
    background-position: 90% 100%;
  }
}
@media (min-width: 992px) {
  .homepage #section-photo-3 h1 {
    position: absolute;
    bottom: 40px;
    right: 60px;
  }
}
.homepage #section-photo-4 {
  background-image: url(../img/backgrounds/image-4.jpg);
  background-position: 50% 0;
}
@media (max-width: 991px) {
  .homepage #section-photo-4 {
    background-position: 70% 0;
  }
}
@media (max-width: 767px) {
  .homepage #section-photo-4 {
    background-position: 100% 0;
  }
}
@media (max-width: 560px) {
  .homepage #section-photo-4 {
    background-position: 70% 0;
  }
}
@media (min-width: 992px) {
  .homepage #section-photo-4 h1 {
    position: absolute;
    bottom: 40px;
    right: 60px;
  }
}
@media (min-width: 1024px) and (max-width: 1999px) {
  .homepage #section-photo-4 article {
    width: 560px;
  }
}
.homepage #section-studio .buttons-bottom {
  text-align: right;
}
.homepage #section-studio .buttons-bottom .btn {
  margin-right: 0;
}
.homepage #section-studio h3 {
  text-align: center;
}
.homepage #section-teamtime {
  position: relative;
}
.homepage #section-teamtime .buttons-bottom {
  text-align: right;
}
.homepage #section-teamtime .buttons-bottom .btn {
  margin-right: 0;
}
.homepage #section-teamtime h3 {
  text-align: center;
}
.homepage #section-pitch {
  position: relative;
}
.homepage #section-pitch .buttons-bottom {
  text-align: right;
}
.homepage #section-pitch .buttons-bottom .btn {
  margin-right: 0;
}
.homepage #section-pitch h3 {
  text-align: center;
}
.homepage #section-fabric {
  position: relative;
}
.homepage #section-fabric .buttons-bottom {
  text-align: right;
}
.homepage #section-fabric .buttons-bottom .btn {
  margin-right: 0;
}
.homepage #section-fabric h3 {
  text-align: center;
}
.homepage .smart-screen {
  position: absolute;
  top: 40px;
  left: 545px;
  width: 800px;
  perspective: 700px;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  will-change: transform;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 992px) and (max-width: 1300px) {
  .homepage .smart-screen {
    -webkit-transform: scale(0.65, 0.65);
    -moz-transform: scale(0.65, 0.65);
    -ms-transform: scale(0.65, 0.65);
    -o-transform: scale(0.65, 0.65);
    transform: scale(0.65, 0.65);
    will-change: transform;
    top: 50px;
    left: 345px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .homepage .smart-screen {
    position: relative;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    will-change: transform;
    top: auto;
    right: auto;
    margin: 80px auto 40px;
    left: -40px;
  }
}
@media (max-width: 767px) {
  .homepage .smart-screen {
    display: none;
  }
}
@media (min-width: 2400px) {
  .homepage .smart-screen {
    left: 50%;
  }
}
.homepage .smart-screen.on-screen {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  will-change: transform;
  right: -50px;
}
.homepage .smart-screen.on-screen .smart-transform {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  will-change: transform;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(25px, 0px, 0) !important;
  -moz-transform: translate3d(25px, 0px, 0) !important;
  -ms-transform: translate3d(25px, 0px, 0) !important;
  -o-transform: translate3d(25px, 0px, 0) !important;
  transform: translate3d(25px, 0px, 0) !important;
  will-change: transform !important;
}
.homepage .smart-screen.on-screen .smart-transform .pic-1 {
  -webkit-transform: translate3d(50px, 50px, 0) !important;
  -moz-transform: translate3d(50px, 50px, 0) !important;
  -ms-transform: translate3d(50px, 50px, 0) !important;
  -o-transform: translate3d(50px, 50px, 0) !important;
  transform: translate3d(50px, 50px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.homepage .smart-screen.on-screen .smart-transform .pic-2 {
  -webkit-transform: translate3d(50px, 30px, 0) !important;
  -moz-transform: translate3d(50px, 30px, 0) !important;
  -ms-transform: translate3d(50px, 30px, 0) !important;
  -o-transform: translate3d(50px, 30px, 0) !important;
  transform: translate3d(50px, 30px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.homepage .smart-screen.on-screen .smart-transform .title {
  -webkit-transform: translate3d(10px, 0px, 0) !important;
  -moz-transform: translate3d(10px, 0px, 0) !important;
  -ms-transform: translate3d(10px, 0px, 0) !important;
  -o-transform: translate3d(10px, 0px, 0) !important;
  transform: translate3d(10px, 0px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.homepage .smart-screen.on-screen .smart-transform .woman {
  -webkit-transform: translate3d(20px, 0px, 0) !important;
  -moz-transform: translate3d(20px, 0px, 0) !important;
  -ms-transform: translate3d(20px, 0px, 0) !important;
  -o-transform: translate3d(20px, 0px, 0) !important;
  transform: translate3d(20px, 0px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.homepage .smart-screen.on-screen .smart-transform .back {
  -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.homepage .smart-screen.on-screen .smart-transform > div {
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 767px) and (max-width: 991px) {
  .homepage .smart-screen.on-screen .smart-transform {
    -webkit-transform: translate3d(50px, 0px, 0) !important;
    -moz-transform: translate3d(50px, 0px, 0) !important;
    -ms-transform: translate3d(50px, 0px, 0) !important;
    -o-transform: translate3d(50px, 0px, 0) !important;
    transform: translate3d(50px, 0px, 0) !important;
    will-change: transform !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .homepage .smart-screen.on-screen {
    -webkit-transform: scale(0.65, 0.65);
    -moz-transform: scale(0.65, 0.65);
    -ms-transform: scale(0.65, 0.65);
    -o-transform: scale(0.65, 0.65);
    transform: scale(0.65, 0.65);
    will-change: transform;
    right: 60px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .homepage .smart-screen.on-screen {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    will-change: transform;
  }
}
.homepage .smart-screen .smart-transform {
  -webkit-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  will-change: transform;
  transform-style: flat;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  width: 700px;
  height: 394px;
  position: relative;
}
.homepage .smart-screen .smart-transform > div {
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.homepage .smart-screen .back {
  width: 700px;
  height: 394px;
  background: url(../img/smart-screen/back.jpg) 0 0 no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}
.homepage .smart-screen .pic-1 {
  width: 200px;
  height: 123px;
  background: url(../img/smart-screen/pic-1.png) 0 0 no-repeat;
  position: absolute;
  background-size: 100% auto;
  left: -30px;
  top: -30px;
}
.homepage .smart-screen .pic-2 {
  width: 200px;
  height: 123px;
  background: url(../img/smart-screen/pic-2.png) 0 0 no-repeat;
  position: absolute;
  background-size: 100% auto;
  left: -30px;
  top: 130px;
}
.homepage .smart-screen .pic-3 {
  width: 160px;
  height: 186px;
  background: url(../img/smart-screen/pic-3.png) 0 0 no-repeat;
  position: absolute;
  background-size: 100% auto;
  right: 20px;
  top: 20px;
}
.homepage .smart-screen .poll {
  width: 160px;
  height: 150px;
  background: url(../img/smart-screen/poll.png) 0 0 no-repeat;
  position: absolute;
  background-size: 100% auto;
  right: 20px;
  top: 225px;
}
.homepage .smart-screen .woman {
  width: 237px;
  height: 367px;
  background: url(../img/smart-screen/woman.png) 0 0 no-repeat;
  position: absolute;
  left: 240px;
  top: 27px;
}
.homepage .smart-screen .title {
  width: 500px;
  height: 60px;
  background: url(../img/smart-screen/title.png) 0 0 no-repeat;
  position: absolute;
  left: -9px;
  bottom: 18px;
}
@media (max-width: 450px) {
  .studio .slogan {
    display: none;
  }
}
.studio #section-1 {
  overflow: hidden;
}
.studio #section-1 .tc-studio-logo {
  width: 284px;
  height: 70px;
  background: url("../img/logo/tc-studio-logo.svg") 0px 0px no-repeat;
  position: relative;
  background-size: 100% 100%;
  margin: 0px auto 30px;
}
.studio #section-1 .container {
  text-align: center;
}
.studio #section-1 .container h3 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .studio #section-1 .container h3 {
    padding-right: 0px;
  }
}
@media (max-width: 991px) {
  .studio #section-1 .container {
    text-align: left;
  }
}
.studio #section-2 {
  text-align: center;
  text-align: left;
}
.studio #section-2 h3 {
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .studio #section-2 h3 {
    margin-bottom: 15px;
  }
}
.studio #section-2 p {
  margin: 0;
}
@media (max-width: 991px) {
  .studio #section-2 p {
    margin-bottom: 30px;
  }
}
.studio #section-studio-list .tc-studio-logo {
  margin-bottom: 30px;
}
.studio #section-studio-list ul {
  margin-top: 30px;
}
.studio #section-studio-list ul li {
  color: #2e474e;
}
.studio #section-studio-list .screen {
  padding-top: 30px;
}
.studio #section-features h2,
.studio #section-features-2 h2 {
  margin-bottom: 40px;
}
.studio #section-features h3,
.studio #section-features-2 h3 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 20px;
}
.studio #section-features .section-border,
.studio #section-features-2 .section-border {
  margin-top: 30px;
  padding: 0;
}
.studio #section-features .pfix,
.studio #section-features-2 .pfix {
  margin-bottom: 2.6em;
}
@media (max-width: 1300px) {
  .studio #section-features .pfix,
  .studio #section-features-2 .pfix {
    margin-bottom: 0em;
  }
}
.studio #section-features img,
.studio #section-features-2 img {
  width: 100%;
}
.studio #section-features-2 .row-2 {
  margin-top: 50px;
}
.studio #section-features-2 .big-border {
  margin-top: 30px;
}
.studio #section-companion .remote-logo {
  width: 269px;
  height: 50px;
  display: block;
  background: url(../img/logo/tc_web_touchcast_studio_remote_logotype.svg) no-repeat;
  background-size: auto 100%;
  margin: 50px 0px 30px;
}
@media (max-width: 767px) {
  .studio #section-companion .remote-logo {
    margin: 20px 0px 20px;
  }
}
.studio #section-companion .camera-logo {
  width: 273px;
  height: 50px;
  display: block;
  background: url(../img/logo/tc_web_touchcast_studio_camera_logotype.svg) no-repeat;
  background-size: auto 100%;
  margin: 50px 0px 30px;
}
@media (max-width: 767px) {
  .studio #section-companion .camera-logo {
    margin: 20px 0px 20px;
  }
}
.studio #section-companion .screencam-logo {
  width: 324px;
  height: 50px;
  display: block;
  background: url(../img/logo/tc_web_touchcast_studio_screencam_logotype.svg) no-repeat;
  background-size: auto 100%;
  margin: 50px 0px 30px;
}
@media (max-width: 767px) {
  .studio #section-companion .screencam-logo {
    margin: 20px 0px 20px;
  }
}
.studio #section-companion .btn {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .studio #section-companion .btn {
    margin-top: 20px;
  }
}
.studio #section-companion p {
  margin: 0;
  padding-right: 320px;
}
@media (max-width: 767px) {
  .studio #section-companion p {
    padding-right: 0;
  }
}
.studio #section-companion .photo-right {
  float: right;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin-left: 50px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .studio #section-companion .photo-right {
    margin-left: 0;
    float: none;
    max-height: 180px;
    max-width: 200px;
  }
}
.studio #section-text {
  text-align: center;
}
@media (max-width: 767px) {
  .studio #section-text {
    text-align: left;
  }
}
.studio #section-hand {
  text-align: left;
}
.studio #section-hand .subtitle {
  margin-top: 10px;
  margin-bottom: 0;
}
.studio #section-hand img {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .studio #section-hand {
    text-align: left;
  }
}
.studio #section-hand .ipad {
  width: 842px;
  height: 595px;
  background: url("../img/devices/ipad-2.png") 0px 0px no-repeat;
  margin: 30px auto -40px;
  position: relative;
}
@media (max-width: 991px) {
  .studio #section-hand .ipad {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    left: 50%;
    margin-left: -420px;
    margin-top: -40px;
    margin-bottom: -80px;
  }
}
@media (max-width: 650px) {
  .studio #section-hand .ipad {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    margin-top: -100px;
    margin-bottom: -130px;
  }
}
@media (max-width: 480px) {
  .studio #section-hand .ipad {
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
    will-change: transform;
    margin-top: -180px;
    margin-bottom: -220px;
  }
}
.studio #section-hand .ipad .video-inside {
  width: 623px;
  height: 467px;
  position: absolute;
  left: 111px;
  top: 39px;
  overflow: hidden;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .studio #section-hand .ipad .video-inside {
    background: url("../img/gifs/webinar-1.gif") 50% 0px no-repeat;
    background-size: auto 100%;
  }
}
.studio #section-hand .ipad .video-inside video {
  max-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .studio #section-hand .ipad .video-inside video {
    display: none;
  }
}
.studio #section-hand .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.studio #section-hand .ipad .video-inside.mobile-view {
  background: url("../img/gifs/webinar-1.gif") 50% 0px no-repeat;
  background-size: auto 100%;
}
.studio #section-hand .ipad .video-inside.mobile-view video {
  display: none;
}
.studio #section-3 {
  text-align: left;
  z-index: 60;
}
.studio #section-3 .section-border {
  padding: 50px;
}
@media (max-width: 767px) {
  .studio #section-3 .section-border {
    padding: 36px;
  }
}
.studio #section-3 .section-border .top,
.studio #section-3 .section-border .bottom {
  width: 0%;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.studio #section-3 .section-border .right,
.studio #section-3 .section-border .left {
  height: 0%;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.studio #section-3 .section-border p {
  margin: 0;
  letter-spacing: -0.2px;
}
.studio #section-3 .section-border h3 {
  margin-bottom: 20px;
}
.studio #section-3 .animated-border.on-screen .top,
.studio #section-3 .animated-border.on-screen .bottom {
  width: 100%;
}
.studio #section-3 .animated-border.on-screen .right,
.studio #section-3 .animated-border.on-screen .left {
  height: calc(100% - 56px);
}
.studio .smart-screen {
  position: absolute;
  top: -35px;
  right: 70px;
  width: 100%;
  perspective: 700px;
  -webkit-transform: scale(0.75, 0.75);
  -moz-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  -o-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
  will-change: transform;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 992px) and (max-width: 1200px) {
  .studio .smart-screen {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    will-change: transform;
    right: 85px;
    top: -40px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .studio .smart-screen {
    position: relative;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    will-change: transform;
    top: auto;
    right: auto;
    margin: 80px auto 40px;
    left: -40px;
  }
}
@media (max-width: 767px) {
  .studio .smart-screen {
    display: none;
  }
}
.studio .smart-screen.on-screen {
  -webkit-transform: scale(0.75, 0.75);
  -moz-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  -o-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
  will-change: transform;
  right: 45px;
}
.studio .smart-screen.on-screen .smart-transform {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  will-change: transform;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(25px, 0px, 0) !important;
  -moz-transform: translate3d(25px, 0px, 0) !important;
  -ms-transform: translate3d(25px, 0px, 0) !important;
  -o-transform: translate3d(25px, 0px, 0) !important;
  transform: translate3d(25px, 0px, 0) !important;
  will-change: transform !important;
}
.studio .smart-screen.on-screen .smart-transform .pic-1 {
  -webkit-transform: translate3d(50px, 50px, 0) !important;
  -moz-transform: translate3d(50px, 50px, 0) !important;
  -ms-transform: translate3d(50px, 50px, 0) !important;
  -o-transform: translate3d(50px, 50px, 0) !important;
  transform: translate3d(50px, 50px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.studio .smart-screen.on-screen .smart-transform .pic-2 {
  -webkit-transform: translate3d(50px, 30px, 0) !important;
  -moz-transform: translate3d(50px, 30px, 0) !important;
  -ms-transform: translate3d(50px, 30px, 0) !important;
  -o-transform: translate3d(50px, 30px, 0) !important;
  transform: translate3d(50px, 30px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.studio .smart-screen.on-screen .smart-transform .title {
  -webkit-transform: translate3d(10px, 0px, 0) !important;
  -moz-transform: translate3d(10px, 0px, 0) !important;
  -ms-transform: translate3d(10px, 0px, 0) !important;
  -o-transform: translate3d(10px, 0px, 0) !important;
  transform: translate3d(10px, 0px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.studio .smart-screen.on-screen .smart-transform .woman {
  -webkit-transform: translate3d(20px, 0px, 0) !important;
  -moz-transform: translate3d(20px, 0px, 0) !important;
  -ms-transform: translate3d(20px, 0px, 0) !important;
  -o-transform: translate3d(20px, 0px, 0) !important;
  transform: translate3d(20px, 0px, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.studio .smart-screen.on-screen .smart-transform .back {
  -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.studio .smart-screen.on-screen .smart-transform > div {
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform !important;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 767px) and (max-width: 991px) {
  .studio .smart-screen.on-screen .smart-transform {
    -webkit-transform: translate3d(50px, 0px, 0) !important;
    -moz-transform: translate3d(50px, 0px, 0) !important;
    -ms-transform: translate3d(50px, 0px, 0) !important;
    -o-transform: translate3d(50px, 0px, 0) !important;
    transform: translate3d(50px, 0px, 0) !important;
    will-change: transform !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .studio .smart-screen.on-screen {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    will-change: transform;
    right: 60px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .studio .smart-screen.on-screen {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    will-change: transform;
  }
}
.studio .smart-screen .smart-transform {
  -webkit-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  will-change: transform;
  transform-style: flat;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  width: 700px;
  height: 394px;
  position: relative;
}
.studio .smart-screen .smart-transform > div {
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.studio .smart-screen .back {
  width: 700px;
  height: 394px;
  background: url(../img/smart-screen/back.jpg) 0px 0px no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}
.studio .smart-screen .pic-1 {
  width: 200px;
  height: 123px;
  background: url(../img/smart-screen/pic-1.png) 0px 0px no-repeat;
  position: absolute;
  background-size: 100% auto;
  left: -30px;
  top: -30px;
}
.studio .smart-screen .pic-2 {
  width: 200px;
  height: 123px;
  background: url(../img/smart-screen/pic-2.png) 0px 0px no-repeat;
  position: absolute;
  background-size: 100% auto;
  left: -30px;
  top: 130px;
}
.studio .smart-screen .pic-3 {
  width: 160px;
  height: 186px;
  background: url(../img/smart-screen/pic-3.png) 0px 0px no-repeat;
  position: absolute;
  background-size: 100% auto;
  right: 20px;
  top: 20px;
}
.studio .smart-screen .poll {
  width: 160px;
  height: 150px;
  background: url(../img/smart-screen/poll.png) 0px 0px no-repeat;
  position: absolute;
  background-size: 100% auto;
  right: 20px;
  top: 225px;
}
.studio .smart-screen .woman {
  width: 237px;
  height: 367px;
  background: url(../img/smart-screen/woman.png) 0px 0px no-repeat;
  position: absolute;
  left: 240px;
  top: 27px;
}
.studio .smart-screen .title {
  width: 500px;
  height: 60px;
  background: url(../img/smart-screen/title.png) 0px 0px no-repeat;
  position: absolute;
  left: -9px;
  bottom: 18px;
}
@media (max-width: 450px) {
  .teamtime .slogan {
    display: none;
  }
}
.teamtime #section-1 {
  overflow: hidden;
}
.teamtime #section-1 .tc-teamtime-logo {
  width: 284px;
  height: 70px;
  background: url("../img/logo/tc-teamtime-logo.svg") 0px 0px no-repeat;
  position: relative;
  background-size: 100% 100%;
  margin: 0px auto 30px;
}
.teamtime #section-1 .container {
  text-align: center;
}
.teamtime #section-1 .container h3 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .teamtime #section-1 .container h3 {
    padding-right: 0px;
  }
}
@media (max-width: 991px) {
  .teamtime #section-1 .container {
    text-align: left;
  }
}
.teamtime #section-2 {
  text-align: center;
}
.teamtime #section-2 .hand {
  width: 666px;
  height: 407px;
  background: url(../img/devices/hand.png) 0px 0px no-repeat;
  position: absolute;
  top: 50%;
  right: 0px;
}
@media (max-width: 991px) {
  .teamtime #section-2 .hand {
    width: 400px;
    background-size: 100% auto;
    right: 0px;
  }
}
@media (max-width: 600px) {
  .teamtime #section-2 .hand {
    width: 300px;
    right: 0px;
  }
}
@media (max-width: 480px) {
  .teamtime #section-2 .hand {
    width: 200px;
    height: 100px;
    right: 0px;
    top: 65%;
  }
}
.teamtime #section-2 .btn {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
@media screen and (max-width: 767px) {
  .teamtime #section-2 .btn {
    bottom: 30px;
    right: 30px;
  }
}
.teamtime #section-2 .subtitle {
  margin-top: 10px;
  margin-bottom: 0;
}
.teamtime #section-2 img {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .teamtime #section-2 {
    text-align: left;
  }
}
.teamtime #section-2 .ipad {
  width: 842px;
  height: 595px;
  background: url("../img/devices/ipad-2.png") 0px 0px no-repeat;
  margin: 30px auto -40px;
  position: relative;
}
@media (max-width: 991px) {
  .teamtime #section-2 .ipad {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    left: 50%;
    margin-left: -420px;
    margin-top: -40px;
    margin-bottom: -80px;
  }
}
@media (max-width: 650px) {
  .teamtime #section-2 .ipad {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    margin-top: -100px;
    margin-bottom: -130px;
  }
}
@media (max-width: 480px) {
  .teamtime #section-2 .ipad {
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
    will-change: transform;
    margin-top: -180px;
    margin-bottom: -220px;
  }
}
.teamtime #section-2 .ipad .video-inside {
  width: 623px;
  height: 467px;
  position: absolute;
  left: 111px;
  top: 39px;
  overflow: hidden;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .teamtime #section-2 .ipad .video-inside {
    background: url("../img/gifs/teamtime-s04.gif") 0px 0px no-repeat;
    background-size: 100%;
  }
}
.teamtime #section-2 .ipad .video-inside video {
  height: 100%;
}
@media (max-width: 767px) {
  .teamtime #section-2 .ipad .video-inside video {
    display: none;
  }
}
.teamtime #section-2 .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.teamtime #section-2 .ipad .video-inside.mobile-view {
  background: url("../img/gifs/teamtime-s04.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.teamtime #section-2 .ipad .video-inside.mobile-view video {
  display: none;
}
.teamtime #section-teamtime-list .tc-teamtime-logo {
  margin-bottom: 30px;
}
.teamtime #section-teamtime-list ul {
  margin-top: 30px;
}
.teamtime #section-teamtime-list ul li {
  color: #2e474e;
}
.teamtime #section-teamtime-list .screen {
  padding-top: 30px;
}
.teamtime #section-3 {
  text-align: left;
  z-index: 60;
}
.teamtime #section-3 .section-border {
  padding: 50px;
}
@media (max-width: 767px) {
  .teamtime #section-3 .section-border {
    padding: 36px;
  }
}
.teamtime #section-3 .section-border .top,
.teamtime #section-3 .section-border .bottom {
  width: 0%;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.teamtime #section-3 .section-border .right,
.teamtime #section-3 .section-border .left {
  height: 0%;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.teamtime #section-3 .section-border p {
  margin: 0;
}
.teamtime #section-3 .section-border h3 {
  margin-bottom: 20px;
}
.teamtime #section-3 .animated-border.on-screen .top,
.teamtime #section-3 .animated-border.on-screen .bottom {
  width: 100%;
}
.teamtime #section-3 .animated-border.on-screen .right,
.teamtime #section-3 .animated-border.on-screen .left {
  height: calc(100% - 56px);
}
.teamtime #section-3 .ipad-2 {
  width: 842px;
  height: 595px;
  margin: 0;
  padding: 0;
  perspective: 700px;
  margin-left: -170px;
  margin-top: -16px;
  margin-bottom: -155px;
  z-index: 200;
  position: relative;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
  will-change: transform;
}
.teamtime #section-3 .ipad-2 .ipad-transform {
  background: url(../img/devices/ipad-2.png) 0px 0px no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: rotateY(-20deg) scale(0.85, 1);
  -moz-transform: rotateY(-20deg) scale(0.85, 1);
  -ms-transform: rotateY(-20deg) scale(0.85, 1);
  -o-transform: rotateY(-20deg) scale(0.85, 1);
  transform: rotateY(-20deg) scale(0.85, 1);
  will-change: transform;
  transform-style: flat;
}
.teamtime #section-3 .ipad-2 .video-inside {
  width: 623px;
  height: 500px;
  position: absolute;
  top: 38px;
  left: 112px;
  overflow: hidden;
}
.teamtime #section-3 .ipad-2 .video-inside video {
  width: 100%;
}
@media (max-width: 991px) {
  .teamtime #section-3 .ipad-2 .video-inside {
    background: url("../img/gifs/teamtime-s02.gif") 0px 0px no-repeat;
    background-size: 100% auto;
  }
  .teamtime #section-3 .ipad-2 .video-inside video {
    display: none;
  }
}
@media (max-width: 1200px) {
  .teamtime #section-3 .ipad-2 {
    margin-left: -220px;
    margin-top: -54px;
    margin-bottom: -120px;
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
  }
}
@media (max-width: 991px) {
  .teamtime #section-3 .ipad-2 {
    margin-top: 0;
    margin-left: -110px;
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .teamtime #section-3 .ipad-2 {
    margin: 0;
    left: 50%;
    -webkit-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -moz-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -ms-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -o-transform: scale(0.85, 0.85) translate(-64%, 50px);
    transform: scale(0.85, 0.85) translate(-64%, 50px);
    will-change: transform;
  }
}
@media (max-width: 600px) {
  .teamtime #section-3 .ipad-2 {
    -webkit-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -moz-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -ms-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -o-transform: scale(0.5, 0.5) translate(-105%, 0px);
    transform: scale(0.5, 0.5) translate(-105%, 0px);
    will-change: transform;
    margin: -100px auto -150px;
  }
}
.pitch #section-1 {
  background-image: url(../img/backgrounds/pitch-1.jpg);
}
@media (max-width: 991px) {
  .pitch #section-1 {
    min-height: 0;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .pitch #section-1 {
    height: auto;
    background-image: none;
  }
  .pitch #section-1 .slogan {
    display: none;
  }
}
.pitch #section-1 .section-content {
  padding: 156px 0;
  display: block;
  height: 100%;
}
@media (max-width: 991px) {
  .pitch #section-1 .section-content {
    padding: 0;
  }
}
.pitch #section-1 .section-content article {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .pitch #section-1 .section-content article {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .pitch #section-1 .section-content article {
    display: block;
    flex-direction: inherit;
    justify-content: inherit;
    margin-top: 20px;
  }
}
.pitch #section-1 .section-content article h1 {
  font-weight: 700;
}
@media (min-width: 768px) {
  .pitch #section-1 .section-content article h1 {
    color: white;
    font-size: 65px;
    margin-bottom: .9em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pitch #section-1 .section-content article h1 {
    margin-bottom: 30px;
  }
}
.pitch #section-1 .section-content article h2 {
  font-weight: 300;
}
@media (min-width: 768px) {
  .pitch #section-1 .section-content article h2 {
    color: white;
    font-size: 42px;
    margin-bottom: .77em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pitch #section-1 .section-content article h2 {
    margin-bottom: 30px;
  }
}
.pitch #section-1 .section-content article p {
  font-weight: 300;
}
@media (min-width: 768px) {
  .pitch #section-1 .section-content article p {
    color: white;
    font-size: 24px;
    letter-spacing: .15px;
  }
}
@media (max-width: 767px) {
  .pitch #section-1 .section-content article p {
    margin-top: 0;
  }
}
.pitch #section-2 .row > div {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .pitch #section-2 .row > div:not(:last-child) {
    margin-bottom: 30px;
  }
}
.pitch #section-2 .row > div .text {
  margin-bottom: 22px;
}
@media (max-width: 1300px) {
  .pitch #section-2 .row > div .image {
    text-align: center;
  }
}
.pitch #section-2 .row > div .image img {
  width: 100%;
}
@media (max-width: 991px) {
  .pitch #section-5 .row > div:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media (min-width: 1300px) {
  .pitch #section-5 .row > div:nth-child(1) h3 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .pitch #section-5 .row > div:nth-child(1) h3 br {
    display: none;
  }
}
@media (min-width: 1300px) {
  .pitch #section-5 .row > div:nth-child(3) h3 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .pitch #section-5 .row > div:nth-child(3) h3 br {
    display: none;
  }
}
@media (max-width: 1300px) {
  .pitch #section-5 .row > div .image {
    text-align: center;
  }
}
.pitch #section-5 .row > div .image img {
  width: 100%;
}
@media (max-width: 991px) {
  .pitch #section-6 .row > div:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media (min-width: 1300px) {
  .pitch #section-6 .row > div:nth-child(2) h3 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .pitch #section-6 .row > div:nth-child(2) h3 br {
    display: none;
  }
}
@media (min-width: 1300px) {
  .pitch #section-6 .row > div:nth-child(3) h3 br {
    display: none;
  }
}
@media (max-width: 991px) {
  .pitch #section-6 .row > div:nth-child(3) h3 br {
    display: none;
  }
}
@media (max-width: 1300px) {
  .pitch #section-6 .row > div .image {
    text-align: center;
  }
}
.pitch #section-6 .row > div .image img {
  width: 100%;
}
@media (max-width: 767px) {
  .pitch #section-8 .row .row > div {
    padding-left: 22px !important;
  }
}
.pitch #section-8 .row .row > div ul li {
  color: #364950;
}
.pitch #section-8 .row .row > div ul li:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .pitch #section-9 .row > div:not(:last-child) {
    margin-bottom: 30px;
  }
}
.pitch #section-9 .row > div:first-child .image {
  margin-bottom: 6px;
}
.pitch #section-9 .row > div:first-child .image img {
  min-height: 232px;
}
@media (max-width: 991px) {
  .pitch #section-9 .row > div:first-child .image img {
    min-height: 0;
    height: auto;
  }
}
.pitch #section-9 .row > div .image {
  text-align: center;
}
@media (max-width: 991px) {
  .pitch #section-9 .row > div .image img {
    width: 100%;
    min-height: 0;
    height: auto;
  }
}
.pitch #section-lets-talk .tc-small-logo {
  margin-right: 9px;
}
.pitch-2 #section-1 .tc-pitch-logo-2 {
  background: url(../img/pitch/pitch.png) no-repeat center center;
  background-size: contain;
}
.pitch-2 #section-1 h1,
.pitch-2 #section-1 h2 {
  font-weight: bold;
  margin-bottom: 0;
  color: #9fc361;
}
.pitch-2 #section-1 h1 {
  position: absolute;
  bottom: 100px;
  right: 50px;
}
@media (max-width: 1500px) {
  .pitch-2 #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .pitch-2 #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .pitch-2 #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
.pitch-2 #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
  max-width: 500px;
}
@media (max-width: 1500px) {
  .pitch-2 #section-1 .text-content {
    bottom: 50px;
  }
}
.pitch-2 #section-1 .text-content p {
  width: 500px;
}
@media (max-width: 991px) {
  .pitch-2 #section-1 .text-content p {
    width: auto;
  }
}
@media (max-width: 991px) {
  .pitch-2 #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .pitch-2 #section-1 .text-content {
    margin: 20px;
  }
}
.pitch-2 #section-1 .pitch-banner-img {
  width: 45vw;
  margin: 50px auto;
}
.pitch-2 .flex {
  display: flex;
  align-items: center;
}
.pitch-2 .flex > div:last-child {
  margin-left: -1px;
}
.pitch-2 .tc-appstore-wrapper img {
  margin-right: 27px;
}
@media (max-width: 450px) {
  .fabric .slogan {
    display: none;
  }
}
.fabric #section-1 {
  overflow: hidden;
}
.fabric #section-1 .tc-fabric-logo {
  width: 284px;
  height: 70px;
  background: url("../img/logo/tc-fabric-logo.svg") 0px 0px no-repeat;
  position: relative;
  background-size: 100% 100%;
  margin: 0px auto 30px;
}
@media (max-width: 767px) {
  .fabric #section-1 .tc-fabric-logo {
    margin-bottom: 10px;
  }
}
.fabric #section-1 .container {
  text-align: center;
}
.fabric #section-1 .container h3 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .fabric #section-1 .container h3 {
    padding-right: 0px;
  }
}
@media (max-width: 991px) {
  .fabric #section-1 .container {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .fabric #section-1 .container {
    text-align: left;
  }
}
.fabric #section-fabric-list .tc-fabric-logo {
  margin-bottom: 30px;
}
.fabric #section-fabric-list ul {
  margin-top: 30px;
}
.fabric #section-fabric-list ul li {
  color: #2e474e;
}
.fabric #section-fabric-list .screen {
  padding-top: 30px;
}
.fabric #section-2 {
  text-align: center;
}
.fabric #section-2 img {
  max-width: 800px;
  width: 100%;
}
.fabric #section-2 .btn {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
@media screen and (max-width: 767px) {
  .fabric #section-2 .btn {
    bottom: 30px;
    right: 30px;
  }
}
.fabric #section-2 .subtitle {
  margin-top: 10px;
  margin-bottom: 0;
}
.fabric #section-2 img {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .fabric #section-2 {
    text-align: left;
  }
}
.fabric #section-3 {
  text-align: left;
  z-index: 60;
}
.fabric #section-3 .ipad-2 {
  width: 842px;
  height: 595px;
  margin: 0;
  padding: 0;
  perspective: 700px;
  margin-left: -170px;
  margin-top: -16px;
  margin-bottom: -155px;
  z-index: 200;
  position: relative;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
  will-change: transform;
}
.fabric #section-3 .ipad-2 .ipad-transform {
  background: url(../img/devices/ipad-2.png) 0px 0px no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: rotateY(-20deg) scale(0.85, 1);
  -moz-transform: rotateY(-20deg) scale(0.85, 1);
  -ms-transform: rotateY(-20deg) scale(0.85, 1);
  -o-transform: rotateY(-20deg) scale(0.85, 1);
  transform: rotateY(-20deg) scale(0.85, 1);
  will-change: transform;
  transform-style: flat;
}
.fabric #section-3 .ipad-2 .video-inside {
  width: 622px;
  height: 466px;
  position: absolute;
  top: 40px;
  left: 112px;
  overflow: hidden;
  background-image: url(../img/devices/fabric-ipad-2.png);
  background-size: 100% auto;
}
.fabric #section-3 .ipad-2 .video-inside video {
  width: 100%;
}
@media (max-width: 1200px) {
  .fabric #section-3 .ipad-2 {
    margin-left: -220px;
    margin-top: -54px;
    margin-bottom: -120px;
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
  }
}
@media (max-width: 991px) {
  .fabric #section-3 .ipad-2 {
    margin-top: 0;
    margin-left: -110px;
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .fabric #section-3 .ipad-2 {
    margin: 0;
    left: 50%;
    -webkit-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -moz-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -ms-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -o-transform: scale(0.85, 0.85) translate(-64%, 50px);
    transform: scale(0.85, 0.85) translate(-64%, 50px);
    will-change: transform;
  }
}
@media (max-width: 600px) {
  .fabric #section-3 .ipad-2 {
    -webkit-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -moz-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -ms-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -o-transform: scale(0.5, 0.5) translate(-105%, 0px);
    transform: scale(0.5, 0.5) translate(-105%, 0px);
    will-change: transform;
    margin: -100px auto -150px;
  }
}
.partners .buttons-bottom {
  margin: 20px 0 30px;
}
.partners a {
  transition: all .3s;
}
.partners a:hover {
  color: #9ba4a7;
  text-decoration: none;
}
.partners #section-1 {
  background-image: url(../img/backgrounds/conf-photo-1.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
@media screen and (max-width: 1024px) {
  .partners #section-1 {
    height: 540px;
    min-height: 540px;
  }
}
@media screen and (max-width: 640px) {
  .partners #section-1 {
    height: 280px;
    min-height: 280px;
  }
}
.partners #section-1 h1 {
  font-weight: 500;
  position: absolute;
  left: 15px;
  bottom: 35px;
  font-weight: 700;
}
@media screen and (min-width: 640px) {
  .partners #section-1 h1 {
    font-size: 4.8em;
    left: 68px;
    bottom: 68px;
  }
}
.presentations #section-1 {
  background-image: url(../img/backgrounds/presentations-photo-1.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.presentations #section-1 h1,
.presentations #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.presentations #section-1 h1 {
  position: absolute;
  bottom: 100px;
  right: 50px;
}
@media (max-width: 1500px) {
  .presentations #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .presentations #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .presentations #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
.presentations #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .presentations #section-1 .text-content {
    bottom: 50px;
  }
}
.presentations #section-1 .text-content p {
  width: 500px;
}
@media (max-width: 991px) {
  .presentations #section-1 .text-content p {
    width: auto;
  }
}
@media (max-width: 991px) {
  .presentations #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .presentations #section-1 .text-content {
    margin: 20px;
  }
}
@media (max-width: 991px) {
  .presentations #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .presentations #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/presentations-photo-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .presentations #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/presentations-photo-1.jpg);
  }
}
.presentations #section-2 {
  background-image: url(../img/backgrounds/image-1.jpg);
  min-height: 600px;
  background-position: 50% 60%;
}
.presentations #section-2.section-photo h1 {
  color: #f15d50;
  font-weight: bold;
}
.presentations #section-2.section-photo .right-title {
  position: absolute;
  top: 60px;
  right: 0px;
}
@media (max-width: 991px) {
  .presentations #section-2.section-photo .right-title {
    float: none;
  }
}
@media (max-width: 767px) {
  .presentations #section-2.section-photo .right-title {
    position: relative;
    top: auto;
    right: auto;
  }
}
.presentations #section-2.section-photo .text-content {
  position: absolute;
  bottom: 200px;
  left: 60px;
  width: 550px;
}
@media (max-width: 991px) {
  .presentations #section-2.section-photo .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .presentations #section-2.section-photo .text-content {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .presentations #section-2 {
    background-position: 90% 100%;
    min-height: auto;
  }
}
.presentations #section-3 {
  background-color: #2e474e;
}
.presentations #section-3 h2 {
  font-weight: 300;
  color: #f15d50;
  margin-bottom: 20px;
}
.presentations #section-3 p {
  color: #ffffff;
}
.presentations #section-3 p:last-child {
  margin-bottom: 0;
}
.presentations #section-4 {
  background-color: #f15d50;
}
.presentations #section-4 h2 {
  font-weight: 300;
  color: #2e474e;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .presentations #section-4 h2 {
    margin-right: 100px;
  }
}
@media (max-width: 991px) {
  .presentations #section-4 h2 {
    margin-right: 0;
  }
}
.presentations #section-4 p {
  color: #ffffff;
}
.presentations #section-4 p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .presentations #section-4 p {
    margin-right: 100px;
  }
}
@media (max-width: 991px) {
  .presentations #section-4 p {
    margin-right: 0;
  }
}
.presentations #section-5-studio ul {
  color: #2e474e;
}
.presentations #section-5-studio .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 50px 0 30px;
}
@media (max-width: 991px) {
  .presentations #section-5-studio .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.presentations #section-5-studio .screen {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .presentations #section-5-top strong {
    font-size: 1.5em;
    line-height: 0.6em;
  }
}
.presentations #section-5 {
  background-image: url(../img/preview/gemma.jpg);
  cursor: pointer;
}
.presentations #section-5 article {
  width: 700px;
}
.presentations #section-5 article h1 {
  font-size: 2.625em;
  color: #ffffff;
  font-weight: bold;
  font-family: 'AvertaStd', Arial, sans-serif;
  margin-bottom: 25px;
}
.presentations #section-5 article p {
  margin-top: 0;
  color: #ffffff;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .presentations #section-5 article {
    width: auto;
  }
}
.presentations #section-5 .author {
  position: absolute;
  bottom: 60px;
  right: 60px;
}
@media (max-width: 767px) {
  .presentations #section-5 .author {
    right: auto;
    left: 30px;
    bottom: 30px;
  }
}
.presentations #section-5 .author h1 {
  font-size: 2.625em;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .presentations #section-5 .author h1 {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  .presentations #section-5 .author h1 {
    font-size: 1em;
  }
}
.presentations #section-5 .author h2 {
  font-size: 2.625em;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .presentations #section-5 .author h2 {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  .presentations #section-5 .author h2 {
    font-size: 1em;
  }
}
.presentations #section-6 .section-border {
  padding: 0;
}
@media (max-width: 991px) {
  .presentations #section-6 .section-border {
    margin-bottom: 30px;
  }
}
.presentations #section-6 .screen-1,
.presentations #section-6 .screen-2 {
  width: 100%;
}
.presentations #section-6 p {
  margin-bottom: 0;
  margin-top: 50px;
}
@media (max-width: 991px) {
  .presentations #section-6 p {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .presentations #section-6 p span {
    font-size: 1.75em;
    font-weight: bold;
    font-family: 'AvertaStd', Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    /* Fix for IE7 */
    *display: inline;
    /* Fix for IE7 */
    line-height: 24px;
  }
}
.presentations #section-10-title h2 {
  margin: 0;
}
.presentations #section-10 {
  background-image: url(../img/preview/wales.jpg);
}
/*
* Scenario Sales
*/
.sales b {
  font-weight: 900;
}
.sales .to-right {
  text-align: right;
}
.sales .to-left {
  text-align: left;
}
.sales section .btn {
  font-size: 18px;
  line-height: 40px;
}
.sales #section-1 {
  background-image: url(../img/backgrounds/ss-img1.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.sales #section-1 h2 {
  color: #f15d50;
  font-weight: bold;
}
.sales #section-1 .slogan {
  position: absolute;
  left: 30px;
  top: 30px;
  text-align: left;
}
.sales #section-1 .slogan h4 {
  font-size: 1.5em;
  line-height: 1;
  margin: 0;
}
@media (max-width: 767px) {
  .sales #section-1 .slogan {
    top: 30px;
  }
}
@media (max-width: 600px) {
  .sales #section-1 .slogan {
    display: none;
  }
}
.sales #section-1 h1 {
  position: absolute;
  bottom: 100px;
  right: 50px;
  font-weight: bold;
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  .sales #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .sales #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .sales #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
.sales #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .sales #section-1 .text-content {
    bottom: 50px;
  }
}
.sales #section-1 .text-content p {
  width: 450px;
  color: #ffffff;
}
@media (max-width: 991px) {
  .sales #section-1 .text-content p {
    width: auto;
    color: #2e474e;
  }
}
@media (max-width: 991px) {
  .sales #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .sales #section-1 .text-content {
    margin: 20px;
  }
}
@media (max-width: 991px) {
  .sales #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .sales #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/ss-img1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .sales #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/ss-img1.jpg);
  }
}
.sales #section-2 {
  background-image: url(../img/backgrounds/ss-img2.jpg);
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.sales #section-2.section-photo h1 {
  color: #f15d50;
  font-weight: bold;
  margin: 0;
}
.sales #section-2.section-photo .right-title {
  position: absolute;
  bottom: 60px;
  left: 0;
}
@media (max-width: 991px) {
  .sales #section-2.section-photo .right-title {
    left: 60px;
  }
}
@media (max-width: 767px) {
  .sales #section-2.section-photo .right-title {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
.sales #section-2.section-photo .text-content {
  position: absolute;
  top: 185px;
  right: 60px;
}
@media (max-width: 991px) {
  .sales #section-2.section-photo .text-content {
    position: relative;
    top: auto;
    right: auto;
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .sales #section-2.section-photo .text-content {
    width: auto;
    padding-bottom: 0;
  }
}
@media (max-width: 850px) {
  .sales #section-2 {
    background-position: 80% 100%;
  }
}
@media (max-width: 767px) {
  .sales #section-2 {
    min-height: auto;
  }
}
.sales #section-3 {
  background-color: #2e474e;
}
.sales #section-3 h2 {
  color: #f15d50;
}
.sales #section-3 p {
  margin-bottom: 0;
}
.sales #section-4 {
  background-image: url(../img/backgrounds/ss-img3.jpg);
  overflow: hidden;
  background-position: 50% 0px;
}
.sales #section-4 h1 {
  font-weight: bold;
  position: absolute;
  bottom: 60px;
  left: 0px;
  margin: 0;
}
@media (max-width: 991px) {
  .sales #section-4 h1 {
    position: relative;
    bottom: auto;
    left: auto;
    padding-top: 250px;
  }
}
@media (max-width: 767px) {
  .sales #section-4 h1 {
    padding: 0;
  }
}
.sales #section-4 .buttons-bottom {
  position: absolute;
  bottom: 200px;
  left: 50px;
}
@media (max-width: 991px) {
  .sales #section-4 .buttons-bottom {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
.sales #section-5 {
  background-color: #f15d50;
}
.sales #section-5 .container p,
.sales #section-5 .container ul {
  margin: 0;
  margin-top: 15px;
}
.sales #section-5 .container .btn {
  background-color: #2e474e;
  color: #ffffff;
}
.sales #section-5 .container .btn:hover {
  background-color: #73cdd7;
}
.sales #section-6-full {
  background-image: url(../img/preview/heatmap.jpg);
}
.sales #section-6-full .section-border {
  height: 100%;
}
.sales #section-6-full h1 {
  color: #f15d50;
  font-weight: bold;
  margin: 0;
  position: absolute;
  bottom: 60px;
  left: 0px;
}
@media (max-width: 991px) {
  .sales #section-6-full h1 {
    font-size: 2.5em;
    left: 60px;
  }
}
@media (max-width: 767px) {
  .sales #section-6-full h1 {
    bottom: 30px;
    left: 30px;
    font-size: 2em;
  }
}
@media (max-width: 450px) {
  .sales #section-6-full h1 {
    font-size: 1em;
  }
}
.sales #section-6 ul li {
  color: #2e474e;
}
.sales #section-7-studio ul {
  color: #2e474e;
}
.sales #section-7-studio .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 50px 0 30px;
}
@media (max-width: 991px) {
  .sales #section-7-studio .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.sales #section-7-studio .screen {
  padding-top: 50px;
}
.sales #section-7 p {
  margin-bottom: 30px;
}
.communications #section-1 {
  background-image: url(../img/backgrounds/comm-photo-1.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.communications #section-1 h1,
.communications #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.communications #section-1 h2 {
  color: #ffffff;
}
@media (max-width: 991px) {
  .communications #section-1 h2 {
    color: #2e474e;
  }
}
.communications #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .communications #section-1 .text-content {
    bottom: 50px;
  }
}
.communications #section-1 .text-content p {
  width: 500px;
  color: #2e474e;
}
@media (max-width: 991px) {
  .communications #section-1 .text-content p {
    width: auto;
  }
}
@media (max-width: 991px) {
  .communications #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .communications #section-1 .text-content {
    margin: 20px;
  }
}
.communications #section-1 h1 {
  position: absolute;
  right: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .communications #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .communications #section-1 h1 {
    bottom: auto;
    top: 270px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .communications #section-1 h1 {
    top: 196px;
    right: auto;
    left: 20px;
  }
}
@media (max-width: 991px) {
  .communications #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .communications #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/comm-photo-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .communications #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/comm-photo-1.jpg);
  }
}
.communications #section-2 {
  background-image: url(../img/backgrounds/comm-photo-2.jpg);
  background-position: 50% 20%;
}
.communications #section-2.section-photo h1 {
  color: #f15d50;
  font-weight: bold;
  position: absolute;
  top: 60px;
  margin: 0;
  left: 60px;
}
@media (max-width: 991px) {
  .communications #section-2.section-photo h1 {
    position: relative;
    top: auto;
    left: auto;
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .communications #section-2.section-photo h1 {
    padding: 0;
  }
}
.communications #section-2.section-photo .text-content {
  position: absolute;
  bottom: 200px;
  left: 60px;
  max-width: 550px;
}
@media (max-width: 991px) {
  .communications #section-2.section-photo .text-content {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
@media (max-width: 1500px) {
  .communications #section-2 {
    background-position: 100% 0;
  }
}
@media (max-width: 991px) {
  .communications #section-2 {
    background-position: 90% 100%;
  }
}
@media (max-width: 767px) {
  .communications #section-2 {
    background-image: url(../img/backgrounds/mobile/comm-photo-2.jpg);
  }
}
@media (max-width: 500px) {
  .communications #section-2 {
    background-position: 80% 100%;
  }
}
.communications #section-3 {
  background-color: #2e474e;
}
.communications #section-3 h2 {
  font-weight: 300;
  color: #f15d50;
  margin-bottom: 0;
}
.communications #section-3 p {
  color: #ffffff;
}
.communications #section-3 p:last-child {
  margin-bottom: 0;
}
.communications #section-4 {
  background-image: url(../img/backgrounds/comm-photo-3.jpg);
  text-align: right;
}
.communications #section-4 h1 {
  font-weight: bold;
  margin-bottom: 0px;
  color: #ffffff;
  position: absolute;
  bottom: 64px;
  right: 64px;
}
@media (max-width: 991px) {
  .communications #section-4 h1 {
    position: relative;
    bottom: auto;
    right: auto;
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .communications #section-4 h1 {
    padding: 0;
    color: #f15d50;
  }
}
.communications #section-5 {
  background-color: #f15d50;
}
.communications #section-5 p {
  color: #ffffff;
}
.communications #section-6 {
  background-image: url(../img/backgrounds/image-4.jpg);
  background-position: 50% 0px;
}
.communications #section-6 h1 {
  color: #f15d50;
}
@media (max-width: 991px) {
  .communications #section-6 {
    background-position: 70% 0px;
  }
}
@media (max-width: 767px) {
  .communications #section-6 {
    background-position: 100% 0px;
  }
}
@media (max-width: 560px) {
  .communications #section-6 {
    background-position: 70% 0px;
  }
}
.communications #section-6 .t-logo {
  width: 112px;
  height: 111px;
  background: url(../img/logo/t-logo.svg);
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  float: left;
  margin-right: 10px;
}
.communications #section-6 h1 {
  font-weight: bold;
}
@media (min-width: 992px) {
  .communications #section-6 .text-content {
    width: 700px;
  }
}
.communications #section-7 ul li {
  color: #2e474e;
}
.communications #section-7 .tc-teamtime-logo {
  width: 380px;
  height: 90px;
  margin: 30px 0 50px;
}
@media (max-width: 991px) {
  .communications #section-7 .tc-teamtime-logo {
    width: 284px;
    height: 70px;
    margin: 0px 0 30px;
  }
}
.communications #section-7 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 50px 0 50px;
}
@media (max-width: 991px) {
  .communications #section-7 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.communications #section-7 .screen {
  padding-top: 30px;
  margin-bottom: -20px;
}
.communications #section-7-title h2 {
  margin: 0px;
}
.communications #section-7-new {
  background-image: url(../img/preview/train-1.jpg);
}
.communications #section-7-video .container {
  background-image: url(../img/preview/fintech.jpg);
}
.communications #section-7-video article {
  width: 700px;
}
.communications #section-7-video article h1 {
  font-size: 2.625em;
  color: #2e474e;
  font-weight: bold;
  font-family: 'AvertaStd', Arial, sans-serif;
  margin-bottom: 25px;
}
.communications #section-7-video article p {
  margin-top: 0;
  color: #2e474e;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .communications #section-7-video article {
    width: auto;
  }
}
.communications #section-7-video .author {
  position: absolute;
  top: 60px;
  left: 60px;
}
@media (max-width: 991px) {
  .communications #section-7-video .author {
    top: 30px;
    left: 30px;
  }
}
.communications #section-7-video .author h1 {
  font-size: 2.625em;
  color: #2e474e;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
}
.communications #section-7-video .author h2 {
  font-size: 2.625em;
  color: #2e474e;
  font-weight: 300;
  margin-bottom: 0px;
}
.communications #section-8 .section-border {
  padding: 0;
  margin-top: 20px;
}
.communications #section-8 .section-border img {
  width: 100%;
}
.communications #section-9 .section-border {
  padding: 0;
  margin-top: 20px;
}
.communications #section-9 .section-border img {
  width: 100%;
}
.communications #section-9 p {
  margin: 0;
}
.communications #section-10 p {
  margin: 0;
}
.communications #section-11 {
  background-image: url(../img/backgrounds/comm-photo-4.jpg);
}
.communications #section-11 .man {
  font-weight: bold;
}
.communications #section-11 h2 {
  margin: 0 0;
  line-height: 1.2;
}
.communications #section-11 .text-content {
  position: absolute;
  top: 60px;
  left: 60px;
}
@media (max-width: 991px) {
  .communications #section-11 .text-content {
    position: relative;
    top: auto;
    left: auto;
  }
}
.training #section-1 {
  background-image: url(../img/backgrounds/training-photo-1.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.training #section-1 h1,
.training #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.training #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .training #section-1 .text-content {
    bottom: 50px;
  }
}
.training #section-1 .text-content p {
  width: 500px;
  color: #ffffff;
}
@media (max-width: 991px) {
  .training #section-1 .text-content p {
    width: auto;
    color: #2e474e;
  }
}
@media (max-width: 991px) {
  .training #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .training #section-1 .text-content {
    margin: 20px;
  }
}
.training #section-1 h1 {
  position: absolute;
  right: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .training #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .training #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .training #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
@media (max-width: 991px) {
  .training #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .training #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/training-photo-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .training #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/training-photo-1.jpg);
  }
}
.training #section-2 {
  background-image: url(../img/backgrounds/image-3.jpg);
  background-position: 100% 20%;
}
.training #section-2.section-photo h1 {
  position: absolute;
  top: 60px;
  right: 0px;
  color: #f15d50;
  font-weight: bold;
  text-align: right;
  margin-left: 50px;
}
@media (max-width: 991px) {
  .training #section-2.section-photo h1 {
    position: relative;
    top: auto;
    right: auto;
  }
}
.training #section-2.section-photo .text-content .buttons-bottom {
  position: absolute;
  bottom: 200px;
  left: 60px;
}
@media (max-width: 991px) {
  .training #section-2.section-photo .text-content .buttons-bottom {
    position: relative;
    bottom: auto;
    left: auto;
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .training #section-2.section-photo .text-content .buttons-bottom {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .training #section-2 {
    background-position: 100% 100%;
  }
}
@media (max-width: 991px) {
  .training #section-2 {
    background-position: 90% 100%;
  }
}
.training #section-3 {
  background-color: #2e474e;
}
.training #section-3 h2 {
  font-weight: 300;
  color: #9fc361;
}
.training #section-3 p {
  color: #ffffff;
}
.training #section-4 {
  background-color: #9fc361;
}
.training #section-4 ul li {
  color: #2e474e;
}
.training #section-5 ul li {
  color: #2e474e;
}
.training #section-5 .tc-teamtime-logo {
  width: 380px;
  height: 90px;
  margin: 50px 0 30px;
}
@media (max-width: 991px) {
  .training #section-5 .tc-teamtime-logo {
    width: 284px;
    height: 70px;
    margin: 0px 0 30px;
  }
}
.training #section-5 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 50px 0 30px;
}
@media (max-width: 991px) {
  .training #section-5 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.training #section-5 .screen {
  padding-top: 50px;
}
.training #section-7-video {
  background-image: url(../img/preview/graph.jpg);
}
.training #section-7-title h2 {
  margin: 0;
}
.training #section-7 {
  background-image: url(../img/preview/train-1.jpg);
  min-height: 550px;
}
@media (max-width: 767px) {
  .training #section-7 {
    background-image: url(../img/gifs/train-1.gif);
  }
}
@media (max-width: 991px) {
  .training #section-7 {
    min-height: auto;
    height: 450px;
  }
}
@media (max-width: 767px) {
  .training #section-7 {
    height: 350px;
  }
}
.training #section-7 .section-border {
  height: 100%;
}
.training #section-9 {
  background-image: url(../img/preview/train-2.jpg);
}
.marketing #section-1 {
  background-image: url(../img/backgrounds/mark-photo-1.jpg);
  background-color: #2e474e;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.marketing #section-1 h1,
.marketing #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.marketing #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .marketing #section-1 .text-content {
    bottom: 50px;
  }
}
.marketing #section-1 .text-content p {
  width: 500px;
  color: #ffffff;
}
@media (max-width: 991px) {
  .marketing #section-1 .text-content p {
    width: auto;
    color: #2e474e;
  }
}
@media (max-width: 991px) {
  .marketing #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .marketing #section-1 .text-content {
    margin: 20px;
  }
}
.marketing #section-1 h1 {
  position: absolute;
  right: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .marketing #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .marketing #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .marketing #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
@media (max-width: 991px) {
  .marketing #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .marketing #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/mark-photo-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .marketing #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/mark-photo-1.jpg);
  }
}
.marketing #section-2 {
  background-image: url(../img/backgrounds/image-2.jpg);
  background-position: 100% 0px;
}
.marketing #section-2.section-photo h1 {
  position: absolute;
  top: 60px;
  right: 0px;
  color: #f15d50;
  font-weight: bold;
}
@media (max-width: 991px) {
  .marketing #section-2.section-photo h1 {
    position: relative;
    top: auto;
    right: auto;
  }
}
.marketing #section-2.section-photo .text-content .buttons-bottom {
  position: absolute;
  bottom: 200px;
  left: 60px;
}
@media (max-width: 991px) {
  .marketing #section-2.section-photo .text-content .buttons-bottom {
    position: relative;
    bottom: auto;
    left: auto;
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .marketing #section-2.section-photo .text-content .buttons-bottom {
    padding-top: 0;
  }
}
@media (max-width: 850px) {
  .marketing #section-2 {
    background-position: 80% 100%;
  }
}
.marketing #section-3 {
  background-color: #2e474e;
}
.marketing #section-3 h2 {
  font-weight: 300;
  color: #f15d50;
}
.marketing #section-3 p {
  color: #ffffff;
}
.marketing #section-4 ul {
  color: #2e474e;
}
.marketing #section-4 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 50px 0 30px;
}
@media (max-width: 991px) {
  .marketing #section-4 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.marketing #section-4 .screen {
  padding-top: 50px;
}
.marketing #section-5 {
  background-color: #f15d50;
}
.marketing #section-5 ul {
  margin-bottom: 0;
}
.marketing #section-5 ul li {
  color: #ffffff;
}
.marketing #section-5 p {
  color: #ffffff;
}
.marketing #section-5 .tc-teamtime-logo {
  width: 512px;
  height: 125px;
  margin: 50px 0 30px;
}
@media (max-width: 991px) {
  .marketing #section-5 .tc-teamtime-logo {
    width: 284px;
    height: 70px;
    margin: 0px 0 30px;
  }
}
.marketing #section-5 .tc-studio-logo {
  width: 510px;
  height: 125px;
  margin: 50px 0 30px;
}
@media (max-width: 991px) {
  .marketing #section-5 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.marketing #section-7 {
  background-image: url(../img/preview/mark-1.jpg);
}
.marketing #section-9 {
  background-image: url(../img/preview/mark-2.jpg);
}
.elearning #section-1 {
  background-image: url(../img/backgrounds/learn-photo-1.jpg);
  background-color: #94d3e5;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.elearning #section-1 h1,
.elearning #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.elearning #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .elearning #section-1 .text-content {
    bottom: 50px;
  }
}
.elearning #section-1 .text-content p {
  width: 500px;
  color: #2e474e;
}
@media (max-width: 991px) {
  .elearning #section-1 .text-content p {
    width: auto;
    color: #2e474e;
  }
}
@media (max-width: 991px) {
  .elearning #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .elearning #section-1 .text-content {
    margin: 20px;
  }
}
.elearning #section-1 h1 {
  position: absolute;
  right: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .elearning #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .elearning #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .elearning #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
@media (max-width: 991px) {
  .elearning #section-1 {
    padding: 0px;
    background: none;
    min-height: auto;
    height: auto;
  }
  .elearning #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/learn-photo-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .elearning #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/learn-photo-1.jpg);
  }
}
.elearning #section-2 {
  background-image: url(../img/backgrounds/learn-photo-2.jpg);
}
.elearning #section-2.section-photo h1 {
  color: #f15d50;
  font-weight: bold;
  padding-top: 50px;
  padding-left: 50px;
}
@media (max-width: 767px) {
  .elearning #section-2.section-photo h1 {
    padding-top: 30px;
    padding-left: 30px;
  }
}
.elearning #section-2.section-photo .text-content .buttons-bottom {
  position: absolute;
  bottom: 60px;
  right: 60px;
}
@media (max-width: 767px) {
  .elearning #section-2.section-photo .text-content .buttons-bottom {
    position: relative;
    bottom: auto;
    right: auto;
    padding-right: 50px;
  }
}
@media (max-width: 991px) {
  .elearning #section-2 {
    height: 700px;
  }
}
@media (max-width: 767px) {
  .elearning #section-2 {
    height: auto;
  }
}
.elearning #section-2 .epic-border {
  position: relative;
  height: 100%;
  margin: 0px 50px 0px 50px;
}
@media (max-width: 767px) {
  .elearning #section-2 .epic-border {
    margin: 0px 20px 0px 20px;
    padding-bottom: 30px;
  }
}
.elearning #section-2 .epic-border .top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 10px;
  width: 100%;
  background-color: #2e474e;
}
.elearning #section-2 .epic-border .left-top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: calc(100% - 435px);
  background-color: #2e474e;
}
.elearning #section-2 .epic-border .bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 10px;
  background-color: #f15d50;
}
.elearning #section-2 .epic-border .right {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: calc(100% - 70px);
  width: 10px;
  background-color: #f15d50;
}
.elearning #section-2 .epic-border .conf-man-1 {
  width: 260px;
  height: 180px;
  outline: 10px solid #cdcec8;
  position: absolute;
  left: -20px;
  bottom: 50px;
  background: url(../img/other/learn-man-1.jpg) 0px 0px no-repeat;
}
@media (max-width: 767px) {
  .elearning #section-2 .epic-border .conf-man-1 {
    display: none;
  }
}
.elearning #section-2 .epic-border .icons {
  width: 36px;
  position: absolute;
  bottom: 240px;
  left: -13px;
}
.elearning #section-2 .epic-border .icons .icon {
  width: 36px;
  height: 36px;
  margin-bottom: 20px;
}
.elearning #section-2 .epic-border .icons .icon.chat {
  background: url(../img/icons/conf-chat-dark.svg) 50% 50% no-repeat;
}
.elearning #section-2 .epic-border .icons .icon.mute {
  background: url(../img/icons/conf-mute-dark.svg) 50% 50% no-repeat;
}
.elearning #section-2 .epic-border .icons .icon.sound {
  background: url(../img/icons/conf-sound-dark.svg) 0px 50% no-repeat;
}
@media (max-width: 767px) {
  .elearning #section-2 .epic-border .icons {
    display: none;
  }
}
.elearning #section-3 .t-logo {
  width: 90px;
  height: 90px;
  background: url(../img/logo/t-logo.svg) 0px 0px no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  float: left;
  margin-right: 10px;
}
.elearning #section-3 h1 {
  font-weight: bold;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
.elearning #section-4 ul {
  margin-top: 50px;
}
.elearning #section-4 ul li {
  color: #2e474e;
}
@media (max-width: 991px) {
  .elearning #section-4 ul {
    margin-top: 0;
  }
}
.elearning #section-4 p {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .elearning #section-4 img {
    margin-top: 30px;
    margin-bottom: -30px;
  }
}
.elearning #section-4 .tc-teamtime-logo {
  width: 380px;
  height: 90px;
  margin: 0px 0 30px;
}
@media (max-width: 991px) {
  .elearning #section-4 .tc-teamtime-logo {
    width: 284px;
    height: 70px;
    margin: 0 0 30px;
  }
}
.elearning #section-5 {
  background-image: url(../img/backgrounds/learn-photo-3.jpg);
}
@media (max-width: 767px) {
  .elearning #section-5 {
    background-image: url(../img/backgrounds/mobile/learn-photo-3.jpg);
  }
}
.elearning #section-5 h1 {
  position: absolute;
  bottom: 60px;
  left: 60px;
  color: #f15d50;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 767px) {
  .elearning #section-5 h1 {
    bottom: 30px;
    left: 30px;
  }
}
.elearning #section-6 ul {
  margin-top: 50px;
}
.elearning #section-6 ul li {
  color: #2e474e;
}
@media (max-width: 991px) {
  .elearning #section-6 ul {
    margin-top: 0;
  }
}
.elearning #section-6 p {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .elearning #section-6 img {
    margin-top: 30px;
    margin-bottom: -30px;
  }
}
.elearning #section-6 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .elearning #section-6 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.elearning #section-7 img {
  width: 100%;
}
.elearning #section-8 img {
  width: 100%;
}
.elearning #section-partners {
  text-align: left;
}
.elearning #section-partners .partners {
  text-align: left;
}
.elearning #section-partners .partners a:nth-child(n+7) {
  width: calc(14.28571429%);
}
@media (max-width: 991px) {
  .elearning #section-partners .partners a:nth-child(n+7) {
    width: auto;
  }
}
.learningk12 #section-1 {
  background-image: url(../img/backgrounds/edu-photo-1.jpg);
  background-color: #94d3e5;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.learningk12 #section-1 h1,
.learningk12 #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.learningk12 #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .learningk12 #section-1 .text-content {
    bottom: 50px;
  }
}
.learningk12 #section-1 .text-content p {
  width: 500px;
  color: #2e474e;
}
@media (max-width: 991px) {
  .learningk12 #section-1 .text-content p {
    width: auto;
    color: #2e474e;
  }
}
@media (max-width: 991px) {
  .learningk12 #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .learningk12 #section-1 .text-content {
    margin: 20px;
  }
}
.learningk12 #section-1 h1 {
  position: absolute;
  right: 50px;
  bottom: 100px;
  color: #2e474e;
}
@media (max-width: 1500px) {
  .learningk12 #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .learningk12 #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .learningk12 #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
@media (max-width: 991px) {
  .learningk12 #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .learningk12 #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/edu-photo-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .learningk12 #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/edu-photo-1.jpg);
  }
}
.learningk12 #section-2 {
  background-color: #2e474e;
}
.learningk12 #section-2 .section-border {
  margin: 100px auto;
  padding: 80px;
  width: 80%;
}
@media (max-width: 1500px) {
  .learningk12 #section-2 .section-border {
    margin: 50px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .learningk12 #section-2 .section-border {
    margin: 0px 20px;
    width: auto;
    padding: 30px;
  }
}
.learningk12 #section-2 .section-border .top {
  background-color: #73cdd7;
  width: 70%;
  height: 30px;
}
@media (max-width: 767px) {
  .learningk12 #section-2 .section-border .top {
    height: 10px;
  }
}
.learningk12 #section-2 .section-border .left {
  background-color: #73cdd7;
  height: 30%;
  width: 30px;
}
@media (max-width: 767px) {
  .learningk12 #section-2 .section-border .left {
    width: 10px;
  }
}
.learningk12 #section-2 .section-border .right {
  background-color: #ffffff;
  height: 30%;
  width: 30px;
}
@media (max-width: 767px) {
  .learningk12 #section-2 .section-border .right {
    width: 10px;
  }
}
.learningk12 #section-2 .section-border .bottom {
  background-color: #ffffff;
  width: 70%;
  height: 30px;
}
@media (max-width: 767px) {
  .learningk12 #section-2 .section-border .bottom {
    height: 10px;
  }
}
.learningk12 #section-2 .section-border h3 {
  color: #ffffff;
}
.learningk12 #section-2 .section-border p {
  color: #f15d50;
  margin: 0;
  margin-top: 20px;
}
.learningk12 #section-2 .section-border p span {
  color: #ffffff;
}
.learningk12 #section-4 .section-border {
  padding: 0;
}
.learningk12 #section-4 .section-border img {
  width: 100%;
}
.learningk12 #section-5 {
  background-image: url(../img/backgrounds/edu-photo-2.jpg);
}
@media (max-width: 767px) {
  .learningk12 #section-5 {
    background-image: url(../img/backgrounds/mobile/edu-photo-2.jpg);
  }
}
.learningk12 #section-5 .section-border {
  padding: 0;
}
.learningk12 #section-6 .section-border {
  padding: 0;
  margin-bottom: 30px;
}
.learningk12 #section-6 .section-border img {
  width: 100%;
}
.learningk12 #section-6 p {
  margin-bottom: 30px;
}
.learningk12 #section-7 {
  background-image: url(../img/preview/edu.jpg);
}
.learningk12 #section-7 .section-border {
  padding: 0;
}
.learningk12 #section-8 .section-border {
  padding: 0;
  margin-bottom: 30px;
}
.learningk12 #section-8 .section-border img {
  width: 100%;
}
.learningk12 #section-8 p {
  margin-bottom: 30px;
}
.learningk12 #section-9 ul {
  margin-top: 50px;
}
.learningk12 #section-9 ul li {
  color: #2e474e;
}
@media (max-width: 991px) {
  .learningk12 #section-9 ul {
    margin-top: 0;
  }
}
.learningk12 #section-9 p {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .learningk12 #section-9 img {
    margin-top: 30px;
    margin-bottom: -30px;
  }
}
.learningk12 #section-9 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 0px 0 30px;
}
@media (max-width: 991px) {
  .learningk12 #section-9 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.learningk12 #section-10 h1 {
  margin-bottom: 20px;
}
.learningk12 #section-10 h2 {
  color: #f15d50;
  margin-bottom: 20px;
}
.learningk12 #section-10 a {
  color: #f15d50;
}
.learningk12 #section-10 .buttons-bottom {
  padding-top: 150px;
}
@media (max-width: 900px) {
  .learningk12 #section-10 .buttons-bottom {
    padding-top: 0px;
  }
}
.learningk12 #section-10 h3 {
  font-size: 1.5em;
  padding-left: 3px;
}
.learningk12 #section-10 img {
  margin: 0px auto;
}
.learningk12 #section-10 .screen-2 {
  margin-top: 30px;
  display: block;
}
.learningk12 #section-partners {
  text-align: left;
}
.learningk12 #section-partners .partners {
  text-align: left;
}
.learningk12 #section-partners .partners a:nth-child(n+7) {
  width: calc(14.28571429%);
}
@media (max-width: 991px) {
  .learningk12 #section-partners .partners a:nth-child(n+7) {
    width: auto;
  }
}
.ambassadors #section-1 {
  background-image: url(../img/backgrounds/ambassadors.jpg);
  background-color: #94d3e5;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.ambassadors #section-1 h1,
.ambassadors #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.ambassadors #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .ambassadors #section-1 .text-content {
    bottom: 50px;
  }
}
.ambassadors #section-1 .text-content p {
  width: 500px;
  color: #2e474e;
}
@media (max-width: 991px) {
  .ambassadors #section-1 .text-content p {
    width: auto;
    color: #2e474e;
  }
}
@media (max-width: 991px) {
  .ambassadors #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .ambassadors #section-1 .text-content {
    margin: 20px;
  }
}
.ambassadors #section-1 h1 {
  position: absolute;
  right: 50px;
  bottom: 100px;
  color: #f15d50;
}
@media (max-width: 1500px) {
  .ambassadors #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .ambassadors #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .ambassadors #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
@media (max-width: 991px) {
  .ambassadors #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .ambassadors #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/ambassadors.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .ambassadors #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/ambassadors.jpg);
  }
}
.ambassadors #section-2 h2 {
  font-weight: bold;
  margin-bottom: 50px;
}
.ambassadors #section-4 {
  padding-top: 0px;
}
.ambassadors #section-4 .section-border {
  padding: 0;
  margin-bottom: 25px;
  margin-top: 50px;
}
.ambassadors #section-4 .section-border img {
  width: 100%;
}
.ambassadors #section-4 h2 {
  margin-bottom: 0;
}
.ambassadors #section-4 p {
  margin-bottom: 30px;
}
.ambassadors #section-6 .section-border {
  padding: 0;
  margin-bottom: 30px;
}
.ambassadors #section-6 .section-border img {
  width: 100%;
}
.ambassadors #section-6 p {
  margin-bottom: 30px;
}
.ambassadors #section-6-2 {
  padding-top: 0px;
}
.ambassadors #section-6-2 .section-border {
  padding: 0;
  margin-bottom: 25px;
  margin-top: 50px;
}
.ambassadors #section-6-2 .section-border img {
  width: 100%;
}
.ambassadors #section-6-2 h2 {
  margin-bottom: 0;
}
.ambassadors #section-7 .section-border {
  padding: 0;
}
.ambassadors #section-8 {
  padding-top: 0px;
}
.ambassadors #section-8 .section-border {
  padding: 0;
  margin-bottom: 25px;
  margin-top: 50px;
}
.ambassadors #section-8 .section-border img {
  width: 100%;
}
.ambassadors #section-8 h2 {
  margin-bottom: 0;
}
.ambassadors #section-8 p {
  margin-bottom: 30px;
}
.ambassadors #section-9 h2 {
  font-weight: bold;
  margin-bottom: 50px;
}
.ambassadors #section-9 h2 span {
  color: #f15d50;
}
.ambassadors #section-9 ol {
  counter-reset: item;
  list-style: none;
  padding-left: 20px;
  margin: 15px 0px;
}
.ambassadors #section-9 ol li {
  list-style: none;
  display: block;
  position: relative;
  font-family: 'AvertaStd', Arial, sans-serif;
  font-size: 1em;
  line-height: 1.3;
  margin-bottom: 15px;
}
.ambassadors #section-9 ol li:before {
  content: counter(item) "  ";
  counter-increment: item;
  position: absolute;
  left: -15px;
}
.ambassadors #section-9 ol li .name {
  font-weight: bold;
  display: block;
}
.ambassadors #section-9 ol li .address {
  font-weight: 400;
}
.ambassadors #section-9 ol.second {
  counter-reset: item 9;
  padding-left: 25px;
}
.ambassadors #section-9 ol.second li:before {
  left: -25px;
}
.ambassadors #section-10 {
  padding-top: 0px;
}
.ambassadors #section-10 .section-border {
  padding: 0;
  margin-bottom: 25px;
  margin-top: 50px;
}
.ambassadors #section-10 .section-border img {
  width: 100%;
}
.ambassadors #section-10 h2 {
  margin-bottom: 0;
}
.ambassadors #section-10 p {
  margin-bottom: 30px;
}
.ambassadors #section-11 h2 {
  font-weight: bold;
  margin-bottom: 50px;
}
.ambassadors #section-11 h2 span {
  color: #f15d50;
}
.ambassadors #section-11 ol {
  counter-reset: item 18;
  list-style: none;
  padding-left: 25px;
  margin: 15px 0px;
}
.ambassadors #section-11 ol li {
  list-style: none;
  display: block;
  position: relative;
  font-family: 'AvertaStd', Arial, sans-serif;
  font-size: 1em;
  line-height: 1.3;
  margin-bottom: 15px;
}
.ambassadors #section-11 ol li:before {
  content: counter(item) "  ";
  counter-increment: item;
  position: absolute;
  left: -25px;
}
.ambassadors #section-11 ol li .name {
  font-weight: bold;
  display: block;
}
.ambassadors #section-11 ol li .address {
  font-weight: 400;
}
.ambassadors #section-11 ol.second {
  counter-reset: item 24;
}
.ambassadors #section-11 .europe_map {
  margin-bottom: 30px;
}
.ambassadors #section-11 img {
  width: 100%;
}
.conferencing #section-1 {
  background-image: url(../img/backgrounds/conf-photo-1.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.conferencing #section-1 h1,
.conferencing #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.conferencing #section-1 h1 {
  color: #73cdd7;
  position: absolute;
  left: 50px;
  bottom: 100px;
}
.conferencing #section-1 h1 span {
  color: #2e474e;
  font-size: 2.3em;
}
@media (max-width: 991px) {
  .conferencing #section-1 h1 span {
    font-size: 1.5em;
  }
}
@media (max-width: 1500px) {
  .conferencing #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .conferencing #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .conferencing #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .conferencing #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/conf-photo-1.jpg);
  }
}
.conferencing #section-2 {
  background-image: url(../img/backgrounds/conf-photo-3.jpg);
  background-position: 100% 0px;
}
@media (max-width: 991px) {
  .conferencing #section-2 {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .conferencing #section-2 {
    height: auto;
  }
}
.conferencing #section-2.section-photo h1 {
  position: absolute;
  bottom: 60px;
  right: 60px;
  color: #73cdd7;
  font-weight: bold;
}
@media (max-width: 991px) {
  .conferencing #section-2.section-photo h1 {
    font-size: 2.625em;
  }
}
@media (max-width: 767px) {
  .conferencing #section-2.section-photo h1 {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 30px;
    padding-bottom: 20px;
  }
}
.conferencing #section-2 .epic-border {
  position: relative;
  height: 100%;
  margin: 0px 50px 0px 50px;
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border {
    margin: 0px 20px;
  }
}
.conferencing #section-2 .epic-border .top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 10px;
  width: calc(50% - 200px);
  background-color: #73cdd7;
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .top-left {
    width: calc(50% - 120px);
  }
}
.conferencing #section-2 .epic-border .top-right {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 10px;
  width: calc(50% - 200px);
  background-color: #73cdd7;
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .top-right {
    width: 100%;
  }
}
.conferencing #section-2 .epic-border .top-title {
  width: 350px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -175px;
  line-height: 10px;
  color: #73cdd7;
  text-align: center;
  font-size: 38px;
  font-family: 'AvertaStd', Arial, sans-serif;
  font-weight: bold;
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .top-title {
    display: none;
  }
}
.conferencing #section-2 .epic-border .left-top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: calc(100% - 500px);
  background-color: #73cdd7;
}
@media (max-width: 1100px) {
  .conferencing #section-2 .epic-border .left-top {
    height: calc(100% - 375px);
  }
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .left-top {
    height: calc(100% - 30px);
  }
}
.conferencing #section-2 .epic-border .left-bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 10px;
  height: 50px;
  background-color: #73cdd7;
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .left-bottom {
    display: none;
  }
}
.conferencing #section-2 .epic-border .bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 10px;
  background-color: #73cdd7;
}
.conferencing #section-2 .epic-border .right {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 10px;
  background-color: #73cdd7;
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .right {
    height: calc(100% - 30px);
    top: auto;
    bottom: 0px;
  }
}
.conferencing #section-2 .epic-border .conf-man-1 {
  width: 260px;
  height: 180px;
  outline: 10px solid #cdcec8;
  position: absolute;
  left: -20px;
  bottom: 290px;
  background: url(../img/other/conf-man-1.jpg) 0px 0px no-repeat;
}
@media (max-width: 1100px) {
  .conferencing #section-2 .epic-border .conf-man-1 {
    width: 160px;
    height: 111px;
    background-size: cover;
    bottom: 230px;
  }
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .conf-man-1 {
    display: none;
  }
}
.conferencing #section-2 .epic-border .conf-man-2 {
  width: 260px;
  height: 180px;
  outline: 10px solid #cdcec8;
  position: absolute;
  left: -20px;
  bottom: 80px;
  background: url(../img/other/conf-man-2.jpg) 0px 0px no-repeat;
}
@media (max-width: 1100px) {
  .conferencing #section-2 .epic-border .conf-man-2 {
    width: 160px;
    height: 111px;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .conferencing #section-2 .epic-border .conf-man-2 {
    display: none;
  }
}
.conferencing #section-2 .epic-border .icons {
  width: 36px;
  position: absolute;
  top: 0px;
  left: -67px;
}
@media (max-width: 1600px) {
  .conferencing #section-2 .epic-border .icons {
    display: none;
  }
}
.conferencing #section-2 .epic-border .icons .icon {
  width: 36px;
  height: 36px;
  margin-bottom: 20px;
}
.conferencing #section-2 .epic-border .icons .icon.dl {
  background: url(../img/icons/conf-dl.svg) 50% 50% no-repeat;
}
.conferencing #section-2 .epic-border .icons .icon.chat {
  background: url(../img/icons/conf-chat.svg) 50% 50% no-repeat;
}
.conferencing #section-2 .epic-border .icons .icon.mute {
  background: url(../img/icons/conf-mute.svg) 50% 50% no-repeat;
}
.conferencing #section-2 .epic-border .icons .icon.sound {
  background: url(../img/icons/conf-sound.svg) 0px 50% no-repeat;
}
.conferencing #section-3 ul li {
  color: #2e474e;
}
.conferencing #section-4 {
  background-image: url(../img/backgrounds/conf-photo-2.jpg);
}
@media (max-width: 767px) {
  .conferencing #section-4 {
    background-image: url(../img/backgrounds/mobile/conf-photo-2.jpg);
  }
}
.conferencing #section-4 .section-border .top,
.conferencing #section-4 .section-border .left {
  background-color: #73cdd7;
}
.conferencing #section-5 .tc-teamtime-logo {
  width: 380px;
  height: 90px;
  margin: 0px auto 30px;
}
@media (max-width: 991px) {
  .conferencing #section-5 .tc-teamtime-logo {
    width: 284px;
    height: 70px;
    margin: 0px auto 30px;
  }
}
.conferencing #section-5 ul li {
  color: #2e474e;
}
.conferencing #section-5 img {
  margin-top: 30px;
  display: block;
  margin-bottom: -50px;
}
@media (max-width: 767px) {
  .conferencing #section-5 img {
    margin-bottom: -30px;
  }
}
.conferencing #section-7 {
  padding-top: 0;
}
.conferencing #section-7 img {
  width: 100%;
}
.conferencing #section-7 .section-border {
  padding: 0;
  margin-top: 50px;
}
.conferencing #section-7 .section-border .top,
.conferencing #section-7 .section-border .left {
  background-color: #73cdd7;
}
@media (max-width: 767px) {
  .conferencing #section-7 .section-border {
    margin-top: 20px;
  }
}
.videocreation #section-1 {
  background-image: url(../img/backgrounds/vcreation-photo-1.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.videocreation #section-1 h1,
.videocreation #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.videocreation #section-1 h1 {
  color: #f15d50;
  position: absolute;
  left: 50px;
  bottom: 100px;
}
.videocreation #section-1 h1 span {
  font-size: 2.3em;
}
@media (max-width: 991px) {
  .videocreation #section-1 h1 span {
    font-size: 1.5em;
  }
}
@media (max-width: 1500px) {
  .videocreation #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .videocreation #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .videocreation #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .videocreation #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/vcreation-photo-1.jpg);
  }
}
.videocreation #section-2 {
  background-image: url(../img/backgrounds/vcreation-photo-2.jpg);
  background-position: 100% 0px;
}
.videocreation #section-2 h1 {
  position: absolute;
  top: 60px;
  right: 60px;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 991px) {
  .videocreation #section-2 h1 {
    position: relative;
    top: auto;
    right: auto;
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .videocreation #section-2 h1 {
    padding: 0;
    color: #f15d50;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .videocreation #section-2 {
    height: auto;
    min-height: auto;
  }
}
.videocreation #section-3 ul li {
  color: #2e474e;
}
.videocreation #section-4 {
  background-image: url(../img/backgrounds/vcreation-photo-3.jpg);
}
@media (max-width: 767px) {
  .videocreation #section-4 {
    background-image: url(../img/backgrounds/mobile/vcreation-photo-3.jpg);
  }
}
.videocreation #section-5 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 0 auto 30px;
}
@media (max-width: 991px) {
  .videocreation #section-5 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 0px auto 30px;
  }
}
.videocreation #section-5 ul li {
  color: #2e474e;
}
.videocreation #section-5 .ipad {
  width: 842px;
  height: 595px;
  background: url("../img/devices/ipad-2.png") 0px 0px no-repeat;
  margin: 50px auto -40px;
  position: relative;
}
@media (max-width: 991px) {
  .videocreation #section-5 .ipad {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    left: 50%;
    margin-left: -420px;
    margin-top: -80px;
    margin-bottom: -80px;
  }
}
@media (max-width: 650px) {
  .videocreation #section-5 .ipad {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    margin-top: -150px;
    margin-bottom: -130px;
  }
}
@media (max-width: 480px) {
  .videocreation #section-5 .ipad {
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
    will-change: transform;
    margin-top: -200px;
    margin-bottom: -180px;
  }
}
.videocreation #section-5 .ipad .video-inside {
  width: 623px;
  height: 467px;
  position: absolute;
  left: 111px;
  top: 39px;
  overflow: hidden;
  background-image: url(../img/devices/conf-ipad.jpg);
  background-size: 100% auto;
}
.videocreation #section-5 .ipad .video-inside video {
  height: 100%;
}
@media (max-width: 767px) {
  .videocreation #section-5 .ipad .video-inside video {
    display: none;
  }
}
.videocreation #section-5 .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.videocreation #section-5 .studio-ipad {
  margin-bottom: -30px;
}
.videocreation #section-7 {
  padding-top: 0;
}
.videocreation #section-7 img {
  width: 100%;
}
.videocreation #section-7 .section-border {
  padding: 0;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .videocreation #section-7 .section-border {
    margin-top: 20px;
  }
}
.videomanagement #section-1 {
  background-image: url(../img/backgrounds/vmanagement-photo-1.jpg);
  background-color: #94d3e5;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.videomanagement #section-1 h1,
.videomanagement #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.videomanagement #section-1 h1 {
  color: #2e474e;
  position: absolute;
  left: 50px;
  bottom: 100px;
}
.videomanagement #section-1 h1 span {
  color: #ffffff;
  font-size: 2.3em;
}
@media (max-width: 991px) {
  .videomanagement #section-1 h1 span {
    font-size: 1.5em;
  }
}
@media (max-width: 1500px) {
  .videomanagement #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .videomanagement #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .videomanagement #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .videomanagement #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/vmanagement-photo-1.jpg);
  }
}
.videomanagement #section-2 {
  background-image: url(../img/backgrounds/vmanagement-photo-2.jpg);
  background-position: 100% 0px;
}
.videomanagement #section-2 h1 {
  position: absolute;
  bottom: 60px;
  right: 60px;
  color: #2e474e;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 991px) {
  .videomanagement #section-2 h1 {
    position: relative;
    bottom: auto;
    right: auto;
    padding-top: 200px;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .videomanagement #section-2 h1 {
    text-align: left;
    padding-top: 0;
  }
}
.videomanagement #section-2 .section-border .left,
.videomanagement #section-2 .section-border .top {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .videomanagement #section-2 .section-border .left,
  .videomanagement #section-2 .section-border .top {
    background-color: #73cdd7;
  }
}
@media (max-width: 767px) {
  .videomanagement #section-2 {
    min-height: auto;
  }
}
.videomanagement #section-3 ul li {
  color: #2e474e;
}
.videomanagement #section-4 {
  background-image: url(../img/backgrounds/vcreation-photo-3.jpg);
}
@media (max-width: 767px) {
  .videomanagement #section-4 {
    background-image: url(../img/backgrounds/mobile/vcreation-photo-3.jpg);
  }
}
.videomanagement #section-4 .section-border .left,
.videomanagement #section-4 .section-border .top {
  background-color: #ffffff;
}
.videomanagement #section-5 .tc-fabric-logo {
  width: 380px;
  height: 90px;
  margin: 0px auto 30px;
}
@media (max-width: 991px) {
  .videomanagement #section-5 .tc-fabric-logo {
    width: 284px;
    height: 70px;
    margin: 0px auto 30px;
  }
}
.videomanagement #section-5 ul li {
  color: #2e474e;
}
.videomanagement #section-5 .studio-ipad {
  margin-bottom: -30px;
}
.videomanagement #section-6 img {
  width: 100%;
}
.videomanagement #section-6 .section-border {
  padding: 0;
  margin-top: 30px;
}
.videomanagement #section-6 .section-border .left,
.videomanagement #section-6 .section-border .top {
  background-color: #73cdd7;
}
.webinars #section-1 {
  background-image: url(../img/backgrounds/webinars-photo-1.jpg);
  background-color: #364950;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.webinars #section-1 h1,
.webinars #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.webinars #section-1 h1 {
  color: #9fc361;
  position: absolute;
  left: 50px;
  bottom: 100px;
}
.webinars #section-1 h1 span {
  color: #ffffff;
  font-size: 2.3em;
}
@media (max-width: 991px) {
  .webinars #section-1 h1 span {
    font-size: 1.5em;
  }
}
@media (max-width: 1500px) {
  .webinars #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .webinars #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .webinars #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .webinars #section-1 {
    background-image: url(../img/backgrounds/mobile/webinars-photo-1.jpg);
    height: 280px;
  }
}
.webinars #section-2 {
  background-image: url(../img/backgrounds/webinars-photo-2.jpg);
  background-position: 100% 0px;
}
.webinars #section-2 h1 {
  position: absolute;
  top: 60px;
  left: 60px;
  color: #9fc361;
  font-weight: bold;
}
@media (max-width: 991px) {
  .webinars #section-2 h1 {
    position: relative;
    top: auto;
    left: auto;
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .webinars #section-2 h1 {
    padding-bottom: 0px;
  }
}
.webinars #section-2 .buttons-bottom {
  position: absolute;
  bottom: 200px;
  left: 60px;
}
@media (max-width: 991px) {
  .webinars #section-2 .buttons-bottom {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
.webinars #section-2 .section-border .top,
.webinars #section-2 .section-border .left {
  background-color: #9fc361;
}
.webinars #section-3 ul li {
  color: #2e474e;
  margin-top: 25px;
}
.webinars #section-3 ul li:before {
  margin-right: 12px;
}
.webinars #section-4 {
  background-image: url(../img/other/webinar.jpg);
}
@media (max-width: 767px) {
  .webinars #section-4 {
    background-image: url(../img/other/webinar.jpg);
  }
}
.webinars #section-4 .section-border .top,
.webinars #section-4 .section-border .left {
  background-color: #9fc361;
}
.webinars #section-5 .tc-teamtime-logo {
  width: 380px;
  height: 90px;
  margin: 0px auto 30px;
}
@media (max-width: 991px) {
  .webinars #section-5 .tc-teamtime-logo {
    width: 284px;
    height: 70px;
    margin: 0px auto 30px;
  }
}
.webinars #section-5 ul li {
  color: #2e474e;
}
.webinars #section-6 .teamtime-ipad {
  margin-top: 0px;
  margin-bottom: -60px;
}
@media (max-width: 991px) {
  .webinars #section-6 .teamtime-ipad {
    margin-bottom: -30px;
  }
}
.webinars #section-7 ul {
  color: #2e474e;
}
.webinars #section-7 .tc-studio-logo {
  margin-bottom: 30px;
}
.webinars #section-8 .section-border {
  text-align: center;
}
.webinars #section-8 .section-border .top,
.webinars #section-8 .section-border .left {
  background-color: #9fc361;
}
.webinars #section-8 .quote-box {
  margin: 50px 190px;
}
.webinars #section-8 .quote-box .quote-text {
  font-size: 2.625em;
  text-align: left;
}
@media (max-width: 560px) {
  .webinars #section-8 .quote-box .quote-text {
    font-size: 1.5em;
  }
}
@media (max-width: 1300px) {
  .webinars #section-8 .quote-box {
    margin: 50px;
  }
}
@media (max-width: 991px) {
  .webinars #section-8 .quote-box {
    margin: 30px;
  }
}
@media (max-width: 768px) {
  .webinars #section-8 .quote-box {
    margin: 20px auto;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    /* Fix for IE7 */
    *display: inline;
    /* Fix for IE7 */
  }
}
.webinars #section-8 .quote-description {
  margin-left: 290px;
  text-align: left;
  margin-top: -50px;
  margin-bottom: 50px;
}
@media (max-width: 1300px) {
  .webinars #section-8 .quote-description {
    margin-left: 150px;
  }
}
@media (max-width: 991px) {
  .webinars #section-8 .quote-description {
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .webinars #section-8 .quote-description {
    margin-left: 0px;
  }
}
.webinars #section-9 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 0px auto 30px;
}
@media (max-width: 991px) {
  .webinars #section-9 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 0px auto 30px;
  }
}
.webinars #section-9 ul li {
  color: #2e474e;
}
.webinars #section-10 {
  text-align: center;
}
.webinars #section-10 img {
  max-height: 365px;
  margin: 0px auto;
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 1300px) {
  .webinars #section-10 img {
    max-height: 270px;
  }
}
@media (max-width: 991px) {
  .webinars #section-10 img {
    max-height: 340px;
  }
}
@media (max-width: 767px) {
  .webinars #section-10 img {
    max-height: 270px;
  }
}
.webinars #section-10 h4 {
  color: #2e474e;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.3;
}
.webinars #section-10-title h2 {
  margin-bottom: 0;
}
.broadcast #section-1 {
  background-image: url(../img/backgrounds/broadcast-photo-1.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.broadcast #section-1 h1,
.broadcast #section-1 h2 {
  font-weight: bold;
  color: #f15d50;
  margin-bottom: 0;
}
.broadcast #section-1 h1 {
  color: #ffffff;
  position: absolute;
  left: 50px;
  bottom: 100px;
}
.broadcast #section-1 h1 span {
  color: #2e474e;
  font-size: 2.3em;
}
@media (max-width: 991px) {
  .broadcast #section-1 h1 span {
    font-size: 1.5em;
  }
}
@media (max-width: 1500px) {
  .broadcast #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .broadcast #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .broadcast #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .broadcast #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/broadcast-photo-1.jpg);
  }
}
.broadcast #section-2 .btn {
  margin: 30px auto;
  display: block;
}
.broadcast #section-2 .tv-lambie {
  width: 437px;
  height: 250px;
  background: url(../img/other/tv-lambie.png) 0px 0px no-repeat;
  margin: 0px auto 30px;
  position: relative;
}
.broadcast #section-2 .tv-lambie .video-inside {
  width: 433px;
  height: 240px;
  position: absolute;
  left: 2px;
  top: 2px;
  overflow: hidden;
  background-size: 100% auto;
}
.broadcast #section-2 .tv-lambie .video-inside video {
  height: 100%;
  margin: -2px;
}
.broadcast #section-2 .tv-lambie .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 767px) {
  .broadcast #section-2 .tv-lambie .video-inside {
    background-image: url(../img/gifs/lambie.gif);
    height: 238px;
  }
  .broadcast #section-2 .tv-lambie .video-inside video {
    display: none;
  }
}
@media (max-width: 991px) {
  .broadcast #section-2 .tv-lambie {
    margin-top: 30px;
  }
}
@media (max-width: 520px) {
  .broadcast #section-2 .tv-lambie {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    left: 50%;
    margin-left: -218px;
    margin-bottom: -50px;
  }
}
.broadcast #section-3 .ipad-2 {
  width: 842px;
  height: 595px;
  margin: 0;
  padding: 0;
  perspective: 700px;
  margin-left: -170px;
  margin-top: -16px;
  margin-bottom: -155px;
  z-index: 200;
  position: relative;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
  will-change: transform;
}
.broadcast #section-3 .ipad-2 .ipad-transform {
  background: url(../img/devices/ipad-2.png) 0px 0px no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: rotateY(-20deg) scale(0.85, 1);
  -moz-transform: rotateY(-20deg) scale(0.85, 1);
  -ms-transform: rotateY(-20deg) scale(0.85, 1);
  -o-transform: rotateY(-20deg) scale(0.85, 1);
  transform: rotateY(-20deg) scale(0.85, 1);
  will-change: transform;
  transform-style: flat;
}
.broadcast #section-3 .ipad-2 .video-inside {
  width: 623px;
  height: 500px;
  position: absolute;
  top: 38px;
  left: 112px;
  overflow: hidden;
}
.broadcast #section-3 .ipad-2 .video-inside video {
  width: 100%;
}
@media (max-width: 991px) {
  .broadcast #section-3 .ipad-2 .video-inside {
    background: url("../img/gifs/ipad.gif") 0px 0px no-repeat;
    background-size: 100% auto;
  }
  .broadcast #section-3 .ipad-2 .video-inside video {
    display: none;
  }
}
@media (max-width: 1200px) {
  .broadcast #section-3 .ipad-2 {
    margin-left: -220px;
    margin-top: -54px;
    margin-bottom: -120px;
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
  }
}
@media (max-width: 991px) {
  .broadcast #section-3 .ipad-2 {
    margin-top: 0;
    margin-left: -110px;
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .broadcast #section-3 .ipad-2 {
    margin: 0;
    left: 50%;
    -webkit-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -moz-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -ms-transform: scale(0.85, 0.85) translate(-64%, 50px);
    -o-transform: scale(0.85, 0.85) translate(-64%, 50px);
    transform: scale(0.85, 0.85) translate(-64%, 50px);
    will-change: transform;
  }
}
@media (max-width: 600px) {
  .broadcast #section-3 .ipad-2 {
    -webkit-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -moz-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -ms-transform: scale(0.5, 0.5) translate(-105%, 0px);
    -o-transform: scale(0.5, 0.5) translate(-105%, 0px);
    transform: scale(0.5, 0.5) translate(-105%, 0px);
    will-change: transform;
    margin: -100px auto -150px;
  }
}
.broadcast #section-green {
  background-color: #68ab6b;
  padding: 0;
  color: #ffffff;
  height: 440px;
}
.broadcast #section-green .left,
.broadcast #section-green .right {
  position: relative;
  height: 440px;
}
.broadcast #section-green h3 {
  color: #ffffff;
  margin: 0;
  margin: 160px 0;
}
@media (max-width: 991px) {
  .broadcast #section-green h3 {
    margin: 100px 0;
  }
}
.broadcast #section-green .girl {
  width: 264px;
  height: 380px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-image: url(../img/other/green-girl.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: auto 100%;
}
@media (max-width: 991px) {
  .broadcast #section-green .girl {
    width: 350px;
    height: 266px;
    right: -70px;
    background: url("../img/gifs/green-girl.gif") 0px 0px no-repeat;
    background-size: 100% auto;
  }
  .broadcast #section-green .girl video {
    display: none;
  }
}
@media (max-width: 767px) {
}
.broadcast #section-green .man {
  width: 306px;
  height: 440px;
  background: url(../img/other/green-man.png) 0px 0px no-repeat;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.broadcast #section-green .man .video-inside {
  width: 152px;
  height: 114px;
  position: absolute;
  top: 84px;
  left: 135px;
  overflow: hidden;
}
.broadcast #section-green .man .video-inside video {
  width: 100%;
}
@media (max-width: 991px) {
  .broadcast #section-green .man .video-inside {
    background: url("../img/gifs/green-man-ipad.gif") 0px 0px no-repeat;
    background-size: 100% auto;
  }
  .broadcast #section-green .man .video-inside video {
    display: none;
  }
}
@media (max-width: 767px) {
  .broadcast #section-green .right {
    display: none;
  }
}
.broadcast #section-hand {
  text-align: center;
}
.broadcast #section-hand p {
  padding: 0;
}
.broadcast #section-hand .hand {
  width: 666px;
  height: 407px;
  background: url(../img/devices/hand.png) 0px 0px no-repeat;
  position: absolute;
  top: 50%;
  right: 0px;
}
@media (max-width: 991px) {
  .broadcast #section-hand .hand {
    width: 400px;
    background-size: 100% auto;
    right: 0px;
  }
}
@media (max-width: 600px) {
  .broadcast #section-hand .hand {
    width: 300px;
    right: 0px;
  }
}
@media (max-width: 480px) {
  .broadcast #section-hand .hand {
    width: 200px;
    height: 100px;
    right: 0px;
    top: 75%;
  }
}
.broadcast #section-hand .btn {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
@media screen and (max-width: 767px) {
  .broadcast #section-hand .btn {
    bottom: 30px;
    right: 30px;
  }
}
.broadcast #section-hand .subtitle {
  margin-top: 10px;
  margin-bottom: 0;
}
.broadcast #section-hand img {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .broadcast #section-hand {
    text-align: left;
  }
}
.broadcast #section-hand .ipad {
  width: 747px;
  height: 524px;
  background: url("../img/devices/ipad-ui.png") 0px 0px no-repeat;
  margin: 40px auto 0px;
  position: relative;
}
@media (max-width: 991px) {
  .broadcast #section-hand .ipad {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    will-change: transform;
    left: 50%;
    margin-left: -375px;
    margin-top: -40px;
    margin-bottom: -60px;
  }
}
@media (max-width: 650px) {
  .broadcast #section-hand .ipad {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    will-change: transform;
    margin-top: -110px;
    margin-bottom: -130px;
  }
}
@media (max-width: 480px) {
  .broadcast #section-hand .ipad {
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
    will-change: transform;
    margin-top: -160px;
    margin-bottom: -170px;
  }
}
.broadcast #section-hand .ipad .video-inside {
  width: 545px;
  height: 308px;
  position: absolute;
  left: 102px;
  top: 56px;
  overflow: hidden;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .broadcast #section-hand .ipad .video-inside {
    background: url("../img/gifs/ipad-hand.gif") 0px 0px no-repeat;
    background-size: 100%;
  }
}
.broadcast #section-hand .ipad .video-inside video {
  height: 100%;
}
@media (max-width: 767px) {
  .broadcast #section-hand .ipad .video-inside video {
    display: none;
  }
}
.broadcast #section-hand .ipad .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.broadcast #section-hand .ipad .video-inside.mobile-view {
  background: url("../img/gifs/ipad-hand.gif") 0px 0px no-repeat;
  background-size: 100%;
}
.broadcast #section-hand .ipad .video-inside.mobile-view video {
  display: none;
}
.broadcast #section-blue h3 {
  color: #ffffff;
  font-weight: bold;
}
.broadcast #section-blue p {
  color: #ffffff;
  padding-bottom: 0;
}
.broadcast #section-blue .buttons-bottom {
  text-align: left;
}
.broadcast #section-blue .buttons-bottom .btn {
  margin-left: 0;
}
@media (max-width: 991px) {
  .broadcast #section-blue {
    padding-bottom: 300px;
  }
}
@media (max-width: 767px) {
  .broadcast #section-blue {
    background: url(../img/gifs/blue-bg.gif) no-repeat;
    background-size: cover;
  }
  .broadcast #section-blue .video-section {
    display: none;
  }
}
.broadcast #section-4 .section-border {
  width: 80%;
  margin: 0px auto;
  text-align: center;
}
@media (max-width: 500px) {
  .broadcast #section-4 .section-border {
    width: auto;
  }
}
.broadcast #section-4 .icon {
  display: block;
  margin: 30px auto;
}
.broadcast #section-4 .icon.icon-1 {
  width: 74px;
  height: 74px;
  background: url(../img/icons/icon-1.svg) 50% 50% no-repeat;
}
.broadcast #section-4 .icon.icon-2 {
  width: 110px;
  height: 74px;
  background: url(../img/icons/icon-2.svg) 50% 50% no-repeat;
}
.broadcast #section-4 .icon.icon-3 {
  width: 84px;
  height: 74px;
  background: url(../img/icons/icon-3.svg) 50% 50% no-repeat;
}
.broadcast #section-4 h4 {
  color: #2e474e;
  font-weight: bold;
  margin-bottom: 0;
}
.broadcast #section-5 h3 {
  font-weight: bold;
}
@media (max-width: 767px) {
  .broadcast #section-5 .row > div {
    margin-top: 20px;
  }
}
.broadcast #section-5 .section-border {
  text-align: left;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .broadcast #section-5 .section-border {
    margin-top: 20px;
  }
}
.broadcast #section-6 {
  text-align: left;
}
.broadcast #section-6 .ipad-small {
  width: 507px;
  height: 355px;
  background: url(../img/devices/ipad-small.png) 0px 0px no-repeat;
  position: relative;
}
.broadcast #section-6 .ipad-small .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.broadcast #section-6 .ipad-small:hover .btn {
  opacity: 1;
}
@media (max-width: 600px) {
  .broadcast #section-6 .ipad-small {
    width: 300px;
    height: 210px;
    background: url(../img/devices/ipad-small-mobile.png) 0px 0px no-repeat;
    position: relative;
  }
}
.broadcast #section-6 .ipad-small .video-inside {
  width: 376px;
  height: 282px;
  position: absolute;
  left: 66px;
  top: 21px;
  overflow: hidden;
  background-size: 100% auto;
}
@media (max-width: 600px) {
  .broadcast #section-6 .ipad-small .video-inside {
    width: 223px;
    height: 167px;
    left: 39px;
    top: 12px;
  }
}
.broadcast #section-6 .ipad-small .video-inside video {
  height: 100%;
}
@media (max-width: 767px) {
  .broadcast #section-6 .ipad-small .video-inside video {
    display: none;
  }
}
.broadcast #section-6 .ipad-small .video-inside img {
  width: 100%;
  height: 100%;
  display: none;
}
.broadcast #section-6 .small-ipads {
  position: relative;
  height: 370px;
  margin: 30px auto 50px;
}
@media (max-width: 1200px) {
  .broadcast #section-6 .small-ipads {
    height: 470px;
  }
}
@media (max-width: 991px) {
  .broadcast #section-6 .small-ipads {
    height: 730px;
  }
}
@media (max-width: 600px) {
  .broadcast #section-6 .small-ipads {
    height: auto;
  }
}
.broadcast #section-6 .small-ipads .ipad-1 {
  position: absolute;
  left: -25px;
  top: 0px;
  z-index: 10;
}
.broadcast #section-6 .small-ipads .ipad-1 .video-inside {
  background: url(../img/other/ipad-small-1.jpg) 0px 0px no-repeat;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .broadcast #section-6 .small-ipads .ipad-1 .video-inside {
    background: url(../img/gifs/ipad-small-1.gif) 0px 0px no-repeat;
    background-size: 100% auto;
  }
}
.broadcast #section-6 .small-ipads .ipad-2 {
  position: absolute;
  left: 50%;
  top: 0px;
  -webkit-transform: translate(-50%, 30px);
  -moz-transform: translate(-50%, 30px);
  -ms-transform: translate(-50%, 30px);
  -o-transform: translate(-50%, 30px);
  transform: translate(-50%, 30px);
  will-change: transform;
  z-index: 20;
}
.broadcast #section-6 .small-ipads .ipad-2 .video-inside {
  background: url(../img/other/ipad-small-2.jpg) 0px 0px no-repeat;
  background-size: 100% auto;
}
@media (max-width: 1200px) {
  .broadcast #section-6 .small-ipads .ipad-2 {
    -webkit-transform: translate(-50%, 145px);
    -moz-transform: translate(-50%, 145px);
    -ms-transform: translate(-50%, 145px);
    -o-transform: translate(-50%, 145px);
    transform: translate(-50%, 145px);
    will-change: transform;
  }
}
@media (max-width: 991px) {
  .broadcast #section-6 .small-ipads .ipad-2 {
    -webkit-transform: translate(-50%, 200px);
    -moz-transform: translate(-50%, 200px);
    -ms-transform: translate(-50%, 200px);
    -o-transform: translate(-50%, 200px);
    transform: translate(-50%, 200px);
    will-change: transform;
  }
}
@media (max-width: 767px) {
  .broadcast #section-6 .small-ipads .ipad-2 .video-inside {
    background: url(../img/gifs/ipad-small-2.gif) 0px 0px no-repeat;
    background-size: 100% auto;
  }
}
.broadcast #section-6 .small-ipads .ipad-3 {
  position: absolute;
  right: -25px;
  top: 0px;
  z-index: 10;
}
.broadcast #section-6 .small-ipads .ipad-3 .video-inside {
  background: url(../img/other/ipad-small-3.jpg) 0px 0px no-repeat;
  background-size: 100% auto;
}
@media (max-width: 991px) {
  .broadcast #section-6 .small-ipads .ipad-3 {
    top: 400px;
    z-index: 30;
  }
}
@media (max-width: 767px) {
  .broadcast #section-6 .small-ipads .ipad-3 .video-inside {
    background: url(../img/gifs/ipad-small-3.gif) 0px 0px no-repeat;
    background-size: 100% auto;
  }
}
@media (max-width: 600px) {
  .broadcast #section-6 .small-ipads .ipad-1,
  .broadcast #section-6 .small-ipads .ipad-2,
  .broadcast #section-6 .small-ipads .ipad-3 {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    margin: 30px auto -10px;
    display: block;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    will-change: transform;
  }
}
.broadcast #section-6 .logo-big {
  width: 549px;
  height: 161px;
  background: url(../img/logo/tc-logo-big.svg) 0px 0px no-repeat;
  margin: 0px auto 50px;
}
@media (max-width: 767px) {
  .broadcast #section-6 .logo-big {
    width: 275px;
    height: 80px;
    background-size: 100% auto;
    margin: 0px auto 30px;
  }
}
.broadcast #section-6 .section-border p {
  margin-bottom: 0;
}
.broadcast #section-6 img {
  display: block;
  margin: 50px auto;
}
@media (max-width: 1200px) {
  .broadcast #section-6 img {
    margin: 30px auto;
  }
}
.mission #section-1 {
  background-image: url(../img/backgrounds/kids-bg.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.mission #section-1 h1,
.mission #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.mission #section-1 .kids-wrapper {
  width: 100%;
  height: 100%;
  z-index: -1;
  margin: 0 auto;
  position: relative;
}
.mission #section-1 .kids-wrapper .kids-container {
  position: absolute;
  bottom: 0;
  height: 83%;
  width: 100%;
}
@media (max-width: 991px) {
  .mission #section-1 .kids-wrapper .kids-container {
    height: 87%;
  }
}
@media (max-width: 767px) {
  .mission #section-1 .kids-wrapper .kids-container {
    height: 86%;
  }
}
@media (min-width: 2000px) {
  .mission #section-1 .kids-wrapper .kids-container {
    height: 80%;
  }
}
.mission #section-1 .kids-wrapper .kids-container .wrap-every-kid {
  top: 0;
  left: 50%;
  position: absolute;
  height: 100%;
}
.mission #section-1 .kids-wrapper .kids-container .wrap-every-kid img {
  height: 100%;
  margin-left: -50%;
  opacity: 0;
  transition: .3s linear;
  transform: scale(0.5);
}
.mission #section-1 h1 {
  position: absolute;
  left: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .mission #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .mission #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .mission #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .mission #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/kids-bg.jpg);
  }
}
.mission #section-1 .btn {
  position: absolute;
  bottom: 100px;
  right: 50px;
  z-index: 1;
}
@media (max-width: 1500px) {
  .mission #section-1 .btn {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .mission #section-1 .btn {
    bottom: 20px;
    right: 20px;
  }
}
@media (max-width: 500px) {
  .mission #section-1 .btn {
    display: none;
  }
}
.mission #section-3 {
  background-color: #f15d50;
}
.mission #section-3 h2 {
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 20px;
}
.mission #section-3 p {
  color: #ffffff;
}
.mission #section-3 p:last-child {
  margin-bottom: 0;
}
.mission #section-3 p a {
  color: #ffffff;
}
.mission #section-4 {
  background-color: #ffffff;
}
.mission #section-4 h2 {
  font-weight: 300;
  color: #2e474e;
}
.mission #section-4 p {
  color: #2e474e;
}
.mission #section-5-top strong {
  font-size: 1.5em;
  line-height: 0.6em;
}
.mission #section-5 {
  background-image: url(../img/backgrounds/mission-photo-3.jpg);
}
@media (max-width: 767px) {
  .mission #section-5 {
    background-image: url(../img/backgrounds/mobile/mission-photo-3.jpg);
  }
}
.mission #section-5 h1 {
  color: #f15d50;
  font-weight: bold;
  position: absolute;
  bottom: 60px;
  left: 60px;
  margin: 0;
}
@media (max-width: 991px) {
  .mission #section-5 h1 {
    position: relative;
    left: auto;
    bottom: auto;
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .mission #section-5 h1 {
    padding: 0;
  }
}
.mission #section-6 {
  padding-top: 0;
}
.mission #section-6 a {
  color: #f15d50;
}
@media (max-width: 767px) {
  .mission #section-6 .section-border {
    margin-top: 20px;
  }
}
.mission #section-6 .screen-1,
.mission #section-6 .screen-2 {
  width: 100%;
}
.mission #section-8 {
  background-image: url(../img/backgrounds/mission-photo-1.jpg);
}
@media (max-width: 767px) {
  .mission #section-8 {
    background-image: url(../img/backgrounds/mobile/mission-photo-1.jpg);
  }
}
.mission #section-8 h1 {
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  bottom: 60px;
  left: 60px;
  margin: 0;
}
@media (max-width: 991px) {
  .mission #section-8 h1 {
    position: relative;
    left: auto;
    bottom: auto;
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .mission #section-8 h1 {
    color: #2e474e;
    padding: 0;
  }
}
.mission #section-7-quote .quote-box {
  margin: 50px;
}
.mission #section-7-quote .quote-box .quote-text {
  font-size: 2.625em;
}
@media (max-width: 768px) {
  .mission #section-7-quote .quote-box {
    margin: 0;
  }
}
.mission #section-7-quote .quote-description {
  margin-top: -50px;
  margin-left: 150px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .mission #section-7-quote .quote-description {
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .mission #section-7-quote .quote-description {
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.mission #section-10 {
  padding-top: 0;
}
.mission #section-10 img {
  width: 100%;
}
.mission #section-11 h1 {
  margin-bottom: 20px;
}
.mission #section-11 h2 {
  color: #f15d50;
  margin-bottom: 20px;
}
.mission #section-11 a {
  color: #f15d50;
}
.mission #section-11 .buttons-bottom {
  padding-top: 150px;
}
@media (max-width: 900px) {
  .mission #section-11 .buttons-bottom {
    padding-top: 0;
  }
}
.mission #section-11 h3 {
  font-size: 1.5em;
}
.mission #section-11 img {
  margin: 0 auto;
}
.mission #section-11 .links {
  margin-bottom: 20px;
}
.mission #section-partners {
  text-align: left;
}
.mission #section-partners .partners {
  text-align: left;
}
.mission #section-partners .partners a:nth-child(n+7) {
  width: calc(14.28571429%);
}
@media (max-width: 991px) {
  .mission #section-partners .partners a:nth-child(n+7) {
    width: auto;
  }
}
.team #section-1 {
  background-image: url(../img/backgrounds/who-photo-1.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.team #section-1 h1,
.team #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.team #section-1 h1 {
  color: #ffffff;
  position: absolute;
  left: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .team #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .team #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .team #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .team #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/who-photo-1.jpg);
  }
}
.team #section-3 .member {
  margin-bottom: 30px;
}
.team #section-3 .member:after {
  content: '';
  display: block;
  clear: both;
}
.team #section-3 .member .photo-border {
  width: 100px;
  height: 100px;
  background: #000;
  position: relative;
  float: left;
  margin-right: 20px;
}
.team #section-3 .member .photo-border .top {
  width: 100%;
  height: 10px;
  background: #f15d50;
  position: absolute;
  left: 0px;
  top: 0;
}
.team #section-3 .member .photo-border .left {
  height: 50%;
  width: 10px;
  background: #f15d50;
  position: absolute;
  left: 0px;
  top: 0px;
}
.team #section-3 .member .photo-border .right {
  height: 50%;
  width: 10px;
  background: #2e474e;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.team #section-3 .member .photo-border .bottom {
  height: 10px;
  width: 100%;
  background: #2e474e;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.team #section-3 .story {
  margin-top: 5px;
}
.team #section-3 p {
  font-size: 1.2em;
  margin: 0px;
}
.team #section-awards .row {
  text-align: center;
}
.team #section-awards p {
  margin: 30px auto 30px;
}
.team #section-awards .awards {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team #section-awards img {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin: 30px 15px;
  max-height: 120px;
  width: auto;
  max-width: 250px;
}
.team #section-4 {
  background-image: url(../img/backgrounds/who-photo-2.jpg);
  background-position: 50% 50%;
  cursor: pointer;
}
@media (max-width: 990px) {
  .team #section-4 {
    min-height: 430px;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .team #section-4 {
    min-height: 320px;
    height: 320px;
    background-image: url(../img/backgrounds/mobile/who-photo-2.jpg);
  }
}
@media (max-width: 450px) {
  .team #section-4 {
    min-height: 220px;
    height: 220px;
  }
}
.team #section-4 h2 {
  text-align: center;
  color: #ffffff;
}
.team #section-4 h1 {
  position: absolute;
  bottom: 100px;
  left: 50px;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 991px) {
  .team #section-4 h1 {
    position: relative;
    margin: 240px auto 50px;
    text-align: center;
    left: auto;
    bottom: auto;
  }
}
@media (max-width: 1500px) {
  .team #section-4 h1 {
    bottom: 50px;
  }
}
.customers #section-1 {
  background-image: url(../img/backgrounds/customers-photo-1.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.customers #section-1 h1,
.customers #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.customers #section-1 h1 {
  position: absolute;
  left: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .customers #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .customers #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .customers #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .customers #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/customers-photo-1.jpg);
  }
}
.customers #section-3 {
  background-color: #f15d50;
  background-image: url(../img/other/pic-1.jpg);
  background-position: 90% 100%;
  background-repeat: no-repeat;
  background-size: auto 90%;
}
.customers #section-3 h2 {
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 20px;
}
.customers #section-3 p {
  color: #ffffff;
}
.customers #section-3 p:last-child {
  margin-bottom: 0;
}
.customers #section-3 h2 {
  margin-right: 20%;
}
@media (max-width: 767px) {
  .customers #section-3 h2 {
    margin-right: 0%;
  }
}
.customers #section-3 p {
  margin-right: 20%;
}
@media (max-width: 991px) {
  .customers #section-3 p {
    margin-right: 30%;
  }
}
@media (max-width: 767px) {
  .customers #section-3 p {
    margin-right: 0%;
  }
}
@media (max-width: 991px) {
  .customers #section-3 {
    background-position: 95% 100%;
  }
}
@media (max-width: 767px) {
  .customers #section-3 {
    background-position: 50% 100%;
    background-size: auto 200px;
    padding-bottom: 230px;
  }
}
.customers #section-4 {
  background-color: #ffffff;
}
.customers #section-4 h2 {
  font-weight: 300;
  color: #2e474e;
}
.customers #section-4 p {
  color: #2e474e;
}
.customers #section-5-top strong {
  font-size: 1.5em;
  line-height: 0.6em;
}
.customers #section-5 {
  background-image: url(../img/backgrounds/mission-photo-3.jpg);
}
@media (max-width: 767px) {
  .customers #section-5 {
    background-image: url(../img/backgrounds/mobile/mission-photo-3.jpg);
  }
}
.customers #section-5 h1 {
  color: #f15d50;
  font-weight: bold;
  position: absolute;
  bottom: 60px;
  left: 60px;
  margin: 0;
}
@media (max-width: 991px) {
  .customers #section-5 h1 {
    position: relative;
    left: auto;
    bottom: auto;
    padding-top: 200px;
  }
}
.customers #section-6 a {
  color: #f15d50;
}
.customers #section-6 .section-border {
  padding: 0;
}
.customers #section-6 .section-border .top,
.customers #section-6 .section-border .bottom {
  width: 100%;
}
.customers #section-6 .section-border .right,
.customers #section-6 .section-border .left {
  height: calc(100% - 40px);
}
@media (max-width: 991px) {
  .customers #section-6 .section-border {
    margin-bottom: 30px;
  }
}
.customers #section-6 .screen-1,
.customers #section-6 .screen-2 {
  width: 100%;
}
.customers #section-8 {
  background-image: url(../img/backgrounds/mission-photo-1.jpg);
}
@media (max-width: 767px) {
  .customers #section-8 {
    background-image: url(../img/backgrounds/mobile/mission-photo-1.jpg);
  }
}
.customers #section-8 h1 {
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  bottom: 60px;
  left: 60px;
  margin: 0;
}
@media (max-width: 991px) {
  .customers #section-8 h1 {
    position: relative;
    left: auto;
    bottom: auto;
    padding-top: 200px;
  }
}
.customers #section-10 img {
  width: 100%;
}
.contactus #section-1 {
  background-image: url(../img/backgrounds/who-photo-2.jpg);
  background-position: 50% 70%;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.contactus #section-1 h2 {
  text-align: center;
  color: #ffffff;
}
@media (max-width: 991px) {
  .contactus #section-1 h2 {
    padding-top: 200px;
  }
}
.contactus #section-1 h1 {
  position: absolute;
  left: 50px;
  bottom: 100px;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 1500px) {
  .contactus #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .contactus #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .contactus #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .contactus #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/who-photo-2.jpg);
  }
}
.contactus #section-1 .contact-area {
  position: absolute;
  display: block;
  width: 80%;
  height: 60%;
  top: 14%;
  left: 10%;
  cursor: pointer;
  background: transparent;
}
.contactus #section-contact-form-wide .section-border {
  max-width: 860px;
  margin: 50px auto 0;
  padding: 60px;
}
@media (max-width: 500px) {
  .contactus #section-contact-form-wide .section-border {
    padding: 40px;
  }
}
.contactus #section-contact-form-wide form {
  margin: 0;
}
@media (min-width: 1300px) {
  .contactus #section-contact-form-wide form input[type="text"],
  .contactus #section-contact-form-wide form input[type="email"],
  .contactus #section-contact-form-wide form textarea {
    height: 60px;
    line-height: 60px;
    font-size: 1.5em;
  }
}
.contactus #section-contact-form-wide form input[type="submit"] {
  background: #f15d50;
  height: 40px;
  line-height: 40px;
  display: block;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 1.125em;
  padding: 0;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0;
}
.contactus #section-contact-form-wide form input[type="submit"]:hover {
  background-color: #f18076;
}
.contactus #section-contact-form-wide form input[type="submit"]:active {
  background-color: #9ba4a7;
}
@media (min-width: 1300px) {
  .contactus #section-contact-form-wide form input[type="submit"] {
    height: 60px;
    line-height: 60px;
    font-size: 1.5em;
  }
}
@media (min-width: 1300px) {
  .contactus #section-contact-form-wide form textarea {
    height: 100px;
    line-height: 1.3;
    font-size: 1.5em;
  }
}
.contactus #section-contact-form-wide .support-box {
  padding-top: 50px;
}
.contactus #section-contact-form-wide .support-box h3 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}
.contactus #section-contact-form-wide .support-box p {
  margin: 0;
}
.contactus #section-contact-form-wide .support-box a {
  cursor: pointer;
}
.contactus #section-contact-form-wide .support-box .row > div {
  margin-bottom: 30px;
}
.jobs #section-1 {
  background-image: url(../img/backgrounds/jobs-photo.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.jobs #section-1 h1,
.jobs #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.jobs #section-1 h1 {
  color: #ffffff;
  position: absolute;
  left: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .jobs #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .jobs #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .jobs #section-1 {
    min-height: initial;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .jobs #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/jobs-photo.jpg);
  }
}
.jobs #section-job-list h1 {
  margin-bottom: 3px;
}
.security #section-1 {
  background-image: url(../img/backgrounds/security.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
@media (max-width: 991px) {
  .security #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .security #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/security.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .security #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/security-mob.jpg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.security #section-1 h1,
.security #section-1 h2 {
  font-weight: bold;
  margin-bottom: 0;
  color: #f15d50;
}
.security #section-1 h1 {
  position: absolute;
  bottom: 100px;
  right: 50px;
}
@media (max-width: 1500px) {
  .security #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .security #section-1 h1 {
    bottom: auto;
    top: 330px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .security #section-1 h1 {
    top: 230px;
    right: auto;
    left: 20px;
  }
}
.security #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .security #section-1 .text-content {
    bottom: 50px;
  }
}
.security #section-1 .text-content p {
  width: 500px;
}
@media (max-width: 991px) {
  .security #section-1 .text-content p {
    width: auto;
  }
}
@media (max-width: 991px) {
  .security #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .security #section-1 .text-content {
    margin: 20px;
  }
}
.security #section-3 .img-centered {
  margin: 20px auto;
  display: block;
}
@media (max-width: 767px) {
  .security #section-4 h2 {
    text-align: center;
  }
  .security #section-4 .img-container {
    display: block;
  }
}
.security #section-partners .partners > div {
  margin-left: -1px;
}
.security #section-partners .partners > div p {
  text-align: center;
}
.bg-red {
  background-color: #f15d50;
}
.bg-red h4 {
  color: #2e474e;
}
.bg-red p {
  color: #ffffff;
}
.csa-logo-container {
  display: block;
  text-align: center;
}
.csa-logo-container .img-registrant {
  display: inline-block;
  margin: 20px auto;
}
.equipment p a {
  color: #f15d50;
}
.equipment .eqip-photo {
  margin: 30px auto;
  max-width: 100%;
  display: block;
}
.equipment #section-1 {
  background-image: url(../img/backgrounds/equip-photo-1.png);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.equipment #section-1 h1,
.equipment #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.equipment #section-1 h1 {
  position: absolute;
  left: 50px;
  bottom: 100px;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 1500px) {
  .equipment #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .equipment #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .equipment #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .equipment #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/equip-photo-1.png);
  }
}
.equipment #section-2 {
  background-image: url(../img/backgrounds/equip-photo-2.jpg);
}
.equipment #section-2 h1 {
  font-weight: bold;
  color: #ffffff;
}
@media (max-width: 991px) {
  .equipment #section-2 h1 {
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .equipment #section-2 h1 {
    padding: 0;
    color: #2e474e;
    margin: 0;
  }
}
.equipment #section-5 {
  text-align: center;
}
@media (max-width: 767px) {
  .equipment #section-5 {
    text-align: left;
  }
}
.equipment #section-6 {
  text-align: center;
}
@media (max-width: 767px) {
  .equipment #section-6 {
    text-align: left;
  }
}
.tutorials #section-1 {
  background-image: url(../img/backgrounds/tutor-photo-1.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.tutorials #section-1 h1,
.tutorials #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.tutorials #section-1 h1 {
  position: absolute;
  left: 50px;
  bottom: 100px;
  color: #f15d50;
  font-weight: bold;
}
@media (max-width: 1500px) {
  .tutorials #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tutorials #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .tutorials #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .tutorials #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/tutor-photo-1.jpg);
  }
}
.tutorials #section-2 {
  background-image: url(../img/backgrounds/tutor-photo-2.jpg);
}
@media (max-width: 767px) {
  .tutorials #section-2 {
    background-image: url(../img/backgrounds/mobile/tutor-photo-2.jpg);
  }
}
.tutorials #section-2 h1 {
  font-weight: bold;
  color: #ffffff;
}
@media (max-width: 991px) {
  .tutorials #section-2 h1 {
    padding-top: 200px;
  }
}
.tutorials #section-3 {
  padding-bottom: 0px;
}
.tutorials #section-3 p {
  font-size: 2em;
  margin: 0;
}
.tutorials #section-3 .tc-studio-logo {
  margin: 50px auto;
}
.tutorials #section-3 .row .section-border {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .tutorials #section-3 .row .section-border {
    margin-bottom: 20px;
  }
}
@media (max-width: 1300px) {
  .tutorials #section-3 h2 {
    font-size: 2em;
  }
}
.tutorials #section-4 p {
  font-size: 2em;
  margin: 0;
}
.tutorials #section-4 .tc-studio-logo {
  margin: 50px auto;
}
.tutorials #section-4 .row .section-border {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .tutorials #section-4 .row .section-border {
    margin-bottom: 20px;
  }
}
@media (max-width: 1300px) {
  .tutorials #section-4 h2 {
    font-size: 2em;
  }
}
.tutorials #section-5 {
  text-align: center;
}
.tutorials #section-6 {
  text-align: center;
}
.educatorguide #section-1 {
  background-image: url(../img/backgrounds/guide-photo-1.jpg);
  min-height: 550px;
  height: calc(100vh - 90px);
}
.educatorguide #section-1 h1 {
  position: absolute;
  left: 50px;
  bottom: 100px;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 1500px) {
  .educatorguide #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .educatorguide #section-1 h1 {
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 991px) {
  .educatorguide #section-1 {
    min-height: auto;
    height: 430px;
  }
}
@media (max-width: 767px) {
  .educatorguide #section-1 {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/guide-photo-1.jpg);
  }
}
.educatorguide #section-2 h1 {
  margin-bottom: 20px;
}
.educatorguide #section-2 h2 {
  color: #f15d50;
  margin-bottom: 20px;
}
.educatorguide #section-2 a {
  color: #f15d50;
}
.educatorguide #section-2 .buttons-bottom {
  padding-top: 150px;
}
@media (max-width: 991px) {
  .educatorguide #section-2 .buttons-bottom {
    padding-top: 0;
  }
}
.educatorguide #section-2 h3 {
  font-size: 1.5em;
}
.educatorguide #section-2 img {
  margin: 0 auto;
  display: block;
}
.educatorguide #section-2 .links {
  margin-bottom: 30px;
}
.educatorguide #section-3 h2 {
  text-align: center;
}
.educatorguide #section-3 .photo-border {
  text-align: center !important;
  position: relative;
  width: 322px;
  float: left;
  margin-right: 30px;
}
.educatorguide #section-3 .photo-border .top {
  width: 100%;
  height: 10px;
  background: #f15d50;
  position: absolute;
  left: 0;
  top: 0;
}
.educatorguide #section-3 .photo-border .left {
  height: 50%;
  width: 10px;
  background: #f15d50;
  position: absolute;
  left: 0;
  top: 0;
}
.educatorguide #section-3 .photo-border .right {
  height: 50%;
  width: 10px;
  background: #2e474e;
  position: absolute;
  right: 0;
  bottom: 0;
}
.educatorguide #section-3 .photo-border .bottom {
  height: 10px;
  width: 100%;
  background: #2e474e;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .educatorguide #section-3 .photo-border {
    float: none;
    margin: 0px 0px 30px;
  }
}
@media (max-width: 350px) {
  .educatorguide #section-3 .photo-border {
    width: auto;
  }
}
.educatorguide #section-3 .text h2 {
  text-align: left;
}
.educatorguide #section-3 .text p {
  margin: 0;
  margin-top: -5px;
}
.educatorguide #section-4 {
  text-align: center;
}
.educatorguide #section-4 h2 {
  text-align: left;
}
.educatorguide #section-4 .book-4 {
  margin: 25px 0;
}
@media (max-width: 991px) {
  .educatorguide #section-4 .book-box:not(:last-child) {
    margin-bottom: 32px;
  }
}
.educatorguide #section-5 .left-text p {
  margin: 0;
}
.textpages .section-box h1 {
  font-weight: bold;
}
.textpages .section-box a {
  color: #f15d50;
}
.textpages .section-box h3,
.textpages .section-box h4 {
  font-size: 1.5em;
  font-weight: 400;
  color: #2e474e;
}
.textpages .section-box h2,
.textpages .section-box h4 {
  color: #2e474e;
}
.textpages .section-box p {
  margin-bottom: 25px;
}
.textpages .section-box ul,
.textpages .section-box ol {
  font-size: 1.5em;
  margin: 30px 0px;
  padding: 0px 0px 0px 70px;
}
@media (max-width: 767px) {
  .textpages .section-box ul,
  .textpages .section-box ol {
    padding-left: 30px;
  }
}
.textpages .section-box ul li,
.textpages .section-box ol li {
  color: #2e474e;
  line-height: 1.3;
  text-indent: 0;
  padding: 0;
  margin: 25px 0px;
}
.textpages .section-box ul li:before,
.textpages .section-box ol li:before {
  display: none;
}
.textpages .section-box ul li > ul,
.textpages .section-box ol li > ul,
.textpages .section-box ul li > ol,
.textpages .section-box ol li > ol {
  font-size: 1em;
}
.textpages .section-box ul li > ul li,
.textpages .section-box ol li > ul li,
.textpages .section-box ul li > ol li,
.textpages .section-box ol li > ol li {
  list-style-type: lower-alpha;
}
.textpages .section-box ul.circle-inside,
.textpages .section-box ol.circle-inside {
  list-style: none;
}
.textpages .section-box ul.circle-inside li,
.textpages .section-box ol.circle-inside li {
  list-style: none;
  position: relative;
  padding-left: 30px;
}
.textpages .section-box ul.circle-inside li:before,
.textpages .section-box ol.circle-inside li:before {
  display: block;
  content: "•";
  color: #2e474e;
  position: absolute;
  left: 0px;
  top: 0px;
}
.textpages .section-box ul.circle-inside li > ul li:before,
.textpages .section-box ol.circle-inside li > ul li:before {
  display: block;
  content: "•";
  position: absolute;
  left: 0px;
  top: 0px;
}
.textpages .bottom-title {
  float: right;
}
.salesforce #section-1 .container {
  width: 80%;
}
@media (max-width: 767px) {
  .salesforce #section-1 .container {
    width: auto;
  }
}
.salesforce #section-1 h1 {
  font-size: 2.625em;
  text-align: center;
}
@media (max-width: 767px) {
  .salesforce #section-1 h1 {
    text-align: left;
  }
}
.salesforce #section-1 p {
  text-align: center;
}
@media (max-width: 767px) {
  .salesforce #section-1 p {
    text-align: left;
  }
}
.salesforce #section-1 .logo-row {
  text-align: center;
  margin-bottom: 30px;
}
.salesforce #section-1 .logo-row .logo-big {
  width: 238px;
  height: 70px;
  background: url(../img/logo/tc-logo-big.svg) 0 0 no-repeat;
  background-size: auto 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin-top: 10px;
}
@media (max-width: 767px) {
  .salesforce #section-1 .logo-row .logo-big {
    display: block;
    margin: 0 auto;
  }
}
.salesforce #section-1 .logo-row .plus {
  width: 30px;
  height: 30px;
  background: url(../img/icons/plus-icon.svg);
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin: 30px;
}
@media (max-width: 767px) {
  .salesforce #section-1 .logo-row .plus {
    display: block;
    margin: 30px auto;
  }
}
.salesforce #section-1 .logo-row .salesforce-logo {
  width: 270px;
  height: 105px;
  background: url(../img/logo/salesforce.png);
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
@media (max-width: 767px) {
  .salesforce #section-1 .logo-row .salesforce-logo {
    display: block;
    margin: 0 auto;
  }
}
.salesforce #section-2 .animated-border.on-screen .left,
.salesforce #section-2 .animated-border.on-screen .right {
  height: 75%;
}
.salesforce #section-2 .row div.col-lg-6:first-child h1 {
  font-size: 2.625em;
}
@media (max-width: 767px) {
  .salesforce #section-2 .row div.col-lg-6:first-child h1 {
    text-align: left;
  }
}
.salesforce #section-2 .row div.col-lg-6:first-child p {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .salesforce #section-2 .row div.col-lg-6:first-child p {
    text-align: left;
  }
}
.salesforce #section-2 .row div.col-lg-6:first-child .btn {
  margin-bottom: 20px;
}
.salesforce #section-2 .row div.col-lg-6:last-child .section-border {
  padding: 14px 0;
}
.salesforce #section-2 .row div.col-lg-6:last-child .section-border img {
  width: 100%;
}
.salesforce #section-3 .section-border {
  margin-top: 30px;
  padding: 0;
}
.salesforce #section-3 .screen-1,
.salesforce #section-3 .screen-2 {
  width: 100%;
}
.salesforce #section-4 {
  background-color: #f15d50;
}
.salesforce #section-4 h2 {
  font-weight: 300;
  color: #2e474e;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .salesforce #section-4 h2 {
    margin-right: 100px;
  }
}
@media (max-width: 991px) {
  .salesforce #section-4 h2 {
    margin-right: 0;
  }
}
.salesforce #section-4 p {
  color: #ffffff;
}
.salesforce #section-4 p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .salesforce #section-4 p {
    margin-right: 100px;
  }
}
@media (max-width: 991px) {
  .salesforce #section-4 p {
    margin-right: 0;
  }
}
.salesforce #section-5 .section-border {
  padding: 14px 0;
}
@media (max-width: 767px) {
  .salesforce #section-5 .section-border {
    padding: 7px 0;
  }
}
.salesforce #section-5 .section-border img {
  width: 100%;
}
.salesforce #section-6 {
  text-align: center;
}
@media (max-width: 767px) {
  .salesforce #section-6 {
    text-align: left;
  }
}
.salesforce #section-6 .bottom-dl {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .salesforce #section-6 .bottom-dl {
    margin-top: 30px;
  }
}
.salesforce #section-6 .bottom-dl .btn {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin-top: 10px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .salesforce #section-6 .bottom-dl .btn {
    margin: 0 auto;
  }
}
.salesforce #section-6 .bottom-dl .salesforce-dl {
  width: 235px;
  height: 66px;
  background: url(../img/logo/salesforce-dl.png) 0 0 no-repeat;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
@media (max-width: 767px) {
  .salesforce #section-6 .bottom-dl .salesforce-dl {
    display: block;
    margin: 30px auto 0;
  }
}
.pardot .header-container {
  border-bottom: 4px solid #f15d50;
}
.pardot .header-container .slogan {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
  z-index: 300;
  width: auto;
}
.pardot .header-container .slogan h4 {
  font-size: 1em;
}
@media (max-width: 991px) {
  .pardot .header-container .slogan {
    top: 5px;
  }
  .pardot .header-container .slogan h4 {
    font-size: 0.7em;
  }
}
.pardot h1 {
  font-size: 2.625em;
}
.pardot .form-border {
  padding: 30px 60px;
  margin-top: 25px;
}
.pardot #section-2 {
  padding-top: 0;
}
.unilevercasestudy #section-1 {
  background-image: url(../img/backgrounds/comm-photo-1.jpg);
  background-color: #ffffff;
  min-height: 550px;
  height: calc(100vh - 90px);
}
.unilevercasestudy #section-1 h1,
.unilevercasestudy #section-1 h2 {
  font-weight: bold;
  color: #2e474e;
  margin-bottom: 0;
}
.unilevercasestudy #section-1 h2 {
  color: #ffffff;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-1 h2 {
    color: #2e474e;
  }
}
.unilevercasestudy #section-1 .text-content {
  position: absolute;
  bottom: 100px;
  left: 50px;
}
@media (max-width: 1500px) {
  .unilevercasestudy #section-1 .text-content {
    bottom: 50px;
  }
}
.unilevercasestudy #section-1 .text-content p {
  width: 500px;
  color: #2e474e;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-1 .text-content p {
    width: auto;
  }
}
@media (max-width: 991px) {
  .unilevercasestudy #section-1 .text-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 50px;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-1 .text-content {
    margin: 20px;
  }
}
.unilevercasestudy #section-1 h1 {
  position: absolute;
  right: 50px;
  bottom: 100px;
}
@media (max-width: 1500px) {
  .unilevercasestudy #section-1 h1 {
    bottom: 50px;
  }
}
@media (max-width: 991px) {
  .unilevercasestudy #section-1 h1 {
    bottom: auto;
    top: 270px;
    right: 50px;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-1 h1 {
    top: 196px;
    right: auto;
    left: 20px;
  }
}
@media (max-width: 991px) {
  .unilevercasestudy #section-1 {
    padding: 0;
    background: none;
    min-height: auto;
    height: auto;
  }
  .unilevercasestudy #section-1:before {
    content: '';
    display: block;
    width: 100%;
    height: 430px;
    background-image: url(../img/backgrounds/comm-photo-1.jpg);
    background-size: cover;
    background-position: 50% 0;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .unilevercasestudy #section-1:before {
    height: 280px;
    background-image: url(../img/backgrounds/mobile/comm-photo-1.jpg);
  }
}
.unilevercasestudy #section-2 {
  background-image: url(../img/backgrounds/comm-photo-2.jpg);
  background-position: 50% 20%;
}
.unilevercasestudy #section-2.section-photo h1 {
  color: #f15d50;
  font-weight: bold;
  position: absolute;
  top: 60px;
  margin: 0;
  left: 60px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-2.section-photo h1 {
    position: relative;
    top: auto;
    left: auto;
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-2.section-photo h1 {
    padding: 0;
  }
}
.unilevercasestudy #section-2.section-photo .text-content {
  position: absolute;
  bottom: 200px;
  left: 60px;
  max-width: 550px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-2.section-photo .text-content {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
@media (max-width: 1500px) {
  .unilevercasestudy #section-2 {
    background-position: 100% 0;
  }
}
@media (max-width: 991px) {
  .unilevercasestudy #section-2 {
    background-position: 90% 100%;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-2 {
    background-image: url(../img/backgrounds/mobile/comm-photo-2.jpg);
  }
}
@media (max-width: 500px) {
  .unilevercasestudy #section-2 {
    background-position: 80% 100%;
  }
}
.unilevercasestudy #section-3 {
  background-color: #2e474e;
}
.unilevercasestudy #section-3 h2 {
  font-weight: 300;
  color: #f15d50;
  margin-bottom: 0;
}
.unilevercasestudy #section-3 p {
  color: #ffffff;
}
.unilevercasestudy #section-3 p:last-child {
  margin-bottom: 0;
}
.unilevercasestudy #section-4 {
  background-image: url(../img/backgrounds/comm-photo-3.jpg);
  text-align: right;
}
.unilevercasestudy #section-4 h1 {
  font-weight: bold;
  margin-bottom: 0px;
  color: #ffffff;
  position: absolute;
  bottom: 64px;
  right: 64px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-4 h1 {
    position: relative;
    bottom: auto;
    right: auto;
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-4 h1 {
    padding: 0;
    color: #f15d50;
  }
}
.unilevercasestudy #section-5 {
  background-color: #f15d50;
}
.unilevercasestudy #section-5 p {
  color: #ffffff;
}
.unilevercasestudy #section-5-1 ul li {
  color: #2e474e;
}
.unilevercasestudy #section-5-1 .tc-teamtime-logo {
  width: 380px;
  height: 90px;
  margin: 30px 0 50px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-5-1 .tc-teamtime-logo {
    width: 284px;
    height: 70px;
    margin: 0px 0 30px;
  }
}
.unilevercasestudy #section-5-1 .tc-studio-logo {
  width: 380px;
  height: 90px;
  margin: 50px 0 50px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-5-1 .tc-studio-logo {
    width: 284px;
    height: 70px;
    margin: 30px 0 30px;
  }
}
.unilevercasestudy #section-5-1 .screen {
  padding-top: 30px;
  margin-bottom: -20px;
}
.unilevercasestudy #section-6 {
  background-image: url(../img/backgrounds/image-4.jpg);
  background-position: 50% 0px;
}
.unilevercasestudy #section-6 h1 {
  color: #f15d50;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-6 {
    background-position: 70% 0px;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-6 {
    background-position: 100% 0px;
  }
}
@media (max-width: 560px) {
  .unilevercasestudy #section-6 {
    background-position: 70% 0px;
  }
}
.unilevercasestudy #section-6 .t-logo {
  width: 112px;
  height: 111px;
  background: url(../img/logo/t-logo.svg);
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  float: left;
  margin-right: 10px;
}
.unilevercasestudy #section-6 h1 {
  font-weight: bold;
}
@media (min-width: 992px) {
  .unilevercasestudy #section-6 .text-content {
    width: 700px;
  }
}
@media (min-width: 768px) {
  .unilevercasestudy #section-6-top strong {
    font-size: 1.5em;
    line-height: 0.6em;
  }
}
.unilevercasestudy #section-6-video {
  background-image: url(../img/preview/gemma.jpg);
  cursor: pointer;
}
.unilevercasestudy #section-6-video article {
  width: 700px;
}
.unilevercasestudy #section-6-video article h1 {
  font-size: 2.625em;
  color: #ffffff;
  font-weight: bold;
  font-family: 'AvertaStd', Arial, sans-serif;
  margin-bottom: 25px;
}
.unilevercasestudy #section-6-video article p {
  margin-top: 0;
  color: #ffffff;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-6-video article {
    width: auto;
  }
}
.unilevercasestudy #section-6-video .author {
  position: absolute;
  bottom: 60px;
  right: 60px;
}
@media (max-width: 767px) {
  .unilevercasestudy #section-6-video .author {
    right: auto;
    left: 30px;
    bottom: 30px;
  }
}
.unilevercasestudy #section-6-video .author h1 {
  font-size: 2.625em;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-6-video .author h1 {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-6-video .author h1 {
    font-size: 1em;
  }
}
.unilevercasestudy #section-6-video .author h2 {
  font-size: 2.625em;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-6-video .author h2 {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  .unilevercasestudy #section-6-video .author h2 {
    font-size: 1em;
  }
}
.unilevercasestudy #section-6-2 .section-border {
  padding: 0;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-6-2 .section-border {
    margin-bottom: 30px;
  }
}
.unilevercasestudy #section-6-2 .screen-1,
.unilevercasestudy #section-6-2 .screen-2 {
  width: 100%;
}
.unilevercasestudy #section-6-2 p {
  margin-bottom: 0;
  margin-top: 50px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-6-2 p {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .unilevercasestudy #section-6-2 p span {
    font-size: 1.75em;
    font-weight: bold;
    font-family: 'AvertaStd', Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    /* Fix for IE7 */
    *display: inline;
    /* Fix for IE7 */
    line-height: 24px;
  }
}
.unilevercasestudy #section-8 .section-border {
  padding: 0;
  margin-top: 20px;
}
.unilevercasestudy #section-8 .section-border img {
  width: 100%;
}
.unilevercasestudy #section-9 .section-border {
  padding: 0;
  margin-top: 20px;
}
.unilevercasestudy #section-9 .section-border img {
  width: 100%;
}
.unilevercasestudy #section-9 p {
  margin: 0;
}
.unilevercasestudy #section-10 p {
  margin: 0;
}
.unilevercasestudy #section-11 {
  background-image: url(../img/backgrounds/comm-photo-4.jpg);
}
.unilevercasestudy #section-11 .man {
  font-weight: bold;
}
.unilevercasestudy #section-11 h2 {
  margin: 0 0;
  line-height: 1.2;
}
.unilevercasestudy #section-11 .text-content {
  position: absolute;
  top: 60px;
  left: 60px;
}
@media (max-width: 991px) {
  .unilevercasestudy #section-11 .text-content {
    position: relative;
    top: auto;
    left: auto;
  }
}
.stockpage #section-1 .slogan {
  z-index: 70;
}
@media (max-width: 991px) {
  .stockpage #section-1 .slogan {
    display: none;
  }
}
.stockpage #section-1 .video-container .black-backing {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
}
.stockpage #section-1 .section-content {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
@media (max-width: 767px) {
  .stockpage #section-1 .section-content {
    position: relative;
    padding: 0 20px;
  }
}
@media (min-width: 991px) {
  .stockpage #section-1 .section-content article {
    padding-top: 75px;
  }
}
@media (min-width: 768px) {
  .stockpage #section-1 .section-content article {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .stockpage #section-1 .section-content article {
    margin-top: 20px;
  }
}
.stockpage #section-1 .section-content article h1 {
  line-height: 1.2em !important;
  margin-bottom: 0.75em;
}
@media (min-width: 768px) {
  .stockpage #section-1 .section-content article h1 {
    color: white;
  }
}
.stockpage #section-1 .section-content article h2 {
  line-height: 1.2em !important;
}
@media (min-width: 1301px) {
  .stockpage #section-1 .section-content article h2 {
    padding-right: 100px;
  }
}
@media (min-width: 768px) {
  .stockpage #section-1 .section-content article h2 {
    color: white;
  }
}
.stockpage #section-1 .welcome-placeholder {
  background-image: url(../img/backgrounds/stockpage-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -30;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .stockpage #section-1 .welcome-placeholder {
    display: none;
  }
}
.stockpage #section-2 {
  text-align: left;
}
.stockpage #section-2 h3 {
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .stockpage #section-2 h3 {
    margin-bottom: 15px;
  }
}
.stockpage #section-2 p {
  margin: 0;
}
@media (max-width: 991px) {
  .stockpage #section-2 p {
    margin-bottom: 30px;
  }
}
.stockpage #section-3 {
  padding-top: 0;
}
.stockpage #section-3 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.stockpage #section-3 .container:before,
.stockpage #section-3 .container:after {
  display: none;
}
.stockpage #section-3 .container .video {
  width: calc((100% - 60px) / 3);
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .stockpage #section-3 .container .video:last-child,
  .stockpage #section-3 .container .video:nth-last-child(2),
  .stockpage #section-3 .container .video:nth-last-child(3) {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .stockpage #section-3 .container .video {
    width: 100%;
  }
}
.stockpage #section-3 .container .video .section-border {
  padding: 0;
}
.stockpage #section-3 .container .video .section-border.animated-border.on-screen .right,
.stockpage #section-3 .container .video .section-border.animated-border.on-screen .left {
  height: 50%;
}
@media (max-width: 767px) {
  .stockpage #section-3 .container .video .section-border video {
    display: none;
  }
}
.stockpage #section-3 .container .video .section-border .mobile-photo {
  display: none;
  margin: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .stockpage #section-3 .container .video .section-border .mobile-photo {
    display: block;
  }
}
.stockpage #section-3 .container .video .section-border .tc-play-video {
  cursor: inherit;
}
.stockpage #section-6 {
  padding-top: 0;
  padding-bottom: 0;
}
.stockpage #section-6 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.stockpage #section-6 .container:before,
.stockpage #section-6 .container:after {
  display: none;
}
.stockpage #section-6 .container .photo {
  width: calc((100% - 60px) / 3);
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .stockpage #section-6 .container .photo:last-child,
  .stockpage #section-6 .container .photo:nth-last-child(2),
  .stockpage #section-6 .container .photo:nth-last-child(3) {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .stockpage #section-6 .container .photo {
    width: 100%;
  }
}
.stockpage #section-6 .container .photo .section-border {
  padding: 0;
}
.stockpage #section-6 .container .photo .section-border.animated-border.on-screen .right,
.stockpage #section-6 .container .photo .section-border.animated-border.on-screen .left {
  height: 50%;
}
.stockpage #section-7 {
  text-align: left;
}
.stockpage #section-7 .row .col-md-4 h3 {
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .stockpage #section-7 .row .col-md-4 h3 {
    margin-bottom: 15px;
  }
}
.stockpage #section-7 .row .col-md-4 .image {
  text-align: center;
  position: relative;
  margin: 0 auto 30px;
  height: 202px;
  width: 328px;
}
@media (max-width: 1300px) {
  .stockpage #section-7 .row .col-md-4 .image {
    height: 162px;
    width: 263px;
  }
}
@media (max-width: 363px) {
  .stockpage #section-7 .row .col-md-4 .image {
    height: 135px;
    width: 220px;
  }
}
.stockpage #section-7 .row .col-md-4 .image img {
  width: 100%;
  height: 100%;
}
.stockpage #section-7 .row .col-md-4 .image .onscreen-video {
  display: block;
  height: 157px;
  width: 250px;
  position: absolute;
  top: 14px;
  left: 38px;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 1300px) {
  .stockpage #section-7 .row .col-md-4 .image .onscreen-video {
    height: 125px;
    width: 198px;
    top: 12px;
    left: 32px;
  }
}
@media (max-width: 363px) {
  .stockpage #section-7 .row .col-md-4 .image .onscreen-video {
    height: 105px;
    width: 167px;
    top: 10px;
    left: 26px;
  }
}
.stockpage #section-7 .row .col-md-4 .image .onscreen-video video {
  width: 100%;
  height: auto;
}
.stockpage #section-7 .row .col-md-4 p {
  margin: 0;
}
@media (max-width: 991px) {
  .stockpage #section-7 .row .col-md-4 p {
    margin-bottom: 30px;
  }
}
.stockpage #section-7 .row .col-md-4:nth-child(2) .image {
  width: 304px;
  height: 215px;
  margin-bottom: 17px;
}
@media (max-width: 1300px) {
  .stockpage #section-7 .row .col-md-4:nth-child(2) .image {
    height: 186px;
    width: 263px;
  }
}
@media (max-width: 363px) {
  .stockpage #section-7 .row .col-md-4:nth-child(2) .image {
    height: 155px;
    width: 220px;
  }
}
.stockpage #section-7 .row .col-md-4:nth-child(2) .image img {
  width: 100%;
  height: 100%;
}
.stockpage #section-7 .row .col-md-4:nth-child(2) .image .onscreen-video {
  display: block;
  height: 171px;
  width: 227px;
  position: absolute;
  top: 13px;
  left: 39px;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 1300px) {
  .stockpage #section-7 .row .col-md-4:nth-child(2) .image .onscreen-video {
    height: 148px;
    width: 197px;
    top: 11px;
    left: 34px;
  }
}
@media (max-width: 363px) {
  .stockpage #section-7 .row .col-md-4:nth-child(2) .image .onscreen-video {
    height: 125px;
    width: 166px;
    top: 8px;
    left: 27px;
  }
}
.stockpage #section-7 .row .col-md-4:nth-child(2) .image .onscreen-video video {
  width: 100%;
  height: auto;
}
.stockpage #section-7 .row .col-md-4:nth-child(3) .image .onscreen-video .audio-solo-button {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  width: 33px;
  height: 33px;
  display: inline-block;
  background-color: #2e474e;
  vertical-align: baseline;
  background-image: url(../img/icons/volume_normal.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  cursor: pointer;
}
.stockpage #section-7 .row .col-md-4:nth-child(3) .image .onscreen-video .audio-solo-button.playing {
  background-image: url(../img/icons/mute_normal.svg);
}
.stockpage #section-video-main .welcome-placeholder {
  background-image: url(../img/backgrounds/stockpage-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -30;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .stockpage #section-video-main .welcome-placeholder {
    display: none;
  }
}
.stockpage #section-9 .section-border.animated-border.on-screen .right,
.stockpage #section-9 .section-border.animated-border.on-screen .left {
  height: 50%;
}
.stockpage #section-9 .section-border h3 {
  font-weight: bold;
}
.stockpage #section-10 {
  padding-top: 0;
}
.stockpage #section-10 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.stockpage #section-10 .container:before,
.stockpage #section-10 .container:after {
  display: none;
}
.stockpage #section-10 .container .audio {
  width: calc((100% - 60px) / 3);
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .stockpage #section-10 .container .audio:last-child,
  .stockpage #section-10 .container .audio:nth-last-child(2),
  .stockpage #section-10 .container .audio:nth-last-child(3) {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .stockpage #section-10 .container .audio {
    width: 100%;
  }
}
.academy #section-1,
.academy #section-4 {
  background-image: url(../img/backgrounds/academy-1.jpg);
}
@media (max-width: 991px) {
  .academy #section-1,
  .academy #section-4 {
    min-height: 0;
    height: 430px;
  }
}
@media (max-width: 991px) {
  .academy #section-1,
  .academy #section-4 {
    height: auto;
    background-image: none;
  }
}
@media (max-width: 767px) {
  .academy #section-1 .slogan,
  .academy #section-4 .slogan {
    display: none;
  }
}
.academy #section-1 .section-content,
.academy #section-4 .section-content {
  padding: 156px 30px;
  display: block;
  height: 100%;
}
@media (max-width: 991px) {
  .academy #section-1 .section-content,
  .academy #section-4 .section-content {
    padding: 0 !important;
  }
}
.academy #section-1 .section-content article,
.academy #section-4 .section-content article {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
}
@media (max-width: 991px) {
  .academy #section-1 .section-content article,
  .academy #section-4 .section-content article {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .academy #section-1 .section-content article,
  .academy #section-4 .section-content article {
    display: block;
    flex-direction: inherit;
    justify-content: inherit;
    margin-top: 20px;
  }
}
.academy #section-1 .section-content article h1,
.academy #section-4 .section-content article h1 {
  font-weight: 700;
}
@media (min-width: 768px) {
  .academy #section-1 .section-content article h1,
  .academy #section-4 .section-content article h1 {
    color: white;
    font-size: 65px;
    margin-bottom: .9em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy #section-1 .section-content article h1,
  .academy #section-4 .section-content article h1 {
    margin-bottom: 30px;
  }
}
.academy #section-1 .section-content article h2,
.academy #section-4 .section-content article h2 {
  font-weight: 300;
}
@media (min-width: 768px) {
  .academy #section-1 .section-content article h2,
  .academy #section-4 .section-content article h2 {
    color: white;
    font-size: 42px;
    margin-bottom: .77em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy #section-1 .section-content article h2,
  .academy #section-4 .section-content article h2 {
    margin-bottom: 30px;
  }
}
.academy #section-1 .section-content article p,
.academy #section-4 .section-content article p {
  font-weight: 300;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .academy #section-1 .section-content article p,
  .academy #section-4 .section-content article p {
    color: white;
    font-size: 24px;
    letter-spacing: .15px;
  }
}
@media (max-width: 767px) {
  .academy #section-1 .section-content article p,
  .academy #section-4 .section-content article p {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.academy #section-1 .section-content article a,
.academy #section-4 .section-content article a {
  width: auto;
}
.academy #section-2 h3:not(:first-of-type) {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .academy #section-2 h3:not(:first-of-type) {
    margin-top: 15px;
  }
}
.academy #section-3 {
  padding-top: 0;
}
@media (max-width: 991px) {
  .academy #section-3 .container .row > div.col-xs-12 {
    margin-bottom: 15px;
  }
}
.academy #section-3 .container .row > div .section-border {
  padding: 0;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .academy #section-3 .container .row > div .section-border {
    margin-bottom: 15px;
  }
}
.academy #section-3 .container .row > div .section-border .left,
.academy #section-3 .container .row > div .section-border .right {
  height: 50%;
}
.academy #section-4 {
  background-image: url(../img/backgrounds/academy-2.jpg);
  min-height: calc(100vh - 90px);
  height: auto;
}
@media (max-width: 991px) {
  .academy #section-4 {
    height: auto;
  }
}
@media (max-width: 767px) {
  .academy #section-4 {
    background-image: none;
  }
}
.academy #section-4 .section-content {
  padding: inherit;
}
.academy #section-4 .section-content article {
  flex-direction: column;
  justify-content: center;
}
.academy #section-4 .section-content article h2 {
  font-weight: 700;
}
@media (min-width: 768px) {
  .academy #section-4 .section-content article h2 {
    color: white;
    font-size: 65px;
    margin-bottom: .5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy #section-4 .section-content article h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .academy #section-4 .section-content article h2 {
    font-size: 52px;
    margin-bottom: 1em;
  }
}
.academy #section-4 .section-content article p {
  font-weight: 300;
}
@media (min-width: 768px) {
  .academy #section-4 .section-content article p {
    font-size: 24px;
  }
}
.academy #section-5 h2,
.academy #section-6 h2 {
  font-weight: 700;
}
@media (min-width: 768px) {
  .academy #section-5 h2,
  .academy #section-6 h2 {
    font-size: 65px;
    margin-bottom: .5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy #section-5 h2,
  .academy #section-6 h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .academy #section-5 h2,
  .academy #section-6 h2 {
    font-size: 52px;
    margin-bottom: 1em;
  }
}
.academy #section-5 .photo-container,
.academy #section-6 .photo-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.academy #section-5 .photo-container:before,
.academy #section-6 .photo-container:before,
.academy #section-5 .photo-container:after,
.academy #section-6 .photo-container:after {
  display: none;
}
.academy #section-5 .photo-container .photo,
.academy #section-6 .photo-container .photo {
  width: calc((100% - 60px) / 3);
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .academy #section-5 .photo-container .photo:last-child,
  .academy #section-6 .photo-container .photo:last-child,
  .academy #section-5 .photo-container .photo:nth-last-child(2),
  .academy #section-6 .photo-container .photo:nth-last-child(2),
  .academy #section-5 .photo-container .photo:nth-last-child(3),
  .academy #section-6 .photo-container .photo:nth-last-child(3) {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .academy #section-5 .photo-container .photo,
  .academy #section-6 .photo-container .photo {
    width: 100%;
  }
}
.academy #section-5 .photo-container .photo .section-border,
.academy #section-6 .photo-container .photo .section-border {
  padding: 0;
}
.academy #section-5 .photo-container .photo .section-border.animated-border.on-screen .right,
.academy #section-6 .photo-container .photo .section-border.animated-border.on-screen .right,
.academy #section-5 .photo-container .photo .section-border.animated-border.on-screen .left,
.academy #section-6 .photo-container .photo .section-border.animated-border.on-screen .left {
  height: 50%;
}
.custom-audio-player {
  position: relative;
}
.custom-audio-player.touched .vjs-progress-control.vjs-control .vjs-play-progress.vjs-slider-bar:before {
  visibility: visible;
}
.custom-audio-player .vjs-ended .audio-name {
  display: block !important;
}
.custom-audio-player .audio-1-dimensions,
.custom-audio-player .audio-2-dimensions,
.custom-audio-player .audio-3-dimensions,
.custom-audio-player .audio-4-dimensions,
.custom-audio-player .audio-5-dimensions,
.custom-audio-player .audio-6-dimensions {
  width: 100%;
}
.custom-audio-player .vjs-text-track-display,
.custom-audio-player .vjs-big-play-button,
.custom-audio-player .video-js .vjs-volume-panel,
.custom-audio-player .video-js .vjs-time-control,
.custom-audio-player .video-js .vjs-fullscreen-control {
  display: none !important;
}
.custom-audio-player .vjs-control-bar {
  display: flex !important;
  height: 100% !important;
  background-color: #364950 !important;
}
.custom-audio-player .vjs-paused .vjs-icon-placeholder:before {
  content: url(../img/icons/audio-play.png) !important;
  padding-top: 6px !important;
}
.custom-audio-player .vjs-playing {
  background-color: #183137 !important;
}
.custom-audio-player .vjs-playing .vjs-icon-placeholder:before {
  content: url(../img/icons/audio-pause.png) !important;
  padding-top: 6px !important;
}
.custom-audio-player .vjs-play-control.vjs-control.vjs-button {
  border-right: 1px solid #435a60;
}
.custom-audio-player .vjs-progress-control.vjs-control .vjs-progress-holder {
  margin: 0 !important;
  height: 100% !important;
  background-color: #183137 !important;
}
.custom-audio-player .vjs-progress-control.vjs-control .vjs-play-progress.vjs-slider-bar {
  background-color: #364950 !important;
}
.custom-audio-player .vjs-progress-control.vjs-control .vjs-play-progress.vjs-slider-bar:before {
  visibility: hidden;
  height: 100% !important;
  width: 2px;
  margin: 0 !important;
  top: 0 !important;
  right: 0 !important;
  content: "" !important;
  background-color: #f15d50 !important;
}
.custom-audio-player .video-js .vjs-load-progress div {
  background: #183137 !important;
}
.custom-audio-player .audio-name {
  background-color: #364950;
  color: white;
  width: calc(100% - 40px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 20px;
  text-align: center;
  line-height: 40px;
  font-family: 'AvertaStd', Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  z-index: 2;
}
html {
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100%;
}
html.no-scroll {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
}
body {
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
p a {
  color: #f15d50;
  cursor: pointer;
}
p a:hover {
  color: #f15d50;
}
a.btn {
  color: #ffffff !important;
}
.fontfix-right {
  margin-left: 3px;
}
.fontfix-left {
  margin-left: -3px;
}
@media (max-width: 767px) {
  .mobile-video {
    display: none;
  }
}
.slogan {
  position: absolute;
  left: 30px;
  top: 30px;
}
.slogan h4 {
  font-size: 1.5em;
  line-height: 1;
  margin: 0;
}
@media (max-width: 767px) {
  .slogan {
    top: 20px;
    left: 20px;
  }
  .slogan h4 {
    font-size: 1em;
  }
}
.white {
  color: #ffffff;
}
.red {
  color: #f15d50;
}
.green {
  color: #9fc361;
}
.blue-light {
  color: #73cdd7;
}
.blue-dark {
  color: #2e474e;
}
.grey-light {
  color: #dadada;
}
.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
}
.video-container video {
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .video-container video {
    display: none;
  }
}
.video-container.small-video {
  height: 400px;
  width: auto;
  position: relative;
}
.video-box {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  background: #ffffff;
  display: none;
  z-index: 1000;
  overflow: hidden;
}
.video-box .video-container-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1050;
}
.video-box .video-container-popup video {
  max-width: 100%;
}
.video-box .video-container-popup iframe {
  display: block;
  /* iframes are inline by default */
  position: fixed;
  background: #000;
  border: none;
  /* Reset default border */
  height: 100%;
  /* Viewport-relative units */
  width: 100%;
  z-index: 1050;
}
@media (max-width: 767px) {
}
.video-box .close-btn {
  width: 30px;
  height: 30px;
  background: url(../img/icons/close.svg) 0px 0px no-repeat;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1100;
  cursor: pointer;
}
img {
  max-width: 100%;
}
img.full-width {
  width: 100%;
  max-width: none;
}
.anim-hidden {
  opacity: 0;
}
.anim-visible {
  opacity: 1;
}
.section-box {
  position: relative;
  z-index: 50;
  padding: 50px 0px;
}
.section-box.responsive-background {
  background-size: cover;
  background-position: 50% 20%;
  background-repeat: no-repeat;
  min-height: 700px;
  height: calc(100vh - 90px);
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}
@media (max-width: 1024px) {
  .section-box.responsive-background {
    -webkit-transition: height 99999999s;
    -moz-transition: height 99999999s;
    -o-transition: height 99999999s;
    transition: height 99999999s;
  }
}
@media (max-width: 1500px) {
  .section-box.responsive-background {
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 640px;
  }
}
.section-box.section-video {
  min-height: auto;
}
.section-box.section-video .section-border {
  padding: 0;
}
@media (max-width: 1200px) {
  .section-box.full-video-empty,
  .section-box.video-full-empty {
    height: 540px;
    min-height: 540px;
  }
  .section-box.full-video-empty .video-container video,
  .section-box.video-full-empty .video-container video {
    min-height: inherit;
    min-width: inherit;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .section-box.full-video-empty,
  .section-box.video-full-empty {
    height: 420px;
    min-height: 420px;
  }
}
@media (max-width: 767px) {
  .section-box.full-video-empty,
  .section-box.video-full-empty {
    height: auto;
    min-height: auto;
    background-image: none !important;
  }
  .section-box.full-video-empty .mobile-photo,
  .section-box.video-full-empty .mobile-photo {
    margin: 0;
  }
  .section-box.full-video-empty .video-container,
  .section-box.video-full-empty .video-container {
    display: none;
  }
  .section-box.full-video-empty .section-border,
  .section-box.video-full-empty .section-border {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .section-box.video-full,
  .section-box.full-video {
    height: 530px;
  }
}
@media (max-width: 767px) {
  .section-box.video-full,
  .section-box.full-video {
    min-height: 350px;
    height: auto;
  }
}
.section-box.center-section {
  text-align: center;
}
.section-box.full-width-row .row {
  margin: 0;
}
.section-box.full-width-row .row > div {
  padding: 0;
}
.section-box .container {
  position: relative;
  padding: 0;
}
@media (max-width: 767px) {
  .section-box .container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.section-box.grey-bg {
  background-color: #f8f8f8;
}
.section-box > .section-border {
  margin-left: 50px;
  margin-right: 50px;
  height: 100%;
}
@media (max-width: 767px) {
  .section-box > .section-border {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.section-box ul {
  list-style: none;
  padding: 0;
  margin: 10px 0px;
  color: #ffffff;
  font-size: 1.5em;
}
.section-box ul li {
  list-style: none;
  margin: 3px 0px;
  padding-left: 25px;
  text-indent: -25px;
  line-height: 1.2;
}
.section-box ul li:before {
  content: "•";
  color: #f15d50;
  margin-right: 15px;
}
.section-box ul.color-red li:before {
  color: #f15d50;
}
.section-box ul.color-blue li:before {
  color: #2e474e;
}
@media (max-width: 1024px) {
  .section-box.section-photo {
    background-attachment: inherit;
  }
}
.section-box.section-photo article {
  width: 500px;
  margin-bottom: 0;
  margin-top: 0;
}
.section-box.section-photo article h1 {
  color: #f15d50;
  font-weight: bold;
  font-family: 'AvertaStd', Arial, sans-serif;
  margin-bottom: 10px;
}
.section-box.section-photo article h2 {
  font-weight: bold;
  color: #f15d50;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.section-box.section-photo article p {
  margin-top: 0;
  color: #2e474e;
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  .section-box.section-photo article {
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .section-box.section-photo article {
    width: auto;
  }
}
@media (max-width: 767px) {
  .section-box.section-photo article p {
    color: #2e474e;
  }
  .section-box.section-photo article h1 {
    color: #2e474e;
  }
}
@media (min-width: 2000px) {
  .section-box.section-photo {
    font-size: 22px;
  }
  .section-box.section-photo article {
    width: 40%;
  }
  .section-box.section-photo .btn {
    font-size: 18px;
  }
}
@media (max-width: 1300px) {
  .section-box.section-photo {
    min-height: 600px;
  }
  .section-box.section-photo p {
    font-size: 1.3em;
  }
}
@media (max-width: 991px) {
  .section-box.section-photo {
    height: auto;
    min-height: auto;
    min-height: 400px;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .section-box.section-photo {
    background: none !important;
    padding-top: 0;
  }
  .section-box.section-photo .mobile-photo {
    display: block;
    margin-bottom: 20px;
    margin-top: 0;
  }
}
.big-border {
  border: 10px solid #73cdd7;
  margin: 0;
  height: 100%;
}
.big-border.border-red {
  border-color: #f15d50;
}
.section-border {
  position: relative;
  padding: 60px;
}
@media (max-width: 767px) {
  .section-border {
    padding: 30px;
  }
}
.section-border.section-small-video {
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
  padding: 0;
  position: relative;
  margin-top: 25px;
  width: 100%;
}
@media (max-width: 767px) {
  .section-border.section-small-video {
    margin-top: 20px;
  }
}
.section-border .top {
  width: 100%;
  height: 14px;
  background: #f15d50;
  position: absolute;
  left: 0;
  top: 0;
}
.section-border .left {
  height: 50%;
  width: 14px;
  background: #f15d50;
  position: absolute;
  left: 0;
  top: 0;
}
.section-border .right {
  height: 50%;
  width: 14px;
  background: #2e474e;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.section-border .bottom {
  height: 14px;
  width: 100%;
  background: #2e474e;
  position: absolute;
  right: 0;
  bottom: 0;
}
.section-border .right,
.section-border .left {
  height: calc(100% - 200px);
}
@media (max-width: 991px) {
  .section-border .right,
  .section-border .left {
    height: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .section-border .right,
  .section-border .left {
    height: calc(100% - 30px);
    width: 7px;
  }
}
@media (max-width: 767px) {
  .section-border .top,
  .section-border .bottom {
    height: 7px;
  }
}
.animated-border .top,
.animated-border .bottom {
  width: 0;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.animated-border .right,
.animated-border .left {
  height: 0;
  -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.animated-border.on-screen .top,
.animated-border.on-screen .bottom {
  width: 100%;
}
.animated-border.on-screen .right,
.animated-border.on-screen .left {
  height: calc(100% - 200px);
}
@media (max-width: 991px) {
  .animated-border.on-screen .right,
  .animated-border.on-screen .left {
    height: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .animated-border.on-screen .right,
  .animated-border.on-screen .left {
    height: calc(100% - 30px);
  }
}
.mobile-photo {
  display: none;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .mobile-photo {
    display: block;
    padding: 0;
    margin: 0;
    margin-top: 10px;
  }
  .mobile-photo img {
    margin: 20px auto;
  }
}
.mobile-tablet-photo {
  display: none;
  text-align: center;
}
@media (max-width: 991px) {
  .mobile-tablet-photo {
    display: block;
    padding: 0;
    margin: 0;
  }
}
#section-partners .partners {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#section-partners .partners img {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin: 30px 15px;
}
@media (max-width: 991px) {
  #section-partners .partners {
    text-align: left;
  }
}
@media (max-width: 991px) {
  #section-partners {
    text-align: left;
  }
  #section-partners .container {
    text-align: left;
  }
}
#section-educators-guide h1 {
  margin-bottom: 20px;
}
#section-educators-guide h2 {
  color: #f15d50;
  margin-bottom: 20px;
}
#section-educators-guide a {
  color: #f15d50;
}
#section-educators-guide .buttons-bottom {
  padding-top: 150px;
}
@media (max-width: 991px) {
  #section-educators-guide .buttons-bottom {
    padding-top: 0px;
  }
}
#section-educators-guide h3 {
  font-size: 1.5em;
}
#section-educators-guide img {
  margin: 0px auto;
}
#section-educators-guide .screen-2 {
  display: block;
}
@media (max-width: 991px) {
  #section-educators-guide .screen-2 {
    margin-top: 30px;
  }
}
#section-communicate {
  text-align: center;
}
#section-communicate p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #section-communicate {
    text-align: left;
  }
}
#section-3cols {
  text-align: center;
  text-align: left;
}
#section-3cols h3 {
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #section-3cols h3 {
    margin-bottom: 15px;
  }
}
#section-3cols p {
  margin: 0;
}
@media (max-width: 991px) {
  #section-3cols p {
    margin-bottom: 20px;
  }
}
#section-lets-talk {
  text-align: center;
}
#section-lets-talk h3 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #section-lets-talk {
    text-align: left;
  }
}
#section-lets-talk .lets-talk {
  text-align: center;
  margin-top: 10px;
}
#section-lets-talk .lets-talk .tc-small-logo {
  width: 54px;
  height: 65px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  background: url(../img/logo/lets-talk.svg) 0px 0px no-repeat;
  background-size: 100% auto;
  margin-top: -11px;
}
@media (max-width: 767px) {
  #section-lets-talk .lets-talk .tc-small-logo {
    width: 34px;
    height: 40px;
    background-size: 100% auto;
    margin-top: -6px;
  }
}
@media (max-width: 767px) {
  #section-lets-talk .lets-talk {
    text-align: left;
  }
}
#section-contact-info .map-frame {
  width: 100%;
  display: block;
  margin-top: 30px;
}
#section-contact-info .container {
  padding: 0px 0px 0px;
}
@media (max-width: 991px) {
  #section-contact-info .container {
    padding: 0px;
  }
}
#section-contact-info h3 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}
#section-contact-info p {
  margin: 0;
}
#section-contact-info a {
  cursor: pointer;
}
#section-contact-info .row > div {
  margin-bottom: 30px;
}
#section-contact-info .support-box {
  text-align: center;
  margin-top: 30px;
}
@media (max-width: 767px) {
  #section-contact-info .support-box {
    text-align: left;
  }
}
#section-error {
  min-height: calc(100vh - 282px);
}
#section-error h1 {
  color: #f15d50;
}
#section-error .section-border {
  width: 500px;
  margin: 10vh auto;
}
@media (max-width: 767px) {
  #section-error .section-border {
    width: auto;
  }
}
#section-icon-list .icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#section-icon-list .icon-list li {
  list-style: none;
  padding: 0 0 0 92px;
  margin: 1em 0;
  color: #2e474e;
  font-size: 1.125rem;
  line-height: 1.4;
  background-position: 0px 3px;
  background-repeat: no-repeat;
  min-height: 80px;
  background-size: 72px auto;
  text-indent: 0;
}
#section-icon-list .icon-list li:before {
  display: none;
}
#section-icon-list .icon-list li strong {
  font-weight: bold;
}
@media (max-width: 1200px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
#section-icon-list .icon-list li.icon-content {
  background-image: url("../img/icons/icon-content.svg");
}
#section-icon-list .icon-list li.icon-globe {
  background-image: url("../img/icons/icon-globe.svg");
}
#section-icon-list .icon-list li.icon-place {
  background-image: url("../img/icons/icon-place.svg");
}
#section-icon-list .icon-list li.icon-text {
  background-image: url("../img/icons/icon-text.svg");
}
#section-icon-list .icon-list li.icon-windows {
  background-image: url("../img/icons/icon-windows.svg");
}
#section-icon-list .icon-list li.icon-draw {
  background-image: url("../img/icons/icon-draw.svg");
}
#section-icon-list .icon-list li.icon-player {
  background-image: url("../img/icons/icon-player.svg");
}
#section-icon-list .icon-list li.icon-position {
  background-image: url("../img/icons/icon-position.svg");
}
#section-icon-list .icon-list li.icon-cameras {
  background-image: url("../img/icons/icon-cameras.svg");
}
#section-icon-list .icon-list li.icon-edit {
  background-image: url("../img/icons/icon-edit.svg");
}
#section-icon-list .icon-list li.icon-mix {
  background-image: url("../img/icons/icon-mix.svg");
}
#section-icon-list .icon-list li.icon-filter {
  background-image: url("../img/icons/icon-filter.svg");
}
#section-icon-list .icon-list li.icon-screen {
  background-image: url("../img/icons/icon-screen.svg");
}
#section-icon-list .icon-list li.icon-graph {
  background-image: url("../img/icons/icon-graph.svg");
}
#section-icon-list .icon-list li.icon-stream {
  background-image: url("../img/icons/icon-stream.svg");
}
#section-icon-list .icon-list li.icon-whiteboard {
  background-image: url("../img/icons/icon-whiteboard.svg");
}
#section-icon-list .icon-list li.icon-hd {
  background-image: url("../img/icons/icon-hd.svg");
}
#section-icon-list .icon-list li.icon-install {
  background-image: url("../img/icons/icon-install.svg");
}
#section-icon-list .icon-list li.icon-people {
  background-image: url("../img/icons/icon-people.svg");
}
#section-icon-list .icon-list li.icon-voice {
  background-image: url("../img/icons/icon-voice.svg");
}
#section-icon-list .icon-list li.icon-devices {
  background-image: url("../img/icons/icon-devices.svg");
}
#section-icon-list .icon-list li.icon-controls {
  background-image: url("../img/icons/icon-controls.svg");
}
#section-icon-list .icon-list li.icon-chat {
  background-image: url("../img/icons/icon-chat.svg");
}
#section-icon-list .icon-list li.icon-storage {
  background-image: url("../img/icons/icon-storage.svg");
}
#section-icon-list .icon-list li.icon-record {
  background-image: url("../img/icons/icon-record.svg");
}
#section-icon-list .icon-list li.icon-note {
  background-image: url("../img/icons/icon-note.svg");
}
#section-icon-list .icon-list li.icon-files {
  background-image: url("../img/icons/icon-files.svg");
}
#section-icon-list .icon-list li.icon-cloud {
  background-image: url("../img/icons/icon-cloud.svg");
}
#section-icon-list .icon-list li.icon-meeting {
  background-image: url("../img/icons/icon-meeting.svg");
}
#section-icon-list .icon-list li.icon-touch {
  background-image: url("../img/icons/icon-touch.svg");
}
#section-icon-list .icon-list li.icon-desktop {
  background-image: url("../img/icons/icon-desktop.svg");
}
#section-icon-list .icon-list li.icon-map {
  background-image: url("../img/icons/icon-map.svg");
}
#section-icon-list .icon-list li.icon-link {
  background-image: url("../img/icons/icon-link.svg");
}
#section-icon-list .icon-list li.icon-search {
  background-image: url("../img/icons/icon-search.svg");
}
#section-icon-list .icon-list li.icon-share {
  background-image: url("../img/icons/icon-share.svg");
}
#section-icon-list .icon-list li.icon-hosting {
  background-image: url("../img/icons/icon-hosting.svg");
}
#section-icon-list .buttons-bottom {
  margin-top: 0;
}
.buttons-bottom {
  text-align: right;
}
.buttons-bottom .btn {
  margin-top: 15px;
  margin-left: 30px;
  margin-right: 0;
}
@media (max-width: 767px) {
  .buttons-bottom .btn {
    width: auto;
    margin-left: 0px !important;
    margin-right: 15px !important;
  }
}
@media (max-width: 767px) {
  .buttons-bottom {
    text-align: left !important;
  }
}
.buttons-bottom.to-left {
  text-align: left;
}
.buttons-bottom.to-left .btn {
  margin-left: 0;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .buttons-bottom.to-left .btn {
    margin-right: 15px;
  }
}
.buttons-bottom.to-right {
  text-align: right;
}
.buttons-bottom.to-right .btn {
  margin-left: 30px;
  margin-right: 0;
}
@media (max-width: 767px) {
  .buttons-bottom.to-right .btn {
    margin-left: 0px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .buttons-bottom.to-right {
    text-align: left;
  }
}
.tc-bottom-text {
  font-family: 'AvertaStd', Arial, sans-serif;
}
.clear {
  clear: both;
}
.tc-studio-logo {
  width: 284px;
  height: 70px;
  background: url(../img/logo/tc-studio-logo.svg) 0px 0px no-repeat;
  margin: 0px auto;
}
.tc-studio-logo.big-logo {
  height: 140px;
  width: 568px;
}
@media (max-width: 991px) {
  .tc-studio-logo.big-logo {
    width: 284px;
    height: 70px;
  }
}
.tc-teamtime-logo {
  width: 284px;
  height: 70px;
  background: url(../img/logo/tc-teamtime-logo.svg) 0px 0px no-repeat;
  margin: 0px auto;
}
.tc-pitch-logo {
  width: 284px;
  height: 70px;
  background: url(../img/logo/tc-pitch-logo.svg) 0px 0px no-repeat;
  margin: 0px auto;
}
.tc-fabric-logo {
  width: 284px;
  height: 70px;
  background: url(../img/logo/tc-fabric-logo.svg) 0px 0px no-repeat;
  margin: 0px auto;
}
.quote-description {
  font-family: 'Gotham', Arial, sans-serif;
  margin-top: 0px;
  margin-left: 100px;
}
@media (max-width: 991px) {
  .quote-description {
    margin-left: 0px;
  }
}
blockquote.quote-box {
  position: relative;
  padding: 75px 100px;
  margin: 0;
}
blockquote.quote-box p {
  position: relative;
  margin: 0;
}
blockquote.quote-box .quote-text {
  font-family: 'AvertaStd', Arial, sans-serif;
}
blockquote.quote-box:before {
  content: '';
  width: 93px;
  height: 66px;
  background: url(../img/other/quote-left.jpg) 0px 0px no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}
@media (max-width: 991px) {
  blockquote.quote-box:before {
    width: 33px;
    height: 23px;
    background-size: 100%;
  }
}
blockquote.quote-box:after {
  content: '';
  width: 93px;
  height: 66px;
  background: url(../img/other/quote-right.jpg) 0px 0px no-repeat;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
@media (max-width: 991px) {
  blockquote.quote-box:after {
    width: 33px;
    height: 23px;
    background-size: 100%;
  }
}
blockquote.quote-box.quote-grey:before {
  background-image: url(../img/other/quote-left-grey.jpg);
}
blockquote.quote-box.quote-grey:after {
  background-image: url(../img/other/quote-right-grey.jpg);
}
@media (max-width: 991px) {
  blockquote.quote-box {
    padding: 33px 0px;
  }
}
.modal-container {
  width: 100%;
  height: 1000%;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  background: rgba(46, 71, 78, 0.9);
  z-index: 1001;
  display: none;
  -webkit-overflow-scrolling: touch;
}
.modal-container .close-popup-btn {
  width: 30px;
  height: 30px;
  background: url(../img/icons/close.svg) 0 0 no-repeat;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 51;
}
@media (max-width: 767px) {
  .modal-container .close-popup-btn {
    top: 20px;
    right: 20px;
  }
}
.modal-container .modal-popup {
  position: fixed;
  width: 600px;
  background: #ffffff;
  height: auto;
  overflow: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  z-index: 1002;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 768px) {
  .modal-container .modal-popup {
    animation-name: mailbox;
    animation-duration: 1s;
  }
}
@media (max-width: 767px) {
  .modal-container .modal-popup {
    width: 100%;
    max-height: 100%;
    top: 0px;
    left: 0px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    will-change: transform;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.modal-container .modal-popup h1 {
  font-size: 2.625em;
}
.modal-container .modal-popup .section-box {
  padding: 30px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .modal-container .modal-popup .section-box {
    padding: 20px 0;
  }
}
.modal-container .modal-popup .section-border {
  margin-left: 30px;
  margin-right: 30px;
  padding: 30px 60px;
}
@media (max-width: 767px) {
  .modal-container .modal-popup .section-border {
    margin-left: 20px;
    margin-right: 20px;
    padding: 30px;
    padding-bottom: 20px;
    margin-top: 0px;
  }
}
.modal-container .modal-popup .popup-message {
  display: none;
  text-align: center;
  padding: 100px 50px;
}
.modal-container .contact-form-box .section-border {
  width: auto;
  max-width: none;
}
.mobile-gif {
  padding-top: 56.25%;
  width: 100%;
  background-position: 0px 0px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: none;
  background-image: none;
}
@media (max-width: 767px) {
  .mobile-gif {
    display: block;
  }
  .mobile-gif.homepage-gif-1 {
    background-image: url(../img/gifs/homepage-1.gif);
  }
  .mobile-gif.homepage-gif-2 {
    background-image: url(../img/gifs/webinar-1.gif);
  }
  .mobile-gif.train-gif-1 {
    background-image: url(../img/gifs/train-1.gif);
  }
  .mobile-gif.fintech-gif {
    background-image: url(../img/gifs/fintech.gif);
  }
  .mobile-gif.hol-gif-1 {
    background-image: url(../img/gifs/hol-1.gif);
  }
  .mobile-gif.hol-gif-2 {
    background-image: url(../img/gifs/hol-2.gif);
  }
  .mobile-gif.hol-gif-3 {
    background-image: url(../img/gifs/hol-3.gif);
  }
  .mobile-gif.hol-gif-4 {
    background-image: url(../img/gifs/hol-4.gif);
  }
  .mobile-gif.hol-gif-5 {
    background-image: url(../img/gifs/hol-5.gif);
  }
  .mobile-gif.edu-gif {
    background-image: url(../img/gifs/edu.gif);
  }
  .mobile-gif.hol-gif-7 {
    background-image: url(../img/gifs/hol-7.gif);
  }
  .mobile-gif.hol-gif-8 {
    background-image: url(../img/gifs/hol-8.gif);
  }
  .mobile-gif.amb-gif-1 {
    background-image: url(../img/gifs/amb-1.gif);
  }
  .mobile-gif.amb-gif-2 {
    background-image: url(../img/gifs/amb-2.gif);
  }
  .mobile-gif.amb-gif-3 {
    background-image: url(../img/gifs/amb-3.gif);
  }
  .mobile-gif.stockpage-gif-1 {
    background-image: url(../img/gifs/stockpage/stockpage-1.gif);
  }
  .mobile-gif.pitch-gif-1 {
    background-image: url(../img/backgrounds/mobile/pitch-1.jpg);
  }
  .mobile-gif.academy-gif-1 {
    background-image: url(../img/backgrounds/mobile/academy-1.jpg);
  }
}
#section-job-list h1 {
  margin: 0;
  color: #2e474e;
  font-size: 2.625em;
}
#section-job-list h2 {
  margin: 0;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #f15d50;
  font-size: 2em;
}
#section-job-list .subtitle {
  margin-top: 0px;
  margin-bottom: 15px;
}
#section-job-list h3 {
  margin-top: 25px;
  font-size: 2em;
}
#section-job-list ul {
  color: #2e474e;
  margin: 25px 0;
}
#section-job-list .btn {
  margin-top: 0px;
}
#section-job-list .btn.active {
  margin-top: 25px;
}
#section-job-list article {
  background: #f8f8f8;
  padding: 30px;
  padding-top: 25px;
  margin-top: 30px;
}
#section-job-list .more-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.6s cubic-bezier(1, 0, 0, 1);
  -moz-transition: max-height 0.6s cubic-bezier(1, 0, 0, 1);
  -o-transition: max-height 0.6s cubic-bezier(1, 0, 0, 1);
  transition: max-height 0.6s cubic-bezier(1, 0, 0, 1);
}
#section-job-list .more-content.show {
  max-height: 5000px;
  -webkit-transition: max-height 1s cubic-bezier(1, 0, 0, 1);
  -moz-transition: max-height 1s cubic-bezier(1, 0, 0, 1);
  -o-transition: max-height 1s cubic-bezier(1, 0, 0, 1);
  transition: max-height 1s cubic-bezier(1, 0, 0, 1);
}
.jobpage #section-job-list .more-content {
  max-height: 5000px;
}
.jobpage #section-job-list .btn {
  display: none;
}
.google-play-badge {
  width: 560px;
  height: 167px;
  background: url(../img/logo/google-play-badge.png);
  background-size: 100%;
  display: block;
  margin: 50px auto;
}
@media (max-width: 991px) {
  .google-play-badge {
    width: 280px;
    height: 84px;
  }
}
@media (max-width: 767px) {
  .google-play-badge {
    margin: 30px auto;
  }
}
.apple-store-badge {
  width: 560px;
  height: 167px;
  background: url(../img/logo/apple-store-badge.png);
  background-size: 100%;
  display: block;
  margin: 50px auto;
}
@media (max-width: 991px) {
  .apple-store-badge {
    width: 280px;
    height: 84px;
  }
}
@media (max-width: 767px) {
  .apple-store-badge {
    margin: 30px auto;
  }
}
.footer-container {
  background-color: #2e474e;
  text-align: center;
  color: #ffffff;
  padding: 50px 0;
  position: relative;
}
@media (max-width: 991px) {
  .footer-container {
    padding: 30px 0px;
  }
}
.footer-container h5 {
  font-weight: 300;
  font-size: 1.125em;
  height: 30px;
  line-height: 30px;
  font-family: 'Gotham', Arial, sans-serif;
  margin: 0;
}
@media (min-width: 991px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.teamtime-join-meeting .wrapper {
  padding-top: 0;
}
.teamtime-join-meeting .wrapper .slogan {
  top: 0;
  left: -51px;
  text-align: left;
}
@media (max-width: 1440px) {
  .teamtime-join-meeting .wrapper .slogan {
    left: 0;
  }
}
@media (max-width: 500px) {
  .teamtime-join-meeting .wrapper .slogan {
    display: none;
  }
}
.teamtime-join-meeting .wrapper #section-1 {
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 33px;
}
@media (max-width: 1024px) {
  .teamtime-join-meeting .wrapper #section-1 {
    padding-top: 27px;
  }
}
@media (max-width: 991px) {
  .teamtime-join-meeting .wrapper #section-1 {
    padding-top: 19px;
    padding-bottom: 43px;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 {
    padding-top: 15px;
    padding-bottom: 9px;
  }
}
@media (max-width: 360px) {
  .teamtime-join-meeting .wrapper #section-1 {
    padding-top: 13px;
  }
}
.teamtime-join-meeting .wrapper #section-1 .tc-teamtime-logo {
  width: 323px;
  height: 79px;
  background: url("../img/logo/tc-teamtime-logo.svg") 0 0 no-repeat;
  position: relative;
  background-size: 100% 100%;
  margin: 0 auto 30px;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 .tc-teamtime-logo {
    max-width: 100%;
    margin-bottom: 0;
  }
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime {
  margin: 40px auto 0;
  width: 900px;
  text-align: center;
}
@media (max-width: 1024px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime {
    margin-top: 4px;
  }
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > h2 {
  line-height: 1.22;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > h2:first-child {
  margin-bottom: 0;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > h2:nth-child(2) {
  margin-bottom: 37px;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > h2.mobile-visible {
  margin-bottom: 8px;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > h3 {
  letter-spacing: 0;
  margin-bottom: 43px !important;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > h3 {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime h2,
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime h3 {
    line-height: 1.23;
    font-size: 2.6em;
  }
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .big-orange-separator {
  width: 100%;
  height: 1px;
  display: block;
  margin-bottom: 50px;
  background-color: #f15d50;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .big-orange-separator {
    margin-bottom: 16px;
  }
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .big-orange-separator.mobile-visible {
  margin-bottom: 16px;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > a {
  display: block;
  margin-bottom: 46px;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > a {
    margin-bottom: 9px;
  }
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > a img {
  height: 47.5px;
  width: 154px;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime > a img {
    height: 63.5px;
    width: 206px;
  }
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .devices-teamtime {
  margin: 0 auto;
}
@media (max-width: 1024px) and (min-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .devices-teamtime {
    height: calc(427px + 17px);
  }
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .devices-teamtime .ipad {
  left: 50%;
  margin-left: -329px;
  width: 655px;
  height: 427px;
  background-size: cover;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .devices-teamtime .ipad .video-inside {
  width: 495px;
  height: 370px;
  left: 80px;
  top: 29px;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .mobile-devices-teamtime {
  transform: none;
  height: 209px;
  margin-bottom: 0;
  margin-top: 8px;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .mobile-devices-teamtime .mobile-container {
  margin: 0;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .mobile-devices-teamtime .mobile-container .ipad {
  width: 311px;
  height: 209px;
  margin-left: -155.5px;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .mobile-devices-teamtime .mobile-container .ipad .gif-inside {
  width: 236px;
  height: 179px;
  position: absolute;
  left: 37px;
  top: 14px;
}
.teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .mobile-visible {
  display: none;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .mobile-visible {
    display: block;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 #invitedtoteamtime .desktop-visible {
    display: none;
  }
}
.teamtime-join-meeting .wrapper #section-1 .container {
  text-align: center;
}
.teamtime-join-meeting .wrapper #section-1 .container h3 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-1 .container h3 {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .teamtime-join-meeting .wrapper #section-1 .container {
    text-align: left;
  }
}
.teamtime-join-meeting .wrapper #section-3cols {
  text-align: left;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-3cols {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.teamtime-join-meeting .wrapper #section-3cols .container .section-border {
  padding: 54px;
  margin: 0 54px;
}
@media (max-width: 1300px) {
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border {
    padding: 23px 23px 20px 28px;
  }
}
.teamtime-join-meeting .wrapper #section-3cols .container .section-border.animated-border.on-screen .left,
.teamtime-join-meeting .wrapper #section-3cols .container .section-border.animated-border.on-screen .right {
  height: calc(100% - 182px);
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border.animated-border.on-screen .left,
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border.animated-border.on-screen .right {
    height: calc(100% - 39px);
  }
}
.teamtime-join-meeting .wrapper #section-3cols .container .section-border .row h3 {
  font-weight: bold;
  margin-bottom: 29px;
  letter-spacing: -1px;
  font-size: 2.5em;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border .row h3 {
    margin-bottom: 32px;
    letter-spacing: .5px;
  }
}
.teamtime-join-meeting .wrapper #section-3cols .container .section-border .row p {
  font-size: 1.38em;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 991px) {
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border .row p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border .row p {
    font-size: 2em;
    line-height: 1.12;
    letter-spacing: -0.75px;
  }
}
@media (max-width: 991px) {
  .teamtime-join-meeting .wrapper #section-3cols .container .section-border .row .col-md-4:last-child p {
    margin-bottom: 0;
  }
}
.teamtime-join-meeting .wrapper #section-lets-talk {
  text-align: center;
}
.teamtime-join-meeting .wrapper #section-lets-talk h3 {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .teamtime-join-meeting .wrapper #section-lets-talk {
    padding-bottom: 27px;
  }
}
@media (max-width: 991px) {
  .teamtime-join-meeting .wrapper #section-lets-talk {
    padding-bottom: 19px;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-lets-talk {
    text-align: left;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
.teamtime-join-meeting .wrapper #section-lets-talk .lets-talk {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 44px;
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-lets-talk .lets-talk {
    margin-top: 13px;
    margin-bottom: 23px;
    font-size: 3.2em;
  }
}
.teamtime-join-meeting .wrapper #section-lets-talk .lets-talk .tc-small-logo {
  width: 67px;
  height: 67px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  background: url(../img/logo/lets-talk.png) 0 0 no-repeat;
  background-size: cover;
  margin-top: -16px;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-lets-talk .lets-talk .tc-small-logo {
    background-size: 100% auto;
    margin-top: -17px;
  }
}
.teamtime-join-meeting .wrapper #section-lets-talk h3 {
  margin-bottom: 28px;
  letter-spacing: 0;
  line-height: 1.22;
}
.teamtime-join-meeting .wrapper #section-lets-talk h3 br {
  line-height: 1.23;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-lets-talk h3 {
    text-align: center;
    font-size: 2.625em;
    letter-spacing: 0;
    line-height: 1.23;
    margin-bottom: 0;
  }
}
.teamtime-join-meeting .wrapper #section-lets-talk .buttons-bottom {
  padding-right: 54px;
}
@media (max-width: 1300px) {
  .teamtime-join-meeting .wrapper #section-lets-talk .buttons-bottom {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-lets-talk .buttons-bottom {
    display: flex;
    justify-content: center;
  }
}
.teamtime-join-meeting .wrapper #section-lets-talk .buttons-bottom .btn {
  height: 48px;
  width: 134px;
  font-weight: 300;
  letter-spacing: -0.5px;
  border-radius: 0;
  margin-left: 24px;
  line-height: 1;
  font-size: 1.25em;
  padding: 0;
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-lets-talk .buttons-bottom .btn {
    margin-top: 8px;
    font-size: 1.5em;
    margin-right: 20px !important;
  }
  .teamtime-join-meeting .wrapper #section-lets-talk .buttons-bottom .btn:last-child {
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .teamtime-join-meeting .wrapper #section-lets-talk .lets-talk {
    text-align: center;
  }
}
/*# sourceMappingURL=main.css.map */
@media (min-width: 1300px) {
  body {
    font-size: 16px;
    line-height: 1;
    min-width: 320px;
    background-color: #ffffff;
    height: 100%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
  }
  .container {
    width: 1280px;
    margin: 0 auto;
  }
  .wrapper {
    padding-top: 90px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: -180px;
  }
  .wrapper:after {
    content: "";
    display: block;
    height: 180px;
  }
}
@media (min-width: 1300px) and (max-width: 1051px) {
  .wrapper {
    padding-top: 50px;
  }
}
@media (min-width: 1300px) and (max-width: 991px) {
  .wrapper {
    margin-bottom: -140px;
  }
}
@media (min-width: 1300px) and (max-width: 560px) {
  .wrapper {
    margin-bottom: -170px;
  }
}
@media (min-width: 1300px) and (max-width: 991px) {
  .wrapper:after {
    height: 140px;
  }
}
@media (min-width: 1300px) and (max-width: 560px) {
  .wrapper:after {
    height: 170px;
  }
}
/*# sourceMappingURL=main.css.map */
@media (min-width: 2400px) {
  body {
    font-size: 20px;
    line-height: 1;
    min-width: 320px;
    background-color: #ffffff;
    height: 100%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
  }
  .container {
    width: 1600px;
    margin: 0 auto;
  }
  .wrapper {
    padding-top: 90px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: -180px;
  }
  .wrapper:after {
    content: "";
    display: block;
    height: 180px;
  }
  .section-box {
    padding: 100px 0;
  }
  .section-box > .section-border {
    margin-left: 100px;
    margin-right: 100px;
    padding: 100px;
  }
}
@media (min-width: 2400px) and (max-width: 1051px) {
  .wrapper {
    padding-top: 50px;
  }
}
@media (min-width: 2400px) and (max-width: 991px) {
  .wrapper {
    margin-bottom: -140px;
  }
}
@media (min-width: 2400px) and (max-width: 560px) {
  .wrapper {
    margin-bottom: -170px;
  }
}
@media (min-width: 2400px) and (max-width: 991px) {
  .wrapper:after {
    height: 140px;
  }
}
@media (min-width: 2400px) and (max-width: 560px) {
  .wrapper:after {
    height: 170px;
  }
}
/*# sourceMappingURL=main.css.map */
@media (max-width: 767px) {
  body {
    font-size: 13px;
    line-height: 1;
    min-width: 320px;
    background-color: #ffffff;
    height: 100%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
  }
  .container {
    width: auto;
    margin: 0 auto;
  }
  .wrapper {
    padding-top: 90px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: -180px;
  }
  .wrapper:after {
    content: "";
    display: block;
    height: 180px;
  }
  .section-box {
    padding: 20px 0;
  }
}
@media (max-width: 767px) and (max-width: 1051px) {
  .wrapper {
    padding-top: 50px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .wrapper {
    margin-bottom: -140px;
  }
}
@media (max-width: 767px) and (max-width: 560px) {
  .wrapper {
    margin-bottom: -170px;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .wrapper:after {
    height: 140px;
  }
}
@media (max-width: 767px) and (max-width: 560px) {
  .wrapper:after {
    height: 170px;
  }
}
/*# sourceMappingURL=main.css.map */
@media (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 14px;
    line-height: 1;
    min-width: 320px;
    background-color: #ffffff;
    height: 100%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
  }
  .container {
    width: 730px;
    margin: 0 auto;
  }
  .wrapper {
    padding-top: 90px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: -180px;
  }
  .wrapper:after {
    content: "";
    display: block;
    height: 180px;
  }
  .section-box {
    padding: 50px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 1051px) {
  .wrapper {
    padding-top: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 991px) {
  .wrapper {
    margin-bottom: -140px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 560px) {
  .wrapper {
    margin-bottom: -170px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 991px) {
  .wrapper:after {
    height: 140px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (max-width: 560px) {
  .wrapper:after {
    height: 170px;
  }
}
/*# sourceMappingURL=main.css.map */