/* 
    Created on : 29-Jul-2014, 16:11:00
    Author     : Craig McCarthy - Livepoint Software Solutions
*/

/* Import Required Fonts */
@import url(http://fonts.googleapis.com/css?family=Lato:400,100italic,100,300,300italic,400italic,700,700italic,900,900italic);

/* Basics */
body {
    color: #333;
    font: 400 16px/1.5em "Lato","sans-serif";
    overflow-x: hidden;
}

body.fixed {
    padding-top: 104px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
    margin-top: 0;
}

h1 {
    font-size: 2.75em;
    line-height: 1.125em;
}

h1 strong {
    font-weight: 800;
}

h2 {
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1.2;
}

h5 {
    font-size: 1.25em;
}

img {
    max-width: 100%;
}

ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
}

/* Format Shortcodes */
.fs-large {
    font-size: 1.125em;
    line-height: 1.5em;
}

h3, .fw-light {
    font-weight: 300;
}

.site-color {
    color: #72A20F;
}

ul.inline-list li {
    display: inline-block;
    margin-right: 10px;
}

ul.inline-list li:last-child {
    margin-right: 0;
}

ul.check-list li,
.check-list ul li {
    margin-bottom: 10px;
}

ul.check-list li:last-child,
.check-list ul li:last-child,
ul.check-list-right li:last-child
.check-list-right ul li:last-child {
    margin-bottom: 0;
}

ul.check-list li:before,
.check-list ul li:before {
    color: #555;
    content: "\f00c";
    display: block;
    float: left;
    font-family: fontawesome;
    font-size: 120%;
    margin: 0;
    padding-right: 15px;
    vertical-align: middle;
}

ul.check-list-right li:after,
.check-list-right ul li:after {
    color: #555;
    content: "\f00c";
    display: block;
    float: right;
    font-family: fontawesome;
    margin: 0;
    padding-left: 15px;
    vertical-align: middle;
}


/* Shortcodes */
.mb0 {margin-bottom: 0;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt230 {margin-top:230px;}
.mb10 {margin-bottom: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.pb0 {padding-bottom: 0;}
.pt100 {padding-top: 100px;}
.width90 {width: 90%;}
.max-h300 {max-height: 300px;}
.max-w70 {max-width: 70%;}
.max-w250 {max-width: 250px;}
.max-w300 {max-width: 300px;}
.color-lightgrey {color: #ccc;}

/* Header */
.rainbow {
    background-image: url('/img/gradient.jpg');
    background-image: -webkit-gradient(linear, 100% 0, 0 0, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7); 
    background-image: -webkit-linear-gradient(right, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7); 
    background-image: -moz-linear-gradient(right, black, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7); 
    background-image: -o-linear-gradient(right, black, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7); 
    background-image: linear-gradient(to right, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7);
    width: 100%;
    height: 3px;
}

.header-container {
    background-image: url('/uploads/images/layout/bg.jpg');
    background-color: rgba(0,0,0,0.5);
    background-position: center center;
    background-size: cover;
    position: relative;
}

header {
    background-color: #fff;
}

.header-main {
    padding: 20px 0;
    transition: all 0.2s;
}

.header-top-bar {
    color: #333;
    font-size: 0.812em;
    padding: 10px 0 0;
}

.header-top-bar .top-links {
    position: absolute;
    right: 15px;
}

.header-top-bar a {
    color: #333;
}

.logo {
    background-image: url("/uploads/images/layout/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 90px;
    width: 194px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.2s;
}

.logo:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

span.slogan {
    color: #565490;
    margin-left: 40px;
    margin-top: 40px;
}

.header-cta {
    margin-top: 27px;
}

section.navigation {
    border-top: 1px solid #eee;
    border-bottom: 1px solid transparent;
}

.navigation nav {
    display: block;
}

.main-menu nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}

.main-menu nav ul li {
    display: inline-block;
}

.main-menu nav ul li a {
    color: #333;
    display: inline-block;
    margin: 15px 29px;
}

.main-menu nav ul li.menuactive a {
    font-weight: 600;
}

.main-menu nav ul li:first-child a {
    margin-left: 0;
}

.main-menu nav ul li:last-child a {
    margin-right: 0;
}

.main-menu nav ul li.active a {
    color: #999;
}

/* Video */
#video iframe {
    max-height: 588px;
    max-width: 100%;
}

/* Homepage Adjustments */
.home header {
    background-color: transparent;
}

.home header, 
.home .header-top-bar, 
.home .header-top-bar a, 
.home span.slogan, 
.home .main-menu nav ul li a {
    color: #fff;
}

.home header .btn-rainbow {
    color: #fff;
    border-image: none;
    border-color: #fff;
}

.home header .btn-rainbow:hover {
    background-color: #fff;
    color: #333;
}

.home .logo {
    background-image: url("/uploads/images/layout/logo-alt.png");
}

.home section.navigation {
    border: none;
}

.home section.navigation .container {
    border-width: 1px 0; 
    border-style: solid; 
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, rgba(255, 255, 255, 0.1), #eee, #fff, #eee, rgba(255, 255, 255, 0.1)) 1 stretch; 
    -webkit-border-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.1), #eee, #fff, #eee, rgba(255, 255, 255, 0.1)) 1 stretch; 
    -moz-border-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.1), #eee, #fff, #eee, rgba(255, 255, 255, 0.1)) 1 stretch; 
    -o-border-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.1), #eee, #fff, #eee, rgba(255, 255, 255, 0.1)) 1 stretch; 
    border-image: linear-gradient(to right, rgba(255, 255, 255, 0.1), #eee, #fff, #eee, rgba(255, 255, 255, 0.1)) 1 stretch; 
}

