/**
	* Filename:     custom-style.css
	* Version:      1.0.0 (2016-03-05)
	* Website:      http://www.support.com
	* Description:  Global Styles
	* Author:		support Team
					support@support.com
**/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
    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: inherit;
        font-size: 100%;
        vertical-align: baseline;
    }

    html {
        line-height: 1;
    }

    ol, ul {
        list-style: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    caption, th, td {
        text-align: left;
        font-weight: normal;
        vertical-align: middle;
    }

    q, blockquote {
        quotes: none;
    }

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none;
    }

    a img {
        border: none;
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
        display: block;
    }

    /*Variables*/
    /*Header*/
    /*Menu Color*/
    /*Mixins*/
    /** @file Styles for system messages. */
    .node__content > .field {
        /*margin-bottom: 15px;*/
    }

    .field__label {
        font-weight: 600;
    }

    .field--label-inline .field__label, .field--label-inline .field__items, .field--label-inline .field__item {
        display: inline-block;
    }

    .messages {
        background: no-repeat 10px 17px; /* LTR */
        border: 1px solid;
        border-width: 1px 1px 1px 0; /* LTR */
        border-radius: 2px;
        padding: 15px 20px 15px 20px; /* LTR */
        word-wrap: break-word;
        overflow-wrap: break-word;
        margin: 5px 0px;
    }

    .messages + .messages {
        margin-top: 1.538em;
    }

    .messages__list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .messages__item + .messages__item {
        margin-top: 0.769em;
    }

    /* See .color-success in Seven's colors.css */
    .messages--status {
        color: #325e1c;
        background-color: #f3faef;
        border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
        box-shadow: -8px 0 0 #77b259; /* LTR */
    }

    /* See .color-warning in Seven's colors.css */
    .messages--warning {
        background-color: #fdf8ed;
        border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
        color: #734c00;
        box-shadow: -8px 0 0 #e09600; /* LTR */
    }

    /* See .color-error in Seven's colors.css */
    .messages--error {
        background-color: #fcf4f2;
        color: #a51b00;
        border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
        box-shadow: -8px 0 0 #e62600; /* LTR */
    }

    .messages--error p.error {
        color: #a51b00;
    }

    /*FORM*/
    /** @file Visual styles for form components. */
    form .field-multiple-table {
        margin: 0;
    }

    form .field-multiple-table .field-multiple-drag {
        width: 30px;
        padding-right: 0; /*LTR*/
    }

    form .field-multiple-table .field-multiple-drag .tabledrag-handle {
        padding-right: .5em; /*LTR*/
    }

    form .field-add-more-submit {
        margin: .5em 0 0;
    }

    /*TABS*/
    div.tabs {
        margin: 1em 0;
    }

    ul.tabs {
        list-style: none;
        margin: 0 0 0.5em;
        padding: 0;
    }

    .tabs > li {
        display: inline-block;
        margin-right: 0.3em; /* LTR */
    }

    .tabs a {
        display: block;
        padding: 6px 10px;
        text-decoration: none;
        font-size: 13px;
        background: #e6e6e6;
        line-height: 100%;
        color: #444;
    }

    .tabs a.is-active {
        background-color: #fd2626;
        color: #fff;
    }

    .tabs a:focus, .tabs a:hover {
        background-color: #ea1616;
        color: #fff;
    }

    /** @file Seven styles for Tables. */
    table {
        width: 100%;
        margin: 0 0 10px;
    }

    caption {
        text-align: left; /* LTR */
    }

    th {
        text-align: left; /* LTR */
        padding: 10px 12px;
    }

    thead th {
        background: #f5f5f2;
        border: solid #bfbfba;
        border-width: 1px 0;
        color: #333;
        text-transform: uppercase;
    }

    tr {
        border-bottom: 1px solid #e6e4df;
        padding: 0.1em 0.6em;
    }

    thead > tr {
        border-bottom: 1px solid #000;
    }

    tbody tr:hover, tbody tr:focus {
        background: #f7fcff;
    }

    /* See colors.css */
    tbody tr.color-warning:hover, tbody tr.color-warning:focus {
        background: #fdf8ed;
    }

    tbody tr.color-error:hover, tbody tr.color-error:focus {
        background: #fcf4f2;
    }

    td, th {
        vertical-align: middle;
    }

    td {
        padding: 10px 12px;
        text-align: left; /* LTR */
    }

    th > a {
        position: relative;
        display: block;
    }

    /* 1. Must match negative bottom padding of the parent <th> */
    th > a:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: -10px; /* 1. */
        left: 0;
        right: 0;
        border-bottom: 2px solid transparent;
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }

    th.is-active > a {
        color: #004875;
    }

    th.is-active img {
        position: absolute;
        right: 0; /* LTR */
        top: 50%;
    }

    th.is-active > a:after {
        border-bottom-color: #004875;
    }

    th > a:hover, th > a:focus, th.is-active > a:hover, th.is-active > a:focus {
        color: #008ee6;
        text-decoration: none;
    }

    th > a:hover:after, th > a:focus:after, th.is-active > a:hover:after, th.is-active > a:focus:after {
        border-bottom-color: #008ee6;
    }

    td .item-list ul {
        margin: 0;
    }

    td.is-active {
        background: none;
    }

    /* Force browsers to calculate the width of a 'select all' TH element. */
    th.select-all {
        width: 1px;
    }

    /** Captions. */
    .caption {
        margin-bottom: 1.2em;
    }

    /** Responsive tables. */
    @media screen and (max-width: 37.5em) {
        /* 600px */
        th.priority-low, td.priority-low, th.priority-medium, td.priority-medium {
            display: none;
        }
    }
    @media screen and (max-width: 60em) {
        /* 920px */
        th.priority-low, td.priority-low {
            display: none;
        }
    }
    p {
        margin: 0 0 20px 0;
    }

    h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
        color: #000066;
        font-weight: 100;
        margin-bottom: 5px;
        line-height: 150%;
    }

    h1, .h1 {
        font-size: 2.6em;
    }

    h2, .h2 {
        font-size: 1.3em;
    }

    h3, .h3 {
        font-size: 1.2em;
    }

    h4, .h4 {
        font-size: 1em;
    }

    img {
        max-width: 100%;
    }

    .image-style-banner-reduced{
        width: auto !important;
        height: auto !important;
    }

    strong {
        font-weight: 500;
    }

    a {
        color: #F26522;
        font-weight: 400;
    }

    a:hover {
        color: #ea1616;
        text-decoration: none;
    }

    ol, ul {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    ol li, ul li {
        list-style: outside;
    }

    ol li {
        list-style-type: decimal;
    }

    ul.links.inline {
        padding: 3px;
        display: inline;
        /*background: #c13917;*/
    }

    ul.links.inline li {
        list-style: none;
    }

    ul.links.inline li.node-readmore a{
        font-size: 0.8em;
        line-height: 100%;
        background: #F26522;
        padding: 3px;
        border-radius: 3px;
        color: white;
    }

    ul.links.inline li.node-readmore a:hover{
        opacity: 0.8;
    }

    .block {
        margin-bottom: 20px;
    }

    body {
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 160%;
        color: black;
        overflow-x: hidden;
        font-weight: 300;
        background: white;
    }

    /*Page title*/
    .region-page-title h1 {
        margin: 20px 0;
    }

    /*Footer Widget*/
    .footerwidget {
        padding: 20px 0;
        border-top: 1px solid #f7f7f7;
    }

    .footerwidget .left {
        float: left;
        margin: 10px 10px 0 0;
    }

    .copyright {
        font-size: .65em;
    }

    .copyright p {
        margin: 20px 0;
        line-height: 100%;
    }

    /*Google Map*/
    .google_map {
        padding: 35px 0;
        background: url("../images/mobileBanner.jpg") #0a011c;
        color: white !important;
        min-height: 250px
    }

    .google_map h1 {
        color: white;
        font-size: 2.1em;
        font-weight: 100;
    }

    .google_map p, .google_map .block {
        margin: 0;
        text-align: center;
    }

    .google_map iframe {
        display: block;
    }

    .page-customers .google_map, .page-insights .google_map {
        background: #0756AF !important;
    }
    .page-customers .content_layout .row{ margin-bottom: 20px;}

    .google_map .contact-call {
        text-align: center
    }

    .google_map .contact-call h1 {
        font-size: 2.9em;
        font-weight: 100;
    }

    .google_map .contact-call a, .button-call {
        font-size: 1em;
        background-color: #000066;
        border: 1px solid #3c3c3c;
        font-weight: bold;
        color: white;
        padding: 18px 20px;
        box-sizing: border-box
    }

    .google_map .contact-call a:focus, .google_map .contact-call a:hover {
        background-color: #002764;
        padding: 17px 19px;
        font-size: 0.95em;
    }

    .google_map .contact-call p {
        margin-bottom: 25px;
    }

    .google_map .store-item {
        display: inline-block;
        width: 48%
    }

    .google_map .store {
        display: block;
        margin-top: 30px;
    }

    .google_map .col-md-8 {
        padding-left: 40px
    }

    /*Credit Link*/
    .credit-link {
        text-align: left;
    }

    /*Social Media*/
    .social-media {
        margin: 10px 0;
        overflow: hidden;
        float: left;
    }

    .social-media a {
        width: 25px;
        height: 25px;
        color: #fff;
        float: left;
        margin: 0 10px 0 0;
        text-align: center;
        background: #3262b9;
        line-height: 220%;
        font-size: 0.75em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .social-media a.google-plus {
        background: #de2020;
    }

    .social-media a.twitter {
        background: #29C5F6;
    }

    .social-media a.linkedin {
        background: #069;
    }

    .social-media a.pinterest {
        background: #C61118;
    }

    .social-media a.rss {
        background: #fffc00;
    }

    .social-media a:hover {
        opacity: .6;
    }

    /*Form*/
    input, button, select, textarea {
        padding: 6px;
        border: 1px solid #e3e3e3;
    }


    .contact-message-form label {
        display: none;
    }

    .contact-message-form{
        margin-right: 10px;
        padding-right: 20px;
    }

    .contact-message-form, #block-socialmedialinksblock {
        display: inline-block;
    }

    #block-socialmedialinksblock {
        padding: 20px 10px;
        vertical-align: top;
    }

    .social-media-links{
        margin-bottom: 30px;
    }

    .social-media-links a{
        margin: 7px;
        font-size: 1.2em;
        display: inline-block;
        width: 1.7em;
        height: 1.7em;
        text-align: center;
        border-radius: 17px;
        color: #fff;
        line-height: 175%;
        vertical-align: middle;
        background: #d6249f;

    }
    .social-media-links a.instagram{
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    }
    .social-media-links a.facebook{
        background: #3b5998;
    }
    .social-media-links a.snapchat{
        background: #fffc00;
    }
    .social-media-links a.linkedin{
        background: #069;
        background: #069;
    }
    .social-media-links a.twitter{
        background: #29C5F6;
    }

    #block-addressesdetailsblock{
        margin-top: 35px;
        margin-bottom: 45px;
    }
    #block-addressesdetailsblock p{
        text-align: left;
    }

    .bd-r{
        border-right: solid 1px #e0dfe3;
    }

    img.mg-r-10{
        margin: 10px 20px 20px 0 ;
        width: 40%;
    }


    .page-contact-us p{
        margin-bottom: 5px;
    }

    #list-1 li, .list-2 li{
        list-style: inside;
        margin-bottom: 5px;
    }
    #list-1 li{
        list-style: lower-roman;
    }
    .list-2 li{
        list-style: lower-latin;
    }

    .btn, input[type="submit"] {
        background: #fd2626;
        color: #fff;
        border: 0;
        padding: 10px 15px;
        line-height: 100%;
        border-radius: 0;
    }

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

    /*Comment*/
    .comment-wrap {
        overflow: hidden;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #F5F5F5;
    }

    .comment-wrap .author-details {
        float: left;
        width: 20%;
    }

    .comment-wrap .author-comments {
        padding-left: 5px;
        float: left;
        width: 80%;
    }

    .comment-wrap .author-comments h3 {
        margin-top: 10px;
    }

    .comment-wrap .author-comments p {
        margin-bottom: 10px;
    }

    .comment-submitted {
        padding: 5px 10px;
        border: 1px solid #eee;
        display: inline-block;
        line-height: 100%;
    }

    /*links Inline*/
    ul.links.inline li {
        display: inline-block;
        /*padding-right: 10px;*/
    }

    /*Sidebar Block*/
    .sidebar .region h2.title {
        /*padding: 10px 0;*/
        margin: 0;
    }

    .sidebar .region .content {
        /*padding: 10px 0;*/
    }

    /*Markup generated by Form API.*/
    .form-item, .form-actions {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    tr.odd .form-item, tr.even .form-item {
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-composite > .fieldset-wrapper > .description, .form-item .description {
        font-size: 0.70em;
        line-height: 150%;
    }

    label.option {
        display: inline;
        font-weight: normal;
    }

    .form-composite > legend, .label {
        display: inline;
        font-size: inherit;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .form-checkboxes .form-item, .form-radios .form-item {
        margin-top: 0.4em;
        margin-bottom: 0.4em;
    }

    .marker {
        color: #e00;
    }

    abbr.tabledrag-changed, abbr.ajax-changed {
        border-bottom: none;
    }

    .form-item input.error, .form-item textarea.error, .form-item select.error {
        border: 2px solid red;
    }

    /* Testimonials */
    .testimonials-wrap {
        background: #1994ed;
        border-bottom: solid 1px #e3e3e3;
        font-size: 1em;
        line-height: 160%;
    }

    .region-testimonials {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .region-testimonials .cus-menu {
        width: 24%;
        display: inline-block
    }

    .region-testimonials .cus-menu p {
        text-align: center
    }

    .path-frontpage .region-content {
        text-align: center;
    }

    .path-frontpage .region-content p {
        text-align: center;
    }

    .bannerTitle {
        font-size: 2.6em;
        font-weight: 600;
        margin-bottom: 0;
    }

    .services-grid {
        margin-top: 5px;
    }

    .services-grid .views-col {
        padding: 20px;
        background-color: #f1f1f1;
        width: 23% !important;
        border-radius: 5px;
        margin: 0 1%;
    }

    .services-grid .views-col a {
        font-weight: 600;
        color: #F26522;
        font-size: 1.1em
    }

    .region-testimonials a {
        display: block;
        text-align: center;
        padding: 30px 20px;
        color: white;
        font-weight: bold;
    }

    .region-testimonials a img {
        max-height: 54px;
        max-width: 74px;
        margin-bottom: 5px;
    }

    .region-testimonials .customer-menu {
        text-align: center
    }

    .region-testimonials a:hover, .region-testimonials a:focus {
        background-color: #0a011c
    }

    .region-testimonials .block, .region-testimonials p {
        margin: 0
    }


    .testimonials-pic {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 10px;
    }

    .testimonials-pic img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .testimonials-author {
        padding: 0 5px;
        font-size: .75em;
        color: #555;
    }

    /*Top Widget*/
    .topwidget {
        padding: 20px 0;
        text-align: center;
        border-top: 1px solid #f7f7f7;
        border-bottom: 1px solid #f7f7f7;
    }

    /*Front Page*/
    .path-frontpage .feed-icon {
        display: none;
    }

    .path-frontpage .content_layout {
        text-align: left;;
        margin: 0 auto;
        padding: 20px 0;
        overflow: hidden;
    }

    /*Region Homepage Message*/
    .region-homepagemessage {
        padding: 20px 0;
        text-align: center;
        max-width: 750px;
        margin: 0 auto;
    }

    .region-homepagemessage p, .region-homepagemessage .block {
        margin: 0;
    }

    /*Address*/
    .address-wrap {
        color: #fff;
        text-align: center;
        padding: 20px 0;
        background: url('../images/world-map.png?1521998100') #001238 center no-repeat;
    }

    .address-wrap h2 {
        color: #fff;
        font-size: 2.1em;
        font-weight: bold;
    }

    .region-address .container {
        padding: 0 5%
    }

    .region-address .container p {
        text-align: center
    }


    /*Bottom Widgets*/
    .bottom-widgets {
        text-align: center;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .bottom-widgets .block h2.title {
        margin: 5px 0 10px 0;
    }

    .bottom-widgets .row > div {
        border-right: 1px solid #f7f7f7;
    }

    .bottom-widgets .row > div:last-child {
        border: 0;
    }

    .path-frontpage .bottom-widgets {
        padding: 20px 0;
    }

    /*Header*/
    .main-header {
        background-size: cover;
        position: sticky;
        position: -webkit-sticky;
        top:0px;
        z-index: 2000;
        background: white;
    }

    .main-header nav {
        border: 0;
        margin: 0;
        position: relative;
        min-height: auto;
        border-radius: 0;
    }

    .main-header .region {
        position: relative;
    }

    .main-header .block {
        margin: 0;
    }

    /*Region Header*/
    .headerlogo {
        display: inline;
        max-width: 200px;
        float: left;
    }

    .site-branding {
        margin: 0;
    }

    .brand.logo {
        margin-right: 3px;
        max-width: 180px
    }

    .region-header .brand {
        display: inline-block;
        vertical-align: middle;
        color: #444444;
        line-height: 120%;
        font-size: 1.3em;
    }

    .region-header .brand a {
        color: #444444;
    }

    .region-header .brand .site-branding__slogan {
        font-size: .7em;
    }

    .region-contact-email .block {
        margin: 5px 0;
    }

    .region-contact-email p {
        margin: 0;
        line-height: 120%;
    }

    /*Search Form*/
    .searchbar {
        position: relative;
        float: right;
    }

    .search-block-form {
        margin: 0 auto;
    }

    .region-search {
        clear: both;
        padding: 6px 0;
    }

    #search-block-form {
        display: table;
        width: 100%;
    }

    #search-block-form .form-item, #search-block-form .form-actions {
        display: table-cell;
        vertical-align: top;
    }

    #search-block-form input.form-submit {
        background: url('../images/search.png?1521998100') no-repeat center #ea1616;
        font-size: 0;
        width: 100%;
        height: 30px;
        vertical-align: top;
    }

    #search-block-form input {
        width: 100%;
        height: 30px;
    }

    /*Breadcrumb*/
    .breadcrumb {
        font-size: .85em;
        background: none;
        padding: 10px 0 0 0;
        margin: 0;
    }

    .breadcrumb ul {
        padding: 0;
        margin: 0;
    }

    .page-insights .views-row{
        margin-bottom: 40px;
    }

    .breadcrumb ul li {
        display: inline-block;
    }

    .breadcrumb ul li:last-child span {
        display: none;
    }

    /* Home Banner Message*/
    .home-banner-wrapper{
        position: relative;
        height: auto;
        /*max-height: 790px;*/
        overflow: hidden;
    }
    .home-banner{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 300;
        width: 55%;
        padding: 15px;
        min-height: 100%;
        background: url('../images/home-banner-bg.png') no-repeat;
        background-size: 100% 100%;
        color: white;
    }

    .home-banner h1{
        color: white;
        font-size: 3.5vw;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 15px;
    }
    .home-banner h2{
        color: white;
        font-weight: 400;
    }
    .home-banner a {
        margin-left: 30px;
        padding: 15px 40px;
        background: darkcyan;
        font-weight: 600;
        font-size: 1em;
        border-radius: 7px;
    }
    .home-banner P{
        text-align: left;
    }





/*Flexslider*/
    .flexslider {
        border: 0;
        margin: 0;
    }

    .flexslider .slider-caption {
        display: none;
        position: absolute;
        top: 25%;
        right: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        font-size: 1em;
        line-height: 150%;
    }

    .flexslider h2 {
        font-weight: bold;
        font-size: 1.3em;
        display: inline-block;
        padding: 15px 20px;
        text-transform: uppercase;
    }

    .flexslider .slider-description {
        display: none;
        clear: both;
        background: #444444;
        background: rgba(68, 68, 68, 0.71);
        color: #fff;
        padding: 5px 10px;
        margin-bottom: 10px;
    }

    .flexslider .more-link {
        display: none;
        padding: 8px 10px;
        font-size: .75em;
    }

    .flexslider .slides li {
        position: relative;
    }

    .flexslider .flex-direction-nav {
        display: none;
        position: absolute;
        top: 50%;
        left: 30%;
        width: 60%;
    }
    .flexslider .flex-direction-nav li {
       list-style: none;
    }


    .flexslider .flex-direction-nav a {
        font-size: 0;
        padding: 10px;
    }

    .flexslider .flex-control-paging li a {
        width: 8px;
        height: 8px;
        display: block;
        background: #fff;
        cursor: pointer;
        text-indent: -9999px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .flexslider .flex-control-nav {
        bottom: 0;
    }

    /*Menu*/
    .navbar-default .navbar-toggle {
        z-index: 999;
        margin-right: 0;
        border: 0;
        border-radius: 0;
        color: #fff;
        background: none;
    }

    .navbar-default .navbar-toggle .icon-bar {
        display: block;
        width: 35px;
        height: 3px;
        border-radius: 1px;
        background-color: white;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: none;
    }

    .topnav {
        padding: 7px 7% 7px 15%;
        background-color: #002764;
        z-index: 302;
    }

    nav h2 {
        display: none;
    }

    .menu-base-theme {
        background: none;
    }

    .menu-base-theme ul {
        background: #1563bf
    }

    .menu-base-theme li a {
        color: white;
        border-bottom: 1px solid #EEF0F7;
        line-height: 100%;
        padding: 15px 20px;
    }

    .menu-base-theme li a:hover, .menu-base-theme li a:focus, .menu-base-theme li a:active, .menu-base-theme li a.highlighted {
        background: none;
        color: #fd2626;
        line-height: 100%;
        padding: 15px 20px;
        border-bottom: 1px solid red;
    }

    .menu-base-theme li a.sub-arrow {
        color: #999;
        font-size: 22px;
        padding: 5px;
        border-radius: 2px;
        border: 1px solid #DCDCDC;
        background: #EFEFEF;
    }

    .menu-base-theme li a span.sub-arrow {
        line-height: 100%;
        font-size: 2em;
    }

    .region-primary-menu {
        display: none;
        border-radius: 3px;
        width: 100%;
    }

    /*Footer Menu*/
    .footer-menu {
        margin: 0;
        border: 0;
        background: #140140;
        color: #fff;
    }

    .region-footer-menu ul {
        margin: 10px 0;
        padding: 0;
    }

    .region-footer-menu nav li {
        display: inline-block;
    }

    .region-footer-menu nav li a {
        display: block;
        padding: 2px 15px 2px 0;
    }

    /*Top Menu*/
    .top-menu {
        text-align: center;
        font-size: 0.8em;
        background: #1563bf;
    }

    .region-top-menu {
        padding: 0.4em 0
    }

    .region-top-menu ul {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .region-top-menu nav li {
        display: inline-block;
    }

    .region-top-menu nav li a {
        display: block;
        padding: 2px 5px;
    }

    .region-top-menu p, .region-top-menu p a {
        margin: 0;
        color: white;
    }

    .region-top-menu .block {
        margin: 0;
        text-align: right;
    }

    /*highlighted*/
    .highlighted-wrapper {
        margin-bottom: 10px;
        background: url('../images/banner.jpg') center no-repeat;
        min-height: 600px;
    }
    .page-about .highlighted-wrapper {
        background: url('../images/about-page-Banner-lg.jpg') center no-repeat;
    }
    .page-company .highlighted-wrapper {
        background: url('../images/company-page-Banner-lg.jpg') center no-repeat;
    }

    .page-contact-us .highlighted-wrapper {
        background: url('../images/contact-page-Banner-lg.jpg') center no-repeat;
    }
    .page-services .highlighted-wrapper {
        background: url('../images/services-page-Banner-lg.jpg') center no-repeat;
    }
    .page-customers .highlighted-wrapper {
        background: url('../images/customer-page-Banner-lg.jpg') center no-repeat;
    }

    .page-partners .highlighted-wrapper {
        background: url('../images/partner-page-Banner-lg.jpg') center no-repeat;
    }

    .page-node-type-services-details .highlighted-wrapper {
        margin-bottom: 10px;
        background: url('../images/banner.jpg') center no-repeat;
        min-height: 400px;
    }
    .page-services-plass .highlighted-wrapper {
        background: url('../images/services-plaas-Banner-lg.jpg') center no-repeat;
    }
    .page-services-caas .highlighted-wrapper {
        background: url('../images/services-caas-Banner-lg.jpg') center no-repeat;
    }
    .page-services-otthosting .highlighted-wrapper {
        background: url('../images/services-otthosting-Banner-lg.jpg') center no-repeat;
    }
    .page-services-sams .highlighted-wrapper {
        background: url('../images/services-sams-Banner-lg.jpg') center no-repeat;
    }

    .region-highlighted .about-banner {
        color: white;
        font-size: 1.1em;
        display: block;
        font-weight: 100;
        width: 70%;
        position: relative;
        bottom: -110px;
        padding: 50px;
        min-width: 500px;
        max-width: 610px;
        /*opacity: 0.93;*/
    }
    .page-node-type-services-details  .region-highlighted .about-banner {
        color: black;
        position: absolute;
        top: 250px;
        padding: 40px 0 0 0;
    }
    .page-node-type-services-details  .region-highlighted .about-banner h1 {
        color:#000066;
    }
    .region-highlighted .about-banner h1 {
        color: white;
        font-size: 3em;
        line-height: 120%;
        font-weight: 100;
    }

    .region-highlighted {
        position: relative;
        min-height: 250px;
    }

    /*content layout*/
    .content-layout {
    }

    .customer-layout .row {
        margin-bottom: 30px;
    }

    img.telco-logo{
        width: 28%;
        margin-right: 10px;
    }

    .insight-preview article > h2{
        font-size: 1.9em;
    }

    /*Add to any share buttons*/

    .addtoany_list.a2a_kit_size_32 a > span{
        line-height: 32px !important;
    }

    .addtoany_list{
        line-height: 3px !important;
    }
    .a2a_button_facebook_like{
        width: 70px !important;
    }

    /*Scheme Color*/
    .top-menu, .footer-menu, .highlighted-wrapper {
        background-color: #07113d
    }

    .profile-container {
        margin: 35px 0 40px 0;
    }

    .profile-container h2, .profile-container h3, .profile-container h4 {
        margin-bottom: 0;
        line-height: 120%
    }

    .profile-container h2 {
        font-weight: bold
    }

    .profile-container h1 {
        margin-bottom: 25px;
        text-align: center;
    }

    .profile-container .img-holder img {
        width: 90%
    }

    .profile-container .description p {
        text-align: justify
    }

    .profile-container .mt-5 {
        margin-top: 30px;
        padding-top: 30px;
        border-top: solid 1px #e0dfe3
    }


    /*Demo Typography*/
    .bd-example {
        position: relative;
        padding: 20px;
        border: 2px solid #f7f7f9;
    }

    .highlight {
        padding: 20px;
        background-color: #f7f7f9;
    }

    .highlight pre {
        border: 0;
        background: none;
    }

    .bd-example-type h1, .bd-example-type h2, .bd-example-type h3, .bd-example-type h4, .bd-example-type h5, .bd-example-type h6 {
        margin: 0;
    }

    .bd-example-type .table td {
        padding: 15px 0;
        border-color: #eee;
    }

    .bd-example-type .table tr:first-child td {
        border-top: 0;
    }

    /*----------------------------
        Contact page
    -----------------------------*/
    .contact-message-feedback-form {
        max-width: 650px;
        margin: 0 auto;
        border: 1px solid #E9E8ED;
        padding: 10px 20px;
        background: #FDFDFD;
    }

    .contact-message-feedback-form .form-text, .contact-message-feedback-form .form-email, .contact-message-feedback-form .form-textarea {
        width: 100%;
    }

    /*----------------------------
        User Login Form
    -----------------------------*/
    .user-login-form, .user-form, .user-pass {
        max-width: 500px;
        margin: 40px auto;
        border: 1px solid #e6e6e6;
        padding: 5px 20px;
        background: #fdfdfd;
    }

    .user-login-form .form-text, .user-login-form .form-email, .user-form .form-text, .user-form .form-email, .user-pass .form-text, .user-pass .form-email {
        width: 100%;
    }

    .form-composite > .fieldset-wrapper > .description, .form-item .description {
        color: #999;
        font-style: italic;
    }


    /*----------------------------
        Maintainance
    -----------------------------*/
    .maintenance-page {
        background: url('../images/maintenance-bg.png?1521998100') #66cbff center no-repeat;
        color: #fff;
        text-align: center;
        padding-top: 220px;
        padding-bottom: 100px;
        color: #000;
    }

    .maintenance-page .brand, .maintenance-page .name-and-slogan {
        display: inline-block;
        vertical-align: middle;
    }

    .maintenance-page .site-name a {
        color: #404040;
    }

    .maintenance-page .site-slogan, .maintenance-page .name-and-slogan {
        display: none;
    }

    .maintenance-msg {
        margin: 20px 0;
        background: rgba(242, 244, 207, 0.88);
        padding: 20px 30px;
        display: inline-block;
        color: #404040;
        border: 1px solid #fff;
        box-shadow: 5px 5px 0px #fff;
    }

    .maintenance-msg h1 {
        text-transform: uppercase;
        font-weight: bold;
    }

    /*----------------------------
        Profile Page
    -----------------------------*/
    .path-user .profile > div {
        display: inline-block;
    }

    .path-user .profile .label {
        display: block;
        color: #333;
    }

    .panel-default > .panel-heading{
        background: none;
        border: none;
    }

    .panel-default{
        border-color: #c427ea;
    }

    .panel-title > a, .panel-title > a:active {
        display: block;
        color: #555;
        padding: 2px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        word-spacing: 3px;
        text-decoration: none;
    }

    .panel-heading a:before {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: right;
        transition: all 0.5s;
    }

    .panel-heading.active a:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .panel-heading {
        padding: 5px;
        border-color: #2a93ef;
    }

    /* Popup CSS only */
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 100ms;
    visibility: hidden;
    opacity: 0;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
    z-index: 2000;
}

.popup {
    margin: 70px auto;
    padding: 40px;
    background: #fff;
    border-radius: 5px;
    width: 55%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup .close {
    position: absolute;
    top: 10px;
    right: 20px;
    transition: all 200ms;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #970f00;
}


 .img-holder a:hover, .img-holder a:focus {
    opacity: 0.8;
}

/*Ecosystem Page*/
.page-ecosystem .region-content div.row{ margin: 20px 0;}
.box{ width:100%; max-width: 700px; position: relative; display: inline-block; }
.popcircle ul{ list-style:none; padding:0px; margin: 0px; height: auto; cursor: pointer;}
.popcircle ul li{height:17%; width: 17%; position: absolute; list-style: none; z-index: 9; }
.popcircle ul li:hover, .popcircle ul li:focus, .popcircle ul li:active, .active-now {background-color: #0a7bc1; opacity: 0.5; border-radius: 50%}
.text{display: none;} .first{display: block}
span.text:target{display: block;}
.eco-txt{margin: 50% 5%} .eco-txt p{text-align: left} .eco-txt h2{ font-size: 1.5em; font-weight: 400;}