/*************************************************************
    Author     : AR Media @ http://armedia.io
*************************************************************/

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-black-webfont.eot');
    src: url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-black-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-black-webfont.woff') format('woff'),
    url('../fonts/montserrat-black-webfont.ttf') format('truetype'),
    url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-bold-webfont.woff') format('woff'),
    url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
    url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-extrabold-webfont.eot');
    src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-extrabold-webfont.woff') format('woff'),
    url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
    url('../fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-hairline-webfont.eot');
    src: url('../fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-hairline-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-hairline-webfont.woff') format('woff'),
    url('../fonts/montserrat-hairline-webfont.ttf') format('truetype'),
    url('../fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-light-webfont.woff') format('woff'),
    url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
    url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-regular-webfont.woff') format('woff'),
    url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
    url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-ultralight-webfont.eot');
    src: url('../fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat-ultralight-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-ultralight-webfont.woff') format('woff'),
    url('../fonts/montserrat-ultralight-webfont.ttf') format('truetype'),
    url('../fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: 200;
    font-style: normal;

}

body {
    font-family:"montserrat", sans-serif;
    font-size: 16px;
    background:#ffffff;
    color: #1B1E21;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.disable-scroll {
    overflow-y:hidden;
}

.se-pre-con {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    display:table;
}

.preloader-mark {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}

.preloader-mark img {
    max-width:50px;
}

.preloader-logo {
    max-width: 40px;
}

*::before,
*::after {
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}

html, body {
    height: 100%;
}

h1 {
    font-size: 4.4em;
    line-height:1;
}

h2 {
    font-size: 3.175em;
}

h3 {
    font-size: 2.25em;
}

h4 {
    font-size: 1.8em;
}

h5 {
    font-size:1.6em
}

h6 {
    font-size:1.4em;
    line-height:1.5;
}

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

p {
    font-size:16px;
    font-weight:300;
    line-height:1.8;
}

.medium {
    font-size:18px;
}

.small {
    font-size:14px;
    line-height:26px;
}

.small-sub {
    letter-spacing:2px;
    font-size:14px;
}

.lead {
    font-weight: 300;
    font-size: 16px;
    margin-top: 6px;
}

.sub {
    font-size:20px;
    color:#3f3f3f;
}

.hairline {
    font-weight:100
}

.ultralight {
    font-weight:200
}

.light {
    font-weight:300
}

.extra-bold {
    font-weight:800
}

.normal {
    font-weight:400;
}

.no-margin {
    margin:0;
}

.text-bold {
    font-weight:bold;
}

a {
    color: #0B92B7;
    -webkit-transition:color 100ms linear, background-color 100ms linear;
    transition:color 100ms linear, background-color 100ms linear;
}

button {
    -webkit-transition:color 100ms linear, background-color 100ms linear;
    transition:color 100ms linear, background-color 100ms linear;
}

button:focus {
    outline:0!important;
}

a:hover,
a:active {
    color: #A2A2A2;
    text-decoration: none;
}

a:focus {
    outline:0;
    text-decoration: none;
}

/*** Full Screen Menu Start ***/

#menu_wrapper {
    width:100%;
    height:100%;
    background:#000000;
    position: fixed;
    top:0;
    left:0;
    z-index: 1030;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.toggle_nav {
    z-index:999;
    float:right;
    background:none;
    border: 0;
}

.toggle_nav:hover,
.toggle_nav:focus {
}

#menu_wrapper.shown {
    display: block;
}

#menu_wrapper.hidden {
    display:none;
}

#menu_wrapper.visuallyshown {
    opacity: 1;
    background:#ffffff
}

.visuallyhidden {
    opacity:0;
}

.nav-button {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 8px 0 0;
    padding: 0;
    width: 45px;
    height: 36px;
    font-size: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

.nav-button:focus {
    outline: none;
}

.nav-button span {
    display: block;
    position: absolute;
    top: 27px;
    left: 12px;
    right: 12px;
    height: 3px;
    background: #FFFFFF;
}

.nav-button span::before,
.nav-button span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #FFFFFF;
    content: "";
}

.nav-button span::before {
    top: -6px;
}

.nav-button span::after {
    bottom: -6px;
}

.nav-toggle-button {
    background: none;
}

.nav-toggle-button span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.nav-toggle-button span::before,
.nav-toggle-button span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
            transition-delay: 0.3s, 0s;
}

.nav-toggle-button span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
}

.nav-toggle-button span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}

/* active state, i.e. menu open */
.nav-toggle-button.is-active {
    background-color: transparent;
}

.nav-toggle-button.is-active span {
    background: none;
}

.nav-toggle-button.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.nav-toggle-button.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.nav-toggle-button.is-active span::before,
.nav-toggle-button.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
            transition-delay: 0s, 0.3s;
    background: #ffffff;
}

/* Video */

#bgvid {
    position: absolute;
    background: url('../img/') no-repeat 50% 50%;
    background-size: cover;
    transition: 1s opacity;
    -moz-transition: 1s opacity;
    -webkit-transition: 1s opacity;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

#ctavid {
    position: absolute;
    right: 0;
    top: -400px;
    left: 0;
    min-width: 100%;
    height: auto;
    background: url('../img/cta-bg.jpg') no-repeat 50% 50%;
    background-size: cover;
    transition: 1s opacity;
    -moz-transition: 1s opacity;
    -webkit-transition: 1s opacity;
    z-index: 1;
}

#mainvid {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
    background: url('../img/') no-repeat 50% 50%;
    background-size: cover;
    transition: 1s opacity;
    -moz-transition: 1s opacity;
    -webkit-transition: 1s opacity;
    z-index: 0;
}

.vid-holder {
    overflow:hidden;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

.vid-overlay {
    background: #000000;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0.4;
    z-index: 2;
}

.primary-overlay {
    background: #004E63;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0.45;
    z-index: 2;
}

.main-overlay {
    background: #004E63;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0.15;
    z-index: 2;
}

.team-overlay {
    background: #004E63;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0.2;
    z-index: 2;
}

.cases-overlay {
    background: rgba(42,42,183,1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(42,42,183,1)), color-stop(100%, rgba(73,155,234,1)));
    background: -webkit-linear-gradient(-45deg, rgba(42,42,183,1) 0%, rgba(73,155,234,1) 100%);
    background: -webkit-linear-gradient(315deg, rgba(42,42,183,1) 0%, rgba(73,155,234,1) 100%);
    background: linear-gradient(135deg, rgba(42,42,183,1) 0%, rgba(73,155,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2ab7', endColorstr='#499bea', GradientType=1 );
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0.6;
    z-index: 2;
}

#background {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    height: 70vh;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

section {
    position:relative;
    background:#ffffff;
}

.overlay {
    position:absolute;
    width:100%;
    height:100%;
    background: #000000;
    z-index: 1;
    opacity: 0.3;
    top:0;
    bottom:0;
    right:0;
    left:0;
}

.overlay-black {
    position:absolute;
    width:100%;
    height:100%;
    background: #000000;
    z-index: 1;
    opacity: 0.6;
    top:0;
    bottom:0;
    right:0;
    left:0;
}

/* Video */

.nav_wrapper {
    display:table;
    height:100%;
    width: 100%;
}

.nav_inner {
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}

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

.nav_menu li {
    padding:10px 0;
}

.nav_menu a {
    color:#ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3em;
    position: relative;
    padding-right: 20px;
}

#menu_wrapper .container {
    position:relative;
    z-index:4;
    opacity:1;
    -webkit-animation:menuContentFade 200ms linear both;
    animation:menuContentFade 200ms linear both;
    -webkit-animation-delay:400ms;
    animation-delay:400ms;
}

@keyframes menuContentFade {
    0% {opacity:0}
    100% {opacity:1}
}

@-webkit-keyframes menuContentFade {
    0% {opacity:0}
    100% {opacity:1}
}

.nav_menu a:after {
    content:"";
    background:url("../img/menu_arrow.svg") no-repeat;
    width: 20px;
    height: 30px;
    background-size:contain;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity:0;
    -webkit-transition:all 200ms linear;
    transition:all 200ms linear;
    -webkit-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
}

.nav_menu a:hover:after {
    -webkit-transform:translate(10px,0px);
    transform:translate(10px,0px);
    opacity:1;
}

/*** Full Screen Menu End ***/

/*** Header Start ***/

header {
    position:relative;
}

#main {
    height:60%;
    background:url("../img/her.jpg") no-repeat 50% 50%;
    background-size:cover;
    overflow:hidden;
    padding:40px 0;
}

.hero-title {
    font-size:4em;
    color:#093F4B;
    display:block;
    font-weight:700;
}

.hero-sub {
    font-size:1.8em;
    color:#093F4B;
    line-height:1.2;
    font-weight:600;
}

#main .btn {
    background-color:#093F4B;
    border-color:#093F4B;
    border-radius:0;
    padding-top:12px;
    padding-bottom:12px;
}

#alt {
    height:80%;
}

#alt-page {
    height:auto;
}

#alt-page .navbar-nav>li>a {
    color:#fff;
}

#alt .lead {
    font-weight:300;
    font-size:18px;
}

#alt hr {
    width:60px;
    margin-top:30px;
    margin-bottom:30px;
    border-color:#ffffff;
}

.contact-header {
    background:url("../img/night_london.jpg") no-repeat 50% 50%;
    background-size:cover;
}

#alt.form-header {
    background: url("../img/mountain.jpg") no-repeat 50% 100%;
    background-size:cover;
    height:50%;
}

#alt .container {
    z-index: 2;
    position: relative;
}

#alt.about-header {
    background: url("../img/team-working.jpg") no-repeat 50% 30%;
    background-size:cover;
    color:#ffffff;
    height: 350px;
}