.home-section {
    padding: 90px 0 140px;
    color: #fff;
}

.home-section .btn-rainbow {
    border-color: #fff;
    font-size: 1.3em;
    padding: 14px 30px 12px;
}

.home .icon-container {
    background-color: #ddebee;
    border-color: #ddebee;
    color: #77afbb;
    cursor: pointer;
    font-size: 48px;
    height: 130px;
    line-height: 130px;
    transition: all 0.2s ease 0s;
    width: 130px;
}

.home .icon-container:hover {
    font-size: 56px;
}

.home .icon-inner {
    background-color: #ddebee;
    border-radius: 100%;
    height: 120px;
    margin: 3px;
    width: 120px;
}

.home .icon-title {
    font-weight: 400;
}

/* Page Heading */
.page-heading {
    color: #fff;
    padding: 55px 0 50px;
    position: relative;
    z-index: 0;
}

.page-heading h1 {
    margin: 0 0 4px;
}

.page-heading p.lead {
    margin: 0;
}

/* Page Sections */
.page-section {
    background-color: #fff;
    padding: 70px 0;
}

.page-section.alternate {
    background-color: #F9F9FB;
}

.page-section.skyblue {
    background-color: #f2f6f7;
    color: #333;
    padding: 60px 0 70px;
    position: relative;
}

.page-section.managed-service {
    background-image: url("/uploads/images/home/home_managed.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    color: white;
    padding: 120px 0;
}

.page-section.marketing-tool {
    padding-top: 120px;
    padding-bottom: 0;
}

.page-section.open-platform {
    padding: 0;
    overflow: hidden;
}

.page-section.testimonials {
    background-image: url("/uploads/images/layout/testimonials-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    padding: 120px 0;
}

.page-section.hardware-diagram {
    background-image: url("/uploads/images/layout/hardware-diagram-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    padding: 120px 0;
}

.page-section.become-partner {
    background-image: url("/uploads/images/layout/partner-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    padding: 120px 0;
}

.become-partner .text-danger {
    color: #fff;
}

.client-logos-section {
    padding: 40px 0;
}

section#features-main, 
section#features-section3,
section#features-section4,
section#features-section5,
section#features-section6,
section#features-section7,
section#livestreams-section3, 
section#customers-main,
section#marketing-main,
section#marketing-section3,
section#marketing-section4, 
section#marketing-section5,
section#marketing-section6,
section#hardware-section2,
section#hardware-section3,
section#pricing-main {
    padding: 120px 0;
}

section#features-section2 {
    padding: 120px 0 170px;
}

section#features-section8,
section#hardware-section4,
section#partners-main {
    padding: 120px 0 0;
}

section#livestreams-main {
    padding: 120px 0 20px;
}

section#livestreams-section2 {
    padding: 70px 0 0;
}

section#marketing-section2 {
    padding: 170px 0;
}

section#pricing-section2 {
    padding: 100px 0 120px;
}

section#fullwidth-main {
    padding: 120px 0 70px;
}

/* Testimonials */
.customers .testimonials .btn-streamdays {
    display: none;
}

/* Client Logos */
.client-logos-section img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all 0.2s;
}

