/* 
Theme Name: quali
Theme URI: http://underscores.me/
Author: Webenertia
Author URI: http://www.webenertia.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quali
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

quali is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html {
    font-family: "proxima-nova",sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
/*    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;  For some Androids */
}

body {
    margin: 0;
    font-family: "proxima-nova",sans-serif;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button:focus{
    outline: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
    outline: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 300;
    opacity: 1;
}

::-moz-placeholder {
    color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 300;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 300;
    opacity: 1;
}

:-moz-placeholder {
    color: #fff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 300;
    opacity: 1;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

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

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-family: "proxima-nova",sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0;
}

h1{
    text-transform: capitalize;
}

blockquote {
    margin: 0 1.5em;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
    color: #2d3e50;
}

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

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: top;
    border: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

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

h1, h2, h3, h4, h5, h6, p, ol, ul, li, 
fieldset, form, label, 
tbody, tr, th, td,
figure, header, footer,
menu, nav, section,
audio, video, button{
    margin: 0;
    padding: 0;
    border: 0;
}

h1{
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
}

h2{
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.5;
}

h3{
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
}

h4{
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
}

h5{
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}

h6{
    font-family: "proxima-nova",sans-serif;
    font-weight: 300;
    font-size: 16px;
}

p{
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}

a{
    color: #0095d4;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}

hr{
    border: 0;
    border-top: 1px solid #cecece;
}

button:focus,
input:focus{
    outline: none;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


.button-default{
    display: inline-block;
    text-align: center;
    background: #0095d4;
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    text-decoration: none;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 0px #00649f;
    -moz-box-shadow: 0px 2px 0px #00649f;
    box-shadow: 0px 2px 0px #00649f;
    border: 0;
}

.button-red{
    background: #e74c39;
    -webkit-box-shadow: 0px 2px 0px #953125;
    -moz-box-shadow: 0px 2px 0px #953125;
    box-shadow: 0px 2px 0px #953125;
}

.learn-more,
.learn-more-transparent,
.learn-more-blue-arrow{
    display: inline-block;
    font-family: "proxima-nova",sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #0095d4;
    position: relative;
}

.learn-more:after,
.learn-more-transparent:after,
.learn-more-blue-arrow:after{
    content: "";
    background: url(../images/learn_arrow_blue.png);
    width: 17px;
    height: 17px;
    position: absolute;
    right: -25px;
    top: 6px;
    background-repeat: no-repeat;
}

.learn-more-transparent,
.learn-more-blue-arrow{
    color: #fff;
}

.learn-more-transparent:after{
    background: url(../images/learn_arrow_transparent.png);
}

.learn-more-blue-arrow:after{
    background: url(../images/learn_arrow_white.png);
}

.container{
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1280px;
}

.container-outer{
    max-width: 100%;
    padding: 20px 20px;
    margin: 0px auto;
    width: 100%;
}

.unstretch{
    max-width: 1400px;
    padding: 20px 20px;
    margin: 0px auto;
    width: 100%;
}

section{
    width: 100%;
    position: relative;
    padding: 40px 0;
    float: left;
}

.container-outer:after,
.container:after,
header:after,
.col-two:after,
.col-three:after,
.col-four:after,
.three-col-row:after, 
ul:after,
.col-three-outer:after,
section:after,
.grid-content-row:after,
.search-inner:after,
.subscribe-block:after,
.resource-row:after,
.resource-select-list label:after,
.blog-wraper:after,
.search-wrap:after,
.search-post-outer:after,
.sub-menu-inner:after{
    content: "";
    clear: both;
    display: block;
}

.col-two{
    width: 50%;
    float: left;
    position: relative;
    height: 100%;
}

.col-three{
    width: 33.33%;
    float: left;
    position: relative;
    height: 100%;
}

.clearLast:nth-child(3n+1)
{        
    width: calc(100% / 3);
    clear: both;
}

.col-four{
    width: 25%;
    float: left;
    position: relative;
    height: 100%;
}

.blue-bg{
    background-color: #0194d3;
    background-color: #1e7eb5\9;
}

.grey-bg{
    background-color: #e9e9e9;
}

.text-right{
    text-align: right;
}

.text-left{
    text-align: left;
}

.text-center{
    text-align: center;
}

.left{
    float: left;
}

.right{
    float: right;
}

.bg-img{
    overflow: hidden;
}

.bg-img img {
    width: 100%;
    position: relative;
}

.v-middle-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.v-middle-inner{
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}


@media screen and (min-width: 768px) {
    .v-middle-height80 {
        height: 80%;
    }    
}


.v-middle{
    display: table-cell;
    vertical-align: middle;
}

.no-padding{
    padding: 0 !important;
}

.no-padding-top{
    padding-top: 0 !important;
}

.no-padding-bottom{
    padding-bottom: 0 !important;
}

.no-margin-bottom{
    margin-bottom: 0 !important;
}

.no-margin{
    margin: 0 auto;
}
.padding-bottom-39 {
    padding-bottom: 39px;
}

.margin20{
    margin: 20px auto;
}

.content-800{
    max-width: 800px;
    width:100%;
    margin: 0 auto;
    padding: 0 20px;
}
.content-900 {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.content-850{
    max-width: 850px;
    width:100%;
    margin: 0 auto;
}

.content-730{
    max-width: 730px;
    width:100%;
    margin: 0 auto;
    padding: 0 20px;
}

.content-1000{
    max-width: 1040px;
    width:100%;
    margin: 0 auto;
    padding: 0 20px;
}

.padding-100{
    padding: 100px 0;
}

.padding-30{
    padding: 30px 0 !important
}

/**
 * Hover effects
 **/

.learn-more:before,
.learn-more-blue-arrow:before,
.learn-more-transparent:before
{
    content:'';
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    bottom: -5px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease;
}

.learn-more:hover:before,
.learn-more-blue-arrow:hover:before,
.learn-more-transparent:hover:before{
    opacity: 1;
    width: calc(100% + 25px);
}

.learn-more:hover:before{
    background: #0095d4;
}

.video-btn,
.button-default{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.video-btn:hover{
    background: #00649f url(../images/arrow-right.png) no-repeat 56% 50%;
}

.button-default:hover{
    background: #00649f;
}

.video-btn:hover,
.button-default:hover{
    -webkit-box-shadow: 0px 2px 0px #00649f;
    -moz-box-shadow: 0px 2px 0px #00649f;
    box-shadow: 0px 2px 0px #00649f;
}

.button-red:hover{
    background: #953125;
    -webkit-box-shadow: 0px 2px 0px #953125;
    -moz-box-shadow: 0px 2px 0px #953125;
    box-shadow: 0px 2px 0px #953125;
}

.footer-links li a:before{
    content:'';
    position: absolute;
    width: 0;
    height: 2px;
    background: #0095d4;
    bottom: -5px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.footer-links li a:hover:before{
    opacity: 1;
    width: 100%;
}


/**
 * max-width 1399px and min width 1281px
 **/

@media screen and (max-width: 1399px) and (min-width:1281px){
    h1{
        line-height: 1.4
    }

    h2{
        line-height: 1.4
    }

    h3{
        line-height: 1.4
    }

    h4{
        line-height: 1.4
    }

    h5{

        line-height: 1.4
    }

    h6{

        line-height: 1.4
    }

    p{
        line-height: 1.4;
    }

}

/**
 * max-width 1280px and min width 1024px
 **/

@media screen and (max-width: 1280px) and (min-width:1024px){
    h1{
        font-size: 36px;
        line-height: 1.4
    }

    h2{

        font-size: 36px;
        line-height: 1.4
    }

    h3{

        font-size: 32px;
        line-height: 1.4
    }

    h4{

        font-size: 26px;
        line-height: 1.4
    }

    h5{

        line-height: 1.4
    }

    h6{

        line-height: 1.4
    }

    p{
        line-height: 1.4;
    }

}

/**
 * max-width 1023px and min width 768px
 **/

@media screen and (max-width: 1023px) and (min-width:768px){
    h1{
        font-size: 32px;
        line-height: 1.4
    }

    h2{

        font-size: 32px;
        line-height: 1.4
    }

    h3{

        font-size: 26px;
        line-height: 1.4
    }

    h4{

        font-size: 24px;
        line-height: 1.4
    }

    h5{
        font-size: 18px;
        line-height: 1.4
    }

    h6{

        line-height: 1.4
    }

    p{
        line-height: 1.4;
    }
    .button-default{
        padding: 10px 15px;
    }
}

/**
 * max-width 767px and min width 480px
 **/

@media screen and (max-width: 767px) and (min-width:481px){

    h1{
        font-size: 28px;
        line-height: 1.4
    }

    h2{

        font-size: 28px;
        line-height: 1.4
    }

    h3{

        font-size: 24px;
        line-height: 1.4
    }

    h4{

        font-size: 22px;
        line-height: 1.4
    }

    h5{
        font-size: 16px;
        line-height: 1.4
    }

    h6{
        font-size: 15px;
        line-height: 1.4
    }

    p{
        font-size: 15px;
        line-height: 1.4;
    }
    .button-default{
        padding: 7px 15px;
        font-size: 14px;
    }
    .learn-more,
    .learn-more-transparent,
    .learn-more-blue-arrow{
        font-size: 14px;
    }
    
    }

/**
 * max-width 640px and min width 481px
 **/

@media screen and (max-width: 640px) and (min-width:481px){
    .col-two,
    .col-three,
    .col-four{
        width: 100%;
    }
}
/**
 * max-width 480px
 **/

@media screen and (max-width: 480px){

    h1{
        font-size: 24px;
        line-height: 1.4
    }

    h2{

        font-size: 24px;
        line-height: 1.4
    }

    h3{

        font-size: 20px;
        line-height: 1.4
    }

    h4{

        font-size: 18px;
        line-height: 1.4
    }

    h5{

        font-size: 16px;
        line-height: 1.4
    }

    h6{

        font-size: 14px;
        line-height: 1.4
    }

    p{
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .button-default{
        padding: 7px 15px;
        font-size: 12px;
    }
    .learn-more,
    .learn-more-transparent,
    .learn-more-blue-arrow{
        font-size: 14px;
    }
    .col-two,
    .col-three,
    .col-four{
        width: 100%;
    }
    .clearLast:nth-child(3n+1) {
        width: 100%;        
    }
    
}

/*
* Ng animate classes
*/

.event-repeated{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.event-repeated.ng-enter, .event-repeated.ng-move {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -ms-transform: translateY(220px);
    -o-transform: translateY(220px);
    -moz-transform: translateY(220px);
    -webkit-transform: translateY(220px);
    transform: translateY(220px);
    opacity: 0;
}

.event-repeated.ng-enter.ng-enter-active,
.event-repeated.ng-move.ng-move-active {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    opacity: 1;
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.event-repeated.ng-leave {
    overflow: hidden;
    animation: 0.7s animation_leave linear;
    -ms-animation: 0.7s animation_leave linear;
    -o-animation:  0.7s animation_leave linear;
    -webkit-animation: 0.7s animation_leave linear;
    -moz-animation: 0.7s animation_leave linear;
}

.animate-show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.animate-show.ng-hide {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
/* Webkit */
@-webkit-keyframes animation_leave {
    0%   { opacity:1;
           height:210px;
           padding:20px 0px;
           -webkit-transition: all 0.7s linear;
    }
    20%{
        opacity:0.5;
    }
    50%{
        opacity:0.3
    }

    100% { opacity:0;
           height:0px;
           padding:0px;
           -webkit-transition: all 0.7s linear;
    }
}
/* Mozilla Firefox */
@-moz-keyframes animation_leave {
    0%   { 
        opacity:1;
        max-height:210px;
        padding:20px 0px;
        -moz-transition: all 0.7s linear;
    }
    20%{
        opacity:0.5;
    }
    50%{
        opacity:0.3
    }

    100% { 
        opacity:0;
        max-height:0px;
        padding:0px;
        -moz-transition: all 0.7s linear;
    }
}

@-ms-keyframes animation_leave {
    0%   { 
        opacity:1;
        max-height:210px;
        padding:20px 0px;
        -ms-transition: all 0.7s linear;
    }
    20%{
        opacity:0.5;
    }
    50%{
        opacity:0.3
    }

    100% { 
        opacity:0;
        max-height:0px;
        padding:0px;
        -ms-transition: all 0.7s linear;
    }
}

@-o-keyframes animation_leave {
    0%   { 
        opacity:1;
        max-height:210px;
        padding:20px 0px;
        -o-transition: all 0.7s linear;
    }
    20%{
        opacity:0.5;
    }
    50%{
        opacity:0.3
    }

    100% { 
        opacity:0;
        max-height:0px;
        padding:0px;
        -o-transition: all 0.7s linear;
    }
}

@keyframes animation_leave {
    0%   { 
        opacity:1;
        max-height:210px;
        padding:20px 0px;
        transition: all 0.7s linear;
    }
    20%{
        opacity:0.5;
    }
    50%{
        opacity:0.3
    }

    100% { 
        opacity:0;
        max-height:0px;
        padding:0px;
        transition: all 0.7s linear;
    }
}

/* Fix for search results */
.left .search-results {
 text-align: left !important;
}

/******************** Start HD CSS ********************/

#hd-sticky-navigation .dropdown-search,
#hd-sticky-navigation .header-wrap{
    position: fixed;
}
#hd-sticky-navigation .header-wrap .main-navigation{
    background-image: url('../images/cta_banner.jpg');
    background-size: cover;
}
/********************* End HD CSS *********************/










/* Blog detail page image set */
.blog-details img.alignright {
    float: right;
    margin-left: 16px;
}

.blog-details img.alignleft{
    float: left;
    margin-right: 16px;
}

/**
 *  CTA Banner Section
 ***/

.cta-banner {
    color:white;
}

.cta-banner .container {
    max-width: 1280px;
}

.cta-banner .bg-img {
    max-height: 300px;
    overflow: hidden;
}
.customer-cta .bg-img {
    max-height: 251px;

}

.cta-banner h3{
    text-transform: uppercase;
}

.cta-banner .button-default:last-child {
    margin: 0 0 0 6px;
}

.cta-banner .v-middle.text-left {
    width: 65.17%;
    padding: 0 30px 5px 0;
}

.cta-banner .v-middle.text-right {
    padding-bottom: 8px;
}

.banner-second-level.aboutQ .video-button {
    left: calc(50% + 24px);
}

@media screen and (max-width: 1023px) {
    .cta-banner .v-middle.text-right {
        width: 100%;
        padding: 0 9px 0 0;
        display: block;
        text-align: center;
    }
    .cta-banner .v-middle-inner {
        display: block;
    }

    .cta-banner .v-middle.text-left {
        width: 100%;
        padding: 0 0 20px 0;
        display: block;
        text-align: center;
    }
}


@media screen and (max-width: 1023px) and (min-width:768px){
    .cta-banner .container {
        padding: 75px 10px;
    }
}

@media screen and (max-width: 767px) and(min-width: 481px){
    .cta-banner .v-middle.text-left {
        padding-bottom:27px;
    }
    
}


@media screen and (max-width: 767px) and (min-width: 481px){
    .cta-banner .text-right .button-default {
        padding: 6px 10px;
    }
    .cta-banner .container {
        padding: 63px 10px;
    }
    .cta-banner .bg-img {
        max-height: 250px;
    }

    /*    .cta-banner {
            max-height: 250px;
        }*/
}

@media screen and (max-width: 480px) {
    .cta-banner .text-right .button-default {
        padding: 6px 10px;
    }
    .cta-banner .container {
        padding: 50px 10px;
    }
    .cta-banner .bg-img {
        max-height: 225px;
    }
    /*    .cta-banner {
            max-height: 225px;
        }*/
    
    .blog-details img.alignright,
    .blog-details img.alignleft{
        float: none;
        margin: auto;
    }
}

@media screen and (max-width: 480px) {
    .cta-banner .v-middle.text-left {
        padding-bottom:15px;
    }
    
    .banner-second-level.aboutQ .video-button {
        left: calc(50% + 34px);
        width: 216px;
    }
}

/**
*  Footer Section
**/

.footer{
    padding: 0;
}
.footer .footer-nav{
    background: #e9e9e9 url("../images/footer_side_logo.png") no-repeat;
    padding-top: 38px;
    padding-bottom: 0;
    font-family: "proxima-nova",sans-serif;
    font-weight: 500;
    background-size: contain;
}

.footer .col-four-outer
{
    padding-bottom: 57px;
    float: left;
    width: 100%;
}

.footer .bottom-footer{
    background: #0095d4;
}

.footer .bottom-footer .copyrights{
    display: inline-block;
    padding: 5px 0px;

}

.footer .bottom-footer .copyrights:first-child{
    padding-right: 20px;
}

.footer .bottom-footer .copyrights p{
    color: #fff;
    /*font-weight: 700;*/
    font-size: 14px;
    margin-bottom: 0;
}

.footer .bottom-footer .copyrights a{
    color: #fff;
    /*font-weight: 700;*/
    border-left: 1px solid #2d3e50;
    padding: 0 20px;
    font-size: 14px;
}

.footer .footer-links a {
    color:#2d3e50;
    position:relative;
    display:inline-block;
    font-size:16px;
    line-height: 24px;
}

.subscribe-box input{
    border-radius: 5px;
    border: none;
    padding: 8px 0px 8px 18px;
    position: relative;
}

.footer .subscribe-block button {
    background: #0095d4;
    color: white;
    padding: 6px 15px 5px;
    text-align: center;
    float: right;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.008em;
    text-transform: uppercase;
    border-radius: 5px;
    border: none;
    margin: 5px 7px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer .subscribe-block button:hover{
    background: #00649f;
}

.footer .subscribe-block input:focus{
    outline: none;
}

.footer .footer-links h6 {
    font-weight: 500;
    margin-bottom: 20px;
}

.footer .footer-links li {
    margin-bottom: 19px;
}

.social-block h6 {
    margin-bottom: 12px;
    font-weight: 500;
}

.social-icons {
    margin-left: -8px;
}

.subscribe-box h6 {
    margin-bottom: 14px;
    font-weight: 500;
}

.footer input::-webkit-input-placeholder {
    color:#2D3E50;
    font-weight: 400;
}

.footer input::-moz-placeholder { 
    color:#2D3E50;
    font-weight: 400;
}

.footer input:-moz-placeholder { 
    color:#2D3E50;
    font-weight: 400;
}

.footer input:-ms-input-placeholder { 
    color:#2D3E50;
    font-weight: 400;
}

.social-block li{
    display:inline-block;
    padding-left: 4px;
}

.subscribe-block {
    background: #fff;
    border-radius: 5px;
    max-width: 300px;
    border: 1px solid #cfcfcf;
}

.subscribe-box input[type="email"] {
    max-width: 200px;
    width: 100%;
    float: left;

}

.subscribe-box input.hs-input, .subscribe-box textarea.hs-input {
    -webkit-transition: none;
    transition: none;
    box-shadow: none;
}
.subscribe-box input.hs-input:focus,.subscribe-box textarea.hs-input:focus{
    transition: none;
    box-shadow: none;
}
.subscribe-box input[type="submit"] {
    background: #0095d4;
    color: white;
    /*padding: 10px 13px 9px;*/
    padding: 7px 13px 5px;
    text-align: center;
    float: right;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 5px;
    border: none;
    margin: 5px 7px 4px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.subscribe-box .hs-form .hs-button:hover:not(.inactive),.subscribe-box .hs-form .hs-button:focus:not(.inactive),.subscribe-box .hs-form .hs-button.hovered:not(.inactive) {
    box-shadow: none; 
    border-top: none; 
    border-bottom: none; 
    border-right: none; 
    border-left: none; 
}
.subscribe-box .hs-button-reset, .subscribe-box .hs-form .hs-button {
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: inherit;
}

.subscribe-box .hs-form .hs-button:active:not(.inactive):not(.link),
.subscribe-box .hs-form .hs-button.depressed:not(.inactive):not(.link),
.subscribe-box .dropdown-open>.hs-form .hs-button:not(.inactive):not(.link){
    background-color: #0095d4;
    border: none;
    box-shadow: none;
    background-image: none;
}
.subscribe-box input.hs-input, .subscribe-box textarea.hs-input,.subscribe-box select.hs-input {
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    color: #2d3e50;
    height: 30px;
    padding: 0;
}

.subscribe-box .hs-form {
    margin-bottom: 0;
}
.subscribe-box .hs_submit{
    float: left;
    width: 30%;
}

.subscribe-box .hs-form.stacked .actions{
    margin: 0;
    padding: 0;
}

.subscribe-box .hs-form.stacked .field {
    float: left;
    width: 70%;
    margin: 0;
    padding: 6px 0 5px 18px;
}

.subscribe-box input[type="submit"]:hover {
    background: #00649f;
}

.subscribe-box .hs-form.stacked label,
.hs-form.stacked .hs-field-desc{
    display: none !important;
}
.subscribe-box input.hs-input.error,.subscribe-box .hs-form div.field.error input,
.subscribe-box .hs-form div.field.error textarea,.subscribe-box .hs-form div.field.error .chzn-choices,
.subscribe-box textarea.hs-input.error {
    border-color: transparent; 
    box-shadow: none; 
}

.subscribe-box input.hs-input.error:focus, .subscribe-box .hs-form div.field.error input:focus,.subscribe-box .hs-form div.field.error textarea:focus,
.subscribe-box .hs-form div.field.error .chzn-choices:focus,.subscribe-box textarea.hs-input.error:focus {
    border-color: transparent;
    box-shadow: none;
}
.subscribe-box input.hs-input{
    border: none;
}

.hs-form.stacked .field{
    margin: 0;
}

.hbspt-form .submitted-message{
    padding: 8px 0px 8px 20px;
}

/**
*  Additional links Section
**/

.additional-links .right {
    padding: 10px 20px 0 0;
}

.additional-links .v-middle-wrapper {
    padding: 20px;
}

.additional-links .text-right li{
    display: inline-block;
    font-weight: 700;
    padding-right: 44px;
}
.additional-links .text-right .learn-more:after{
    background-image: url('../images/learn_arrow_transparent.png'); 
}

.additional-links .text-right img{
    padding-left: 10px;
    padding-top: 4px;
    display: none;
}

.additional-links .text-right li:last-child {
    padding: 0;
}

.additional-links .text-right{
    padding-right: 27px;
}

.additional-links h4 {
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}

.additional-links .v-middle-inner {
    background: linear-gradient(to right, #47a547 , #77b800);
    background-color: #47a547;  /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to right, #47a547, #77b800);    /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(to right, #47a547, #77b800);   /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(to right, #47a547, #77b800);    
    background: -o-linear-gradient(to right, #47a547, #77b800);     /* For Opera 11.1 to 12.0 */
    background: linear-gradient(to right, #47a547, #77b800);    /* Standard syntax */
    padding: 29px 60px;
}

@media screen and (max-width: 1399px) {
    .additional-links .text-right {
        padding-right: 0px;
    }
    .additional-links .v-middle-inner {
        padding: 29px 50px 29px 25px;
    }
}

@media screen and (max-width: 767px) {
    .additional-links .v-middle.text-left,
    .additional-links .v-middle.text-right{
        width: 100%;
        text-align: center;
        display: block;
        margin-bottom: 5px;
    }
    .additional-links .v-middle-inner {
        padding:32px 0;
    }

    .additional-links .text-right li {
        display:block;
        padding: 0 0 11px 0;
    }

    .additional-links .learn-more-transparent:after {
        right: -23px;
    }
}

@media screen and (max-width: 640px) {  
    .footer .footer-links a{
        text-decoration: underline;
        color: #0095d4;
    }
    .footer-links li a:hover:before{
        opacity: 0;
        width: 0;
    }
    .footer-links li a:before {
        height: 0;
        width: 0;
    }
}

@media screen and (max-width: 480px) {
    .additional-links .text-right li {
        display: block;
        padding: 0 0 11px 0;
    }
    
    .additional-links .text-left h4 {
        margin-bottom: 11px;
    }
}

/**
* Quote Slider Section
**/
.quote-slider .bg-img {
    height: 100%;
    max-height: 586px;
}

.quote-slider .item-content {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding:0 20px;
    margin-bottom: 19px;
}

.quote-slider .item-content p {
    position: relative;
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 117px;
}

.quote-slider p, .quote-slider h4 {
    color: #fff;
    line-height: 1.6;
}

.quote-slider .customer-portrait {
    margin-top: 34px;
}

.quote-slider .slider-nav {
    bottom: 42px;
    position: absolute;
    left: 50%;
}

.quote-slider .text-container h6 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    border-bottom: 4px solid #0095d4;
    display: inline-block;
    margin-bottom: 43px;
    padding: 2px 0;
    text-transform: uppercase;
}

.quote-slider .customer-portrait h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: block;
    border: none;
    margin: -8px 0 0 0;
}

.quote-slider .customer-portrait p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.customer-portrait img {
    /*padding-bottom: 12px;*/
    position: relative;
    top:50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.quote-slider .slider .v-middle {
    display: table-cell;
    vertical-align: top;
}

.quote-slider .v-middle-wrapper{
    background: rgba(45,62,80,0.5);
}

.quote-slider .author-img{
    /*    max-width: 96px;
        width: 100%;
        margin: 0 auto;*/

    margin: 0 auto;
    height: 130px;
    width: 130px;
    border: 4px solid #fff;
    border-radius: 50%;
    margin-bottom: 12px;
    overflow: hidden;
    background-color: #fff;
}

@media screen and (max-width:767px){
    .quote-slider .bg-img{
        max-height: 525px;
    }

    .quote-slider .item-content{
        margin-bottom: 25px;
        padding: 0 15px;
    }

    .quote-slider .text-container h6{
        margin-bottom: 20px;
    }

    .quote-slider p, .quote-slider h4{
        line-height: 1.4;
    }

    .quote-slider .customer-portrait {
        margin-top: 20px;
    }

    .customer-portrait img {
        padding-bottom: 8px;
    }

    .quote-slider .owl-controls{
        bottom: 34px;
    }
}

@media screen and (max-width:480px){
    .quote-slider .owl-controls{
        bottom: 22px;
    }

    .quote-slider .item-content {
        margin-bottom: 40px;
        padding: 0 15px;
    }

    .we-slider .customer-portrait {
        margin-top: 0;
    }

    .we-slider .customer-portrait img {
        padding-bottom: 0;
    }
}

/**
*  Solution-use-case Section
**/
.solution-use-case h2 {
    letter-spacing: 0.049em;
}

.solution-use-case {
    text-align: center;
    padding: 60px 0;
}

.solution-use-case .content-box{
    text-align: left;

    border-right: 1px solid #d9d9d9;
}
.solution-use-case .col-three:last-of-type .content-box{
    border-right: 0;
}
.solution-use-case .bottom-dash {
    line-height: 1.3;
    position: relative;
    margin-bottom: 85px;
}

.solution-use-case .content-box h5 {
    font-weight: 700;
}

.solution-use-case .content-box p {
    font-weight: 500;
    padding-right: 26px;
    margin-bottom: 9px;
    line-height: 1.7;
}

/*.solution-use-case .container {
    padding: 130px 20px 0 20px;
}*/

.solution-use-case .bg-img img {
    max-width: 918px;
    max-height: 380px;
}

.solution-use-case .infographics {
    position: relative;
}

.solution-use-case .three-col-row {
    margin-bottom: 154px;
}
.solution-use-case .col-three{
    padding: 34px 0 33px 29px;
/*    //position: inherit;*/
}
/*.solution-use-case .content-box:after {
    content: '';
    height: 56%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 22%;
    background-color: #d9d9d9;
}*/

.solution-use-case .col-three:last-of-type .content-box:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
}


.solution-use-case .col-three:hover:after {
    content: "";
    display: block;
    position: absolute;
    right: calc(50% - 38px);
    top: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent #f3f3f3 transparent;
    border-style: solid;
    border-width: 40px;
    bottom: 0px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.solution-use-case .three-col-row {
    background: #f3f3f3;
    min-height: 186px;
/*    position: relative;*/
}

/*@media screen and (max-width: 1399px) and (min-width:1280px){
    .solution-use-case .content-box {
        padding: 34px 20px 33px 29px;
    }
    .solution-use-case .content-box h5 {
        font-size: 18px;
    }
}*/

@media screen and (max-width: 1280px) and (min-width:1024px){
    .solution-use-case .content-box {
/*        padding: 20px 20px 20px 20px;*/
    }
    .solution-use-case .col-three {
        padding: 40px 10px 40px 15px;
    }
    .solution-use-case .content-box h5 {
        font-size: 16px;
    }
    .solution-use-case .col-three:hover:after{
        border-width: 30px;
    }
    .solution-use-case .bottom-dash{
        margin-bottom: 60px;
    }
    .solution-use-case {
        padding: 70px 0 80px;
    }

    .footer .col-four-outer
    {
        padding-bottom: 40px;
    }

    .subscribe-box .hs-form.stacked .field {
        /*padding: 6px 10px 5px 18px;*/
        padding: 6px 12px 5px 18px;
    }
}

@media screen and (max-width: 1023px) and (min-width:768px){
    .solution-use-case .content-box {
/*       padding: 20px 20px 20px 20px;*/
    }
    .solution-use-case .col-three {
        padding: 40px 10px 40px 15px;
    }
    .solution-use-case .content-box h5 {
        font-size: 16px;
    }
    .solution-use-case .bottom-dash{
        margin-bottom: 45px;
    }
    .solution-use-case {
        text-align: center;
        padding: 50px 0 60px;
    }
    .solution-use-case .three-col-row {
        min-height: 220px;
    }
    .footer .col-four-outer
    {
        padding-bottom: 30px;
    }
    /**
    *  additional link section
    **/
    .additional-links .text-right li {
        margin: 10px 0 4px;
    }
    .additional-links .v-middle {
        display: block;
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width: 767px){
    .solution-use-case .content-box {
        text-align: center;
    }
    .solution-use-case .col-three {
        padding: 18px 10px 20px;
    }
    .solution-use-case .col-three:hover:after {
        display: none;
    }
    .solution-use-case .bottom-dash {
        margin-bottom: 35px;
    }
    .solution-use-case .content-box{
        border: 0;
    }
    .solution-use-case .three-col-row {
        margin-bottom: 50px;
    }
    .solution-use-case {
        text-align: center;
        padding: 40px 0 40px;
    }
    .solution-use-case .content-box p {
        padding-right: 0;
    }
    
    
}
@media screen and (max-width: 767px) and (min-width: 481px){
    .solution-use-case .col-three{
        width: 100%;
    }
     .banner-second-level.aboutQ .video-button {
           left: calc(50% + 24px);
           width: 216px;
    }
}


@media screen and (max-width: 1023px){
    .solution-use-case .col-three:hover:after {
/*      display: none;*/
        border-width: 25px;
    }
}

@media screen and (max-width: 767px){
    .solution-use-case .col-three:nth-child(2) {
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
    }

    .solution-use-case .col-three:last-of-type {
        border:none;
    }

    .solution-use-case .content-box:after{
        width:0;
    }
    .footer .col-four-outer
    {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 640px){
    .footer .bottom-footer {
        text-align: center;
    }
    .footer .bottom-footer .copyrights:first-child {
        padding-right: 10px;
    }
    .footer .bottom-footer .copyrights h6{
        font-size: 12px;
    }
    .footer .bottom-footer .copyrights a {
        font-size: 12px;
        padding: 0 10px;
    }
}

/*
* Search page style
*/
.search-content {
    width: 100%;
    float: left;
    padding: 10px 0px;
}
.search-post-img {
    max-width: 100px;
    max-height: 100px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.search-img-text{
    float: left;
    width:calc(100% - 120px);
}
.search-text{
    float: left;
    width:100%;
}







/**
 *  media-detail-block-Section
 **/

.media-detail-block {
    text-align: center;
    display: block;
    padding: 0;
}

.media-content h5 {
    margin: -5.5px 0 13px 0;
    font-size: 20px;
    color: #2d3e50;
    font-weight: 400;

}

.media-content h2 {
    color: #2d3e50;
    letter-spacing: 0.049em;

}

.media-content {
    width: 100%;
    background: #f3f3f3;
    padding: 26px 0px 19px;
}

.media-detail-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.media-detail-banner >img {
    width: 100%;
}

.media-detail-content {
    background: rgba(45, 62, 80, 0.9);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

.media-video-link {
    color: #fff;
    padding-bottom: 26px;
}

.media-video-link p {
    font-size: 20px;
    margin: 0px auto;
    font-weight: 400;
    max-width: 565px;
    padding: 0 20px;
    line-height: 1.2;
    margin-bottom: 8px;
    margin-top: -19px;
}

.video-btn {
    background: #0095d4 url("../images/arrow-right.png") no-repeat 56% 50%;
    -webkit-box-shadow: 0px 2px 0px 0px #00649f;
    -moz-box-shadow: 0px 2px 0px 0px #00649f;
    box-shadow: 0px 2px 0px 0px #00649f;
    border-radius: 50%;
    width: 100%;
    position: relative;
    bottom: 31px;
    height: 64px;
    width: 64px;
    display: block;
    margin: 0 auto;
}

span.video-btn img {
    position: relative;
    top: 17px;
    left: 3px;
}


.media-detail-block .video-btn:hover {
    background: #004b6a url("../images/arrow-right.png") no-repeat 56% 50%;
    -webkit-box-shadow: 0px 2px 0px 0px #004b6a;
    -moz-box-shadow: 0px 2px 0px 0px #004b6a;
    box-shadow: 0px 2px 0px 0px #004b6a;
}

/**
*    View-Featured-Section
**/

.featured-blog-inner .col-three {
    border-right: 1px solid #fff;
}

.featured-blog-inner .col-three:last-child {
    border-right: none;
}

.featured-blog-inner .col-three p {
    font-weight: 300;
    color: #fff;
    padding: 5px 20px 9px 20px;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 361px;
}

.featured-blog-inner {
    float: left;
    width: 100%;
    background:  #77b800;
    background: -webkit-linear-gradient(to bottom, #77b800 , #47a547); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, #77b800 , #47a547); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom, #77b800 , #47a547); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #77b800 , #47a547 );
    height: 362px;
}

.featured-blog-inner .v-middle h6 {
    font-size: 18px;
    color: #2d3e50;
    font-weight: 700;
    border-bottom: 4px solid;
    width: auto;
    margin: auto;
    display: inline-block;
    margin-bottom: 11px;
    margin-top: 11px;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.featured-blog-inner .v-middle a {
    color: #fff;
    display: inline-block;
}

.featured-blog-inner .learn-more-arrow-blue:after{
    background-image: url('../images/learn_arrow_white.png');
}

/**
 *  Banner-Second-Level-Section
 **/

.banner-second-level .customer-banner-info{
    position: relative;
}

.banner-second-level .v-middle-inner {
    color: #fff;
}

.banner-second-level .v-middle-inner p{
    line-height: 1.75;
    padding: 0px 0 19px;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: -7px;
}

.banner-second-level .v-middle-inner h1{
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 500;
    padding-bottom: 10px;
    margin-top: 60px;
}

.banner-second-level .v-middle-inner p:nth-child(2):after {
    content: "";
    width: 58px;
    height: 4px;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 19px;
}

.banner-second-level .bg-img {
    max-height: 560px;
}

.banner-second-level .button-default {
    padding: 10px 46px;
    font-weight: 400;
    margin-top: 13px;
}

.banner-second-level .v-middle-inner p:nth-child(3) {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    word-spacing: 6.2em;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 100px);
    width: 300px;
    text-align:  left;
}

.banner-second-level .video-btn:hover {
    background: #004b6a url("../images/arrow-right.png") no-repeat 56% 50%;
    -webkit-box-shadow: 0px 2px 0px 0px #004b6a;
    -moz-box-shadow: 0px 2px 0px 0px #004b6a;
    box-shadow: 0px 2px 0px 0px #004b6a;
}

/*.banner-second-level .video-btn {
    bottom: -32px;
    position: absolute;
    left: calc(50% - 25px);
    z-index: 1;
}*/

.banner-second-level .video-button span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    float: left;
    padding: 0 20px;
}

.banner-second-level .video-button span:first-of-type{
    padding-left: 0;
}

.banner-second-level .video-button span:last-of-type{
    padding-right: 0;
}

.banner-second-level .video-button .video-btn{
    bottom: 8px;
}

.banner-second-level .video-button{
    bottom: -39px;
    position: absolute;
    left: calc(50% - 5px);
    z-index: 1;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

/**
 *  Secondray-Fix-Links-Section
 **/

.secondray-fix-links .fixed-anchor {
    display: table-cell;
    background: #2d3e50;
    border-radius: 6px;
    width: 153px;
    overflow: hidden;
}

.secondray-fix-links .fixed-anchor ul {
    margin: 0;
}

.secondray-fix-links .fixed-anchor li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: block;
    position: relative;
    padding: 13px;
    text-transform: uppercase;
    text-align: center;
}

.secondray-fix-links .fixed-anchor ul li a.active {
    background: #13202f;
}

.secondray-fix-links .fixed-anchor ul li a:hover {
    background: #13202f;
}

/**
 *  counter-block-section
 **/

.counter-block-section .text-center {
    padding-top: 94px;
    position:relative;
}

.counter-block-section  .text-center h2:after {
    content: "";
    background: #0095d4;
    width: 58px;
    height: 4px;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 30px);
}

span.orange {
    color: #fe4819;
    font-weight: 700;
    line-height: 1;
}

span.green {
    color: #77b800;
    font-weight: 700;
    line-height: 1;
}

span.green sub {
    bottom: 0;
}

span.blue {
    color: #57517b;
    font-weight: 700;
    line-height: 1;
}

.block-counter-content span {
    font-size: 100px;
}

.counter-block-section .col-three p {
    font-size: 30px;
    color: #2d3e50;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1;
    margin-top: -4px;
}

.counter-block-section .text-center h2 {
    color: #2d3e50;
}

.counter-block {
    float: left;
    width: 100%;
    text-align: center;
    padding: 77px 0 107px;
}

.counter-block .col-three {
    border-right: 1px solid #d9d9d9;
    padding: 0 20px;
}

.counter-block .col-three:last-child {
    border-right: none;
}

.block-counter-content {
    margin-top: -14px;
}

/**
 *  video-info-block
 **/

.video-info-block h2 {
    text-align: center;
    margin: 48px 0 35px;
}

.video-info-block img {
    width: 100%;
}

.video-info-block .col-two:first-of-type {
    margin-right: 58px;
}

.video-info-block h4 {
    font-weight: 400;
    margin: 48px 0 35px;
}

.video-info-block h5 {
    line-height: 1.7;
}

.video-info-block {
    padding: 36px 0 76px;
}

.video-info-block .video-btn:hover {
    background: #004b6a url("../images/arrow-right.png") no-repeat 56% 50%;
    -webkit-box-shadow: 0px 2px 0px 0px #004b6a;
    -moz-box-shadow: 0px 2px 0px 0px #004b6a;
    box-shadow: 0px 2px 0px 0px #004b6a;
}

.video-info-block .video-btn {
    bottom: 0;
}

.video-info-block .col-two:last-child {
    width: 45.3%;
}

/**
 *  links-block
 **/

.links-block .learn-more {
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    color: #2d3e50;
}

.links-block .link-block-content {
    text-align: center;
    padding: 64px 0 48px;
}

.links-block .link-block-content h2 {
    padding-bottom: 7px;
    letter-spacing: 0.049em;
}

.links-block .link-block-content h5 {
    max-width: 800px;
    margin: 0 auto;
}

.links-block .three-col-row {
    float: left;
    padding-bottom: 60px;
    width: 100%;
}

.links-block .three-col-row h5 {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 14px;
}

.links-block .three-col-row p{
    margin-bottom: 16px;
}

.links-more {
    display: inline-block;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #2d3e50;
    position: relative;
    padding-right: 22px;
}

.links-more:before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    bottom: -5px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease;
}

.links-more:after {
    content: "";
    background: url(../images/learn_arrow_blue.png);
    width: 17px;
    height: 17px;
    position: absolute;
    bottom: 3px;
    display: inline-block;
    margin-left: 4px;
}

.links-more:hover:before {
    opacity: 1;
    width: 100%;
    background: #0095d4;
}

.links-block .container-wrapper {
    padding: 0;
}

.links-block .three-col-row .col-three {
    padding-right: 32.5px;
    padding-left: 32.5px;
}

.u-padding .col-three:last-of-type{
    padding-top: 30px;
}

/**
 *  infografic-section
 **/

.infografic-section-content {
    text-align: center;
    padding: 30px 0;
}

.infografic-section-content h2 {
    margin-bottom: 5px;
}

.infografic-section-content h5 {
    line-height: 1.7;
}

.infografic-image {
    padding-bottom: 39px;
}


.infografic-image .button-default {
    position: relative;
    left: 44.5%;
    bottom: 23px;
}

.infografic-section .infografic-image {
    margin: 0 auto;
    max-width: 800px;
}

/**
 *  blogpost-section
 **/
.breadcrumb ul li:before {
    content: "";
    background: rgba(249,255,255,0.3);
    height: 1px;
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 100%;
}

.breadcrumb ul li a {
    color: #fff;
}

.breadcrumb ul li {
    float: left;
    margin-right: 26px;
    position: relative;
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
}

.breadcrumb ul li.no-links{
    margin-right: 0;
}

.breadcrumb ul li.no-links:after{
    content: '';
}

.breadcrumb ul li.no-links:before{
    background: none;
}

.no-links .smallcaps{
    text-transform: lowercase;
}

.no-links.inicaps{
    text-transform: none;
}

.breadcrumb ul li:after{
    content: '/';
    position: absolute;
    right: -15px;
    color: #fff;
    top: 2px;
}

.post-details {
    display: table;
    margin-bottom: 17px;
}

.blog-post-details .left-part {
/*  width: 74.52%;*/
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
}

.blog-post-details .right-part {
    background-color: #624c79;
    background: -webkit-linear-gradient(to right, #624c79, #575483);
    background: -moz-linear-gradient(to right, #624c79, #575483);
    background: -ms-linear-gradient(to right, #624c79, #575483);
    background: -o-linear-gradient(to right, #624c79, #575483);
    background: linear-gradient(to right, #624c79, #575483);
/*  width: 23.5%;*/
    display: table-cell;
    vertical-align: top;
/*    margin-left: 19px;*/
}

.blog-post-banner span:last-child {
    margin-left: 9px;
}

.blog-post-banner .bg-img {
    position: relative;
}

.blog-post-content span {
    margin-right: 17px;
}

.blog-post-content span:last-child {
    margin-left: 32px;
}

.blog-post-content span:first-child {
    font-weight: 300;
}

.blog-post-content {
    padding: 61px 0 70px;
    position: relative;
}

@media screen and (min-width: 1024px) {
  .type-blog-post .blog-post-content .container,
  .type-blog-post .blog-post-details .container {
    padding-left: 13% !important;
  }
}

@media screen and (min-width: 900px and max-width: 1023px) {
  .type-blog-post .blog-post-content .container,
  .type-blog-post .blog-post-details .container {
/*     margin-left: 13% !important; */
  }
}

@media screen and (min-width: 769px) {
  .type-blog-post .blog-post-content h2 {
    padding-right: 0;
  }
  .type-blog-post .blog-post-content .container,
  .type-blog-post .blog-post-details .container {
    padding-left: 10%;
  }
  .type-blog-post .blog-post-details .post-details .left-part {
    width: inherit;
    padding-right: 0;
  }

  .type-blog-post .blog-post-details .blog-details {
    max-width: 675px;
    width: auto;
    float: none;
  }
  .type-blog-post .blog-post-details .blog-details p,
  .type-blog-post .blog-post-details .blog-details img {
    max-width: 645px;
  }
}

.blog-post-content h2 {
    font-weight: 600;
    padding-right: 50px;
}


.blog-post-details .blog-details h6 {
    font-weight: 700;
    margin-top: 27px;
}

.blog-post-details .blog-details p {
    line-height: 1.7;
    font-weight: 300;
    margin-top: 2px;
    font-size: 18px;
}
@media screen and (max-width: 480px) {
  .blog-post-details .blog-details p {
    font-size: 16px;
    line-height: 1.4;
  }
}

.press-release .blog-post-details .blog-details ul li{
    margin-bottom: 0;
}

.blog-details ul li {
    padding: 0 0 0 25px;
    position: relative;
    font-size: 18px;
    line-height: 1.66;
    margin-bottom: 10px;
    font-weight: 500;
}
.blog-post-details .blog-details ul li {
  font-weight: 300;
}

.blog-post-details .blog-details ul li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 10px;
    left: 0;
    background-color: #0095d4;
    border-radius: 50%;
}

.blog-post-details .blog-details ul {
    padding-left: 44px;
    margin-bottom: 32px;
/*    padding-right: 150px;*/
}

.blog-post-details .blog-details .gradient-blue {
    background-color: #3a6a9f;
    background: -webkit-linear-gradient(to right, #3a6a9f, #0591d0);
    background: -moz-linear-gradient(to right, #3a6a9f, #0591d0);
    background: -ms-linear-gradient(to right, #3a6a9f, #0591d0);
    background: -o-linear-gradient(to right, #3a6a9f, #0591d0);
    background: linear-gradient(to right, #3a6a9f, #0591d0);
    padding: 34px 44px 21px 40px;
    margin-bottom: 33px;
}

.blog-post-details .blog-details .gradient-blue h4 {
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 17px;
}

.blog-post .blog-post-details .button-default {
    background: #fff;
    color: #0095d4;
    padding: 8.5px 25px;
}

.blog-post-details .button-default:hover {
    color: #fff;
    background: #00649f;
}

blockquote {
    border-left: 2px solid #0095d4;
    position: relative;
    padding: 0px 23px 0 33px;
    margin: 37px 0 41px 44px;
}

blockquote p {
    font-size: 18px;
    position:relative;

}

blockquote p:before {
    content: "“";
    color: #0095d4;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    top: -9px;
    left: -14px;
}

blockquote p:after {
    content: "”";
    color: #0095d4;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    bottom: -7px;
}

.blog-post-details {
    padding-bottom: 32px;
    position: relative;
}

.blog-post-details .gradient-purple p {
    font-size: 22px;
    color: #fff;
    padding: 26px 21px 22px 19px;
    margin-bottom: 0;
    line-height: 1.45;
}

.blog-post-details .gradient-purple .button-default {
    margin-left: 19px;
}

.blog-post-banner img {
    height: 194px;
}

.blog-post-content .blog-text {
    position: relative;
}

.press-release .blog-text {
    width: 74.6%;
    padding-right: 20px;
}

.blog-text:after {
    content: "";
    background: #0095d4;
    width: 112px;
    height: 4px;
    position: absolute;
    bottom: -24px;
    left: 0px;
}

.blog-post-content h5 {
    margin: -3px 0 3px;
}

.blog-details {
    width: 74.5%;
    float: left;
}

.blog-details img {
    display: block;
}

/* fix for making first strong tag on new line */
.single-careers .blog-details strong {
    display: block;
    margin-top:10px;
}

.blog-post-content .content-800 {
    margin: 0;
    padding: 0;
}

.blog-post-content span:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 1px;
    height: 15px;
    background: #2d3e50;
    top: 1px;
    left: 20px;
    bottom: 69px;
}

.blog-post-content span:last-child:after {
    width: 0;
}

.blog-post-content span:nth-child(2) {
    margin-left: 32px;
}

.blog-post-details .social-icons {
    position: fixed;
    right: 0;
    top: 26.5%;
    z-index: 9;
}

.blog-post-details .social-icons span {
    font-size: 10px;
    font-weight: 700;
    width: 100%;
    float: left;
}

.blog-post-details .social-icons ul{
    float: right;
    width: 100px;
}

.blog-post-details .social-icons ul li
{
    width: 50%;
    float: right;
    clear: both;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.blog-post-details .social-icons ul a {
    width: 100%;
    text-align: center;
    padding: 12px 0;
    float: left;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.blog-post-details .social-icons ul li a {
    color: #fff;
}

.blog-post-details .social-icons ul li:nth-child(1) {
    background: #37455d;
}

.blog-post-details .social-icons ul li:nth-child(2) {
    background: #3d82f7;
}

.blog-post-details .social-icons ul li:nth-child(3) {
    background: #3a589a;
}

.blog-post-details .social-icons ul li:nth-child(4) {
    background: #059ff5;
}

.blog-post-details .social-icons ul li:nth-child(5) {
    background: #ff644a;
}

.blog-post-details .social-icons li:nth-child(3) a {
    padding: 0;
}

.blog-post-details .social-icons li:nth-child(5) a {
    padding: 11px 0 0px 0;
}

.blog-post-details .social-icons li:nth-child(5) span {
    margin: 6px 0 0px 0;
}

.blog-post-details .social-icons ul li:hover  {
    width:75%;
}

.blog-post-details .social-icons img {
    vertical-align: middle;
}

/**
 *  careers-post-section
 **/

.careers-post .blog-post-content .blog-text span:first-child {
    font-weight: 400;
}

.careers-post .blog-post-content h5 {
    margin: -4px 0 20px;
}

.careers-post .blog-text:after {
    content: "";
    background: #0095d4;
    width: 112px;
    height: 4px;
    position: absolute;
    bottom: -35px;
    left: 2px;
}

.careers-post .blog-details h6 {
    font-weight: 700;
    margin-top: 27px;
    font-size: 24px;
}

.careers-post .blog-details p {
    line-height: 1.7;
    font-weight: 500;
    margin-top: -2px;
    margin-bottom: 35px;
}

.careers-post .blog-details ul {
    padding-left: 44px;
    margin-top: 10px !important;
    padding-right: 0;
    margin-bottom: 43px;
}

.careers-post .blog-post-content span:last-child:after {
    width: 0;
}

/**
 *  press-release-section
 **/

.press-release.blog-details {
    width: 76%;
}

.press-release .blog-post-content h2 {
    font-weight: 600;
    line-height: 1.19;
    padding: 3px 0 6px;
}

.press-release .blog-details h5 {
    line-height: 1.85;
    margin-bottom: 35px;
}

.press-release .blog-post-content {
    padding: 66px 0 63px;
    position: relative;
}

.press-release .blog-details p {
    line-height: 1.7;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 27px;
}

.press-release .blog-details > p:first-of-type{
    line-height: 1.85;
    margin-bottom: 35px;
    font-weight: 400;
    font-size: 20px;
}

.press-release .blog-details p:last-child {
    margin-bottom: 39px;
}

.press-release .blog-details-text {
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 44px;
}

.press-release .public-contact p {
    margin-bottom: 0 !important;
    line-height: 1.63;
}

.press-release .public-contact h6 {
    font-weight: 700;
    margin-top: 29px;
}

.blog-details hr {
    background-color: #b8b8b8;
    border: 0;
    height: 1px;
    margin-bottom: 42px;
    margin-top: 39px;
}

/**
 *  intro-with-btn section
 **/

.intro-with-vtn-text {
    text-align: center;
    padding: 32px 0 40px;
}

.intro-with-vtn-text h2 {
    width: 44%;
    margin: 0 auto;
    line-height: 1.2;
    margin-bottom: 13px;
}

.intro-with-vtn-text h5 {
    width: 78%;
    margin: 0 auto;
    line-height: 1.75;
    margin-bottom: 38px;
}

.intro-with-vtn-text .button-default {
    padding: 10px 56px;
}

/**
 *  products-benefit-block section
 **/

.products-benefit-content {
    text-align: center;
    margin-top: 44px;
    margin-bottom: 12px;
}

.products-benefit-block .col-two-outer {
    float: left;
    position: relative;
    padding: 52px 0 53px;
    width: 100%;
}

.products-benefit-block .col-two-outer .info-img {
    margin-left: 70px;
    width: 32.7%;
    float: left;
    margin-right: 58px;
    max-width: 405px;
}


.products-benefit-block .infographics-inner h2 {
    font-size: 36px;
    letter-spacing: 0.049em;
}

.products-benefit-block .infographics-inner p {
    line-height: 1.88;
    margin-top: -2px;
    margin-bottom: 0;
}

.products-benefit-details .col-two-outer:after {
    content: "";
    width: 92%;
    position: absolute;
    height: 1px;
    background: #c1c1c1;
    bottom: 0;
    left: 0;
}

.products-benefit-block .col-two-outer:last-child {
    padding: 52px 0 49px;
}

.products-benefit-content h2 {
    margin-bottom: 7px;
    letter-spacing: 0.049em;
}

.products-benefit-details .infographics-inner {
    padding: 37px 0 28px;
    width: 56%;
    float: left;
}

.products-benefit-details .col-two-outer:last-child .infographics-inner {
    padding: 37px 0 0;
}

.products-benefit-details .col-two-outer:nth-child(3) .infographics-inner {
    padding: 35px 0 0px;
}

.products-benefit-block .col-two-outer:first-child {
    padding-top: 33px;
}

.products-benefit-details .col-two-outer:last-child h2 {
    line-height: 1.2;
    margin-bottom: 10px;
}

.products-benefit-details .col-two-outer:last-child:after {
    width: 0;
}

.products-benefit-block .col-two-outer:first-child p {
    max-width: 575px;
}

.products-benefit-block .col-two-outer p {
    max-width: 600px;
    width: 100%;
}


/**
 *  press-release-section
 **/

.press-release-details .blog-list {
    width: 100%;
    float: left;
    padding: 34px 40px 11px 40px;
}

.press-release-details .blog-content {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #b8b8b8;
}

.press-release-details .blog-content:last-child {
    border: none;
}

.blog-list.news-list{
    width: 100%;
    padding: 39px 40px 13px 40px;
}

.text-center.press-btn {
    padding-top: 30px;
}
/**
 *  mobile responsive
 **/
@media screen and (max-width:580px){
    .media-detail-banner .bg-img img{
        height: 216px;
    }
}
@media screen and (max-width:480px){

    /**
     *  media-detail-block-Section
     **/

    .media-detail-banner .bg-img {
        max-height: 300px;
    }

    span.video-btn img {
        position: relative;
        top: 10px;
        left: 3px;
    }

    .media-video-link p {
        margin-top: -10px;
        width: 92%;
        font-size: 16px;
    }

    .media-video-link {
        padding-bottom: 18px;
    }

    .media-content h2 {
        padding: 0 10px;
        font-weight: 400;
    }

    .media-content h5 {
        margin: 0;
        padding: 0 10px;
        font-size: 16px;
        font-weight: 400;
    }

    /**
     *   View-Featured-Section
     **/

    .featured-blog-inner {
        height: auto;
        padding: 8px 0;
        padding-bottom: 0;
    }

    .featured-blog-inner .v-middle h6 {
        font-size: 14px;
    }

    .featured-blog-inner .col-three p {
        font-size: 18px;
        font-weight: 400;
    }

    .featured-blog-inner .col-three {
        border-right: none;
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
    }

    /**
     *  Banner-Second-Level-Section
     **/

    .banner-second-level .button-default {
        padding: 8px 23px;
        font-weight: 500;
        margin-top: 0;
    }



    /**
    *   counter-block-section
    **/

    .block-counter-content {
        margin-top: 0;
        padding: 10px 10px;
    }

    .col-three:last-child .block-counter-content{
        padding-bottom: 0;
    }

    .counter-block-section .col-three:last-child p{
        margin-bottom: 0;
    }

    .block-counter-content span {
        font-size: 50px;
    }

    .counter-block-section .col-three p {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 19px;
        margin-top: 10px;
    }

    .counter-block {
        padding: 40px 0 40px;
    }

    .counter-block-section .text-center {
        padding-top: 40px;
    }


    .counter-block .col-three {
        border-right: none;
        border-bottom: 1px solid #d9d9d9;
    }

    .counter-block .col-three:nth-child(3) {
        border-bottom: none;
    }

    /**
     *  Banner-Second-Level-vdo-Section
     **/

    .banner-second-level .v-middle-inner p {
        font-weight: 400;
        font-size: 15px;
        margin-top: 0;
    }

    .banner-second-level .video-button{
        bottom: -31px;
    }

    .banner-second-level .video-button span{
        font-size: 12px;
        padding: 0 8px;
    }

    /**
     *  video-info-block
     **/

    .video-info-block h4 {
        margin: 3px;
        font-weight: 500;
    }

    .video-info-block {
        padding: 21px 0 32px;
    }

    .video-info-block h2 {
        margin: 0;
    }

    .video-info-block h5 {
        line-height: 1.4;
        padding-bottom: 20px;
    }

    .video-info-block .col-two:last-child {
        width: auto;
    }

    .video-info-block .col-two:first-of-type {
        margin-right: 0;
        text-align: center;
    }

    /**
     *  links-block
     **/

    .links-block .col-three:nth-child(2) {
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        padding: 10px 0;
    }

    .links-block .col-three:last-child {
        border-top: 1px solid #d9d9d9;
    }

    .links-block .three-col-row a {
        font-size: 14px;
    }

    .links-block .three-col-row {
        padding-bottom: 25px;
    }

    .links-block .container {
        padding: 0 20px;
    }

    .links-block .three-col-row .col-three{
        padding: 20px 0 8px 0;

    }

    .links-block .learn-more {
        width: 65%;
    }

    .links-more:hover:before {
        opacity: 1;
        width: calc(100% + 0px);
    }

    .links-block .link-block-content {
        padding: 30px 0 10px;
    }

    /**
     *  infographic-section
     **/

    .infografic-image .button-default {
        position: relative;
        left: 37%;
        bottom: 11px;
    }

    /**
     *  blog-post-section
     **/

    .blog-post .blog-post-content h5 {
        margin: 0;
    }

    .blog-post-details .blog-details h6 {
        margin-top: 10px;
    }

    .blog-post-details .blog-details ul {
        padding-left: 10px;
        margin-bottom: 12px;
        padding-right: 0px;
    }

    .blog-post-details .blog-details ul li p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .blog-post-details .blog-details .gradient-after {
        padding: 0;
        margin: 24px 0 24px;
    }

    .blog-post-details .gradient-purple p {
        font-size: 18px;
        padding: 26px 21px 9px 21px;
    }

    .blog-post-details .gradient-purple {
        padding-bottom: 30px;
    }

    .blog-post-content h5 span:after {
        left: 20px;
    }

    .blog-post-content span:last-child {
        margin-left: 0px;
    }

    .blog-post .blog-post-content span {
        margin-right: 33px;
    }

    .blog-post-details .blog-details ul li {
        font-size: 15px;
        margin-bottom: 10px;
    }

    blockquote p {
        font-size: 15px;
    }

    blockquote {
        padding: 0px 0 0 22px;
        margin: 20px 0 25px 0;
    }

    .blog-post-details .left-part img {
        width: 100%;
    }

    .blog-post-details .left-part {
        float: left;
        padding-bottom: 15px;
        padding-right: 0;
        width: 100%;
    }

    .blog-details {
        width: 100%;
        float: none;
    }

    .blog-post-details .right-part {
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .blog-post-details .blog-details .gradient-blue {
        padding: 26px 21px 31px 21px;
    }

    .blog-post-content {
        padding: 30px 0 30px;
    }

    .blog-text:after {
        bottom: -11px;
    }

    .breadcrumb ul li {
        font-size: 14px;
    }
    /**
    *   press-release-Section
    **/

    .press-release .blog-details-text h5 {
        margin-bottom: 17px;
    }

    .press-release .blog-details p {
        margin-bottom: 15px;
    }

    .press-release .blog-details-text {
        margin-bottom: 15px;
    }

    .press-release .blog-details p:last-child {
        margin-bottom: 15px;
    }

    .press-release .blog-post-content {
        padding: 30px 0 30px;
    }

    /**
    *   careers-post-Section
    **/

    .careers-post .blog-post-content h5 {
        margin: 0;
    }

    .careers-post .blog-post-content span:nth-child(2) {
        margin-left: -3px;
    }

    .careers-post .blog-details h6 {
        font-weight: 700;
        margin-top: 0;
        font-size: 24px;
    }

    .careers-post .blog-details p {
        margin-bottom: 10px;
    }

    .careers-post .blog-post-details .blog-details ul {
        margin-top: 0;
        padding-right: 0px;
        margin-bottom: 0;
    }

    .careers-post .blog-details h6 {
        font-size: 16px;
    }

    .careers-post .blog-text:after {
        bottom: -17px;
        width: 97px;
    }

    .blog-post-content span {
        margin-right: 34px;
    }

    /**
    *  intro-with-btn-Section
    **/

    .intro-with-vtn-text {
        padding: 12px 0 22px;
    }

    .intro-with-vtn-text h2 {
        width: 100%;
    }

    .intro-with-vtn-text h5 {
        width: 100%;
        margin-bottom: 15px;
    }

    .intro-with-vtn-text .button-default {
        padding: 10px 30px;
    }

    .press-release .blog-details p:first-of-type{
        margin-bottom: 15px;
        font-size: 16px;
    }
}


@media screen and  (max-width:767px) and  (min-width:481px){

    /**
    *  media-detail-block-Section
    **/

    .media-detail-banner .bg-img {
        max-height: 400px;
    }

    span.video-btn img {
        position: relative;
        top: 10px;
        left: 3px;
    }

    .media-video-link p {
        margin-top: -10px;
        width: 70%;
        font-size: 18px;
    }

    .media-video-link {
        padding-bottom: 20px;
    }

    .media-content h5 {
        margin: 0;
        padding: 0 10px;
        font-size: 18px;
        font-weight: 400;
    }

    .media-content h2 {
        font-weight: 400;
    }

    /**
    *   View-Featured-Section
    **/

    .featured-blog-inner {
        height: auto;
        padding: 8px 0;
        padding-bottom: 0;
    }

    .featured-blog-inner .v-middle h6 {
        font-size: 15px;
    }

    .featured-blog-inner .col-three p {
        font-size: 20px;
        font-weight: 400;
    }

    .featured-blog-inner .col-three {
        border-right: none;
        width: 100%;
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
    }

    /**
    *  Banner-Second-Level-Section
    **/

    .banner-second-level .button-default {
        padding: 8px 23px;
        font-weight: 500;
        margin-top:0;

    }

    .banner-second-level .v-middle-inner p:nth-child(2):after {
        margin-top: 8px;
    }

    /**
     *   counter-block-section
     **/

    .block-counter-content {
        margin-top: 0;
        padding: 10px 10px;
    }

    .block-counter-content span {
        font-size: 60px;
    }

    .counter-block-section .col-three p {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 19px;
        margin-top: 10px;
    }

    .counter-block {
        padding: 40px 0 40px;
    }

    .counter-block-section .text-center {
        padding-top: 40px;
    }

    .counter-block .col-three {
        border-right: none;
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
    }

    .counter-block .col-three:nth-child(3) {
        border-bottom: none;
    }


    /**
     *  Banner-Second-Level-vdo-Section
     **/

    .banner-second-level .bg-img img {
        vertical-align: top;
        border: 0;
    }

    .banner-second-level .v-middle-inner p {
        font-weight: 400;
        font-size: 17px;
        margin-top: 0;
    }

    .banner-second-level .video-button{
        bottom: -31px;
    }

    .banner-second-level .video-button span{
        font-size: 14px;
        padding: 0 12px;
    }

    /**
     *  video-info-block
     **/

    .video-info-block {
        padding: 32px 0 46px;
    }

    .video-info-block h2 {
        margin: 0;
    }

    .video-info-block h5 {
        padding-bottom: 20px;
    }

    .video-info-block h4 {
        margin: 0;
    }

    .video-info-block .col-two {
        width: 100%;
        text-align: center;
    }

    .video-info-block .col-two:first-of-type {
        margin-right: 0;
    }

    .video-info-block .container {
        max-width: 551px;
    }

    .video-info-block .col-two:last-child {
        width: auto;
    }

    /**
     *  links-block
     **/

    .links-more:hover:before {
        opacity: 1;
        width: calc(100% + 0px);
    }

    .links-block .three-col-row .col-three{
        width: 100%;
        padding: 22px 65px 10px 0;
    }

    .links-block .col-three:nth-child(2) {
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
    }

    .links-block .col-three:last-child {
        border-top: 1px solid #d9d9d9;
    }

    .links-block .three-col-row {
        padding-bottom: 20px;
    }

    .links-block .link-block-content {
        padding: 34px 0 10px;
    }

    .links-block .three-col-row a {
        font-size: 14px;
    }


    /**
    *  blog-post-section
    **/

    .blog-post-details .blog-details ul {
        padding-right: 0px;
        margin-top: 0;
        margin-bottom: 23px;
        padding-left: 20px;
    }

    .blog-post-details .gradient-purple {
        padding-bottom: 40px;
    }

    .blog-post-content h5 span:after {
        left: 23px;
    }

    .blog-post-details .blog-details ul li {
        font-size: 16px;
        margin-bottom: 10px;
    }

    blockquote p {
        font-size: 16px;
    }

    blockquote {
        padding: 0px 0 0 22px;
        margin: 20px 0 25px 0;
    }

    .blog-post-details .left-part img {
        width: 100%;
    }

    .blog-post-details .left-part {
        float: left;
        padding-bottom: 15px;
        padding-right: 0;
        width: 100%;
    }

    .blog-details {
        width: 100%;
        float: none;
    }

    .blog-post-details .right-part {
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .blog-post-content {
        padding: 30px 0 50px;
    }

    .breadcrumb ul li {
        font-size: 16px;
    }

    /**
    *   press-release-Section
    **/

    .press-release .blog-details h5 {
        margin-bottom: 17px;
    }

    .press-release .blog-details p {
        margin-bottom: 15px;
    }

    .press-release .blog-details-text {
        margin-bottom: 15px;
    }

    .press-release .blog-details p:last-child {
        margin-bottom: 15px;
    }

    .press-release .blog-post-content {
        padding: 30px 0 50px;
    }

    /**
    *   careers-post-Section
    **/

    .careers-post .blog-details h6 {
        font-weight: 700;
        margin-top: 0;
        font-size: 24px;
    }

    .careers-post .blog-details p {
        margin-bottom: 10px;
    }

    .careers-post .blog-post-details .blog-details ul {
        margin-top: 0;
        padding-right: 30px;
        margin-bottom: 0;
    }

    .careers-post .blog-details h6 {
        font-size: 16px;
    }

    /**
    *  intro-with-btn-Section
    **/

    .intro-with-vtn-text {
        padding: 12px 0 22px;
    }

    .intro-with-vtn-text h2 {
        width: 74%;
    }

    .intro-with-vtn-text h5 {
        width: 100%;
        margin-bottom: 15px;
    }

    .intro-with-vtn-text .button-default {
        padding: 10px 30px;
    }

    .press-release .blog-details p:first-of-type{
        margin-bottom: 15px;
        font-size: 18px;
    }
}

@media screen  and (max-width:767px){
    /**
  *  products-benefit-block-Section
  **/

    .products-benefit-block .col-two-outer {
        padding: 29px 0 25px;
    }

    .products-benefit-block .col-two-outer:first-of-type {
        padding: 15px 0 25px;
    }

    .products-benefit-block .col-two-outer .info-img {
        margin-left: 0;
        width: 92%;
        margin-right: 0;
        margin: 0 auto;
        margin-bottom: 18px;
        float: none;
        max-width: 300px;
    }

    .products-benefit-details .infographics-inner {
        padding: 0;
        width: 100%;
        float: none;
        text-align: center;
    }

    .products-benefit-block .infographics-inner h2 {
        font-size: 23px;
    }

    .products-benefit-block .infographics-inner p {
        padding-right: 0;
    }

    .products-benefit-content {
        margin-top: 0;
        margin-bottom: 0;
    }

    .products-benefit-details .col-two-outer:nth-child(3) .infographics-inner {
        padding: 0;
    }

    .products-benefit-details .col-two-outer:after {
        width: 100%;
    }

    .products-benefit-block .col-two-outer:last-child {
        padding: 29px 0 15px;
    }

    .products-benefit-block .col-two-outer:first-child {
        padding-top: 10px;
    }

    .products-benefit-details .col-two-outer:last-child .infographics-inner {
        padding: 0;
    }

    .products-benefit-details {
        max-width: 484px;
        margin: 0 auto;
    }

    .products-benefit-block .col-two-outer:first-child p {
        padding-right: 0;
    }

    .products-benefit-block .col-two-outer:nth-child(2) p {
        padding-right: 0;
    }

    .banner-second-level .video-btn {
        bottom: -20px;
    }

    .video-btn {
        bottom: 25px;
        height: 50px;
        width: 50px;
        display: block;
        margin: 0 auto;
        background: #0095D4 url("../images/arrow-right.png") no-repeat 56% 50%;
    }

    .text-center.press-btn {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .press-release-details .blog-list {
        padding: 14px 0px 14px 0px;
    }

    .blog-list.news-list {
        padding: 14px 0px 14px 0px;
    }

    /**
   *  infografic-section
   **/

    .infografic-image .button-default {
        position: relative;
        left: 42.5%;
        bottom: 18px;
    }

    .infografic-section-content {
        padding: 0px 0px 10px;
    }

    .infografic-section .infografic-image {
        padding-bottom: 0;
    }

    /*
        * Fixed logo bar
    */

    .blog-post-details .social-icons {
        top: auto;
        bottom: 0;
        width: 100%;
    }

    .blog-post-details .social-icons ul {
        width: 100%;
    }
    .blog-post-details .social-icons ul li {
        width: 20%;
        clear: none;
    }

    .blog-post-details .social-icons ul li:hover {
        width: 20%;
    }

    .blog-post-details .social-icons ul a {
        height: 54px;
    }

    .blog-post .pullQuoteWrapper {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .products-benefit-block .col-two-outer p {
        max-width: 100%;
    }

    .blog-post-content h2 {
        padding-right: 0;
    }

    .press-release .blog-text {
        width: auto;
        padding-right: 0;
    }
}

@media screen  and (max-width:1023px) and (min-width:768px){

    /**
     *  infografic-section
     **/

    .infografic-section-content {
        padding: 0 0px 10px;
    }

    .infografic-section .infografic-image {
        padding-bottom: 0;
    }

    .text-center.press-btn {
        padding-top: 0px;
        padding-bottom: 6px;
    }

    /**
     *   View-Featured-Section
     **/

    .featured-blog-inner .col-three p {
        font-size: 22px;
        font-weight: 400;
    }

    .infografic-section .infografic-image {
        padding-bottom: 0;
    }

    /**
     *   counter-block-section
     **/

    .block-counter-content {
        margin-top: 0;
        padding: 10px 10px;
    }

    .block-counter-content span {
        font-size: 75px;
    }

    .counter-block-section .col-three p {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 19px;
        margin-top: 10px;
    }

    .counter-block {
        padding: 40px 0 40px;
    }

    .counter-block-section .text-center {
        padding-top: 40px;
    }

    /**
     *  Banner-Second-Level-vdo-Section
     **/

    .banner-second-level .v-middle-inner p:nth-child(3) {
        left: calc(50% - 95px);
        font-size: 15px;
    }

    .banner-second-level p.paragraph {
        padding-bottom: 32px !important;
    }

    /**
     *  video-info-block
     **/

    .video-info-block {
        padding: 0px 0 48px;
    }

    .video-info-block h2 {
        margin: 27px;
    }

    .video-info-block h4 {
        padding: 0px 13px 0px 0;
    }

    .video-info-block h5 {
        line-height: 1.4;
        padding-right: 24px;
    }

    .video-info-block .col-two:last-child {
        width: 50%;
    }

    .video-info-block .col-two:first-of-type {
        margin-right: 0;
    }

    /**
     *  links-block
     **/


    .links-more:hover:before {
        opacity: 1;
        width: calc(100% + 0px);
    }

    .links-block .three-col-row .col-three {
        padding-right: 40px;
    }

    .links-block .link-block-content {
        padding: 34px 0 28px;
    }

    .links-block .three-col-row a {
        font-size: 15px;
    }

    .links-block .three-col-row {
        padding-bottom: 30px;
    }


    /**
     *  blog-post-section
     **/

    .blog-post-details .blog-details ul {
        margin-top: 0;
        padding-right: 0px;
        margin-bottom: 27px;

    }

    .blog-post-details .blog-details ul li {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .blog-post-details .right-part {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .blog-post-details .gradient-purple p {
        font-size: 24px;
        padding: 0;
    }

    .blog-post-details .gradient-purple {
        padding: 34px 44px 51px 40px;
    }

    .blog-post-content h5 span:after {
        left: 22px;
    }

    .blog-post-details .gradient-purple .button-default {
        margin-left: 0;
        margin-top: 12px;
    }

    .blog-post-details .left-part img {
        width: 100%;
        padding-bottom: 15px;
    }

    .blog-post-details .left-part {
        float: left;
        width: 100%;
        padding-right: 0
    }

    .blog-details {
        width: 100%;
        float: none;
    }

    .blog-post-content {
        padding: 30px 0 50px;
    }

    blockquote p {
        font-size: 16px;
    }

    blockquote {
        padding: 0px 23px 0 33px;
        margin: 25px 0 25px 26px;
    }



    /**
    *   press-release-Section
    **/

    .press-release .blog-details-text h5 {
        margin-bottom: 17px;
    }

    .press-release .blog-details p {
        margin-bottom: 15px;
    }

    .press-release .blog-details-text {
        margin-bottom: 15px;
    }

    .press-release .blog-details p:last-child {
        margin-bottom: 15px;
    }

    .press-release .blog-post-details .blog-details h6 {
        font-weight: 700;
        margin-top: 15px;
    }

    .press-release .blog-post-content {
        padding: 30px 0 50px;
    }

    /**
    *   careers-post-Section
    **/

    .careers-post .blog-details h6 {
        font-weight: 700;
        margin-top: 0;
        font-size: 24px;
    }

    .careers-post .blog-details p {
        margin-bottom: 10px;
    }

    .careers-post .blog-post-details .blog-details ul {
        margin-top: 0;
        padding-right: 50px;
        margin-bottom: 0;
    }

    .careers-post .blog-details h6 {
        font-size: 16px;
    }

    /**
     *  intro-with-btn-Section
     **/

    .intro-with-vtn-text {
        padding: 20px 0 32px;
    }

    .intro-with-vtn-text h2 {
        width: 54%;
    }

    .intro-with-vtn-text h5 {
        width: 100%;
        margin-bottom: 15px;
    }

    .intro-with-vtn-text .button-default {
        padding: 10px 42px;
    }

    /**
     *  products-benefit-block-Section
     **/

    .products-benefit-block .col-two-outer .info-img {
        margin-left: 0;
        margin-right: 26px;
    }

    .products-benefit-details .infographics-inner {
        padding: 0;
        width: 63%;
    }

    .products-benefit-block .infographics-inner h2 {
        font-size: 24px;
    }

    .products-benefit-block .col-two-outer:last-child {
        padding: 30px 0 0;
    }

    .products-benefit-block .col-two-outer {
        padding: 30px 0 30px;
    }

    .products-benefit-details .col-two-outer:nth-child(3) .infographics-inner {
        padding: 0;
    }

    .products-benefit-details .col-two-outer:last-child .infographics-inner {
        padding: 0;
    }

    .products-benefit-content {
        margin-top: 24px;
    }

    .products-benefit-block .infographics-inner p {
        padding-right: 0;
    }
}

@media screen  and (max-width:1280px) and (min-width:1024px){


    /**
    *  infografic-section
    **/

    .infografic-section-content {
        padding: 0 0px 20px;
    }

    .infografic-section .infografic-image {
        padding-bottom: 0;
    }

    /**
    *   View-Featured-Section
    **/

    .featured-blog-inner .col-three p {
        font-weight: 400;
        font-size: 24px;
    }

    /**
     *  video-info-block
     **/

    .video-info-block h5 {
        line-height: 1.7;
        padding-right: 20px;
    }

    .video-info-block .col-two:first-of-type {
        margin-right: 0;
    }

    .video-info-block h2 {
        margin: 0 0 19px;
    }

    .video-info-block {
        padding: 36px 0 46px;
    }



    /**
     *  links-block
     **/


    .links-more:hover:before {
        opacity: 1;
        width: calc(100% + 0px);
    }

    .links-block .link-block-content {
        text-align: center;
        padding: 34px 0 38px;
    }

    .links-block .three-col-row {
        padding-bottom: 30px;
    }

    /**
     *  blog-post-section
     **/

    .blog-post-details .blog-details h6 {
        margin-top: 13px;
    }

    .blog-post-details .gradient-purple p {
        font-size: 20px;
        color: #fff;
    }

    .blog-post-content h5 span:after {
        left: 22px;
    }

    .blog-post-details .left-part {
        padding-right: 15px;
    }

    .blog-post-content {
        padding: 30px 0 50px;
    }

    .blog-post-details .blog-details ul {
        margin-bottom: 20px;
    }

    /**
    *   careers-post-Section
    **/

    .careers-post .blog-details h6 {
        font-size: 20px;
    }

    /**
    *   press-release-post-Section
    **/

    .press-release .blog-post-content {
        padding: 30px 0 50px;
    }

    /**
     *  intro-with-btn-Section
     **/

    .intro-with-vtn-text {
        padding: 20px 0 32px;
    }

    .intro-with-vtn-text h2 {
        width: 50%;
    }

    .intro-with-vtn-text h5 {
        width: 87%;
        margin-bottom: 15px;
    }

    .intro-with-vtn-text .button-default {
        padding: 10px 42px;
    }

    /**
     *  products-benefit-block-Section
     **/

    .products-benefit-block .col-two-outer .info-img {
        margin-left: 50px;
        width: 26.7%;
        margin-right: 40px;
    }

    .products-benefit-details .infographics-inner {
        padding: 0px 0 8px;
        width: 60%;
    }

    .products-benefit-block .infographics-inner h2 {
        font-size: 30px;
    }

    .products-benefit-details .col-two-outer:nth-child(3) .infographics-inner {
        padding: 0;
    }

    .products-benefit-details .col-two-outer:last-child .infographics-inner {
        padding: 0;
    }

    .products-benefit-block .infographics-inner p {
        padding-right: 4px;
    }

    .products-benefit-details .col-two-outer:last-child h2 {
        margin-bottom: 0;
    }

    .products-benefit-block .products-benefit-content {
        margin: 34px auto 12px;
    }

    .products-benefit-block .col-two-outer:first-child {
        padding-top: 10px;
    }

    .products-benefit-block .col-two-outer {
        padding: 27px 0 28px;
    }

    .products-benefit-block .col-two-outer:last-child {
        padding: 24px 0 0;
    }
}

@media screen  and (max-width:1280px) and (min-width: 768px) {
    .products-benefit-block .col-two-outer p {
        max-width: 90%;
    }
}

.post-cta-button {
  text-align: left;
  font-family: "proxima-nova",sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}

.post-cta-gradient {
  background: #0095d4;
  background-image: -moz-linear-gradient( 1deg, rgb(98,76,121) 0%, rgb(49,113,167) 46%, rgb(0,149,212) 100%);
  background-image: -webkit-linear-gradient( 1deg, rgb(98,76,121) 0%, rgb(49,113,167) 46%, rgb(0,149,212) 100%);
  background-image: -ms-linear-gradient( 1deg, rgb(98,76,121) 0%, rgb(49,113,167) 46%, rgb(0,149,212) 100%);
  height: 204px;
}

.text-center.post-cta-gradient:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  position: absolute;
}

.post-cta-message {
	display: inline-block;
	vertical-align: middle;
    margin-top: 40px;
}

.post-cta-content {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
    margin-left: 45px;
    font-size: 30px;
    line-height: normal;
    color: #FFF;
    float: left;
}
.post-cta-button {
    font-size: 0px;
    margin-top: 20px;
}




/**
 * top-navigation section style
 **/
.home .container-outer{
  max-width: 100%;
}

.banner-second-level .v-middle-wrapper{
  background: rgba(45,62,80,0.3);
}

.top-navigation{
  width: 100%;
  background: #0095d4;
}

.top-menu{
  float: right;
}

.top-menu li{
  display: inline-block;
  float: left;
}

.top-menu li:last-child a{
  color: #ffe400;
}

.top-menu li a{
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #fff;
  border-left: 1px solid #0068a3;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.top-menu li a:hover{
  color: #002e48;
}

.top-menu li:last-of-type a{
  padding-right: 0;
}

.search{
  display: inline-block;
  height: 27px;
  overflow: hidden;
  cursor: pointer;
  padding: 0 17px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.search span{
  height: 20px;
  overflow: hidden;
  display: inline-block;
  padding-top: 6px;
}

.search-icon img{
  padding-top: 5px;
}

/*.search:hover{
    background: #0068a3;
}*/
.search:hover img{
  margin-top: -27px;
}

/**
 * main-navigation section style
 **/

.main-navigation{
  width: 100%;
  padding-top: 27px;
  background: transparent;
  z-index: 3;
  position: absolute;
  left: 0;
}

.nav-wrap{
  max-width: 1072px;
  float: left;
  width: 84.84%;
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: calc(100% - 160px);
  position: relative;
}

.logo{
  float: left;
  width: 120px;
  padding-top: 3px;
}

.main-nav{
  float: right;
  margin-top: 7px;
}

.toggle{
  display: none;
}

.main-menu > li{
  display: block;
  float: left;
  position: relative;
  margin-right: 11px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-menu > li:nth-last-child(2){
  margin-right: 20px;
}

.has-nav{
  display: none;
}

.main-menu > li > a{
  display: block;
  font-family: "proxima-nova",sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.050em;
  color: #fff;
  padding: 14px 20px 16px 19px;
  line-height: 24px;
}

.main-menu > li:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #0095d4;
  height: 4px;
  -webkit-transition-property: left, right;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition:  0.3s ease-out;
  -moz-transition:  0.3s ease-out;
  -o-transition:  0.3s ease-out;
  transition:  0.3s ease-out;
}

.main-menu > li:hover:before {
  left: 0;
  right: 0;
}

.main-menu > li > a.active:before{
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0095d4;
  height: 4px;
  -webkit-transition-property: left, right;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition:  0.3s ease-out;
  -moz-transition:  0.3s ease-out;
  -o-transition:  0.3s ease-out;
  transition:  0.3s ease-out;
}

.main-navigation .button-red{
  font-weight: 500;
  padding: 15px 35px 14px;
  margin-top: 8px;
  float: right;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.main-navigation .button-red:before{
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  background: #953125;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-navigation .button-red:hover{
  -webkit-box-shadow: 0px 2px 0px #953125;
  -moz-box-shadow: 0px 2px 0px #953125;
  box-shadow: 0px 2px 0px #953125;
}
.main-navigation .button-red:hover:before{
  transform: scaleY(1);
}

.sub-menu li{
  display: block;
  position: relative;
  /*    -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;*/
}

.sub-menu li:after{
  content: '';
  background: rgba(255,255,255,.1);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  z-index: 1;
}

.sub-menu li a{
  display: block;
  text-align: left;
  font-family: "proxima-nova",sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.025em;
  /*color: #0095d4;*/
  color: #8e8e8e;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sub-menu .overview > a{
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  color: #8e8e8e;
  /* Bold */
  font-weight: 700;
}

.no-li-margin-bottom li{
  margin-bottom: 0 !important;
}


/*
Hover effect for Overview text
.sub-menu .overview > a:hover {
    background: #1a2b3c;
    transition: all 0.3s ease-out;
    padding: 5px;
}*/

.sub-text{
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: left;
  /*color: #8e8e8e;*/
  color: #0095d4;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sub-menu li a:hover{
  background: #1a2b3c;
}

.sub-menu li a:hover .sub-text{
  color: #fff;
}

/*.openmenu{
    background: #182129;
}
*/
.open .bar{
  width: 100%;
}

.vertical-menu > a:after{
  content: '';
  background: url(../images/arrow_down.png) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

/**
 * dropdown search section style
 **/

.dropdown-search{
  background: #0068a3;
  background: -webkit-linear-gradient(to top, #005585 , #0068a3);
  background: -o-linear-gradient(to top, #005585 , #0068a3);
  background: -moz-linear-gradient(to top, #005585 , #0068a3);
  background: linear-gradient(to top, #005585 , #0068a3 );
  padding: 60px 0 37px;
  position: absolute;
  top: -141px;
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 11;
  height: 141px;
}

.dropdown-search span{
  display: inline-block;
  vertical-align: top;
  float: left;
}

.search-inner input{
  border: 0;
  background: transparent;
  padding: 0px 20px;
  font-size: 40px;
  letter-spacing: 0.010em;
  color: #fff;
  font-weight: 300;
  display: inline-block;
  float: left;
  margin-top: -16px;
  width: 90%;
  max-width: 1130px;
}

.dropdown-search .close-btn{
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #0095d4;
  border-radius: 50%;
  position: relative;
  float: right;
}

.dropdown-search .close-btn:before{
  content: '+';
  font-size: 36px;
  font-weight: 100;
  position: absolute;
  transform-origin: center center;
  color: #fff;
  line-height: 16px;
  top: 10px;
  left: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-wrap{
  z-index: 11;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header.slide-down{
  margin-top: 141px;
}

.dropdown-search.slide-down{
  top: 0px;
}

.header-wrap.slide-down{
  top: 141px
}

.header-wrap.slide-down .top-menu li:nth-of-type(2) a{
  border: 0;
}

.header-wrap.slide-down .search{
  background: #0068a3;
}

.header-wrap.slide-down .search img{
  margin-top: -27px;
}

.main-menu > li.mobile-btn{
  display: none;
}

.main-nav .search{
  display: none;
}

.main-menu > li.mobile-topmenu{
  display: none;
}

/**
 * resource center section style
 **/

.resource-details{
  padding: 25px 0;
}

.resource-list{
  float: left;
  width: 79.04%;
  max-width: 980px;
  padding-right: 50px;
}

.resource-type{
  float: right;
  width: 20.96%;
  padding-left: 43px;
}

.thumbs-image{
  width: 31.72%;
  max-width: 295px;
  max-height: 210px;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
  /*    background-color: #fff;*/
}

.thumbs-image .video-btn{
  width: 54px;
  height: 54px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.resource-content{
  float: left;
  width: 68%;
  width: -webkit-calc(100% - 295px);
  width: -moz-calc(100% - 295px);
  width: calc(100% - 295px);
  padding-left: 39px;
  color: #2d3e50;
}

.resource-row{
  border-bottom: 1px solid #b8b8b8;
  padding: 24px 0;
}

.post-icon{
  width: auto;
  margin-bottom: 14px;
}

.resource-content h5{
  font-weight: 700;
  line-height: 1.2;
}

.resource-content p{
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 17px;
}

.resource-content .read-more{
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.7;
  font-weight: 700;
  color: #0095d4;
  position: relative;
}

.read-more:before{
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #0095d4;
  bottom: -5px;
  left: 0px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.read-more:hover:before{

  width: 100%;
}

.post-column{
  margin-top: 20px;
}

.post-column h6{
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.049em;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 12px;
}

.resource-select-list{
  margin-top: 14px;
  margin-bottom: 29px;
}

.resource-select-list label{
  margin-bottom: 11px;
  display: block;
}

.resource-select-list .label-text{
  font-size: 16px;
  padding-left: 8px;
  letter-spacing: 0.049em;
  display: inline-block;
  text-transform: capitalize;
  float: left;
  width: 91%;
  width: -webkit-calc(100% - 23px);
  width: -moz-calc(100% - 23px);
  width: calc(100% - 23px);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.resource-select-list input[type="checkbox"]:checked + .label-text {
  color: #0095d4;
}

.resource-select-list input[type="checkbox"] {
  display:none;
}
.resource-select-list input[type="checkbox"] + span {
  display:inline-block;
  width:18px;
  height:18px;
  float: left;
  margin:3px 4px 0 0;
  vertical-align:middle;
  background:url(../images/checkboxes.png) left top no-repeat;
  cursor:pointer;
}
.resource-select-list input[type="checkbox"]:checked + span {
  background:url(../images/checkboxes.png) -19px top no-repeat;
}

.load-more h5{
  color: #0095d4;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-left: 56px;
  padding-top: 5px;
  cursor: pointer;
}

.load-more h5:before{
  content: '';
  width: 19px;
  height: 19px;
  padding: 18px;
  position: absolute;
  background: #0095d4 url(../images/load-arrow.png) no-repeat center;
  border-radius: 50%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.load-more h5:after{
  content: '';
  background: #0095d4;
  bottom: -5px;
  position: absolute;
  width: 0;
  left: 56px;
  height: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.load-more h5:hover:after{
  width: 67%;
  width: calc(100% - 56px);
}

.load-more h5:hover:before{
  background-color: #00649f;
}

.resource-row:last-of-type{
  /*    border-bottom: 0;*/
}

.third-level-banner{
  max-height: 184px;
  overflow: hidden;
}


/**
 * blogs section style
 **/

.blogs-details{
  padding: 38px 0 0;
  padding-top: 0;
}

.intro-block.blog-intro{
  padding-bottom: 30px;
}

.search-wrap{
  max-width: 710px;
  background-color: #fff;
  margin: auto;
  border: 1px solid #ced0d2;
  border-radius: 3px;
  padding: 10px;
}

.blog-search {
  padding-left: 20px;
  padding-right: 20px;
}

.search-wrap span{
  overflow: hidden;
  display: inline-block;
  width: 31px;
  height: 25px;
  padding-left: 16px;
  padding-top: 10px;
}

.search-wrap span img{
  margin-top: -27px;
}

.search-wrap input{
  border: 0;
  //max-width: 325px;
  width: Calc(100% - 145px);
  padding-left: 5px;
  font-size: 20px;
  font-weight: 300;
  margin-top: 5px;
}

.search-wrap input::-webkit-input-placeholder {
  color: #2d3e50;
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  opacity: 1;
  font-size: 20px;
  text-transform: capitalize;
}

.search-wrap input::-moz-placeholder {
  color: #2d3e50;
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  opacity: 1;
  font-size: 20px;
  text-transform: capitalize;
}

.search-wrap input:-ms-input-placeholder {
  color: #2d3e50;
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  opacity: 1;
  font-size: 20px;
  text-transform: capitalize;
}

.search-wrap input:-moz-placeholder {
  color: #2d3e50;
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  opacity: 1;
  font-size: 20px;
  text-transform: capitalize;
}

.search-wrap .search-btn{
  background-color: #0095d4;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.010em;
  //margin: 9px 9px 9px 0;
  text-transform: uppercase;
  padding: 7px 18px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  float: right;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.search-wrap .search-btn:hover{
  background: #00649f;
}

.blog-filters{
  padding: 0 20px;
}

.blog-filters ul{
  font-size: 0;
}

.blog-filters li{
  text-align: center;
  width: 100%;
  display: table-cell;
  position: relative;
  background: #2d3d4f;
}

.blog-filters li:first-of-type{
  border-radius: 5px 0 0 5px;
}

.blog-filters li:last-of-type{
  border-radius: 0 5px 5px 0;
}

.blog-filters li.active{
  background: #0095d4;
}

.blog-filters li > a{
  color: #fff;
  font-size: 14px;
  display: block;
  line-height: 1.2;
  padding: 18px 0;
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
}

.blogs-details .blog-wraper{
  background-color: #e9e9e9;
  display: table;
  width: 100%;
  position: relative;
}

.blogs-type {
  background-color: #2d3e50;
  display: table-cell;
  vertical-align: top;
  float: none;
  width: 21.76%;
}

.resource .blogs-type{
  display: none
}

.resource.blogs-details .blog-wraper{
  padding: 0 60px;
  padding-top: 10px;
}
.post-column{
  margin: 0;
}

.blogs-type h6{
  color: #fff;
  background-color: #13202f;
  padding: 12px 0 10px 20px;
  border: 0;
}

.blogs-select-list {
  padding: 0 20px;
  margin-bottom: 16px;

}

.blogs-select-list .label-text {
  color: #fff;
}

.resource-select-list.blogs-select-list input[type="checkbox"]:checked + .label-text {
  color: #fff;
}

.blog-list{
  padding: 40px 76px 97px 60px;
  display: table-cell;
  float: none;
  width: 78.24%;

}
.resource .blog-list{
  width: 100%;
}

.blog-list .resource-row{
  padding: 20px 0;
}

.blog-list .author{
  font-weight: 400;
  font-style: italic;
}

.blog-content {
  float: left;
  width: 68%;
  //width: calc(100% - 295px);
  padding-left: 39px;
  color: #2d3e50;
}

.resource .blog-content {
  float: left;
  width: 73%;
  width: calc(100% - 295px);
  padding-left: 55px;
  color: #2d3e50;
}

.post-label{
  display: inline-block;
}

.post-label span{
  display: inline-block;
  padding: 4px 10px 6px 10px;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 25px;
  letter-spacing: 0.025em;
}

.resource .post-label span{
  margin-bottom: 20px;
}

.red-label{
  background-color: #e74c39;
}

.blue-label{
  background-color: #0095d4;
  float: left;
}

.green-label{
  float: left;
  background-color: #77b800;
}

.blog-list .blog-date{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1.4;
}

.blog-list .blog-content h5{
  line-height: 1.3;
  margin-bottom: 3px;
  font-weight: 700;
}

.resource .blog-list .blog-content h5{
  line-height: 1.1;
  margin-bottom: 0;
}

.blog-list p{
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
}

.resource .blog-list p{
  margin-bottom: 18px;
  letter-spacing: -.007em;
  line-height: 1.3;
}

.blog-content .read-more {
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.7;
  font-weight: 700;
  color: #0095d4;
  position: relative;
}

.event-list .event-date{
  font-weight: 400;
}

/**
 * search post section style
**/

.search-post .search-wrap{
  max-width: 100%;
}

.search-post .search-wrap span img{
  margin: 0;
}

.search-post-outer{
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 39px;
}

.search-post-outer .col-three{
  margin: 0 16px;
  width: 30.81%;
  width: -webkit-calc(33.33% - 32px);
  width: -moz-calc(33.33% - 32px);
  width: calc(33.33% - 32px);
  margin-bottom: 55px;
}

.container-wrapper{
  padding: 62px 0 18px;
}

.search-post .content-800 p{
  font-size: 20px;
}

.post-image{
  max-width: 392px;
  max-height: 221px;
  overflow: hidden;
  margin: auto;
}

.post-content{
  padding: 20px 20px 0;
  max-width: 400px;
  margin: auto;
}

.post-content h5{
  font-weight: 700;
  text-transform: uppercase;
}

.post-content p{
  line-height: 1.68;
  font-weight: 500;
  margin-bottom: 10px;
}

.career-media .media-content{
  background-color: #fff;
  max-width: 660px;
  margin: 0 auto;
}

.breadcrumb{
  position: absolute;
  top: 133px;
  width: 100%;
}

.blog-intro .breadcrumb,
.news-parent .breadcrumb{
  display: none;
}

.nobreadcrumb .breadcrumb{
  display: none;
}

.press-btn {
  width: 100%;
  padding: 20px 0;
  float: left;
}

.press-btn .load-more{
  position: static;
}

.search-results{
  font-family: "proxima-nova",sans-serif;
  color: #2d3e50;
}

.search-results .gs-title a{
  font-family: "proxima-nova",sans-serif;
  color: #2d3e50 !important;
  line-height: 1.3;
  margin-bottom: 3px;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none !important;
}

.search-results .gsc-control-cse .gsc-table-result{
  font-family: "proxima-nova",sans-serif;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;
}

.aboutQ .search-post-outer{
  margin-top: 0;
}

.aboutQ .container-wrapper{
  padding: 20px 0 40px !important
}

.aboutQ .col-three{
  margin-bottom: 0 !important;
}


/* fix for bold elements in search results */
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
  color: #0095d4 !important;
  font-weight: normal;
  text-decoration: none;
}

.search-results .gsc-url-top{
  display: none !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  font-size: 18px;
}

.region{
  display: inline-block;
  width: 100%;
}
.promo-block{
  position: relative;
  width: 100%;
  z-index: 3;
  margin: 0 auto;
  padding: 0 40px;
}

.promo-block .three-col-row{
  margin-top: -46px;
  padding: 0 13px 0 20px;
}

.promo-block .col-three{
  background: #fff;
  width: 32.83%;
  margin-right: .5%;
  padding: 8px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.promo-block .col-three:last-child{
  margin-right: 0;
}

.promo-block .col-three a{
  display: table;
  width: 100%;
}

.promo-block .col-three:hover{
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.promo-img{
  display:  table-cell;
  width: 105px;
}

.promo-content{
  width: 81%;
  width: calc(100% - 105px);
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
  padding: 0 20px;
}

.promo-content h5{
  font-size: 22px;
  color: #5d6a78;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.15;
  max-width: 300px;
  margin: 0 auto 8px;
}
.promo-content .learn-more{
  color: #5d6a78;
}

.nav-thumb .v-middle-wrapper:hover{
  background: rgba(0,0,0,0.2);
}

.nav-thumb .v-middle-wrapper{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main-navigation .customer.hide .sub-menu{
  display: none !important;
}

.main-navigation .customer.hide .bar{
  width: 0 !important;
}

.reference-resource-slider .hover-stage .hover-content p.author{
  color: #0095d4;
  opacity: 1;
}

body.home .addthis-smartlayers{
  display: none;
}

/**
 * min-width 1401px
 **/
@media screen and (min-width: 1401px){
  .resource .load-more{
    left: 120px;
  }
}

/**
 * max-width 992px for main-navigation
 **/
@media screen and (min-width: 992px){

  .openmenu .sub-menu{
    opacity: 1;
    //left: 0;
  }
  .sub-menu{
    //opacity: 0;
    display: none;
    //display: block !important;
    position: absolute;
    top: 54px;
    width: auto;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.38);
    box-shadow: 0 1px 1px rgba(0,0,0,0.38);
    text-align: center;
    border-radius: 0 0 3px 3px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s linear;
    padding: 10px 10px 10px 25px;
    width: 580px;
  }

  .solution .sub-menu{
    right: -593px;
    width: 877px;
  }
  .product .sub-menu{
    right: -452px;
    width: 635px;
  }
  .customer .sub-menu{
    right: -298px;
  }
  .customer.openmenu .sub-menu {
    right: -310px;
  }
  .main-menu li:first-of-type .sub-menu{
    width: 356px;
  }

  .vertical-menu ul{
    opacity: 0;
    position: absolute;
    left: 95%;
    top: 0;
    width: 100%;
    max-width: 220px;
    background: #2d3e50;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;;
  }

  .vertical-menu:hover {
    background: #2d3e50;
  }

  .vertical-menu:hover ul{
    opacity: 1;
    left: 100%;
  }

  .vertical-menu ul li a:hover{
    background-color: #556475;
  }

  .bar{
    background: #0095d4;
    width: 0;
    height: 2px;
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.5s ease-in-out;
    z-index: 1;
  }

  .openmenu .bar{
    opacity: 1;
  }

  .main-menu > li:hover{
    background-color: #182129
  }

  .main-menu > li:nth-of-type(4){
    //margin-left: 18px;
    margin-right: 20px;
  }

  .nav-wrap:after{
    content: '';
    background: rgba(249,255,255,0.3);
    width: calc(100% - 20px);
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: -2;
  }

  .single.third-level-banner{
    max-height: 194px;
  }

  .main-menu{
    width: 100%;
    position: relative;
  }

  .sub-menu-inner{
    float: left;
    width: calc(100% - 280px);
  }
  .nav-thumb{
    float: right;
    width: auto;
    max-width: 260px;
    margin-left: 20px;
  }
  .nav-thumb a{
    position: relative;
    display: block;
    margin-bottom: 10px;
  }
  .nav-thumb a:last-child{
    margin-bottom: 0px;
  }
  .nav-thumb .v-middle{
    vertical-align: top;
    padding: 20px;
    text-align: left;
  }
  .nav-thumb .banner-content h6{
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.025em;
    line-height: 1.7;
    margin-bottom: 6px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .nav-thumb .banner-content p{
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
  }

  .overview{
    text-align: left;
    padding: 6px 0 8px;
    border-bottom: 1px solid #ccc;
  }

  .solution .overview{
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 6px 0 8px;
  }

  .product .row{
    /*padding-left: 10px;*/
    margin-top: 15px;
  }

  .product .sub-menu li{
    margin-bottom: 15px;
  }

  .company .row{
    margin-top: 5px;
  }

  .sub-menu li a{
    padding: 5px;
  }
  .product .sub-menu li a{
    padding: 5px 5px;
  } 
  .company .sub-menu li {
    margin-bottom: 0;
  }
  .sub-menu-inner .col-two p{
    text-align: left;
    text-transform: uppercase;
    color: #0095d4;
    margin-bottom: 7px;
  }
  .sub-menu .col-two{
    margin-top: 15px;
  }
  .sol-sub-menu{
    display: table;
    width: 100%;
    padding-top: 16px;
  }
  .sol-sub-menu .col-two{
    float: none;
    display: table-cell;
  }
  .sol-sub-menu .col-two:last-child{
    border-left:  1px solid #ccc;
    padding-left: 25px;
  }
  .sol-sub-menu .col-two:last-child .sol-nav{
    margin-bottom: 23px;
  }
  .solution .sol-nav{
    padding-right: 20px;
    margin-bottom: 15px;
  }
  .resource-toggle {
    display: none;
  }
  .blog-filters ul{
    display: table !important;
    table-layout: fixed;
    width: 100%;
  }
}

/**
 * min-width 991px for main-navigation
 **/
@media screen and (max-width: 991px){
  .sub-menu  .sol-nav{
    margin-bottom: 10px
  }

  .sub-menu-inner .col-two {
    padding: 10px 20px;
  }

  .sub-menu{
    display: none;
    background-color: #2d3e50;
  }

  .vertical-menu ul{
    display: none;
    background-color:  #3C4D5F;
  }

  .vertical-menu ul li a{
    padding-left: 30px;
  }

  .nav-wrap:after{
    content: '';
    background: rgba(249,255,255,0.3);
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: -2;
  }
  .dropdown-search{
    padding: 20px 0;
    height: 75px;
    top: -75px;
  }

  .dropdown-search span{
    width: 16px;
  }

  .dropdown-search span img{
    padding-top: 10px;
  }

  .search-inner input{
    font-size: 16px;
    margin: 0;
    width: 78%;
    margin-top: 7px;
  }

  .top-navigation{
    display: none;
  }

  .nav-wrap{
    width: 100%;
  }

  .main-navigation{
    padding-top: 15px;
  }

  .header-wrap.slide-down{
    top:75px;
  }

  .top-navigation li{
    display: none;
  }

  /*    .top-navigation li.mobile{
          display: inline-block;
      }*/

  .logo{
    width: 60px;
  }

  .main-nav{
    margin: 0;
  }

  .toggle{
    display: block;
    width: 30px;
    height: 20px;
    float: right;
    cursor: pointer;
  }

  .toggle span{
    width: 30px;
    height: 3px;
    margin-bottom: 4px;
    display: block;
    background: #fff;
    transition: all 0.3s ease-out;
  }

  .toggle span:last-of-type{
    margin: 0;
  }

  .first-span{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    right: 0;
  }

  .last-span{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 5px;
    right: 0;
  }

  .mid-span{
    opacity: 0;
    transition: all 0.3s ease-out;
  }

  .main-navigation .button-red{
    display: none;
  }

  .main-menu{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 28px;
    background: #1a2b3c;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.38);
    box-shadow: 0 1px 1px rgba(0,0,0,0.38);
  }

  .mobile-menu > li{
    width: 100%;
    border-bottom: 1px solid #314150;
    margin: 0;
  }

  .mobile-menu > li:last-of-type{
    border: 0;
  }

  .has-nav{
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.050em;
    color: #fff;
    padding: 10px 0px 10px 15px;
    line-height: 24px;
    display: block;
    cursor: pointer;
  }

  .main-menu > li.arrow > a{
    display: none;
  }

  .mobile-menu > li.arrow > span:after,
  .vertical-menu > a:after{
    content: '';
    background: url(../images/arrow_down.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .vertical-menu > a:after{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .vertical-menu.rotate-arrow > a:after{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  header.slide-down{
    margin-top: 74px;
  }

  .mobile-menu > li.arrow > span.rotate-arrow:after
  {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .main-menu > li > a{
    color: #fff;
    padding: 10px 0px 10px 15px;
    font-size: 14px;
  }

  .main-menu > li > a.active,
  .main-menu > li > span.active{
    color: #0095d4;
  }

  .main-menu > li > a.active:before{
    opacity: 0;
  }

  /*    .main-menu > li:hover .sub-menu{
          pointer-events: inherit;
      }*/

  .sub-menu li.overview{
    display: block;
  }

  .sub-menu li{
    text-align: left;
  }

  .sub-menu li:last-of-type{
    border: 0;
  }

  .sub-menu li a{
    font-size: 14px;
    text-align: left;
    padding: 10px 20px;
  }

  .sol-sub-menu .sol-nav a{
    padding: 10px 20px 10px 30px;
  }
  .main-menu > li.mobile-btn{
    display: inline-block;
  }

  .main-nav .search{
    display: inline-block;
    float: left;
  }

  .main-nav .search:hover img,
  .header-wrap.slide-down .main-nav .search img {
    margin: 0;
  }

  .header-wrap.slide-down .main-nav .search {
    background: none;
  }

  .main-menu > li.mobile-topmenu{
    display: block;
  }

  .mobile-topmenu li{
    width: 100%;
    border-bottom: 1px solid #314150;
  }

  .mobile-topmenu li:last-of-type{
    border-bottom: 0;
  }

  .mobile-topmenu li a{
    color: #fff;
    padding: 10px 0px 10px 15px;
    font-size: 14px;
    display: block;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.050em;
    line-height: 24px;
  }

  .mobile-topmenu li:last-of-type a{
    color: #ffe400;
  }

  .main-menu > li:hover:before{
    left: 50%;
    right: 50%;
  }

  .sub-text{
    font-size: 14px;
    //padding: 5px 0 5px 20px;
  }

  .vertical-menu:hover .third-level-menu{
    display: none;
  }
  /*    .sub-menu .col-two{
          //padding: 0 20px;
      }*/
  .nav-thumb{
    display: block;
    position: relative;
    padding: 20px;
  }

  .overview{
    padding: 10px 20px;
  }

  .product .row{
    padding: 10px 20px;
  }

  .overview a{
    display: inline-block;
    width: 100%;
  }
  .sub-menu-inner .col-two p {
    text-align: left;
    text-transform: uppercase;
    color: #0095d4;
    padding: 0px 20px;
    margin: 10px 0 0;
  }
  /*    .sub-menu-inner .col-two p:after{
          content: '';
          background: url(../images/arrow_down.png) no-repeat;
          width: 16px;
          height: 16px;
          position: absolute;
          right: 15px;
          top: 15px;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
      }
      .sub-menu-inner .col-two p.rotate-arrow:after {
          -webkit-transform: rotate(-180deg);
          -moz-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
      }
          .sol-nav{
              display: none;
          }*/

  .promo-block .three-col-row {
    margin-top: 0; 
    padding: 0 20px 0 20px;
  }

  .promo-block .col-three {
    /*        margin-bottom: .5%;*/
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #e6e6e6;
  }

  .promo-block .col-three:last-child {
    border-bottom: 0;
  }

  .thumb-img img{
    width: 100%;
  }

  .nav-thumb .v-middle{
    vertical-align: top;
    padding: 20px;
    text-align: left;
    color: #fff;
  }

  .sol-sub-menu .col-two:first-child{
    padding-right: 20px;
  }
  .promo-img{
    display:  table-cell;
    width: 85px;
  }

  .promo-content{
    width: 81%;
    width: calc(100% - 85px);
  }

  .breadcrumb {
    top: 60px;
  }

  .filter-wrap{
    max-width: 710px;
    margin: 0 auto;
    position: relative;

  }
  
  .blog-filters ul{
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 48px;
    left: 0;
    display: none;
  }
  
  .blog-filters li{
    float: none;
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    display: block;
  }
  
  .blog-filters li:first-of-type {
    border-radius: 0;
  }
  
  .blog-filters li:last-of-type {
    border-radius: 0;
  }

  .resource-toggle {
    display: block;
    background: #0095d4;
    border-radius: 5px;
    width: 100%;
    padding: 10px 10px;
    text-align: left;
    text-transform: uppercase;
    /*margin-bottom: 6px;*/
    cursor: pointer;
    position: relative;
  }
  
  .blog-filters li > a{
    padding: 14px 0;
  }

  .resource-toggle .selected {
    color: #fff;
    padding: 2px 5px 0 7px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .05em;
  }

  .resource-toggle .arrow {
    background: url(../images/arrow_down.png) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .resource-toggle .arrow.rotate{
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .resource.blogs-details .blog-wraper {
    padding: 0;
  }
}

/**
 * min-width 1023px
 **/
@media screen and (max-width: 1023px){

  .load-more {
    display: block;
    padding-bottom: 7px;
    text-align: center;
    padding-top: 20px;
  }

}

/**
 * min-width 1024px 
 **/
@media screen and (min-width: 1024px){

  .load-more {
    position: absolute;
    bottom: 33px;
    left: 26%;
  }
}
/**
 * max-width 1400px and min-width 1281px
 **/
@media screen and (max-width: 1400px) and (min-width: 1281px){

  /**
   * blogs section style
  **/
  .blog-list{
    padding: 30px 40px 97px 40px;
  }

  .load-more {
    left: 25%;
  }

  .resource .load-more {
    left: 70px;
  }

  .sub-menu{
    //width: 312px;
  }

  .promo-content h5 {
    font-size: 18px;
  }

  .resource.blogs-details .blog-wraper {
    padding: 0 30px;
  }
}

/**
 * max-width 1280px and min-width 1024px
 **/
@media screen and (max-width: 1280px) and (min-width: 1024px){

  /*        .main-nav{
              margin-top: 8px;
          }

          .logo{
              width: 100px;
          }

          .main-menu > li > a{
              padding: 10px 20px 12px;
          }

          .main-navigation .button-red{
              padding: 15px 30px;
              margin-top: 0;
          }

          .sub-menu{
              top: 46px;
              //width: 304px;
          }

          .main-menu > li:nth-of-type(4) .sub-menu{
              width: 324px;
          }

          .sub-menu li a{
              font-size: 15px;
              padding: 10px 21px;
              //white-space: nowrap;
          }*/

  /**
   * footer-section responsive
  **/

  .promo-content h5 {
    font-size: 17px;
  }

  .footer .footer-nav{
    padding: 40px 0 0;
  }

  .footer .col-four{
    padding-right: 20px;
  }

  .footer .footer-links h6{
    margin-bottom: 10px;
  }

  .footer .footer-links li{
    margin-bottom: 5px;
  }

  .footer .footer-links a{
    font-size: 15px;
    display: inline-block;
  }

  .social-block li{
    margin-bottom: 5px;
  }

  .footer .subscribe-box{
    padding-right: 0;
  }

  .subscribe-box input[type="email"]{
    // width: 65%;
  }

  /**
   * resource center section style
   **/

  .resource-list{
    padding-right: 25px;
  }

  .resource-type{
    padding-left: 10px;
  }

  .resource-content{
    width: 68%;
    padding-left: 25px;
  }

  .pagination li a{
    font-size: 18px;
  }

  .load-more {
    left: 26.5%;
  }

  /**
   * blogs section style
  **/
  .blogs-type{
    width: 25%;
  }

  .blog-filters li > a{
    font-size: 12px;
    letter-spacing: 0.02em;
  }

  .blog-list{
    width: 75%;
    padding: 20px;
    padding-bottom: 97px;
  }

  .resource .blog-list{
    width: 100%;
  }

  .resource .blog-content{
    padding-left: 40px;
  }

  .resource.blogs-details .blog-wraper{
    padding: 0 20px;
  }

  /**
   * search post section style
  **/
  .search-post-outer{
    margin-left: -10px;
    margin-right: -10px;;
  }

  .search-post-outer .col-three{
    margin: 0 10px;
    width: 31.25%;
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
    margin-bottom: 30px;
  }

  .post-content{
    padding: 20px 10px 0;
  }

  .reference-resource-slider .hover-stage .hover-content h5{
    font-size: 18px;
  }

  .resource .load-more {
    left: 40px;
  }

}

/**
 * max-width 1023px and min-width 992px
 **/
@media screen and (max-width: 1023px) and (min-width: 992px){
  .blog-filters li > a{
    font-size: 12px;
    letter-spacing: 0.02em;
  }

  .resource.blogs-details .blog-wraper {
    padding: 0 10px;
  }

  /*  .resource .load-more {
      left: 30px;
  }*/
}
/**
 * max-width 1023px and min-width 768px
 **/
@media screen and (max-width: 1023px) and (min-width: 768px){

  /**
    * footer-section responsive
    **/

  .footer .footer-nav{
    padding: 30px 0 0;
  }

  .footer .col-four{
    padding-right: 15px;
  }

  .footer .footer-links h6{
    margin-bottom: 10px;
  }

  .footer .footer-links li{
    margin-bottom: 5px;
  }

  .footer .footer-links a{
    font-size: 14px;
    display: inline-block;
  }

  .social-block li{
    margin-bottom: 5px;
  }

  .footer .subscribe-box{
    width: 50%;
    padding-right: 0;
  }

  .social-block{
    width:50%;
    padding-right: 0;
    margin-bottom: 15px;
  }

  .subscribe-box input[type="email"]{
    //width: 65%;
  }

  .promo-content h5 {
    font-size: 16px;
  }

  /**
   * resource center section style
   **/

  .resource-list{
    width: 100%;
    padding: 0;
  }

  .resource-content p{
    font-size: 18px;
  }

  .resource-type{
    float: none;
    width: 100%;
    padding: 0;
    position: absolute;
    width: 87%;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
  }

  .post-column{
    width: 48%;
    float: left;
  }

  .post-column:last-of-type{
    float: right;
  }

  .pagination li,
  .pagination li a{
    font-size: 16px;
  }

  /**
   * blogs section style
  **/
  .blogs-details{
    padding: 10px 0;
  }

  .blogs-details .blog-wraper{
    display: block;
  }

  .blogs-type{
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 0px;
  }

  .resource .blogs-type{
    display: none;
  }

  .blog-list{
    display: block;
    width: 100%;
    float: left;
    padding: 20px;
  }

  .blog-content{
    padding-left: 20px;
    width: 68%;
  }

  .resource .blog-content{
    width: 68%;
    padding-left: 30px;
  }

  .red-label{
    margin-bottom: 15px;
    font-size: 12px;
  }

  .blog-list .blog-content p{
    font-size: 16px;
  }

  .blog-content .read-more{
    font-size: 14px;
  }

  /**
   * search post section style
  **/
  .search-post-outer{
    margin-left: -6px;
    margin-right: -6px;
  }

  .search-post-outer .col-three{
    margin: 0 6px;
    width: 31.6%;
    width: -webkit-calc(33.33% - 12px);
    width: -moz-calc(33.33% - 12px);
    width: calc(33.33% - 12px);
    margin-bottom: 25px;
  }

  .post-content{
    padding: 20px 5px 0;
  }




}
/**
 * max-width 767px
 **/
@media screen and (max-width: 767px){


  /**
   * resource center section style
   **/

  .resource-type{
    float: none;
    width: 100%;
    padding: 0;
    position: absolute;
    width: 87%;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);

  }

  .resource-list{
    width: 100%;
    padding: 0;
  }

  .resource-row{
    padding: 15px 0;
  }

  .thumbs-image{
    width: 100%;
    float: none;
    margin: 0 auto 15px;
  }

  .resource-content{
    width: 100%;
    text-align: center;
    padding: 0;
  }

  .resource-content p{
    font-size: 16px;
  }

  .resource-select-list .label-text{
    font-size: 14px;
  }

  .resource-content .read-more{
    font-size: 14px;
  }

  .pagination{
    padding: 10px 0;
  }

  .pagination li{
    margin-bottom: 5px;
    font-size: 14px;
  }

  .pagination li a{
    font-size: 14px;
  }

  .pagination li:before,
  .pagination li a:before{
    bottom: -4px
  }

  /**
  * blogs page responsive
  **/
  .blogs-select-list{
    padding: 0 10px;
  }

  .blogs-details{
    padding: 10px 0;
  }

  .blogs-details .blog-wraper{
    display: block;
  }

  .blogs-type{
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 0px;
  }

  .resource .blogs-type{
    display: none;
  }

  .blog-list{
    display: block;
    width: 100%;
    float: left;
    padding: 20px;
  }

  .blog-list .resource-row{
    text-align: center;
  }

  .blog-content{
    width: 100%;
    padding: 0;
  }

  .resource .blog-content{
    width: 100%;
    padding: 0;
  }

  .blog-list .blog-content p{
    font-size: 14px;
  }

  .red-label{
    font-size: 12px;
  }

  .blog-content .read-more{
    font-size: 14px;
  }

  /*    .search-wrap{
      width: 90%;
  }*/

  .search-wrap span {
    width: 15px;
    padding-left: 0px;
    padding-top: 10px;
    float: left;
  }

  .search-wrap input{
    float: left;
    margin-top: 5px;
  }

  .search-wrap .search-btn{
    padding: 7px 10px;
    font-size: 12px;
  }

  .search-wrap
  input::-webkit-input-placeholder {
    font-size: 16px;
    //line-height: 1.2;
  }

  .search-wrap input::-moz-placeholder {
    font-size: 16px;
  }

  .search-wrap input:-ms-input-placeholder {
    font-size: 16px;
  }

  .search-wrap input:-moz-placeholder {
    font-size: 16px;
  }

  .search-wrap input{
    width: Calc(100% - 100px);
  }

  /**
   * search post section style
  **/
  .container-wrapper{
    padding: 40px 0;
  }

  .search-post .content-800 p{
    font-size: 16px;
  }

  .search-post-outer{
    margin: 0;
  }

  .search-post-outer .col-three{
    width: 100%;
    margin: 0 auto 20px;
  }

  .search-post-outer .col-three:last-child{
    margin-bottom: 0;
  }

  .aboutQ .search-post-outer .col-three{
    float: none;
    margin: 0 auto;
  }

  .post-content {
    padding: 10px 10px 0;
  }

  /*    .third-level-banner{
          max-height: 140px;
      }*/

  .breadcrumb{
    top:60px;
  }

  .search-wrap input{
    font-size:16px;
  }
}

@media screen and (max-width: 767px) and (min-width:641px){
  /**
    * footer-section responsive
    **/

  .footer .footer-nav{
    padding: 20px 0 0;
  }

  .footer .col-four{
    width: 50%;
    margin-bottom: 20px;
    padding-right: 10px;
  }

  .footer .footer-links h6{
    margin-bottom: 10px;
  }

  .footer .footer-links li{
    margin-bottom: 5px;
  }

  .footer .footer-links a{
    font-size: 14px;
  }

  .footer .subscribe-box{
    padding-right: 0;
  }

  .container-wrapper{
    padding: 40px 0;
  }

}
@media screen and (max-width: 640px){
  /**
   * footer-section responsive
   **/

  .footer .footer-nav{
    padding: 20px 0 0;
  }

  .footer .col-four{
    text-align: center;
    margin-bottom: 20px;
  }

  .footer .footer-links h6{
    margin-bottom: 10px;
  }

  .footer .footer-links li{
    margin-bottom: 5px;
  }

  .footer .footer-links a{
    font-size: 14px;
  }

  .subscribe-block{
    margin: auto;

  }

  .footer .subscribe-box{
    margin-bottom: 0;
  }

  .subscribe-box input[type="email"]{
    max-width: 180px;
    float:left;
  }

  .sol-sub-menu .col-two:first-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) and (min-width:481px){
  .post-column{
    width: 48%;
    float: left;
  }

  .post-column:last-of-type{
    float: right;
  }

  .promo-content h5 {
    font-size: 16px;
  }

}
@media screen and (max-width: 480px){
  .search-wrap .search-btn{
    margin-top: 0px;
    /*  float: none;*/
  }

  .search-wrap form{
    text-align: center;
  }

  .nav-thumb a{
    display: block;
    position: relative;
    width: 100%;
  }
  .nav-thumb a:first-child{
    margin-bottom: 10px;
    margin-right: 0;
  }

  .company .nav-thumb a {
    width: auto;
    margin: 0;
    display: inline-block;
  }
  .sub-menu .col-two{
    padding: 0;
  }

  .sub-menu-inner .col-two {
    padding: 10px 20px;
  }

  .promo-content h5 {
    font-size: 14px;
  }
}


/*media query for menu*/

@media screen and (max-width: 1280px) and (min-width:992px){
  .nav-wrap{
    width:82%;
    width: -webkit-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: calc(100% - 140px);
  }

  .main-nav{
    margin-top: 0px;
  }

  .logo{
    width: 80px;
  }

  .main-menu > li{
    margin-right: 5px;
  }

  .main-menu > li:nth-of-type(4){
    margin-right: 13px;
  }

  .main-menu > li > a{
    font-size: 14px;
    padding: 10px 12px 10px;
  }

  .main-navigation .button-red{
    padding: 10px 20px;
    margin-top: 0;
  }

  .sub-menu{
    top: 44px;
  }

  .solution .sub-menu {
    width: 715px;
  }

  .sub-menu li a{
    font-size: 14px;
  }

  .header-wrap.slide-down {
    top: 95px;
  }
  header.slide-down {
    margin-top: 95px;
  }
  .dropdown-search{
    padding: 30px 0 35px;
    height: 95px;
  }
  .promo-img{
    display:  table-cell;
    width: 95px;
  }

  .promo-content{
    width: 81%;
    width: calc(100% - 95px);
  }
}

@media screen and (max-width: 991px) and (min-width:480px){
  .nav-thumb a{
    display: inline-block;
    position: relative;
    width: calc(50% - 5px);
  }
  .nav-thumb a:first-child{
    margin-right: 5px;
  }
  .company .nav-thumb a{
    width: auto;
    display: inline-block;
    margin: 0;
  }
}





/**
 * Hero-banner
 **/

.hero-banner{
  max-height: 720px;
  overflow: hidden;
}

.hero-banner .left{
  float: left;
  width: 50%;
  padding: 0 20px 0 0;
  text-align: left;
}

.hero-banner .right{
  float: right;
  width: 50%;
  padding: 0 35px 0 75px;
  text-align: left;
}

.hero-banner .hero-slider{
  position: relative;
  height: 100% !important;
  width: 100%;
  overflow: hidden;
  max-height: inherit;
}

.hero-slider .hero-nav {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 60%;
  left: auto !important;
  text-align: center;
}

.hero-slider .item-wrapper
{
  width: 100%;
  height: 100%;
  max-height: inherit;
  left : 0;
  float: left;
  margin-left: 0 !important;
}

/*.hero-slider .bg-img img{
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}*/

.hero-slider .active .bg-img img{
  opacity: 1;
}

.hero-slider .v-middle-wrapper{
  opacity: 0;
  transition: opacity 0.8s ease-in-out 0.5s;
}

.hero-slider h2{
  font-size: 30px;
  line-height: 1.2;
  color: #fff;
}

.hero-slider .active .v-middle-wrapper{
  opacity: 1;

}

.hero-slider .item-wrapper .slide-item.active{
  position: relative !important;
  width: 100% !important;
  left: 0 !important;
  z-index: 1;
  opacity: 1;
}

.hero-slider .item-wrapper .slide-item {
  float: left;
  width: 100%;
  max-height: inherit;
  height: 100%;
  opacity: 0;
  position: absolute;
  overflow: hidden;
  left: 0 !important;
  width: 100% !important;
  z-index: -1;
  -webkit-transition: opacity 0.9s ease-in-out;
  -moz-transition: opacity 0.9s ease-in-out;
  -ms-transition: opacity 0.9s ease-in-out;
  -o-transition: opacity 0.9s ease-in-out;
  transition: opacity 0.9s ease-in-out;

}
.hero-slider .hero-nav.next-prev{
  width: 100%;
  top: 53%;
}
.hero-slider .hero-nav .prev, .hero-slider .hero-nav .next {
  display: inline-block;
  position: absolute;
  top: 0;
  cursor: pointer;
  /*    opacity: 0;*/
  -webkit-transition: background 0.3s, opacity 0.5s;
  transition: background 0.3s, opacity 0.5s;
  background: #1d2025;
  width: 34px;
  height: 34px;
  padding: 10px 0;
  border-radius: 50%;
}

.hero-slider .hero-nav .pagination a, .hero-slider .hero-nav li a {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1d2025;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.hero-slider .hero-nav .pagination .active a {
  background: white;
}

.hero-slider .hero-nav .next {
  right: -5px;
}
/*.hero-nav:hover .prev, .hero-nav:hover .next {
    opacity: 1;
}*/
.hero-slider .hero-nav .pagination, .hero-slider .hero-nav li {
  display: block;
  vertical-align: middle;
  padding: 0 3px 3px 3px;
  margin-bottom: 5px;
}

.hero-slider .hero-nav .prev {
  left: 30px;
}

.hero-banner .banner-logo{
  margin-top: 0px;
}

.hero-banner .right.banner-logo{
  margin-top: 0px;
}

.hero-banner .left.banner-logo{
  margin-top: 0px;
}

.hero-banner .banner-logo img{
  width: auto;
  /*max-width: 530px;*/
}

.hero-banner h1{
  color: #fff;
  line-height: 1.1;
  margin: 20px 0 0 0;
  letter-spacing: .042em;
  text-transform: none;
}

.banner-content.horizontal {
  text-align: left;
}

.hero-banner .horizontal h1{
  display: inline;
}

.hero-banner .horizontal h2{
  display: inline-block;
}

.hero-banner .horizontal a.button-default {
  float: right;
  margin-left: 40px;
  margin-top: 0px;
}


.hero-banner .button-default{
  margin-top: 40px;
  /*padding: 12px 27px;*/
}

/**
 * Grid-with-icon
 **/

.grid-with-icon .wrapper {
  padding-top:0;
}

.grid-wrap{
  padding: 45px 0 52px;
}

.grid-content-row .grid-icons{
  margin-bottom: 13px;
}

.grid-with-icon .grid-content-row .grid-icons img{
  max-height: 150px;
}

.grid-with-icon h5{
  font-weight: 700;
  text-transform: uppercase;
}

.grid-with-icon p{
  line-height: 1.69;
  margin-bottom: 15.5px;
  font-size: 20px;
}

.grid-wrap .button-default{
  font-weight: 400;
  margin-top: 15px;
}

.grid-content-row .col-three:nth-child(2){
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.grid-content-row .col-three{
  padding: 0 10px;
}

.grid-with-icon .container-outer {
  padding-top: 0;
}

/**
 * Intro-block
 **/

.intro-block{
  text-align: center;
  padding: 82px 0 62px;
}

.intro-block h2{
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.050em;
  text-transform: none;
}

.intro-block h5{
  margin-bottom: 10px;
  font-weight: 600;
}

.intro-block p{
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
}

.intro-block .content-800:after, .intro-block .content-900:after {
  content: "";
  background: #0095d4 ;
  width: 58px;
  height: 4px;
  display: block;
  margin: 0 auto;
}

.intro-block .content-900 {
  padding: 0 20px;
  max-width: 940px;
}

/**
 * Infographic-block
 **/
.infographic-block .container-wrap{
  padding: 70px 0;
  text-align: center;
}

.infographic-block h2{
  letter-spacing: .045em;
  line-height: 1.2;
  width: 100%;
}

.infographic-block p{
  line-height: 1.7;
}

.infographic-block .infographic-detail-container{
  width: 100%;
  float: left;
  /*margin: 40px auto 0;*/
}

.infographic-block .infographic-detail{
  width: 100%;
  max-width: 604px;
  margin: 0 auto;
}

.infographic-block .infographic-detail h5{
  font-weight: 700;
  line-height: 1.7;
  margin: 9px 0 8px;
}

.infographic-block .infographics-logos{
  background: #fff;
  padding: 0 20px;
}

.infographic-block .left{
  width: 30%;
  height: 100%;
  position: relative;
}

.infographic-block .quali-logo{
  width: 40%;
  margin-top: 125px;
}

.infographic-block .quali-logo img{
  margin-left: 5px;
}

.infographic-block .quali-logo:after,
.infographic-block .quali-logo:before{
  content: "";
  background: url(../images/q-right-bracket.png);
  position: absolute;
  height: 189px;
  width: 42px;
  right: 9px;
  top: -43px;
}

.infographic-block .quali-logo:before{
  background: url(../images/q-left-bracket.png);
  right: auto;
  left: 9px;
}

.infographic-block .button-default{
  margin-top: 49px;
}

/**
 * Platform-shells
 **/

.platform-shells{
  padding: 24px 0;
  text-align: center;
}

#platform-shells{
  float: left;
  width: 100%;
}

.platform-shells .container-outer{
  padding: 0 80px;
}

.platform-shells h2{
  letter-spacing: .045em;
  margin-bottom: 33px;
}

.platform-shells .item{
  padding: 10px 0;
}

.platform-shells .front-face img{
  padding: 50px 0;
}

.platform-shells .flip-inner .front-face {
  margin-bottom: 18px;
}

.platform-shells .button-default{
  margin: 50px 0 0;
}

.platform-shells .flip-inner .front-face {
  margin-bottom: 0;
}

/**
 *  Generic code for flip item on x-axis (platform-shells extended functionality)
 **/

.flip-item {
  -webkit-perspective: 1500;
  -moz-perspective: 1500;
  -o-perspective: 1500;
  perspective: 1500;
  -ms-transform: perspective(1500px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  /*border: 1px solid #ccc;*/
  float: left;
  width: 100%;
}

.info-team .team-name {
  float: left;
  width: 100%;
}

.flip-item:hover .front-face,
.flip-item.hover .front-face{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  opacity: 0\9;
}

.flip-item:hover .back-face,
.flip-item.hover .back-face{
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1\9;

}

/*.team-info-block .click-over-team .flip-item:hover .front-face,
.team-info-block .click-over-team .click-over.flip-item.hover .front-face{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);

}

.team-info-block .click-over-team .flip-item:hover .back-face,
.team-info-block .click-over-team .flip-item.hover .back-face{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}*/

.team-info-block .col-three.active .tab-content{
  opacity: 1;
  z-index: 4;
}
.team-info-block .col-three.active .front-face{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.team-info-block .col-three.active .back-face{
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flip-item,
.front-face,
.back-face{
  /*width: inherit;*/
  width: 100%;
  height: 175px;
}

.flip-inner{
  position: relative;
  float:left;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.8s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.8s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.8s;
  -o-transform-style: preserve-3d;
  transition: 0.8s;
  transform-style: preserve-3d;
}

.front-face,
.back-face{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.8s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.8s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.8s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.8s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  position: relative;
  top: 0;
  left: 0;
}

.front-face{
  /*z-index: 2;*/
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1\9;
}

.back-face{
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #e9e9e9;
  opacity: 0\9;
  position: absolute;
}

.back-face p{
  position: absolute;
  top: 20px;
  left: 23px;
  right: 23px;
  text-align: left;
  line-height: 1.5;
  margin: 0;
}

@media screen and (max-width: 1399px) and (min-width:1281px){
  .back-face p{
    top: 10px;
    left: 20px;
    right: 20px;
  }
}

/**
 * Special code for team info block flip-item, front-face, back-face
 **/

.team-info-block .flip-item
{
  width: 100%;
  height: auto;
}

.team-info-block .front-face,
.team-info-block .back-face{
  width: 100%;
  height: auto;
}

/**
 * Grid-with-bg
 **/

.grid-with-bg{
  text-align: center;
  color: #fff;
  min-height: 486px;
  background: url(../images/career.jpg) 50% 0 no-repeat fixed;
  background-size: cover;
  padding: 55px 0 70px;
}

.grid-with-bg.messy-lab {
  background: url(/wp-content/uploads/2017/12/messy-lab2.jpg) 50% 0 no-repeat fixed;
}

.grid-with-bg .bg-img{
  max-height: 486px;
  height: 100%;
}

.grid-with-bg h2{
  margin-bottom: 58px;
  letter-spacing: .045em;
}

.grid-with-bg .col-four-row{
  float: left;
}

.grid-with-bg .col-four{
  padding: 0 25px;
  border-right: 1px solid #7d858e;
}

.grid-with-bg .col-four:last-of-type{
  border: 0;
}

.grid-with-bg .col-four img{
  margin-bottom: 23px;
  height: 110px;
}

.grid-with-bg h5{
  font-weight: 700;
  line-height: 1.2;
  max-width: 165px;
  width: 100%;
  margin: 0 auto;
  text-transform: uppercase;
}

.grid-with-bg p{
  margin-top: 3px;
  line-height: 1.7;
  margin-bottom: 0;
}

/**
 * Employee testimonials
 **/

.employee-testimonials{
  text-align: center;
  color: #fff;
}

.employee-testimonials .container-wrap{
  background: #624c79 url(../images/quali-logo.png) no-repeat center;
  padding: 105px 60px;
}

.employee-testimonials h2{
  letter-spacing: .045em;
  /*margin-right: 35px;*/
  margin-bottom: 62px;
}

.employee-testimonials .owl-carousel{
  /*padding: 0 20px;*/
}

.employee-testimonials .item{
  padding: 0 35px;
}

.employee-testimonials .img-box img{
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 22px;
}

.employee-testimonials .content-box p {
  line-height: 1.7;
  margin-bottom: 0;
}

.employee-testimonials .content-box .employee-name {
  text-transform: uppercase;
}

/**
 * Img-info-block
 **/
.img-info-block{
  padding: 70px 0;
}

.img-info-block h2{
  letter-spacing: .045em;
  margin: 4px 0;
}

.img-info-block p{
  line-height: 1.7;
}

.img-info-block .info-content{
  width: 57%;
  margin-top: 40px;
  /*max-width: 57%;*/
}

.img-info-block .info-content .button-default:last-of-type{
  margin-left: 6px;
}

/**
 * Video-infographic-block
 **/
.video-infographic-block{
  padding: 70px 0;
}

.video-infographic-blockh2{
  letter-spacing: .045em;
  margin: 4px 0;
}

.video-infographic-block p{
  line-height: 1.7;
}

.video-infographic-block .button-default:last-of-type{
  margin-left: 6px;
}

.video-infographic-block .col-two img{
  width: 100%;
  max-width: 561px;
  float: right;
  /*padding-left: 20px;*/
  cursor: pointer;
}

.video-infographic-block .col-two:nth-child(2) a:after{
  content: "";
  background: #0095d4 url("../images/arrow-right.png") no-repeat 56% 50%;
  -webkit-box-shadow: 0px 2px 0px 0px #00649f;
  -moz-box-shadow: 0px 2px 0px 0px #00649f;
  box-shadow: 0px 2px 0px 0px #00649f;
  width: 64px;
  height: 64px;
  position: absolute;
  cursor: pointer;
  top: Calc(50% - 32px);
  left: Calc(50% - 64px + 10%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.video-infographic-block .col-two:nth-child(2) a:hover:after{
  background: #004b6a url("../images/arrow-right.png") no-repeat 56% 50%;
  -webkit-box-shadow: 0px 2px 0px 0px #004b6a;
  -moz-box-shadow: 0px 2px 0px 0px #004b6a;
  box-shadow: 0px 2px 0px 0px #004b6a;
}

.category-column .post-image{
  position: relative;
}

.category-column .video-play .post-image:after{
  content: "";
  background: #0095d4 url("../images/arrow-right.png") no-repeat 56% 50%;
  -webkit-box-shadow: 0px 2px 0px 0px #00649f;
  -moz-box-shadow: 0px 2px 0px 0px #00649f;
  box-shadow: 0px 2px 0px 0px #00649f;
  width: 64px;
  height: 64px;
  position: absolute;
  cursor: pointer;
  top: Calc(50% - 32px);
  left: Calc(50% - 32px);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.category-column .video-play .post-image:hover:after{
  background: #004b6a url("../images/arrow-right.png") no-repeat 56% 50%;
  -webkit-box-shadow: 0px 2px 0px 0px #004b6a;
  -moz-box-shadow: 0px 2px 0px 0px #004b6a;
  box-shadow: 0px 2px 0px 0px #004b6a;
}

/**
 * Get started form
 **/

.get-started-form{
  padding: 65px 0;
  text-align: center;
}

.get-started-form  h2{
  line-height: 1.575;
  letter-spacing: .045em;
}

.get-started-form p{
  /*font-size: 20px;*/
  font-weight: 400;
  line-height: 1.7;
}

.get-started-form .content-800{
  margin-bottom: 68px;
}

.contact-form form .row{
  width: 100%;
  float: left;
  margin: 0 0 40px;
}

.contact-form form .row .col-two:first-of-type{
  padding-right: 20px;
}

.contact-form form .row .col-two:last-of-type{
  padding-left: 20px;
}

.contact-form form ::-webkit-input-placeholder {
  color: #2d3e50;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 300;
}

.contact-form .hs-form input[type="text"]::-moz-placeholder{
  color: #2d3e50;
  font-size: 20px;
  font-weight: 300;
  opacity: 1;
}

.contact-form .hs-form input[type="email"]::-moz-placeholder{
  color: #2d3e50;
  font-size: 20px;
  font-weight: 300;
  opacity: 1;
}

.contact-form .hs-form textarea[name="comments"]::-moz-placeholder{
  color: #2d3e50;
  font-weight: 300;
  font-size: 20px;
  opacity: 1;
}

.contact-form form input,
.contact-form form textarea {
  display: block;
  width: 100%;
  margin: 0;
  font-family: "proxima-nova",sans-serif;
  /*padding: 10px 24px 9px 18px;*/
  padding: 0 18px 0;
  color: #2d3e50;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 300;
  border: 1px solid #cacdcf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: none;
}

.contact-form form input{
  height: 55px;
}

.contact-form form textarea{
  padding: 11px 24px 11px 18px;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 300;
}

.contact-form form .row:last-of-type{
  margin: 0 0 30px;
}

.contact-form form label{
  position: absolute;
  top: -25px;
  left: 19px;
  display: block;
  color: #404041;
  font-size: 14px;
  font-weight: 700;
  pointer-events: none;
}

.contact-form form .col-two:last-of-type label{
  left: 39px;
}

.contact-form form .col{
  position: relative;
}

.get-started-form .contact-us{
  margin:28px 0 0;
}

.get-started-form .contact-us p{
  margin-bottom: 5px;
  font-weight: 300;
}

.get-started-form .contact-us h2{
  line-height: 1;
  color: #0095d4;
  font-weight: 300;
}

/**
 * Get started Form
 **/

.contact-form .hs-form.stacked fieldset{
  max-width: 100%;
  position: relative;
}

.contact-form .hs-form.stacked label {
  position: absolute;
  top: -25px;
  left: 19px;
  display: block;
  color: #404041;
  font-size: 14px;
  font-weight: 700;
  pointer-events: none;
}

.contact-form .hs-form.stacked .form-columns-2 .hs-form-field:last-of-type label
{
  left: 39px;
}

.contact-form .hs-form fieldset .hs-form-field {
  position: relative;
  margin: 0 0 40px;

}

.contact-form .hs-form fieldset.form-columns-2 .hs-error-msgs label {
  right: 20px;
  left: inherit;
}

.contact-form .hs-form.stacked .hs-form-field:nth-child(even) .hs-error-msgs label,
.contact-form .hs-form fieldset.form-columns-1 .hs-error-msgs label {
  right: 0;
  left: inherit !important;
}

.contact-form .hs-form fieldset.form-columns-2 .hs-form-field:first-child{
  padding-right: 20px;
}

.contact-form .hs-form fieldset.form-columns-2 .input{
  margin: 0;
}

.contact-form .hs-form fieldset.form-columns-2 .hs-form-field:last-child{
  padding-left: 20px;
}

.contact-form .hs-form .hs-input, .hs-form textarea.hs-input{
  max-width: 100%;
  width: 100% !important;
  box-sizing: border-box;
}

.contact-form .hs-form fieldset.form-columns-1 .hs-input{
  width: 100%;
  /*margin: 0 0 30px;*/
  /*height: 133px;*/
}

.contact-form .hs-form.stacked .field div.input{
  margin: 0;
}

.contact-form input.hs-input:focus, .contact-form textarea.hs-input:focus {
  outline: none;
  border-color: #cacdcf;
  box-shadow: none;
}

.contact-form input.hs-input.error,
.contact-form .hs-form div.field.error input,
.contact-form .hs-form div.field.error textarea,
.contact-form .hs-form div.field.error .chzn-choices,
.contact-form textarea.hs-input.error{
  border: 1px solid #ef6f6f;
}
.contact-form input.hs-input, textarea.hs-input {
  box-shadow: none;
}

.contact-form input.hs-input.error:focus,
.contact-form .hs-form div.field.error input:focus,
.contact-form .hs-form div.field.error textarea:focus,
.contact-form .hs-form div.field.error .chzn-choices:focus,
.contact-form textarea.hs-input.error:focus {
  border-color: #cacdcf;
  box-shadow: none;
}

.contact-form .hs-form.stacked .actions {
  margin: 0;
  padding: 0;
}

.contact-form .hs-form .hs-button{
  max-width: 200px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  background: #0095d4;
  font-family: "proxima-nova",sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  text-decoration: none;
  padding: 10px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.contact-form .hs-form .hs-button:hover:not(.inactive),.contact-form .hs-form .hs-button:focus:not(.inactive),.contact-form .hs-form .hs-button.hovered:not(.inactive) {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.contact-form .hs-form .hs-button:hover,.contact-form .hs-form .hs-button:focus,.contact-form .hs-form .hs-button.hovered{
  background: #00649f;
}

.contact-form .hs-form fieldset.form-columns-1 .hs-error-msgs label a {
  top: 35px;
  right: 8px;
  position:  absolute;
  width: 180px;
}

.contact-form .hs-form-booleancheckbox{
  height: 55px;
}

/* Checkbox label */
.contact-form .hs-form ul .hs-form-booleancheckbox-display{
  position: relative;
  left: 0 !important;
  top: 0;
  display: block;
  float: left;
  text-align: left;
  pointer-events: all;
  height: 100%;
}

/* Checkbox input */
.contact-form .hs-form input[type="checkbox"]{
  display: none;
  width: auto !important;
  float: left;
}

.contact-form .hs-form input[type="checkbox"] + span {
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left;
  margin: 1px 10px 0 0;
  vertical-align: middle;
  border: 1px solid #0095d4;
  /*background: url(../images/checkboxes.png) left top no-repeat;*/
  cursor: pointer;
}

.contact-form .hs-form input[type="checkbox"]:checked + span {
      background: url(../images/checkboxes.png) -20px -1px no-repeat;
}

/* Checkbox text */
.contact-form .hs-form-booleancheckbox-display span{
  /*  line-height: 55px;
    float: left;
    padding-left: 12px;*/
  position: relative;
  top: 17px;
  /*left: 10px;*/
}
.contact-form .hs-form-booleancheckbox-display .hs-form-required {
  /*  float: none;
    padding-left: 0;*/
}
/*.contact-form input.hs-input.error:focus,
.contact-form .hs-form div.field.error input:focus,
.contact-form .hs-form div.field.error textarea:focus,
.contact-form .hs-form div.field.error .chzn-choices:focus,
.contact-form textarea.hs-input.error:focus {
     border-color: transparent;
     box-shadow: none;
}*/


/**
 * Location-map
 **/
.location-map{
  padding: 80px 0;
}

.location-map .col-three{
  max-width: 390px;
  width: 31.37%;
}

.location-map .col-two {
  width: calc(50% - 40px);
  margin: 0 20px;
}

@media screen and (max-width: 767px) {
    .location-map .col-two {
      width: 100%;
      margin: 0 auto
    }
}

.location-map .col-two div [id^="googleMap"] {
  width: 100% !important;
}


.location-map .col-three:nth-child(2){
  margin:0 2.945%;
}

.location-map .address-box{
  background-color: #fff;
  padding: 21px 40px 23px;
}

.location-map .address-box h5{
  font-weight: 700;
  text-transform: uppercase;
}

.location-map .address-box p{
  line-height: 1.7;
  /*padding-right: 45px;*/
  margin-bottom: 27px;
}

.location-map .address-box .contact-numbers p{
  margin-bottom: 0;
}

.location-map .contact-numbers p span{
  font-weight: 700;
}

/**
 * Reference-solutions-post
 **/

/*.bottom-dash:after{
    content:"";
    background: #0095d4;
    width: 58px;
    height: 4px;
    position: absolute;
    bottom: -17px;
    left: 48%;
}*/

.reference-solutions-post{
  text-align: center;
  padding: 64px 0 60px;
}

.reference-solutions-post .unstretch{
  padding: 0 60px;
}

.reference-solutions-post .item{
  margin: 0 4.45%;
  background-color: #fff;
}

.reference-solutions-post h2,
.reference-solutions-post h6{
  line-height: 1.5;
}

.reference-solutions-post h5{
  line-height: 1.3;
  position: relative;
  letter-spacing: 0.049em;
}

.reference-solutions-post h6{
  font-size: 18px;
  margin: 45px 0 21px;
  font-weight: 700;
  text-transform: uppercase;
}

.reference-solutions-post p{
  line-height: 1.7;
  margin-bottom: 6px;
}

.reference-solutions-post .content-box{
  background: #fff;
  text-align: left;
  padding: 25px 40px 33px 40px;
}

.reference-solutions-post .content-box h5{
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2px;
}

/**
 * Secondray-fix-link
 **/

.secondray-fix-links{
  position: absolute;
  top: 130px;
}

/**
 * Video-overlay
 **/

.overlay-active{
  overflow: hidden;
}

.video-overlay{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(45, 62, 80, 0.9);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*    -moz-transform: translateY(100%)scale(0.9);
      -o-transform: translateY(100%)scale(0.9);
      -ms-transform: translateY(100%)scale(0.9);
      -webkit-transform: translateY(100%)scale(0.9);
      transform: translateY(100%)scale(0.9);*/
  opacity: 0;
  z-index: 15;
  visibility: hidden;
}

.overlay-active .video-overlay{
  visibility: visible;
  /*    -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;*/
  opacity: 1;
  /*z-index: 15;*/
}

.video-overlay .outer-box{
  width: 100%;
  height: 100%;
  text-align: center;
}

.video-overlay .container-outer{
  position: relative;
  padding: 0 20px;
}

.video-overlay iframe{
  border: none;
  max-width: 1280px;
  max-height: 720px;
}

#close-video {
  height: 35px;
  width: 35px;
  padding: 10px 1px 0px 0px;
  background: #0095d4;
  -webkit-box-shadow: 0px 2px 0px #00649f;
  -moz-box-shadow: 0px 2px 0px #00649f;
  box-shadow: 0px 2px 0px 0px #00649f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -44px;
  /*right: 22px;*/
  margin-left: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#close-video:hover{
  background: #004b6a;
  -webkit-box-shadow: 0px 2px 0px #004b6a;
  -moz-box-shadow: 0px 2px 0px #004b6a;
  box-shadow: 0px 2px 0px #004b6a;
}

.video-overlay .loader{
  position: relative;
  top: 0;
  bottom: 0;
  background: url("../images/loader.gif") no-repeat;
  text-align: center;
  background-position: 50%;
}

/**
 * Body scaling and overlay transitions
 **/

.quali-wrapper{
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*    -webkit-transition: transform 0.5s ease;
      -moz-transition: transform 0.5s ease;
      -o-transition: transform 0.5s ease;
      transition: transform 0.5s ease;*/
}

.overlay-active .quali-wrapper{
  /*    -moz-transform: scale(0.9);
      -o-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      transform: scale(0.9);*/
}

/**
 * Customer page banner second level mods
 **/
.banner-second-level .author-name{
  display: block;
  font-size: 16px;
  line-height: 2.12;
  text-transform: uppercase;
}

/**
 * Get started page
 **/

/**
 * Banner-full-page
 **/

.banner-full-page .bg-img{
  max-height: 415px;
  height: 100%;
}

.banner-full-page .content-850{
  margin: 15px 0 0 0;
}

.banner-full-page h2{
  color: #2d3e50;
  letter-spacing: .045em;
  line-height: 1.2;
  margin-bottom: 9px;
  max-width: 600px;
  width: 100%;
}

.banner-full-page p{
  color: #2d3e50;
  line-height: 1.7;
}

.right-align .content-850{
  padding: 0 23px;
  float: right;
}

/*.right-align h2,
.right-align p{
    color: #fff;
}*/

.left-align .content-850{
  padding-left: 0;
}

/**
 * Banner-secondary
 **/

.banner-secondary .bg-img{
  max-height: 415px;
  height: 100%;
}

.banner-secondary h2{
  color: #fff;
  letter-spacing: .045em;
  line-height: 1.2;
  margin-bottom: 9px;
  width: 100%;
}

.banner-secondary p{
  color: #fff;
  line-height: 1.7;
}

.banner-secondary .v-middle-wrapper{
  background: rgba(45,62,80,0.8);
}

.overlay-alter .v-middle-wrapper{
  background: rgba(45,62,80,0.3);
}

/**
 * Banner-primary-cta
 **/
.banner-primary-cta{
  padding: 50px 0;
  text-align: center;
  color: #fff;
  max-height: 525px;
  overflow: hidden;
}

.banner-primary-cta h2{
  /*letter-spacing: .045em;*/
  margin-bottom: 20px;
}

.banner-primary-cta h4{
  line-height: 1.693;
  font-weight: 400
}

.banner-primary-cta p{
  text-transform: uppercase;
  margin-top: 45px;
}

/**
 * Banner-detail-bg
 **/

.banner-bg-detail{
  padding: 60px 0 40px;
  margin-bottom: 2px;
}

.banner-bg-detail .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;

  -webkit-box-align: center;
  -moz-box-align: center;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

}

.banner-bg-detail.left-align .container{
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
}

.banner-bg-detail h2{
  color: #2d3e50;
  letter-spacing: .045em;
  line-height: 1.2;
  margin-bottom: 9px;
  max-width: 730px; /* was 600px, but content container is 730 */
  width: 100%;
}

.banner-bg-detail p{
  color: #2d3e50;
  line-height: 1.7;
}

.banner-bg-detail .img-box,
.banner-bg-detail .content-box{
  float: left;
}

.banner-bg-detail.left-align .img-box{
  float: right;
}

.banner-bg-detail .img-box img{
  width: 100%;
  max-width: 451px;
  /*    padding: 2px;
      border: 1px dashed #66a600;*/
}

.banner-bg-detail.right-align .content-730{
  padding: 0 18px;
}

.banner-bg-detail.left-align .content-730{
  padding: 0;
}

.banner-bg-detail.right-align .text-left{
  padding: 59px 0 59px 59px;
  /*padding-left: 59px;*/
}

.banner-bg-detail.left-align .text-left{
  padding: 59px 59px 59px 0;
  /*padding-right: 59px;*/
}

/**
 * Footer hover states
 **/

.footer .social-icons img[alt = "Twitter"]{
  background-color: #1896d2;
}

.footer .social-icons img[alt = "Facebook"]{
  background-color: #624d78;
}

.footer .social-icons img[alt = "LinkedIn"]{
  background-color: #79b621;
}

.footer .social-icons img[alt = "YouTube"]{
  background-color: #e54d3f;
}

.footer .social-icons img[alt = "GooglePLus"]{
  background-color: #2e3e4f;
}

.footer .social-icons img{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer .social-icons img:hover{
  background-color: #00649f;
}

/**
 * Google search
 **/
div#___gcse_0 {
  background: transparent;
  padding: 0px 20px;
  float: left;
  width: 100%;
  max-width: 1130px;
  position: relative;
  top: -19px;
}
@media screen and (max-width: 767px){
  div#___gcse_0 {
    padding: 0;
    margin: 0 -28px;
    width: calc(100% + 56px);
  }
  .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title {
    height: auto !important;
  }
  .search-results .gsc-results-wrapper-visible .gsc-results.gsc-webResult a.gs-title:before {
    display: none;
  }

  .hero-banner .left{
    float: none;
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }

  .hero-banner .right{
    float: none;
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }

  .hero-banner .banner-content{
    padding: 0 30px;
    margin-top: 0 !important;
  }
}

.gsc-control-cse{
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
}

.gsc-input-box {
  border: none !important;
  background: transparent !important;
  height: auto !important;
}

.gsib_a {
  padding: 10px 0px 0 !important;
}

input.gsc-input {
  font-size: 40px !important;
  background: transparent !important;
}

.gsc-input-box-hover,
.gsc-input-box-focus{
  border: none !important;
  box-shadow: none !important;
}

.gsc-search-button,
.gsib_b{
  display: none;
}

/**
 * @media queries
 **/

@media screen and (min-width: 1024px){
  .banner-full-page p,
  .banner-secondary p,
  .banner-bg-detail p,
  .get-started-form p,
  .infographic-block p,
  .img-info-block p,
  .video-infographic-block p{
    font-size: 20px;
  }

  .back-face p{
    font-size: 18px;
  }

  .banner-primary-cta h4{
    font-size: 26px;
  }
}

@media screen and (max-width: 1280px) and (min-width:1024px){
  .hero-banner{
    height: 700px;
  }

  .hero-banner .banner-logo{
    margin-top: 60px;
  }

  /*    .hero-banner h1{
          margin: 40px 0 0 0;
      }*/

  .hero-banner .button-default {
    margin-top: 30px;
  }

  .reference-solutions-post{
    padding: 50px 0 60px;
  }

  .banner-bg-detail p{
    font-size: 18px;
  }

  .banner-bg-detail.right-align .text-left{
    padding: 40px 0 40px 40px;
  }

  .banner-bg-detail.left-align .text-left{
    padding: 40px 40px 40px 0;
  }

  .banner-full-page p{
    font-size: 18px;
  }

  .get-started-form p{
    font-size: 18px;
  }

  .img-info-block .info-content{
    width: 50%;
  }

  .img-info-block .info-img{
    width: 40%;
    max-width: 451px;
  }

  .employee-testimonials .container-wrap{
    padding: 80px 40px;
  }

  .platform-shells .button-default {
    margin: 50px 0 0;
  }

  .back-face p{
    left: 20px;
    right: 20px;
  }

  .video-infographic-block .col-two:last-of-type{
    padding-left: 20px;
  }

  .video-infographic-block {
    padding: 60px 0;
  }

  .hero-slider h2{
    font-size: 26px;
  }

  .hero-banner h1{
    line-height: 1.4;
  }

  /*    .hero-banner .right{
          padding: 0 30px 0 55px;
      }*/

}

@media screen and (max-width: 1023px) and (min-width:768px){
  .hero-banner{
    height: 620px;
  }

  .hero-banner h1{
    margin: 40px 0 0 0;
  }

  /*    .hero-banner .banner-logo img{
          max-width: 530px;
      } */

  .intro-block{
    padding: 70px 0 50px;
  }

  .banner-bg-detail.right-align .text-left{
    padding: 30px 0 0 30px;
  }

  .banner-bg-detail.left-align .text-left{
    padding: 30px 30px 0 0;
  }

  .contact-form form .row .col-two:first-of-type{
    padding-right: 10px;
  }

  .contact-form form .row .col-two:last-of-type{
    padding-left: 10px;
  }

  .contact-form form .col-two:last-of-type label{
    left: 29px;
  }

  .get-started-form .content-800{
    margin-bottom: 55px;
  }

  .grid-with-icon p {
    font-size: 18px;
  }

  .location-map .address-box{
    padding: 20px;
  }

  .location-map .address-box p {
    line-height: 1.5;
    margin-bottom: 17px;
  }

  .location-map #googleMap1,
  .location-map #googleMap2,
  .location-map #googleMap3{
    height: 280px !important;
  }

  .img-info-block .info-img{
    width: 40%;
    max-width: 451px;
  }

  .img-info-block {
    padding: 55px 0;
  }

  .img-info-block .info-content {
    width: 57%;
  }

  .employee-testimonials .container-wrap {
    padding: 70px 30px;
  }

  .employee-testimonials h2 {
    margin-bottom: 50px;
  }

  .employee-testimonials .item {
    padding: 0 20px;
  }

  .platform-shells h2 {
    margin-bottom: 25px;
  }

  .platform-shells .button-default {
    margin: 25px 0 0;
  }

  .back-face p{
    left: 10px;
    right: 10px;
  }

  .grid-with-bg .col-four {
    padding: 0 15px;
  }

  .video-infographic-block .col-two:first-of-type{
    padding-right: 20px;
  }

  .video-infographic-block .col-two:first-of-type{
    width: 60%;
  }

  .video-infographic-block .col-two:last-of-type{
    width: 40%;
  }

  .grid-with-bg {
    padding: 35px 0 45px;
    min-height: 426px;
  }

  .grid-with-bg h2 {
    margin-bottom: 28px;
  }

  .reference-solutions-post{
    padding: 40px 0;
  }

  .video-infographic-block .button-default {
    padding: 10px;
  }

  .video-infographic-block {
    padding: 50px 0;
  }

  .contact-form .hs-form fieldset.form-columns-2 .hs-error-msgs label {
    word-break: break-all;
  }

  .contact-form .hs-form.stacked label {
    font-size: 12px;
  }

  .contact-form form input, .contact-form form textarea{
    //margin: 14px;
  }

  /*    .contact-form form.stacked .field div.input {
          margin-top: 15px !important;
      }*/

  .grid-with-icon .grid-content-row .grid-icons img {
    max-height: 120px;
  }

  .contact-form form ::-webkit-input-placeholder {
    font-size: 18px;
  }
  .contact-form form ::-moz-input-placeholder {
    font-size: 18px;
  }

  .contact-form form ::-webkit-input-placeholder {
    font-size: 18px;
  }

  .contact-form .hs-form input[type="text"]::-moz-placeholder{
    font-size: 18px;
  }

  .contact-form .hs-form input[type="email"]::-moz-placeholder{
    font-size: 18px;
  }

  .contact-form .hs-form textarea[name="comments"]::-moz-placeholder{
    font-size: 18px;
  }
  /*    .location-map .map-box div{
          height: 250px;
      }*/
  .hero-slider .hero-nav .prev {
    left: 15px;
  }

  .hero-slider .hero-nav .next{
    right: -1px;
  }

  .hero-slider .hero-nav {
    right: 8px;
  }

  .hero-banner .banner-logo {
    margin-top: 45px;
  }

  .hero-banner .button-default {
    margin-top: 20px;
  }

  .hero-slider h2{
    font-size: 24px;
  }

  .hero-banner .right{
    padding: 0 30px 0 35px;
  }

  .hero-banner .left{
    padding: 0 20px 0 30px;
  }

  .hero-banner .right{
    padding: 0 30px 0 75px;
  }

  .hero-banner h1{
    line-height: 1.2;
  }

  .category-column .video-play .post-image:after {
    width: 50px;
    height: 50px;
    top: Calc(50% - 25px);
    left: Calc(50% - 25px);
  }
}

@media screen and (max-width: 767px) and (min-width:641px){
  .hero-banner{
    height: 600px;
  }

  .hero-banner .banner-logo{
    margin-top: 50px;
  }

  .hero-banner h1{
    margin: 30px 0 0 0;
    padding: 0 20px;
  }

  .hero-banner .banner-logo img{
    max-width: 300px;
  }

  .platform-shells h2 {
    margin-bottom: 20px;
  }

  .platform-shells .button-default {
    margin: 20px 0 0;
  }

  .back-face p{
    left: 20px;
    right: 20px;
  }

  .grid-with-bg h2 {
    margin-bottom: 50px;
  }

  .grid-with-bg .col-four {
    padding: 0 8px;
  }

  .banner-bg-detail.right-align .text-left{
    padding: 30px 0 0 30px;
  }

  .banner-bg-detail.left-align .text-left{
    padding: 30px 30px 0 0;
  }

  .grid-with-icon .grid-content-row .grid-icons img {
    max-height: 100px;
  }

  .hero-banner h1{
    line-height: 1;
  }
}

@media screen and (max-width: 767px) and (min-width:481px){
  .intro-block{
    padding: 55px 0 40px;
  }

  .intro-block p{
    font-size: 18px;
  }

  .bottom-dash:after{
    left: 46%;
  }

  .employee-testimonials .container-wrap {
    padding: 50px 25px;
  }

  .employee-testimonials h2 {
    margin-bottom: 40px;
  }

  .employee-testimonials .item {
    padding: 0 15px;
  }

  .employee-testimonials .owl-carousel {
    padding: 0 10px;
  }

  .banner-primary-cta h4{
    font-size: 20px;
  }

  .video-infographic-block {
    padding: 40px 0;
  }

  .grid-with-icon p {
    font-size: 17px;
  }

  .location-map #googleMap1,
  .location-map #googleMap2,
  .location-map #googleMap3{
    height: 260px !important;
  }

  .hero-slider h2{
    font-size: 22px;
  }

  .hero-banner .right{
    padding: 0 30px;
  }
}

@media screen and (max-width: 640px) and (min-width:481px){
  .hero-banner {
    height: 520px;
  }

  .hero-banner h1{
    margin:  20px 0 0;
    padding: 0;
  }

  .hero-banner .banner-logo img{
    max-width: 220px;
  }

  .grid-wrap{
    padding: 35px 0;
  }

  .grid-content-row .grid-icons{
    margin-bottom: 5px;
  }

  .grid-content-row .col-three:nth-child(2){
    border: none;
  }

  .grid-with-bg .col-four{
    width: 50%;
    margin-bottom: 15px;
    padding: 0 15px;
  }

  .grid-with-bg .col-four:nth-child(2){
    border: 0;
  }

  .grid-with-bg .col-four:nth-child(3),
  .grid-with-bg .col-four:last-of-type{
    margin: 15px 0 0;
  }

  .grid-with-bg h2{
    margin-bottom: 25px;
  }

  .grid-with-bg .col-four img {
    margin-bottom: 15px;
    width: 30%;
  }

  .grid-with-bg p{
    margin: 0;
  }

}

@media screen and (max-width: 1280px){
  .banner-full-page .content-850{
    max-width: 65%;
    padding: 0;
  }

  .reference-solutions-post .item{
    margin:0 2.945%;
  }

  .banner-bg-detail .img-box{
    width: 40%;
  }

  .banner-bg-detail .content-box{
    width: 60%;
  }

  .banner-bg-detail.right-align .content-730{
    padding: 0;
  }
}

@media screen and (max-width: 1023px){
  .platform-shells .container-outer {
    padding: 0px 20px;
  }

  .reference-solutions-post h6{
    font-size: 14px;
    margin: 30px 0 15px;
  }

  .reference-solutions-post p{
    margin-top: 6px;
  }

  .reference-solutions-post .content-box{
    padding: 20px 20px 20px 20px;
  }

  .reference-solutions-post .unstretch{
    padding: 0 50px;
  }

  .content-1000{
    padding: 0;
  }

  .banner-bg-detail{
    padding: 40px 0;
    display: block;
  }
}

@media screen and (max-width: 767px){
  .contact-form form .row{
    margin: 0;
  }

  .hero-slider .hero-nav .prev, .hero-slider .hero-nav .next {
    top: -3px;
  }

  .contact-form form .row .col-two{
    width: 100%;
    padding: 0 !important;
    margin: 0 0 35px;
  }

  .contact-form form label{
    top: -22px;
  }

  .contact-form form .col-two:last-of-type label{
    left: 19px;
  }

  .contact-form form ::-webkit-input-placeholder {
    font-size: 16px;
  }

  .contact-form form ::-moz-input-placeholder {
    font-size: 16px;
  }

  .contact-form .hs-form input[type="text"]::-moz-placeholder{
    font-size: 18px;
  }

  .contact-form .hs-form input[type="email"]::-moz-placeholder{
    font-size: 18px;
  }

  .contact-form .hs-form textarea[name="comments"]::-moz-placeholder{
    font-size: 18px;
  }

  .contact-form form input{
    height: 44px;
    font-size: 16px;
  }

  .contact-form .hs-form-booleancheckbox{
    height: 44px;
  }

  .contact-form .hs-form-booleancheckbox-display span{
    top: 0;
  }

  .get-started-form{
    padding: 40px 0;
  }

  .get-started-form .content-800{
    margin-bottom: 50px;
  }

  .get-started-form .contact-us{
    margin: 18px 0 0;
  }

  .location-map {
    padding: 55px 0;
  }

  .location-map .three-col-row{
    max-width: 390px;
    margin: 0 auto;
  }

  .location-map .col-three{
    width: 100%;
    margin-bottom: 25px;
  }

  .location-map .address-box{
    padding: 20px;
  }

  .location-map .address-box p {
    margin-bottom: 17px;
  }

  .location-map .contact-numbers p{
    margin-bottom: 0;
  }

  .location-map .col-three:nth-child(2) {
    margin: 0;
    margin-bottom: 25px;
  }

  .img-info-block{
    text-align: center;
    padding: 40px 0;
  }

  .img-info-block .info-content{
    width: 100%;
    margin: 0 0 30px;
  }

  .img-info-block .info-img{
    width: 100%;
  }

  .infographic-block .container-wrap{
    padding: 50px 0;
  }

  .banner-secondary .bg-img {
    max-height: 350px;
  }

  .video-infographic-block .col-two{
    width: 100%;
    text-align: center;
  }

  .video-infographic-block .col-two:first-of-type {
    margin: 0 0 30px;
  }

  .video-infographic-block .col-two img{
    float: none;
  }

  .video-infographic-block .col-two:nth-child(2) a:after{
    width: 50px;
    height: 50px;
    top: Calc(50% - 25px);
    left: Calc(50% - 25px);
  }

  .category-column .video-play .post-image:after{
    width: 50px;
    height: 50px;
    top: Calc(50% - 25px);
    left: Calc(50% - 25px);
  }

  .banner-primary-cta h2{
    margin-bottom: 15px;
  }

  .banner-primary-cta p{
    margin-top: 20px;
  }

  .reference-solutions-post{
    padding: 40px 0;
  }

  /*
      * Get started form
  */

  .contact-form .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    float: left;
  }

  .contact-form .hs-form fieldset.form-columns-2 .hs-form-field:first-child {
    padding: 0;
  }
  .contact-form .hs-form fieldset.form-columns-2 .hs-form-field:last-child {
    padding: 0;
  }

  .contact-form .hs-form.stacked .form-columns-2 .hs-form-field:last-of-type label {
    left: 19px;
  }

  .contact-form .hs-form fieldset.form-columns-1 .hs-input {
    /*margin: 0 0 15px;*/
  }

  .contact-form .hs-form fieldset.form-columns-2 .hs-error-msgs label{
    right: 0;
    left: inherit;
  }

  .contact-form .hs-form.stacked label {
    font-size: 12px;
  }

  .hero-slider .hero-nav .prev {
    left: 15px;
  }

  .hero-slider .hero-nav .next{
    right: -1px;
  }

  .hero-slider .hero-nav {
    right: 8px;
  }

  .hero-slider .hero-nav.next-prev {
    top: 45%;
  }

  .hero-banner .banner-logo {
    margin-top: 20px !important;
  }

  .hero-banner .button-default {
    margin-top: 20px;
  }

  .hero-banner .left.banner-logo {
    margin-top: 40px;
  }
}

@media screen and (max-width:640px) {
  .grid-content-row .col-three:nth-child(2){
    border: none;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }

  .grid-content-row .col-three:nth-child(3),
  .grid-content-row .col-three:nth-child(2){
    padding-top: 15px;
  }

  .infographic-block h2{
    margin-bottom: 10px;
  }

  .infographic-block .left{
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 181px;
  }

  .infographic-block .infographic-detail h5{
    margin: 0
  }

  .infographic-block .quali-logo{
    margin: 65px auto;
  }

  .infographic-block .quali-logo img{
    margin: 0
  }

  .infographic-block .quali-logo:after,
  .infographic-block .quali-logo:before{
    right: 38.5%;
    top: 47px;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .infographic-block .quali-logo:before{
    left: 38.5%;
    top: -127px;
  }

  .infographic-block .button-default {
    margin-top: 35px;
  }

  .back-face p {
    top: 15px;
    left: 15px;
    right: 15px;
  }

  .platform-shells h2 {
    margin-bottom: 15px;
  }

  .platform-shells .button-default {
    margin: 15px 0 0;
  }

  .grid-with-bg {
    padding: 40px 0;
  }

  .banner-bg-detail .text-left{
    text-align: center;
  }

  .banner-bg-detail .img-box,
  .banner-bg-detail .content-box{
    width: 100%;
  }

  .banner-bg-detail{
    text-align: center;
  }

  .banner-bg-detail .container {
    display: block;
  }

  .banner-bg-detail.right-align .text-left,
  .banner-bg-detail.left-align .text-left{
    padding: 30px 0 0;
  }

  .platform-shells .item{
    margin: 0 auto;
    float: none;
  }

  .platform-shells .col-three{
    max-width: 300px;
  }

  .grid-with-icon .grid-content-row .grid-icons img {
    max-height: 80px;
  }
}

@media screen and (max-width:595px){
  .reference-resource-slider .container-outer{
    max-width: 480px;
  }
}

@media screen and (max-width:480px){
  #close-video{
    height: 30px;
    width: 30px;
    top: -35px;
    margin-left: 5px;
    padding: 8px 0px 0px 0px;
  }

  .hero-banner h1{
    line-height: normal;
  }

  .hero-banner{
    //max-height: 580px;
    height: 480px;
  }

  .hero-banner .banner-logo img{
    max-width: 160px;
  }

  .hero-banner h1{
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 30px !important;
  }

  .grid-wrap {
    padding: 40px 0;
  }

  .grid-content-row .col-three:last-of-type p{
    margin: 0;
  }

  .grid-content-row .grid-icons{
    margin-bottom: 5px;
  }

  .intro-block{
    padding: 40px 0;
  }

  .intro-block p{
    font-size: 16px;
  }

  .bottom-dash:after{
    left: 43%;
  }

  .img-info-block .info-content{
    margin: 0 0 25px;
  }

  .img-info-block .info-content .button-default{
    margin-top: 10px;
  }

  .img-info-block .info-content .button-default:last-of-type{
    margin-left: 0;
  }

  .infographic-block .button-default {
    margin-top: 30px;
  }

  .employee-testimonials .container-wrap {
    padding: 40px 20px;
  }

  .employee-testimonials h2 {
    margin-bottom: 30px;
  }

  .employee-testimonials .item {
    padding: 0 15px;
  }

  .employee-testimonials .owl-carousel {
    padding: 0 10px;
  }

  .employee-testimonials .img-box img {
    margin-bottom: 15px;
  }

  .video-infographic-block .button-default:last-of-type {
    margin-left: 0;
  }

  .video-infographic-block .button-default{
    margin-top: 10px
  }

  .grid-with-bg h2 {
    margin-bottom: 15px;
  }

  .grid-with-bg .col-four {
    border-right: 0;
  }

  .grid-with-bg .col-four {
    padding: 0 0 15px;
  }

  .grid-with-bg .col-four img {
    margin-bottom: 10px;
  }

  .video-infographic-block .button-default:last-of-type {
    margin-left: 4px;
  }

  .video-infographic-block {
    padding: 40px 0;
  }

  .contact-form .hs-form fieldset.form-columns-2 .hs-error-msgs label {

    word-break: break-all;
    width: 140px;
  }

  .contact-form .hs-form fieldset.form-columns-2 .hs-form-field {
    position: relative;
    margin: 0 0 50px;
  }

  .contact-form .hs-form fieldset.form-columns-1 label{
    top: -25px;
    text-align: left;
  }

  .contact-form .hs-form fieldset.form-columns-1 .hs_comments label{
    top: -44px;
  }

  .contact-form .hs-form.stacked label:last-child {
    position: absolute;
    top: -34px;
    line-height: normal;
    text-align: left;
  }

  .contact-form .hs-form.stacked ul .hs-form-booleancheckbox-display {
    position: relative;
    top: 0;
  }

  .grid-with-icon p {
    font-size: 16px;
  }

  .location-map #googleMap1,
  .location-map #googleMap2,
  .location-map #googleMap3{
    height: 200px !important;
  }

  .banner-full-page .v-middle-wrapper{
    background: rgba(45, 62, 80, 0.6);
  }

  .banner-full-page .text-left {
    text-align: center;
  }

  .banner-full-page .text-right {
    text-align: center;
  }

  .banner-full-page .content-850 {
    max-width: 100%;
    float: none;

  }

  .banner-full-page h2 {
    color: #fff;
  }

  .banner-full-page p {
    color: #fff;
  }

  .team-info-block .flip-item:hover .front-face,
  .team-info-block .flip-item.hover .front-face{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .team-info-block .flip-item:hover .back-face,
  .team-info-block .flip-item.hover .back-face{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  .team-info-block .active .flip-item:hover .front-face,
  .team-info-block .active .flip-item.hover .front-face{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .team-info-block .active .flip-item:hover .back-face,
  .team-info-block .active .flip-item.hover .back-face{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .contact-form .hs-form .form-columns-1 .hs-error-msgs label{
    word-break: break-all;
    width: 140px;
  }

  .contact-form .hs-form fieldset.form-columns-1 .hs-error-msgs label a {
    width: 133px;
  }

  .hero-slider h2{
    font-size: 18px !important;
  }

}

/**
 * Loading overlay
 **/
.loading-overlay .inner-container{
  width: 30%;
  margin: 0 auto;
}

/**
 * Footer fix
 **/
.footer .col-four{
  height: auto;
}

/**
 * Quote fix for blog post
 **/
.blog-post-details .blog-details .pullQuoteWrapper p {
  line-height: 1.5;
}

@media screen and (min-width:480px){
  .team-info-block .flip-item:hover .front-face,
  .team-info-block .flip-item.hover .front-face{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .team-info-block .flip-item:hover .back-face,
  .team-info-block .flip-item.hover .back-face{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@media screen and (max-height : 480px){

  .hero-banner .banner-logo img {
    max-width: 160px;
  }

  .hero-banner{
    max-height: 100%;
    height: 420px !important;
  }

  .hero-banner h1 {
    font-size: 22px;
  }

  .hero-slider h2 {
    font-size: 16px;
  }

  .hero-banner h1 {
    margin: 10px 0 0;
  }

  .hero-banner .button-default {
    margin-top: 10px;
  }

  /*    .promo-block .three-col-row {
          margin-top: -26px;
      }*/
}

@media screen and (max-width : 1350px){
  .hero-banner .left {
    padding: 0 20px 0 35px;
  }
}



.preloader {
  position: fixed;
  z-index: 999999;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.preloader-inner {
  position: relative;
  top: 40%;
  text-align: center;
}

.preloader-inner img {
  margin-bottom: 20px;
  display: block;
  margin: 0px auto 15px;
  /*    width: 200px;*/
}

.preloader-dotes span:nth-child(1) {
  -webkit-animation-delay: -.36s;
  -moz-animation-delay: -.36s;
  -ms-animation-delay: -.36s;
  -o-animation-delay: -.36s;
  animation-delay: -.36s;
}

.preloader-dotes span:nth-child(2) {
  -webkit-animation-delay: -.24s;
  -moz-animation-delay: -.24s;
  -ms-animation-delay: -.24s;
  -o-animation-delay: -.24s;
  animation-delay: -.24s;
}

.preloader-dotes span:nth-child(3) {
  -webkit-animation-delay: -.12s;
  -moz-animation-delay: -.12s;
  -ms-animation-delay: -.12s;
  -o-animation-delay: -.12s;
  animation-delay: -.12s;
}

.preloader-dotes span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-color: #fff;
  border-radius: 100%;
  margin-right: 5px;
  -webkit-animation: preloader-dotes 0.75s infinite cubic-bezier(.2,.68,.18,1.08);
  -moz-animation: preloader-dotes 0.75s infinite cubic-bezier(.2,.68,.18,1.08);
  -ms-animation: preloader-dotes 0.75s infinite cubic-bezier(.2,.68,.18,1.08);
  -o-animation: preloader-dotes 0.75s infinite cubic-bezier(.2,.68,.18,1.08);
  animation: preloader-dotes 0.75s infinite cubic-bezier(.2,.68,.18,1.08);
}


@-webkit-keyframes preloader-dotes {
  from {
    -webkit-transform:scale(0.2);
  }
  to {
    -webkit-transform:scale(1);
  }
}











/*
 *solution links tabs
*/

.tab-content h2{
    text-align: center;
    color: #fff;
    position: relative;
    margin: 26px 0 43px;
}

.tab-content{
    background-image: -webkit-linear-gradient(to top,#1e7eb5,#0492d0);
    background-image: -moz-linear-gradient(to top,#1e7eb5,#0492d0);
    background-image: -ms-linear-gradient(to top,#1e7eb5,#0492d0);
    background-image: -o-linear-gradient(to top,#1e7eb5,#0492d0);
    background-image: linear-gradient(to top,#1e7eb5,#0492d0);
}

.tab-content .tabset{
    display: table-cell;
    background: #2d3e50;
    border-radius: 6px;
    width: 487px;
    vertical-align: top;
}

.tab-content .tabset ul{
    margin: 0;

}

.tab-content .tabset ul li a:hover{
    background: #22303f;
}

.tab-content .tabset ul li a.active{
    background: #22303f;
}

.tab-content .tabset ul li a.active:after{
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: calc(50% - 15px);
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #22303f;
    border-style: solid;
    border-width: 15px;
    bottom: 0px;
    /*    transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);*/
}

/*.tab-content .tabset ul li a:hover:after{
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: calc(50% - 15px);
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #22303f ;
    border-style: solid;
    border-width: 15px;
    bottom: 0px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
}*/

.tab-content .tabset li a{
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    display: block;
    position: relative;
    padding: 29px 30px 29px 31px;
    text-transform: uppercase;
    line-height: 1.3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.tab-content .tabset li:first-of-type a{
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.tab-content .tabset li:last-of-type{
    padding-bottom: 20px;
}
.tab-content .tab-mangement .tab-details{
    display: table-cell;
    padding: 38px 49px;
}

.tab-content .tab-mangement .tabs{
    color: #fff;
    display: none;
}

.tab-content .tab-mangement .tabs a{
    color: #fff;
    cursor: pointer;
}

.tab-content .tab-mangement .tab-details .tab-text{
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 22px;
}

.tab-content .tab-mangement {
    margin-left: 35px;
}

/*
 *benifits circle
*/
.block-solution-benefits .block-benifits{
    padding: 65px 0 104px;
}

.block-solution-benefits .block-benifits h2{
    color: #2d3e50;
    
}

.block-solution-benefits .block-benifits .block-text{
    margin-bottom: 112px;
}

.block-solution-benefits .block-benifits h2 strong
{
    font-weight: 500;
}

.block-solution-benefits .outer-circle {
    float: left;
    width: 100%;
}

.block-solution-benefits .outer-circle .inner-circle{
    width: 256px;
    height: 256px;
    border: 10px solid #77b800;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(177,177,177,1);
    -moz-box-shadow: 0 5px 10px rgba(177,177,177,1);
    -webkit-box-shadow: 0 5px 10px rgba(177,177,177,1);
    -o-box-shadow: 0 5px 10px rgba(177,177,177,1);
    -ms-box-shadow: 0 5px 10px rgba(177,177,177,1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
}

.block-solution-benefits .outer-circle .col-four{
    z-index: 1;
}

.block-solution-benefits .outer-circle .col-four .connect-circle:first-of-type{
    right: 10px;
}

.block-solution-benefits .outer-circle .col-four .connect-circle:last-of-type{
    right: -20px;
}

.block-solution-benefits .outer-circle .col-four .connect-circle{
    content: '';
    position: absolute;
    right: -5px;
    width: 8px;
    height: 8px;
    border: 1px solid transparent;
    background: #d5d5d5;
    border-radius: 50%;
    top: 49.3%;
    z-index: -1;
}

.block-solution-benefits .outer-circle .col-four:last-child .connect-circle{
    content: '';
    width: 0px;
    height: 0px;
}

.block-solution-benefits .outer-circle .inner-circle.blue-bg{
    border: 10px solid #0095d4;
}

.block-solution-benefits .outer-circle .inner-circle.purple-bg{
    border: 10px solid #624c79;
}

.block-solution-benefits .outer-circle .inner-circle.red-bg{
    border: 10px solid #e74c39;
}

.block-solution-benefits .outer-circle .inner-circle.blue-bg:hover{
    background-color: #0095d4;
}

.block-solution-benefits .outer-circle .inner-circle.purple-bg:hover{
    background-color: #624c79;
}

.block-solution-benefits .outer-circle .inner-circle.red-bg:hover{
    background-color: #e74c39;
}

.block-solution-benefits .outer-circle .inner-circle:hover{
    background-color: #77b800;
}

.block-solution-benefits .outer-circle .inner-circle h2{
    font-size: 70px;
    color:#77b800;
    margin: 0;
    line-height: 0.8;
    margin: 10px 0 1px;
    font-weight: 700;
}

.block-solution-benefits .outer-circle .inner-circle span{
    font-size: 30px
}

.block-solution-benefits .outer-circle .inner-circle.blue-bg h2{
    color: #0095d4;
}

.block-solution-benefits .outer-circle .inner-circle.purple-bg h2{
    color: #624c79;
}

.block-solution-benefits .outer-circle .inner-circle.red-bg h2{
    color: #e74c39;
    font-size: 40px;
    margin: 0;
}

.block-solution-benefits .outer-circle .inner-circle h2:last-child {
    margin: 0;
}

.block-solution-benefits .outer-circle .inner-circle p{
    font-size: 20px;
    line-height: 1.3;
    color: #2d3e50;
    margin-bottom: 0;
}

.block-solution-benefits .outer-circle .inner-circle .active-stage
{
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 30%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.block-solution-benefits .outer-circle .inner-circle:hover .active-stage
{
    opacity: 0;
}

.block-solution-benefits .outer-circle .inner-circle .active-hover{
    opacity: 0;
    margin: 0 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.block-solution-benefits .outer-circle .inner-circle .active-hover p{
    color: #fff;
}

.block-solution-benefits .outer-circle .inner-circle:hover .active-hover{
    opacity: 1 !important;
}

.block-solution-benefits .customer-logo {
    padding-bottom: 20px;
}

.block-benefits-with-icon .container-outer {
	padding: 20px 0px;
}


.block-benefits-with-icon .block-benifits .container{
	padding: 0px;
	max-width: 1400px !important;
}

.block-benefits-with-icon p, .block-benefits-with-icon .block-benifits h2{
  color: #FFF;  
}

.block-benefits-with-icon .block-benifits {
    padding: 70px 0 70px;    
}

.block-benefits-with-icon .block-benifits .block-text {
    margin-bottom: 0px;
} 

.block-benefits-with-icon ul.services {
    text-align: center;
}

.block-benefits-with-icon ul.services div {
    /*display: inline-block;*/
}

.block-benefits-with-icon ul.services li {
    display: inline-block;
    min-height: 80px;
    /* padding-left: 75px; */
    max-width: 353px;
    margin: 0 50px;
}


.block-benefits-with-icon ul.services div.icon {
    vertical-align: middle;
    float: left;
}

.block-benefits-with-icon ul.services div.services-content p {
    vertical-align: middle;
    margin-left: 60px;
    font-size: 20px;
    text-align: left;
}

.block-benefits-with-icon .container-outer::before {
  height: 10px;
  content: "";
  background-color: #77B800;
  display: inherit;      
}

@media screen and (max-width: 320px) {
	.block-benefits-with-icon ul.services div.icon {
		float:none;		
	}
	.block-benefits-with-icon ul.services div {
		display: block;
		width: 100%;
	}
	.block-benefits-with-icon ul.services div.services-content p {
		margin-left:0px;
		text-align: center;
	}
}

/*@media screen and (max-width: 1366px) {
    .block-benefits-with-icon ul.services li {
        display: inline-block;
        min-height: 80px;
        padding-left: 75px;
        max-width: 593px;
        margin: 0 110px;
    }
}*/

@media screen and (max-width: 1366px) {
    .block-benefits-with-icon ul.services li {
        display: inline-block;
        min-height: 80px;
        padding-left: 75px;
        max-width: 593px;
        margin: 0 0px;
    }
}

@media screen and (max-width: 1200px) {
    .block-benefits-with-icon ul.services li {
        padding-left: 30px;
        margin: 0 0px;
    }
}

@media screen and (max-width: 1024px) { 
    .block-benefits-with-icon ul.services li {
        margin: 0 0px;
        padding-left: 5px;
    }
}


@media screen and (max-width: 768px) {
    .block-benefits-with-icon ul.services li {
        margin: 0 60px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 425px) {
    .block-benefits-with-icon ul.services li {
        margin: 0 30px;        
    }
}


@media screen and (max-width: 375px) {
    .block-benefits-with-icon ul.services li {
        margin: 0 0px;
    }
}

/*
 *customer logo section
*/
.customer-logo h5
{
    font-size: 18px;
    line-height: normal;
    color: #2d3e50;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 33px;
}

.customer-logo .logo-nav{
    padding-bottom: 70px;
}

.customer-logo .logo-nav ul{
    display: table;
    width: 100%
}

.customer-logo .logo-nav ul li{
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    display: table;
    height: 140px;
    position: relative;
}

.customer-logo .logo-nav .logos-grid_container{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-perspective: 1000;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000;
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
}

.customer-logo .logo-nav ul li img{
    position: relative;
    display: block;
    margin: 0 auto;
}

.customer-logo .logo-nav ul li img:not(.hidden) {
    position: relative;
    z-index: 1;
}

.customer-logo .logo-nav ul li img.hidden{
    position: absolute;
    left: 27.4%;
    top: 27%;
    opacity: 0;
    display: none;
} 

.customer-logo .logo-nav ul li:nth-child(5){
    border-right: 0;
}

.customer-logo-block .customer-logo h2{
    color: #2d3e50;
    margin: 6px 0 44px;
}

.customer-logo .logo-nav ul .logo-display {
    opacity: 0;
    display: none;
}

/*
  *solution page service detail section
*/

.bullet-link-block .services{
    padding: 0 0 6px;
}

.bullet-link-block .services li:nth-child(even) {
    /*padding-left: 0;*/
}

.bullet-link-block .grey-bg{
    padding: 67px 0 35px;
}

.bullet-link-block .container-outer
{   
    padding: 0 20px;
}

.bullet-link-block .grey-bg h2{
    text-align: center;
}

.bullet-link-block .services .icon{
    float: left;
    width: 28%;
    padding-right: 40px;
    //margin-left: 38px;
    text-align: center;
}

.bullet-link-block .services li{
    float: left;
    width: 50%;
    padding: 15px 30px 30px;
    //min-height: 170px;
}

.bullet-link-block .services .services-content
{
    float: left;
    width: 72%;
}

.bullet-link-block .services .services-content h5{
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 3px;
}

.bullet-link-block .services .services-content p{
    line-height: 1.7;
    font-weight: 500;
    margin: 0
}

.bullet-link-block .services .icon img{
    max-height: 100px;
}

.bullet-link-block .services .service-info .text-left{
    background: #d9d9d9;
    padding: 27px 10px 30px;

}
.bullet-link-block .services .service-info{
    clear: both;
    float: none;
    margin: 0 auto;
    background: #d9d9d9;
}

.bullet-link-block .services .service-info h3{
    font-size: 30px;
    //swidth: 219px;
    margin: 0 auto 8px;
    line-height: normal;
    text-transform: capitalize;
    color: #0095d4;
}
.bullet-link-block .services li:nth-child(odd){
    clear: both;
}

/*
    *customer-grid section
*/
.grid-logo-content .grid{
    width: 100%;
    float: left;
    margin: 22px 0;


}

.grid > ul.icon-tab {
    position: relative;
}

.grid-partner-logo .grid > ul a{
    margin-top: 15px;
}


.grid > ul > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    border: 1px solid #c1c1c1;
    text-align: center;
    margin-top: -1px;
    width: 25%;
    height: 260px;
    margin-left: -1px;
    float: left;
    //cursor: pointer;
}
.grid > ul > li .icon{
    padding: 0 20px;
}

.grid > ul > li .icon > * {
    display:inline-block;
    vertical-align:middle;
}

.tabsets {
    float: left;
    width: 100%;
    display: block;
}

.grid-customer-logo .tabsets ul li {
    width: 25%;
}

.tabsets ul {
    padding-left: 0;
    float: left;
    font-size: 0;
    display: table;
    min-height: 42px;
    width: 100%;
    height: 42px;
}

.tabsets ul li.active {
    background: #0095d4;
}

.tabsets ul li {
    display: table-cell;
    position: relative;
    background-color: #fff;
    height: auto;
    background: #2d3d4f;
    vertical-align: middle;
    padding: 0 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.tabsets ul li:hover {
    background-color: #00649f;
}

.tabsets ul li:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tabsets ul li:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.tabsets ul li a {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    padding: 18px 0;
    letter-spacing: 0.050em;
}

.grid-logo-content a.button-default{
    margin-top: 14px
}

.grid-logo-content .grid .tabs-content:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #22303f transparent;
    border-style: solid;
    border-width: 9px;
    left: 27px;
    top: -18px;
}

.grid-logo-content .grid .tabs-content.current{
    right : 6% !important;
}

.grid-logo-content .grid .tabs-content.current:before{
    left: 540px;
}

.grid-logo-content .grid .tabs-content{
    position: absolute;
    //left: -3px;
    top: 210px;
    display: block;
    border: 1px solid #c1c1c1;
    z-index: -1;
    background: #fff;
    width: 588px;
    opacity: 0;
    right: -289px;
    border-radius: 4px;
}

.grid-logo-content .grid li:hover .active{
    opacity: 1 !important;
    z-index: 2;
}

.grid-logo-content .grid .tabs-content .tab-header{
    background: #2d3d4f;
    padding: 11px 29px;
    color: #fff;
    text-align: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.grid-logo-content .grid .tabs-content h6{
    font-size: 14px;
    letter-spacing: 0.049em;
    font-weight: 500;
}

.grid-logo-content .grid .tabs-content .tab-text{
    padding: 24px 29px 1px;
    text-align: left;
}

.grid-logo-content p.content {
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
}

.grid-logo-content .grid.active{
    display: block;
}
/*
 *reference resource slider page on customer page
*/

.multi-section-slider{
    position: relative;
}

.multi-section-slider .overflow{
    overflow: hidden;
}

/*.reference-resource-slider .section-slider
{
    position: relative;
}*/

.reference-resource-slider {
    padding: 39px 0;
    border-bottom: 3px solid #fff;
}

.reference-resource-slider .container-outer{
    padding: 0 70px;
}

.reference-resource-slider .item{
    position: relative;
}

.reference-resource-slider .item:last-of-type{
    margin-right: 0;
}

.reference-resource-slider .item .image{
    position: relative;
    max-height: 195px;
    height: 100%;
    overflow: hidden;
}

.reference-resource-slider .item .text-content{
    border: 1px solid #fff;
    background: #fff;
    padding: 22px 17px 20px;
}
.reference-resource-slider .item .text-content h5{
    line-height: 1.5;        
}
.reference-resource-slider .owl-buttons.next-button{
    background: #e4e4e4;
    border-radius: 50%;
    padding: 8px;
    padding: 8px;
    width: 37px;
    height: 37px;
    border: 1px solid #e4e4e4;
    position: absolute;
    right: -50px;
    cursor: pointer;
}

.reference-resource-slider .owl-buttons .prev-button{
    background: #e4e4e4;
    border-radius: 50%;
    padding: 8px;
    padding: 8px;
    width: 37px;
    height: 37px;
    border: 1px solid #e4e4e4;
    position: absolute;
    left: -50px;
    cursor: pointer;
}


.reference-resource-slider .item .text-content{
    position: relative;
    opacity: 0;
}

.reference-resource-slider .item{
    cursor: pointer;
}

.reference-resource-slider .item .top-label{
    position: absolute;
    top: -29px;
    left: 18px;
    text-align: left;
}

.reference-resource-slider .item .image .video-btn{
    position: absolute;
    top: calc((100% - 15px)/2px);
    left: 50%;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    height: 61px;
    width: 61px;
}

.reference-resource-slider .blue-label{
    color: #fff;
    font-size: 14px;
    background: #0095d4; 
    padding: 7px 10px;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.reference-resource-slider .image img{
    position: relative;
/*    min-width: 100%;
    min-height: 100%;*/
}

.reference-resource-slider .hover-stage{
    position: absolute;
    z-index: 2;
    background-color: #fff;
    top: 190px;
    height: 134px;    
    width: 100%;
    opacity: 1;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;      
}
.reference-resource-slider .item:hover .hover-stage{
    background-color: #0095d4;
}

.reference-resource-slider .item:hover .hover-stage{
    top: 0 !important ;
    opacity: 1 ;  
    height: 100% !important;

}
.reference-resource-slider .item .hover-stage .blue-label{
    top: -31px;
    opacity: 1;
}
.reference-resource-slider .item:hover .hover-stage .blue-label{
    opacity: 0;
}

.reference-resource-slider .item .hover-stage .white-label {
    color: #0095d4;
    background: #fff;
    top: 0;
    opacity: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.reference-resource-slider .item:hover .hover-stage .white-label{
    opacity: 1;
}
.reference-resource-slider .item:hover .hover-stage span {
    top: 0px;
    color: #0095d4;
    background: #fff;
    padding: 4px 8px;
    left: 17px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;  
}
.reference-resource-slider .hover-stage .v-middle-inner{
    text-align: left;
}
.reference-resource-slider .hover-stage .hover-content{
    padding: 0 17px;
}
.reference-resource-slider .hover-stage .hover-content h5{
    line-height: 1.5;
    margin: 23px 0 15px;
    color: #2d3e50;
    //margin: -100px 0 30px;
    height: 57px;
    overflow:hidden;
}
.reference-resource-slider .hover-stage .hover-content p{
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; 
}

.reference-resource-slider .item:hover .hover-stage .hover-content h5{
    margin: 12px 0 8px;
    color: #fff;
    height: auto;
}

.reference-resource-slider .item:hover .hover-stage .hover-content p{
    color: #fff;
    opacity: 1;
}

.reference-resource-slider .hover-stage span{
    position: absolute;
    left: 16px;
    padding: 5px 10px;
}

.reference-resource-slider .item:hover .hover-stage .hover-content .learn-more-blue-arrow{
    opacity: 1;
}

.reference-resource-slider .hover-stage .hover-content .learn-more-blue-arrow{
    position: relative;
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;   
}

.reference-resource-slider .owl-buttons .owl-next {
    background: #0095d4 url("../images/generic-right-arrow.png") no-repeat center; 
    border: 1px solid #0095d4;
}

.reference-resource-slider .owl-buttons .owl-prev{
    background: #0095d4 url("../images/generic-left-arrow.png") no-repeat center;
    border: 1px solid #0095d4;
}

.reference-resource-slider .owl-buttons .owl-next:hover{
    background: #00649f url("../images/generic-right-arrow.png") no-repeat center;
    border: 1px solid #00649f;
}

.reference-resource-slider .owl-buttons .owl-prev:hover{
    background: #00649f url("../images/generic-left-arrow.png") no-repeat center;
    border: 1px solid #00649f;
}

.reference-post-slider .item .text-content h5{
    font-size: 18px;
    font-weight:700;
    line-height: 1.3;
}

.reference-post-slider .item .text-content p{
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
}

.reference-post-slider .hover-stage .hover-content{
    padding: 0 25px;
}

.reference-post-slider .hover-stage .hover-content h5{
    line-height: 1.5;
    color: #fff;
    margin: 26px 0 30px;
}

.reference-resource-slider .owl-item .item{
    margin: 0 10px;
    position: relative;
}

.reference-resource-slider .hover-stage {
        top: 195px;
    }
    
.reference-resource-slider .owl-item .item{
        height: 329px;
    }

/*
    * Team info block
*/

.team-info-block .team-heading{
    padding: 62px 0 41px;
}

.team-info-block .team-heading p{
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.team-info-block .team-heading h2{
    margin-bottom: 7px;
}

.team-info-block .col-three p{
    line-height: 1.7;
    margin: 0;
}

.team-info-block .grid {
    float: left;
    width: 100%;
}

.team-info-block .grid .col-three
{
    margin-bottom: 50px;
    text-align: center;

}

.team-info-block .grid .team-img{
    margin-bottom: 20px;
    cursor: pointer;
}

.team-info-block .grid h5{
    font-weight: 700;
    text-transform: uppercase;
}

.team-info-block .grid h6{
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 6px;
}

.team-info-block .grid .tabs-content
{
    position: absolute;
    width: 662px;
    top: 73.5%;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 32px 29px 25px;
    text-align: left;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;  
}

.team-info-block .col-three .tabs-content p{
    font-size: 14px;
    line-height: 1.8;
}

.team-info-block .grid .col-three .tabs-content.active{
    opacity: 1;
    z-index: 4;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; 
}

.team-info-block .hover-over .info-block{
    cursor: pointer;
}

.team-info-block .hover-over .grid .tabs-content {
    top: 90%;
}

.team-info-block .hover-over .grid .tabs-content.current:before {
    left: 78%;
}

.team-info-block .hover-over .grid .tabs-content:before{
    left: 22%;
}

.team-info-block .grid .tabs-content.current{
    right: 5px;
}

.team-info-block .grid .tabs-content.current:before{
    left:92%;
}

.team-info-block .grid .tabs-content:before{
    content:'';
    width: 0;
    height:0;
    position: absolute;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 9px;
    left: 38px;
    top: -18px;
}

.team-info-block .grid .info-block
{
    float: left;
    width: 100%;
    padding: 0 14px;
}

/*
    * Grid section 
*/

.grid-section .grey-bg {
    padding-top: 62px
}

.grid-section .grid-heading{
    padding: 0 0 25px;
}

.grid-section .grid-heading h2{
    margin-bottom: 7px;
}

.grid-section .grid-heading p{
    font-size: 20px;
}

.grid-section .col-three
{
    border-right: 1px solid #d9d9d9;
    padding: 5px 45px 0;
    position: relative;
}

.grid-section .col-three:nth-child(3n){
    border-right: 0;
}

.grid-section .grid-list{
    float: left;
    padding-bottom: 80px;
        width: 100%;
}

.grid-section  .col-three:nth-child(n + 4){
    padding-top: 30px;
}

.grid-section .col-three-outer{
    padding-bottom: 77px;
}

.grid-section .col-three h5{
    text-transform: uppercase;
    font-weight: 700;
}

.grid-section .col-three p{
    font-weight: 400;
    line-height: 1.75;
    margin-bottom: 8px;
}

.grid-section .col-three .grid-img
{
    margin-bottom: 16px;
}

.grid-section .col-three .grid-img img{
    height: 96px;
}
/*
    * Cloudshell-extension on generic psd 
*/

.cloudshell-extension .col-three{
    border: 0;
}

.cloudshell-extension .col-three .grid-text{
    position: relative;
}

.cloudshell-extension .col-three .grid-text:before
{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    left: -18px;
}

.cloudshell-extension .col-three:first-child .grid-text:before
{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    //background: #d1d1d1;
    left: 0;
}

.cloudshell-extension .grid-heading {
    padding: 45px 0 50px;
}

.cloudshell-extension .col-three .grid-img {
    margin-bottom: 20px;
}

.cloudshell-extension .col-three h5{
    line-height: normal;
    margin-bottom: 3px;
    width: 80%;
    margin: 0 auto;
}

.cloudshell-extension .col-three p {
    margin-bottom: 16px;
    letter-spacing: -0.025em;
}

.cloudshell-extension .grid-list {
    padding-bottom: 55px;
}

.cloudshell-extension .col-three {
    border-right: 0;
    padding: 5px 25px 
}

/*
    * Generic featured infograpic section 
*/

.featured-infografic .product-infograpic-block .infographics-inner .info-img img{
    max-height: 96px;
}

.featured-infografic .infograpic-heading{
    padding-top: 64px;
}

.featured-infografic .infograpic-heading h2{
    margin-bottom: 8px;
}

.featured-infografic .infograpic-heading p{
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

.featured-infografic .col-two-outer{
    float: left;
    padding: 40px 0 50px;
}

.featured-infografic .col-two:first-child{
    border-right: 1px solid #d9d9d9;
}

.featured-infografic .col-two  h5{
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 22px;
}

.featured-infografic .col-two .infographics-inner p{
    line-height: 1.7;
}

.featured-infografic .col-two .infographics-inner{
    width: 90%;
    float: right;
    margin-bottom: 23px;
}

.featured-infografic .infographics-inner .info-img img{
    max-height: 312px;
}

.featured-infografic .col-two .infographics-inner .info-img{
    text-align: center;
}

.featured-infografic .col-two:first-child .infographics-inner{
    float: left;
}

/*
 * Generic intro block
*/

.generic-intro-block .content-850 p{
    font-size: 20px;
    line-height: 1.7;
}

.generic-intro-block .content-850 h2{
    margin-bottom: 8px;
}
.generic-intro-block .content-850 h5 {
    font-weight: 600;
}

.generic-intro-block .content-850
{
    padding: 60px 0 47px;
}

/*
    *solution use cases
*/

.solution-use-case h2{
    margin: 0 0 45px 0;

}

.solution-use-case .col-outer{
    float: left;
    width: 100%;
}

.solution-use-case .col-two{
    overflow: hidden;
    padding: 30px;
    width: 49%;
    margin-right: 24px;
    margin-bottom: 20px;
}  

.solution-use-case .col-two:nth-child(even){
    margin-right: 0;
}

.solution-use-case .col-two .icon-img{
    float: left;
    margin-left: -70px;
    max-width: 160px;
    width: 100%;
}

.solution-use-case .col-two .text-content{
    float: left;
    width: 73%;
    text-align: left;
    margin-left: 40px;
}

.solution-use-case .col-two .text-content h4{
    font-weight: 400;
    margin-bottom: 12px;
}

.solution-use-case .col-two .text-content p{
    line-height: 1.7;
}

.at4-share{
    padding: 0 !important;
}

/*
    * intro shell on carrers page
*/

.intro-shell{
    padding: 66px 0 80px;
}
.intro-shell h2{
    margin-bottom: 5px;
}
.intro-shell p{
    font-size: 20px;
    line-height: 1.5;
}

.intro-shell .intro-shell-logo{
    padding: 50px 0 57px;
}

.intro-shell .intro-shell-logo ul{
    display: table;
    width: 100%;
    height: 200px;
}

.intro-shell .intro-shell-logo li {
    width: 20%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #d9d9d9;
}

.intro-shell .intro-shell-logo li:last-child{
    border-right: 0;
}

.intro-shell .intro-shell-logo li .logo-container{
    max-width: 220px;
    margin: 0 auto;
    padding: 0 10px;
}

.intro-shell .intro-shell-logo ul li img:not(.hidden) {
    position: relative;
    z-index: 1;
    max-width: 160px;
    max-height: 90px;
}

.intro-shell .intro-shell-logo ul li img.hidden{
    position: absolute;
    left: 27.4%;
    top: 27%;
    opacity: 0;
    display: none;
} 

.intro-shell .content-950{
    max-width: 925px;
    margin: 0 auto;
}

/*
    * team grid on carrers page
*/

.team-grid h2{
    padding: 65px 0 0;

}

.team-grid .select-box{
    width: 470px;
    margin: 0 auto;

}

.team-grid p{
    font-size: 20px;
    line-height: 1.5;
}

.team-grid .team-info{
    padding: 55px 0 80px;
}

.team-grid .team-info li{
    float: left;
    width: 33.33%;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    padding: 35px 0;
    min-height: 170px;
    border-top: 1px solid #d9d9d9;
}

.team-grid .team-info li:nth-child(3n){
    border-right: 0;
}

.team-grid .team-info li:nth-child(-n + 3){

    border-top:0;
}

.team-grid .team-info ul h3{
    margin-bottom: 8px;
    font-size: 32px;
    line-height: 1.9;
}

.team-grid .selectboxit-container span, .team-grid .selectboxit-container .selectboxit-options a{
    font-weight: 400;
}

/*
    * block join us on carrers page
*/

.block-join-us{
    background: #2d3e50;
    color: #fff;
    padding: 65px 0 36px;
}

.block-join-us .content-580{
    max-width: 580px;
    margin: 0 auto;

}

.block-join-us .content-580 h3{
    margin-bottom: 5px;
}

.block-join-us .content-580 p{
    font-size: 20px;
    line-height: normal;
}

.block-join-us .block-list{
    margin-right: 14px;
    display: inline-block;
    width: 31.5%;
    position: relative;
    height: 100%;
}

.block-join-us .block-select-box{
    padding: 33px 0 15px;
    text-align: center;
}

.block-join-us .block-select-box .button-default{
    top: -25px;
    color: #fff;
}

.block-join-us .job-table tr:first-child{
    background: #cacdcf;
    border-bottom: 0;
}

.block-join-us .job-table tr{
    text-align: left;
    background: #fff;
    color: #2d3e50;
    font-weight: 400;
    opacity: 1;
}

.block-join-us .block-select-box.hide{
    display: block;
}

.block-join-us .job-table .hide td{
    display: none;
}

.block-join-us .job-table tr:first-child:after,
.block-join-us .job-table tr:nth-child(2):after{
    height: 0;
}

.block-join-us .job-table tr th:first-child{
    width: 50%;
    padding: 23px 15px;
}

.block-join-us .job-table tr td:first-child{
    width: 50%;
    padding: 24px 20px;
}

.block-join-us .job-table tr th{
    width: 25%;
    padding-left: 40px;
}

.block-join-us .job-table{
    position: relative;
    //display: none;
}

.block-join-us tr:last-of-type td:first-of-type{
    border-bottom-left-radius: 4px;
}

.block-join-us tr:last-of-type td:last-of-type{
    border-bottom-right-radius: 4px;
}

.block-join-us .job-table tr:after
{
    content: '';
    position: absolute;
    width: 97%;
    height: 1px;
    background: #d9d9d9;
    left: 14px;
}

.block-join-us .job-table th:first-child{
    border-top-left-radius: 4px;

}

.block-join-us .job-table th:last-child{
    border-top-right-radius: 4px;
}

.block-join-us .job-table td{
    width: 25%;
    padding-left: 40px;
    text-transform: capitalize;
}

.block-join-us .job-table a{
    color: #2d3e50;
}

.block-join-us a.close{
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    top: 12px;
    color: #fff;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*
    * Event-intro-block section
*/
.event-intro-block{
    padding: 96px 0 67px;
}

.event-intro-block .content-730 h6{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.7;
}

.event-intro-block .text-content{
    padding: 24px 0;
}

.event-intro-block .content-730 p:first-of-type{
    margin-top: 20px;
}

.event-intro-block .content-730 p:last-of-type{
    margin-bottom: 18px;
}

.event-intro-block .content-730 p{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.44;
    margin-bottom: 28px;
}

.event-intro-block .content-730 h2{
    font-weight: 700;
    letter-spacing: 0.049em;
    line-height:1.3;
}

/*
    * News event post section
*/ 
/*.news-event-post{
    background: #e6e6e6;
}*/

.news-event-post h2{
    font-weight: 500;
    letter-spacing: 0.049em;
    margin-bottom: 4px;
}

.news-event-post .content-730{
    padding: 40px 0 80px;
    position: relative;
}

.news-event-post .content-730:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 8%;
    background: #0095d4;
    left: calc(50% - 35px);
}

.news-event-post .content-730 p{
    font-size: 20px;
    line-height: 1.7;
}

.news-event-post .col-two{
    border-right: 1px solid #b8b8b8;
}

.news-event-post .col-two:first-child{
    padding-right: 30px;
}

.news-event-post .col-two:first-child .press-content:first-of-type .post-event{
    margin-bottom: 27px;
}

.news-event-post .col-two:last-child{
    border: 0;
    padding-left: 70px;
}

.news-event-post .press-content
{
    padding: 22px 0 33px;
    position: relative;
    float: left;
}

.news-event-post .col-two:first-child .press-content:last-child{
    padding-top: 27px;
}

.news-event-post .col-two:first-child .press-content:first-child h3{

    margin-bottom: 20px;
}

.news-event-post .press-content h3{
    font-size: 32px;
    letter-spacing: 0.025em;
    margin-bottom: 25px;
}

.news-event-post .col-two a{
    font-size: 20px;
    float:left;
}

.news-event-post .col-two a:after{
    top: 6px;
}

.news-event-post .col-two:first-of-type .press-content:first-of-type:after{
    content:'';
    position: absolute;
    width: 95%;
    height: 1px;
    background: #b8b8b8;
    left: 0;
    bottom: 0;
}

.news-event-post .press-content:first-of-type{
    border: 0;
}

.news-event-post .post-event p{
    font-size: 20px;
    margin-bottom: 0;
    line-height: normal;
    font-weight: 700;
}

.news-event-post .post-event{
    position: relative;
    padding-left: 20px;
    margin-bottom: 40px;
    float: left;
    width: 100%
}

.news-event-post .post-event .icon{
    float: left;
    max-width: 138px;
    width: 100%;
    margin-right: 30px;
    overflow: hidden;
}

.news-event-post .post-event .post-text{
    float: left;
    width: 67%;
}

.news-event-post .post-event:before{
    content: '';
    width: 2px;
    height: 100%;
    background: #0095d4;
    position: absolute;
    left: 0;
}

.news-event-post .post-event h6{
    font-weight: 700;
    line-height: 1.6;
}

.video-info-block .col-two:last-of-type a:after{
    content: "";
    background: #0095d4 url("../images/arrow-right.png") no-repeat 56% 50%;
    -webkit-box-shadow: 0px 2px 0px 0px #00649f;
    -moz-box-shadow: 0px 2px 0px 0px #00649f;
    box-shadow: 0px 2px 0px 0px #00649f;
    width: 64px;
    height: 64px;
    position: absolute;
    cursor: pointer;
    top: Calc(50% - 32px);
    left: Calc(50% - 32px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.video-info-block .col-two:last-of-type a:hover:after{
    background: #00649f url("../images/arrow-right.png") no-repeat 56% 50%;
}

.grid-section.solution-grid  .col-three:nth-child(n + 4){
    padding-top: 30px;
}

.grid-section.solution-grid .col-three.button-grid {
    width: 50%;
    margin: 0 auto;
    float: none;
    border: 0;
    clear: both;
    background: #d9d9d9;
    top: 30px;
    padding-bottom: 30px;
}

.grid-section.solution-grid .button-grid h4{
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 400;
    color: #0095d4;
    line-height: normal;
}
/*.grid-section.solution-grid .grid-heading {
    padding: 65px 0 27px;
}*/

.grid-section.solution-grid .col-three .grid-img {
    margin-bottom: 22px;
}

.grid-section.solution-grid  .col-three p {
    line-height: 1.7;
    margin-bottom: 0;
}

.grid-section.solution-grid .col-three h5 {
    line-height: normal;
    margin-bottom: 3px;
}

.grid-section.solution-grid .col-three{
    padding: 5px 29px 0;
}

.banner-full-page.white-text h2{
    color: #fff;
}

.banner-full-page.white-text p{
    color: #fff;
}

.grid .animate-show {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

.grid .animate-show.ng-hide {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.grid-section .community-grid .col-three:last-child a{
    cursor: default;
}

/*
    *Responsive below 1280px 
*/
@media screen and (max-width: 1280px){

    .reference-resource-slider .section-slider li .image{
        width: 100%;
    }

    .reference-resource-slider .section-slider li .text-content{
        width: 100%;

    }

    .reference-resource-slider .section-slider li{
        padding: 0 ;
    }

    .reference-resource-slider .section-slider li {
        margin-right: 0;
        padding: 0 5px;
    }

    .reference-resource-slider .item{
        width: 100%;
    }

    .reference-resource-slider .item img{
        width: 100%;
    } 

    .solution-use-case .col-two .icon-img {
        width: 30%;
    }

}


/*
    *Responsive on 1280px to 1024px
**/
@media screen and (max-width: 1280px) and (min-width:1024px){
    /*
        *Solution links tabs on responsive
    */

    .tab-content h2{
        margin: 20px 0 35px;
    }

    .tab-content .tab-mangement .tab-details .tab-text {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .tab-content .tab-mangement .tab-details {   
        padding: 30px 10px 15px 38px;
    }

    .tab-content .tabset {
        width: 450px;
    }

    .tab-content .tabset li a{
        font-size: 20px;
        padding: 25px 25px 22px 27px;
    }

    .bullet-link-block .grey-bg {
        padding: 57px 0 25px;
    }

    /*
        *Benifits circle
    */

    .block-solution-benefits .outer-circle{
        text-align: center;
    }

    .block-solution-benefits .outer-circle .inner-circle.red-bg h2 {
        font-size: 36px;
    }

    .block-solution-benefits .outer-circle .inner-circle {
        width: 220px;
        height: 220px;
    }

    .block-solution-benefits .outer-circle .inner-circle h2 {
        font-size: 60px;
        margin-top: 8px;
    }

/*    .block-solution-benefits .block-benifits h2 {
        margin-bottom: 90px;
    }*/

    .block-solution-benefits .outer-circle .inner-circle p {
        font-size: 17px;
    }

    .block-solution-benefits .outer-circle .col-four .connect-circle:first-of-type {
        right: 12px;
    }

    .block-solution-benefits .outer-circle .col-four .connect-circle {
        right: -5px;
    }

    .block-solution-benefits .outer-circle .col-four .connect-circle:last-of-type {
        right: -21px;
    }

    .block-solution-benefits .block-benifits .block-text{
        margin-bottom: 65px;
    }

    .block-solution-benefits .block-benifits {
        padding: 62px 0 84px;
    }

    /*    .bullet-link-block .services {
            padding: 74px 0 33px;
        }*/

    .bullet-link-block .services .icon {
        width: 90px;
        padding-right: 15px;
    }

    .bullet-link-block .services .services-content {
        width: 70%;
    }
    /*
        .bullet-link-block .services .services-content {
            width: 72%;
        }*/

    /*
       * Grid block 
    */
    .grid-logo-content .grid .tabs-content.current:before{
        left: 440px;
    }

    .grid-logo-content .grid .tabs-content{
        width: 480px;
    }

    .grid-logo-content .grid li .tabs-content.current {
        left: calc(100% - 494px);
    }

    .grid-logo-content .grid li .tabs-content {
        left: 4%;
    }

    .reference-resource-slider .owl-item .item {
        margin: 0;
        padding: 0 10px;
    }  

    .team-info-block .grid .tabs-content {
        position: absolute;
        width: 610px;
    }
    
    .team-grid .team-info li {
        min-height: 160px;
    }
    
    .grid-section .grey-bg{
       padding: 40px 0 70px ;
    }
        
    .grid-section .grid-heading {
        padding: 0 0 40px;
    }

    .grid-section .grid-list {
        padding-bottom: 0px;
    }

    .grid-section .col-three {
        padding: 5px 20px 0;
    }

    /*
        .grid-section  .col-three:nth-child(n + 4){
            padding-top: 20px;
        }*/

    /*
        * Generic featured infograpic section 
    */

    .featured-infografic .infograpic-heading {
        padding-top: 54px;
    }

    /*
    * Generic intro block
    */

    .generic-intro-block .content-850
    {
        padding: 50px 0 40px;
    }
    
    .cloudshell-extension .col-three .grid-text:before {
        left: -20px;
    }
    .cloudshell-extension .grid-list {
        padding-bottom: 45px;
    }

    .solution-use-case .col-two {
        margin-right: 14px;
        margin-bottom: 14px;
    }

    .solution-use-case .col-two .text-content {
        width: 75%;
        margin-left: 30px;
    }

    .solution-use-case .col-two .icon-img {
        margin-left: -50px;
        max-width: 110px;
    }

    .team-grid .team-info ul h3 {
        font-size: 28px;
    }

    .intro-shell {
        padding: 36px 0 45px;
    }

    .intro-shell .intro-shell-logo {
        padding: 20px 0 27px;
    }

    .reference-resource-slider .hover-stage {
        width: calc(100% - 20px);
    }

    .event-intro-block {
        padding: 86px 0 57px;
    }

    .event-intro-block .text-content {
        padding: 20px 0;
    }

    /*
        *news event post section
    */

    .news-event-post .post-event .icon {
        max-width: 27%;
        margin-right: 20px;
    }

    .news-event-post .col-two:last-child {
        padding-left: 60px;
    }

    .team-info-block .grid .tabs-content {
        top: 60.5%;
    }

    .grid-section.solution-grid .button-grid {
        //padding: 109px 20px !important;
    }

    .intro-shell .intro-shell-logo li .logo-container {
        max-width: 180px;
    }
    
    .featured-infografic .infographics-inner .info-img img {
        max-height: 252px;
    }
    
     .news-event-post .col-two a {
        float: left;
    }
    
    .news-event-post .press-content {
        float: left;
    }
}


/*
    * Responsive on 1023px to 768px
**/
@media screen and (max-width: 1023px) and (min-width: 768px){
    /*
        *Solution links tabs on responsive
    */

    .tab-content h2{
        margin: 16px 0 28px;
    }

    .tab-content .tab-mangement .tab-details .tab-text {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .tab-content .tab-mangement .tab-details {
        padding: 5px 0px 10px 25px;
    }

    .tab-content .tabset li a{
        font-size: 17px;
        padding: 22px 18px 22px 25px
    }

    .tab-content .tabset {
        width: 40%;
    }

    .tab-content .tab-mangement {
        margin-left: 10px;
    }

    .bullet-link-block .services li {
        padding: 20px 0;
        width: 100%;
    }

    .bullet-link-block .grey-bg {
        padding: 47px 0 20px;
    }

    .bullet-link-block .services .services-content {
        width: 85%;
    }
    /*
        *Benifits circle
    */

    .block-solution-benefits .outer-circle .col-four {
        width: 50%;
        margin-bottom: 25px;
    }

    .block-solution-benefits .outer-circle .inner-circle {
        border: 10px solid #77b800;
    }

    .block-solution-benefits .outer-circle .inner-circle.purple-bg {    
        border: 10px solid #624c79;
    }

    .block-solution-benefits .outer-circle .inner-circle.red-bg {    
        border: 10px solid #e74c39;
    }

    .block-solution-benefits .outer-circle .inner-circle.red-bg h2 {
        font-size: 34px;
    }

    .block-solution-benefits .outer-circle .inner-circle.blue-bg {    
        border: 10px solid #0095d4;
    }

    .block-solution-benefits .outer-circle .inner-circle h2 {
        font-size: 50px;
        margin-top: 8px;
    }

    .block-solution-benefits .outer-circle .inner-circle p {
        font-size: 17px;
    }

    .block-solution-benefits .outer-circle .col-four .connect-circle {
        display: none;
    }

/*    .block-solution-benefits .block-benifits h2{
        margin-bottom: 45px;
    }*/

    .block-solution-benefits .outer-circle{
        max-width: 700px;
        margin: auto;
        float: none;
    }

    .block-solution-benefits .block-benifits .block-text {
        margin-bottom: 60px;
    }

    .block-solution-benefits .outer-circle .inner-circle span {
        font-size: 24px;
    }

    .block-solution-benefits .block-benifits {
        padding: 50px 0;
    }

    .block-solution-benefits .outer-circle .inner-circle {
        width: 210px;
        height: 210px;
    }
    .bullet-link-block .services .icon img {
        height: auto;
        width: 100%;
    }
    /*    .bullet-link-block .services {
            padding: 44px 0 23px;
        }*/

    .bullet-link-block .services .icon{
        width: 80px;
        margin-right: 10px;
        padding-right: 0;
    }
    /*    .bullet-link-block .services .services-content {
            width: 72%;
        }*/

    .bullet-link-block .services .service-info .text-left {
        padding: 24px 6px 24px 41px;
    }

    /*
        *Grid logo content 
    */

    .grid > ul > li {
        width: 33.37%;
        height: 200px;
    }

    .grid-logo-content .grid .tabs-content.current:before {
        left: 400px;
    }

    .grid-logo-content .grid li .tabs-content.current {
        left: calc(100% - 444px);
    }

    .grid-logo-content .grid .tabs-content {
        top: 190px;
        width: 430px;
    }

    .grid-logo-content .grid .tabs-content .tab-text {
        padding: 20px 19px 3px;
    }

    .grid-logo-content .grid li .tabs-content {
        left: 4%;
    }

    .reference-resource-slider .owl-item .item {
        margin: 0;
        padding: 0 5px;
    }

    /*
        * Team information page on generic
    */

    .team-info-block .grid .col-three {
        margin-bottom: 40px;
    }

    .team-info-block .grid .tabs-content {
        width: 456px;
        top: 55.5%;
    } 

    .team-info-block .team-heading {
        padding: 33px 0 30px;
    }

    .team-info-block .team-heading p {
        font-size: 18px;
    }

    /*
        * Grid section on generic page 
    */

    .grid-section .col-three {
        border-right: 1px solid #c7c7c7;
        padding: 5px 8px 0px;
    }

    .grid-section .heading-career {
        padding: 46px 0 25px;
    }

    .grid-section .grid-list {
        padding-bottom: 60px;
    }

    .grid-section .heading-career p {
        font-size: 18px;
    }
    
    .grid-section .col-three .grid-img img {
        height: 80px;
    }

    /*    .grid-section  .col-three:nth-child(n + 4){
            padding-top: 15px;
        }*/

    /*
    * Generic featured infograpic section 
    */

    .featured-infografic .infograpic-heading {
        padding-top: 44px;
    }

    .featured-infografic .infograpic-heading p {
        font-size: 18px;
    }

    .featured-infografic .col-two-outer {
        padding: 35px 0 38px;
    }

    .featured-infografic .col-two .infographics-inner {
        margin-bottom: 10px;
    }

    /*
    * Generic intro block
    */

    .generic-intro-block .content-850 p{
        font-size: 18px;

    }

    .generic-intro-block .content-850 h2{
        margin-bottom: 5px;
    }

    .generic-intro-block .content-850
    {
        padding: 45px 0 35px;
    }


    .cloudshell-extension .col-three .grid-text:before {
        left: -7px;
    }

    .cloudshell-extension .col-three {
        border-right: 0; 
    }

    .cloudshell-extension .grid-heading {
        padding: 30px 0;
    }

    .cloudshell-extension .grid-list {
        padding-bottom: 35px;
    }

    .solution-use-case .col-two {
        margin-right: 10px;
        padding: 20px;
        margin-bottom: 10px;
    }

    .solution-use-case h2 {
        margin: 30px 0;
    }

    .solution-use-case .col-two .icon-img {
        margin-left: -36px;
        max-width: 90px;
    }

    .solution-use-case .col-two .text-content {
        width: 75%;
        margin-left: 20px;
    }

    .intro-shell p{
        font-size: 18px;
        font-weight: 1.5;
    }

    .intro-shell .intro-shell-logo li .logo-container {
        max-width: 130px;
    }

    .team-grid .team-info ul h3 {
        font-size: 24px;
    }
    
    .team-grid .team-info li {
        min-height: 150px;
    }

    .team-grid .team-info ul .learn-more{
        font-size: 14px;
    }

    .intro-shell {
        padding: 46px 0 60px;
    }

    .intro-shell .intro-shell-logo {
        padding: 30px 0 37px;
    }

    .block-join-us .content-580 p {
        font-size: 18px;
    }

    .block-join-us .block-select-box .selectboxit-container span, .block-join-us .block-select-box .selectboxit-container .selectboxit-options a {
        font-size: 18px;
    }

    .reference-resource-slider .hover-stage {
        width: calc(100% - 10px);
    }

    .event-intro-block {
        padding: 66px 0 47px;
    }

    .event-intro-block .text-content {
        padding: 20px 0;
    }

    .event-intro-block .content-730 span {
        font-size: 18px;
    }

    .event-intro-block .content-730 p {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .reference-resource-slider .item:hover .hover-stage .hover-content h5 {
        margin: 24px 0 4px;
        line-height: 1.4;
    }

    .reference-resource-slider .item:hover .hover-stage .hover-content p {
        line-height: 1.3;
        font-size: 15px;
    }

    .reference-resource-slider .hover-stage .hover-content .learn-more-blue-arrow{
        bottom: 5px;
    }

    .reference-resource-slider .item:hover .hover-stage span { 
        left: 14px;
    }

    .reference-resource-slider .hover-stage .hover-content {
        padding: 0 7px 0 13px;
    }

    /*
        *news event post section
    */

    .news-event-post .col-two a {
        font-size: 18px;
        float: left;
    }

    .news-event-post .post-event p {
        font-size: 18px;
    }

    .news-event-post .press-content h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .news-event-post .post-event {
        padding-left: 10px;
    }

    .news-event-post .post-event {
        margin-bottom: 25px;
    }

    .news-event-post .col-two:first-child .press-content:first-child h3 {
        margin-bottom: 15px;
    }

    .news-event-post .press-content {
        padding: 10px 0 20px;
    }

    .news-event-post .col-two:first-child .press-content:last-child {
        padding-top: 14px;
        float:left;
    }
    
    .news-event-post .press-content:first-of-type {
        float: left;
    }

    .news-event-post .col-two:last-child {
        padding-left: 30px;
    }

    .news-event-post .post-event .icon {
        width: 29%;
        margin-right: 10px;
    }

    .news-event-post .col-two:first-child {
        padding-right: 10px;
    }

    .news-event-post .content-730 p {
        font-size: 18px;
    }

    .news-event-post .content-730 {
        padding: 30px 0 50px;
    }

    .grid-section.solution-grid .button-grid h4{
        font-size: 26px;
    }

    .grid-section.solution-grid .button-grid {
        //padding: 110px 10px !important;
    }  
    
    .featured-infografic .infographics-inner .info-img img {
        max-height: 172px;
    }
}

/*
    *Responsive on 767px
**/
@media screen and (max-width: 767px){

    /*
        *Solution links tabs on responsive
    */

    .tab-content .tabset {
        display: block;
        width: 100%;
    }

    .tab-content .tabset ul li a.active:after{
        content: '';
        border-width: 0;
    }

    .tab-content .tabset ul li a:hover:after{
        content: '';
        border-width: 0;
    }

    .tab-content .tab-mangement .tab-details {
        padding: 20px 5px 40px;
    }   

    .tab-content .tabset li a {
        text-align: center;
    }

    .tab-content .tab-mangement .tabs {
        text-align: center;
    }

    .tab-content .tab-mangement {
        margin-left: 0; 
    }
    /*
        *Benifits circle
    */

    .block-solution-benefits .outer-circle{
        text-align: center;
    }

    .block-solution-benefits .outer-circle .inner-circle {
        width: 180px;
        height: 180px;
        margin: 0 auto;
        border: 8px solid #77b800;
    }

    .block-solution-benefits .outer-circle .inner-circle.purple-bg {    
        border: 8px solid #624c79;
    }

    .block-solution-benefits .outer-circle .inner-circle.red-bg h2 {
        font-size: 30px;
    }

    .block-solution-benefits .outer-circle .inner-circle.red-bg {    
        border: 8px solid #e74c39;
    }

    .block-solution-benefits .outer-circle .inner-circle.blue-bg {    
        border: 8px solid #0095d4;
    }

    .block-solution-benefits .outer-circle .inner-circle h2 {
        font-size: 40px;
        margin-top: 12px;
    }

    .block-solution-benefits .outer-circle .inner-circle p {
        font-size: 15px;
    }

    .block-solution-benefits .outer-circle .col-four .connect-circle {
        display: none;
    }

    /*
        * Bullet link block
    */
    .bullet-link-block .services li:nth-child(even) {
        padding-left: 0;
    }
    .bullet-link-block .services li{
        width: 100%;
        min-height: auto;
        padding: 15px 0;
    }

    .bullet-link-block .services li:last-of-type {
        //padding: 0;
    }

    .bullet-link-block .grey-bg {
        padding: 40px 0 10px;
    }

    .bullet-link-block .services .icon img {
        height: auto;
        width: 100%;
    }

    /*
        * Reference slider 
    */
    .reference-resource-slider .section-slider li .image{
        width: 100%;
    }

    .reference-resource-slider .section-slider li .text-content{
        width: 100%;
    }

    .reference-resource-slider .container-outer {
        padding: 0 50px;
    }

    .reference-resource-slider .slider-nav .next-button {
        width: 34px;
        height: 34px;
        right: -40px;
    }

    .reference-resource-slider .slider-nav .prev-button {
        width: 34px;
        height: 34px;
        left: -40px;
    }

    .reference-resource-slider .owl-item .item {
        margin: 0;
        padding: 0 5px;
    }

    .grid-logo-content .grid .tabs-content .tab-header {
        text-align: center;
    }

    .customer-logo .logo-nav ul li {
        min-height: 90px;
    }

    .customer-logo .logo-nav ul .logo-display {
        opacity: 1;
        display: table;
    }

    .customer-logo h5 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .customer-logo .logo-nav {
        padding-bottom: 25px;
    }

    .solution-use-case .col-two {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .solution-use-case .col-two:last-child{
        margin-bottom: 0;
    }


    .solution-use-case h2 {
        margin: 0 0 15px;
    }

    .team-grid .team-info li:nth-child(-n + 3){

        border-top:1px solid #d9d9d9;
    }
    
    .team-grid .team-info li {
         min-height: 100%;
    }
    
    .intro-shell .intro-shell-logo img{
        width: 70%;
        max-width: 150px;
    }  

    .intro-shell .intro-shell-logo {
        padding: 20px 0 27px;
    }

    .intro-shell {
        padding: 40px 0;
    }

    .block-join-us .block-list {
        margin: 6px 0px;
        display: block;
        width: 100%;
    }

    .block-join-us .block-select-box .button-default {
        top: 4px; 
    }

    .block-join-us .job-table tr:after {
        width: 94%;
    }

    .block-join-us .block-select-box {
        padding: 15px 0;
    }

    .block-join-us {
        background: #2d3e50;
        color: #fff;
        padding: 35px 0;
    }

    .reference-resource-slider .hover-stage {
        width: calc(100% - 10px);
    }

    .block-join-us .job-table td {
        padding: 0 6px;
    }

    .block-join-us .job-table tr th {
        padding: 0 6px;
    }

    .reference-resource-slider .hover-stage .hover-content {
        padding: 0 7px 0 13px;
    }

    .reference-resource-slider .item:hover .hover-stage span { 
        left: 14px;
    }

    /*
        *news event post section
    */

    .news-event-post .col-two{
        width: 100%;
    }

    .news-event-post .col-two {
        border-right: 0;
        border-bottom: 1px solid #b8b8b8;
    }
    
    .news-event-post .col-two:first-child {
         padding-right: 0;
    }
    
    .news-event-post .press-content h3 {
        font-size: 26px;
    }

    .news-event-post .col-two:first-child .press-content:first-child h3 {
        margin-bottom: 10px;
    }

    .news-event-post .col-two a {
        font-size: 16px;
    }

    .news-event-post .col-two a:after {
        top: 4px;
    }

    .news-event-post .col-two:first-child .press-content:first-of-type .post-event {
        margin-bottom: 15px;
    }

    .news-event-post .press-content {
        padding: 22px 0 33px;
    }

    .news-event-post .col-two:first-child .press-content:last-child {
        padding: 22px 0 30px;
    }

    .news-event-post .press-content h3 {
        margin-bottom: 15px;
    }

    .news-event-post .post-event {
        margin-bottom: 20px;
    }

    .news-event-post .col-two:last-child {
        padding-left: 0;
    }
    
    .news-event-post .col-two:last-child .press-content{
        padding-bottom: 0;
    }

    .news-event-post .content-730 p {
        font-size: 16px;
    }

    .news-event-post .content-730 {
        padding: 20px 0;
    }

    .video-info-block .col-two:last-of-type a:after {
        width: 50px;
        height: 50px;
        top: Calc(50% - 25px);
        left: Calc(50% - 25px);
    }

    .intro-shell .intro-shell-logo li .logo-container {
        max-width: 150px;
        margin: 0 auto;
    }

    .bullet-link-block .services .service-info .text-left {
        padding: 27px 10px 30px 30px;
    }

}

@media screen and (max-width: 767px) and (min-width: 641px){

    /*
        * Generic grid section 
    */

    .grid-section .col-three {
        border-right: 1px solid #c7c7c7;
        padding: 5px 8px 0;
    }

    .grid-section.solution-grid .col-three {
        padding: 5px 20px 0;
    }

    .grid-section .col-three:nth-child(n + 4) {
        padding-top: 20px;
    }
    /*
        .grid-section .grid-list .col-three {
            min-height: 300px !important;
        }*/

    .cloudshell-extension .col-three{
        border-right: 0;
    }

    .cloudshell-extension .col-three .grid-text:before {
        left: -6px;
    }
    /*
        * Generic featured infograpic section 
    */

    .featured-infografic .infograpic-heading {
        padding-top: 40px;
    }

    .featured-infografic .col-two-outer {
        padding: 30px 0 40px;
    }

    .featured-infografic .infograpic-heading p {
        font-size: 17px;
    }

    .featured-infografic .col-two .infographics-inner {
        margin-bottom: 0;
    }

    .cloudshell-extension .grid-list {
        padding-bottom: 25px;
        padding: 0 10px;
    }

    .grid-section.solution-grid .button-grid h4{
        font-size: 24px;
    }

    .grid-section.solution-grid .button-grid {
        //padding: 109px 10px!important;
    }
    
    .featured-infografic .infographics-inner .info-img img {
        max-height: 110px;
    }
   
    .grid-section.solution-grid .col-three.button-grid {
        top: 10px;
    }
    
    .grid-section .col-three.button-grid {
        top: 10px;
    }
    
    .grid-section .col-three .grid-img img {
        height: 70px;
    }
}
/*
    *Responsive on 767px to 481px
**/
@media screen and (max-width: 767px) and (min-width: 481px){
    /*
        *Solution links tabs on responsive
    */

    .tab-content .tabset li a {
        padding: 20px 0;
        font-size: 16px;
    }

    .tab-content h2 {
        margin: 8px 0 20px;
    } 

    .tab-content .tab-mangement .tab-details .tab-text {
        font-size: 18px;
    }

    /*
        *Benifits circle
    */

    .block-solution-benefits .block-benifits .block-text{
        margin-bottom: 30px;
    }

    .block-solution-benefits .block-benifits {
        padding: 40px 0;
    }

    .block-solution-benefits .outer-circle .col-four {
        width: 50%;
        margin-bottom: 15px;
    }

    .block-solution-benefits .outer-circle .inner-circle span {
        font-size: 20px;
    }


    /*
        * Bullet link block 
    */

    /*    .bullet-link-block .services .services-content {
            width: 80%;
        }*/

    .bullet-link-block .services .icon {
        width: 60px;
        margin-right: 22px;
        padding: 0;
    }

    /*    .bullet-link-block .services {
            padding: 34px 0 17px;
        }*/

    .bullet-link-block .services .service-info {
        padding: 30px 0;
    }

    .bullet-link-block .services .service-info h3 {
        font-size: 22px;
    }

    .bullet-link-block .services .services-content {
        width: 77%;
    }

    /*
        *Grid logo content 
    */

    .grid > ul > li {
        width: 50%;
        height: 180px;

    }

    .grid-logo-content .tabsets ul li {
        padding: 0 10px;
    }

    .grid-logo-content .grid .tabs-content {
        top: 174px;
    }

    .grid-logo-content .grid .tabs-content .tab-text {
        padding: 12px 12px 1px;
    }

    .grid-logo-content .grid .tabs-content .tab-header {
        padding: 9px 12px;
    }

    .grid-logo-content .grid li .tabs-content {
        left: 5%;
    }

    .grid-logo-content .grid .tabs-content.current:before {
        left: 372px;
    }

    .grid-logo-content .grid li .tabs-content.current{
        left: calc(100% - 444px);
    }

    .grid-logo-content .grid .tabs-content {
        width: 410px;
    }
    
    /*
        * Generic team information 
    */

    .team-info-block .grid .col-three {
        margin-bottom: 25px;
        width: 50%;
    }

    .team-info-block .grid .tabs-content {
        position: absolute;
        width: 420px;
        top: 57%;
    }

    .team-info-block .team-heading {
        padding: 24px 0 22px;
    }   

    .team-info-block .team-heading p {
        font-size: 16px;
    }

    /*
        * Genric grid section 
    */
    .grid-section .grey-bg{
       padding: 40px 0 50px;
    }
    
    .grid-section .grid-heading{
        padding: 0 0 30px 0;
    }

    .grid-section .grid-list {
        padding-bottom: 0px;
    }

    .grid-section .grid-heading p {
        font-size: 17px;
    }

    .team-grid h2 {
        padding: 35px 0 0;
    }
    
    .team-grid .team-info {
        padding: 36px 0 50px;
    }
    /*
    * Generic intro block
    */

    .generic-intro-block .content-850 {
        padding: 35px 0 20px;
    }

    .generic-intro-block .content-850 h2 {
        margin-bottom: 5px;
    }

    .generic-intro-block .content-850 p {
        font-size: 17px;
    }

    .customer-logo .logo-nav ul li {
        width: 33%;
        border-top: 1px solid #d9d9d9;
    }

    .customer-logo .logo-nav ul li:nth-child(-n+2) {
        border-top: 0;
    }
        
    .customer-logo .logo-nav ul li:nth-child(odd) {
        border-right: 1px solid #d9d9d9;
    }

    .intro-shell p{
        font-size: 17px;
        font-weight: 1.5;
    }
    .team-grid .team-info li {
        width: 50%;
    }

    .team-grid .team-info ul h3 {
        font-size: 22px;
    }

    .team-grid .team-info li:nth-child(3n){
        border-right: 1px solid #d9d9d9;
    }

    .team-grid .team-info li:nth-child(-n + 2){
        border-top: 0;
    }
    
    .team-grid .team-info li:nth-child(odd){
        clear: both
    }
    
    .team-grid .team-info li:nth-child(2n){
        border-right: 0 ;
    }

    .intro-shell .intro-shell-logo ul{
        display: inline-table;
    }

    .intro-shell .intro-shell-logo li {
        width: 49%;
        display: inline-block;
        position: relative;
        padding: 34px 0;
        border-top: 1px solid #d9d9d9;
        height: 120px;
        padding: 35px 0;
    }

    .intro-shell .intro-shell-logo li:nth-child(-n + 2){
        border-top: 0;
    }

    .intro-shell .intro-shell-logo li:nth-child(2n){
        border-right: 0;
    }

    .block-join-us .selectboxit-container span , .block-join-us .selectboxit-container .selectboxit-options a{
        font-size: 18px;
    }

    .block-join-us .content-580 p {
        font-size: 17px;
    }

    .event-intro-block .content-730 p:first-of-type {
        margin-top: 10px;
    }

    .event-intro-block .content-730 p {
        font-size: 15px;
        margin-bottom: 18px;
    }

    .event-intro-block {
        padding: 46px 0;
    }

    .event-intro-block .content-730 span {
        font-size: 17px;
    }

    .reference-resource-slider .item:hover .hover-stage .hover-content h5 {
        margin: 26px 0 5px;
    }

    .reference-resource-slider .hover-stage .hover-content p {
        font-size: 14px;
    }

    .team-grid .select-box {
        width: 400px !important;
    }

    .team-grid .learn-more:after, .learn-more-transparent:after, .team-grid .learn-more-blue-arrow:after {
        right: -19px;
    }

    /*
        *news event post section
    */

    .news-event-post .post-event .icon {
        max-width: 29%;
        margin-right: 10px;
    }

    .solution-use-case .col-two .icon-img {
        margin-left: -36px;
        max-width: 70px;
    }

    .solution-use-case .col-two .text-content {
        float: left;
        width: 82%;
        text-align: left;
        margin-left: 27px;
    }

    .solution-use-case .col-two {
        padding: 20px;
    }
    
    .customer-logo .logo-nav ul li{
        border-right: 0;
    }
}

@media screen and (max-width: 640px){

    /*
        * Genric grid section 
    */

    .grid-section .col-three {
        border-right: 0
    }

    .grid-section .col-three {
        padding: 0 0 20px;
    }
    
    .grid-section.solution-grid .col-three:first-child{
        padding-top: 0;
    }

    .grid-section.solution-grid .col-three:nth-child(n + 4) {
        padding-top: 15px;
    }
    
    .grid-section .col-three:nth-child(n + 4) {
        padding-top: 0;
    }
    
    .grid-section  .col-three:last-child{
        padding: 0;
    }
    
    .grid-section.cloudshell-extension .grid-heading {
        padding: 0;
    }
    
    .grid-section.solution-grid .col-three {
        padding: 15px 20px 0;
    }

    .grid-section .grey-bg{
        padding: 35px 0 50px;
    }
    
    .grid-section .grid-heading {
        padding: 0 0 20px;
    }

    .grid-section .grid-heading p {
        font-size: 16px;
    }

    .grid-section .grid-list {
        padding-bottom: 0px;
    }
    
    .grid-section .sand-box-grid{
        padding: 40px 0;
    }
    /*
        * Generic featured infograpic section 
    */
    .featured-infografic .infographics-inner{
        margin: 0 auto;
    }

    .featured-infografic .col-two:first-child {
        border-right: 0;
        margin-bottom: 15px;
    }

    .featured-infografic .col-two .infographics-inner {
        float: none;
        width: 100%;
    }

    .featured-infografic .col-two:first-child .infographics-inner {
        float: none;
    }

    .featured-infografic .infograpic-heading {
        padding-top: 40px;
    }

    .featured-infografic .col-two-outer {
        float: left;
        padding: 40px 0;
        width: 100%;
    }
    
    .featured-infografic .col-two .infographics-inner:last-child{
        margin-bottom: 0;
    }
    
    .featured-infografic .infograpic-heading p {
        font-size: 16px;
    }

    .featured-infografic .infograpic-heading h2 {
        margin-bottom: 0; 
    }

    .cloudshell-extension .col-three .grid-text:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: -45px;
    }

    .cloudshell-extension .grid-list {
        padding-bottom: 0;
    }

    .grid-section.solution-grid .button-grid {
        padding: 0 !important;
    } 

    .grid-section.solution-grid .button-grid h4{
        font-size: 22px;
    }
    
    .grid-section .col-three .grid-img img {
        height: 55px;
    }

    .grid-section.solution-grid .col-three.button-grid {
        width: 100%;
        padding: 30px 25px!important;
        top: 10px;
    }

    .featured-infografic .infographics-inner .info-img img {
        max-height: 100px;
    }
    
    .featured-infografic .col-two .infographics-inner p {
        margin-bottom: 0;
    }
}
/*
    *Responsive on 480px
**/

@media screen and (max-width: 480px){
    /*
        *Solution links tabs on responsive
    */

    .tab-content .tab-mangement .tab-details .tab-text {
        font-size: 16px;
    }

    .tab-content .tabset li a {
        padding: 17px 10px;
        font-size: 14px;
    }

    .tab-content h2 {
        margin: 0 0 15px;
    }

    /*
        *Benifits circle
    */

    .block-solution-benefits .block-benifits h3{
        margin-bottom: 20px;
    }
    .block-solution-benefits 
    .block-solution-benefits .block-benifits {
        padding: 30px 0;
    }

    .block-solution-benefits .outer-circle .col-four {
        width: 100%;
        margin-bottom: 15px;
    }

    .block-solution-benefits .outer-circle .inner-circle span {
        font-size: 18px;
    }

    .block-solution-benefits .block-benifits .block-text {
        margin-bottom: 30px;
    }

    /*
        * Bullet link blocks 
    */

    .bullet-link-block .services .icon {
        width: 60px;
        float: none;
        margin: 0 auto 20px;
        padding: 0;
    }

    .bullet-link-block .services .services-content{
        width: 100%;
    }

    /*    .bullet-link-block .services {
            padding: 20px 0 17px;
        }*/

    .bullet-link-block .services .service-info {
        padding: 25px 10px;
    }

    .bullet-link-block .services .service-info h3 {
        font-size: 20px;
    }

    .bullet-link-block .services li{
        text-align: center;
        padding: 10px 0;
    }

    /*
        *Grid logo content 
    */

    .grid > ul > li {
        width: 50%;
        height: 180px;

    }
    
    .grid > ul > li .icon:before {
         height: auto;
    }

    .tabsets ul li {
        display: block;
        width: 100%;
    }
    
    .tabsets ul li:first-of-type{
        border-bottom-left-radius: 0;
    }
    
    .tabsets ul li:last-of-type{
        border-top-right-radius: 0;
        border-bottom-left-radius: 6px;
    }
    
    .tabsets ul{
        display: block;
        width: 100%;
        min-height: 100%;
        height: 100%;
    }
    
    .grid-customer-logo .tabsets ul li {
        width: 100%;
    }
    .grid-logo-content .tabsets ul {
        border-top-left-radius: 6px;
        overflow: hidden;
        border-top-right-radius: 6px;
    }

    .tabsets ul li a {
        line-height: 8px;
    }

    .grid-logo-content .grid .tabs-content {
        top: 178px;
        right: initial;
    }

    .grid-logo-content .grid .tabs-content .tab-text {
        padding: 9px 17px 1px;
        border: 1px solid #c1c1c1;
    }

    .grid-logo-content .grid .tabs-content .tab-header {
        padding: 8px 17px;
        
    }

    .grid-logo-content .grid li .tabs-content:before {
        left: 30%;
    }

    .grid-logo-content .grid li .tabs-content {
        right: auto !important;
    }
    
    .grid-logo-content .grid li .tabs-content.current:before {
        left: 70%;
    }
    
    .grid-logo-content .grid .tabs-content {
        width: 188%;
        margin: 0 10px;
        border: 0;
    }

    .grid-section.solution-grid .col-three {
        padding: 5px 0 0;
    }
    
    .grid-logo-content .grid li .tabs-content.current {
        right: 0 !important;
        
    }
    
    .grid-section .user-docs{
        padding: 40px 0;
    }

    /*
        * Generic team information block
    */

    .team-info-block .grid .tabs-content {
        width: 100%;
        text-align: center;
    }

    .team-info-block .grid .tabs-content:before {
        left: 50%;
    }

    .team-info-block .grid .col-three {
        margin-bottom: 10px;
    }

    .team-info-block .team-heading {
        padding: 0 0 17px;
    }
    
    .team-info-block .grey-bg{
        padding: 40px 0;
    }
    
    .team-info-block .grid .col-three:last-child {
        margin-bottom: 0px;
    }
    
    .team-info-block .team-heading p {
        font-size: 16px;
    }

    /*
    * Generic intro block
    */

    .generic-intro-block .content-850 {
        padding: 25px 0 15px;
    }

    .generic-intro-block .content-850 h2 {
        margin-bottom: 5px;
    }

    .generic-intro-block .content-850 p {
        font-size: 16px;
    }

    .customer-logo .logo-nav ul li {
        width: 50%;
        border-top: 1px solid #d9d9d9;
    }

    .customer-logo .logo-nav ul li:nth-child(1) {
        border-top: 0;
    }

    .solution-use-case .col-two{
        padding: 20px;
    }

    .solution-use-case .col-two .text-content h4{
        margin-bottom: 8px;
    }

    .solution-use-case .col-two .icon-img {
        margin-left: -38px;
        max-width: 70px;
    }

    .solution-use-case .col-two .text-content {
        width: 80%;
        margin-left: 10px;
    }

    .intro-shell p{
        font-size: 16px;
        font-weight: 1.5;
    }

    .team-grid .team-info li {
        width: 100%;
        border-right: 0;
        padding: 25px 0;
        min-height: auto;
    }

    .team-grid .team-info li:last-child{
        border-bottom: 0;
        padding-bottom: 0;
    }

    .team-grid .select-box {
        width: 235px;
    }

    .team-grid h2 {
        padding: 25px 0 0;
    }

    .team-grid .team-info {
        padding: 20px 0 20px;
    }

    .team-grid .team-info ul h3 {
        margin-bottom: 0px;
        font-size: 20px;
    }

    .team-grid .team-info li:first-child{

        border-top: 0;
    }

    .intro-shell .intro-shell-logo li {
        width: 100%;
        display: inline-block;
        position: relative;
        border-top: 1px solid #d9d9d9;
        height: auto;
        border-right: 0;
        padding: 30px 0;
    }

    .intro-shell .intro-shell-logo li:first-child{
        border-top: 0;
    }

    .block-join-us .content-580 p {
        font-size: 16px;
    }

    .event-intro-block {
        padding: 36px 0;
    }

    .event-intro-block .text-content {
        padding: 10px 0;
    }

    .event-intro-block .content-730 span {
        font-size: 16px;
    }

    .event-intro-block .content-730 p:first-of-type {
        margin-top: 10px;
    }

    .event-intro-block .content-730 p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.44;
        margin-bottom: 10px;
    }

    .team-grid .learn-more:after, .learn-more-transparent:after, .learn-more-blue-arrow:after {
        right: -19px;
    }

    .block-join-us .job-table th {
        display: none;    
    }

    .block-join-us .job-table td {
        display: block; 

    }  
    
    .customer-logo-block .customer-logo h2 {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .customer-logo .logo-nav {
        padding-bottom: 0;
    }

    .block-join-us .job-table td:before {
        content: attr(data-th)": ";
        font-weight: bold;
        width: 50px;
        display: inline-block;
        position: absolute;
        left: 19px;
    }

    .block-join-us .job-table tr td:first-child {
        width: 100%;
        padding: 10px 10px 10px 100px;
    }

    .block-join-us .job-table tr td{
        width: 100%;
        padding: 10px 10px 10px 100px;
    }

    .block-join-us .job-table tr:last-child:after{
        height: 0;
    }

    /*
        *news event post section
    */
    .news-event-post .col-two:first-child {
        padding-right: 0;
    }

    .news-event-post .post-event {
        padding-left: 0;
    }

    .news-event-post .post-event p {
        font-size: 16px;
    }

    .news-event-post .press-content {
        text-align: center;
    }

    .news-event-post .post-event .icon {
        max-width: 100%;
        float: none;
        margin: 10px auto;
    }

    .news-event-post .post-event:before {
        content: '';
        width: 0;
        height: 0;
    }

    .news-event-post .post-event .post-text {
        float: none;
        width: 100%
    }

    .news-event-post .content-730:after {
        width: 16%;
        left: calc(50% - 20px);
    }

    .team-info-block .grid .tabs-content {
        top: 60%;
        padding: 10px 8px 10px;
    }

    .team-info-block .grid .tabs-content.current:before {
        left: 44%;
    }

    .bullet-link-block .services .service-info .text-left {
        padding: 27px 0;
        text-align: center;
    }

    .block-solution-benefits .block-benifits{
        padding: 40px 0;
    }
    
    .customer-logo .logo-nav ul li{
        border-right: 0;
    }
    
    .team-info-block .hover-over .grid .tabs-content.current:before {
        left: 50%;
    }
    
    .grid-logo-content .learn-more:after {
     right: -20px;
    }
    
    .reference-resource-slider .hover-stage .hover-content h5{
        height: 67px;
    }

}

/*
* Search result edits
*/

.search-results .gsc-results-wrapper-visible .gsc-results.gsc-webResult a.gs-title{
    display: inline-block !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #0095d4 !important;
    position: relative !important;

}

.search-results .gsc-results-wrapper-visible .gsc-results.gsc-webResult a.gs-title:before{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    bottom: -5px;
    top: 17px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease;
}
.search-results .gsc-results-wrapper-visible .gsc-results.gsc-webResult a.gs-title:hover:before{
    opacity: 1;
    background: #0095d4;
    width: calc(100% + 25px);
}
.search-results .gsc-results-wrapper-visible .gsc-results.gsc-webResult a.gs-title:visited{
    display: inline-block !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #0095d4 !important;
    position: relative !important;
}
.search-results .gsc-results-wrapper-visible .gsc-results.gsc-webResult a.gs-title b{
    color:#0095d4 !important;
}
.gs-webResult .gs-snippet{
    margin-left: 9px;
}
.gsc-cursor-box.gs-bidi-start-align{
    text-align: center;
    font-size: 16px;
    color: #0095d4 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
    color: #0095d4 !important;
    border-bottom: 0px solid #fff !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:before{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    bottom: -5px;
    top: 17px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover:before{
    opacity: 1;
    background: #0095d4;
    width: calc(100% + 25px);
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    border-bottom: 2px solid #0095d4 !important;
}
.gs-web-image-box-portrait img.gs-image{
    margin-left: 9px;
}
.gs-web-image-box-landscape img.gs-image{
    margin-left: 9px;
}
.search-results .gsc-control-cse .gsc-table-result{
    margin-top: 8px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    text-decoration: none !important;
    border-bottom: 2px solid #0095d4 !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease;
}
.search-results .gsc-url-top {
    display: block !important;
    color: #6e6e70;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl{
    color: #6e6e70 !important;
}
.gs-result .gs-title, .gs-result .gs-title *{
    text-decoration: none !important;
}


.team-info-block .col-three.active .tabs-content{
    opacity: 1;
    z-index: 4;
} 

.hover-over .col-three.active .tabs-content{
    opacity: 1;
    z-index: 4;
} 

.grid-partner-logo li.active .tabs-content{
    opacity: 1;
    z-index: 4;
}

@media screen and (min-width: 480px){

    .info-team .col-three:hover .tabs-content{
        opacity: 1;
        z-index: 4;
    }
    .info-team .col-three{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease; 
    }
    .hover-over .col-three{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease;
    }

    .hover-over .col-three:hover .tabs-content{
        opacity: 1;
        z-index: 4;
    }

    .grid-partner-logo li:hover .tabs-content{
        opacity: 1;
        z-index: 4; 
    } 
}

.customer-logo .logo-nav ul li {
    display: table-column;
    width: 20%;
}
.customer-logo .logo-nav .logo-grid-outer {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.customer-logo .logo-nav .logos-grid_container {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

@media screen and (max-width:767px) {
    .customer-logo .logo-nav ul li {
        display: table-column;
        width: 50%;
    }
    .customer-logo .logo-nav .logo-grid-outer {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .customer-logo .logo-nav .logos-grid_container {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }
    
    .block-solution-benefits .text-center{
        padding: 0 20px;
    }
    
    .block-solution-benefits .outer-circle.text-center{
        padding: 0;
    }
}
@media screen and (max-width:480px){
    .customer-logo .logo-nav ul li {
        display: table-column;
        width: 100%;
    }
    .customer-logo .logo-nav .logo-grid-outer {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .customer-logo .logo-nav .logos-grid_container {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }
    .team-info-block .grid .tabs-content.current {
        right: 0px;
    }

}
@media screen and (max-width:320px){
    .featured-infografic .col-two .infographics-inner {
        width: 100%;
    }
}














/* Card Flip */
.owl-item {
  padding: 39px 0px;
}
.owl-item .awards-card {
  position: relative;  
}

.owl-item .awards-card .awards-card-front,
.owl-item .awards-card .awards-card-back {
  height: auto;
  width: 100%;
  overflow: hidden;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 1s;
  -ms-transition: -ms-transform 1s;
  transition: transform 1s;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  border-radius: 3px;
}

.owl-item .awards-card .awards-card-front {
  position: relative;
  z-index: 2;
  -webkit-transform: perspective(1000px) rotateY(0);
  -ms-transform: perspective(1000px) rotateY(0);
  transform: perspective(1000px) rotateY(0);
  background-color: #FFF !important;
  height: 330px;
}

.owl-item .awards-card .awards-card-back {
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-transform: perspective(1000px) rotateY(-180deg);
  -ms-transform: perspective(1000px) rotateY(-180deg);
  transform: perspective(1000px) rotateY(-180deg); 
  padding: 15px; 
  background-color: #0195D3 !important;
}
.owl-item .awards-card-back h5 {
  font-weight: 700;
}

.owl-item .awards-card.award-card-flipped .awards-card-front {
  -webkit-transform: perspective(1000px) rotateY(180deg);
  -ms-transform: perspective(1000px) rotateY(180deg);
  transform: perspective(1000px) rotateY(180deg);
}

.owl-item .awards-card.award-card-flipped .awards-card-back {
  -webkit-transform: perspective(1000px) rotateY(0);
  -ms-transform: perspective(1000px) rotateY(0);
  transform: perspective(1000px) rotateY(0);
}

.owl-item .awards-card.award-card-index .awards-card-front {
  z-index: 1;
}

.owl-item .awards-card.award-card-index .awards-card-back {
  z-index: 2;
}

.owl-item .awards-card.igl-flip-hover {
  cursor: pointer;
}

.owl-item .awards-card-back .hover-content {
  text-align: left;
  color: #FFF;
}


.owl-item .item.awards-card.award-flip-hover{  
  height: 330px;
  width: 300px;    
  line-height: 28px;
  border-radius: 3px;
}

.owl-item .image.awards-card-front img {
  padding: 25px;  
  height: auto !important;
  max-width: 100% !important;  
  transform: translate(-50%, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}











/**
 * Core Owl Carousel CSS File
 * v1.3.3
 **/

/**
 * Clearfix
 **/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/**
 * Display none until init
 **/
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/**
 * Mouse grab icon
 **/
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/**
 * Fix
 **/
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    position: relative;
}

.owl-close{
    right: 30px;
    top: 30px;
    left: auto;
    background: transparent;
}

.available{
    display: none;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm93bC5jYXJvdXNlbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHOztBQUVILGNBQWM7QUFDZDtDQUNDLGFBQWE7Q0FDYixlQUFlO0NBQ2YsWUFBWTtDQUNaLG1CQUFtQjtDQUNuQixlQUFlO0NBQ2YsVUFBVTtDQUNWO0FBQ0QsNkJBQTZCO0FBQzdCO0NBQ0MsY0FBYztDQUNkLG1CQUFtQjtDQUNuQixZQUFZO0NBQ1osd0JBQXdCO0NBQ3hCO0FBQ0Q7Q0FDQyxjQUFjO0NBQ2QsbUJBQW1CO0NBQ25CLDhDQUE4QztDQUM5QztBQUNEO0NBQ0MsaUJBQWlCO0NBQ2pCLG1CQUFtQjtDQUNuQixZQUFZO0NBQ1o7QUFDRDtDQUNDLDZDQUE2QztDQUk3QyxxQ0FBcUM7Q0FDckM7O0FBRUQ7Q0FDQyxZQUFZO0NBQ1o7QUFDRDs7Q0FFQyxnQkFBZ0I7Q0FDaEI7QUFDRDtDQUNDLDBCQUEwQjtDQUMxQix5QkFBeUI7Q0FDekIsdUJBQXVCO0NBQ3ZCLHNCQUFzQjtDQUN0QixrQkFBa0I7Q0FDbEIsOENBQThDO0NBQzlDOztBQUVELHFCQUFxQjtBQUNyQjtJQUNJLG1DQUFtQztDQUN0Qzs7QUFFRCxTQUFTO0FBQ1Q7O0NBRUMsb0NBQW9DO0NBQ3BDLG9DQUFvQztDQUNwQyxvQ0FBb0M7RUFDbkMsc0NBQXNDO0VBQ3RDLG1DQUFtQztFQUNuQyxrQ0FBa0M7Q0FDbkM7O0FBRUQ7SUFDSSxjQUFjO0NBQ2pCO0FBQ0Q7SUFDSSxtQkFBbUI7SUFDbkIsT0FBTztJQUNQLFFBQVE7SUFDUixZQUFZOztDQUVmO0FBQ0Q7SUFDSSxtQkFBbUI7SUFDbkIsT0FBTztJQUNQLFFBQVE7SUFDUixXQUFXO0NBQ2Q7QUFDRDtJQUNJLG1CQUFtQjtJQUNuQixVQUFVO0lBQ1YsV0FBVztJQUNYLDBCQUEwQjtJQUMxQiwwQkFBMEI7SUFDMUIsbUJBQW1CO0lBQ25CLDBCQUEwQjtJQUMxQixtQkFBbUI7SUFDbkIsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osYUFBYTtJQUNiLFVBQVU7SUFDVixXQUFXO0lBQ1gsaUJBQWlCO0lBQ2pCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsa0JBQWtCO0lBQ2xCLDZCQUE2QjtJQUk3QixxQkFBcUI7SUFDckIsb0JBQW9CO0lBQ3BCLGtCQUFrQjtDQUNyQjtBQUNEO0lBQ0ksV0FBVztJQUNYLFdBQVc7Q0FDZDtBQUNEO0lBQ0ksb0JBQW9CO0lBQ3BCLFlBQVk7SUFDWixzQkFBc0I7Q0FDekI7QUFDRDtJQUNJLFlBQVk7SUFDWixhQUFhO0lBQ2IsWUFBWTtJQUNaLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsT0FBTztJQUNQLFFBQVE7SUFDUixhQUFhO0lBQ2IsOEJBQThCO0lBQzlCLFdBQVc7SUFDWCw2QkFBNkI7SUFJN0IscUJBQXFCO0lBQ3JCLHNCQUFzQjtJQUN0QiwyQkFBMkI7SUFDM0IsMEJBQTBCO0lBQzFCLHlCQUF5QjtJQUN6Qiw2QkFBNkI7Q0FDaEM7QUFDRDtJQUNJLHVCQUF1QjtJQUN2Qiw0QkFBNEI7SUFDNUIsMkJBQTJCO0lBQzNCLDBCQUEwQjtJQUMxQiwrQkFBK0I7SUFDL0IsV0FBVztDQUNkIiwiZmlsZSI6Im93bC5jYXJvdXNlbC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBcclxuICogXHRDb3JlIE93bCBDYXJvdXNlbCBDU1MgRmlsZVxyXG4gKlx0djEuMy4zXHJcbiAqL1xyXG5cclxuLyogY2xlYXJmaXggKi9cclxuLm93bC1jYXJvdXNlbCAub3dsLXdyYXBwZXI6YWZ0ZXIge1xyXG5cdGNvbnRlbnQ6IFwiLlwiO1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG5cdGNsZWFyOiBib3RoO1xyXG5cdHZpc2liaWxpdHk6IGhpZGRlbjtcclxuXHRsaW5lLWhlaWdodDogMDtcclxuXHRoZWlnaHQ6IDA7XHJcbn1cclxuLyogZGlzcGxheSBub25lIHVudGlsIGluaXQgKi9cclxuLm93bC1jYXJvdXNlbHtcclxuXHRkaXNwbGF5OiBub25lO1xyXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHR3aWR0aDogMTAwJTtcclxuXHQtbXMtdG91Y2gtYWN0aW9uOiBwYW4teTtcclxufVxyXG4ub3dsLWNhcm91c2VsIC5vd2wtd3JhcHBlcntcclxuXHRkaXNwbGF5OiBub25lO1xyXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHQtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMHB4LCAwcHgsIDBweCk7XHJcbn1cclxuLm93bC1jYXJvdXNlbCAub3dsLXdyYXBwZXItb3V0ZXJ7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjtcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0d2lkdGg6IDEwMCU7XHJcbn1cclxuLm93bC1jYXJvdXNlbCAub3dsLXdyYXBwZXItb3V0ZXIuYXV0b0hlaWdodHtcclxuXHQtd2Via2l0LXRyYW5zaXRpb246IGhlaWdodCA1MDBtcyBlYXNlLWluLW91dDtcclxuXHQtbW96LXRyYW5zaXRpb246IGhlaWdodCA1MDBtcyBlYXNlLWluLW91dDtcclxuXHQtbXMtdHJhbnNpdGlvbjogaGVpZ2h0IDUwMG1zIGVhc2UtaW4tb3V0O1xyXG5cdC1vLXRyYW5zaXRpb246IGhlaWdodCA1MDBtcyBlYXNlLWluLW91dDtcclxuXHR0cmFuc2l0aW9uOiBoZWlnaHQgNTAwbXMgZWFzZS1pbi1vdXQ7XHJcbn1cclxuXHRcclxuLm93bC1jYXJvdXNlbCAub3dsLWl0ZW17XHJcblx0ZmxvYXQ6IGxlZnQ7XHJcbn1cclxuLm93bC1jb250cm9scyAub3dsLXBhZ2UsXHJcbi5vd2wtY29udHJvbHMgLm93bC1idXR0b25zIGRpdntcclxuXHRjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuLm93bC1jb250cm9scyB7XHJcblx0LXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcclxuXHQta2h0bWwtdXNlci1zZWxlY3Q6IG5vbmU7XHJcblx0LW1vei11c2VyLXNlbGVjdDogbm9uZTtcclxuXHQtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XHJcblx0dXNlci1zZWxlY3Q6IG5vbmU7XHJcblx0LXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xyXG59XHJcblxyXG4vKiBtb3VzZSBncmFiIGljb24gKi9cclxuLmdyYWJiaW5nIHsgXHJcbiAgICBjdXJzb3I6dXJsKGdyYWJiaW5nLnBuZykgOCA4LCBtb3ZlO1xyXG59XHJcblxyXG4vKiBmaXggKi9cclxuLm93bC1jYXJvdXNlbCAgLm93bC13cmFwcGVyLFxyXG4ub3dsLWNhcm91c2VsICAub3dsLWl0ZW17XHJcblx0LXdlYmtpdC1iYWNrZmFjZS12aXNpYmlsaXR5OiBoaWRkZW47XHJcblx0LW1vei1iYWNrZmFjZS12aXNpYmlsaXR5OiAgICBoaWRkZW47XHJcblx0LW1zLWJhY2tmYWNlLXZpc2liaWxpdHk6ICAgICBoaWRkZW47XHJcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsMCwwKTtcclxuICAtbW96LXRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwwLDApO1xyXG4gIC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsMCwwKTtcclxufVxyXG5cclxuLm93bC1wYWdpbmF0aW9ue1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxufVxyXG4ub3dsLWNvbnRyb2xze1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgXHJcbn1cclxuLm93bC1idXR0b25ze1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHdpZHRoOjEwMCU7XHJcbn1cclxuLm93bC1wcmV2LCAub3dsLW5leHR7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBsZWZ0OiA3cHg7XHJcbiAgICB0b3A6IDIwOXB4O1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkICNlOTgzMDA7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgY29sb3I6ICM5MjhiODE7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIHdpZHRoOiA0OHB4O1xyXG4gICAgaGVpZ2h0OiA0OHB4O1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gICAgcGFkZGluZzogMDtcclxuICAgIGJhY2tncm91bmQ6ICNmZmY7XHJcbiAgICAvL292ZXJmbG93OiBoaWRkZW47XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBsaW5lLWhlaWdodDogNDZweDtcclxuICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuM3M7XHJcbiAgICAtbW96LXRyYW5zaXRpb246IGFsbCAwLjNzO1xyXG4gICAgLW1zLXRyYW5zaXRpb246IGFsbCAwLjNzO1xyXG4gICAgLW8tdHJhbnNpdGlvbjogYWxsIDAuM3M7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcclxuICAgIGJveC1zaXppbmc6IGluaXRpYWw7XHJcbiAgICBsaW5lLWhlaWdodDogNDhweDtcclxufVxyXG4ub3dsLW5leHR7XHJcbiAgICByaWdodDogN3B4O1xyXG4gICAgbGVmdDogYXV0bztcclxufVxyXG4ub3dsLXByZXY6aG92ZXIsLm93bC1uZXh0OmhvdmVyIHtcclxuICAgIGJhY2tncm91bmQ6ICNlOTgzMDA7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxufVxyXG4ub3dsLXByZXY6YWZ0ZXIsIC5vd2wtbmV4dDphZnRlcntcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgY29udGVudDogJyc7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB0b3A6IDA7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgcGFkZGluZzogMHB4O1xyXG4gICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICNlOTgzMDA7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgLXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgMC4zcztcclxuICAgIC1tb3otdHJhbnNpdGlvbjogYWxsIDAuM3M7XHJcbiAgICAtbXMtdHJhbnNpdGlvbjogYWxsIDAuM3M7XHJcbiAgICAtby10cmFuc2l0aW9uOiBhbGwgMC4zcztcclxuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzO1xyXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xyXG4gICAgLW1vei10cmFuc2Zvcm06IHNjYWxlKDAuOCk7XHJcbiAgICAtbXMtdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xyXG4gICAgLW8tdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xyXG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHNjYWxlKDAuOClcclxufVxyXG4ub3dsLXByZXY6aG92ZXI6YWZ0ZXIsLm93bC1uZXh0OmhvdmVyOmFmdGVye1xyXG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLjI1KTtcclxuICAgIC1tb3otdHJhbnNmb3JtOiBzY2FsZSgxLjI1KTtcclxuICAgIC1tcy10cmFuc2Zvcm06IHNjYWxlKDEuMjUpO1xyXG4gICAgLW8tdHJhbnNmb3JtOiBzY2FsZSgxLjI1KTtcclxuICAgIC13ZWJraXQtdHJhbnNmb3JtOiBzY2FsZSgxLjI1KTtcclxuICAgIG9wYWNpdHk6IDE7XHJcbn0iXX0= */

/*@media (max-width: 480px) {

    .owl-next, .owl-prev{
        width: 35px;
        height: 35px;
        font-size: 10px;
        line-height: 35px;
    }
}
.int-slider .owl-outer > .owl-controls{
       bottom: 30px;
    top: auto;
}
.tab-filter .owl-prev, 
.tab-filter .owl-next{
    top: 5px;
    background: url('/sites/all/themes/stanford/images/interactive-map-markers/filter-next.png') no-repeat;
    border: 0;
    background-color: transparent;
    width: 17px;
    height: 17px;
    right: -4.5%;
}
.tab-filter .owl-prev.disabled{
    background: url('/sites/all/themes/stanford/images/interactive-map-markers/filter-prev-disabled.png') no-repeat;
}
.tab-filter .owl-prev{
    background: url('/sites/all/themes/stanford/images/interactive-map-markers/filter-prev.png') no-repeat;
    transition: all .2s ease;
    left: -4.5%;
}
.tab-filter .owl-next.disabled{
    background: url('/sites/all/themes/stanford/images/interactive-map-markers/filter-next-disabled.png') no-repeat;
}
.owl-prev:hover:after, 
.owl-next:hover:after
{
    box-shadow: none;
}
@media (max-width: 767px) {
    .tab-filter .owl-prev, 
    .tab-filter .owl-next{
        top: 15px;
        right: 5px;
    }
    .tab-filter .owl-prev{
        left: 5px;
        right: auto;
    }
}

 
 *  Owl Carousel inner slide up Transitions 
 *  
 

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}

 goUp 
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

 Keyframes 
empty
@-webkit-keyframes empty {
  0% {opacity: 1;}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes scaleToFade {
  to { opacity: 1; -webkit-transform: translateY(-100%); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 1; -moz-transform: translateY(-100%);}
}
@keyframes scaleToFade {
  to { opacity: 1;  transform: translateY(-100%); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(100%); }
}
@keyframes goDown {
  from { transform: translateY(100%); }
}*/


















/**
 * Quote slider theme
 **/
.quote-slider .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none
}

.quote-slider .owl-controls .owl-page {
    display: inline-block;
    zoom:1;
    *display: inline
}

.quote-slider .owl-controls .owl-page span {
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 4px 0 5px;
    filter: Alpha(Opacity=50);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff
}

.quote-slider .owl-controls .owl-page.active span {
    background-color: #b1b2b4;
}

.quote-slider .owl-controls{
    position: absolute;
    bottom: 34px;
    left: 50%;
    text-align: center;
}

.quote-slider .owl-pagination{
    position: relative;
    left: -50%;
}

.quote-slider .owl-buttons{
    position: absolute;
    top: -1px;
    left: -50%;
    width: 100%;  
}

.quote-slider .owl-prev{
    background: #fff url("../images/carousel_prev.png") no-repeat;
    left: -30px;
}

.quote-slider .owl-next{
    background: #fff url("../images/carousel_next.png") no-repeat;
    right: -30px;
}

.quote-slider .owl-prev,
.quote-slider .owl-next{
    border-radius: 50%;
    position: absolute;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    overflow: hidden;
}

.reference-resource-slider .owl-controls .owl-next.disabled,
.reference-resource-slider .owl-controls .owl-next.disabled:hover,
.reference-resource-slider .owl-controls .owl-prev.disabled,
.reference-resource-slider .owl-controls .owl-prev.disabled:hover,
.platform-shells .owl-controls .owl-next.disabled,
.platform-shells .owl-controls .owl-next.disabled:hover,
.platform-shells .owl-controls .owl-prev.disabled,
.platform-shells .owl-controls .owl-prev.disabled:hover,
.employee-testimonials .owl-controls .owl-next.disabled,
.employee-testimonials .owl-controls .owl-next.disabled:hover,
.employee-testimonials .owl-controls .owl-prev.disabled,
.employee-testimonials .owl-controls .owl-prev.disabled:hover,
.reference-solutions-post .owl-controls .owl-next.disabled,
.reference-solutions-post .owl-controls .owl-next.disabled:hover,
.reference-solutions-post .owl-controls .owl-prev.disabled,
.reference-solutions-post .owl-controls .owl-prev.disabled:hover{
    opacity: 0 !important;
    z-index: -1;
}

/**
 * Reference slider theme
 **/

.reference-resource-slider .owl-controls,
.platform-shells .owl-controls,
.employee-testimonials .owl-controls,
.reference-solutions-post .owl-controls{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*margin: 0;*/
}

.reference-resource-slider .owl-buttons,
.platform-shells .owl-buttons,
.employee-testimonials .owl-buttons,
.reference-solutions-post .owl-buttons{
    position: relative;
    width: 100%;
    height: 100%;
}

.reference-resource-slider .owl-prev,
.platform-shells .owl-prev,
.employee-testimonials .owl-prev,
.reference-solutions-post .owl-prev{
    background: #0095d4 url("../images/generic-left-arrow.png") no-repeat center;
    border: 1px solid #0095d4;
}

.reference-resource-slider .owl-prev{
    left: -48px;
}

.reference-resource-slider .owl-next,
.platform-shells .owl-next,
.employee-testimonials .owl-next,
.reference-solutions-post .owl-next{
    background: #0095d4 url("../images/generic-right-arrow.png") no-repeat center;
    border: 1px solid #0095d4;  
}

.reference-resource-slider .owl-next{
    right: -48px;
}

.reference-resource-slider .owl-prev:hover,
.platform-shells .owl-prev:hover,
.employee-testimonials .owl-prev:hover,
.reference-solutions-post .owl-prev:hover{
    background: #00649f url("../images/generic-left-arrow.png") no-repeat center;
    border: 1px solid #00649f;
}

.reference-resource-slider .owl-next:hover,
.platform-shells .owl-next:hover,
.employee-testimonials .owl-next:hover,
.reference-solutions-post .owl-next:hover{
    background: #00649f url("../images/generic-right-arrow.png") no-repeat center;
    border: 1px solid #00649f;
}

.reference-resource-slider .owl-prev, 
.reference-resource-slider .owl-next{
    position: absolute;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    overflow: hidden;
    top: 50%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.reference-resource-slider .owl-carousel .owl-wrapper-outer,
.platform-shells .owl-carousel .owl-wrapper-outer,
.employee-testimonials .owl-carousel .owl-wrapper-outer,
.reference-solutions-post .owl-wrapper-outer{
    z-index: 1;
}

@media screen and (max-width: 767px){
    .reference-resource-slider .owl-prev{
        left: -40px;
    }

    .reference-resource-slider .owl-next{
        right: -40px;
    }
}

/**
 * Platform shells theme
 **/
.platform-shells .owl-prev, 
.platform-shells .owl-next{
    position: absolute;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    overflow: hidden;
    top: 56%;
    right: -60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.platform-shells .owl-prev{
    right: auto;
    left: -60px;
}

@media screen and (max-width: 1023px){
    .platform-shells .owl-prev{
        left: -50px;
    }

    .platform-shells .owl-next{
        right: -50px;
    }
}

/**
 * Employee slider theme
 **/
.employee-testimonials .owl-prev,
.employee-testimonials .owl-next{
    position: absolute;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    overflow: hidden;
    top: 27%;
    right: -16px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.employee-testimonials .owl-prev{
    right: auto;
    left: -16px;
}

/**
 * Reference Post slider theme
 **/
.reference-solutions-post .owl-prev,
.reference-solutions-post .owl-next{
    position: absolute;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    overflow: hidden;
    top: 46%;
    right: -40px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.reference-solutions-post .owl-prev{
    right: auto;
    left: -40px;
}

@media screen and (max-width:480px){
    .reference-solutions-post .owl-prev{
        left: -35px;
    }

    .reference-solutions-post .owl-next{
        right: -35px;
    }
}















.selectboxit-container
{position:relative;display:inline-block;vertical-align:top;display:block;}

.selectboxit-container *
{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none;outline:0}

.selectboxit-container .selectboxit
{width:100%!important;cursor:pointer;margin:0;border-radius:5px;overflow:hidden;display:block;position:relative;border: 1px solid #cacdcf}

.selectboxit-container span,.selectboxit-container .selectboxit-options a
{height:55px;line-height:34px;display:block;max-width:100%!important;font-weight: 300;font-size: 20px;color: #2d3e50;}

.selectboxit-container .selectboxit:focus{outline:0}

.selectboxit.selectboxit-disabled,.selectboxit-options .selectboxit-disabled
{opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:default}

.selectboxit-text
{text-indent:5px;overflow:hidden;text-overflow:ellipsis;float:left;padding-left:13px;padding-top:10px;}

.selectboxit-text[data-val="default"]
{color:rgba(150,150,150,0.63)}

.selectboxit-container .selectboxit-options
{width:100%;-moz-box-sizing:border-box;box-sizing:border-box;min-width:100%;margin:0;padding:0;list-style:none;position:absolute;overflow-x:hidden;overflow-y:auto;cursor:pointer;display:none;z-index:99;text-align:left;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;max-height:170px!important}

.selectboxit-option .selectboxit-option-anchor
{padding:0 2px}

.selectboxit-option .selectboxit-option-anchor:hover
{text-decoration:none}

.selectboxit-option,.selectboxit-optgroup-header
{text-indent:5px;margin:0;list-style-type:none;list-style:none!important;padding:0!important;position:initial!important;position:static!important}

.selectboxit-option-first{border-top-right-radius:6px;border-top-left-radius:6px}

.selectboxit-optgroup-header+.selectboxit-option-first
{border-top-right-radius:0;border-top-left-radius:0}

.selectboxit-option-last
{border-bottom-right-radius:6px;border-bottom-left-radius:6px}

.selectboxit-optgroup-header
{font-weight:bold}

.selectboxit-optgroup-header:hover
{cursor:default}

.selectboxit-arrow-container
{width:55px;position:absolute;right:0;border-left: 1px solid #cacdcf;margin: 10px 0;height: 34px !important;}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow
/*{margin:0 auto;position:absolute;top:50%;right:0;left:0}*/

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon{top:30%}

.selectboxit-option-icon-container{float:left}

.selectboxit-container .selectboxit-option-icon
{margin:0;padding:0;vertical-align:middle}

.selectboxit-option-icon-url
{width:18px;background-size:18px 18px;background-repeat:no-repeat;height:100%;background-position:center;float:left}

.selectboxit-rendering
{display:inline-block!important;*display:inline!important;zoom:1!important;visibility:visible!important;position:absolute!important;top:-9999px!important;left:-9999px!important}

.jqueryui .ui-icon
{background-color:inherit}

.jqueryui .ui-icon-triangle-1-s
{background-position:-64px -16px}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus
{text-decoration:none;background-position:0 -15px}

.selectboxit-default-arrow
/*{width:0;height:0;border-top:4px solid #fff;border-right:4px solid transparent;border-left:4px solid transparent}*/
{background: url(../images/select-arrow.png) no-repeat;width: 15px;height: 10px;position: absolute;right: 20px;top: 13px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.selectboxit-list
{background-color:#fff;border:1px solid #cdcdce}

.selectboxit-list .selectboxit-option-anchor{color:#333}

.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor
{background:#e6e6e6;color:#000}

.service-list .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor
{background:none;color:#000}

.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor
{color:#999}

.selectboxit-container .selectboxit-options a
{display:block;padding:10px 13px;color:#656565;height:1%;line-height:normal;}

/*.selectboxit-text:after
{content:'*';color:#4d4f53;padding-left:0px}*/

.selectboxit-list li:after
{position:static!important}

.selectboxit-option-first
{display:none}

.selectboxit 
{background: #fff;}

/*.selectboxit-text[data-val="placeholder"]
{font-weight: bold;font-size:14px;padding-top:0px}*/

.selectboxit-open .selectboxit-default-arrow 
{transform: rotate(-180deg)}

.selectboxit-container .selectboxit-open
{border: 1px solid #1fa4d4}

.selectboxit-option-first {
    display: block;
    height: 0;
    visibility: hidden;
}

/*@media(max-width:767px)*/
/*{.selectboxit-container span
 {height:40px;line-height:40px}
}*/

@media(max-width:767px)
{.selectboxit-text
 {padding-left: 13px;}

 .selectboxit-container span, .selectboxit-container .selectboxit-options a
 {line-height: 1.5;}

 .selectboxit-arrow-container
 {width: 44px;height: 24px !important;}

 .selectboxit-default-arrow
 {top: 8px;right: 15px;}

 .selectboxit-container span
 {height:44px;font-size:16px;}

 .selectboxit-container .selectboxit-options a
 {font-size:16px}

 .selectboxit-text[data-val="placeholder"]
 {font-size:16px}
}