﻿@font-face {
  font-family: 'HelveticaNeue';
  src: url("../Fonts/HelveticaNeueLTStd-Roman.eot");
  src: url("../Fonts/HelveticaNeueLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../Fonts/HelveticaNeueLTStd-Roman.woff") format("woff"), url("../Fonts/HelveticaNeueLTStd-Roman.ttf") format("truetype"), url("../Fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../Fonts/HelveticaNeueLTStd-Bd.eot");
  src: url("../Fonts/HelveticaNeueLTStd-Bd.eot?#iefix") format("embedded-opentype"), url("../Fonts/HelveticaNeueLTStd-Bd.woff") format("woff"), url("../Fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"), url("../Fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../Fonts/HelveticaNeueLTStd-BdCn.eot");
  src: url("../Fonts/HelveticaNeueLTStd-BdCn.eot?#iefix") format("embedded-opentype"), url("../Fonts/HelveticaNeueLTStd-BdCn.woff") format("woff"), url("../Fonts/HelveticaNeueLTStd-BdCn.ttf") format("truetype"), url("../Fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn") format("svg");
  font-weight: 700;
  font-stretch: condensed;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../Fonts/HelveticaNeueLTStd-Lt.eot");
  src: url("../Fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"), url("../Fonts/HelveticaNeueLTStd-Lt.woff") format("woff"), url("../Fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("../Fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'otcDashboard';
  src: url("/iconFonts/otcDashboard.eot?alsoi6");
  src: url("/iconFonts/otcDashboard.eot?alsoi6#iefix") format("embedded-opentype"), url("/iconFonts/otcDashboard.ttf?alsoi6") format("truetype"), url("/iconFonts/otcDashboard.woff?alsoi6") format("woff"), url("/iconFonts/otcDashboard.svg?alsoi6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'otcDashboard' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-adWatch:before {
  content: "\e900"; }

.icon-brandWatch:before {
  content: "\e901"; }

.icon-categoryWatch:before {
  content: "\e902"; }

.icon-chartsGraphs:before {
  content: "\e903"; }

.icon-companyWatch:before {
  content: "\e904"; }

.icon-datesForDiary:before {
  content: "\e905"; }

.icon-distributionFastGuide:before {
  content: "\e906"; }

.icon-forecasts:before {
  content: "\e907"; }

.icon-keepConnected:before {
  content: "\e908"; }

.icon-marketMovers:before {
  content: "\e909"; }

.icon-marketOverview:before {
  content: "\e90a"; }

.icon-myDashboard:before {
  content: "\e90b"; }

.icon-regulationFastGuide:before {
  content: "\e90c"; }

.icon-saveTime:before {
  content: "\e90d"; }

.icon-workSmarter:before {
  content: "\e90e"; }

html {
  font-size: 62.5%;
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 120px;
  font-family: 'HelveticaNeue-Roman',Helvetica,sans-serif; }

h1, h2, h3, h4 {
  font-family: 'HelveticaNeue-BdCd',Helvetica,sans-serif; }

h1 {
  margin-top: 0;
  margin-bottom: 10px; }

p, a, input, button {
  font-family: 'HelveticaNeue-Roman',Helvetica,sans-serif; }

img {
  display: block;
  max-width: 100%; }

.btn {
  white-space: inherit; }

.form-control {
  height: 40px;
  border-radius: 0;
  background-color: #f2f2f2;
  box-shadow: none; }

@media screen and (min-width: 1300px) {
  .form-control {
    height: 50px; } }

.form-control:focus {
  border-color: #a32b35;
  box-shadow: inset 0 1px 1px rgba(38, 38, 38, 0.075), 0 0 8px rgba(163, 43, 53, 0.6); }

input::-webkit-input-placeholder {
  color: #a32b35 !important;
  font-family: 'HelveticaNeue-Roman',Helvetica,sans-serif;
  font-size: 1.5rem; }

input:-moz-placeholder {
  /* Firefox 18- */
  color: #a32b35 !important;
  font-size: 1.5rem; }

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a32b35 !important;
  font-size: 1.5rem; }

input:-ms-input-placeholder {
  color: #a32b35 !important;
  font-size: 1.5rem; }

.btn-primary {
  background-color: #a32b35;
  border-radius: 0;
  color: #fff;
  border: 0; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #6b0310; }
  .btn-primary:focus {
    outline: 0; }
  .btn-primary:active:focus {
    background-color: #6b0310;
    outline: 0; }

.btn-default {
  background-color: #262626;
  color: #fff;
  border-radius: 0;
  border: 0; }
  .btn-default:hover {
    background-color: #d9d9d9;
    color: #262626; }

header {
  border-bottom: 2px solid #d9d9d9; }
  header .navbar {
    margin: 10px 15px; }
    header .navbar .navbar-header a {
      height: auto; }
      header .navbar .navbar-header a img {
        max-width: 250px; }
    header .navbar .navbar-header .icon-bar {
      background-color: #262626; }
    @media screen and (min-width: 768px) and (max-width: 974px) {
      header .navbar .navbar-header {
        max-width: 200px; } }
    @media screen and (min-width: 411px) and (max-width: 520px) {
      header .navbar .navbar-header a {
        max-width: 300px; } }
    @media screen and (max-width: 410px) {
      header .navbar .navbar-header a {
        max-width: 200px; } }
    header .navbar .nav li {
      margin: 0 10px; }
      header .navbar .nav li a {
        color: #a32b35; }
      header .navbar .nav li a:hover, header .navbar .nav li a:focus {
        background-color: #a32b35;
        color: #fff; }
      header .navbar .nav li a:focus {
        outline: none; }
    @media screen and (min-width: 975px) {
      header .navbar .nav {
        padding-top: 30px; } }

#headerSection {
  /*display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;*/
  background-color: #262626;
  padding: 30px;
  margin: 0 -15px; }
  #headerSection #introduction {
    padding: 0 30px 0 0; }
    #headerSection #introduction .introInnerContainer .introText {
      color: #fff;
      padding-bottom: 10px; }
      #headerSection #introduction .introInnerContainer .introText h1 {
        margin-top: 0; }
    #headerSection #introduction .introInnerContainer .video {
      align-items: center;
      /*iframe{
                    border: 2px solid $tertiary;
                }*/ }
  @media screen and (max-width: 991px) {
    #headerSection #introduction {
      padding: 0; } }
  #headerSection #signUp {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    margin-top: 5px; }
    #headerSection #signUp .formContainer form {
      padding: 30px 15px; }
      #headerSection #signUp .formContainer form .input-validation-error {
        margin-bottom: 1% !important; }
      #headerSection #signUp .formContainer form .checkbox label {
        display: block;
        padding-left: 15px;
        text-indent: -15px; }
      #headerSection #signUp .formContainer form .checkbox input {
        width: 15px;
        height: 17px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -2px;
        *overflow: hidden; }
      #headerSection #signUp .formContainer form .checkbox a {
        color: #a32b35;
        font-weight: 700; }
      #headerSection #signUp .formContainer form .btn-primary {
        width: 100%;
        padding: 15px;
        font-family: 'HelveticaNeue-Roman',Helvetica,sans-serif;
        text-align: left;
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 5px; }
        #headerSection #signUp .formContainer form .btn-primary i {
          margin-top: 0.3em; }
  @media screen and (max-width: 991px) {
    #headerSection #signUp {
      margin-top: 20px; } }