.client-logos-section img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Icons */
.circle-icon {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    width: 22px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}

.circle-icon i.fa {
    backface-visibility: hidden;
    display: block;
    height: inherit;
    margin: -1px 0 0 -1px;
    width: inherit;
    font-size: 10px;
    line-height: inherit;
}

.icon-container {
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    width: 74px;
}

.icon-title {
    font-size: 24px; 
    display: inline-block; 
    width: 100%; 
    vertical-align: top; 
    font-weight: 300; 
    margin: 15px 0px 10px;
}

.service-box {
    margin-bottom: 40px;
}

.page-section .row:last-child .service-box {
    margin-bottom: 0;
}

/* Buttons */
.btn.btn-streamdays, .submit input[type="submit"] {
    padding: 12px 30px;
    font-size: 1.125em;
    color: #333;
    background-color: transparent;
    border-color: #333;
    transition: all 0.2s;
}

.submit input[type="submit"] {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid #333;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn.btn-streamdays:hover, 
.submit input[type="submit"]:hover {
    background-color: #333;
    color: #fff;
}

.btn.btn-streamdays.white, 
.become-partner .submit input[type="submit"] {
    color: #fff;
    border-color: #fff;
}

.btn.btn-streamdays.white:hover,
.become-partner .submit input[type="submit"]:hover {
    color: #333;
    background-color: #fff;
}

.btn.btn-streamdays.blue {
    border-color: #428bca;
    color: #428bca;
}

.btn.btn-streamdays.blue:hover {
    background-color: #428bca;
    color: #fff;
}

.btn.btn-streamdays.skyblue {
    border-color: #538b97;
    color: #538b97;
}

.btn.btn-streamdays.fullsky {
    background-color: #77AFBB;
    border-color: #77AFBB;
    color: #fff;
}

.btn.btn-streamdays.fullsky:hover {
    background-color: #6ca4b0;
    border-color: #6ca4b0;
}

.btn.btn-streamdays.skyblue:hover {
    background-color: #538b97;
    color: #fff;
}

.btn.btn-streamdays.green {
    border-color: #2DB599;
    color: #2DB599;
}

.btn.btn-streamdays.green:hover {
    background-color: #2DB599;
    color: #fff;
}

.btn.btn-streamdays.red {
    border-color: #F6544A;
    color: #F6544A;
}

.btn.btn-streamdays.red:hover {
    background-color: #F6544A;
    color: #fff;
}

.btn.btn-streamdays.orange {
    border-color: #f68d36;
    color: #f68d36;
}

.btn.btn-streamdays.orange:hover {
    background-color: #f68d36;
    color: #fff;
}

.btn-container {
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: auto;
}

.btn-rainbow {
    border: 2px solid #333;
    border-radius: 3px;
    padding: 8px 25px;
    font-size: 1.125em;
    color: #333;
    font-weight: 400;
    padding: 12px 30px 10px;
    transition: all 0.2s;
}

.borderimage .btn-rainbow,
.borderimage .home-section .btn-rainbow {
    border-width: 2px; 
    border-style: solid; 
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7) 1 stretch; 
    -webkit-border-image: -webkit-linear-gradient(right, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7) 1 stretch; 
    -moz-border-image: -moz-linear-gradient(right, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7) 1 stretch; 
    -o-border-image: -o-linear-gradient(right, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7) 1 stretch; 
    border-image: linear-gradient(to right, #f47920, #f3be17, #72ba7d, #30a8ae, #4959a7) 1 stretch; 
}

.btn-rainbow:hover {
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}

.btn-rainbow.white {
    color: #fff;
}

/* Modals */
.modal-header {
    background-color: #051884;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    color: white;
    min-height: 16.43px;
    padding: 20px;
}

.modal-title {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}

.modal-content {
    background-image: url("/img/modal-background.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
}

.modal-body {
    padding: 20px;
    position: relative;
}

/* Contact */
#google-map {
    display: block;
    border: none;
    height: 240px;
    width: 100%;
}

/* Items */
.item-block {
    box-shadow: 0 3px 8px -8px;
    margin-top: 20px;
}

.item-img {
    background-color: #dedede;
    height: 200px;
    text-align: center;
    overflow: hidden;
}

.featured-block .item-img {
    height: 180px;
}

.item-img > a {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

.item-img > a > img {
    width: 100%;
}

.item-content {
    background-color: #fff;
    padding: 30px 20px;
}

.item-title {
    display: inline-block;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.1;
    width: 100%;
}

.item-title a {
    color: #333;
}

.item-subtitle {
    color: #aaa;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-wrap {
    height: 185px;
    overflow: hidden;
}

.featured-block .item-wrap {
    height: 200px;
}

.item-image-detail img {
    width: 100%;
    margin-bottom: 30px;
}

/* Contact */
.contactform .form-group input, 
.contactform .form-group textarea,
.contactform .form-group select {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    max-width: 100%;
    padding: 4px 8px;
    width: 100%;
}

.contactform .form-group select {
    padding: 7px 8px;
}

.contactform .form-group label {
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: right;
    vertical-align: middle;
}

.sidebar > p {
    margin-bottom: 15px;
}

.sidebar > p:last-child {
    margin: 0;
}

.sidebar strong {
    display: inline-block;
    font-weight: 400;
}

.streamdays-play {
    font-size: 14px;
}

.streamdays-play a {
    color: #333;
}

.streamdays-play a:hover {
    text-decoration: none;
}

.streamdays-play img {
    margin-right: 7px;
    max-height: 20px;
    vertical-align: top;
}

/* Map */
#map {
    width: 100%;
    height: 520px;
    border: none;
    vertical-align: top;
}

#map img, 
#detail-map img {
    max-width: none;
}