#alt.privacy-header {
    background: url("../img/DeathtoStock_Desk1.jpg") no-repeat 50% 25%;
    background-size:cover;
    color:#ffffff;
    height: 350px;
}

#alt.about-header .lead {
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 6px;
}

.about-header p {
    font-size:18px
}

/*.about-header:before {*/
    /*content:"";*/
    /*position:absolute;*/
    /*background: url("../img/field_notes.png") no-repeat 85% 60%;*/
    /*background-size: 30% auto;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/

.macbook {
    position:relative;
    background: url("../img/macbook-pro-retina.gif") no-repeat 0 20px;
    background-size:contain;
    width: 722px;
    height: 533px;
    margin-bottom:-150px;
    margin-left: -70px;
}

#alt.team-header {
    background:url("../img/people_working.jpg") no-repeat 50% 50%;
    background-size:cover;
    height:350px;
    color:#ffffff;
}

#alt.news-header {
    background:url("../img/man-writing.jpg") no-repeat 50% 50%;
    background-size:cover;
    height: 350px;
    color:#ffffff;
}

#alt.news-post-header {
    background: #50667F;
    height: auto;
}

#alt.cases-header {
    background:url("../img/man-writing.jpg") no-repeat 50% 50%;
    background-size:cover;
    height: 350px;
    color:#ffffff;
}

#alt.cases-post-header {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    height:350px;
}

#alt.mobile-header {
    background:url("../img/mobile-services.jpg") no-repeat 50% 50%;
    background-size:cover;
    height: 350px;
    color:#ffffff;
}

#alt.jobs-header {
    background:url("../img/people-office.jpg") no-repeat 50% 50%;
    background-size:cover;
    height: 350px;
    color:#ffffff;
}

#home .navbar-default {
    width:100%;
}

.navbar-brand {
    color: #ffffff;
    font-size:2em;
    padding: 5px;
    width: 220px;
    height: auto;
    margin-left: 0!important;
}

.navbar-brand img {
    max-width:100%;
}

.navbar-default .navbar-nav>li>a {
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding-left:20px;
    padding-right:20px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    opacity:0.8;
    color:#fff;
}

.navbar-default .navbar-nav>li.open>a,
.navbar-default .navbar-nav>li.open>a:hover,
.navbar-default .navbar-nav>li.open>a:focus {
    background:none;
    color:#fff;
}

.navbar-nav>li:first-child>a {
    color:#FFC100;
}

.servicesNav .dropdown-menu,
.navbar-nav>li>.dropdown-menu {
    background: #FFFFFF;
    border-radius: 2px;
    margin-top: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border: 1px solid rgb(227, 227, 227);
    min-width:260px;
}

.servicesNav .dropdown-menu:before,
.navbar-nav>li>.dropdown-menu:before {
    content:"";
    position:absolute;
    top: -5px;
    left: 35px;
    width: 10px;
    height: 10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background: #ffffff;
    z-index: -1;
    box-shadow:-1px -1px 0px rgba(0, 0, 0, 0.20);
}

.servicesNav .dropdown-menu:before {
    left:15px;
}

.servicesNav .dropdown-menu a,
.navbar-nav>li>.dropdown-menu a {
    color: #222B30;
    padding: 8px 12px;
    font-size: 13px;
}

.servicesNav .dropdown-menu a:hover,
.servicesNav .dropdown-menu a:focus,
.navbar-nav>li>.dropdown-menu a:hover,
.navbar-nav>li>.dropdown-menu a:focus {
    color: #0B92B7!important;
    background: transparent;
}

.search {
    /*margin-top:5px;*/
    /*margin-left:10px;*/
}

.search .form-group {
    margin:0;
}

.search .form-control {
    min-width:220px;
    -webkit-transition:min-width .25s ease;
    transition:min-width .25s ease;
}

.search .form-control:focus {
    min-width:300px;
}

.navbar-default {
    background:#004e63;
    border:0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    z-index: 1030;
    margin: 0;
    border-radius: 0;
}

.center-wrap {
    display:table;
    height:100%;
    width: 100%;
}

.center-content {
    display:table-cell;
    vertical-align:middle;
    z-index: 10;
    position: relative;
}

#main .center-content {
    color:#fff;
}

#alt .center-content {
    color: #ffffff;
}

.btn.hiring {
    font-size:10px;
}

.fixed_button {
    position:fixed;
    top:0;
    bottom:0;
    margin:auto;
    right: 10px;
    background: #1B1E21;
    border-radius: 60%;
    height: 46px;
    width: 46px;
    -webkit-animation:pulse 1100ms infinite;
    animation:pulse 1100ms infinite;
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

.nav-toggle-button.is-active {
    top: 0;
    bottom: auto;
}

.nav-toggle-button p {
    color:#ffffff;
    font-size: 9px!important;
    font-weight: 400;
    margin-top: -8px;
}


/*** Header End ***/

.mouse-scroll {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    width: 32px;
    height: 52px;
    bottom: 40px;
    z-index: 999;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 14px;
}

.mouse-scroll:hover {
    background:rgba(255,255,255,.1);
}

.mouse-scroll-arrow {
    background: url("../img/scroll-arrow.png") no-repeat center bottom / 10px 45px;
    animation: goDownAnimate 1.8s infinite linear;
    -ms-animation: goDownAnimate 1.8s infinite linear;
    -webkit-animation: goDownAnimate 1.8s infinite linear;
    margin: auto;
    width: 6px;
    height: 20px;
    margin-top: 5px
}

@-webkit-keyframes goDownAnimate {
    0% {-webkit-transform:translateY(4px)}
    25% {-webkit-transform:translateY(8px)}
    50% {-webkit-transform:translateY(16px)}
    75% {-webkit-transform:translateY(8px)}
    100% {-webkit-transform:translateY(4px)}
}

@keyframes goDownAnimate {
    0% {-webkit-transform:translateY(4px);transform:translateY(4px)}
    25% {-webkit-transform:translateY(8px);transform:translateY(8px)}
    50% {-webkit-transform:translateY(16px);transform:translateY(16px)}
    75% {-webkit-transform:translateY(8px);transform:translateY(8px)}
    100% {-webkit-transform:translateY(4px);transform:translateY(4px)}
}

/*** Page Content Start ***/

.page-content {
    padding: 5em 0;
}

.container.page-content {
    padding-left:15px;
    padding-right:15px;
}

.pattern-bg {
    background:#f9f9fb url("../img/tech.png") no-repeat;
    
    background-position:0 0;
    color: #1B1E21;
    position:relative;
}

.pattern-bg:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:url("../img/tech.png") no-repeat;
    background-size: 600px;
    background-position: 0 0;
    top:0;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

#clients {
    padding-top:50px;
    padding-bottom:30px;
}

.clients_wrapper {
    display:table;
    width:100%;
    height:100%;
}

.clients_list {
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
    width: 100%;
    text-align: center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.clients_list li {
    width:16.65%;
    padding:20px;
}

.clients_list li a {
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    opacity: 1;
    -webkit-transition:background-color 100ms linear;
    transition:background-color 100ms linear;
}

.clients_list li a img {
    max-width: 100px;
}

.fullHeight {
    height:100%;
}

.fadeOutTop {
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    opacity:0;
    -webkit-transition:transform 400ms linear, opacity 400ms linear;
    -webkit-transition: opacity 400ms linear, -webkit-transform 400ms linear;
    transition: opacity 400ms linear, -webkit-transform 400ms linear;
    transition: transform 400ms linear, opacity 400ms linear;
    transition:transform 400ms linear, opacity 400ms linear, -webkit-transform 400ms linear;
}

.fadeInBottom {
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    -webkit-transition:transform 400ms linear, opacity 400ms linear;
    -webkit-transition: opacity 400ms linear, -webkit-transform 400ms linear;
    transition: opacity 400ms linear, -webkit-transform 400ms linear;
    transition: transform 400ms linear, opacity 400ms linear;
    transition:transform 400ms linear, opacity 400ms linear, -webkit-transform 400ms linear;
    opacity:1;
}

.heading-text {
    opacity:1;
}

/*** Services Start ***/

/*** Services End ***/

.btn {
    border-radius:40px;
    border-width:1px;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:1px;
    font-size:12px;
    padding:12px 20px 10px;
    -webkit-transition:transform 200ms ease, background-color 100ms linear, color 100ms linear, border-color 100ms linear;
    -webkit-transition: background-color 100ms linear, color 100ms linear, border-color 100ms linear, -webkit-transform 200ms ease;
    transition: background-color 100ms linear, color 100ms linear, border-color 100ms linear, -webkit-transform 200ms ease;
    transition: transform 200ms ease, background-color 100ms linear, color 100ms linear, border-color 100ms linear;
    transition:transform 200ms ease, background-color 100ms linear, color 100ms linear, border-color 100ms linear, -webkit-transform 200ms ease;
    -webkit-transform-origin:center center;
    transform-origin:center center;
    position: relative;
}

.btn:active {
    -webkit-transform:scale(0.96);
    transform:scale(0.96);
}

.btn-rectangle {
    border-radius:2px;
}

.btn-primary {
    background-color: #0B92B7;
    border-color: #0B92B7;
    color:#ffffff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #25B4DB;
    border-color: #25B4DB;
    color:#ffffff;
}

.btn-secondary {
    background-color:#0B92B7;
    border-color:#0B92B7;
    color:#ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #25B4DB;
    border-color: #25B4DB;
    color:#ffffff;
}

.btn-third {
    background-color: #FF007D;
    border-color: #FF007D;
    color:#ffffff;
}

.btn-third:hover,
.btn-third:focus {
    background-color: #FF2891;
    border-color: #FF2891;
    color: #ffffff;
}

.btn-green {
    background-color: #78A300;
    border-color: #78A300;
    color:#ffffff;
}

.btn-green:hover,
.btn-green:focus {
    background-color: #8fc200;
    border-color: #8fc200;
    color: #ffffff;
}

.btn-yellow {
    background-color: #FFC100;
    border-color: #FFC100;
    color:#ffffff;
}

.btn-yellow:hover,
.btn-yellow:focus {
    background-color: #ffd202;
    border-color: #ffd202;
    color: #ffffff;
}

.btn-gray {
    background-color: #50667F;
    border-color: #50667F;
    color:#ffffff;
}

.btn-gray:hover,
.btn-gray:focus {
    background-color: #63809f;
    border-color: #63809f;
    color: #ffffff;
}

.btn-white-transparent {
    background-color:transparent;
    border-color:#ffffff;
    color:#ffffff;
}

.btn-white-transparent:hover,
.btn-white-transparent:focus {
    background-color:rgba(255,255,255,0.1);
    border-color:#ffffff;
    color:#ffffff;
}

#studies .btn-white-transparent {
    background-color: #1B1E21;
    border-color: #1B1E21;
    color:#ffffff;
}