/*@media screen and (min-width: 768px){
    #headerSection{
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;

        #introduction{
            -ms-flex: 7;
            -webkit-flex: 7;
            flex: 7;
            .introInnerContainer{
                margin-right: 30px;
            }
        }
        #signUp{
            -ms-flex: 5;
            -webkit-flex: 5;
            flex: 5;
            margin-top: 0;
        }
    }
}*/
/*#highlightsSection{
    border-top: 2px solid $tertiary;
    border-bottom: 2px solid $tertiary;
    h1{
        margin: 0;
        color: $secondary;
        font-size: 50px;
        font-size: 5.0rem;
    }
    >div{
        padding: 30px;
        //min-height: 134px;
        p{
            margin: 0;
        }
    }
    .media-left{
        padding-right: 20px;
    }
    @media screen and (max-width: 767px){
        >div{
            border-bottom: 2px solid $tertiary;
        }
        >div:last-child{
            border-bottom: none;
        }
    }
    @media screen and (min-width: 768px){
        >div{
            border-right: 2px solid $tertiary;
        }
        >div:last-child{
            border-right: none;
        }
    }
    @media screen and (min-width: 768px) and (max-width: 834px){
        >div{
            min-height: 206px;
        }
    }
    @media screen and (min-width: 835px) and (max-width: 900px){
        >div{
            min-height: 185px;
        }
    }
    @media screen and (min-width: 991px) and (max-width: 1023px){
        >div{
            min-height: 164px;
        }
    }
    @media screen and (min-width: 1024px) and (max-width: 1340px){
        >div{
            min-height: 144px;
        }
    }
}*/
#highlightsSection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -15px;
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9; }
  #highlightsSection .highlightsItem {
    padding: 15px 25px; }
    #highlightsSection .highlightsItem h1 {
      margin: 0;
      color: #a32b35;
      font-size: 50px;
      font-size: 5.0rem; }
    #highlightsSection .highlightsItem h4 {
      margin-top: 3px; }
    #highlightsSection .highlightsItem p {
      margin: 0; }