#small-map {
    width: 90%;
    height: 300px;
    vertical-align: top;
    border: none;
}

#detail-map {
    border: none;
    width: 100%;
    min-height: 415px;
}

/* Categories */
.category-icon {
    color: #333;
}

.category-icon:hover {
    color: #333;
    text-decoration: none;
}

.category-icon img {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: 0.5s all;
}

.category-icon:hover img {
    opacity: 0.4;
    filter: alpha(opacity=40);
}


/* Footer */
footer {
    background-color: #07426b;
    color: #eee;
    font-size: 14px;
    font-weight: 300;
}

footer a {
    color: #00aeef;
}

footer .footer-title a {
    color: #eee;
}

.footer-main {
    padding: 50px 0;
}

.footer-title {
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 20px;
}

footer label {
    font-weight: 400;
}

.footer-bottom {
    background-color: #06395d;
    color: #ddd;
    padding: 20px 0;
}

.footer-bottom a {
    color: #ddd;
}

.footer-bottom ul.inline-list li {
    padding-right: 10px;
    border-right: 1px solid #0a4e7e;
}

.footer-bottom ul.inline-list li:last-child {
    padding-right: 0;
    border-right: none;
}

/* Tweets */
.tweet_list li {
    display: inline-block;
    margin-bottom: 30px;
}

.tweet_list li:last-child {
    margin-bottom: 0;
}

.twitter-avatar-container {
    display: inline-block;
    vertical-align: top;
    width: 18%;
}

.tweet_avatar {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    overflow: hidden;
    vertical-align: top;
}

.tweet_avatar img {
    border-radius: 4px;
}

.twitter-info-container {
    display: inline-block;
    vertical-align: top;
    width: 82%;
}

.twitter_screen-name {
    display: inline-block;
    font-weight: 400;
}

.tweet_time {
    float: right;
}

.tweet_user {
    display: inline-block;
    line-height: 1;
    margin-top: 0;
    vertical-align: top;
    width: 100%;
}

.tweet_time > a, a.tweet_user {
    color: #aaa;
    font-weight: 400;
}

/* Blog / News */
.entry > p:first-child {
    margin-bottom: 0;
}

/* Forms */
.form-input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #333;
    padding: 5px 8px;
}

/* Pricing Table */
.pricing-table table {
    color: #fff;
    width: 100%;
}

.pricing-table table thead tr th {
    overflow: hidden;
    padding: 40px 0;
    position: relative;
}

.pricing-table table tbody tr td {
    padding: 18px;
}

.pricing-table table tbody tr td {
    background-color: #198abf;
}

.pricing-table table thead tr th,
.pricing-table table tbody tr:nth-child(2n) td {
    background-color: #1d8fc4;
}

.pricing-table table tbody tr td:nth-child(2) {
    background-color: #6abb83;
}

.pricing-table table thead tr th:nth-child(2),
.pricing-table table tbody tr:nth-child(2n) td:nth-child(2) {
    background-color: #71b184;
}

.price-cta {
    position: absolute;
    right: 0;
    top: 0;
}