#studies .btn-white-transparent:hover,
#studies .btn-white-transparent:focus {
    background-color: #41474C;
    border-color: #41474C;
    color:#ffffff;
}

.btn-default {
    color: #fff;
    border-color: #BFCCD6;
    background: #BFCCD6;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #9CAFBD;
    border-color: #9CAFBD;
    color: #ffffff;
}

.btn-phantom:before {
    content:"";
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    position:absolute;
    border: 2px solid transparent;
    background:transparent;
    left: -6px;
    right: 0px;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius:40px;
}

.btn-primary.btn-phantom:before {
    border-color:rgb(42, 42, 183);
}

.btn-primary:hover.btn-phantom:before,
.btn-primary:focus.btn-phantom:before {
    border-color:rgb(83, 83, 204);
}

.btn-secondary.btn-phantom:before {
    border-color:#0B92B7;
}

.btn-secondary:hover.btn-phantom:before,
.btn-secondary:focus.btn-phantom:before {
    border-color:#0B92B7;
}

.btn-third.btn-phantom:before {
    border-color:#FF007D;
}

.btn-third:hover.btn-phantom:before,
.btn-third:focus.btn-phantom:before {
    border-color:#FF2891;
}

.header-btn {
    font-size:.8em;
    padding:18px 50px;
    border-radius:40px;
}

#studies {
    background: url("../img/teamwork.jpg") no-repeat 50% 80%;
    background-size:cover;
    padding:8em 0;
    color: #FFFFFF;
    height: 750px;
}

#studies:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: #1B1E21;
    opacity: 0.3;
}

#studies-quote {
    background: #1B1E21;
    color: #FEFEFE;
}

#studies-quote h5 {
    line-height:1.3;
    font-size:1.4em;
}

#studies-quote .highlight {
    color: #0B92B7;
}

#testimonials {
    background: url('../img/office-desk.jpg') no-repeat 50% 50%;
    background-size: cover;
    color: #ffffff;
    padding: 3em 0;
}

#testimonials:before {
    content:"";
    background:url('../img/honey.png') repeat-x;
    background-position:center center;
    background-size: 400px;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index: 3;
}

#testimonials:after {
    content:"";
    width: 100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    opacity: 0.4;
    z-index: 1;
    background: rgba(8,8,92,1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,8,92,1)), color-stop(100%, rgba(18,18,130,1)));
    background: -webkit-linear-gradient(-45deg, rgba(8,8,92,1) 0%, rgba(18,18,130,1) 100%);
    background: -webkit-linear-gradient(315deg, rgba(8,8,92,1) 0%, rgba(18,18,130,1) 100%);
    background: linear-gradient(135deg, rgba(8,8,92,1) 0%, rgba(18,18,130,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08085c', endColorstr='#121282', GradientType=1 );
}

#testimonials .container {
    z-index:4;
    position:relative;
}

.owl-carousel .avatar {
    margin:auto;
    margin-bottom:40px
}

.owl-carousel .testimonials-body {
    width: 100%;
    display:table;
    margin: 0 auto;
    padding: 20px 0;
}

.owl-carousel .testimonials-body p {
    font-size: 16px;
    line-height: 1.7;
}

.owl-carousel .testimonials-footer p {
    text-transform:uppercase;
    font-size: 14px;
}

.owl-carousel .footer-help {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.owl-carousel .testimonials-footer {
    position: relative;
    left: 0;
    right: 0;
}

.testimonials-avatar {
    width: 100px;
    height: 100px;
    position:relative;
    overflow:hidden;
    border-radius:60%;
    border: 3px solid rgba(255, 255, 255, 1);
    z-index: 1;
    margin: -50px auto;
}

.testimonials-avatar img {
    position:absolute;
    left:-9999px;
    top:-9999px;
    bottom:-9999px;
    right:-9999px;
    margin:auto;
    max-width: 140px;
}

.owl-carousel .item {
    text-align:center;
    padding-bottom: 50px;
    margin: 0 6px;
}

.owl-carousel .item-inner {
    background: #ffffff;
    color: #212121;
    padding: 40px 15px 80px;
    border-radius: 15px;
}

.clients_list li:nth-child(4),
.clients_list li:nth-child(5),
.clients_list li:nth-child(6) {
    border-bottom:0;
}

.clients_list li:nth-child(3),
.clients_list li:nth-child(6) {
    border-right:0;
}

.news_list {
    list-style:none;
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.news_list li {
    -webkit-box-flex:3;
        -ms-flex:3 3;
            flex:3 3;
    margin-right:15px;
}

.news_list li:last-child {
    margin:0;
}

.news_list li:hover img {
    -webkit-transform:scale(1.05);
            transform:scale(1.05);
}

.news-img {
    height:180px;
    position:relative;
    overflow:hidden;
}

.news_list li img {
    max-width:100%;
    -webkit-transition:transform 300ms ease-in-out;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition:transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.news_list a {
    color:#1f1f1f;
}

.news_meta {
    display:block;
    cursor:pointer;
}

.news_list a:hover .news_meta {
    color:#0b92b7;
}

.news_meta h3 {
    font-size:1.2em;
    letter-spacing:0;
    font-weight:400;
    margin:15px 0;
}

.news-content p {
    font-size: 14px;
    font-weight: 300;
}

#cta {
    background:url('../img/contact.jpg') no-repeat 50% 50%;
    background-size:cover;
    color:#ffffff;
    padding:70px 0;
}

#cta video {
    display:none;
}

#cta .container {
    position:relative;
    z-index:2;
}

.cta-btn {
    padding:16px 40px 15px;
}

#contact {
    background-color:#f3f3f3;
}

.content-wrapper {
    background:url("../img/round_box_header.png") no-repeat top center / auto 140px;
    position:relative;
    padding-top: 140px;
    z-index: 3;
    top:-70px;
    margin-bottom:-70px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}

.referral-form .content-wrapper {
    background-image:url('../img/round_box_header2.png');
}

.referral-form ol {
    font-weight:300;
    font-size:14px;
    line-height:1.8;
}

.content-inner {
    background-color:#fff;
    margin-bottom: 40px;
    padding: 0 2em 4em;
    /* border-bottom-right-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
}

#main.alt .content-inner {
    padding-top:100px;
}

.shade {
    background-color:#f9f9fb;
}

#contact .form-item {
    width: calc(50% - 10px);
    display:inline-block;
    border:1px solid #e1e1e1;
    border-radius:4px;
    padding:0;
    margin-bottom: 20px;
    overflow:hidden;
    vertical-align:top;
    float:left;
    clear: left;
    margin-right: 10px;
}

#contact .form-label {
    float:left;
    padding: 8px 20px;
    margin:10px 0;
    padding-bottom:6px;
    border-right:1px solid #e1e1e1;
    color:#696969;
    font-weight:400;
    font-size: 11px;
    text-transform: uppercase;
}

#contact .form-input-wrapper {
    display:block;
    overflow:hidden;
}

#contact .form-control {
    width:100%;
    height:50px;
    padding:6px 12px;
    font-size: 14px;
}

.form-body {
    width:100%;
    display: table;
}

#contact .form-item.right-item {
    margin-left: 10px;
    clear:right;
    margin-right: 0;
}

#contact .form-item.full-item {
    width: 100%;
}

#contact .form-item.full-item .form-control {
    height:auto;
    padding-top: 14px;
}

#contact .form-item.full-item .form-label {
    height: 200px;
}

.form-required {
    color:#ff0000;
}

#contact hr {
    border-color: #2A2AB7;
    margin-top:30px;
    margin-bottom:30px;
    width:60px;
}

#contact h3 {
    letter-spacing:2px;
}

#contact h6 {
    font-size:16px;
    font-weight:300;
}

/* Google Map */

#googleMapWrapper {
    position: relative;
}

#googleMap {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.map-content ul {
    list-style-type: none
}

/* Google Map */

#contact .form-control{box-shadow:none;border:0;height:50px;padding-left:22px!important}
#contact .form-control:focus{box-shadow:none}

/*** Page Content End ***/

/*** Footer Start ***/

footer {
    background:#004e63;
}

footer .brand {
    color: #1B1E21;
    font-weight:700;
}

.brand img {
    max-width:150px;
}

footer .quicklinks li a {
    text-transform:uppercase;
    font-size:11px;
    color:#fff;
    font-weight:bold;

}

footer .quicklinks li a:hover {
    text-decoration:underline;
}