@media screen and (max-width: 767px) {
  #highlightsSection .highlightsItem:nth-child(2) {
    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9; } }

@media screen and (min-width: 768px) {
  #highlightsSection {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    #highlightsSection .highlightsItem {
      flex-grow: 1;
      border-right: 2px solid #d9d9d9; }
    #highlightsSection .highlightsItem:nth-child(3) {
      border-right: 0; } }

#testimonialSection {
  padding: 20px 30px;
  border-bottom: 2px solid #d9d9d9; }
  #testimonialSection #testimonials {
    position: relative; }
  #testimonialSection h2 {
    font-family: 'HelveticaNeue-Roman',Helvetica,sans-serif; }
  #testimonialSection .carousel-indicators {
    left: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    margin-bottom: 0; }
    #testimonialSection .carousel-indicators li {
      width: 20px;
      height: 20px;
      border: 1px solid #d9d9d9; }
    #testimonialSection .carousel-indicators li.active {
      background-color: #a32b35; }
  #testimonialSection .carousel-inner .item {
    /*@media screen and (min-width: 1200px){
                .carousel-caption{
                    width: 95%;
                }
            }*/ }
    #testimonialSection .carousel-inner .item .carousel-caption {
      position: static !important;
      color: #000 !important;
      text-align: left;
      text-shadow: none;
      padding: 0; }
      #testimonialSection .carousel-inner .item .carousel-caption h2 {
        margin-top: 0; }
      #testimonialSection .carousel-inner .item .carousel-caption p {
        margin: 0 0 2px; }
  #testimonialSection .carousel-control {
    display: none; }