.price {
    margin: 0 auto;
    text-align: center;
    width: 55%;
}

.price-value {
    display: inline-block;
    font-size: 3.5em;
    font-weight: 400;
    line-height: 1;
}

.price-duration {
    font-size: 18px;
    font-weight: 300;
    line-height: 0.5;
    text-align: center;
    margin-top: 5px;
}

.white-box {
    background-color: #fff;
    padding: 30px 20px;
}

.white-box-title {
    font-size: 1.5em;
    margin-bottom: 20px;
}

.white-box img {
    max-height: 60px;
}

.cycle-prev, .cycle-next {
    cursor: pointer;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 20%;
    z-index: 800;
}

.cycle-prev {
    background: url("/img/chevron-left.png") no-repeat scroll 0% 40% rgba(0, 0, 0, 0);
    left: 0;
}

.cycle-next {
    background: url("/img/chevron-right.png") no-repeat scroll 100% 40% rgba(0, 0, 0, 0);
    right: 0;
}

.cycle-prev:hover, .cycle-next:hover {
    opacity: 0.7;
}

/* Media Queries */
@media (max-width: 1200px) {
    .main-menu nav ul li a {margin: 15px 17px;}
    .home-section h1.mt60 {margin-top: 25px;}
    #managed-service h2.mt20 {margin-top: 0;}
    #open-platform h2.mt230 {margin-top: 150px;}
    #features-section3 h2.mt20 {margin-top: 0;}    
    .featured-block .item-img {height: 320px;}
    .featured-block .item-wrap {height: 150px;}
    .item-img { height: 170px; }
    .item-wrap { height: 220px; }
    .price { width: 70%; }
    #detail-map {min-height: 342px;}
}

@media (max-width: 991px) { 
    .main-menu.fs-large.text-left {font-size: 1em;}
    .main-menu nav ul li a {margin: 15px 7.5px;}
    span.slogan {display: none;}
    .footer-main {text-align: center;}
    .footer-main .col-md-3 {margin-bottom: 50px;}
    .footer-main .col-md-3:last-child {margin-bottom: 0;}
    .twitter-avatar-container {display: none;}
    .twitter-info-container {width: 100%;}
    .tweet_time {display: none;}
    #newsletter form button.btn.pull-right {float: none !important;}
    .footer-bottom {text-align: center;}
    .footer-bottom .text-right {text-align: center; margin-top: 10px;}
    .home-section {padding-top: 40px; text-align: center;}
    .home-section .col-md-6.text-right {text-align: center;}
    .page-section.skyblue {padding-bottom: 30px;}
    #icon-banner a.btn {margin-bottom: 50px;}
    #managed-service {text-align: center;}
    #managed-service img {margin-bottom: 20px;}
    .page-section.open-platform {text-align: center; padding: 70px 0;}
    #open-platform h2.mt230 {margin-top: 0;}
    .page-section.open-platform img {display: none;}
    .page-heading {text-align: center;}
    .page-heading .col-md-3 {display: none;}
    .page-section {text-align: center;}
    ul.check-list li:before, .check-list ul li:before {display: none;}
    #features-section2 .text-right {margin-top: 50px; text-align: center;}
    #small-map {margin: 0 auto;}
    #features-section4 .text-right {text-align: center; margin-top: 50px;}
    #features-section5 h2 {margin-top: 50px;}
    #features-section6 h2.mt30 {margin-top: 0;}
    #features-section6 img {display: none;}
    #features-section7 h2.mt20 {margin-top: 50px;}
    section#features-section8 {padding: 120px 0;}
    #features-section8 h2.mt50 {margin-top: 0;}
    #features-section8 img {display: none;}
    .featured-block .item-img {height: 220px;}
    .testimonial.text-left {text-align: center; margin-bottom:30px;}
    .client-logos-section .col-md-2 {margin: 10px 0;}
    .item-img {height: auto;}
    .item-wrap {height: auto;}
    section#marketing-section2 {padding-bottom: 120px;}
    #marketing-section5 .text-right {text-align: center;}
    #hardware-main .col-md-6.text-center {display: none;}
    #hardware-main h2.mt70 {margin-top: 0;}
    #hardware-section2 img.max-w70 {max-width: 35%;}
    section#hardware-section4 {padding: 70px 0;}
    #hardware-section4 img {display: none;}
    #hardware-section4 h2.mt50 {margin-top: 0;}
    .white-box {margin-top: 20px;}
    section#pricing-main {padding-bottom: 20px;}
    section#pricing-section2 {padding: 70px 0;}
    #pricing-section2 h2.mt50 {margin-top: 0;}
    #pricing-section2 .text-right {margin-top: 30px; text-align: center;}
    section#partners-main {padding: 120px 0 70px;}
    #partners-main .row.text-left.mt50 {text-align: center;}
    .contactform .form-group label {text-align: left;}
    #partners-main img {margin-bottom: 60px; max-width: 60%;}
    #partner-section3 p.mt60 {margin-top: 0;}
    #partner-section3 .text-right {text-align: center; margin-top: 50px;}
    .col-md-3.sidebar {text-align: left;}
    .page-section.managed-service, 
    .page-section.testimonials, 
    .page-section.become-partner, 
    .page-section.hardware-diagram {background-attachment: scroll;}
    .item-image-side {margin-bottom: 20px;}
    #fullwidth-main .row.mt30 .col-md-6 .btn {margin-top: 10px;}
    #detail-map {min-height: 260px; margin-bottom: 20px;}
    .text-right.md-center {text-align: center;}
}