footer .social {
    margin-top:14px;
    font-size:16px;
    margin-left:0;
}

footer .social li {
    margin: 0 4px;
}

footer .social li:first-child {
    margin:0;
    padding-left:0;
}

footer .social li i {
    -webkit-transition:transform 200ms linear;
    -webkit-transition: -webkit-transform 200ms linear;
    transition: -webkit-transform 200ms linear;
    transition: transform 200ms linear;
    transition:transform 200ms linear, -webkit-transform 200ms linear;
}

footer .social li i:hover {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    display:block;
}

.icon-facebook,
.icon-facebook2 {
    color:#3b5998
}

.icon-twitter,
.icon-twitter2 {
    color:#55acee
}

.icon-pinterest,
.icon-google-plus,
.icon-pinterest2 {
    color:#bd081c
}

.icon-linkedin {
    color:#0077b5
}

footer .social a i {
    color:#fff;
}

footer .form-horizontal .form-group .col-xs-8,
footer .form-horizontal .form-group .col-md-4,
footer .form-horizontal .form-group .col-md-9,
footer .form-horizontal .form-group .col-md-3 {
    padding-left:0;
}

footer .form-horizontal .form-group .col-md-3 {
    padding-right:0;
}

footer .form-control {
    border-radius:2px;
    box-shadow:none;
    -webkit-box-shadow:none;
    background: #ffffff;
    border-color: #FFFFFF;
    height: 41px;
}

footer .form-control:focus {
    border-color: #E0E0E0;
    box-shadow:none;
    -webkit-box-shadow:none;
}

footer p {
    font-size:12px;
}

.footer-title {
    font-size:16px;
    margin-bottom:15px;
    color:#79aab7;
}

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

.footer-links li:not(:last-child) {
    margin-bottom:10px;
}

.footer-links a {
    color:#4c7e8c;
    font-size:13px;
}

.footer-links a:hover {
    color:#fff;
}

.footer-links li {
    line-height:1.1;
}

.row.bottom-info {
    margin-left:0;
    margin-right:0;
}

.bottom-info {
    background:#003f50;
    color:#558896;
    padding:15px 0;
}

.bottom-info .col-md-12 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:baseline;
        -ms-flex-align:baseline;
            align-items:baseline;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

.bottom-info .col-md-12 p {
    margin:0;
}

.bottom-info a {
    font-size:12px;
    border-left:1px solid #558896;
    padding-left:15px;
    color:#5b93a3;
}

.bottom-info ul {
    margin-left:10px;
    margin-bottom:0;
}

.footer-address {
    color:#79aab7;
    line-height:1.6;
}

.footer-address a {
    color:#79aab7;
    display:inline-block;
    margin-top:8px;
}

.footer-address a:hover {
    color:#fff;
}

/*** Footer End ***/

/*** Loader Start ***/

.earth_loading {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 200px;
}

/*** Loader End ***/

/*** Services Panel Start ***/

#service-content {
    border-top: 1px solid #DEE8F2;
}

.service-icon {
    position:relative;
    min-height: 115px;
}

.service-icon img {
    max-width: 120px;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    left:0;
}

.service-block {
    background: #FFFFFF;
    border-bottom: 3px solid transparent;
    border-radius: 60%;
    float:left;
    width: calc(180px - 5px);
    margin: 0 20px;
    height: 180px;
    text-align: center;
}

.service-block h4 {
    margin-bottom:20px;
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
}

.service-block p {
    font-size:16px;
}

.service-block.mobile {
    border-color: #0B92B7;
}

#service-content .tab-content #mobile h2 {
    color:#0B92B7;
}

.service-block.mobile h4 {
    color:#0B92B7;
}

.service-block.fixed {
    border-color: #FF007D;
}

#service-content .tab-content #fixed h2 {
    color:#FF007D;
}

.service-block.fixed h4 {
    color:#FF007D;
}

.service-block.digital {
    border-color: #FFC100;
}

#service-content .tab-content #digital h2 {
    color:#FFC100;
}

.service-block.digital h4 {
    color:#FFC100;
}

.service-block.systems {
    border-color: #50667F
}

#service-content .tab-content #systems h2 {
    color:#50667F
}

.service-block.systems h4 {
    color: #50667F;
}

.services {
    display:table;
    /* width: 100%; */
    margin:0 auto;
}

#service-content .tab-content>.tab-pane:before {
    content:"";
    position:absolute;
    top: -11px;
    background:#fff;
    width: 22px;
    height: 22px;
    border-radius:3px 0 0 0;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);
    left:0;
    right:0;
    margin:auto;
    z-index: 0;
    box-shadow: -1px -1px 0 rgb(215, 227, 239);
}

#about .nav-tabs {
    border-bottom:0;
}

#about .nav-tabs>li.active>a,
#about .nav-tabs>li.active>a:focus,
#about .nav-tabs>li.active>a:hover {
    border: 0;
    background:transparent;
    cursor: pointer;
}

#about .nav>li>a:focus,
#about .nav>li>a:hover {
    border-color:transparent;
    background:transparent;
}

#about .nav>li>a {
    border:0;
    margin: 0;
}

#about .nav-tabs>li {
    float: left;
    -webkit-transition:background-color 200ms linear;
    transition:background-color 200ms linear;
}

#about .nav-tabs>li.active h4,
#about .nav-tabs>li:hover h4 {
    color:#ffffff;
}

#about .nav-tabs>.mobile.active,
#about .nav-tabs>.mobile:hover {
    background: #0B92B7;
}

#about .nav-tabs>.fixed.active,
#about .nav-tabs>.fixed:hover {
    background: #FF007D;
}

#about .nav-tabs>.digital.active,
#about .nav-tabs>.digital:hover {
    background: #FFC100;
}

#about .nav-tabs>.systems.active,
#about .nav-tabs>.systems:hover {
    background: #50667F;
}

#service-content .tab-content p {
    font-size: 16px;
}

.checklist {
    list-style:none;
    padding-left: 0;
}

.checklist li {
    position:relative;
    padding-left: 32px;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
    color: #949CA3;
}

.checklist li:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    background:url("../img/checkmark.svg") no-repeat;
    height: 20px;
    width: 20px;
}

#service-content .tab-content ul {
    margin-top:20px;
}

#service-content .tab-content {
    color:#949CA3;
}

#service-content .tab-content>.tab-pane {
    padding:5em 0;
}

/*** Services Panel End ***/

/*** Testimonials Panel ***/

#testimonials .nav-tabs {
    margin: 0 auto 30px;
    text-align: center;
    border: 0;
}

#testimonials .nav-tabs>li {
    float:none;
    display: inline-block;
}

#testimonials .nav-tabs>li>a {
    border-radius: 10px;
    background: #6C748A;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
}

#testimonials .nav-tabs>li.active>a,
#testimonials .nav-tabs>li.active>a:focus,
#testimonials .nav-tabs>li.active>a:hover {
    background: #fff;
    border-color: #fff;
    color: #1B1E21;
    font-weight: 700;
    text-transform: uppercase;
}

#testimonials .nav-tabs>li>a:hover {
    background:#ffffff;
    border-color: transparent;
    color:#212121;
}

#owl-cases .owl-item:nth-child(2n+2) .testimonials-footer,
#owl-testimonials .owl-item:nth-child(2n+2) .testimonials-footer {
    margin-bottom: -20px;
    margin-top: 20px;
}

#owl-cases .owl-item:nth-child(2n+2) .item-inner,
#owl-testimonials .owl-item:nth-child(2n+2) .item-inner {
    padding-bottom:100px;
}

/*** Testimonials Panel End ***/

/*** The Team Start ***/

.module-team .col-sm-6,
.module-team .col-md-6,
.module-team .col-md-5,
.module-team .col-sm-5,
.module-team .col-xs-6 {
    padding:0;
}

.module-team-item {
    padding:20px;
    margin: 4px;
    position:relative;
    overflow: hidden;
}

.module-team-item:hover {
    cursor:pointer;
}

.module-team-item:last-child {
    clear:both;
}

.module-team-item.medium {
    height: 640px;
    margin-right: 2px;
    margin-left: 2px;
}

.module-team-item.medium-tall {
    height: 700px;
    margin-left: 2px;
    margin-right: 2px;
}

.module-team-item.small {
    height: 340px;
    margin-left: 2px;
    margin-right: 2px;
}

.module-team-item:hover .module-team-overlay:before,
.module-team-item:hover .module-team-overlay:after {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
    -webkit-transition:opacity .4s ease,transform .45s ease .2s;
    -webkit-transition: opacity .4s ease,-webkit-transform .45s ease .2s;
    transition: opacity .4s ease,-webkit-transform .45s ease .2s;
    transition: opacity .4s ease,transform .45s ease .2s;
    transition:opacity .4s ease,transform .45s ease .2s,-webkit-transform .45s ease .2s;
}

.module-team-item:before {
    content:"";
    position: absolute;
    -webkit-transition:opacity 200ms, background-color 200ms linear;
    transition:opacity 200ms, background-color 200ms linear;
    width:100%;
    height:100%;
    z-index: 1;
    opacity:0;
    background: rgba(22, 173, 229, 0.6);
    top:0;
    left:0;
}

/*.module-team-item:hover:before {*/
    /*content:"";*/
    /*opacity:1;*/
/*}*/

.module-team-overlay {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    background: rgba(11,146,183,0.6);
    -webkit-transition:opacity 200ms, background-color 200ms linear;
    transition:opacity 200ms, background-color 200ms linear;
}

.module-team-overlay.item-open {
    opacity:1;
}

.module-team-item:hover .module-team-overlay {
    opacity:1;
}

