/*
* Tablet computer stylesheet deals with screen sizes between 768px and 1024px in width.
* Written in SASS - use the .scss file provided to edit these styles.
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=e23dbb56-d83a-4abf-b7b9-faa7e60e15ff");
@font-face {
  font-family: "Proxima";
  src: url("../fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix");
  src: url("../fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix") format("eot"), url("../fonts/a3a867b8-141c-4865-9f8d-6dc5766a6bc5.woff") format("woff"), url("../fonts/b9d6d5ca-ba9b-4fa1-a81e-366891676e4a.ttf") format("truetype"), url("../fonts/844c48e5-7a2b-488b-9e47-ff8dda98e5e2.svg#844c48e5-7a2b-488b-9e47-ff8dda98e5e2") format("svg");
  font-weight: bold;
}
@font-face {
  font-family: "Proxima";
  src: url("../fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix");
  src: url("../fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix") format("eot"), url("../fonts/e8e438df-9715-40ed-b1ae-58760b01a3c0.woff") format("woff"), url("../fonts/baf65064-a8a8-459d-96ad-d315581d5181.ttf") format("truetype"), url("../fonts/76bd19c9-c46a-4c27-b80e-f8bd0ecd6057.svg#76bd19c9-c46a-4c27-b80e-f8bd0ecd6057") format("svg");
  font-weight: normal;
}
/* General colours */
/* Filter tab colours */
/* Filter tabs colours with transparency */
/* Mixins */
@media all and (min-width: 767px) and (max-width: 1024px) {
  .balance {
    width: 648px;
  }

  #header #logo {
    margin-left: 40px;
    width: 235px;
  }
  #header #login {
    margin-left: 0px;
    margin-right: 0px;
  }
  #header #login .login-form .username, #header #login .login-form .password, #header #login .login-form .placeholder {
    width: 93px;
  }
  #header #nav-container #alert {
    right: 16px;
  }
  #header #nav-container #nav li {
    padding: 10px 13px;
  }
  #header #nav-container .balance {
    width: 648px;
  }
  #header #store-nav-container .balance {
    width: 648px;
  }
  #header #store-nav-container #store-nav {
    width: 73%;
  }

  #content #slider {
    width: 768px;
  }
  #content #slider .cut-off {
    display: none;
  }
  #content #slider .info-panel {
    width: 260px;
    min-height: 232px;
  }
  #content #slider .info-panel .info-inner {
    width: 100%;
    min-height: 0px;
  }
  #content #slider .info-panel .info-inner h3 {
    font-size: 16px;
    line-height: 16px;
  }
  #content #slider .info-panel .info-inner p {
    font-size: 12px;
    line-height: 16px;
    display: none;
  }
  #content #slider .info-panel .info-inner ul {
    padding: 0px 0px 0px 0px;
  }
  #content #slider .info-panel .info-inner ul li {
    line-height: 16px;
  }
  #content #slider .info-panel .info-inner ul li a {
    font-size: 12px;
    line-height: 16px;
  }
  #content #slider .bx-wrapper {
    width: 480px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  #content #slider .bx-wrapper .bx-viewport ul li .description .title {
    font-size: 30px;
    line-height: 30px;
  }
  #content .sub-content {
    width: 100%;
    padding: 0px 0px;
    max-width: 648px;
  }
  #content #sidebar {
    float: left;
    width: 100%;
    padding: 0px 0px;
    max-width: 648px;
  }
  #content #sidebar .reports .tabs {
    width: 140px;
  }
  #content #sidebar .reports .report-list {
    width: 458px;
  }
  #content #sidebar #demo {
    padding: 40px 60px 15px 60px;
  }
  #content #sidebar #demo .demo-request {
    float: right;
  }
  #content #sidebar #demo .demo-contact {
    clear: right;
    margin-right: 10px;
  }
  #content #sidebar #demo .demo-excerpt {
    float: left;
    width: 50%;
    margin-top: -50px;
  }
  #content #sidebar.default {
    padding: 0px;
    width: 220px;
  }
  #content #sidebar.default .side-contact .enquiry-btn {
    /*background: url("../img/symbol-tiny.png") no-repeat 5% 46% white;
    text-indent: 21px;
    padding: 9px 0px 9px 0px;
    display: inline-block;
    width: 100%;*/
  }

  #news {
    padding: 0px 0px;
    max-width: 100%;
  }
  #news .column {
    width: 31%;
  }

  #logos .balance, #footer .balance {
    width: 648px;
  }

  #footer .top-row .column-1 {
    display: none;
  }
  #footer .top-row .column-2 {
    margin: 0px 30px 0px 0px;
    width: 38%;
  }
  #footer .top-row .column-3 {
    width: 50%;
    float: right;
  }

  .crumbtrail {
    margin: 20px 0px 0px 0px;
    width: 706px;
  }

  body.sub-default #content {
    margin-top: 0px;
  }
  body.sub-default #content .sub-content {
    padding-right: 20px;
    width: 61%;
  }
  body.sub-default #content .sub-content img {
    width: 100%;
  }
  body.sub-default #content #sidebar .sidebar-inner.small, body.sub-default #content #sidebar #demo {
    display: none;
  }

  #team .member-row .member,#speaker .member-row .member {
    margin-right: 20px;
    width: 133px;
  }

  #partners .partner img {
    width: auto !important;
  }
  #partners .partner .right-text {
    width: 59%;
  }

  #testimonials {
    margin-top: 0px;
  }
  #testimonials .testimonial {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  body.who-we-help #content .sub-content {
    padding: 0px;
    width: 370px;
  }
  body.who-we-help #content .crumbtrail {
    margin-left: 0px;
  }
  body.who-we-help #content #slider.balance {
    width: 768px;
  }
  body.who-we-help #content .balance {
    width: 648px;
  }
  body.who-we-help #content #slider.static ul li {
    width: 588px;
  }
  body.who-we-help #content #slider.static ul li .image {
    margin-left: 0px;
    width: 82%;
  }
  body.who-we-help #content #slider.static ul li .description {
    left: auto;
    right: 106px;
  }
  body.who-we-help #content #slider.static ul li .description .title {
    font-size: 30px;
    line-height: 30px;
  }
  body.who-we-help #content #slider.static ul li .description .title span {
    font-size: 18px;
    line-height: 18px;
  }
  body.who-we-help #content #slider.static .info-panel {
    right: 0px;
    width: 266px;
    min-height: 233px;
  }
  body.who-we-help #content #slider.static .info-panel .info-inner ul li {
    width: auto;
  }
  body.who-we-help #content #sidebar {
    width: 240px;
    float: right;
  }
  body.who-we-help #content #sidebar #demo-request {
    padding-bottom: 80px;
  }
  body.who-we-help #content #sidebar #demo-request .laptop {
    width: 194px;
    right: -28px;
    bottom: -49px;
  }
  body.who-we-help #content #sidebar #demo-request .left-content h2 {
    font-size: 14px;
    line-height: 14px;
    margin: 0px 0px 10px 0px;
  }
  body.who-we-help #content #sidebar #demo-request .left-content p {
    line-height: 16px;
  }
  body.who-we-help #content #sidebar .side-contact {
    padding-bottom: 60px;
  }
  body.who-we-help #content #sidebar .side-contact .caller {
    width: 132px;
    right: -15px;
    bottom: -45px;
  }

  body.sub-default.media #content {
    margin-top: 40px;
  }

  #analyst-views .analyst-post .right-content {
    width: 69%;
  }
  #analyst-views .analyst-post.has-thumbnail .right-content {
    width: 42%;
  }

  body.single #content .sub-content #analyst-views .analyst-post .right-content {
    width: 70%;
  }

  .promo-banner-outer .balance {
    width: 648px;
  }
  .promo-banner-outer #promo-banner .banner {
    width: 423px;
  }
  .promo-banner-outer #promo-banner .welcome-to-store {
    padding-left: 3px;
    float: right;
    width: 210px;
  }
  .promo-banner-outer #promo-banner .welcome-to-store .intro {
    text-align: right;
  }
  .promo-banner-outer #promo-banner .welcome-to-store .logo-small {
    margin: 3px 0px;
    width: 190px;
    float: right;
  }
  .promo-banner-outer #promo-banner .welcome-to-store .intro-2 {
    font-size: 17px;
    line-height: 17px;
  }

  #search .balance {
    width: 648px;
  }
  #search #search-reports {
    width: 64%;
  }

  #content.report-store .balance {
    width: 648px;
  }
  #content.report-store .left-col {
    width: 370px;
  }
  #content.report-store .left-col .preview .top-row .view-all {
    text-align: right;
  }
  #content.report-store .left-col .preview .bot-row .left-col {
    width: 100%;
  }
  #content.report-store .left-col .preview .bot-row .right-col {
    display: none;
  }
  #content.report-store .right-col {
    width: 240px;
  }
  #content.report-store .right-col #prefer {
    padding: 20px 20px 60px 20px;
  }
  #content.report-store .right-col #prefer .text {
    font-size: 14px;
    line-height: 16px;
  }
  #content.report-store .right-col #prefer .text.large {
    font-size: 18px;
    line-height: 18px;
    margin: 5px 0px;
  }
  #content.report-store .right-col #prefer a {
    font-size: 12px;
    line-height: 12px;
    width: 50%;
  }
  #content.report-store .right-col #prefer .caller {
    width: 94px;
    right: -4px;
    bottom: -20px;
  }
  #content.report-store .right-col #featured-reports {
    max-width: 200px;
  }
  #content.report-store .right-col #featured-reports .title {
    font-size: 16px;
    line-height: 16px;
  }
  #content.report-store .right-col #featured-reports .featured-report .icon.green span {
    font-size: 9px;
    line-height: 12px;
    padding: 15px 0px;
    top: 17px;
  }
  #content.report-store .right-col #featured-reports .featured-report .icon.red span {
    font-size: 12px;
    line-height: 14px;
    padding: 14px 0px;
    top: 17px;
  }
  #content.report-store .right-col #featured-reports .featured-report .excerpt {
    width: 136px;
  }

  #content.report-store-all .balance {
    width: 659px;
  }
  #content.report-store-all #reports {
    width: 378px;
  }
  #content.report-store-all #reports .filters {
    width: 338px;
  }
  #content.report-store-all #reports .filters.top .pagination {
    display: none;
  }
  #content.report-store-all #reports .filters.bot .sort {
    display: none;
  }
  #content.report-store-all #reports .report {
    width: 338px;
  }
  #content.report-store-all #reports .report .icon.green span {
    font-size: 9px;
    line-height: 12px;
    padding: 15px 0px;
    top: 17px;
  }
  #content.report-store-all #reports .report .icon.red span {
    font-size: 12px;
    line-height: 14px;
    padding: 14px 0px;
    top: 17px;
  }
  #content.report-store-all #reports .report .icon {
    width: 63px;
  }
  #content.report-store-all #reports .report .excerpt {
    width: 340px;
    margin-left: 0px;
  }
  #content.report-store-all #reports .report .excerpt .title {
    font-size: 14px;
    line-height: 16px;
  }
  #content.report-store-all #reports .report .excerpt .date {
    font-family: "Proxima";
    font-weight: bold;
  }
  #content.report-store-all #reports .report .details {
    width: 56%;
  }
  #content.report-store-all #reports .report .details .price {
    float: left;
    width: auto;
    margin: 7px 10px 0px 0px;
  }
  #content.report-store-all #reports .report.has-icon .excerpt {
    width: 260px;
    margin-left: 10px;
  }

  #content.report-single #report-content {
    width: 380px;
  }
  #content.report-single #report-content #content-sections {
    width: auto;
    padding: 20px;
  }
  #content.report-single #report-content #content-sections .section h2 {
    font-size: 16px;
    line-height: 18px;
    margin-top: 0px;
  }
  #content.report-single #report-content #content-sections .section h3 {
    font-size: 13px;
    line-height: 16px;
  }
  #content.report-single #report-content #tabs .tab {
    margin-top: 5px;
    width: 83px;
  }
  #content.report-single #report-content #tabs .tab.last {
    width: 83px;
  }

  #content.basket #details {
    width: 365px;
  }
  #content.basket #details table tr td .title {
    font-size: 16px;
    line-height: 19px;
  }
  #content.basket #details table tr td .license .option {
    width: 97%;
  }
   /*
  body.contact-us #content .sub-content #contact-form {
    width: 400px;
  }
  body.contact-us #content .sub-content #contact-form .row {
    width: 85%;
  }
  body.contact-us #content .sub-content #contact-form .row label {
    width: 110px;
  }
  body.contact-us #content .sub-content #contact-form .row input[type="text"], body.contact-us #content .sub-content #contact-form .row input[type="email"] {
    float: left;
    margin-left: 10px;
    width: 243px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  body.contact-us #content .sub-content #contact-form .row .country-wrap {
    float: left;
    margin-left: 10px;
    width: 244px;
  }
  body.contact-us #content .sub-content #contact-form .row .country-wrap select {
    width: 273px;
  }
  body.contact-us #content .sub-content #contact-form .row .req-container {
    float: left;
    margin-left: 10px;
    width: 242px;
  }
  body.contact-us #content .sub-content #contact-form .row .req-container label {
    width: auto;
  }
  body.contact-us #content .sub-content #contact-form .row .req-container label[for="best-time"] {
    margin-left: 5px;
  }
  body.contact-us #content .sub-content #contact-form .row .req-container #best-time {
    float: right;
    width: 42px;
    padding: 1px 5px;
  }
  body.contact-us #content .sub-content #contact-form .row #enquiry {
    float: left;
    margin-left: 10px;
    width: 240px;
  }
  body.contact-us #content .sub-content #contact-form input[type="submit"] {
    margin-right: 80px;
  }
*/
  body.contact-us #content .sub-content {
    padding-right: 0px;
    width: 428px;
  }
  body.contact-us #content .sub-content h3 {
    width: 648px;
  }
  #contact-form {
    width: 400px;
  }
  #contact-form .row {
    width: 85%;
  }
  #contact-form .row label {
    width: 110px;
  }
  #contact-form .row input[type="text"], #contact-form .row input[type="email"], #contact-form .row input[type="password"]  {
    float: left;
    margin-left: 10px;
    width: 243px !important;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #contact-form .row .country-wrap {
    float: left;
    margin-left: 10px;
    width: 244px;
  }
  #contact-form .row .sort-by-container {
    float:left;
    margin-left:10px;
    width: 243px !important;
  }
  #contact-form .row .sort-by-container select {
    width:270px !important;
  }
  img[alt="captcha"] {
    width:100px !important;    
  }
  div.two-part-phone,#contact-form.paybyinvoice .row .two-part-phone {
    float:left;
    width:270px !important;        
  }
  div.two-part-phone .area-code,#contact-form.paybyinvoice .row .two-part-phone .area-code {
    width:80px !important;
  }
  div.two-part-phone .number,#contact-form.paybyinvoice .row .two-part-phone .number {
    margin-left:0 !important;
    width:135px !important;
  }
  #contact-form .row .req-container {
    float: left;
    margin-left: 10px;
    width: 242px;
  }
  #contact-form .row .req-container label {
    width: auto;
  }
  #contact-form .row textarea {
    float: left;
    margin-left: 10px;
    width: 240px;
  }
  #contact-form input[type="submit"] {
    margin-right: 80px !important;
  }
  body.contact-us #content #sidebar.default {
    width: 220px;
    margin-top: 157px !important;
  }
  #contact-form.paybyinvoice .row.radio .radio-btns {
    float: left;
    margin-left: 10px;
    padding: 10px;
    width: 240px;
  }
  #contact-form.paybyinvoice .row.radio .radio-btns label {
    float: left;
    margin-left: 2px;
    margin-right: 12px;
  }
}