@media (max-width: 767px) {
    .main-menu nav ul {white-space: normal;}
    .main-menu nav ul li {text-align: center; width: 100%;}
    .main-menu nav ul li a {margin: 0; padding: 5px 0; width: 100%;}
    .main-menu.fs-large.text-left {font-size: 1.125em;}
    .mobile-menu {display: block!important; padding: 12px 0; cursor: pointer;}
    .mobile-menu .fa {margin-right: 5px;}
    .navigation nav {display: none;}
    h1 {font-size: 2em;}
    h2 {font-size: 2em;}
    p.lead {font-size: 19px;}
    .client-logos-section {display: none;}
    .col-md-3.sidebar {text-align: center; margin-bottom: 50px;}
    .pricing-table table tbody tr td {padding: 10px;}
    #map {height: 300px;}
    .featured-block .item-img, .item-img {height: auto;}
    #hardware-section3 img {display: none;}
    .featured-block .item-wrap {height: auto;}
}

@media (max-width: 640px) { 
    h2 {font-size: 1.5em;}
    .header-top-bar {display: none;}
    .header-main {text-align: center;}
    .logo.pull-left {display: inline-block; float:none!important;}
    .header-cta {display: none;}
    .home-section .btn-rainbow, .btn {white-space:normal;}
    .home-section .col-md-6.text-right {margin-top: 50px;}
    .btn, .btn-container {width: 100%;}
    .home-section {padding-bottom: 70px;}
    .home-section .btn-rainbow {font-size: 1em;}
    .home-section .col-md-6.text-right {display: none;}
    .page-section.marketing-tool {padding-top: 70px;}
    section#features-main, 
    section#features-section3, 
    section#features-section4, 
    section#features-section5, 
    section#features-section6, 
    section#features-section7, 
    section#livestreams-section3, 
    section#customers-main, 
    section#marketing-main, 
    section#marketing-section3, 
    section#marketing-section4, 
    section#marketing-section5, 
    section#marketing-section6, 
    section#hardware-section2, 
    section#hardware-section3,
    .page-section.testimonials,
    section#marketing-section2,
    section#partners-main, 
    section#fullwidth-main { padding: 70px 0; }
    section#features-section2 {padding: 70px 0 120px;}
    section#livestreams-main, section#pricing-main {padding: 70px 0 20px;}
    #video {overflow: hidden;}
    .item-title {font-size: 1.25em;}
    #marketing-screen {height: auto !important;}
    .pricing-table.text-center.fs-large.fw-light {font-size: 0.75em;}
    .price {width: 90%; text-align: center;}
    .price-cta {display: none;}
    .price-duration {font-size: 16px; line-height: 1;}
    .price-value {font-size: 2.5em;}
    .pricing-table .btn.btn-streamdays {padding: 12px 10px;}
    #partners-main img {max-width: 80%;}
    .footer-bottom ul.inline-list li {border-right:none; padding-right: 0; margin-right: 0; display: block;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .page-section.managed-service, 
    .page-section.testimonials, 
    .page-section.become-partner, 
    .page-section.hardware-diagram {
        background-attachment: scroll;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .page-section.managed-service, 
    .page-section.testimonials, 
    .page-section.become-partner, 
    .page-section.hardware-diagram {
        background-attachment: scroll;
    }
}