.module-team-overlay.item-open:before,
.module-team-overlay.item-open:after {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
    -webkit-transition:opacity .4s ease,transform .45s ease .2s;
    -webkit-transition: opacity .4s ease,-webkit-transform .45s ease .2s;
    transition: opacity .4s ease,-webkit-transform .45s ease .2s;
    transition: opacity .4s ease,transform .45s ease .2s;
    transition:opacity .4s ease,transform .45s ease .2s,-webkit-transform .45s ease .2s;
}

.module-team-overlay:before {
    border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;
    -webkit-transform:scale(0,1);
    transform:scale(0,1);
}

.module-team-overlay:after {
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    -webkit-transform:scale(1,0);
    transform:scale(1,0);
}

.module-team-overlay:before,
.module-team-overlay:after {
    content:"";
    position:absolute;
    top:21px;
    right:21px;
    bottom:21px;
    left:21px;
    opacity:0;
    -webkit-transition:opacity .35s ease,-webkit-transform .35s ease;
    transition:opacity .35s ease,-webkit-transform .35s ease;
    z-index:1;
}

.module-team-content {
    position: absolute;
    z-index: 4;
    top: 43px;
    left: 43px;
    right: 43px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform .35s;
    transition: opacity 0.35s, -webkit-transform .35s;
    transition: opacity 0.35s, transform .35s;
    transition: opacity 0.35s, transform .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

.module-team-overlay.item-open .module-team-content,
.module-team-item:hover .module-team-content {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    opacity:1;
}

.module-team-item img {
    position:absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width:100%;
}

.module-team-item h2 {
    font-size:24px;
    margin-bottom: 10px;
}

.module-team-item p {
    font-size:14px;
    line-height: 26px;
    height: 460px;
    overflow: hidden;
}

.module-team-item.medium-tall p {
    height: 520px;
}

.module-team-item hr {
    width:60px;
    margin-left:0;
}

.module-team-item span {
    font-size:10px;
    float:left;
}

.module-team-item span:last-child {
    float:right;
    margin-top: -4px;
}

.module-team-item span i {
    color: #ffffff;
    font-size:20px;
}

.module-team-item span i:hover {
    opacity:0.8;
}

.module-team-item .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    font-weight: 700;
    font-size: 18px;
    color: #F3F3F3;
    z-index: 1;
    padding: 0 20px 15px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.module-team-item:hover .caption {
    opacity:0;
}

.module-team-item .caption {
    -webkit-transition:opacity 250ms;
    transition:opacity 250ms;
    opacity:1;
}

/*** The Team End ***/

/*** Services Page Start ***/

.services-navigation {
    width:100%;
}

#services-inner h3 {
    margin-bottom:30px;
}

.stick {
    position:fixed;
    top: 10px;
}

.services-navigation>a {
    border-radius:0;
    display:block;
    text-align:left;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top:10px;
    position: relative;
}

.services-navigation>a:hover:after {
    background:url("../img/btn-corner.gif") no-repeat;
}

.services-navigation>a:after {
    content:"";
    position:absolute;
    bottom:3px;
    right:3px;
    background:url("../img/btn-corner-alt.png") no-repeat;
    width:28px;
    height:28px;
    -webkit-transition: background linear 300ms;
    transition: background linear 300ms;
}

.services-navigation>a.btn-corner:after {
    content:"";
    background:url("../img/btn-corner.gif") no-repeat;
}

.services-navigation a.mobile-services {
    background-color:#0B92B7;
    border-color:#0B92B7;
}

.services-navigation a.mobile-services:hover,
.services-navigation a.mobile-services:focus {
    background-color: #2ACAFF;
    border-color: #2ACAFF;
}

.services-navigation>a:first-child {
    margin-top:0;
}

.services-navigation a.fixed-services {
    background-color:#FF007D;
    border-color:#FF007D;
}

.services-navigation a.fixed-services:hover,
.services-navigation a.fixed-services:focus {
    background-color: #FF2891;
    border-color: #FF2891;
}

.services-navigation a.digital-services {
    background-color:#FFC100;
    border-color:#FFC100
}

.services-navigation a.digital-services:hover,
.services-navigation a.digital-services:focus {
    background-color: #FBC827;
    border-color: #FBC827;
}

.services-navigation a.systems-services {
    background-color: #50667F;
    border-color:#50667F;
}

.services-navigation a.systems-services:hover,
.services-navigation a.systems-services:focus {
    background-color: #7D95AF;
    border-color: #7D95AF;
}

.services-navigation ul {
    list-style:none;
    padding-left:0;
}

.services-navigation ul a {
    padding: 10px 20px;
    display: block;
    background: #FDFDFD;
    border-bottom: 1px solid #EBEBEB;
    color: #969696;
    font-weight: 400;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    font-size: 12px;
}

.services-navigation ul>.active a,
.services-navigation ul a:hover,
.services-navigation ul a:focus {
    background: #FFFFFF;
}

.services-navigation #mobile-services>.active a {
    border-left-color: #0B92B7;
    border-left-width: 2px;
}

.services-navigation #fixed-services>.active a {
    border-left-color: #FF007D;
    border-left-width: 2px;
}

.services-navigation #digital-services>.active a {
    border-left-color: #FFC100;
    border-left-width: 2px;
}

.services-navigation #systems-services>.active a {
    border-left-color: #50667F;
    border-left-width: 2px;
}

#services p {
    font-size: 16px;
    line-height: 30px;
}

/*** Services Page End ***/

/*** Blog Page Start ***/

.post-header {
    display: table;
    text-align:center;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    background-size:cover;
    background-position:50% 50%;
    height:231px;
    width: 100%;
    position: relative;
}

.post-header .post-title {
    position:relative;
    z-index:2;
    color:#fff;
    font-size: 1.8em;
    font-weight: bold;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    padding: 0 2em;
}

.tag {
    margin-bottom:10px;
    display:block;
}

.post-info p {
    line-height:.9;
    font-size: 14px;
    font-weight:400
}

.post-desc {
    margin-top:2em;
    font-size: 22px;
}

.post-desc p {
    font-size:16px;
    line-height: 30px;
}

.post-footer {
    border-top: 1px solid #E7E7E7;
    padding-top:2em;
    margin-top:2em;
    text-align: right;
}

.post-footer p {
    font-size:14px;
}

.post-header .post-subtitle {
    position:relative;
    z-index:2;
    color:#fff;
    font-size:1.6em;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: -4px;
}

.post-header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height:231px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));
    opacity: .4;
    z-index: 1;
}

.post-content {
    padding:2em;
    background-color:#fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    margin-bottom: 20px;
}

.post-search {
    background:#fff;
    padding: .6em 2em 2em;
    border-radius: 5px;
    margin-bottom: 20px;
}

.post-recent {
    background:#fff;
    padding: 2em;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.post-recent .recent-list {
    padding-left:0;
    list-style-type:none;
}

.post-recent .recent-list li {
    font-size: 14px;
    font-weight:300;
    line-height: 1.8;
}

/*** Blog Page End ***/

/*** Cases Page Start ***/

.white-holder {
    background:#ffffff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition:box-shadow 200ms linear;
    transition:box-shadow 200ms linear;
    margin-bottom: 30px;
    position: relative;
}

.case-post-title {
    margin-bottom:20px;
    text-transform:capitalize;
    padding-right:60px;
}

.view-case {
    float:right;
    text-align: center;
    background: #50667F;
    color:#ffffff;
    font-size: 10px;
    padding: 10px;
    display: block;
    border-radius: 3px;
    margin-left: 5px;
}

.view-case:hover,
.view-case:focus {
    color:#ffffff;
}

.view-case:hover i:before {
    content:"\ea36";
    -webkit-animation:download 300ms linear forwards;
            animation:download 300ms linear forwards;
}

@keyframes download {
    0% {opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}
    100% {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
}

@-webkit-keyframes download {
    0% {opacity:0;-webkit-transform:translateY(-40px)}
    100% {-webkit-transform:translateY(0px);opacity:1;}
}

.view-case i {
    font-size: 20px;
    display: inline-block;
    position: relative;
    /* top: 5px; */
    margin-left: 5px;
    vertical-align: middle;
}

.white-holder-inner {
    padding: 20px 30px;
}

.white-holder-inner:before {
    content:"";
    display:table;
}

.white-holder-inner:after {
    content:"";
    display:table;
    clear:both;
}

.white-holder-inner p {
    font-size: 14px;
    margin-bottom: 20px;
}

#case-post .white-holder-inner p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.case-post-brand {
    float:left;
    padding: 40px 36px 20px 0;
}

.case-post-brand img {
    max-width: 180px;
}

.case-brand img {
    display:table;
    max-width: 300px;
    margin:0 auto;
    opacity:0.1;
}

/*** Cases Page End ***/

.case-block {
    padding: 30px;
    text-align:center;
    background:#fff;
    margin-bottom: 30px;
    height: 260px;
    position:relative;
    display:table;
    width:100%;
    overflow:hidden;
}

.case-block-inner {
    display:table-cell;
    vertical-align:middle;
}

.case-title {
    position:absolute;
    left:0;
    bottom:0;
    top:0;
    right:0;
    margin:auto;
    text-align:center;
    z-index: 9;
    display: table;
    width: 100%;
    -webkit-transition:transform 200ms cubic-bezier(.42,0,.58,1);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.42,0,.58,1);
    transition: -webkit-transform 200ms cubic-bezier(.42,0,.58,1);
    transition: transform 200ms cubic-bezier(.42,0,.58,1);
    transition:transform 200ms cubic-bezier(.42,0,.58,1), -webkit-transform 200ms cubic-bezier(.42,0,.58,1);
    padding: 0 50px;
}

.case-title h6 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.4;
}