#featuresSection {
  padding: 30px;
  background: url("/Images/home/worldMap.png") no-repeat #f2f2f2;
  background-size: cover;
  margin-left: -15px;
  margin-right: -15px; }
  #featuresSection h1, #featuresSection h2, #featuresSection p {
    text-align: center; }
  #featuresSection h1 {
    color: #a32b35;
    font-size: 50px;
    font-size: 5.0rem; }
    #featuresSection h1 span.icon-distributionFastGuide {
      display: block;
      font-size: 60px;
      font-size: 6.0rem;
      margin-bottom: -12px; }
  #featuresSection h2 {
    margin-top: 0; }
  #featuresSection .featuresContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #featuresSection .featuresContainer .featureItemContainer {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 1.2em;
      width: 100%; }
    #featuresSection .featuresContainer .featureItem {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: column;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      background-color: #fff;
      padding: 1em;
      width: 100%;
      border: 2px solid #d9d9d9; }
      #featuresSection .featuresContainer .featureItem h2 {
        font-size: 22px;
        font-size: 2.2rem;
        margin-top: 0; }
      #featuresSection .featuresContainer .featureItem p {
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto; }
    @media all and (min-width: 640px) and (max-width: 767px) {
      #featuresSection .featuresContainer .featureItemContainer {
        width: 50%; } }
    @media all and (min-width: 768px) and (max-width: 991px) {
      #featuresSection .featuresContainer .featureItemContainer {
        width: 33.33%; } }
    @media all and (min-width: 992px) and (max-width: 1499px) {
      #featuresSection .featuresContainer .featureItemContainer {
        width: 25%; } }
    @media all and (min-width: 1500px) {
      #featuresSection .featuresContainer .featureItemContainer {
        width: 16%; } }

#advertSection {
  padding: 30px 50px 0 50px;
  border-top: 2px solid #d9d9d9;
  background-color: #262626; }
  #advertSection .advertText {
    color: #fff;
    margin-bottom: 30px; }
    #advertSection .advertText a {
      margin-top: 10px;
      width: 65%;
      padding: 15px;
      font-family: 'HelveticaNeue-Roman',Helvetica,sans-serif;
      text-align: left;
      font-size: 18px;
      font-size: 1.8rem; }
      #advertSection .advertText a i {
        margin-top: 0.3em; }
    @media screen and (min-width: 992px) and (max-width: 1099px) {
      #advertSection .advertText a {
        width: 100%; } }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 120px;
  padding: 30px;
  border-top: 2px solid #d9d9d9; }
  footer .row {
    position: relative; }
    footer .row .backTo {
      position: absolute;
      top: 0;
      right: 10px; }
      footer .row .backTo a {
        color: #a32b35; }
    footer .row p {
      font-size: 12px;
      margin-top: 25px; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

div#login {
  position: absolute;
  top: 25px;
  right: 215px;
  width: 340px;
  padding: 20px;
  border: solid 1px #d9d9d9;
  background: #fff;
  display: inline-block;
  z-index: 100; }
  div#login h2 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 22px;
    font-size: 2.2rem; }
  div#login form a.link {
    color: #a32b35; }
    div#login form a.link:hover {
      color: #6b0310; }
  div#login form .buttonContainer {
    overflow: hidden;
    padding-top: 20px; }
  div#login span#close {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/images/home/close.png) no-repeat;
    position: absolute;
    top: -16px;
    right: -16px;
    cursor: pointer; }

#subscribe {
  padding: 30px; }
  #subscribe form {
    padding: 30px 0; }
    #subscribe form .input-validation-error {
      margin-bottom: 1% !important; }
    #subscribe form .checkbox label {
      display: block;
      padding-left: 15px;
      text-indent: -15px; }
    #subscribe form .checkbox input {
      width: 15px;
      height: 17px;
      padding: 0;
      margin: 0;
      vertical-align: bottom;
      position: relative;
      top: -2px;
      *overflow: hidden; }
    #subscribe form .checkbox a {
      color: #a32b35;
      font-weight: 700; }
    #subscribe form .btn-primary {
      width: 100%;
      padding: 15px;
      font-family: 'HelveticaNeue-Roman',Helvetica,sans-serif;
      text-align: left;
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 5px; }
      #subscribe form .btn-primary i {
        margin-top: 0.3em; }
    #subscribe form a.link {
      color: #a32b35; }
      #subscribe form a.link:hover {
        color: #6b0310; }