.case-title p {
    font-size:14px;
    text-transform: capitalize;
    font-weight:600;
    margin-top: 4px;
    margin-bottom:0;
    line-height: 1.4;
}

.case-content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:auto;
    display:table;
    opacity:0;
    color:#fff;
    -webkit-transition:opacity 200ms linear;
    transition:opacity 200ms linear;
}

.case-primary-color {
    background: rgba(0, 192, 255, 0.7);
}

.primary-bg {
    background: rgba(0, 192, 255, 1);
    color: #fff;
}

.primary-color {
    color: #0B92B7;
}

.case-secondary-color {
    background: rgba(255, 0, 125, 0.7);
}

.secondary-bg {
    background:rgba(255, 0, 125, 1);
}

.secondary-color {
    color:rgba(255, 0, 125, 1);
}

.case-third-color {
    background: rgba(255,193,0,0.7);
}

.third-bg {
    background: rgba(255,193,0, 1);
}

.third-color {
    color:rgba(255,193,0, 1);
}

.green-color {
    color:#78A300;
}

.fourth-color {
    color:#7D95AF;
}

.case-block:hover .case-content {
    opacity:1;
}

.case-block:hover .case-title {
    color:#fff;
    -webkit-transform:translate3d(0, -35px, 0);
    transform:translate3d(0, -35px, 0);
}

.case-block .case-content a {
    -webkit-transition:transform 200ms cubic-bezier(.42,0,.58,1);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.42,0,.58,1);
    transition: -webkit-transform 200ms cubic-bezier(.42,0,.58,1);
    transition: transform 200ms cubic-bezier(.42,0,.58,1);
    transition:transform 200ms cubic-bezier(.42,0,.58,1), -webkit-transform 200ms cubic-bezier(.42,0,.58,1);
    margin-top: 10px;
}

.case-block:hover .case-content a {
    -webkit-transform:translate3d(0, 35px, 0);
    transform:translate3d(0, 35px, 0);
}

.case-grid {
    padding-left:15px;
    padding-right:15px;
    width: 100%;
    display: table;
}

.case-grid-item {
    display: inline-block;
    vertical-align:middle;
    width: calc(50% - 3px);
    padding: 30px;
}

.case-grid-item img {
    border-radius:10px;
}

#owl-cases-post {
    margin-top: 72px;
}

#owl-cases-post .item img {
    max-width:100%;
}

#owl-cases-post .item {
    padding: 4px;
}

#owl-cases-post .item img {
    border-radius: 4px;
}

#owl-cases-post .owl-controls .owl-page span {
    width: 6px;
    height: 6px;
    background:#50667F;
}

#owl-cases-post .owl-pagination {
    margin-top: 40px;
}

/*** news Pages ***/

.news-container {
    padding: 10px 0 60px;
}

.news-container:after {
    content: '';
    display: block;
    clear: both;
}

.news-post-photo {
    overflow:hidden;
    position:relative;
    display: block;
}

.news-post-photo img {
    max-width:100%;
    margin:0 auto;
    display:table;
    -webkit-transition:opacity 100ms linear;
    transition:opacity 100ms linear;
}

.news-post-photo:hover img {
    opacity: 0.8;
}

.news-post-inner {
    padding: 20px 25px;
}

.news-post {
    float: left;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    margin: 10px 0;
    background: #fff;
}

.news-post-content p {
    font-size:14px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.news-post-meta {
    margin-bottom:10px;
}

.news-post-meta span {
    font-size:12px;
}

/* fluid 5 columns */
.grid-sizer,
.news-post {
    width: calc(33.3% - 15px);
}

.news-post-comments {
    display: block;
    font-size:12px;
}

.news-post-title {
    font-size:20px;
    margin-bottom:10px;
}

.white-holder {
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    background: #fff;
    padding:20px 30px;
}

.news-article {
    margin-bottom: 30px;
}

.news-article .news-post-title {
    font-size:26px;
}

.news-sidebar ul {
    font-size:14px;
}

.news-sidebar li {
    margin:10px 0;
}

.news-sidebar a:hover {
    text-decoration:underline;
}

.news-comment-block label {
    font-size:10px;
    font-weight:400;
    text-transform:uppercase;
}

.req {
    color:#ff0000
}

.news-article .news-post-meta {
    margin-bottom:30px;
}

.breadcrumb {
    background:#fff;
}

.breadcrumb li {
    font-size:12px;
}

.form-horizontal .form-group {
    margin-left:0;
    margin-right:0;
}

.form-control {
    border-radius:3px;
    height:40px;
    border-color: #E0E7EE;
    box-shadow:none;
    -webkit-box-shadow:none;
}

.form-control:focus {
    box-shadow:none;
    -webkit-box-shadow:none;
    border-color:#cccccc;
}

#browser {
    height: 77px;
    width: 360px;
    background:url('../img/browser_wrapper.png') no-repeat;
    background-position:top center;
    background-size:contain;
    position: absolute;
    left: 0;
    right: 2px;
    top: 0;
    margin: auto;
    z-index: 1;
}

/*** news Page ***/

.video-module {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .8);
    z-index: 1028;
    display:none;
}

.video-module .close {
    opacity:1;
    text-shadow:none;
    position:absolute;
    top: -30px;
    right:15px;
    color: #fff;
}

.video-zoom {
    display:block;
    overflow:hidden;
    border-radius: 10px;
    position: relative;
    min-height: 220px;
}

.video-zoom img {
    position:absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width:100%;
}

.video-module-inner {
    display:table;
    width:100%;
    height:100%;
}

.video-inner-content {
    display:table-cell;
    vertical-align:middle;
    position: relative;
}

.video-zoom .embed-responsive {
    z-index: 1029;
    -webkit-transition:box-shadow 100ms linear;
    transition:box-shadow 100ms linear;
}

.table-digital th {
    background: #50667F;
    color: #fff;
    border-bottom-color: #fff!important;
    font-size: 18px;
    font-weight: 400;
    padding: 14px 10px !important;
}

.table-digital .td-title {
    background: rgb(133, 157, 183);
    text-align:center;
    color:#fff;
    border-color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.table-digital td {
    background: #E5EFF9;
    color: #50667F;
    border-top-color: #fff!important;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6!important;
    vertical-align: middle!important;
}

.table-digital thead th:first-child {
    border-top-left-radius: 10px;
}

.table-digital thead th:last-child {
    border-top-right-radius: 10px;
}

.table-digital .last-td {
    border-bottom-right-radius: 10px;
}

.table-digital .first-td {
    border-bottom-left-radius: 10px;
}

.jobs-container {
    padding: 10px 0 60px;
}

.jobs-container:before,
.jobs-container:after {
    content:"";
    display:table;
}

.jobs-container:after {
    clear:both;
}

.job-block {
    margin: 20px 0;
    padding: 0 20px;
    float:left;
}

.job-form {
    display:none;
    float: left;
    width: 100%;
}

.job-form label {
    font-size:10px;
    text-transform:uppercase;
    font-weight:400;
}

.job-info {
    float:left;
    margin-top: 32.5px;
}

.job-photo {
    float:left;
    margin-right: 25px;
    width: 150px;
    height: 150px;
    border-radius: 60%;
    background: #BFCCD6;
    position: relative;
    overflow: hidden;
}

.job-photo img {
    max-width: 130px;
    margin: 0 auto;
    display: table;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}

.job-desc {
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}

.job-meta {float: left;}

.job-meta:before,
.job-meta:after {
    display:table;
    content:""
}

.job-meta:after {
    clear:both;
}

.job-apply {
    float:left;
    margin-top: 50px;
    margin-left: 40px;
}

.job-close {
    position:absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
}

.title-wrap {
    position:relative;
    display: table;
    width: 100%;
}

.title-wrap:before,
.title-wrap:after {
    content:"";
    display:table;
}

.title-wrap:after {
    clear:both;
}

.title-wrap h3 {
    float:left;
}

.quote-cite {
    font-style:normal;
    font-weight:bold;
    letter-spacing: 4px;
    text-transform:uppercase;
    margin-top: 15px;
    color: #65707C;
    display: block;
    font-size: 14px;
}

/*** Product Categories ***/

.productCategories {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    z-index:1;
    position:relative;
}

.productCategory-wrapper {
    background:#fff;
    background-size:140px 140px;
    background-position:115% -50px;
    background-repeat:no-repeat;
    box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.05);
    padding:30px 20px;
    width:calc(25% - 15px);
    margin:0 7.5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.productCategory-title {
    margin-bottom:40px;
}

.productCategory-content {
    margin-bottom:30px;
}

.productCategory-content p {
    margin:0;
    line-height:1.6;
    font-size:14px;
}

.productCategory-action {
    margin-top:auto;
    width:100%;
}

.categoryData {
    background-image:url('../img/icons/file-tree.png');
}

.categoryMobility {
    background-image:url('../img/icons/mobile-phone-popular-model-optimus-l3-x.png');
}

.categoryVoice {
    background-image:url('../img/icons/microphone-outlined-circular-button.png');
}

.categoryCloud {
    background-image:url('../img/icons/uploading-to-the-cloud.png');
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.15);
    border-color:#ededed;
    border-radius:2px;
    min-width:260px;
}

.dropdown-submenu>a:after {
    content:"";
    background:url('../img/icons/caret-down.png') no-repeat 50% 50%;
    background-size:10px;
    position:absolute;
    right: 10px;
    bottom:0;
    top:0;
    margin:auto;
    height:12px;
    width:12px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.dropdown-submenu:hover>a:after {
    opacity:0.5;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px;
}

/*** Products Slide ***/

#products-slide {
    height:450px;
}

#products-slide .slider {
    height:100%;
    position:relative;
}

.product-slide-content {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:10;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.product-slide-content h3 {
    font-size:3em;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff;
}

.slick-slide {
    position:relative;
    overflow:hidden;
}

.slick-track,
.slick-list {
    height:100%;
}

.slick-slide img {
    position: absolute;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    width: auto;
}

.slick-dots {
    bottom:-64px;
    z-index:1001;
}

.slick-dots li {
    width:auto;
    height:auto;
    margin:0 20px;
    text-align:center;
}

.slick-dots li a>div {
    display:block;
    width:60px;
    height:60px;
    overflow:hidden;
    position:relative;
    border-radius:50%;
    z-index:1;
    margin:0 auto;
    border:3px solid transparent;
    -webkit-transition: box-shadow .25s ease, border-color .25s ease;
    transition:box-shadow .25s ease, border-color .25s ease;
}

.slick-dots li.slick-active a>div {
    border-color:#fff;
}

.slick-dots li a {
    display:block;
    width:60px;
    height:60px;
    margin:0 auto;
    position:relative;
    border-radius:50%;
}

.slick-dots li a:hover>div {
    border-color:#fff;
}

.slick-dots li a img {
    max-width:160px;
    position: absolute;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    width: auto;
}

.infoBand {
    background:#1f1f1f;
    height:110px;
    width:100%;
}

.slick-dotted.slick-slider {
    margin-bottom:0;
}

.slick-dots h2 {
    display:block;
    color:#fff;
    font-size:14px;
    margin-top:15px;
}

.slick-dots li.slick-active a {
    border-color:rgba(255, 255, 255, 1);
    box-shadow:0 0 0 6px rgba(255, 255, 255, 0.5);
    -webkit-transition: box-shadow .25s ease;
    transition:box-shadow .25s ease;
}

.slick-dots li.slick-active a:before {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:block;
    border-radius:50%;
    box-shadow:0 0 0 13px rgba(255, 255, 255, 0.25);
    -webkit-transition: box-shadow .25s ease;
    transition:box-shadow .25s ease;
}

/*** Services Page ***/

.servicesNav-wrapper {
    background:#f9f9fb;
    width:100%;
    padding:20px 0;
}

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

.servicesNav>li {
    float:left;
    margin-right:15px;
}

.servicesNav>li:not(:first-child)>a {
    border-left:1px solid #ededed;
    padding-left:15px;
}

.servicesNav>li>a {
    font-size:14px;
    color:#9f9f9f;
    padding-right:25px;
}

.servicesNav>li>a:hover,
.servicesNav>li>a:focus {
    color:#1f1f1f;
}

.productHero {
    position:relative;
    overflow:hidden;
    border-radius:6px;
    min-height:370px;
    height:auto!important;
    height:370px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.productHero>img {
    position:absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width:1170px;
}

.productContent {
    position:relative;
    z-index:1;
    color:#fff;
    padding:60px;
    opacity:0;
}

.productContent:before {
    content:"";
    position:absolute;
    left:-80%;
    top:-10%;
    background:rgba(0, 0, 0, 0.5);
    box-shadow:30px 0 30px 10px rgba(0, 0, 0 , 0.5);
    z-index:-1;
    width:200%;
    height:250%;
    -webkit-transform:rotate(-30deg);
            transform:rotate(-30deg);
    border-radius:50%;
}

.fadeIn {
    -webkit-animation:fadeIn .5s ease .5s forwards;
            animation:fadeIn .5s ease .5s forwards;
}

@keyframes fadeIn {
    to {opacity:1;}
}

@-webkit-keyframes fadeIn {
    to {opacity:1;}
}

.productContent a:hover {
    color:#fff;
}

.productContent h1 {
    font-size:3em;
}

.productContent li {
    color:#fff;
}

.productContent .sub {
    color:#fff;
    margin:20px 0;
}

.servicesBody h2 {
    font-size:2em;
    margin-bottom:10px;
    color:#0b92b7;
}

.servicesBody h2 + p {
    font-size:18px;
}

.servicesBody h5 {
    font-size:1.4em;
    margin-top:30px;
    margin-bottom:10px;
    color:#78a300;
}

.servicesBody p + p {
    padding-top:10px;
}

.servicesBody p {
    margin:0;
}

.servicesBody img.center-block {
    width:auto;
}

.getInTouch-wrapper {
    background:url('../img/products/call.jpg');
    background-size:cover;
    background-position:50% 50%;
    border-radius:6px;
    position:relative;
}

.getInTouch-wrapper:before {
    content:"";
    background:#000;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0.35;
}

.getInTouch-content {
    padding:60px;
    color:#fff;
    position:relative;
    z-index:1;
}

.getInTouch-content hr {
    border-color:rgba(255, 255, 255, 0.25);
}

.getInTouch-content a {
    color:#fff;
}

.getInTouch-content .call {
    font-size:2em;
}

.getInTouch-content a:not(.btn):hover {
    text-decoration:underline;
}

.getInTouch-content p {
    margin-bottom:0;
}

.getInTouch-content p + p {
    padding-top:10px;
}

.spacing-50 {
    margin-bottom:50px;
}

.spacing-25-both {
    margin:25px 0;
}

.spacing-10 {
    margin-bottom:10px;
}

.servicesNav .dropdown>a:after {
    content:"";
    background:url('../img/icons/caret-down.png') no-repeat 50% 50%;
    background-size:10px;
    position:absolute;
    right:5px;
    bottom:0;
    top:3px;
    margin:auto;
    height:12px;
    width:12px;
    -webkit-transition: background .25s ease;
    transition:background .25s ease;
}

.servicesNav .dropdown>a:hover:after,
.servicesNav .dropdown>a:focus:after,
.servicesNav .dropdown.active a:after {
    background-image:url('../img/icons/caret-down2.png');
}

.servicesNav .dropdown.active a {
    color:#1f1f1f;
}

.navbar .dropdown>a:after {
    content:"";
    background:url('../img/icons/caret-down3.png') no-repeat 50% 50%;
    background-size:14px;
    display:inline-block;
    margin-left:15px;
    height:12px;
    width:12px;
}

#home .navbar .dropdown>a:after,
#alt .navbar .dropdown>a:after{
    background-image:url('../img/icons/caret-down3.png');
}

.regular-list {
    list-style:square;
}

.regular-list li {
    margin:14px 0;
    font-weight:300;
}

.cta-line {
    padding:20px 15px!important;
    background:#f9f9fb;
    display:inline-block;
}

/*** Modal Settings ***/

.modal-wrap {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    z-index:2001;
    -webkit-transition: opacity 150ms ease;
    transition:opacity 150ms ease;
    display:none;
    opacity:0;
    background:rgba(0, 0, 0, 0.5);
}

.modal-show {
    display:block;
}

.modal-table {
    display:table;
    table-layout:fixed;
    height:100%;
    width:100%;
}

.modal-cell {
    display:table-cell;
    vertical-align:middle;
    height:100%;
    width:100%;
}

.modal-inner {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    max-width:750px;
    padding:30px;
}

#contact-popup .modal-inner {
    max-width:450px;
}

#contact-popup .form-control {
    background:#f9f9fb;
}

.modalContent {
    padding:30px;
    background:#fff;
}

.modalContent label {
    font-size:13px;
}

.close {
    position:absolute;
    right:15px;
    top:-15px;
    width:50px;
    height:50px;
    z-index:999;
    opacity:1;
}

.close:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    margin:auto;
    height:20px;
    width:1px;
    background:#fff;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);
}

.close:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    margin:auto;
    height:20px;
    width:1px;
    background:#fff;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg);
}

#company-info {
    background:#1f1f1f;
    color:#fff;
    padding:10px 0;
}

#company-info .row {
    width:100%;
}

#company-info p {
    margin:0;
    font-size:1.5em;
    line-height:1.4;
}

#company-info>* {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

#company-info ul {
    list-style:none;
    padding:0;
    margin:0 0 0 auto;
}

#company-info li {
    float:left;
}

#company-info li a i {
    color:#fff!important;
}

#company-info li a {
    font-size:16px;
}

#company-info li:not(:last-child) {
    margin-right:30px;
}

#quote {
    padding:25px 0;
}

.floating-right {
    float:right;
    padding:15px;
    padding-left:30px;
    padding-right:0;
    width:auto;
}

.floating-left {
    float:left;
    padding:15px;
    padding-right:30px;
    padding-left:0;
    width:auto;
}

.downloadable {
    list-style:none;
    padding:30px;
    margin:25px 0 0;
    background:#f9f9fb;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

.downloadable li {
    border-radius:6px;
    padding:30px 15px;
    min-width:160px;
    max-width:260px;
    background:#fff;
    box-shadow:0 0 4px rgba(0, 0, 0, 0.10);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin:0 5px;
    text-align:center;
}

.downloadableInner {
    font-size:14px;
}

.downloadable a {
    display:block;
    width:40px;
    height:40px;
    text-align:center;
    margin:10px auto 0;
    line-height:40px;
    border-radius:3px;
    background:#0b92b7;
    color:#fff;
}

.downloadable li:hover a {
    opacity:0.8;
}

.floating-left iframe,
.floating-right iframe {
    padding:15px 30px;
}

.floating-left iframe {
    padding-left:0;
}

.floating-right iframe {
    padding-right:0;
}

/*** FAQ ***/

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    font-size:14px;
}

.panel-default>.panel-heading {
    border-color:#ededed;
    background:#f9f9fb;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body,
.panel-default {
    border-color:#ededed;
}

.navbar-nav li {
    -webkit-transform:none;
            transform:none;
    opacity:1;
    -webkit-transition: all .10s ease;
    transition:all .10s ease;
}

.navbar-nav li.fadeOutLeft {
    -webkit-transform:scale(0.90);
            transform:scale(0.90);
    opacity:0;
}

.nav>li.navSearch {
    display:none;
}

.navSearch .form-control {
    background:transparent;
    border:0;
    border-radius:0;
    color:#fff;
    border-bottom:1px solid #5b8590;
    padding:0;
}

.navSearch {
    -webkit-box-align:center;
        -ms-flex-align:center;
                -ms-grid-row-align:center;
            align-items:center;
    color:#fff;
    position:absolute!important;
    width:100%;
    left:0;
}

.navSearch i {
    margin-right:15px;
    -webkit-transform:scale(0.90);
            transform:scale(0.90);
    opacity:0;
    -webkit-transition: all .10s ease;
    transition:all .10s ease;
}

.navbar-nav {
    position:relative;
    min-width:628px;
    height:50px;
}

.navSearch .form-horizontal {
    width:100%;
    -webkit-transform:scale(0.90);
            transform:scale(0.90);
    opacity:0;
    -webkit-transition: all .10s ease;
    transition:all .10s ease;
}

.navSearch.transition .form-horizontal {
    -webkit-transform:scale(1);
            transform:scale(1);
    opacity:1;
}

.navSearch.transition i {
    -webkit-transform:scale(1);
            transform:scale(1);
    opacity:1;
}

.open-search {
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
}

.icon-cross {
    margin-left:15px;
    cursor:pointer;
    font-size:12px;
}

.navSearch .form-control::-webkit-input-placeholder {
    color:#fff;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear;
}

.navSearch .form-control:-moz-placeholder { /* Firefox 18- */
    color:#fff;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear;
}

.navSearch .form-control::-moz-placeholder {  /* Firefox 19+ */
    color:#fff;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear;
}

.navSearch .form-control:-ms-input-placeholder {
    color:#fff;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear;
}

.navSearch .form-control:focus::-webkit-input-placeholder {
    opacity:0;
}

.navSearch .form-control:focus:-moz-placeholder { /* Firefox 18- */
    opacity:0
}

.navSearch .form-control:focus::-moz-placeholder {  /* Firefox 19+ */
    opacity:0
}

.navSearch .form-control:focus:-ms-input-placeholder {
    opacity:0
}

.top-bar {
    position:relative;
    z-index:1001;
    background:#0a3f4c;
    color:#fff;
}

.navigation {
    position:relative;
    width:100%;
}

.top-bar>.container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.company-info {
    margin-left:auto;
    line-height:1.2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.col2 {
    width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin-left:auto;
    text-align:right;
}

.phone-number {
    font-size:18px;
    padding-left:15px;
    border-left:1px solid #48737e;
}

.company-info span {
    display:block;
    font-weight:bold;
    color:#FFC100;
}

.company-info a {
    color:#fff;
    font-size:24px;
}

.company-info a:hover {
    text-decoration:underline;
}

.col2 .phone-number {
    font-size:14px;
    margin-left:auto;
    padding-left:0;
    padding-right:15px;
    border:0;
}

.col2 a {
    font-size:14px;
}

.callUs {
    list-style:none;
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.callUs li {
    position:relative;
    width:33.3%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.callUs li h5 {
    width:100%;
    margin-top:25px;
}

/*.callUs li:after {*/
    /*content:"";*/
    /*position:absolute;*/
    /*height:1px;*/
    /*width:40%;*/
    /*left:100%;*/
    /*transform:translateX(-50%);*/
    /*top:0;*/
    /*bottom:0;*/
    /*margin:auto;*/
    /*border:1px solid rgba(255, 255, 255, 0.25);*/
/*}*/

.callUs li:last-child:after {
    display:none;
}

.callUs li img {
    max-width:45px;
}

.callUs p {
    line-height:1.5;
    margin-top:15px;
    width:100%;
}

.callUs-icon {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255, 255, 255, 0.25);
    border-radius:50%;
    padding:20px;
}

/*** 404 ***/

#not-found {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding:100px 0;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    background:#f9f9fb;
    position:relative;
    overflow:hidden;
}

#not-found:before {
    content:"";
    width:100%;
    background: rgba(230,230,230,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(249,249,251,1)));
    background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(249,249,251,1) 100%);
    background: linear-gradient(to right, rgba(230,230,230,1) 0%, rgba(249,249,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f9f9fb', GradientType=1 );
    position:absolute;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg);
    bottom:-25%;
    right:0;
    height:50%;
}

#not-found:after {
    content:"";
    width:100%;
    background: rgba(230,230,230,1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(249,249,251,1)));
    background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(249,249,251,1) 100%);
    background: linear-gradient(to right, rgba(230,230,230,1) 0%, rgba(249,249,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f9f9fb', GradientType=1 );
    position:absolute;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg);
    bottom:-25%;
    right:30%;
    height:25%;
}

#not-found>div {
    width:100%;
    text-align:center;
    z-index:1;
    position:relative;
}

#not-found a {
    margin-top:50px;
}

.not-found {
    width:600px;
}

.white {
    color:#fff!important;
}

.black {
    color:#1f1f1f!important;
}

/*** Pricing Table ***/

.pricingTable {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    list-style:none;
    padding:50px 0;
    margin:0;
}

.pricingTable>li {
    width:calc(30% - 15px);

    border-top-right-radius:3px;
    border-top-left-radius:3px;

    margin-right:15px;
}

.pricingTable-body:before {
    content:"";
    position:absolute;
    -webkit-transform:rotate(-35deg);
            transform:rotate(-35deg);
    width:200%;
    height:200px;
    bottom:0;
    left:-5%;
    display:block;
    background: rgba(251,251,251,1);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(251,251,251,1)), color-stop(71%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(45deg, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
    background: linear-gradient(45deg, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 71%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=1 );
}

.pricingTable .checklist li:not(:last-child) {
    border-bottom:1px solid #ededed;
    padding-bottom:10px;
}

.pricingTable .focus {
    width:calc(40% - 15px);
    -webkit-transform:translateY(-50px);
            transform:translateY(-50px);
    z-index:2;
    position:relative;
}

.pricingTable-header {
    border-top-right-radius:6px;
    border-top-left-radius:6px;
}

.pricingTable-header,
.pricingTable-footer {
    text-align:center;
}

.pricingTable-body,
.pricingTable-footer,
.pricingTable-header {
    border-left:1px solid #ededed;
    border-right:1px solid #ededed;
    border-top:1px solid #ededed;
}

.pricingTable-footer {
    border-bottom:1px solid #ededed;
}

.pricingTable-img .pricingTable-header {
    border:0;
}

.pricingTable>li>div {
    padding:15px 30px;
    background:#fbfbfb;
}

.pricingTable>li>.pricingTable-cover {
    background:none!important;
}

.pricingTable .pricingTable-body {
    padding:50px 30px;
    position:relative;
    overflow:hidden;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

.pricingTable-img .pricingTable-header {
    height:250px;
    border-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:flex-end;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    position:relative;
    overflow:hidden;

    color:#fff;
}

.pricingTable-img .pricingTable-header:before {
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    box-shadow: inset 0px -156px 69px -89px rgba(0,0,0,0.85);
}

.pricingTable-img .pricingTable-header img {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
            transform:translateX(-50%) translateY(-50%);
    width:auto;
    height:auto;
}

.pricingTable-img .pricingTable-header h2 {
    position:relative;
    z-index:2;
}

.pricingTable>li:not(.focus) .btn {
    background:#1f1f1f;
    border-color:#1f1f1f;
}

.pricingTable>li:not(.focus) .btn:hover {
    background:#c3c3c3;
    border-color:#c3c3c3;
}

.pricingTable-coloured .pricingTable-header h2 {
    color:#1f1f1f;
}

.pricingTable-coloured>li.focus .pricingTable-body {
    min-height:350px;
}

.pricingTable-coloured>li {
    border-top-right-radius:6px;
    border-top-left-radius:6px;
}

.pricingTable-coloured>.focus>div:not(.pricingTable-cover) {
    border-color:#3e3e3e;
    background:#1f1f1f;
}

.pricingTable-coloured>.focus .checklist li {
    color:#fff;
}

.pricingTable .checklist li {
    color:#1f1f1f;
}

.pricingTable-coloured>.focus .checklist li:not(:last-child) {
    border-color: #3e3e3e;
}

.pricingTable-coloured>li.focus .pricingTable-body:before {
    background: rgba(31,31,31,1);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(31,31,31,1)), color-stop(71%, rgba(51,51,51,1)), color-stop(100%, rgba(51,51,51,1)));
    background: -webkit-linear-gradient(45deg, rgba(31,31,31,1) 0%, rgba(51,51,51,1) 71%, rgba(51,51,51,1) 100%);
    background: linear-gradient(45deg, rgba(31,31,31,1) 0%, rgba(51,51,51,1) 71%, rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#333333', GradientType=1 );
}

.pricingTable-coloured .focus .pricingTable-header h2 {
    color:#fff;
}

.pricingTable .pricingTable-cover {
    background:#fff;
    padding-bottom:30px;
}

.pricingTable-cover img {
    margin:0 auto;
    display:block;
    max-width:175px;
}

.left-img {
    overflow:hidden;
    float:left;
    max-width:550px;
    padding-right:30px;
    padding-bottom:30px;
}

.latestPromotion {
    background:#78A300;
    color:#fff;
    padding:20px 15px;
    margin:15px 0;
}

.latestPromotion h5 {
    color:#fff;
    margin-top:0;
}

.excerpt {
    font-size:15px;
    line-height:1.6;
    font-weight:300;
}

.news-post .title {
    font-size:18px;
}