/*
  Theme Name: Cloud Direct
  Theme URI: http://greenboxdesigns.com
  Description: Built by Greenbox Designs
  Version: 1.0
  Author: Greenbox Designs

  License: MIT
  License URI: http://opensource.org/licenses/mit-license.php
*/

/* Fonts style */
@font-face {
    font-family: 'hk_groteskbold';
    src: url('fonts/hkgrotesk-bold-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'hk_groteskbold_italic';
    src: url('fonts/hkgrotesk-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'hk_groteskitalic';
    src: url('fonts/hkgrotesk-italic-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_grotesklight';
    src: url('fonts/hkgrotesk-light-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'hk_grotesklight_italic';
    src: url('fonts/hkgrotesk-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'hk_groteskmedium';
    src: url('fonts/hkgrotesk-medium-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskmedium_italic';
    src: url('fonts/hkgrotesk-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_groteskregular';
    src: url('fonts/hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_grotesksemibold';
    src: url('fonts/hkgrotesk-semibold-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hk_grotesksemibold_italic';
    src: url('fonts/hkgrotesk-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'CircularStd-Book';
  src: url('fonts/CircularStd-Book.woff') format('woff'),
       url('fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
       url('fonts/CircularStd-Book.ttf')  format('truetype'),
       url('fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
  
@font-face {
  font-family: 'CircularStd-Medium';
  src: url('fonts/CircularStd-Medium.woff') format('woff'),
       url('fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),       
       url('fonts/CircularStd-Medium.ttf')  format('truetype'),
       url('fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}  

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

@font-face {
  font-family: 'FrutigerLT-Light';
  src: url('fonts/FrutigerLT-Light.woff') format('woff'),
       url('fonts/FrutigerLT-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/FrutigerLT-Light.ttf')  format('truetype'),
       url('fonts/FrutigerLT-Light.svg#FrutigerLT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TradeGothicLT-BoldCondTwenty';
  src: url('fonts/TradeGothicLT-BoldCondTwenty.woff') format('woff'),
       url('fonts/TradeGothicLT-BoldCondTwenty.eot?#iefix') format('embedded-opentype'),
       url('fonts/TradeGothicLT-BoldCondTwenty.ttf')  format('truetype'),
       url('fonts/TradeGothicLT-BoldCondTwenty.svg#TradeGothicLT-BoldCondTwenty') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'frutiger_lt_std65_bold';
    src: url('fonts/frutiger_lt_std_65_bold-webfont.woff2') format('woff2'),
         url('fonts/frutiger_lt_std_65_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*font-family: 'Open Sans', sans-serif;*/
/* // End Fonts style */

/*  Resets
  ------  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;}

ul{list-style: none;}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video{display: block;}
.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0;}
a,input,select,textarea{outline:none;}
input::-moz-focus-inner{border:0; padding: 0;}
img{float: left;}

/* Selection colours (easy to forget) */
img::selection    {background: transparent;}
img::-moz-selection {background: transparent;}
a{text-decoration: none; display: inline-block;}
/*a:hover{text-decoration: underline; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}*/



/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
  Slick CSS
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
  Slick Theme CSS
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/*    Default Layout 
-------------------------------------------------------------------------------
*/
body {background: rgb(255,255,255)!important; color: #718490; -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-family: 'hk_groteskregular', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400;}
*{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}

/* Begin common style */
h1, h2, h3, h4, h5, h6{font-family: 'CircularStd-Medium', sans-serif; font-weight: 500;}
h1, h2, h3{font-size: 48px; line-height: 52px; letter-spacing: -0.6px; color: #003c4c;}
h2, h3{font-size: 43px; letter-spacing: -0.4px;}
h3{font-size: 36px; }
h4{font-size: 30px; line-height: 42px; letter-spacing: -0.4px; font-family: 'CircularStd-Bold', sans-serif; font-weight: 700;}
h5{font-size: 24px; line-height: 26px; font-family: 'hk_groteskbold', sans-serif; color: #002639; font-weight: 700;}
h6{font-size: 16px; line-height: 27px; font-family: 'hk_groteskregular'; color: #0087ae; font-weight: 400;}

.btn{height: 67px; line-height: 63px; color: #ffffff; font-size: 17px; text-align: center; font-family: 'hk_grotesksemibold'; border-radius: 35px; background-color: #fe4310; border: 1px solid #fe4310; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn:hover{background-color: #fff; border: 1px solid #fe4310; color: #fe4310;}
.input-wrap input[type="text"], .input-wrap input[type="email"], .submit-wrap input[type="submit"]{font-family: 'hk_grotesksemibold'; height: 49px; padding: 5px 29px; color: #003c4c; width: 100%; border-radius: 34px; border: 0px; font-size: 17px; line-height: 22px; font-weight: normal;}
.submit-wrap input[type="submit"]{color: #ffffff; background-color: #fe4310; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; border: 1px solid transparent;}
.submit-wrap input[type="submit"]:hover{background: transparent; border: 1px solid #fe4310;}
header, footer, .main-wrap, section{float: left; width: 100%;}
.common-wrap{max-width: 1072px; margin: 0 auto; padding: 0 14px;}
label, input[type="submit"]{cursor: pointer;}
.mobi, .hero-wrap.mobi{display: none;}
.desktop{display: block;}
.main-wrap{overflow: hidden;}
.btn-wrap{float: left; width: 100%;}
.mobi {display: none;}
.desk {display: desk;}
/*.main-nav > ul > li a,.hero-wrap h1,.hero-wrap p,.hero-content h1,.hero-content p,
.hero-content .btn-wrap,.tell-more a,.call-wrap a,.call-wrap span,.get-btn,.lead-text h4,.lead-text p,.resource-filter,.resource-item h5,.resource-item p,.single-resource-content .hero-inner h1,.media-type a,.category-type a,.call-wrap,.search-icon,.login{opacity: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
.loaded .main-nav > ul > li a,.loaded .hero-wrap h1,.loaded .hero-wrap p,.loaded .hero-content h1,.loaded .hero-content p,.loaded .hero-content .btn-wrap,.loaded .tell-more a,.loaded .call-wrap a,.loaded .call-wrap span,.loaded .get-btn,.loaded .lead-text h4,.loaded .lead-text p,.loaded .resource-filter,.loaded .resource-item h5,.loaded .resource-item p,.loaded .single-resource-content .hero-inner h1,.loaded .media-type a,.loaded .category-type a,.loaded .call-wrap,.loaded .search-icon,.loaded .login{opacity: 1;}*/
/* End common style */

/* Begin home */
.header-area{position: fixed; top: 0; left: 0; width: 100%; z-index: 99; padding: 15px 0;}
.header-area.downScl{background: #ffffff;}
.header-area .common-wrap{max-width: 1434px;}
.logo-wrap{width: 211px; float: left;}
.main-logo, .main-logo img{width: 100%; float: left;}
.navigation-wrap{float: right; width: calc(100% - 211px); position: relative; padding-left: 30px;}
.call-wrap{position: absolute; right: 174px; width: auto; margin-top: 27px;}
.call-wrap span{color: #003c4c; font-family: 'CircularStd-Book', sans-serif; padding-right: 22px; position: relative; display: inline-block;}
.call-wrap a{padding-right: 22px; background-image: url('svgs/Phone.svg'); background-repeat: no-repeat; background-size: 11px 17px; background-position: right center; font-family: 'FrutigerLT-Light', sans-serif; color: #003c4c; font-weight: 300; }
.main-nav{font-size: 0; line-height: 0; float: left; margin-top: 30px;}
.main-nav > ul > li{display: inline-block; padding-bottom: 20px; position: relative;}
.Submenu > a:after, .call-wrap span:after, .flexible-form-wrap .hbspt-form .hs-form-field > .input .selectric:after, .flexible-page-content .dataTables_wrapper .selectric:after{position: absolute; top: 12px; right: 5px; background-image: url('images/menu-dropdown.png');background-repeat: no-repeat; background-position: center right; background-size: 8px 5px; content: ''; width: 8px; height: 5px;}
.main-nav li.SubSubmenu a:after{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);background-size: 15px auto;width: 15px;height: 54px;right: 15px;}
.call-wrap span:after{right: 10px;}
.service-tab-nav-item .service-content-item, .slick-prev:before, .slick-next:before{display: none;}
.main-nav > ul > li a{color: #003c4c; font-size: 18px; font-family: 'CircularStd-Book'; line-height: 27px; padding: 0 22px; position: relative;}
.main-nav > ul > li > ul,
.main-nav li.SubSubmenu ul{position: absolute; background: #fff; width: 338px; -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); padding: 40px 25px; border-radius: 11px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-top: 20px;}
.main-nav li.SubSubmenu ul{right: -220px;width: 220px;margin-top: 0;padding: 0;}
.main-nav li.SubSubmenu ul li a{padding: 15px 20px;}
.main-nav > ul > li > ul:after{position: absolute; top: -18.5px; left: 25px; background-image: url('images/dropdown-arrow.png'); background-repeat: no-repeat; background-position: center; background-size: 33.5px 18.5px; content: ''; width: 33.5px; height: 18.5px;}
.main-nav > ul > li:hover > ul,
.main-nav li.SubSubmenu:hover > ul,
.reading-item figure:hover .play-icon,
.open .navigation-wrap{opacity: 1; visibility: visible;}
.main-nav > ul > li > ul > li,
.main-nav li.SubSubmenu li{float: left; width: 100%; position: relative; margin: 20px 0; margin: 0;}
.main-nav li.SubSubmenu li:first-child{border-top: none}
.main-nav > ul > li > ul a{font-size: 15px; color: #003c4c; font-family: 'hk_groteskbold', sans-serif; font-weight:  700; padding-left: 55px; float: left; width: 100%; vertical-align: middle; line-height: 40px; position: relative; z-index: 1;}
.main-nav li.SubSubmenu > a:after{top: 5px}
.sub-menu-icon{width: 47px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding: 5px;}
.sub-menu-icon img{width: 100%;}
.get-btn{float: right; width: auto; margin-top: 15px;}
.get-btn a{width: 146px; height: 43px; line-height: 42px; text-align: center; color: #0087ae; font-size: 16px; font-family: 'CircularStd-Bold', sans-serif; font-weight: 700; margin-top: 5px; background-color: #ffffff; border-radius: 23px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px solid #ffffff}
.get-btn a:hover{background: transparent;}
.header-area.downScl .get-btn a{background: #0087ae; color: #ffffff; border: 1px solid #0087ae}
.header-area.downScl .get-btn a:hover{background: transparent; color: #0087ae;  border: 1px solid #0087ae}
/* End header */



.hero-wrap{min-height: 500px; /*height: 100%; height: 100vh;*/ background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-color: #e7eef2; display: table; position: relative;}
.hero-inner{display: table-cell; vertical-align: middle; padding: 240px 0 290px;}
.home-content .hero-inner .common-wrap{max-width: 1287px; padding: 0 30px; /*max-width: 1255px;*/}
.hero-content{max-width: 684px; float: left; position: relative; z-index: 1;}
.bg-image{background-size: contain; background-position: right bottom; background-repeat: no-repeat; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; z-index: -1;}
.home-content .hero-content{text-align: left; max-width: 610px;}
.home-content .hero-content h1, .datacentre-content .hero-content h1{font-size: 46px;}
.hero-content p{font-size: 22px; line-height: 30px; color: #003c4c; margin-top: 15px;}
.home-content .hero-content p{margin-top: 18px;}
.hero-content .btn-wrap, .service-content-item .btn-wrap, .service-feature-content{margin-top: 40px;}
.hero-content .btn-wrap{margin-top: 45px;}
.home-content .hero-content .btn-wrap{margin-top: 43px;}
.hero-content a{width: 252px;}
.video-wrap p{color: #003c4c; font-size: 16px; line-height: 22px; display: none;}
.play-btn{float: right; width: 97px;  margin-top: 10%; margin-right: 11.5%;}
.play-btn span{float: left; font-size: 14px; line-height: 22px; color: #40b3df; font-family: 'hk_groteskmedium', sans-serif; padding: 10px 0 0 17px; display: none;}
.play-btn a{float: left;}
.play-btn img{width: 100%;}
.tell-more{position: absolute; bottom: 135px; left: 0; right: 0; max-width: 1420px;}
.home-content .tell-more{bottom: 123px; max-width: 1434px;}
.tell-more a{background-image: url('svgs/arrow-simple.svg'); background-repeat: no-repeat; background-position: right center; background-size: 24px 24px; font-size: 13px; color: #003c4c;; font-family: 'CircularStd-Book', sans-serif; padding-right: 32px; }
.wellcome-content{background-image: url('images/stars@2x.png'); background-repeat: repeat; background-position: 0 0; padding: 131px 0 91px; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg); position: relative; background-color: #002639; margin-top: -50px;}
.home-content .wellcome-content, .brand-logo-slider{/*background-image: url('images/stars@2x.png'); background-repeat: repeat; background-position: 0 0; */padding: 69px 0 91px; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg); position: relative; background-color: #fff; margin-top: -23px;}
.wellcome-content-inner, .service-inner{-webkit-transform: skewY(-2.9deg); -moz-transform: skewY(-2.9deg); transform: skewY(-2.9deg); }
.wellcome-content-inner .common-wrap{max-width: 890px;}
.home-content .wellcome-content-inner .common-wrap, .brand-logo-slider .wellcome-content-inner .common-wrap{max-width: 1180px;}
.wellcome-content-inner .brand-carousel-wrap{margin-top: 42px;}
/*.wellcome-content.skew-angle:before{bottom: -214px;height: 240px;-webkit-transform: skewY(-5.8deg);-moz-transform: skewY(-5.8deg);transform: skewY(-5.8deg);}
*/.client-video-item p{float: left; width: 100%; text-align: center;}
.lead-text-wrap{position: relative; padding: 0 160px; max-width: 1440px;}
.lead-text{max-width: 864px; margin: 0 auto; clear: both; text-align: center;}
.lead-text h4, .compliance-content .wellcome-content .lead-text p{color: #ffffff;}
.lead-text p, .workplace-content .compliant-wrap .lead-text p{font-size: 20px; line-height: 30px; color: #ffffff; font-weight: 300; font-family: 'hk_grotesklight', sans-serif; margin-top: 14px; float: left; width: 100%;}
.home-content .wellcome-content .lead-text h4, .home-content .wellcome-content .lead-text p, .brand-logo-slider .lead-text h4, .brand-logo-slider .lead-text p{color: #003C4C}
.home-content .news-slider{margin: -40px 0 40px}
.sugest-text, .sugest-text a{font-size: 22px; line-height: 30px; color: #e6e6e6; font-family: 'hk_groteskmedium', sans-serif; font-weight: 500; }
.sugest-text{max-width: 360px; margin: 29px auto 0; clear: both; display: inline-block;}
.sugest-text a{color: #40b3df;}
.srcl-icon{width: 50px; height: 30px; display: block; margin: 31px auto 0; cursor: pointer; }
.srcl-icon img{width: 19px; display: block; margin: 0 auto; float: none; }
.service-wrap{position: relative; z-index: 1; padding: 73px 0 44px;}
.skew:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f5f5f5; z-index: -1; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg); background: #f5f5f5; content: ''; }
.skew-angle:before{position: absolute; left: 0; width: 100%; height: 214px; background-color: #f6f9fc; content: ''; bottom: -32px; -webkit-transform: skewY(-2.9deg); -moz-transform: skewY(-2.9deg); transform: skewY(-2.9deg); z-index: -1;}
.what-we-do-wrap .lead-text p{color: #003C4C; margin-top: 20px;}
.what-we-do-wrap{position: relative;z-index: 1;padding: 100px 0 172px;}
.what-we-do-wrap .common-wrap{max-width: 1348px;}
.what-we-do-wrap .content-wrap h4{color: #003C4C}
.what-we-do-wrap.skew-angle:before{top: -7px; bottom: auto}
.col-wrap{display: flex; flex-flow: row; justify-content: center; margin-top: 43px;}
.col-item{display: flex; flex-flow: column;text-align: center; margin: 0 39.5px; width: 415px;}
.col-item:first-child{margin-left: 0}
.col-item:last-child{margin-right: 0}
.col-item h4{margin-top: 28px;}
.col-item p{margin-top: 23px;}
.col-item .content-wrap{margin-bottom: 30px;}
.col-item .btn-wrap{margin-top: auto;}
.what-we-do-wrap  .col-item img{max-width:115px;     margin: 0 auto;}
.brand-logo-slider{padding: 110px 0 10px;margin-top: -40px;}


/*Begin expert*/
.expert-partners-wrap {padding: 103px 0 150px;}
.expert-partners-wrap .common-wrap{max-width: 1165px;}
.expert-partners-wrap .lead-text p{color: #003C4C;   margin-top: 21px; font-size: 22px; font-family: 'hk_groteskregular', sans-serif;}
.expert-partners-wrap .partner-item-wrap{display: flex; flex-flow: row wrap; justify-content: center; align-items: center; float: left;width: 100%;margin-top: 81px;}
.expert-partners-wrap .partner-item-inner{padding: 29px 34px; display: flex;justify-content: center; flex-flow: row wrap;align-self: center;}
.expert-partners-wrap .partner-item{width: 48.460862%; background-color: #FFFFFF;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.15);}
.expert-partners-wrap .partner-item:first-child{margin-right: 3.07827616535%}
.expert-partners-wrap .partner-item img{max-width: 480px;     width: 100%;   height: auto;align-self: center;}

/*End Expert*/
.service-tab-nav-wrap{max-width: 940px; margin: 0 auto; clear: both;}
.service-tab-nav-item{width: 25%; float: left; position: relative; cursor: pointer;}
.service-nav-title figure{position: absolute; top: 50%; left: 9px; width: 37px; height: 39px; margin-top: -19.5px;}
.service-nav-title figure img{width: 100%;}
.service-nav-title span {font-size: 18px; color: #718490; float: left; padding-left: 50px; line-height: 23px; font-family: 'hk_grotesksemibold'; max-width: 195px;}
.service-nav-title{padding: 26px 13px; float: left; width: 100%; position: relative;}
.service-nav-title:after, .service-tab-nav-item.active .service-nav-title:before{position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #bdc6cc;; content: '';}
.service-tab-nav-item.active .service-nav-title:before{bottom: -1px; background: #003c4c; height: 2px; z-index: 1;}
.service-tab-nav-item.active .service-nav-title span{color: #003c4c;}
.service-content-wrap{float: left; width: 100%; margin-top: 76px;}
.service-content-item, .service-content-graphics, .bunny-graphics, .service-feature-content, .service-feature-item-wrap, .client-video-wrap{float: left; width: 100%;}
.service-content-item .lead-text p{color: #718490; margin-top: 25px;}
.graphics-title{display: inline-block; /*padding: 0 70px;*/ position: relative;}
.graphics-title .firstWord:before,.graphics-title:before{position: absolute; left: -64px; top: 6px; content: ""; width: 34px; height: 37px; background-position: left center;  background-size: contain; background-repeat: no-repeat; background-image: url('images/draas-icon.png');}
.graphics-title:before{opacity: 0; left: 50%; top: 0; margin-left: -17px;}
.service-content-item .btn-wrap a{width: 206px;}
.service-content-graphics img, .advisor-person img, .advisor-triger img, .brand-item img, .feature-item figure img, .assistant-trigger img, .assistant-content-wrap figure img{width: 100%;}
.bunny-1{margin-left: 9.65%; width: 22%; float: left; margin-top: 12px;}
.bunny-1 img{max-width: 286px; display: block; margin: 0 auto; clear: both; float: none;}
.bunny-2{width: 12.375%; float: left; margin-left: -5.25%; margin-top: 72px;}
.bunny-3{width: 21.0625%; float: right; margin-top: -79px;}
.service-main-graphics{width: 35.5625%; position: relative; margin-bottom: -150px; float: left; margin-top: 70px;}
.service-main-graphics img{max-width: 550px; margin: 0 auto; display: block; float: none; margin-left: 46px; }
.advisor-wrap{position: absolute; left: 0px; right: 0; top: 31.2%; max-width: 1440px;}
.advisor{width: 115px; text-align: center; margin-left: 10px; position: relative; z-index: 1;}
.advisor-person{float: left; width: 100%; position: relative;}
.advisor-person-figure{width: 115px; height: 115px; border-radius: 50%; overflow: hidden; float: left;}
.advisor-triger{width: 75px; position: absolute; bottom: -15px; left: -23px;}
.advisor span{font-size: 17px; line-height: 21px; color: #718490; font-family: 'hk_groteskbold'; display: block; padding-top: 15px; clear: both;}
.service-feature-wrap{padding: 179px 0 138px;}
.service-feature-wrap .common-wrap{max-width: 1070px;}
.service-feature-wrap .lead-text p{font-size: 22px; color: #003c4c; font-family: 'hk_groteskregular'; font-weight: 400; margin-top: 20px;}
.service-feature-item-wrap{margin-top: 58px; counter-reset: cunterItem}
.service-feature-item{width: 32.05128205128205%; float: left; margin: 0 0.9615384615384639%; padding-right: 20px;}
.service-feature-item:nth-child(3n+1), .client-video-item:nth-child(3n+1), .feature-item:nth-child(3n+1){margin-left: 0px;}
.service-feature-item:nth-child(3n+3), .client-video-item:nth-child(3n+3), .feature-item:nth-child(3n+3){margin-right: 0px;}
.service-avatar{width: 171px; height: 171px; border-radius: 50%; background-color: #f1f1f1; position: relative; }
.service-avatar:after{position: absolute; top: 50%; height: 1px; background-color: #0087ae; content: ''; margin-top: -.5px; width: 100%; right: -90%; z-index: -1;}
.service-avatar:before{width: 55px; height: 55px; background-color: #0087ae; counter-increment: cunterItem; content: "0" counter(cunterItem)""; display: block; border-radius: 50%; text-align: center; font-size: 26px; line-height: 55px; letter-spacing: -0.6px; position: absolute; top: 50%; margin-top: -27.5px; color: #ffffff; font-family: 'TradeGothicLT-BoldCondTwenty'; font-weight: 700; right: -81px;}
.service-avatar img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.service-avatar span{display: block; position: absolute; top: 50%; right: -90%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); height: 7px; width: 1px; background-color: #0087ae}
.service-feature-content p{margin-top: 16px; line-height: 25px;}
.service-feature-content a{line-height: 29px; margin-top: 26px; color: #0087ae; font-family: 'hk_grotesksemibold_italic', sans-serif; font-weight: 600; border-bottom: 1px solid #0087ae; font-style: italic; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
.service-feature-content a:hover{border-bottom: 1px solid transparent;}
.video-triger{float: left; width: 100%; margin-top: 84px; text-align: center;}
.video-triger figure{display: inline-block; vertical-align: middle; width: 62px; height: 62px;}
.video-triger figure img{width: 100%;}
.video-icon span{font-size: 22px; color: #003c4c; display: inline-block; vertical-align: middle; padding-left: 8px; line-height: 30px;}
.video-icon span strong{letter-spacing: 2.2px; color: #40b3df; font-family: 'hk_groteskmedium', sans-serif; font-weight: 500; font-size: 16px; padding-right: 10px;}

.middle-banner-wrap{position: relative; z-index: 2;padding: 135px 0 140px; background-color: #f2f2f2;}
.middle-banner-wrap.skew:after{background-color: #f2f2f2;}
.middle-banner-wrap.skew-angle:before{bottom: auto; top: -23px; height: 240px;}
.middle-banner-inner-wrap{background-color: #f2f2f2; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg); padding: 135px 0 236px;}
.middle-banner-wrap .lead-text{max-width: 100%}
.middle-banner-wrap .lead-text p{color: #718490; max-width: 864px;margin:36px auto 0; float: none;}
.middle-banner-wrap .sugest-text p{max-width: 100%}
.middle-banner-wrap .sugest-text{color: #003c4c; margin-top: 35px; float: left; width: 100%; max-width: 100%; font-family: 'hk_groteskregular';}
.middle-banner-wrap .sugest-text a{color: #0087ae; }
.middle-banner-wrap .btn-wrap, .features-inner-wrap .btn-wrap{margin-top: 45px;}
.middle-banner-wrap .btn-wrap{text-align: center; margin-top: 57px;}
.middle-banner-wrap .btn-wrap a{width: 250px;}

.why-cloud-wrap{padding: 98px 0 126px;position: relative;z-index: 2;background-color: #f5f5f5;}
.why-cloud-wrap .common-wrap{max-width: 1070px}
.why-cloud-services-wrap{margin-top: 72px; padding: 0 10px; float: left;width: 100%; display: flex;}
.why-cloud-services-wrap .why-cloud-services-item img{max-height: 53px;  margin: 0 auto; float: none;}
.why-cloud-services-item { width: 32.05128205128205%;  margin: 0 3.11871227364%; max-width: 298px; text-align: center; float: left;}
.why-cloud-services-item:first-child{margin-left: 0;}
.why-cloud-services-item:last-child{margin-right: 0;}
.why-cloud-wrap .btn-wrap{margin-top: 31px;text-align: center;}
.why-cloud-wrap .lead-text p{font-size: 22px; color: #003C4C; font-family: 'hk_groteskregular', sans-serif; margin-top: 20px}

.why-cloud-wrap.skew-angle:before{bottom: auto; top: -23px; height: 240px;}

/*.demo-text-wrapper.skew:after{background-color: #002639;background-image: url(images/Abstract-Pattern_Dark.jpg); background-attachment: fixed;}*/
.demo-text-wrapper, .cloud-text-wrapper{background-color: #fff; z-index: 2; padding: 100px 0 130px; position: relative;}
.demo-text-wrapper p, .demo-text-wrapper h4, .cloud-text-wrapper p, .cloud-text-wrapper h4{color: #003C4C}
/*.demo-text-wrapper.skew-angle:before{  top: -7px;bottom: auto;     -webkit-transform: skewY(-2.9deg); -moz-transform: skewY(-2.9deg);transform: skewY(-2.9deg);}*/
.demo-text-wrapper .btn-wrap, .cloud-text-wrapper .btn-wrap{text-align: center; margin-top: 40px}

/*.cloud-text-wrapper {z-index: 2; position: relative;}*/

.popular-resources-wrap{background-color: #f2f2f2;position: relative; z-index: 2; padding: 117px 0 126px;}
.popular-resources-wrap.skew-angle:before {bottom: auto;top: -23px;height: 240px;}
.popular-resources-wrap.skew:after {background-color: #f2f2f2;}
.popular-resources-wrap .lead-text{max-width: 908px; }
.popular-resources-wrap .lead-text p, .leadout-text p{color: #003c4c; margin-top: 35px; float: left; width: 100%; max-width: 100%; font-family: 'hk_groteskregular'; font-size: 22px;}

.popular-post-wrap{margin-top: 100px; float: left; width: 100%}
.leadout-text{text-align: center;}
.leadout-text p{margin-top: 41px;}
.leadout-text .btn-wrap{margin-top: 40px;}

.home-featured-form .feature-bg{ -webkit-transform: skewY(2.9deg);-moz-transform: skewY(2.9deg);transform: skewY(2.9deg);}
.home-featured-form .features-wrap.skew-angle:before{-webkit-transform: skewY(-2.9deg);-moz-transform: skewY(-2.9deg);transform: skewY(-2.9deg); background: #F6F9FC;}
.home-featured-form .feature-bg:before{content: none;}
.home-featured-form .hs-main-font-element{display: none;}
.home-featured-form .hbspt-form .hs-form-field > .input input[type="text"], .home-featured-form .hbspt-form .hs-form-field > .input input[type="tel"],.home-featured-form .hbspt-form .hs-form-field > .input input[type="email"],.home-featured-form .hbspt-form .hs-form-field > .input textarea, .flexible-form-wrap .hbspt-form .hs-form-field > .input select, .flexible-form-wrap .hbspt-form .hs-form-field > .input .selectric{font-weight: 700}

.brand-carousel-wrap{max-width: 1216px; padding: 0 75px; position: relative; margin-top: 39px;}
.brand-carousel-wrap .slick-slider{position: static; float: left; width: 100%;}
.brand-carousel-wrap .slick-list{max-width: 1044px; margin: 0 auto; position: static; }
.home-content .wellcome-content-inner .common-wrap{padding: 0 39px;}
.brand-carousel{float: left; width: 100%;}
.brand-carousel.slick-dotted.slick-slider{margin-bottom: 0px;}
.brand-item{width: 16.66666666666667%; padding: 0 17.5px; float: left;}
.brand-item:focus, .testimonial-slider-item:focus{outline: none;}
.brand-carousel .slick-arrow{width: 31px; height: 31px; border-radius: 50%; background-size: 31px; background-position: center; background-repeat: no-repeat; background-image: url('svgs/arrow-left.svg')}
.brand-carousel .slick-prev{left: 15px;}
.brand-carousel .slick-next{background-image: url('svgs/arrow-right.svg'); right: 15px;}
.client-video-wrap{margin-top: 67px;}
.client-video-item, .feature-item{float: left; width: 31.07074569789675%; margin: 0 1.696940726577438%}
.client-figure-wrap, .client-figure-wrap figure, .client-figure-wrap figure img{float: left; width: 100%;}
.client-figure-wrap{position: relative;}
.client-video-triger{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .16); z-index: 1;}
.client-video-inner{position: absolute; bottom: 0; left: 0; width: 100%; padding: 26px 20px; text-align: center;}
.client-video-icon{width: 28px; height: 28px; border-radius: 50%; display: block; margin: 0 auto;}
.client-video-inner h5{float: left; width: 100%; color: #ffffff; margin-top: 15px;}
.client-video-item p{padding: 16px 18px; color: #718490;}
.features-wrap{position: relative; z-index: 5; background-blend-mode: soft-light; background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 90px; }
.features-wrap.skew-angle:before{bottom: auto; top: -26px; background: #f6f9fc;}
.feature-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f2f2f2; background-blend-mode: soft-light; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; -khtml-opacityz: 0.1; filter: alpha(opacity=50); -moz-opacity:0.5;}
.feature-bg:after{position: absolute; top: -50px; left: 0; right: 0; width: 100%; background: #e3e3e3; content: ''; height: 90px; -webkit-transform: skew(0, 2.9deg); -ms-transform: skew(0, 2.9deg); -moz-transform: skew(0, 2.9deg); transform: skew(0, 2.9deg); }
.home-featured-form .feature-bg:after{content:none;}
.features-inner-wrap{position: relative; z-index: 2;}
.person-figure{position: relative; width: 183px; height: 183px; border-radius: 50%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); margin-top: -68px;}
.features-inner-wrap .lead-text{max-width: 864px; float: none; margin: 54px auto 0;}
.features-inner-wrap .lead-text p{color: #003c4c; font-size: 22px; line-height: 30px; margin-top: 25px; font-family: 'hk_groteskregular'; font-weight: 400;}
.features-inner-wrap .lead-text p strong{font-family: 'hk_groteskmedium', sans-serif; font-weight: 500; font-style: normal;}
.features-inner-wrap .btn-wrap a.btn{width: 301px; height: 67px; line-height: 62px;}
.features-item-wrap{float: left; width: 100%; margin-top: 62px;}
.feature-item figure{width: 95px; height: 95px; border-radius: 50%; clear: both; display: block; margin: 0 auto;}
.feature-item h6{font-size: 20px; color: #8c959c; font-family: 'hk_groteskmedium_italic', sans-serif; font-weight: 500; max-width: 150px; text-align: center; margin: 14px auto 0;}
.features-inner-wrap{position:relative;}
.assistant-wrap{position: fixed; bottom: 4px; right: 27px; z-index: 50;}
.assistant-trigger{width: 73px; height: 72px; border-radius: 50%; float: right; cursor: pointer; margin-top: 16px;}
.assistant-content-wrap{background-color: #ffffff; position: relative; border-radius: 11px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);  padding: 43px 50px 10px 30px;}
.assistant-content-wrap:after{position: absolute; bottom: -34px; right: 52px; background-image: url('images/help-arrow.png'); background-size: 25px 22px; background-repeat: no-repeat; background-position: center; content: ''; width: 51px; height: 46px;}
.assistant-content-wrap figure{width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 3px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.assistant-content-wrap p, .assistant-content-wrap textarea{font-size: 14px; color: #003c4c; letter-spacing: .5px; font-weight: 300; line-height: 20px; resize: none;}
.assistant-content-wrap textarea{font-weight: 600; border: 0px; padding: 0; background-color: inherit;}
.assistant-close{position: absolute; top: 13px; right: 14px; width: 16px; height: 16px; padding: 4px; cursor: pointer;}
.assistant-close:after, .assistant-close:before{position: absolute; width: 1px; height: 12px; background-color: #0087ae; content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.assistant-close:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

.home-featured-form.features-wrap{z-index: 2; margin-bottom: -44px; padding-bottom: 159px}
.home-featured-form .features-inner-wrap .lead-text{margin-top: 116px; }

.home-featured-form  .form-wrap{max-width: 864px;}
.form-inner{float:left;margin-top: 73px;background-color: #fff; display: flex; justify-content:center; border-radius: 7px;   box-shadow: 0 2px 17px 0 rgba(0,0,0,0.09); padding: 46px 71px 50px;width: 100%}
.gform_wrapper .hidden_label .gfield_label{opacity: 0; position: absolute;left: -99999px; width: 1px; height: 1px; }
.gform_wrapper .gform_body .gform_fields .gfield:nth-child(even).gf-clear{clear: both; margin-left: 0}
.home-featured-form .gform_wrapper .gform_body .gform_fields {position: relative;}
.gform_wrapper .gform_body .gform_fields .gfield.pos-ab-r{position: absolute;float: right;top: 67px; right: 0; }
.gform_wrapper .gform_body .gform_fields .gfield.pos-ab-r textarea{height: 116px}
.home-featured-form  .gform_heading{margin-bottom: 32px;}
.home-featured-form  .gform_heading h3{font-size: 30px; line-height: 42px;}
.home-featured-form .hbspt-form {width: 100%;}
.gform_wrapper .screen-reader-text, .gform_wrapper label.hidden_sub_label{border: 0;  clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px;margin: -1px; overflow: hidden;padding: 0;position: absolute; width: 1px;word-wrap: normal!important;}
/* End home */

/* Begin WhatWeDo-Compliance page */
.compliance-content .hero-inner{padding: 265px 0 348px; }
.hero-inner .common-wrap{max-width: 1434px;}
.hero-content{text-align: center;}
.compliance-content .hero-content p{letter-spacing: -0.4px;}
.compliance-content .hero-content .btn-wrap{margin-top: 25px;}
.compliance-content .hero-content .btn-wrap a{width: 280px;}
.news-article{padding-bottom: 132px; position: relative;}
.news-article .common-wrap{/*max-width: 1036px*/ max-width: 1075px;}
.news-article-figure{position: absolute; top: -125px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); max-width: 557px; width: 100%;}
.compliance-content .news-article-figure{top: -170px;}
.news-article-text, .workplace-content .news-article .lead-text{text-align: center; color: #003c4c; font-size: 22px; line-height: 30px; font-family: 'hk_groteskregular', sans-serif; font-weight: 400; max-width: 850px; margin: 180px auto 0;}
.compliance-content .wellcome-content{padding: 55px 0 211px 0;}
.btn-news{max-width: 642px; padding: 16px 21px 16px 29px; background-color: rgba(255, 255, 255, 0.04); color: #78d6f1; border-radius: 13px; font-family: 'hk_grotesksemibold', sans-serif; font-weight: 600; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 0 auto;}
.btn-news span{background: #0087ae; font-size: 10px; color: #ffffff; border-radius: 25px;letter-spacing: 1px; font-family: 'hk_groteskbold', sans-serif; font-weight: 700; width: 67px; height: 31px; line-height: 31px; display: inline-block; vertical-align: middle; text-transform: uppercase; -webkit-box-ordinal-group: 1; -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;}
.btn-news dfn{margin-left: 20px; width: -webkit-calc(100% - 87px); width: calc(100% - 87px); text-align: left; font-style: normal; display: inline-block; vertical-align: middle; font-family: 'hk_grotesksemibold', sans-serif; font-weight: 600; font-size: 15px; -webkit-box-ordinal-group: 2; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;}
.compliance-content .wellcome-content-inner h2{margin-top: 41px; float: left; width: 100%; color: #ffffff;}
.compliance-content .lead-text p, .compliance-content .team .lead-text p, .compliant-wrap .lead-text p{margin-top: 30px; font-size: 22px; line-height: 30px; color: #003c4c;  font-family: 'hk_groteskregular', sans-serif; font-weight: 400;}
.news-article-text p, .news-article-text p span{font-size: 22px; line-height: 30px;}
.news-article-text p span{font-family: 'CircularStd-Medium', sans-serif; font-weight: 500; margin-top: 33px; display: block;}
.news-article-text a span{float: none}
.news-article .btn-news{max-width: 508px; background: rgba(0, 135, 174, 0.08); color: #0087ae; margin-top: 42px; padding: 18px 21px 18px 30px; width: 100%;}
.news-article .btn-news span{height: 34px; line-height: 34px;}
.compliant-wrap{padding: 105px 0 155px; position: relative;}
.compliant-wrap.skew-angle:before{bottom: auto; top: -60px; height: 214px; background-color: #fbfbfb;}
.compliant-wrap .lead-text p{margin-top: 26px;}
.compliant-item-wrap{float: left; width: 100%; margin-top: 61px}
.compliant-item{float: left; width: 30.93869731800766%;margin: 0 1.724137931034483%;}
.compliant-item:first-child{margin-left: 0}
.compliant-item:last-child{margin-right: 0}
.compliant-item figure{width: 65px; float: left}
.compliant-item h5{width: 100%;float: left; margin-top: 26px}
.compliant-item p{width: 100%;float: left; margin-top: 18px; color: #718490}
.compliant-wrap .btn-wrap{float: left; width: 100%; text-align: center;  margin-top: 57px}
.compliant-wrap .btn{width: 313px;}
.team{width: 100%; padding: 122px 0 193px;}
.compliance-content .team .lead-text p{margin-top: 15px;}
.team .common-wrap{max-width: 892px}
.team-wrap{float: left; width: 100%; text-align: center; margin-top: 34px;}
.team-item{display: inline-block; max-width: 142px; margin: 0 27px}
.team-item:first-child{margin-left: 0}
.team-item:last-child{margin-right: 0}
.team-item img{width: 100%}
.team-text{float: left; width: 100%; text-align: center}
.team-text p, .preparation-wrap .lead-text p{margin-top: 28px; color: #718490; font-size: 20px; line-height: 30px; font-family: 'hk_grotesklight'; font-weight: 300}
.team .btn-wrap{margin-top: 40px;}
.team .btn{height: 67px; width: 279px;}
.compliance-content .testimonial-slider .slick-list{padding: 80px 0 104px;}
.preparation-wrap{padding: 153px 0 120px;}
.preparation-wrap .lead-text p{font-family: 'hk_groteskregular', sans-serif; font-weight: 400;}
.preparation-item-wrap{float: left; width: 100%; margin-top: 50px}
.preparation-item{float: left; width: 30.93869731800766%;margin: 0 1.724137931034483%;}
.preparation-item:first-child{margin-left: 0}
.preparation-item:last-child{margin-right: 0}
.preparation-item figure{width: 80px; margin: 0 auto}
.preparation-item figure img{width: 100%}
.preparation-item h6{color: #0070b6; font-size: 22px; line-height: 30px; font-family: 'CircularStd-Medium', sans-serif; font-weight: 500; margin: 0 auto; clear: both; max-width: 200px; padding-top: 10px; text-align: center;}
.compliance-content .features-inner-wrap{padding: 137px 0 74px;}
.compliance-content .features-wrap.skew-angle:before, .compliance-content .feature-bg:after, .siterecovery-content .features-wrap.skew-angle:before, .siterecovery-content .feature-bg:after, .siterecovery-content .features-wrap.skew-angle:before{background-color: #fbfbfb;}
.ex-link{font-size: 14px; line-height: 25px; color: #003c4c; margin-top: 16px; display: block;}
.ex-link a{text-decoration: underline;  color: #003c4c; }
.ex-link a:hover{text-decoration: none;}
.compliance-content .features-inner-wrap .btn-wrap a.btn, .workplace-content .features-inner-wrap .btn-wrap a.btn, .datacentre-content .features-inner-wrap .btn-wrap a.btn{width: 315px;}
.reading-wrap{background: #f5f5f5; padding: 61px 0 79px;}
.reading-wrap .common-wrap{max-width: 1005px}
.reading-wrap h4{color: #003c4c; text-align: center;}
.reading-item-wrap{float: left; width: 100%; margin-top: 39px}
.reading-item{float: left; width: 29.8155737704918%; margin: 0 2.638319672131148%}
.reading-item:first-child{margin-left: 0}
.reading-item:last-child{margin-right: 0}
.reading-item figure{float: left; width: 100%; position: relative;}
.reading-item figure img{width: 100%}
.play-icon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.16); z-index: 1; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; opacity: 0; visibility: hidden; -webit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; }
.reading-item figure a img{width: 62px; height: 62px; display: block; margin: 0 auto; position: relative; float: none;}
.reading-item h6{text-align: center; float: left; width: 100%; margin-top: 15px}
.reading-item h6 a{color: #0087ae; font-family: 'hk_groteskregular', sans-serif; font-weight: 400; }
.reading-item p{text-align: center; font-size: 20px; line-height: 30px; color: #003c4c; float: left; width: 100%; padding: 0 10px; margin-top: 5px;}
/* End WhatWeDo-Compliance page */

/* Begin workplace */
.workplace-content .hero-inner{padding: 265px 0 372px;}
.workplace-content .hero-content a{width: 342px;}
.datacentre-content .hero-content a{width: 368px;}
.workplace-content .wellcome-content{padding: 54px 0 180px;}
.workplace-content .wellcome-content .lead-text .btn-news{max-width: 578px;}
.workplace-content .wellcome-content .lead-text h2{margin-top: 45px; color: #ffffff;}
.workplace-content .wellcome-content .lead-text p:nth-child(3){margin-top: 25px;}
.workplace-content .wellcome-content .lead-text p, .workplace-content .compliant-wrap .lead-text p, .workplace-content .features-inner-wrap .lead-text p{margin-top: 30px;}
.workplace-content .news-article{padding-bottom: 146px;}
.workplace-content .news-article .common-wrap{max-width: 1072px;}
.news-article-item-wrap, .siterecovery-content .preparation-item-wrap{float: left; width: 100%; margin-top: 50px; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around;}
.news-article-item{float: left; width: 32.14285714285714%; margin: 0 0.8928571428571429%; margin-top: 61px; position: relative; }
.workplace-content .news-article-item{padding-bottom: 58px;}
.workplace-content .news-article .lead-text{margin: 274px auto 0;}
.news-article-item:nth-child(-n+3), .siterecovery-content .news-article-item:nth-child(-n+3){margin-top: 0px;}
.news-article-item:nth-child(3n+1){margin-left: 0}
.news-article-item:nth-child(3n+3){margin-right: 0}
.workplace-content .news-article-item:nth-last-of-type(-n+3){padding-bottom: 68px;}
.news-article-item h5{float: left; width: 100%; margin-top: 15px}
.news-article-item p{float: left; width: 100%; margin-top: 15px; padding-right: 10px;}
.news-article-item a, .siterecovery-content .compliant-item-text a{float: left; display: block; border-bottom: 1px solid #0087ae; color: #0087ae; position: absolute; bottom: 0;  font-family: 'hk_grotesksemibold_italic', sans-serif; line-height: 36px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in;}
.news-article-item a:hover, .siterecovery-content .compliant-item-text a:hover, .siterecovery-content .preparation-item a:hover{border-bottom: 1px solid transparent;}
.workplace-content .news-article .btn-wrap{margin-top: 84px; text-align: center;}
.workplace-content .news-article .btn-wrap a{width: 217px;}
.workplace-content .compliant-wrap{padding: 125px 0 167px;}
.compliant-wrap.skew-angle:before{top: -55px;}
.workplace-content .compliant-wrap .lead-text{max-width: 850px;}
.workplace-content .compliant-wrap .lead-text p{color: #718490;}
.workplace-content .compliant-wrap .lead-text p:nth-child(2){margin-top: 23px;}
.compliant-image{width: 100%; max-width: 1400px; margin: 49px auto 0; clear: both;}
.compliant-image img{width: 100%}
/*.compliant-wrap .btn-wrap{margin-top: 0}*/
.workplace-content .compliant-wrap .btn{width: 301px;}
.workplace-content .testimonial-slider .slick-list{padding: 80px 0 103px;}
.workplace-content .features-wrap{padding: 96px 0 137px;}
.workplace-content .features-inner-wrap .lead-text{max-width: 700px;}
.workplace-content .features-inner-wrap .lead-text h2{max-width: 610px; margin: 0 auto; clear: both;}
.workplace-content features-inner-wrap .btn-wrap{margin-top: 54px;}
.promotion{width: 100%; color: #003c4c; font-size: 22px; line-height: 30px; font-family: 'CircularStd-Medium', sans-serif; font-weight: 500; margin: 0 auto; clear: both; max-width: 600px; padding-top: 30px; display: block;}
.workplace-content .preparation-wrap{padding: 174px 0 124px;}
.workplace-content .preparation-wrap .lead-text p{font-family: 'hk_grotesklight'; font-weight: 300; margin-top: 30px;}
.workplace-content .preparation-wrap .promotion{padding-top: 59px; max-width: 510px;}
.workplace-content .preparation-item-wrap{margin-top: 72px;}
.workplace-content .features-inner-wrap .btn-wrap{margin-top: 59px;}
.workplace-content .compliant-wrap .btn-wrap{margin-top: 63px;}
/* End workplace */

/* Begin DataCentre */
.datacentre-content .hero-inner{padding: 265px 0 370px; }
.datacentre-content .hero-inner .common-wrap{max-width: 1410px;}
.datacentre-content .wellcome-content{padding: 53px 0 322px;}
.datacentre-content .hero-content .btn-wrap, .workplace-content .hero-content .btn-wrap{margin-top: 33px;}
.datacentre-content .btn-news{max-width: 518px;}
.datacentre-content .wellcome-content .lead-text h2{font-size: 45px; line-height: 52px; letter-spacing: -0.6px; color: #ffffff; margin-top: 41px}
.datacentre-content .wellcome-content .lead-text p{margin-top: 38px;}
.compliant-video-wrap{position: relative; padding: 172px 0 103px;}
.compliant-video-wrap .common-wrap{max-width: 930px}
.compliant-video{position: absolute; top: -260px; left: 50%; max-width: 905px; width: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
.compliant-video:before{position: absolute; bottom: -82px; left: 50%; width: 100%; max-width: 600px; height: 50px; content: ''; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); background-image: url('svgs/shadow.svg'); background-repeat: no-repeat; background-position:  center center; background-size: contain; background-color: #f5f5f5; background-blend-mode: multiply;}
.compliant-video figure{float: left; width: 100%; background-color: #0b536e;}
.compliant-video img{width: 100%; opacity: .28;}
.compliant-video-content{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around;  -webkit-box-align: center; align-items: center;}
.compliant-video-content > div{max-width: 470px; text-align: center; margin-top: 44px;}
.compliant-video-content a{width: 34px; height: 49px; }
.compliant-video-content img{opacity: 1; width: 100%;}
.compliant-video-content h3{letter-spacing: 1px;  font-family: 'hk_groteskregular', sans-serif; font-weight: 400; margin-top: 16px; color: #ffffff; text-transform: uppercase;}
.compliant-video-wrap .lead-text{max-width: 830px; margin-top: 175px;}
.compliant-video-wrap h4{color: #003c4c; }
.compliant-video-wrap .lead-text p{color: #718490; margin-top: 26px;}
.lead-logo{max-width: 260px; width: 100%; margin: 0 auto; padding-top: 35px; clear: both;}
.lead-logo img{width: 100%;}
.compliant-video-wrap .btn-wrap{margin-top: 38px; text-align: center}
.compliant-video-wrap .btn{width: 192px; height: 67px; line-height: 63px;}
.datacentre-content .news-article{padding: 132px 0 146px;}
.news-article-item figure{width: 65px; height: 65px; border-radius: 50%; background-color: #f5f5f5;}
.datacentre-content .news-article-item-wrap{margin-top: 77px;}
.datacentre-content .news-article-item{margin-top: 45px;}
.datacentre-content .news-article-item p{margin-top: 20px;}
.datacentre-content .news-article-item:nth-child(-n+3){margin-top: 0;}
.datacentre-content .news-article .btn-wrap{margin-top: 90px; text-align: center}
.datacentre-content .news-article .btn-wrap a{width: 172px;}
.datacentre-content .compliant-wrap .lead-text p{ font-family: 'hk_grotesklight', sans-serif; margin-top: 33px; font-size: 20px; line-height: 30px;}
/*.datacentre-content .news-article .common-wrap{max-width: 1075px;}*/
.datacentre-content .compliant-wrap{padding: 127px 0 7px;}
.datacentre-content .compliant-wrap-inner{background: #f5f5f5;}
.datacentre-content .compliant-image{margin-top: 64px; max-width: 1070px;}
/*.datacentre-content .compliant-video-wrap h4{max-width: 530px; margin: 0 auto;}*/
.datacentre-content .compliant-wrap .btn-wrap{margin-top: 63px; margin-bottom: -33.5px;}
.datacentre-content .compliant-wrap .btn-wrap a{margin: 0 10px;}
.datacentre-content .compliant-wrap .btn-wrap a:first-child{width: 313px;}
.datacentre-content .compliant-wrap .btn-wrap a:last-child{width: 232px; position: relative; background-color: #002639; border-color: #002639; padding-left: 40px; text-align: left;}
.datacentre-content .compliant-wrap .btn-wrap a:last-child:after{background-image: url('svgs/support-icon.svg'); background-repeat: no-repeat; background-position: center center; background-size: 36px 28px; position: absolute; top: 50%; right: 27px; margin-top: -18px; content: ''; width: 36px; height: 28px;}
.datacentre-content .compliant-wrap .btn-wrap a:last-child:hover{background-color: #002639; color: #ffffff;}
.datacentre-content .compliant-wrap .btn-wrap a:first-child:hover, .siterecovery-content .compliant-video-wrap .btn-wrap .btn:hover{background-color: #fe4310; color: #ffffff;}
.preparation-know-wrap{background-color: #ffffff; padding: 154px 0 197px;}
.preparation-know-wrap .lead-text p{color: #003c4c; font-size: 22px; line-height: 30px; font-family: 'hk_groteskregular', sans-serif; margin-top: 25px;}
.preparation-know-wrap .lead-text a{width: 195px; margin-top: 40px;}
.preparation-wrap-image{float: left; width: 100%; margin-top: 13px;}
.preparation-wrap-image img{width: 100%}
.datacentre-content .preparation-wrap{padding: 118px 0 128px;}
.datacentre-content .preparation-wrap .lead-text{max-width: 852px}
.datacentre-content .preparation-wrap .lead-text p{margin-top: 32px;}
.datacentre-content .preparation-wrap span{margin-top: 31px; color: #003c4c; font-size: 22px; line-height: 30px;font-family: 'CircularStd-Medium'; font-weight: 500; float: left; width: 100%;}
.preapation-wrap-icon{float: left; width: 100%; margin-top: 68px;}
.preapation-wrap-icon figure{width: 49px; display: block; margin: 0 auto;}
.preapation-wrap-icon figure img{width: 100%;}
.preapation-wrap-icon h6{float: left; width: 100%; text-align: center; font-size: 22px; line-height: 30px; color: #0070b6; font-family: 'CircularStd-Medium'; margin-top: 29px;}
.datacentre-content .testimonial-slider .slick-list{padding: 80px 0 105px;}
.datacentre-content .features-wrap{padding: 119px 0 145px;}
.datacentre-content .features-wrap.skew-angle:before, .datacentre-content .features-wrap .feature-bg:after, .workplace-content .features-wrap.skew-angle:before, .workplace-content .features-wrap .feature-bg:after{background: #fbfbfb;}
.datacentre-content .features-inner-wrap .lead-text p{margin-top: 31px;}
.datacentre-content .features-inner-wrap .btn-wrap{margin-top: 55px;}
/* End DataCentre */

/* Begin siterecovery-content page */
.siterecovery-content .hero-inner{padding: 240px 0 348px;}
.siterecovery-content .hero-content{margin-left: 65px;}
.siterecovery-content .wellcome-content{padding: 54px 0 293px;}
.siterecovery-content .hero-content .btn-wrap{margin-top: 30px;}
.siterecovery-content .play-btn{margin-top: 7%; margin-right: 17.5%;}
.siterecovery-content .btn-news{max-width: 550px;}
.siterecovery-content .wellcome-content .lead-text h2{color: #ffffff; margin-top: 41px}
.siterecovery-content .wellcome-content .lead-text p{margin-top: 37px;}
.compliant-figure-wrap{float: left; width: 100%; position: relative;}
.compliant-figure-wrap .btn-wrap{text-align: center; position: absolute; bottom: 0; transform: translateY(50%);}
.siterecovery-content .compliant-video-wrap{padding: 172px 0 114px;}
.siterecovery-content  .compliant-video{top: -241px;}
.siterecovery-content .compliant-video:before{background-color: #ffffff;}
.compliant-video-text{max-width: 346px; margin: 0 auto; text-align: center;clear: both; padding: 180px 0 0;}
.compliant-video-text p{padding-bottom: 76px;}
.compliant-video-text p span{display: block; text-transform: uppercase; font-family: 'hk_groteskregular';}
.siterecovery-content .compliant-video-wrap .btn-wrap{position: absolute; bottom: 0; left: 0; width: 100%; max-width: 100%;-webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%);}
.compliant-video-text p{color: #003c4c; font-size: 17px; line-height: 22px; font-family: 'hk_groteskmedium'; font-weight: 500; position: relative;}
.compliant-video-text p:before{position: absolute; bottom: 0; content: '“'; font-size: 120px; line-height: normal; letter-spacing: -1.4px; color: #fe4310; font-family: 'CircularStd-Book', sans-serif; line-height: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
.siterecovery-content .compliant-video-wrap .common-wrap, .siterecovery-content .news-article .common-wrap{max-width: 1072px;}
.complaint-item-wrap{float: left; width: 100%; margin-top: 56px;}
.complaint-item-wrap h2{text-align: center}
.complaint-item-wrap h6{margin-top: 20px; text-align: center; color: #003c4c; font-size: 22px; line-height: 30px; font-family: 'hk_groteskregular'; font-weight: 400}
.siterecovery-content .compliant-item{width: 100%; position: relative; max-width: 669px; margin: 85px auto 0; clear: both; float: none;}
.siterecovery-content .compliant-item h5{margin-top: 0px;}
.siterecovery-content .compliant-item figure{width: 111px; float: left; position: absolute; left: 0; top: 0;}
.siterecovery-content .compliant-item figure img{width: 100%;}
.siterecovery-content .compliant-item p span{color: #003c4c; font-family: 'hk_grotesksemibold_italic'; font-style: italic;}
.compliant-item-text{float: left; padding-left: 172px;}
.compliant-item-text p{margin-top: 25px;}
.siterecovery-content .compliant-item-text a{position: relative; bottom: auto; left: auto; top: auto; right: auto; margin-top: 15px;}
.server-cost{background-color: #002639; padding: 72px 0 88px; text-align: center;}
.news-article .btn-wrap,.server-cost .btn-wrap{margin-top: 23px; float: left; width: 100%; text-align: center;height: 67px;border-radius: 33px}
.server-cost .btn{width: 247px}
.server-cost h5{color: #ffffff; letter-spacing: -0.6px; font-family: 'CircularStd-Bold'; font-weight: 500; line-height: 30px;}
.siterecovery-content .news-article-item-wrap{margin-top: 65px;}
.siterecovery-content .news-article{background-color: #f5f5f5; padding: 84.5px 0 161px;}
.siterecovery-content .news-article-item-warp{margin-top: 33px}
.siterecovery-content .news-article-item{margin-top: 34px}
.news-article .btn-wrap{margin-top: 80px}
.news-article .btn{width: 305px}
.siterecovery-content .preparation-wrap{padding: 127px 0 151px;}
.siterecovery-content .preparation-wrap .common-wrap{max-width: 1069px}
.siterecovery-content .preparation-item-wrap{margin-top: 62px;}
.siterecovery-content .preparation-item{width:31.02785782901057%; margin: 0 1.729106628242075%; text-align: center; padding-bottom: 50px; position: relative; line-height: 31px;}
.siterecovery-content .preparation-wrap .lead-text p{margin-top: 34px;}
.siterecovery-content .preparation-item:first-child{margin-left: 0}
.siterecovery-content .preparation-item:last-child{margin-right: 0}
.siterecovery-content .preparation-item figure{width: 169px}
.siterecovery-content .preparation-item figure img{width: 100%}
.siterecovery-content .preparation-item  h6{float: left; width: 100%; padding-top: 22px; font-size: 24px; color: #0070b6; font-family: 'hk_groteskbold', sans-serif; font-weight: 700; max-width: 100%;}
.siterecovery-content .preparation-item p{float: left; width: 100%; margin-top: 16px; line-height: 22px;}
.siterecovery-content .preparation-item .btn-wrap{position: absolute; bottom: 0; left: 0; width: 100%; }
.siterecovery-content .preparation-item a{border-bottom: 1px solid #0070b6; color: #0070b6; bottom: 0; font-family: 'hk_grotesksemibold_italic', sans-serif; font-style: italic; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in;}
.siterecovery-content .compliant-vedio-wrap .common-wrap{max-width: 1062px}
.siterecovery-content .compliant-vedio-wrap{background-color: none}
.testimonial-slider{float: left; width: 100%; position: relative; z-index: 1;}
.testimonial-slider.skew:after{background-color: #002639;}
.testimonial-slider .slick-list{padding: 80px 0 100px; margin-top: -71px;}
.testimonial-slider-inner{max-width: 864px; margin: 0 auto}
.testimonial-slider-item{float: left;width: 100%; position: relative; text-align: center;}
.testimonial-slider-round{margin: 0 auto; width: 142px; top:-74px ; left: 50%; margin-left: -71px;position: absolute}
.testimonial-slider-text{float: left; width: 100%; text-align: center; margin-top: 92px;}
.testimonial-slider-text blockquote{font-size: 36px; line-height: 52px; letter-spacing: -0.4px; color: #ffffff;font-family: 'CircularStd-Medium', sans-serif; max-width: 864px; margin: 0 auto; clear: both; position: relative; padding: 0 10px;}
.firstWord, .lastWord{position: relative; }
blockquote .firstWord:after, blockquote .lastWord:before{position: absolute; top: 0; left: -15px; content: '"'; font-size: 36px; line-height: 42px; letter-spacing: -0.4px; color: #ffffff;font-family: 'CircularStd-Medium', sans-serif;}
blockquote .lastWord:before{left: auto; right: -15px;}
.client-name{text-align: center; padding-top: 74px; position: relative; display: inline-block;}
.client-name h6{font-size: 22px; line-height: 30px; color: #40b3df;}
.client-name:after{position: absolute; content: "“"; top: -6px; left: 50%; font-size: 120px; font-family: 'CircularStd-Book', sans-serif; color: #40b3df; letter-spacing: -1.4px; line-height: 120px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); margin-top: 25px;}
.testimonial-slider .slick-arrow{background-position: center center; background-repeat: no-repeat; width: 33px; height: 33px; ; background-size: 33px; z-index: 5;}
.testimonial-slider .slick-prev, .testimonial-slider .slick-prev:hover, .testimonial-slider .slick-prev:focus{background-image: url('svgs/arrow-left.svg')}
.testimonial-slider .slick-next, .testimonial-slider .slick-next:hover, .testimonial-slider .slick-next:focus{background-image: url('svgs/arrow-right.svg')}
.testimonial-slider .slick-prev, .testimonial-slider .slick-next{left: 15px; top: 41%;}
.testimonial-slider .slick-next{right: 15px; left: auto;}
.siterecovery-content .testimonial-slider .slick-list{padding: 80px 0 105px;}

.siterecovery-content .features-wrap.skew-angle:before{top: -10px;}
.siterecovery-content .features-wrap{padding: 108px 0 141px;}
.siterecovery-content .features-inner-wrap .lead-text h2{max-width: 480px; margin: 0 auto; clear: both;}
.siterecovery-content .features-inner-wrap .btn-wrap{margin-top: 61px;}
.siterecovery-content .features-inner-wrap .btn-wrap a.btn{width: 266px;}
/* End siterecovery-content page */

.assistant-content-wrap{display: none;}

/* Begin footer */
.footer-area{background-color: #002639; padding: 94px 0 0;}
.footer-area .common-wrap{max-width: 1348px;}
.footer-input-wrap{max-width: 476px; margin: 0 auto; clear: both; text-align: center;}
.footer-input-wrap h4, .footer-widget ul li:hover a, .footer-input-wrap .gform_title{color: #ffffff;}
.footer-input-wrap form{float: left; margin-top: 19px; width: 100%;}
.footer-input-wrap .input-wrap{width: 48.52941176470588%; float: left; margin: 9px 1.470588235294118%; }
.footer-input-wrap .input-wrap:nth-child(2n+1){margin-left: 0px;}
.footer-input-wrap .input-wrap:nth-child(2n+2){margin-right: 0px;}
.footer-input-wrap .submit-wrap{margin-top: 9px; float: left; width: 100%;}
.footer-bottom-wrap{float: left; width: 100%;  position: relative;}
.footer-input-wrap + .footer-bottom-wrap {margin-top: 80px;}
.footer-widget-wrap{float: right; width: 64.81060606060606%;}
.footer-widget:nth-child(4n+1){padding-left: 0px;}
.footer-widget:nth-child(4n+4){padding-right: 0px;}
.footer-widget{float: left; width: 29%; padding: 0 7.5px;}
.footer-widget h6{font-size: 13px; line-height: 17px; color: #0087ae; font-family: 'hk_groteskbold';}
.footer-widget ul{margin-top: 21px;}
.footer-widget ul li a{color: #919191; line-height: 30px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.social-partner{width: 35.18939393939394%; float: left; padding-left: 10px;}
.footer-social-wrap, .partner-wrap, .copy-right-area{float: left; width: 100%;}
.footer-social-wrap{font-size: 0; line-height: 0;}
.footer-social-wrap a{width: 34px; height: 34px; margin: 0 4px;}
.partner-wrap{margin-top: 47px;}
/*.partner-wrap figure{width: 28.393195%; float: left; border-right: 1px solid #ffffff;}*/
.partner-wrap figure{width: 50%; float: left; }
.partner-wrap img, .footer-social-wrap a img{width: 100%;}
.feature-list{float: left; width: 71%; padding-left: 10px; margin-top: -10px;}
.feature-list li{font-size: 10px; line-height: 14px; color: #919191;}
.copy-right-area{padding: 23px 0 46px; border-top: 1px solid #464646; margin-top: 59px; text-align: center;}
.copy-right-area p, .copy-right-area a{font-size: 11px; color: #919191; line-height: 31px; letter-spacing: .5px}
.copy-right-area p span{line-height: 27px;}
.copy-right-area a:hover, .reading-item h6 a:hover, .middle-banner-wrap .sugest-text a:hover, .sugest-text a:hover{text-decoration: underline;}

/*Gravity Forms*/
.gform_fields {display: flex;flex-flow: row wrap;justify-content: space-between;}
.footer-input-wrap .gform_title{font-size: 30px;line-height: 42px; letter-spacing: -0.4px; margin-bottom: 25px;}
.gform_wrapper .gform_body .gform_fields .gfield.full-width-gfield{width: 100%;margin-left: 0 !important}
.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none!important; position: absolute!important; left: -9000px;}
.footer-input-wrap  .gform_wrapper .gform_footer input[type=submit]{height: 46px}
.footer-input-wrap  .gform_wrapper .gform_body .gform_fields .gfield.gfield_html{padding: 0}
.footer-input-wrap .gform_wrapper .gform_footer{margin-top: 0}

/* End footer */



/*New Footer*/
.footer-bottom-wrap.form-rem{margin-top: 0}


#roadmap{
        padding: 103px 0 30px;
}

  .roadmap-image{
    position:relative;
    display:flex;
        padding: 5em 0;
  }
  .roadmap-image::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    z-index: -1;
    -webkit-transform: skewY(2.9deg);
    -moz-transform: skewY(2.9deg);
    transform: skewY(2.9deg);
    background: #f5f5f5;
    content: '';
  }
  .roadmap-image .roadmap-mobile{
     display:none !important;
  }
  .roadmap-desktop{
     width:80%;
     display:block;
     margin:auto;
  }

  .btn-wrap .btn-ai{
    margin: 4em auto 6em;
    display: block !important;
    width: max-content !important;
  }

  @media(max-width:500px){
    .roadmap-desktop{
       display:none !important;
    }
    .roadmap-image .roadmap-mobile{
       display:flex !important;
                 width:100%;
    }
  }


.password-protect-section{padding: 200px 0}

/* =======================================================================================================
============================================ Responsive style ========================================== */

/*    Mobile Layout: 320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {

    .mobi {display: block;}
    .desk {display: none;}
    input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
    
    /* home */
    h1, .hero-content h1, .home-content .hero-content h1, .datacentre-content .hero-content h1{font-size: 28px; line-height: 32px; letter-spacing: -.4px;}
    h2, .datacentre-content .wellcome-content .lead-text h2, .siterecovery-content .wellcome-content .lead-text h2{font-size: 32px; line-height: 36px;}
    h4{font-size: 26px; line-height: 32px; letter-spacing: -.2px;}
    h5{font-size: 22px;}
    .btn{height: 60px; line-height: 55px; font-size: 15px; }
    .common-wrap{padding: 0 48px;}
    .desktop{display: none;}
    .mobi, .hero-wrap.mobi{display: block;}
    .main-wrap{overflow: hidden;}
    .call-wrap span:after{opacity: 0;}
    .header-area{padding: 0px;}
    .header-area .common-wrap{padding: 0px;}
    .logo-wrap{float: left; width: 100%; padding: 16px 20px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;}
    .header-area.downScl .logo-wrap{padding: 5px 20px;}
    .logo-wrap .main-logo{width: 154px; margin-left: 15px;}
    .phone-icon{position: absolute; top: 35px; right: 38px; width: 23px; cursor: pointer; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;}
    .header-area.downScl .phone-icon{top: 22px;}
    .phone-icon span{display: block; width: 100%; height: 2px; background-color: #0087ae; margin-top: 5px;}
    .phone-icon span:first-child, .service-tab-nav-item:first-child, .footer-widget:first-child, .service-feature-content, .service-feature-item:first-child, .compliant-item:first-child, .preparation-item:first-child, .reading-item:first-child{margin-top: 0px;}
    .navigation-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100vh; max-height: 100vh; overflow-y: auto; background-color: rgba(0, 0, 0, 0.25); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .navigation-inner-wrap{position: absolute; top: 0; right: -100%; width: 100%; height: 100%; max-height: 100vh; overflow-y: auto; background-color: #ffffff; padding: 24px 31px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
    .open .navigation-inner-wrap{right: 0;}
    .call-wrap{display: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; padding: 17px 0; border-bottom: 1px solid #dadada;}
    .call-wrap{float: left; width: 100%; margin-top: 0px;}
    .call-wrap span{position: absolute;}
    .call-wrap a{padding-left: 60px; padding-right: 0; float: left; width: 100%;}
    .main-nav{width: 100%; margin-top: 14px; border-top: 2px solid #dadada;}
    .main-nav > ul > li{padding: 0; display: block; float: left; width: 100%; border-bottom: 2px solid #dadada;}
    .main-nav > ul > li a{width: 100%; padding: 15px 22px 15px 0;}
    .main-nav > ul > li:first-child{display: block;}
    .Submenu:after{top: 20px;}
    .main-nav > ul > li > ul,
    .main-nav li.SubSubmenu ul{float: left; width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; margin: 5px 0 0; padding: 0px; opacity: 1; visibility: visible; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; display: none;}
    
    .main-nav > ul > li > ul:after,
    .main-nav li.SubSubmenu ul:after{display: none;}
    .main-nav > ul > li > ul > li{margin: 5px 0;}
    .sub-menu-icon{display: none;}
    .main-nav > ul > li > ul a{line-height: 20px; padding-left: 0px; padding-right: 0;}    
    .get-btn{float: left; width: 100%; border-top: 2px solid #dadada; }
    .get-btn a{margin-top: 35px; background-color: #0087ae; border: 1px solid #0087ae; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #ffffff;}
    .get-btn a:hover{background-color: transparent; color:  #0087ae;}
    .menu-close{position: relative; width: 35px; height: 35px; padding: 0 2px; }
    .menu-close:after, .menu-close:before{position: absolute; width: 1px; height: 16px; background-color: #0087ae; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: ''; left: 50%; top: 50%; margin-top: -8px;}
    .menu-close:before{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}    





    .Submenu > a:after { background-size: 16px 10px; width: 16px; height: 10px; top: 25px;}
  .mobile-menu-topbar {float: left; width: 100%; display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; margin-bottom: 25px;}
.mobile-menu-topbar .mobile-menu-logo  a img {width: 151px;}
  .nav-right{width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}
    .mobile-call-wrap {float: left; width: 100%; position: relative; padding:10px 0 10px 20px; background-image: url(svgs/Phone.svg);
    background-repeat: no-repeat;
    background-size: 11px 17px;
    background-position: left;}
    .mobile-call-wrap p {margin-right: 10px;}
    .mobile-call-wrap p, .mobile-call-wrap a {float: left; width: auto; font-size: 16px; font-weight: 300; color: #003c4c;  }
    .mobile-call-wrap a {font-family: 'FrutigerLT-Light', sans-serif;}






    .hero-wrap{height: auto; min-height: 300px;}
    .home-content .hero-wrap{background-image: none !important;}
    .hero-wrap .common-wrap, .home-content .hero-inner .common-wrap{float: left; width: 100%; height: 100%; padding: 0px;}
    .hero-inner, .datacentre-content .hero-inner, .compliance-content .hero-inner, .siterecovery-content .hero-inner, .workplace-content .hero-inner{padding-top: 154px; padding-bottom: 0;}
    .hero-content{float: left; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px 37px 48px; /*height: 100%; height: 100vh;*/}
    .bg-image{display: block;}
    .hero-content p{display: none;}
    .home-content .hero-content p, .home-content .hero-content p br, .home-content  .hero-wrap .hero-content h1 br{display: block}
    .home-content .hero-content p br:first-of-type{display: none;}
    .home-content .hero-content p{font-size: 14px; line-height: 20px;}
    .hero-content h1{max-width: 210px; text-align: left;}
    .home-content .hero-content .btn-wrap, .hero-content .btn-wrap, .compliance-content .hero-content .btn-wrap{margin-top: 167px;}
    .hero-content a{width: 231px; height: 60px; line-height: 55px; float: left;}
    .video-wrap{float: left; width: 100%; padding: 39px 37px 51px; background-color: #ffffff;}
    .video-wrap p{display: block;}
    .play-btn{float: left; width: 100%; margin-top: 32px;}
    .play-btn img{width: 43px; height: 43px;}
    .play-btn span{display: block;}
    .tell-more{display: none;}        
    .wellcome-content{margin-top: 0px; padding: 53px 0 65px; background-image: none; top: -10px; z-index: 2}

    .megamenu-coloumn-title{display: inline-block; width: 100%;}
    .megamenu-coloumn-title img{margin-right: 10px; max-width: 40px; filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));}
    .megamenu-coloumn-title p{font-family: 'CircularStd-Book', sans-serif; font-size: 15px;line-height: 40px; color: #003c4c;pointer-events: initial;}
    .main-nav .megamenu li.SubSubmenu ul    {margin: 10px 0;}
    .main-nav .megamenu li.SubSubmenu ul > li{padding-left: 15px;}

    .wellcome-content .lead-text h4{font-size: 22px;letter-spacing: -0.24px;}
    .wellcome-content-inner .common-wrap{padding: 0 24px; margin-top: 5px}
    .brand-item{min-height: 85px;}
    .wellcome-content .lead-text p,  .workplace-content .compliant-wrap .lead-text p{font-size: 20px;}
    .lead-text p, .service-feature-content p{margin-top: 37px;}
    .wellcome-content-inner .sugest-text{margin: 38px auto 0;}
    .srcl-icon{margin-top: 34px;}
    .sugest-text a{display: inline;}    
    .service-inner-wrap{padding: 68px 0 86px;}
    .service-inner{padding: 0 45px;}
    .service-tab-nav-item{float: left; width: 100%; /*background-color: #ffffff;*/ margin-top: 20px;}
    /*.service-tab-nav-item.active .service-nav-title, */.service-nav-title:after, .service-tab-nav-item.active .service-nav-title:before, .graphics, .skew-angle:before, .advisor, .service-avatar:before, .service-avatar:after{display: none;}
    .lead-text-wrap{padding-left: 0; padding-right: 0;}
    .service-nav-title{padding: 27px 32px; background-color: #ffffff;} 
    .service-nav-title span{padding-left: 63px;}
    .service-nav-title figure{left: 47px;}
    .service-content-item .lead-text{padding: 53px 0 68px; float: left; width: 100%; background-color: #ffffff;}    
    .service-content-item .lead-text h2{padding: 0 12px; padding-top: 60px;}    
    .service-content-item .lead-text p{margin-top: 36px; font-size: 18px; padding: 0px 50px 0;}
    .graphics-title{padding: 59px 0 0; background-position: center top; }
    .graphics-title{font-size: 32px; line-height: 36px;}
    .graphics-title .firstWord:before{opacity: 0;}
    .graphics-title:before{opacity: 1;}
    .lead-text p{font-size: 18px;}
    .service-main-graphics{float: left; width: 100%; margin-top: -45px; margin-bottom: 27px;}
    .service-main-graphics img{margin-left: 0px;}
    /*.service-tab-nav-item.active{margin-bottom: 141px;}*/
    .service-content-item .btn-wrap{margin-top: 30px;}
    .service-content-item .btn-wrap a{width: 173px;}        
    .service-feature-wrap .lead-text p, .video-icon em, .middle-banner-wrap .sugest-text, .middle-banner-wrap .sugest-text a, .features-inner-wrap .lead-text p, .preparation-know-wrap .lead-text p{font-size: 16px; line-height: 22px;}
    .service-wrap{padding: 69px 0 87px;}
    .service-feature-wrap{padding: 110px 0 107px;}
    .service-feature-item{width: 100%; margin: 115px 0 0 0; padding-right: 0;}
    .service-feature-item:last-child{margin-top: 100px;}
    .service-feature-wrap .lead-text p{margin-top: 33px;}
    .service-avatar.mobi{width: 52px; height: 52px; /*float: left;*/ display: inline-block; vertical-align: middle;}
    .service-feature-item-wrap{margin-top: 90px;}
    .service-feature-content h5{position: relative; z-index: 1; padding-right: 50px;}
    .service-feature-content h5:after{position: absolute; top: 50%; right: -5px; width: 45px; height: 45px; background-color: #0087ae; font-size: 26px; line-height: 45px; letter-spacing: -.6px; font-family: 'TradeGothicLT-BoldCondTwenty'; counter-increment: cunterItem; content: "0" counter(cunterItem)""; border-radius: 50%; color: #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
    .service-feature-content a{/*float: left; width: -webkit-calc(100% - 78px); width: calc(100% - 78px);*/ margin-left: 10px; margin-top: 0px; line-height: 22px; display: inline-block;}
    .service-feature-content .btn-wrap{margin-top: 15px;}
    .video-triger{margin-top: 92px; padding: 0 36px;}
    .video-triger a{float: left; width: 100%;}
    .video-triger figure{/*float: left;*/ display: inline-block; vertical-align: middle;}
    .video-triger span{display: inline-block; vertical-align: middle; /*float: left;*/ width: -webkit-calc(100% - 75px); width: calc(100% - 75px); margin-top: 7px; text-align: left; padding-left: 6px;}
    .video-triger span, .video-triger span strong{font-size: 16px; line-height: 22px;}
    .video-triger span strong{display: block;}        
    .middle-banner-wrap{background-color: transparent; padding: 63px 0;}
    /*.home-content .middle-banner-wrap{background-color: #f2f2f2;}*/
    .middle-banner-wrap .common-wrap{padding: 0 }
    .middle-banner-wrap-wrap{padding: 94px 0 188px;}
    .middle-banner-wrap .lead-text, .service-tab-nav-wrap{padding: 0 48px;}
    .middle-banner-wrap .lead-text p, .middle-banner-wrap .sugest-text{margin-top: 38px;}
    .middle-banner-wrap .sugest-text p, .middle-banner-wrap .sugest-text p{color: #718490; font-size: 18px;}
    .middle-banner-wrap .btn-wrap{margin-top: 43px;}
    .middle-banner-wrap .btn-wrap a{width: 205px;}
    .client-video-wrap .slick-list{padding: 0 27px;}
    .brand-carousel{margin-top: 23px; padding: 0 32px;}
    .brand-item{width: 50%; padding: 0 16px;}
    .brand-item:nth-child(2n+1){padding-left: 0px;}
    .brand-item:nth-child(2n+2){padding-right: 0px;}
    .brand-item:last-child{display: none;}
    .client-video-inner{padding: 26px 20px 20px;}
    .client-video-wrap{margin-top: 59px;}
    .client-video-item{margin: 0 10px;}
    .client-video-item:nth-child(3n+1){margin-left: 10px;}
    .client-video-item:nth-child(3n+3){margin-right: 10px;}
    .client-video-item p{padding: 16px 50px;}
    .features-wrap{padding-bottom: 67px;}
    .features-wrap.skew-angle:before{display: block;}
    .feature-bg:after{top: -40px;}
    .features-inner-wrap .lead-text{margin-top: 58px;/*margin-top: 38px;*/}
    .features-inner-wrap .lead-text p{margin-top: 21px;}
    .features-inner-wrap .btn-wrap{margin-top: 59px;}
    .features-inner-wrap .btn-wrap a.btn{width: 257px; height: 60px; line-height: 58px;}
    .features-item-wrap{margin-top: 51px;}
    .feature-item{margin: 0;}
    .feature-item h6{margin-top: 17px; line-height: 26px;}
    .footer-area{position: relative; z-index: 8; padding: 84px 0 0;}
    .footer-area .common-wrap, .reading-wrap .common-wrap{max-width: 375px;}
    .footer-input-wrap .input-wrap, .footer-input-wrap .submit-wrap{width: 100%; margin: 23px 0 0 0;}
    .footer-input-wrap form{margin-top: 16px;}
    .footer-bottom-wrap{margin-top: 90px;}
    .social-partner{margin-top: 95px; padding-left: 0;}
    .footer-widget-wrap, .social-partner{width: 100%;}
    .footer-widget{width: 100%; margin: 60px 0 0 0; padding: 0;}
    .partner-wrap{margin-top: 80px;}
    .partner-wrap figure{width: 40%; max-width: 115px;}
    .feature-list{width: 60%;}
    .feature-list li{line-height: 13px;}
    .footer-social-wrap{text-align: center;}
    .copy-right-area{margin-top: 40px; padding: 32px 0 80px;}
    .assistant-wrap{bottom: 35px;}

    .demo-text-wrapper, .cloud-text-wrapper{padding: 60px 0px}

    .home-featured-form  .gform_heading{margin-bottom: 29px;}
    .home-featured-form  .gform_heading h3{font-size: 22px; line-height: 26px;}
    .gform_wrapper .gform_body .gform_fields .gfield.pos-ab-r{position: unset;}
    .home-featured-form .form-wrap .gform_wrapper .gform_body .gform_fields .gfield{width: 100%}
    .home-featured-form  .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){margin-left:0}
    /* End home */
        
    /* WhatWeDo-Compliance */
    .compliance-content .hero-content .btn-wrap a{float: left; width: 250px;}
    .compliance-content .wellcome-content, .compliant-wrap, .team, .preparation-wrap, .datacentre-content .wellcome-content, .datacentre-content .news-article, .datacentre-content .compliant-wrap, .preparation-know-wrap, .datacentre-content .preparation-wrap, .datacentre-content .features-wrap, .workplace-content .features-wrap, .siterecovery-content .wellcome-content, .siterecovery-content .compliant-video-wrap, .siterecovery-content .news-article, .siterecovery-content .preparation-wrap, .siterecovery-content .features-wrap, .workplace-content .compliant-wrap, .workplace-content .preparation-wrap{padding: 105px 0;}
    .btn-news{padding: 10px 15px; display: block;}
    .btn-news dfn{margin: 10px 0; display: block; width: 100%; text-align: center;}
    .news-article-figure, .compliance-content .news-article-figure{width: 100%; max-width: 320px; top: -80px;}
    .news-article-figure img, .datacentre-content .compliant-wrap .btn-wrap a:first-child, .datacentre-content .compliant-wrap .btn-wrap a:last-child, .datacentre-content .features-inner-wrap .btn-wrap a.btn, .workplace-content .features-inner-wrap .btn-wrap a.btn, .compliance-content .features-inner-wrap .btn-wrap a.btn{width: 100%;}
    .news-article-text, .workplace-content .news-article .lead-text{margin: 150px auto 0;}
    .news-article-text p span{margin-top: 20px;}
    .news-article .btn-news, .reading-item-wrap, .datacentre-content .wellcome-content .lead-text p{margin-top: 30px;}
    .news-article{padding-bottom: 80px;}
    .siterecovery-content .news-article-item-wrap{margin-top: 15px;}
    .compliant-item, .preparation-item, .reading-item, .news-article-item, .datacentre-content .news-article-item:nth-child(-n+3),  .workplace-content .news-article-item, .siterecovery-content .compliant-item, .siterecovery-content .news-article-item, .siterecovery-content .preparation-item, .news-article-item:nth-child(-n+3), .siterecovery-content .news-article-item:nth-child(-n+3){width: 100%; margin: 50px 0 0 0;}
    .compliant-item{text-align: center;}
    .compliant-item figure{float: none; text-align: center; display: block; margin: 0 auto;}
    .compliant-wrap .btn, .team .btn{height: inherit; width: 100%; max-width: 300px;}
    .team-wrap{margin-top: 0;}
    .team-item{/*max-width: 100%;*/ margin: 40px auto 0; float: none; padding: 0 10px;}
    .ex-link a{width: 100% !important; height: auto !important; }
    .compliance-content .features-wrap, .reading-wrap{padding: 80px 0;}
    .compliance-content .features-inner-wrap{padding: 0px;}
    /* End WhatWeDo-Compliance */
        
    /* datacentre */
    .compliance-content .hero-content, .datacentre-content .hero-content{max-width: 100%;}
    .datacentre-content .hero-content a, .workplace-content .hero-content a{width: 100%; font-size: 13px;}
    .compliant-video{position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transform: translate(0); -moz-transform: translate(0);  transform: translate(0); padding: 0 15px;}
    .compliant-video-wrap{padding: 115px 0;}
    .compliant-video-content{padding: 0 15px;}
    .compliant-video-content > div,  .datacentre-content .news-article-item:first-child, .workplace-content .news-article-item:first-child{margin-top: 0px;}
    .compliant-video-content a{width: 20px; height: 28px;}
    .compliant-video-content h3{font-size: 17px; line-height: 20px; margin-top: 5px;}
    .compliant-video:before{bottom: -35px; width: 84%; height: 30px;}
    .compliant-video-wrap .lead-text, .news-article-item-wrap{margin-top: 60px;}
    .compliant-video-wrap .btn-wrap, .datacentre-content .news-article .btn-wrap{margin-top :30px;}
    .datacentre-content .compliant-video-wrap h4{max-width: 520px; margin: 0 auto;}
    .news-article-item figure{display: block; margin: 0 auto;}
    .news-article-item{text-align: center;}
    .datacentre-content .compliant-wrap .btn-wrap a{margin: 10px; font-size: 14px;}
    .preparation-know-wrap{background-color: transparent;}
    .preparation-wrap-image, .datacentre-content .compliant-image{margin-top: 30px;}
    .datacentre-content .features-inner-wrap .lead-text, .siterecovery-content .preparation-item:first-child{margin-top: 0px;}
    .datacentre-content .compliant-wrap .btn-wrap{margin-bottom: 0px;}
    .datacentre-content .compliant-wrap .btn-wrap, .workplace-content .compliant-wrap .btn-wrap{padding: 0 48px;}
    /* End datacentre */
        
    /* Begin workplace */
    .workplace-content .wellcome-content{padding: 116px 0 95px;}
    .news-article-item a{margin-top: 10px; position: relative; top: auto; left: auto; bottom: auto; right: auto; display: inline-block; float: none;}
    .workplace-content .news-article{padding-bottom: 100px;}
    .workplace-content .news-article-item, .workplace-content .news-article-item:nth-last-of-type(-n+3){padding-bottom: 0px;}
    .workplace-content .compliant-wrap .btn{font-size: 15px;}
    .compliant-image, .workplace-content .compliant-wrap .btn-wrap, .datacentre-content .compliant-wrap .btn-wrap{margin-top: 25px;}
    .compliant-image{padding: 0 30px;}
    .workplace-content .preparation-wrap .promotion{padding-top: 30px;}
    .workplace-content .compliant-wrap .btn{width: 100%;}
    /* end workplace */
    
    /* Begin site-recovery */
    .siterecovery-content .compliant-video{top: auto;}
    .siterecovery-content .compliant-video-wrap .btn{width: 150px; height: 36px; line-height: 33px; font-size: 14px; }
    .compliant-video-text{padding: 50px 48px 0;}
    .compliant-video-text p{padding-bottom: 50px;}
    .compliant-video-text p:before, .client-name:after{font-size: 80px;}
    .complaint-item-wrap, .siterecovery-content .preparation-item-wrap{margin-top: 40px;}
    .siterecovery-content .compliant-item figure{position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; margin: 0 auto; clear: both; float: none;}
    .compliant-item-text{width: 100%; padding-left: 0px; padding-top: 30px;}
    .compliant-item-text p{margin-top: 10px;}
    .siterecovery-content .compliant-item-text a{float: none; display: inline-block;}
    .siterecovery-content .news-article .lead-text h2 br{display: none;}
    .testimonial-slider-text blockquote{font-size: 26px; line-height: 36px; padding: 0 10px;}
    .testimonial-slider .slick-prev, .testimonial-slider .slick-prev:hover, .testimonial-slider .slick-prev:focus{display: none;}
    blockquote .firstWord:after, blockquote .lastWord:before{line-height: 35px;}
    .news-article .btn{width: 100%;}
    .testimonial-slider .common-wrap{padding: 0 20px;}   
    /* End site-recovery */
    
    .service-content-wrap, .service-nav-title.active{display: none;}
    .compliance-content .hero-wrap{background-position: -600px bottom;}
    .siterecovery-content .hero-content{margin-left: 0;}
    .news-article-item p{padding-right: 0;}

    .what-we-do-wrap{padding: 80px 0}
    .what-we-do-wrap .lead-text p{font-size: 16px; line-height:22px; padding: 0}
    .what-we-do-wrap .common-wrap{padding: 0 38px;}
    .col-wrap{flex-flow: column; }
    .col-item{margin: 0; width: 100%;}
    .col-item:nth-child(n+2){margin-top: 90px;}

    .expert-partners-wrap{padding: 52px 0 101px; position: relative;}
    .expert-partners-wrap .common-wrap{padding: 0 27px;}
    .expert-partners-wrap  .lead-text{padding: 0 10px;}
    .expert-partners-wrap .lead-text p{font-size: 16px; line-height:22px;}
    .expert-partners-wrap .partner-item-wrap{flex-flow: column; margin-top: 57px;}
    .expert-partners-wrap .partner-item, .expert-partners-wrap .partner-item:first-child, .expert-partners-wrap .partner-item:last-child, .why-cloud-services-item:first-child, .why-cloud-services-item:last-child{margin:0; width: 100%}
    .expert-partners-wrap .partner-item img{width: 100%}
    .expert-partners-wrap .partner-item:last-child{margin-top: 26px;}

    .why-cloud-wrap{position: relative; padding: 63px 0; background-color: transparent;}
    .why-cloud-services-item{width: 100%; max-width: 100%;}
    .why-cloud-wrap .service-feature-content h5:after{content: none;}
    .why-cloud-wrap .common-wrap, .popular-resources-wrap .common-wrap{padding: 0 37px}
    .why-cloud-wrap .service-feature-content h5{padding: 0}
    .why-cloud-services-wrap{padding: 0; flex-flow: column;justify-content: center;margin-top: 63px;}
    .why-cloud-wrap .service-feature-content{margin-top: 28px;}
    .why-cloud-wrap .service-feature-content p{margin-top: 29px; line-height: 27px;}
    .why-cloud-services-item:nth-child(n+2){margin-top: 66px;}
    .why-cloud-wrap .btn-wrap{margin-top: 56px;}

    .popular-resources-wrap{background-color: transparent;padding: 91px 0; z-index: 3}
    .popular-resources-wrap .lead-text p, .leadout-text p{font-size: 18px;  color: #718490 }
    .popular-post-wrap{margin-top: 30px;}
    .popular-resources-wrap .resource-item{margin: 0 10px}
    .popular-resources-wrap .slick-list{overflow: visible; display: flex;}  
    .popular-resources-wrap .slick-track{display: flex;}
    .features-wrap.skew-angle:before{content: none;}
    .home-featured-form .common-wrap{padding: 0 37px;}
    .home-featured-form .features-inner-wrap .lead-text h2{}
    

    .home-featured-form.features-wrap{margin-top: -55px; margin-bottom: 0px;padding-bottom: 0;}
    .form-wrap .common-wrap{padding: 0;}
    .form-inner{padding: 18px 37px 62px;}

    .brand-carousel-wrap .slick-list{overflow: visible;}


   

}

/*    Wide Mobile Layout: 480px.
------------------------------------------------------------
*/
@media only screen and (max-width: 320px) {
    .service-nav-title{padding: 25px 20px;}
    .service-nav-title figure{left: 20px;}
    .service-nav-title span{padding-left: 50px;}
    .service-feature-content a{font-size: 15px;}
    .features-inner-wrap .btn-wrap a.btn{width: 100%;}
    .assistant-wrap{right: 0;}   
}

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

    /*.hero-content{padding: 80px 37px; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; align-items: center;}*/
    .hero-content .btn-wrap, .compliance-content .hero-content .btn-wrap{margin-top: 20px;}
    .datacentre-content .hero-content a, .workplace-content .hero-content a{max-width: 300px; float: left;}
    .compliance-content .hero-wrap{background-position: -300px bottom;}
}

@media only screen and (min-width: 1047px) {
.popular-resources-wrap  .resource-posts{display: flex;margin: 0 auto; flex-flow: row wrap; justify-content: center;}
}


/*    Tablet Layout: 768px.
-----------------------------------------------------------------
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobi {display: block;}
    .desk {display: none;}
    input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
    
    .common-wrap, .compliant-image{padding: 0 30px;}
    .header-area .common-wrap{padding: 0 15px;}
    .lead-text-wrap{padding: 0 160px;}
    .home-content .hero-wrap{background-position: -470px bottom;}
    /* home */
    .header-area{padding: 5px 0 15px;}
    .logo-wrap{display: block; margin: 0 auto; clear: both; float: none;}
    .navigation-wrap{position: inherit; padding-left: 0; width: 100%;}
    .main-nav{margin-top: 15px; padding-right: 140px;}
    .main-nav, .main-nav ul{float: left; width: 100%; text-align: center;}
    .main-nav > ul > li > a{padding-left: 10px;}
    .main-nav > ul > li > ul{width: 280px; padding: 30px 15px;}
    .main-nav > ul > li:last-child > ul{right: 0; left: auto;}
    .main-nav > ul > li:last-child > ul:after{left: auto; right: 25px}
    .main-nav > ul > li > ul > li{margin: 5px 0; text-align: left;}
    .sub-menu-icon{width: 35px;}
    .main-nav > ul > li > ul a{padding-left: 40px; }
    .call-wrap{ display: none; position: absolute; top: 30px; right: 20px; width: auto; margin-top: 0px;}
    .get-btn{position: absolute; /*top: 45px;*/ top: 75px; right: 20px; margin-top: 0px;}
    .get-btn a{height: 30px; line-height: 30px; width: 130px; font-size: 14px;}
    .wellcome-content, .middle-banner-wrap-wrap, .middle-banner-wrap, .compliant-wrap, .team, .preparation-wrap, .compliance-content .features-inner-wrap, .reading-wrap, .siterecovery-content .compliant-video-wrap, .siterecovery-content .preparation-wrap, .siterecovery-content .features-wrap{padding: 110px 0;}
    .service-inner-wrap{padding: 50px 0;}
    .service-nav-title{padding: 26px 5px;}
    .service-nav-title span{font-size: 14px;}
    .service-tab-nav-wrap{padding: 0 15px;}
    .graphics-title{font-size: 33px; line-height: 38px;}
    .graphics-title .firstWord:before{left: -35px; width: 25px; height: 29px;}
    .service-content-wrap, .video-triger{margin-top: 40px;}
    .advisor{width: 80px;}
    .advisor-person-figure{width: 80px; height: 80px;}
    .advisor-triger{width: 50px;}
    
    .service-feature-wrap{padding: 100px 0;}
    .service-feature-wrap .lead-text p, .service-content-item .lead-text p, .middle-banner-wrap .lead-text p, .features-inner-wrap .lead-text p{margin-top: 15px;}
    .service-avatar:before{width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin-top: -15px; right: -50px;}
    .service-avatar:after, .service-avatar span{right: -40%;}
    .service-feature-content, .middle-banner-wrap .btn-wrap, .features-inner-wrap .btn-wrap, .client-video-wrap{margin-top: 30px;}
    .middle-banner-wrap .skew-angle, .features-wrap .skew-angle{margin-top: -30px;}
    .middle-banner-wrap .sugest-text{margin-top: 20px;}
    .brand-carousel .slick-arrow{display: none !important;}
    .features-wrap{padding-bottom: 50px;}
    .footer-area{padding-top: 50px;}
    .footer-widget-wrap{padding-left: 15px; width: 75%;}
    .social-partner{width: 25%; padding-left: 0;}
    .footer-widget ul li a{font-size: 14px; line-height: 25px;}
    .copy-right-area{padding: 15px 0;}
    .footer-social-wrap a{width: 30px; height: 30px;}
    /* End home */
    
    .service-tab-nav-item.active .service-content-item{display: none;}
    
    /* datacentre */
    .compliant-video{max-width: 650px; margin-top: 50px;}
    .datacentre-content .news-article-item:nth-child(7){clear: both;}
    .datacentre-content .news-article, .datacentre-content .preparation-wrap, .datacentre-content .features-wrap, .workplace-content .features-wrap{padding: 100px 0;}
    .preparation-know-wrap, .datacentre-content .compliant-wrap{padding-top: 100px;}
     /* End datacentre */
    
     /* siterecovery */ 
    .compliant-video-text{margin: 100px 0 0;}
    .siterecovery-content .news-article{padding: 80px 0 120px;}
    .testimonial-slider-text blockquote{font-size: 30px; line-height: 36px;}
    .testimonial-slider-text blockquote{max-width: 600px;}
    .testimonial-slider .slick-prev{left: 25px;}
    .testimonial-slider .slick-next{right: 25px;}
    /* End siterecovery */ 
    
    .service-avatar:after, .service-avatar span{right: -60%;}
    .siterecovery-content .hero-content{margin-left: 0;}
    .service-avatar{width: 130px; height: 130px;}
    .lead-text h2 br{display: none;}  
}


@media only screen and (min-width: 768px) and (max-width: 875px) {
    .home-content .hero-wrap{background-position: -850px 185px;}
}


/*    Tablet Layout: 1024px.
-----------------------------------------------------------------
*/
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
    
    /* home */
    .common-wrap, .compliant-image{padding: 0 30px;}
    .lead-text-wrap{padding: 0 170px;}
    .home-content .hero-wrap{background-position: -380px top;}
    .logo-wrap{width: 150px;}
    .navigation-wrap{width: 83.277383%; padding-left: 0;}
    .main-nav, .call-wrap{margin-top: 18px;}
    .main-nav > ul > li > ul{width: 280px; padding: 30px 15px;}
    .main-nav > ul > li > ul > li{margin: 5px 0;}
    .sub-menu-icon{width: 35px;}
    .main-nav > ul > li > ul a{padding-left: 40px;}
    .Submenu > a:after, .call-wrap span:after{right: 0px;}
    .main-nav > ul > li a{font-size: 15px; padding: 0 13px;}
    .main-nav > ul > li:first-child a{padding-left: 0px;}
    .call-wrap{right: 135px;}
    .call-wrap a, .call-wrap span{font-size: 15px;}
    .call-wrap a{padding-left: 10px;}
    .get-btn{margin-top: 6px;}
    .get-btn a{width: 126px;}
    .brand-carousel .slick-prev{left: 14px; }
    .brand-carousel .slick-next{right: 14px;}
    /* End home */
    
    /* siterecovery */ 
    .testimonial-slider .slick-prev{left: 25px;}
    .testimonial-slider .slick-next{right: 25px;}
    /* End siterecovery */
    
    .service-avatar:after, .service-avatar span{right: -75%;}
}

@media only screen and (min-width: 1025px) and (max-width: 1260px){
    /* home */
    .logo-wrap{width: 180px;}
    .navigation-wrap{padding-left: 0; width: 81.277383%;}
    .main-nav, .call-wrap{margin-top: 26px;}
    .Submenu > a:after{right: 0px;}
    .main-nav > ul > li a{font-size: 15px; padding: 0 15px;}
    .get-btn a{width: 126px;}
    .call-wrap{right: 138px;}
    .call-wrap span, .call-wrap a{font-size: 15px;}
    .call-wrap a{padding-left: 0; padding-right: 18px;}
     /* End home */
    
    .testimonial-slider .slick-prev{left: 25px;}
    .testimonial-slider .slick-next{right: 25px;}  
}

@media only screen and (max-width: 1046px){
  .popular-resources-wrap .slick-list{overflow: visible; display: flex; flex-flow: column;}  
}

@media only screen and (min-width: 1200px) and (max-width: 1450px){
    /* home */
    /*.logo-wrap{width: 180px;}
    .navigation-wrap{padding-left: 15px; width: 81.277383%;}
    .main-nav, .call-wrap{margin-top: 26px;}
    .main-nav > ul > li{padding: 0 20px;}
    .Submenu:after{right: 0px;}
    .main-nav > ul > li a{font-size: 16px;}
    .get-btn a{width: 126px;}
    .call-wrap{right: 138px;}
    .call-wrap a{padding-left: 13px; padding-right: 20px;}
    */
}
/*  Retina media query.
  Overrides styles for devices with a 
  device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

}
@media only screen and (min-width: 992px){
  /*New Mega Menu*/



  .main-nav > ul > li ul.minmenu.megamenu{position: fixed; width: 100vw; left: 0;z-index: 2; padding: 50px 0px;  opacity: 0; visibility: hidden; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.18); border-radius: 0; margin-top: 32px;}
  .main-nav > ul > li:hover > ul, .main-nav > ul > li:hover ul.minmenu.megamenu,.main-nav > ul > li:hover ul.minmenu.megamenu li.SubSubmenu ul{opacity: 1; visibility: visible;}
  .main-nav > ul > li > ul.megamenu:after{background-image: none; width: 100%; height: 15px; background-color: #fff; top: -14px; left: 0;border-bottom: solid 1px #ececec;;}
  .main-nav > ul > li ul.minmenu.megamenu li{width: 22.049%; display: inline-block; margin-right: 1.921%;}
  .main-nav > ul > li ul.minmenu.megamenu li ul li{margin-right: 0}

  .main-nav > ul > li ul.megamenu li:nth-child(4) {margin-right: 0;}
  .main-nav > ul > li ul.megamenu li a {color:#003c4c;line-height: 30px; pointer-events: none; font-size: 18px;}
  .main-nav > ul > li ul.megamenu li .calling_card a {pointer-events: auto;}
  .main-nav > ul > li ul.megamenu li a span{width: 100%; float: left; color:#40b3df; font-size: 12px; line-height: 12px;}
  .main-nav > ul > li ul.minmenu.megamenu li a{padding: 9px 20px 9px 12px; border-radius: 8px;position: relative;}
  /*.main-nav > ul > li ul.minmenu.megamenu li a:after{content: ''; background-image: url(svgs/arrow.svg);     transform: rotate(-90deg);position: absolute; right: 19px; top: 0; width: 14px; height: 100%; background-repeat: no-repeat;background-position: center; opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out; transform: none;}*/
  .main-nav > ul > li ul.minmenu.megamenu li :not(.calling_card) a:hover {background: #f2f6fa; color: #0087ae;}
  .main-nav > ul > li ul.minmenu.megamenu li a:hover:after{opacity: 1;}
  .main-nav ul.megamenu li.SubSubmenu ul{position: unset;opacity: 1; color: #000;float: left;padding-bottom: 20px;box-shadow: none; width: 100%}

  .main-nav ul.megamenu li.SubSubmenu ul li{width: 100%;}
  
  .main-nav > ul > li ul.megamenu li:nth-child(4) ul li{display: inline-block; width: auto; padding-right: 30px;}
  
  .main-nav ul.megamenu li.SubSubmenu > a:after{background-image:none;}

  .main-nav > ul > li ul.megamenu li.SubSubmenu:nth-child(n+3):after{background-image: none;}
  .menu-shown > a:after{transform: rotate(180deg);}

  #menu-industry{padding-top: 20px; padding-bottom: 20px;}
  #menu-industry > li > a{line-height: normal;}
   #menu-industry > li > a:after{content: none;}
    #menu-industry > li:hover a{background: #f2f6fa; color: #003c4c }
    #menu-industry .sub-menu li{ position: relative;}
   
    #menu-industry .sub-menu li:before{content:''; position: absolute; left: 24px; top: 50%; background-image: url('images/menu-dropdown.png'); background-repeat: no-repeat; background-position: center right;   background-size: 8px 5px;   width: 8px; height: 5px; z-index: 2; transform: translateY(-50%) rotate(-90deg);}
    #menu-industry .sub-menu li a{font-size: 13px; padding: 13px 30px 13px 42px; line-height: normal;}
    .main-nav li.SubSubmenu ul.sub-menu {width: 257px; right: -257px; border-radius: 0 12px 12px 0; overflow: hidden; padding-bottom: 13px;background: #f2f6fa; box-shadow: none; }
  /*.main-nav > ul > li ul.minmenu.megamenu, .main-nav > ul > li > ul, .main-nav > ul > li ul.minmenu.megamenu,.main-nav > ul > li ul.minmenu.megamenu li.SubSubmenu ul {opacity: 1; visibility: visible;}*/

  .mega-menu-visible{background-color: #fff;}
  .main-nav > ul > li ul.minmenu.megamenu li.SubSubmenu{float: left;}

    /* NEW STYLES */

    .megamenu-coloumn-title { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 12px; margin-bottom: 10px; min-height: 40px;}
    .megamenu-coloumn-title img {max-width: 40px; margin-right: 23px; filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));}
    .megamenu-coloumn-title p { font-family: 'CircularStd-Book', sans-serif; font-size: 18px; line-height: 1; color: #0087ae;}

    .main-nav ul.megamenu li.SubSubmenu ul li a {font-family: 'CircularStd-Book', sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #003c4c; pointer-events: initial;}
    .calling_card {float: left; width: 100%; border-radius: 16px; position: relative;}
    .main-nav > ul > li ul.minmenu.megamenu li .calling_card a {padding:50px 25px 25px;}
    .calling_card figure, .calling_card figure img, .calling_card h3, .calling_card p {width: 100%;}
    .calling_card h3, .calling_card p {font-family: 'CircularStd-Book', sans-serif; color: #fff;}
    .calling_card h3 { font-size: 18px; line-height: 1;}
    .calling_card p {font-size: 15px;line-height: 1.2;opacity: 0.59;}
    .calling-card-text {position: relative; float: left; width: 100%; margin-top: 56px;}
    /* END NEW STYLES */


  /*End Mega Menu*/
}

@media only screen and (max-width: 991px){
  .main-nav > ul > li ul.megamenu li a span{display: none;}
}
/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
  Wordpress Fixes and Integration CSS
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/

a{display: initial}
.btn-wrap{position: relative;z-index: 1}
.btn,
.get-graphics > a{display: inline-block;position: relative;overflow: hidden;-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;transition: color .3s ease-in-out;background: none!important;width: auto!important;height: auto!important;padding: 21px 40px 20px!important;line-height: 17px!important;}
.btn:before,
.get-btn a:before,
.get-graphics > a:before{content: "";background: #fff;position: absolute;right: 0;top: 0;display: inline-block;width: 100%;height: 100%;z-index: -2;}
.btn:after,
.get-btn a:after,
.get-graphics > a:after{content: "";background: #fe4310;position: absolute;right: 0;top: 0;display: inline-block;width: 100%;height: 100%;z-index: -1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn:hover:after,
.get-btn a:hover:after,
.get-graphics > a:hover:after{width: 0}

/* Begin Header */
.header-area{position: absolute;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header-area.downScl{padding: 0;position: fixed;display: none}
.header-area.downScl .logo-wrap{margin: 10px 0 0;}
.header-area.downScl .main-nav{margin-top: 27px}
.header-area.downScl .nav-right{margin-top: 10px}
.brand-carousel .slick-dots{display: none!important}
.e404-content .hero-content{min-height: 292px}
.navigation-wrap {width: calc(100% - 226px);}
.logo-wrap{margin: 10px 0 0 15px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.main-logo a {width: 100%}
.main-nav > ul > li a{display: inline-block;}
.main-nav > ul > li > ul{padding: 0;width: 245px}
.main-nav > ul > li > ul > li{margin: 0}
.main-nav > ul > li > ul > li:first-child{border-top: none}
.main-nav > ul > li > ul > li a{padding: 15px 34px}
.main-nav > ul > li > ul > li .sub-menu-icon{padding-left: 20px;width: 54px}
.main-nav > ul > li > ul a{font-family: 'hk_groteskmedium', sans-serif;font-weight: 400}
/*.main-nav > ul > li > ul a:hover{font-family: 'hk_groteskbold', sans-serif;}*/
.main-nav > ul > li ul.minmenu{width: 262px}
.main-nav > ul > li ul.minmenu li a{padding: 10px 30px}
.nav-right{display: inline-block;float: right;margin-top: 15px;}
.call-wrap{position: relative;right: auto;top: auto;float: right;margin: 14px 0 0;}
.call-wrap a{margin-left: 10px}
.call-wrap a:hover{text-decoration: underline;}
.call-wrap select{opacity: 0}
.call-wrap .selectric-wrapper{display: inline-block;text-align: right;}
.call-wrap .selectric{color: #003c4c;font-family: 'CircularStd-Book', sans-serif;padding-right: 22px;position: relative;display: inline-block;text-align: right;}
.call-wrap .selectric:after {position: absolute;top: 12px;right: 5px;background-image: url('images/menu-dropdown.png');background-repeat: no-repeat;background-position: center right;background-size: 8px 5px;content: '';width: 8px;height: 5px;}
.call-wrap .selectric .label{padding-top: 0;color: #003c4c}
.call-wrap .selectric .button{height: 100%}
.call-wrap .selectric-items{min-width: 142px;top: 48px;left: -22px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);border-radius: 11px;text-align: left;}
.call-wrap .selectric-items:after{position: absolute;top: -18.5px;left: 25px;background-image: url('images/dropdown-arrow.png');background-repeat: no-repeat;background-position: center;background-size: 33.5px 18.5px;content: '';width: 33.5px;height: 18.5px;}
.call-wrap .selectric-items li{padding:20px 30px;border-top: 1px solid #c0c0c0;font-family: 'hk_groteskmedium', sans-serif;font-weight: 400;color: #003c4c}
.call-wrap .selectric-items li:hover{font-family: 'hk_groteskbold', sans-serif;font-weight: 600}
.call-wrap .selectric-items li:first-child{border-top: none}
.call-wrap #sales{display: none}
.get-btn{margin: 0 0 0 26px}
.get-btn a{display: inline-block;position: relative;overflow: hidden;line-height: 45px}
.get-btn a:before{background: #0087ae;}
.get-btn a:after{background: #fff;}
.get-btn a:hover{border: 1px solid #0087ae;color: #fff}
.header-area.downScl .get-btn a:before{background: #fff;}
.header-area.downScl .get-btn a:after{background: #0087ae;}
.header-area.downScl .get-btn a:hover{color: #0087ae}
.search-icon,
.login{background: url('svgs/header-search.svg')no-repeat center;width: 22px;height: 22px;z-index: 99;cursor: pointer;display: inline-block;float: right;margin: 15px 10px 0 15px;position: relative;}
.login{background: url('svgs/header-user.svg')no-repeat center;margin: 15px 10px 0 0}
.header-area .search{display:none;position:relative;width:100%;height:100%;float:right;}
.header-area .search form{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 99;background-color: #012235;background-image: url('images/bg@2x.jpg');overflow-y:auto;padding:200px 40px 300px;}
.header-area .search form .wizardinfosys_autosearch_wrapper{width: 100%!important;}
.header-area .search form .wp_autosearch_form_wrapper{background: none!important;border: none!important;height: 125px!important;}
.header-area .search .field-row{width:100%;max-width: 680px;height:100%;margin: 0 auto}
.header-area .search form input{display:inline-block;width:100%;max-width: 530px;outline: none;border: none;border-radius: 5px;font-family: 'hk_groteskregular';font-size: 22px;line-height: 65px;letter-spacing: normal;color:#003c4c;background:#fff;height: 65px;padding: 0 30px}
.header-area .search form label{display: inline-block;width: 100%;font-family: 'CircularStd-Medium';font-size: 48px;font-weight: 500;line-height: 52px;letter-spacing: -0.5px;text-align: center;color: #ffffff;margin-bottom: 55px}
.header-area .search form .search-btn{display: inline-block;background: url('svgs/search.svg')no-repeat center;background-size: 27px 28px;width: 75px;height: 65px;border-radius: 5px;background-color: #fe4310;border: none;outline: none;float: right;}
.header-area .search form .search-btn:hover{opacity: .8}
.header-area .search form .search-close{position: absolute;right: 100px;top: 50px;padding-right: 48px;-webkit-appearance:none;border:none;background:none;outline:none;color:#fff;font-family: 'CircularStd-Book';font-size: 16px;line-height: 23px;opacity: 0.6;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;}
.header-area .search form .search-close:after{content: "";position: absolute;right: 0;top: 0;width: 23px;height: 23px;background-image: url('svgs/close.svg');background-position: center right;background-size: 100% auto;background-repeat: no-repeat;}
.header-area .search form .search-close:hover{opacity: 1}
.search-icon span,
.login span{color: #003c4c;font-family: 'hk_groteskmedium', sans-serif;font-weight: 400;position: absolute;right: -10px;background: #fff;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);padding: 10px 25px;border-radius: 11px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top: 35px;opacity: 0;visibility: hidden;}
.search-icon span:after,
.login span:after{position: absolute;top: -18.5px;right: 5px;background-image: url('images/dropdown-arrow.png');background-repeat: no-repeat;background-position: center;background-size: 33.5px 18.5px;content: '';width: 33.5px;height: 18.5px;}
.search-icon:hover span,
.login:hover span{opacity: 1;visibility: visible;}
.hero-inner .common-wrap{padding: 0 30px}
.hero-wrap{background-position: center bottom!important;}
.hero-wrap-cover,
.hero-wrap-graphic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;background-attachment: fixed;opacity: 0;}
.hero-wrap-cover{background-position: center bottom;transition: all 2.3s ease-in;-webkit-transition: all 2.3s ease-in;-moz-transition: all 2.3s ease-in;opacity: 1;left: 50%;right: 50%;width: 0px}
.hero-wrap-graphic{transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;}
.hero-parallax{background: linear-gradient(to bottom right, #d6e9ef, #fff);}
.hero-parallax.hero-animated.hero-wrap{background-attachment: fixed;}
.hero-parallax.hero-animated .hero-wrap-graphic.loaded{opacity: 1;}
.hero-parallax.hero-animated .hero-wrap-cover.loaded{left: 0;right: 0;width: 100%}
.hero-parallax.hero-animated .hero-inner{padding: 0;display: inline-block;float: left;width: 100%;min-height: 100vh;z-index: -1}
/*.hero-parallax.hero-animated .hero-content{top: 240px;position: absolute;}*/
.hero-parallax.hero-animated .hero-content{padding: 200px 0 100px;position: relative;}
.hero-wrap .hero-wrap-mobile{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;z-index: -1}

/* Begin Home page */
.tell-more,
.home-content .tell-more{padding: 0 34px;margin-bottom: -100px;z-index: 2;bottom: 135px;max-width: 1420px}
.tell-more a{color: #fff;display: inline-block;background: none;position: relative;}
.tell-more a:before{content: "";background-image: url('svgs/arrow-simple-white.svg');background-repeat: no-repeat;background-size: 24px;background-position: center;display: inline-block;width: 24px;height: 24px;position: absolute;right: 0;top: 0;transition: all .1s ease-in;-webkit-transition: all .1s ease-in;-moz-transition: all .1s ease-in;}
.tell-more a:hover:before{-webkit-transform: translateY(5px); -moz-transform: translateY(5px); transform: translateY(5px);}
.srcl-icon{margin: 0 auto 40px;height: 20px;width: 20px;position: relative;}
.srcl-icon img{position: absolute;top: 0;opacity: 0;transition: all .6s ease-in;-webkit-transition: all .6s ease-in;-moz-transition: all .6s ease-in;}
.srcl-icon.animate img{opacity: 1;top: 40px}
.lead-text p{font-size: 18px}
.sugest-text p{font-size: 22px;font-family: 'CircularStd-Medium';font-weight: 500}
.sugest-text p strong{color: #40b3df;font-weight: 500;}
.middle-banner-wrap .sugest-text p{color: #003c4c;margin-top: 0;font-family: 'hk_groteskregular', sans-serif;font-size: 22px;line-height: 30px;font-weight: 500;}
.middle-banner-wrap .sugest-text p strong{color: #0087ae;}
.mobi-service-tabs{display: none}
.mobi-service-tabs a{width: 100%}
.service-content-wrap{margin-top: 50px}
.service-tab-nav-item{width: 26%}
.service-tab-nav-item:last-child{width: 22%}
.service-nav-title{padding: 26px 18px 26px 64px;background-repeat: no-repeat;background-position: center left 5px;background-size: 44px auto}
.service-nav-title span{padding-left: 0}
.service-main-graphics{width: 100%;text-align: center;}
.service-main-graphics img{display: inline-block;width: auto;max-width: none;}
.graphics-title .firstWord:before,
.graphics-title:before{display: none}
.graphics-title{background-repeat: no-repeat;background-position: center left;background-size: 64px auto;padding: 26px 0 4px 80px;margin-left: -80px}
.service-feature-content a{display: inline-block;}
.video-triger figure{position: relative;width: 40px;height: 40px;margin: 2px 0 0}
.video-triger figure img{width: 28px;;position: absolute;top: 6px;left: 6px}
.video-triger figure img.video-hover{opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.video-triger a:hover figure img.video-hover{width: 100%;top: 0;left: 0;opacity: 0.2}
.client-video-wrap a figure{overflow: hidden;height: 315px;overflow: hidden;}
.client-video-wrap a figure img{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;min-height: 315px;width: 100%}
.client-video-wrap a:hover figure img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1); }
.mfp-container{padding: 0}
#video-popup{position: relative;padding: 50px 60px 0;width: auto;max-width: 1104px;margin: 20px auto;}
video,
iframe{width: 100%;height: 480px;}
button.mfp-close{width: auto;font-family: 'hk_groteskregular', sans-serif;font-size: 20px;line-height: initial;right: 60px}
button.mfp-close span{float: right;margin: -5px 5px 5px 10px;font-size: 26px;}
.feature-bg{background-blend-mode: initial;}
/*.wellcome-content .bg-img{background-image: url('images/Abstract-Pattern_Dark.jpg');background-attachment: fixed;position: absolute;z-index: -1;top: 0;left: 0;padding: 2px 0;width: 100%;height: 100%}
*/.feature-item figure{background: #fff;border-radius: 100%}

/* Why Move To Cloud-Direct */
.whymovetocloud-content .hero-inner{padding: 190px 0}
.whymovetocloud-content .hero-content{margin: 0 auto;max-width: 865px;float: none;width: 100%}
.whymovetocloud-content .hero-content p{margin-top: 38px}
.whymovetocloud-content .wellcome-content{padding: 53px 0 322px;}
.whymovetocloud-content .wellcome-content .lead-text h2{color: #fff;margin-top: 41px}
.whymovetocloud-content .wellcome-content .lead-text p{margin-top: 42px}
.whymovetocloud-content .compliant-video-wrap video,
.whymovetocloud-content .compliant-video-wrap iframe{height: 380px}
.whymovetocloud-content .compliant-video:before,
.whymovetocloud-content .compliant-video-wrap:after{background-color: #fff}
.benefits-wrap{background: #fff;margin-bottom: 130px;}
.benefits-wrap h2{margin-bottom: 80px}
.benefit-item-wrap{max-width: 905px;margin: 0 auto}
.benefit-item-wrap .benefit-item{padding-top: 70px;background-image: url('images/ticked@3x.png');background-repeat: no-repeat;background-size: 49px;background-position: 0 0;width: 45.5%;display: inline-block;float: left;margin-bottom: 50px;clear: left;}
.benefit-item-wrap .benefit-item:nth-child(even){float: right;clear: none}
.benefit-item-wrap .benefit-item h5{margin-bottom: 5px;display: inline-block;float: left;width: 100%}
.benefit-item-wrap .benefit-item p:last-child{height: 0;visibility: hidden;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;overflow: hidden;opacity: 0}
.benefit-item-wrap .benefit-item p:nth-child(-n+2),
.benefit-item-wrap .benefit-item.open p{visibility: visible;height: auto;opacity: 1}
.benefit-item-wrap .benefit-item p:nth-child(2){visibility: visible;height: auto;overflow: visible;opacity: 1}
.benefit-item-wrap .benefit-item span {font-size: 16px;line-height: 25px;color: #718490;font-family: 'hk_groteskbold', sans-serif;font-weight: 600;text-transform: uppercase;cursor: pointer;}
.whymovetocloud-content .feature-bg:after,
.whymovetocloud-content .features-wrap.skew-angle:before{background: #f2f2f2}
.whymovetocloud-content .features-inner-wrap{margin-top: 180px}
.whymovetocloud-content .wellcome-content .bg-img{background-image: url('images/Abstract-Pattern_Dark.jpg');background-attachment: fixed;position: absolute;z-index: -1;top: 0;left: 0;padding: 2px 0;width: 100%;height: 100%}


/* Why-Cloud-Direct */
.user-navigation-wrap{position: absolute; top: 20px; right: 0; width: auto;}
.search-wrap{float: left; height: 43px; position: relative;}
.search-wrap input[type="text"]{width: 0; height: 43px; border-radius: 25px; border: 0px; padding: 0; position: absolute; top: 0; right: 0; opacity: 0; -webkit-transition: width .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: width .3s ease-in-out, opacity .3s ease-in-out; transition: width .3s ease-in-out, opacity .3s ease-in-out; color: #003c4c; padding: 0 20px; border: 1px solid #dddddd;}
.search-wrap.open input[type="text"]{width: 210px; opacity: 1;}
.search-wrap input[type="submit"]{width: 40px; height: 43px; background-color: transparent; background-image: url(images/search-icon.png); background-position: center center; background-repeat: no-repeat; background-size: 17px; border: 0px; position: absolute; z-index: 2; right: 0; text-indent: -9999px;  cursor: pointer; margin-right: 5px;}
.search-triger{position: absolute; top: 0; width: 40px; height: 43px; z-index: 2; right: 0; cursor: pointer;}
.value-added .search-triger{z-index: 0;}
a.user-log{width: 20px; height: 20px; border-radius: 50%; margin-top: 10px; background-color: transparent; border: 0px;}
a.user-log img{width: 100%;}
.cloud-direct-content .hero-wrap{background-color: #ced9dd; background-blend-mode: overlay; z-index: 2;}
.cloud-direct-content .hero-inner{padding: 200px 0 100px;}
.cloud-direct-content .hero-inner .common-wrap{max-width: 750px; text-align: center;}
.cloud-direct-content .hero-inner h5{font-size: 22px; line-height: 30px; color: #003c4c; font-family: 'hk_groteskregular', sans-serif; font-weight: normal; margin-top: 17px;}
.scl-bottom{width: 45px; height: 45px; border-radius: 50%; display: inline-block; margin-top: 35px;}
.scl-bottom a,
.scl-bottom img{width: 100%;}
.feature-wrap{position: relative; z-index: 1;counter-reset: my-sec-counter;}
.single-feature{position: relative; background-color: #0087ae; padding: 168px 0 130px; background-blend-mode: multiply; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.single-feature:nth-child(odd){background-color: #0087ae;}
.single-feature:nth-child(even){background-color: #002639; padding-top: 167px;}
.single-feature:first-child{padding-top: 158px; padding-bottom: 115px;}
.single-feature:nth-child(8) .single-feature-graphics{width: 61.5%;}
.single-feature:nth-child(9) .single-feature-graphics{width: 53%;}
.single-feature.skew:after{background-color: #0087ae; top: -50px;}
.single-overlay{background-color: #0087ae; background-size: cover; background-repeat: no-repeat; background-position: center center; background-blend-mode: multiply; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.single-feature-bg{position: absolute; top: -100px; left: 0; width: 100%; height: -webkit-calc(100% + 100px); height: calc(100% + 100px); background-size: cover; background-repeat: no-repeat;}
.single-feature .common-wrap{max-width: 1254px; position: relative;}
.count-item{float: left; width: 235px; font-size: 180px; line-height: 120px; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.1); font-family: 'CircularStd-Bold', sans-serif; font-weight: normal;}
.count-item:after{counter-increment: my-sec-counter;content: counter(my-sec-counter, decimal-leading-zero);}
.single-feature-content{float: left; width: 70%; width: calc(100% - 235px); max-width: 757px; text-align: left; padding: 0 37px;}
.single-feature-content h2, .single-feature-content p{color: #ffffff;}
.single-feature-content h2{letter-spacing: -.5px;}
.single-feature-content p{float: left; width: 100%; margin-top: 30px; font-size: 18px; line-height: 30px; /*padding-right: 50px;*/}
.single-feature-content p:nth-child(2){margin-top: 22px;}
.single-feature:nth-child(5) p, .single-feature:nth-child(9) p{font-family: 'hk_grotesklight', sans-serif; font-weight: normal;}
.single-feature-content .btn-wrap{margin-top: 43px;}
.single-feature-content .btn{width: 212px;}
.single-feature-graphics.our-people .btn{width: 230px;}
.active-indicator{position: absolute; right: 17px; width: 29px; top: 8px;}
.active-indicator ul li{width: 100%; height: 1px; margin-top: 13px; background-color: #ffffff; /*cursor: pointer;*/}
.active-indicator ul li.active{height: 3px; margin-top: 11px; background-color: #ffffff;}
.active-indicator ul li:first-child{margin-top: 0px;}
.single-feature-graphics{width: auto;max-width: 100%;float: left; margin-top: 30px;}
.single-feature-graphics img, .feature-team-item img, .principles-item figure img{width: 100%;}
.feature-team{float: left; width: 100%; margin-top: 40px; font-size: 0; line-height: 0; text-align: right; max-width: 580px;}
.feature-team-item{width: 142px; height: 142px; border-radius: 50%; overflow: hidden; margin: 1.5px 16px; display: inline-block;}
.feature-team-item:nth-child(3n+1){margin-left: 0;}
.feature-team-item:nth-child(3n+3){margin-right: 0;}
.feature-team-item:nth-child(6){margin-right: 86px;}
.cloud-carousel .slick-list{padding-bottom: 10px;}
.single-feature-graphics.our-people{width: 95.5%; position: relative; margin-top: 43px;}
.single-feature-graphics.our-people .btn{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.cloud-carousel{float: left; width: 100%; margin-top: 101px;}
.cloud-carousel-item{float: left; width: 100%; padding-left: 63px; position: relative;}
.cloud-carousel-item:focus{outline: none;}
.cloud-carousel-item:after{position: absolute; background-image: url(svgs/quotemark.svg); width: 29px; height: 22.5px; background-size: 29px 22.5px; content: ''; top: 0; left: 0;}
.cloud-carousel-item h5{font-size: 26px; line-height: 32px; letter-spacing: -.3px; font-family: 'CircularStd-Bold', sans-serif; font-weight: normal; color: #ffffff;}
.cloud-carousel-item span{color: #40b3df; font-size: 18px; line-height: 30px; margin-top: 6px; display: block;}
.cloud-direct-content .features-wrap{padding: 114px 0 164px;}
.cloud-direct-content .feature-bg{z-index: -1;}
.cloud-direct-content .feature-bg:after{display: none;}
.cloud-direct-content .features-wrap p{color: #003c4c; font-size: 22px; line-height: 30px; margin-top: 30px;}
.cloud-direct-content .features-wrap .btn-wrap{margin-top: 43px;}
.cloud-direct-content .features-wrap .btn-wrap a{width: 213px;}
.cloud-direct-content .slick-dots{display: inline-block !important; width: auto; left: 55px;}
.cloud-direct-content .slick-dots li{width: auto; height: auto; margin: 0 9.5px;}
.cloud-direct-content .slick-dots li button{width: 6px; height: 6px; background-color: #d8d8d8; border-radius: 50%; padding: 0;}
.cloud-direct-content .slick-dots li.slick-active button{background-color: #40b3df;}

/* Begin WhatWeDo-Common */
.datacentre-content .features-inner-wrap .ex-link p,
.workplace-content .features-inner-wrap .ex-link p,
.siterecovery-content .features-inner-wrap .ex-link p,
.compliance-content .features-inner-wrap .ex-link p{font-size: 14px;line-height: 25px;color: #003c4c;margin-top: 0}
.news-slider{display: inline-block;}
.btn-news{max-width: 100%!important;width: auto!important;display: inline-block;padding: 16px 29px;}
.btn-news span{width: auto;min-width: 67px;padding: 0 20px;}
.btn-news dfn{width: auto;line-height: 30px;}
.news-article-figure,
.compliant-video{z-index: 2}
.news-article-figure{text-align: center;}
.news-article-figure img{float: none}
.news-article-item a p{color: #718490;font-family: 'hk_groteskregular', sans-serif;line-height: 27px;}
.compliant-video:before{bottom: -62px}
.compliant-video figure{background: none}
.compliant-video-text{padding-top: 280px}
.compliant-video-content{pointer-events: none;}
.compliant-video-content .btn-wrap{pointer-events: all;}
.compliant-image{text-align: center;}
.compliant-image img{width: auto;float: none}
.compliant-video-wrap .btn{font-size: 18px}
.datacentre-content .compliant-wrap .btn-wrap a:first-child:hover,
.siterecovery-content .compliant-video-wrap .btn-wrap .btn:hover{color: #fe4310}
.compliant-wrap .lead-text p strong{font-family: 'CircularStd-Medium';font-weight: 500;color: #003c4c;}
.siterecovery-content .compliant-video-wrap .btn-wrap{bottom: -130px}
.reading-item figure{height: 170px;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;overflow: hidden;}
.reading-item figure img{min-height: 170px}
.reading-item figure a img{width: 100%;height: 100%;}
.reading-item p a{color: #003c4c;}
.reading-item p a:hover{text-decoration: underline;}
.testimonial-slider-round img{width: 100%}
.client-name::after{content: '';background-image: url('svgs/quotemark.svg');background-repeat: no-repeat;background-size: 45px auto;background-position: top center;width: 45px;height: 120px}
.compliant-video-text p:before{content: '';background-image: url('svgs/quotemark-orange.svg');background-repeat: no-repeat;background-size: 35px auto;background-position: center;width: 45px;height: 70px}
.preparation-know-wrap .lead-text a{z-index: 1}
.preparation-item figure{text-align: center;width: auto}
.preparation-item figure img{width: auto;display: inline-block;float: none}
.preparation-wrap-image{text-align: center;margin: 60px 0 -60px}
.preparation-wrap-image img{width: auto;float: none}

/* Begin WhatWeDo-Data Centre page */
.news-article-item a,
.news-article-item a:hover{border-bottom: none}
.preparation-item-wrap{text-align: center;}
.preparation-item{display: inline-block;float: none;width: 30%}
.preparation-item h6{padding-top: 29px}
.datacentre-content .compliant-wrap .btn-wrap a:first-child:hover{background-color: #fff;border: 1px solid #fe4310;color: #fe4310;}
.datacentre-content .compliant-wrap .btn-wrap a:last-child{padding-right: 80px!important;color: #fff;}
.datacentre-content .compliant-wrap .btn-wrap a:last-child:hover{border: 1px solid #002639;color: #002639;}
.datacentre-content .compliant-wrap .btn-wrap a:last-child:before{background-image: url('svgs/support-icon_hover.svg');background-repeat: no-repeat;background-position: center right 30px;background-color: #fff;background-size: 36px auto;}
.datacentre-content .compliant-wrap .btn-wrap a:last-child:after{content: "";background-image: url('svgs/support-icon.svg');background-repeat: no-repeat;background-position: center right 30px;background-color: #002639;background-size: 36px auto;position: absolute;left: auto;right: 0;top: 0;display: inline-block;width: 100%;height: 100%;z-index: -1;margin: 0}
.datacentre-content .compliant-wrap .btn-wrap a:last-child:hover:after{width: 0;}

/* Begin WhatWeDo-Workplace page */
.workplace-content .news-article .lead-text{margin-top: 180px;}
.workplace-content .preparation-wrap span{margin-top: 59px;color: #003c4c;font-size: 22px;line-height: 30px;font-family: 'CircularStd-Medium', sans-serif;font-weight: 500;float: left;width: 100%;}
.news-article-item img{width: 100%}

/* Begin WhatWeDo-Site Recovery page */
.siterecovery-content .preparation-wrap .lead-text .preparation-item p{font-size: 16px}
.siterecovery-content .compliant-item p strong{color: #003c4c;font-weight: normal}
.siterecovery-content .compliant-item p em{font-family: 'hk_grotesksemibold_italic', sans-serif;font-style: italic;}

/* Begin WhatWeDo-GDPR page */
.compliance-content .hero-content .btn-wrap a{width: auto;padding: 0 40px}
.team-text{padding: 0 48px;}
.team-text p{max-width: 892px;margin: 28px auto 0;}
.news-article-text span.bold-text{font-family: 'CircularStd-Medium';font-weight: 500;margin-top: 30px;display: inline-block;}

/* Begin Resource-Archive pages*/
.resource{background-color: #f5f5f5;}
.resource .hero-wrap{background-color: #f5f5f5;text-align: center;min-height: 0}
.resource .hero-wrap h1{font-size: 48px;line-height: 52px;letter-spacing: -0.5px;font-family: 'CircularStd-Medium', sans-serif;font-weight: 500;margin-bottom: 14px}
.resource .hero-wrap p{font-size: 22px;line-height: 30px;font-family: 'hk_groteskregular', sans-serif;color: #003c4c}
.resource .hero-inner{padding: 177px 0 0}
.resource-filter{display: inline-block;margin: 43px auto;max-width: 1044px;width: 100%;padding: 0 10px}
.resource-filter .searchandfilter{display: inline-block;float: right;width: 100%}
.resource-filter .searchandfilter > div > ul{width: 100%}
.resource-filter .searchandfilter > div > ul > li{float: left;padding: 0 0 0 29px;width: 28%}
.resource-filter .searchandfilter > div > ul > li:first-child{padding: 0;width: 34%}
.resource-filter .searchandfilter > div > ul > li:last-child{width: 10%}
.search-filter.resource-filter .searchandfilter > div > ul > li:first-child{width: 90%}
.resource-filter select{opacity: 0}
.resource-filter input[type="text"],
.resource-filter .selectric{height: 65px;border-radius: 5px;background-color: #ececec;outline: none;border: 1px solid #c0c0c0;padding: 0 45px 0 30px;font-size: 22px;line-height: 65px;font-family: 'hk_groteskregular', sans-serif;color: #003c4c;width: 100%;text-align: left;overflow: hidden;opacity: 1}
.resource-filter input[type="text"]{width: 100%}
.resource-filter .selectric{background: url('svgs/dropdown-field.svg')no-repeat right 24px center #ececec;}
.resource-filter .selectric .label{font-size: 22px;line-height: 65px;font-family: 'hk_groteskregular', sans-serif;color: #003c4c;padding: 0;margin: 0;}
.resource-filter .selectric-items{top: 64px;border-radius: 0 0 5px 5px;background-color: #fff;border: 1px solid #c0c0c0;box-shadow: none}
.resource-filter .selectric-items li{font-size: 22px;line-height: 28px;font-family: 'hk_groteskregular', sans-serif;color: #003c4c;padding: 11px 30px;text-align: left;width: 100%}
.resource-filter .selectric-items li.selected{background: #f5f5f5}
.resource-filter .selectric-items li:hover{background: #ececec}
.resource-filter input[type="submit"]{background: url('svgs/search.svg')no-repeat center;background-size: 27px 28px;width: 75px;height: 65px;border-radius: 5px;background-color: #fe4310;border: none;outline: none;float: right;}
.resource-filter input[type="submit"]:hover{opacity: .8}
.resource-posts-wrap{padding-bottom: 100px}
.resource-posts{max-width: 1044px;margin: 21px auto;}
.resource-item{display: inline-block;width: 325px;background: #fff;margin: 0 10px 43px;height: 445px;text-align: center;padding-bottom: 54px;position: relative;overflow: hidden;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);}
.resource-item a,
.resource-item figure,  .card-item figure{display: inline-block;float: left;width: 100%;color: inherit;overflow: hidden;}
.resource-item figure, .card-item figure{position: relative;}
.resource-item figure img, .card-item figure img{display: inline-block;float: left;width: 100%}
.resource-item h5, .card-item h5{color: #003c4c;font-size: 22px;font-family: 'CircularStd-Medium';font-weight: 500;display: inline-block;float: left;width: 100%;margin-top: 26px;padding: 0 29px;max-height: 80px;overflow: hidden;}
.resource-item a:hover h5, .card-item a:hover h5{text-decoration: underline;}
.resource-item p, .card-item p{color: #718490;font-size: 16px;line-height: 27px;padding: 22px 29px 0;display: inline-block;float: left;width: 100%;height: 110px}
.resource-item span{position: absolute;bottom: 0;left:0;padding: 13px 13px 16px;width: 100%;font-size: 12px;line-height: 25px;letter-spacing: 1px;font-family: 'hk_grotesksemibold';font-weight: 600;text-transform: uppercase;color: #0087ae;background: #fff}
.resource-item span a:hover{text-decoration: underline;}
.resource-item .play-video{width: 28px;display: inline-block;float: none}
.resource-item.default-item figure{height: 170px;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;}
.resource-item.default-item figure img{min-height: 170px}
.resource-item.background-image .overlay{position: absolute;bottom: 0;width: 100%;padding-bottom: 24px;display: table;height: 100%;padding-top: 300px;}
.resource-item.background-image .overlay.darken{background: rgba(0,0,0,0.16);}
.resource-item.background-image h5{color: #fff;margin-top: 10px}
.resource-item.foreground-image h5.above{margin-top: 50px}
.resource-item.foreground-image p{padding-top: 32px}
.resource-item.foreground-image figure{margin-top: 40px;padding: 0 20px;max-height: 220px}
.resource-item.foreground-image figure img{width: 100%;float: none}
.pagination-wrap{max-width: 1090px;margin: 0 auto;text-align: center;}
.pagination-wrap span,
.pagination-wrap a{display: inline-block;width: 32px;;border: 2px solid #0087ae;border-radius: 50%;text-align: center;font-size: 14px;font-family: 'hk_grotesksemibold', sans-serif;font-weight: 600;color: #0087ae;letter-spacing: 1.8px;margin: 0 9px;padding: 0 0 0 1px}
.pagination-wrap a:hover,
.pagination-wrap span{color: #fff;background-color: #0087ae}
.pagination-wrap .prev,
.pagination-wrap .next{border: none;text-transform: uppercase;color: #0087ae;letter-spacing: 1px;font-size: 12px;width: auto;margin: 10px 26px}
.pagination-wrap .prev:hover,
.pagination-wrap .next:hover{background:none;color: #0087ae;text-decoration: underline;}
.pagination-wrap .dots{border: none;background: none;color: #0087ae;font-family: 'CircularStd-Medium';font-weight: normal;font-size: 20px}

/* Begin Resources-Single page */
.single-resource-content{margin-bottom: 100px}
.single-resource-content .hero-wrap{min-height: 540px;display: block;}
.single-resource-content .hero-inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;padding: 200px 0 0}
.single-resource-content .hero-inner h1{display: inline-block;float: none;max-width: 1044px;padding: 0 30px}
.media-type{margin: 18px 0 0;font-family: 'hk_groteskmedium', sans-serif;font-weight: 500;font-size: 22px;line-height: 30px;}
.category{margin-bottom: 45px}
.media-type a{color: #40b3df}
.category a{color: #003c4c;/*text-transform: lowercase;*/}
.category span{padding: 0 10px;}
.category span:last-child{display: none}
.media-type a:hover,
.category a:hover{text-decoration: underline;}
.featured-image{position: relative;z-index: 1;max-width: 1044px;margin: -120px auto 0;min-height: 120px;text-align: center;padding: 0 30px}
.featured-image img{display: inline-block;width: auto;float: none;max-width: 100%}
.resource-content-wrap .common-wrap{position: relative;}
.resource-content-wrap.mt-100{margin-top: 100px}
.resource-content{padding: 0 129px;}
.resource-content:first-child{margin-top: 100px}
.addtoany_shortcode{width: 32px}
.share-top{position: absolute;top: 0;left: 14px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.share-top.fixed{position: fixed;top: 130px;left: auto;z-index: 1;}
.share-top.fixed-bottom{opacity: 0;pointer-events:none;}
.share-bottom{position: absolute;right: 0;left: auto;top: auto;bottom: -60px;width: auto;margin-right: 14px;z-index: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;opacity: 0;pointer-events:none;}
.share-bottom .addtoany_shortcode{width: auto}
.share-bottom.fixed-bottom{opacity: 1;pointer-events: all;}
.addtoany_shortcode .addtoany_list a{padding: 0;float: left;height: 32px}
.resource-content h2{font-size: 24px;line-height: 26px;font-family: 'CircularStd-Bold', sans-serif;font-weight: 700;margin: 0 0 26px}
.resource-content h3{font-size: 22px;line-height: 30px;font-family: 'CircularStd-Medium', sans-serif;font-weight: 400;margin: 0 0 26px}
.resource-content p{margin-bottom: 26px;}
.resource-content p a,
.resource-content li a{color: #0087ae;font-family: 'hk_grotesksemibold', sans-serif;font-weight: 500;}
.resource-content p a:hover,
.resource-content li a:hover{text-decoration: underline;}
.resource-content p strong,
.resource-content li strong{font-family: 'hk_groteskbold', sans-serif;font-weight: 600;color: #003c4c}
.resource-content ul,
.resource-content ol{margin: 0 20px 26px;}
.resource-content ol{margin-left: 46px}
.resource-content ul li,
.resource-content ol li{padding: 0 15px;}
.resource-content ul li{background: url('img/bullet.png')no-repeat left 12px;}
.resource-content ul li ul{margin-bottom: 0}
.resource-content ul li ul li{background: none;padding-left: 0}
.resource-content ul li ul li:before{content: "-";background: none;margin: 0 5px 0 -15px;}
.resource-content blockquote{margin: 60px 0;padding: 0 58px;border-left: solid 1px #0087ae;}
.resource-content blockquote p{color: #0087ae;font-size: 24px;line-height: 30px;font-family: 'hk_grotesksemibold_italic', sans-serif;font-style: italic;font-weight: 500}
.resource-content img{max-width: 100%;height: auto}
.resource-content img.aligncenter{margin: 0 auto;float: none;display: block;}
.resource-content .row{display: inline-block;width: 100%;text-align: center;}
.custom-btn-wrap{text-align: center;margin: 60px 0}
.custom-btn-wrap .btn{height: 47px;padding: 0 35px;font-family: 'hk_grotesksemibold', sans-serif;font-size: 15px;line-height: 43px;letter-spacing: normal;margin: 00;}
.resource-video{position: relative;margin: 0 0 100px;z-index: 1}
.resource-video iframe,
.resource-video video{float: left;}
.resource-video figure{float: left;width: 100%;}
.resource-video figure img{width: 100%;opacity: .28;float: left;}
.resource-video:before{position: absolute;bottom: -50px;left: 50%;width: 100%;max-width: 600px;height: 50px;content: '';-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);background-image: url(svgs/shadow.svg);background-repeat: no-repeat;background-position: center center;background-size: contain;background-blend-mode: multiply;}
.resource-video-content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-around;justify-content: space-around;-webkit-box-align: center;align-items: center;}
.resource-video-content > div{max-width: 470px;text-align: center;margin-top: 44px;}
.resource-video-content a{width: 34px;}
.resource-video-content a img{width: 100%}
.resource-video-content h3{letter-spacing: 1px;font-family: 'hk_groteskregular', sans-serif;font-weight: 400;margin-top: 16px;color: #ffffff;text-transform: uppercase;}
.resource-video-content .btn-wrap {position: absolute;bottom: 0;left: 0;width: 100%;max-width: 100%;-webkit-transform: translateY(50%);-moz-transform: translateY(50%);transform: translateY(50%);line-height: 63px;margin-top: 38px;text-align: center;}
.resource-video-content .btn-wrap .btn{height: 67px;width: 192px}
.resource-video-content .btn-wrap .btn:hover{background-color: #fff}
.numbered-list{counter-reset: cunterItem;margin: 0 0 26px;padding: 0 129px;}
.numbered-list li{position: relative;display: inline-block;float: left;width: 100%;padding: 0 104px 0 52px;margin-bottom: 26px}
.numbered-list li:last-child{margin-bottom: 0}
.numbered-list li:before{width: 32px;height: 32px;background-color: #0087ae;counter-increment: cunterItem;content: counter(cunterItem)"";display: block;border-radius: 50%;text-align: center;font-size: 14px;line-height: 32px;position: absolute;top: 0;left: 0;color: #fff;font-family: 'hk_groteskmedium', sans-serif;;}
.numbered-list li span{display: inline-block;line-height: 26px;font-family: 'hk_groteskbold', sans-serif;font-weight: 700;color: #002639;margin-bottom: 11px}
.resource-form-wrap{margin: 100px 129px}
.resource-form-wrap h3{font-size: 22px;line-height: 26px;font-family: 'hk_grotesbold', sans-serif;font-weight: 700;}
.resource-form-wrap p{font-size: 20px;line-height: 30px;}
.resource-form-text{display: inline-block;float: left;text-align: center;width: 100%;margin-bottom: 26px}
.resource-form{display: inline-block;float: right;width: 100%}
.gform_wrapper,
.gform_wrapper .gform_footer{display: inline-block;float: left;width: 100%;text-align: center;margin-top: 26px}
.gform_wrapper .gform_anchor{float: left;}
.gform_wrapper .gform_body .gform_fields .gfield{display: inline-block;float: left;width: 48%;margin-bottom: 25px;clear: left;}
.gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){margin-left: 2%;clear: none}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_required{display: none}
.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper .gform_body .gform_fields .gfield textarea,
.gform_wrapper .gform_footer input[type=submit]{font-family: 'hk_groteskregular', sans-serif;height: 49px;padding: 5px 27px;color: #003c4c;width: 100%;border-radius: 25px;font-size: 16px;letter-spacing: -0.4px;font-weight: normal;border: solid 1px #c0c0c0;}
.gform_wrapper .gform_body .gform_fields .gfield textarea{padding: 15px 27px}
.gform_wrapper .gform_footer input[type=submit]{color: #ffffff;background-color: #fe4310;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;transition: all .3s ease-in;border: 1px solid transparent;font-family: 'hk_grotesksemibold', sans-serif;font-size: 17px;letter-spacing: normal;border-color: #fe4310;width: 48%}
.gform_wrapper .gform_footer input[type=submit]:hover{background-color: #fff;color: #fe4310}
.gform_wrapper .gform_ajax_spinner{display: inline-block;margin: 15px 20px 0;float: none}
.gform_wrapper .validation_error{padding: 0 0 27px;color: #fe4310;text-align: center;font-size: 20px;line-height: 30px;}
.gform_wrapper .gform_body .gform_fields .gfield_error .validation_message{padding: 0 27px;font-size: 15px;color: #fe4310;}
.resource-form .gform_wrapper .gform_body .gform_fields .gfield.join{color: #003c4c;margin: 25px 0}
.gform_confirmation_wrapper{text-align: center;width: 100%}
#gform_confirmation_wrapper_1{text-align: left;}
.resource-closing-banner{padding: 66px 373px 60px 73px;display: inline-block;float: left;background-position: right 73px center!important;background-color: #22a8e6!important;width: 100%}
.resource-closing-banner h2{font-family: 'CircularStd-Medium', sans-serif;font-size: 28px;font-weight: 500;color: #fff;margin-bottom: 11px;}
.resource-closing-banner p{font-family: 'FrutigerLT-Light', sans-serif;font-size: 19px;line-height: 25px;font-weight: 300;color: #fff}
.resource-closing-banner .btn{height: 47px;padding: 0 35px;font-family: 'hk_grotesksemibold', sans-serif;font-size: 15px;line-height: 43px;letter-spacing: normal;margin:30px 20px 0 0 }
.resource-closing-banner .btn.dark-blue{color: #fff;border: 1px solid #fff}
.resource-closing-banner .btn.dark-blue:before{background: #fff}
.resource-closing-banner .btn.dark-blue:after{background: #003c4c;border-color: #003c4c;}
.resource-closing-banner .btn.dark-blue:hover{color: #003c4c;border-color: #003c4c}
.resource-closing-banner .btn.white{color: #003c4c;border: 1px solid #003c4c}
.resource-closing-banner .btn.white:before{background: #003c4c}
.resource-closing-banner .btn.white:after{background: #fff}
.resource-closing-banner .btn.white:hover{color: #fff;background-color: #fff;}
.author-wrap a{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center;margin: 0 0 95px}
.author-wrap figure{display: inline-block;border-radius: 100%;overflow: hidden;}
.author-wrap figure img{width: 50px}
.author-wrap span{font-family: 'hk_grotesksemibold', sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 1.8px;color: #003c4c;text-transform: uppercase;padding: 0 15px}
.author-wrap a:hover span{text-decoration: underline;}
.similar-resources{padding: 100px 0 0;display: inline-block;float: left;width: 100%;text-align: center;}
.similar-resources h3{font-size: 24px;line-height: 26px;font-family: 'hk_grotesbold', sans-serif;font-weight: 700;margin: 0 0 57px}

.home-featured-form.features-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=text], .home-featured-form.features-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=email], .home-featured-form.features-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], .home-featured-form.features-wrap .gform_wrapper .gform_body .gform_fields .gfield textarea, 
.contact-page-form .gform_wrapper .gform_body .gform_fields .gfield textarea, .contact-page-form .gform_wrapper .gform_body .gform_fields .gfield input[type=email], .contact-page-form .gform_wrapper .gform_body .gform_fields .gfield input[type=text],  .contact-page-form .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]{ border: 1px solid #A3ABB0; border-radius: 7px; font-size: 17px; line-height: 47px;/* height: unset; */padding: 0 27px;}
.home-featured-form.features-wrap .gform_wrapper .gform_body .gform_fields .gfield.pos-ab-r textarea, .contact-us-form textarea{height: 116px;}
.home-featured-form  textarea::-webkit-input-placeholder, .flexible-form-wrap textarea::-webkit-input-placeholder, .contact-us-form textarea::-webkit-input-placeholder{  color: #003C4C !important; font-weight: 600; letter-spacing: normal; }
.home-featured-form  input::-webkit-input-placeholder, .flexible-form-wrap input::-webkit-input-placeholder, .contact-us-form input::-webkit-input-placeholder{color: #003C4C;font-weight: 600; letter-spacing: normal;}
.home-featured-form  input:-moz-placeholder, .flexible-form-wrap input:-moz-placeholder{color: #003C4C;font-weight: 600; letter-spacing: normal;}
.home-featured-form  input::-moz-placeholder, .flexible-form-wrap input::-moz-placeholder{ color: #003C4C;font-weight: 600; letter-spacing: normal;}
.home-featured-form  input:-ms-input-placeholder, .flexible-form-wrap input:-ms-input-placeholder{color: #003C4C;font-weight: 600; letter-spacing: normal;}
.home-featured-form .gform_wrapper .gform_footer input[type=submit]{width: auto;  padding: 0px 38px;}

/* Hubspot Content Download Form */
.resource-form .hbspt-form .hs-form-field > label{display: none}
.resource-form .hbspt-form .hs-form-field > .input input[type="text"],
.resource-form .hbspt-form .hs-form-field > .input input[type="tel"],
.resource-form .hbspt-form .hs-form-field > .input input[type="email"],
.resource-form .hbspt-form .hs-form-field > .input textarea,
.resource-form .hbspt-form .hs-fieldtype-select select, .password-protect-section input[type="password"]{border-radius: 25px;background: #fff}
.resource-form .hbspt-form .hs-fieldtype-select{width: 48%!important}
.resource-form .hbspt-form .hs-fieldtype-select select{width: 100%;padding: 11px 27px;height: 49px;-moz-appearance: window; -webkit-appearance: none;background-image: url('images/menu-dropdown.png');background-repeat: no-repeat;background-position: center right 20px;background-size: 8px 5px;}
.resource-form .hbspt-form .hs-form-booleancheckbox{margin-bottom: 25px}
.resource-form .hbspt-form .hs-form-booleancheckbox > label{width: auto;float: none;}
.resource-form .hbspt-form .hs-form-booleancheckbox,
.resource-form .hbspt-form .hs-richtext,
.resource-form .hbspt-form .hs-submit,
.resource-form .hs-error-msgs{text-align: center;}

/* Begin Search page */
.search-page .wizardinfosys_autosearch_wrapper{width: 91%!important}
/*.search-page .resource-filter .searchandfilter > div > ul > li:first-child{width: 90%}*/
.search-page .wp_autosearch_submit,
.search-page .wp_autosearch_submit:hover,
.search-page .wp_autosearch_submit:active,
.search-page .wp_autosearch_submit:visited{display: inline-block!important;background: url(svgs/search.svg)no-repeat center!important;background-size: 27px 28px!important;width: 75px!important;height: 65px!important;border-radius: 5px!important;background-color: #fe4310!important;border: none!important;outline: none!important;float: right!important;margin-right: -92px!important}
.search-page .wp_autosearch_submit:hover{opacity: .8}

/* Get Started page */
input[type='number']{ -moz-appearance:textfield; } 
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
.small-btn{height: 43px; line-height: 38px; font-size: 16px; width: 174px;}
.medium-btn{width: 198px;}
.white-btn{color: #0087ae;border-color: #fff;}
.white-btn:before{background: #0087ae!important}
.white-btn:after{background: #fff!important}
.white-btn:hover{border-color: #0087ae; color: #fff;}
.get-content{position: absolute;z-index: 999;background: #fff;min-height: 100vh}
.get-logo-wrap{float: left; width: 100%; padding: 15px 0;}
.get-logo-wrap .common-wrap{max-width: 1438px;}
.get-logo-wrap a{width: 211px; float: left;}
.get-logo-wrap a img{width: 100%;}
.get-graphics{position: fixed; top: 0; right: 0; width: 37.5%; min-width: 435px; height: 101%; padding: 20px 20px;background-size: 100% auto;background-repeat: no-repeat;background-position: top right;background-color: #002639;text-align: center;}
.get-graphics-inner{max-width: 400px; margin: 0 auto; clear: both; text-align: center;}
.get-graphics a{margin: 14px 0px; font-family: 'CircularStd-Bold', sans-serif; line-height: 43px;z-index: 1}
.get-graphics > a{margin-right: 5px;}
.tootip-wrap > a{margin-left: 5px;}
.tootip-wrap > a:hover{background: #fff;border-color: #fe4310}
.input-wrapper .input-wrap:nth-child(even){margin-left: 0px;}
.input-wrapper .input-wrap:nth-child(odd){margin-right: 0px;}
.advisor-triger{cursor: pointer;}
.get-graphics .advisor span{color: #718490;}
.tootip-wrap{display: inline-block; position: relative;}
.tool-tip{position: absolute; left: auto; right: 0; width: 386px; background-color: #ffffff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius: 11px; padding: 80px 65px 108px; margin-top: 20px; display: none;}
.tool-tip:after{position: absolute; top: -18.5px; left: auto; right: 75px; background-image: url(images/dropdown-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 33.5px 18.5px; content: ''; width: 33.5px; height: 18.5px; top: -14px;}
.tool-tip h5, .form-inner-wrap h5{font-size: 22px; line-height: 30px; color: #0087ae; font-family: 'hk_grotesksemibold',sans-serif; font-weight: normal; }
.tool-tip .advisor{display: block; margin: 36px auto 0;}
.personal-info{margin-top: 14px; text-align: left;}
.personal-info a{font-size: 17px; line-height: 25px; color: #003c4c; background-repeat: no-repeat; background-position: left center; margin: 25px 0 0; padding-left: 35px; font-family: 'frutiger_lt_std65_bold', sans-serif; font-weight: normal;}
.personal-info a:nth-child(1){background-image: url(svgs/002-phone-call-copy-4.svg); background-size: 19px 20px;}
.personal-info a:nth-child(2){background-image: url(svgs/001-envelope-copy-2.svg); background-size: 21px 17px;}
.personal-info a:hover{text-decoration: underline;}
.get-container{max-width: 1260px;}
.get-form-wrap{float: left; width: 54.46428571428571%; margin: 143px 0 225px;}
.get-form-wrap h1{letter-spacing: -.5px;}
.form-inner-wrap, .check-item-wrap, .check-item, .input-wrapper, .cloud-direct-content .hero-inner{float: left; width: 100%;}
.form-inner-wrap{margin-top: 63px;}
.form-inner-wrap h5{float: left; width: 100%; margin-bottom: 20px;}
.check-item{margin-top: 17px; padding: 12.5px 20px; position: relative; z-index: 1;}
.check-bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #e8e8e8; content: ''; border-radius: 7px; z-index: -1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.check-item:nth-child(2){margin-top: 12px;}
.check-item label{font-size: 24px; line-height: 40px; color: #003c4c; font-family: 'hk_groteskbold', sans-serif; font-weight: normal; padding-left: 59px; position: relative; z-index: 2; float: left;}
.large-check label{font-size: 18px; color: #003c4c; letter-spacing: -.5px; font-family: 'CircularStd-Book', sans-serif;}
.check-item input[type="checkbox"], .check-box{width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 12.5px; left: 20px; background-color: #f6f6f6; border: 1px solid #b5b5b5; z-index: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.check-box:after{background-image: url(svgs/form-tick.svg); background-repeat: no-repeat; background-size: 22px 16px; background-position: center; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.check-item input[type="checkbox"]{opacity: 0; margin: 0; padding: 0;}
.check-item input[type="checkbox"]:checked ~ .check-box{background-color: #fe4310; border-color: #fe4310;}
.check-item input[type="checkbox"]:checked ~ .check-box:after{opacity: 1;}
.check-item input[type="checkbox"]:checked ~ label{color: #ffffff;}
.check-item input[type="checkbox"]:checked ~ .check-bg{background-color: #002639;}
.input-wrapper{margin-top: 76px;}
.input-wrapper h5{margin-bottom: 28px;}
.input-wrapper .input-wrap{float: left; width: 48.28614008941878%; margin: 11px 1.713859910581222%;}
.input-wrapper .input-wrap.full-width{float: left; width: 100%; margin: 13px 0;}
.input-wrapper label{font-size: 18px; line-height: 24px; color: #003c4c; float: left; width: auto; margin-bottom: 10px; position: relative; letter-spacing: -.5px;}
.input-wrapper .required-icon label:after, .required-sign:after{position: absolute; top: 4px; right: -12px; content: "*"; font-size: 18px; color: #003c4c; line-height: 18px; }
.input-wrapper .input-wrap input[type="text"], .input-wrapper .input-wrap input[type="email"], .input-wrapper .input-wrap input[type="number"], .input-wrapper .input-wrap textarea{height: 47px; border: 1px solid #b3b3b3; background-color: #f9f9f9; border-radius: 7px; float: left; width: 100%; padding: 0 10px; font-size: 17px;}
.input-wrap.full-width.msg{margin-top: 21px;}
.input-wrap.full-width textarea{height: 232px; padding: 10px; resize: none;}
.required-sign{font-size: 12px; letter-spacing: -.5px; color: #003c4c; line-height: 20px; position: relative; padding-left: 7px; margin-top: 10px; float: left; width: 100%; font-family: 'CircularStd-Book',sans-serif; font-weight: normal; font-style: normal;}
.required-sign:after{line-height: 12px; right: auto; left: 0; font-size: 12px;}
.input-wrap.full-width.sub-btn{margin-top: 15px;}
.sub-btn .check-item{width: auto; background-color: transparent; padding: 0px; margin-top: 22.5px;}
.sub-btn .check-item label{line-height: 22px; padding-left: 39px; font-family: 'CircularStd-Book',sans-serif; font-weight: normal; margin-bottom: 0px; color: #003c4c;}
.sub-btn .check-box{width: 22px; height: 22px; border: 1px solid #fe4310; background-color: transparent; left: 0; top: 0;}
.sub-btn .check-box:after{background-image: url(svgs/a.svg); background-size: 12px 9px;}
.sub-btn .check-item input[type="checkbox"]:checked ~ .check-box{background-color: transparent;}
.sub-btn .check-item input[type="checkbox"]:checked ~ label{color: #003c4c;}
.sub-btn input[type="submit"]{width: 177px; float: right;}
/* Hubspot Get Started Form */
.hbspt-form fieldset{max-width: 100%!important}
.hbspt-form fieldset h5{margin: 66px 0 14px;}
.hbspt-form .hs-form-field{display: inline-block;float: left;margin: 25px 0 0;text-align: left;clear: none;width: 100%}
.hbspt-form .hs-form-field label{display: inline-block;width: 100%}
.hbspt-form .hs-form-field > label > span{font-family: 'hk_groteskregular', sans-serif;font-size: 18px;letter-spacing: -0.5px;color: #003c4c;margin-bottom: 10px;display: inline-block;}
.hbspt-form .hs-form-field > label > span.hs-form-required{display: inline;margin-left: 5px}
.hbspt-form .hs-form-field > .input{margin: 0!important}
.hbspt-form .hs-form-field > .input input[type="text"],
.hbspt-form .hs-form-field > .input input[type="tel"],
.hbspt-form .hs-form-field > .input input[type="email"],
.hbspt-form .hs-form-field > .input textarea, .flexible-form-wrap .hbspt-form .hs-form-field > .input select, .flexible-form-wrap .hbspt-form .hs-form-field > .input .selectric, .clickdform input[type='text'], .clickdform textarea, .clickdform select,  .clickdform  input[type="tel"], .password-protect-section input[type="password"]{font-family: 'hk_groteskregular', sans-serif !important;height: 49px;padding: 15px 27px;color: #003c4c;width: 100%!important;font-size: 16px;letter-spacing: -0.4px;font-weight: normal;border-radius: 7px;border: solid 1px #b3b3b3;background-color: #f9f9f9;}
.hbspt-form .hs-form-field > .input textarea, .gform_wrapper .gform_body .gform_fields .gfield textarea{height: 233px;resize: none;}
.hbspt-form .hs-form-checkbox{display: inline-block;float: left;width: 100%;margin-bottom: 17px;}
.get-form-wrap .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield > div > ul.gfield_checkbox > li {float: left;width: 100%;margin-bottom: 17px;}
.hbspt-form .hs-fieldtype-checkbox > label{display: inline-block;margin: 41px 0 39px;}
.hbspt-form .hs-fieldtype-checkbox > label > span, .get-form-wrap .gfield li > label{font-family: 'hk_grotesksemibold', sans-serif;font-size: 22px;line-height: 30px;letter-spacing: normal;text-align: left;color: #0087ae;}
.hbspt-form .hs-form-checkbox label, .get-form-wrap .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield li{width: 100%;text-align: left;position: relative;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.hbspt-form .hs-form-checkbox label .hs-input, .get-form-wrap .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield li input[type="checkbox"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 40px!important;height: 40px;border: 1px solid #b5b5b5;border-radius: 100%;margin: 0;display: block;float: left;position: absolute;left: 20px;cursor: pointer}
.hbspt-form .hs-form-checkbox label span,  .get-form-wrap .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield > div > ul.gfield_checkbox > li >label{font-family: 'hk_grotesbold', sans-serif;font-size: 24px;letter-spacing: normal;color: #003c4c;padding: 19px 19px 19px 79px;margin: 0;display: block;border-radius: 7px;background-color: #f6f6f6;width: 100%}
.hbspt-form .hs-form-checkbox label input[type="checkbox"]:checked, .get-form-wrap .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type="checkbox"]:checked{background-image: url('svgs/form-tick.svg');background-repeat: no-repeat;background-position: center;background-color: #fe4310;border: 1px #fe4310;}
.hbspt-form .hs-form-checkbox label input[type="checkbox"]:checked ~ span, .get-form-wrap .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield li input[type="checkbox"]:checked ~ label{background: #002639;color: #fff}
.hbspt-form .form-columns-2 .hs-fieldtype-text, .hbspt-form .form-columns-2 .hs-fieldtype-select{width: 48%!important;}
.hbspt-form .form-columns-2 .hs-fieldtype-text:nth-child(odd){clear: left;}
.hbspt-form .form-columns-2 .hs-fieldtype-text:nth-child(even), .hbspt-form .form-columns-2 .hs-fieldtype-select:nth-child(even){float: right!important;}
.hbspt-form .hs-richtext{margin: 25px 0 0;padding: 0 5px}
.hbspt-form .hs-richtext a, .responsiveRow p a, .responsiveRow p strong a, .responsiveRow  a{color: #0087ae}
.hbspt-form .hs-richtext a:hover, .responsiveRow p a:hover{text-decoration: underline;}
.hbspt-form .hs-form-booleancheckbox > label{display: inline-block;float: left;font-family: 'CircularStd-Book', sans-serif;font-size: 18px;line-height: 22px;letter-spacing: -0.5px;padding: 0 0 0 39px;position: relative;color: #003c4c;}
.hbspt-form .hs-form-booleancheckbox input[type="checkbox"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 22px!important;height: 22px;display: inline-block;float: left;border-radius: 100%;border: 1px solid #fe4310;position: absolute;left: 0;cursor: pointer;}
.hbspt-form .hs-form-booleancheckbox input[type="checkbox"]:checked{background-image: url('svgs/form-small-tick.svg');background-repeat: no-repeat;background-position: center;background-color: transparent;}
.hbspt-form .grecaptcha-badge{overflow: hidden;margin: 25px 0}
.hbspt-form .hs-submit{margin-top: 25px}
.get-form-wrap .hbspt-form .hs-submit{float: right;margin-top: -88px;}
.hbspt-form .hs-submit input[type="submit"],.gform_wrapper .gform_footer input[type=submit],.password-protect-section input[type="submit"]{color: #ffffff;background-color: #fe4310;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;transition: all .3s ease-in;border: 1px solid transparent;font-family: 'hk_grotesksemibold', sans-serif;font-size: 17px;letter-spacing: normal;border-color: #fe4310;border-radius: 33.5px;padding: 10px 40px;min-width: 240px}
.get-form-wrap .hbspt-form .hs-submit input[type="submit"]{padding: 20px 60px;min-width: 180px}
.hbspt-form .hs-submit input[type="submit"]:hover, #btnSubmit:hover,.password-protect-section input[type="submit"]:hover{background-color: #fff;color: #fe4310 !important;}
.hs_error_rollup{margin: 25px 0}
.hs-error-msgs label, .get-form-wrap .clickdform .requiredInfo div{font-size: 15px;color: #fe4310;padding: 0 5px}
.get-form-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text.hs_email{clear: right;float: right;}
.get-form-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text.hs_phone{float: left!important;}


.password-protect-section input[type="password"]{width: auto!important}
.password-protect-section input[type="submit"]{min-width: auto !important}
.post-password-form {display: flex; flex-flow: column; align-items: center;}
.post-password-form p:nth-child(2){margin-top: 40px}

.get-form-wrap .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(2){width: 100%;}
.txt-form-inner .gform_wrapper .gform_body .gform_fields .gfield{width: 100%; text-align: left}
.txt-form-inner .gform_wrapper .gform_body .gform_fields .gfield input{border-radius: 7px;}
.txt-form-inner .gform_wrapper .gform_body .gform_fields .gfield label{font-family: 'hk_groteskregular',sans-serif; font-size: 18px;letter-spacing: -0.5px;  color: #003c4c; display: inline-block; margin-bottom: 10px;}
.txt-form-inner .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){margin-left: 0}
.txt-form-inner .gform_wrapper .gform_body .gform_fields .gfield .gfield_required{display: inline-block;}
.txt-form-inner .gform_wrapper .gform_footer{text-align: left;margin-top: 0; margin-bottom: 20px;}
.txt-form-inner .gform_wrapper .gform_footer input[type=submit]{padding: 20px 60px; height: auto;  }

/* About page */
.about-content .hero-inner{padding: 215px 0;}
.about-content .hero-content{max-width: 749px}
.about-content .hero-content p{margin-top: 19px;}
.organic-section{position: relative; z-index: 2;padding: 114px 0 0; margin-top: -50px;}
.organic-section .lead-text p{color: #003c4c; font-size: 20px; line-height: 30px; margin-top: 25px;}
.organic-item-section{float: left; width: 100%}
.organic-item-section .common-wrap{max-width: 1078px}
.organic-item-wrap{float: left; width: 100%; margin-top: 80px; margin-bottom: -165px;}
.organic-item{float: left; width: 30.95238095238095%; margin: 0 1.785714285714286%; background-color: #40b3df; padding: 61px 20px 79px; text-align: center; position: relative;}
.organic-item:nth-child(3n+1){margin-left: 0; background-color: #186880}
.organic-item:nth-child(3n+3){margin-right: 0; background-color: #0087ae}
.organic-item figure{width: 101px; display: inline-block;background: #e7eef2;border-radius: 100%}
.organic-item figure img{width: 100%;padding: 15px}
.organic-item-title{max-width: 275px; text-align: center; margin: 0 auto; padding: 7px 10px 0; clear: both;}
.organic-item-title h3{font-size: 36px; color: #ffffff; font-family: 'hk_groteskbold', sans-serif; font-weight: 700;}
.organic-item-title p{font-size: 18px; line-height: 25px; color: #ffffff; margin-top: 12px; font-family: 'hk_groteskmedium', sans-serif; font-weight: 500}
.principles-section{float: left; width: 100%; padding: 305px 0 165px; position: relative; z-index: 1;}
.principles-section.skew:after, .about-accordian.skew:after{background-color: #ffffff; -webkit-transform: skewY(3.2deg); -moz-transform: skewY(3.2deg); transform: skewY(3.2deg);}
.principles-section .common-wrap{max-width: 831px}
.principles-section .lead-text p{color: #718490; font-size: 20px; line-height: 30px; margin-top: 27px;}
.principle-carosule-wrap{float: left; width: 100%; margin-top: 80px}
.principle-carosule-wrap .common-wrap{max-width: 1430px; padding: 0 50px;}
.principle-carosule-wrap .common-wrap .slick-list{/*margin: 0 -33.5px;*/ max-width: 1100px; margin: 0 auto; clear: both;}
.principles-item{width: 29.01353965183752%; /*margin: 0 3.239845261121857%; */float: left; text-align: center; padding: 0 33.5px;}
.principles-item:focus{outline: none;}
.principles-item figure{width: 65px; height: 65px; background-color: #f5f5f5; border-radius: 50%; display: block; margin: 0 auto;}
.principles-item h5, .principles-item p{float:left; width: 100%;}
.principles-item h5, .principles-item p{margin-top: 16px;}
.principle-carosule-wrap .slick-arrow{width: 31px; height: 31px; border-radius: 50%; background-size: 30px 31px; background-repeat: no-repeat; background-position: center center;}
.principle-carosule-wrap .slick-prev, .principle-carosule-wrap .slick-next{top: 41%;}
.principle-carosule-wrap .slick-prev{background-image: url(svgs/about-arrow-left.svg); left: 12px;}
.principle-carosule-wrap .slick-next{background-image: url(svgs/about-arrow-right.svg); right: 12px;}
.about-content  .what-we-do-section{padding: 222px 0 214px; text-align: center}
.about-content  .what-we-do-section .lead-text h1{font-size: 280px; line-height: 190px; letter-spacing: -0.8px; color: rgba(255, 255, 255, 0.14); font-family: 'CircularStd-Bold', sans-serif; font-weight: 600}
.about-content  .what-we-do-section .lead-text p{margin-top: 35px; font-size: 24px; color: #ffffff; font-family: 'hk_groteskmedium', sans-serif; font-weight: 500; float: left; width: 100%}
.about-content .what-we-do-section .btn-wrap{margin-top: 33px; text-align: center; }
.about-content .what-we-do-section .btn{width: 336px;}
.about-content .middle-text{padding: 103px 0 130px; z-index: 2; background-color: transparent;}
.about-content .middle-text p{margin-top: 30px;}
.about-content .middle-text p:nth-child(2){margin-top: 18px;}
.about-content .middle-text:after{background-color: #002639; }
.about-accordian{float: left; width: 100%; padding: 140px 0 170px; position: relative; z-index: 2; margin-top: -67px;}
.about-accordian .common-wrap{max-width: 893px}
.about-accordian .lead-text {max-width: 675px}
.about-acordian-wrap{float: left; width: 100%; margin-top: 30px}
.about-acordian-item{float: left; width: 100%; border-bottom: 1px solid #c0c0c0; position: relative; margin-top: 15px; padding: 18px 0 30px;}
.about-acordian-item:last-child{border-bottom: 0px;}
.about-acordian-item.open:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.about-acordian-item h5{color: #003c4c; font-size: 24px; line-height: 36px; padding: 0 40px 0px 88px; cursor: pointer; position: relative;}
.about-acordian-item h5:after{position: absolute; content: ""; width: 20px; height: 13px; background-image: url(svgs/angle-arrow-down-copy-2.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; top: 12px; right: 13px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.about-acordian-item h5 img{width: 36px; position: absolute; top: 0; left: 16px;}
.about-acordian-text{float: left; width: 100%; padding: 0 35px 22px 90px; display: none;}
/*.about-acordian-item:nth-child(1) .about-acordian-text{display: block;}*/
.about-acordian-text h6{color: #0087ae; font-size: 20px; line-height: 27px; font-family: 'hk_groteskregular', sans-serif; font-weight: 400}
.about-acordian-text p{margin-top: 27px; color: #718490; font-size: 18px; line-height: 27px; font-family: 'hk_groteskregular', sans-serif; font-weight: 400}
.leaders{float: left; width: 100%; padding: 141px 0 122px;}
.leaders .lead-text{max-width: 990px}
.leaders .lead-text p{color: #003c4c; margin-top: 22px}
.leaders-item-wrap{float: left; width: 100%; margin-top: 13px}
.leaders-item .common-wrap{max-width: 1075px}
.leaders-item{float: left; width: 100%; padding: 99px 0; border-bottom: 1px solid #e3e3e3}
.leaders-item-left{float: left; width: 58.90804597701149%; margin: 0 4.932950191570881%}
.leaders-item-left:first-child{margin-left: 0}
.leaders-item-left:last-child{margin-right: 0}
.leaders-item:last-child{border-bottom: 0px;}
.leader-item-figure{float: left; width: 52.68292682926829%;}
.leader-item-figure img{width: 100%}
.leaders-item-info{float: left; width: 41.46341463414634%; margin-left: 5.853658536585366%}
.leaders-item-info h6{color: #003c4c; font-size: 22px; font-family: 'hk_groteskmedium', sans-serif; font-weight: 500}
.leaders-item-info dfn{color: #003c4c; font-size: 16px; font-style: normal; font-family: 'CircularStd-Book', sans-serif;}
.leaders-item-right{float: left; width: 31.13026819923372%; margin-left: 4.932950191570881%;}
.leaders-item-right p{font-size: 16px; line-height: 25px; color: #718490; font-family: 'hk_groteskregular', sans-serif; font-weight: 400; height: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; overflow: hidden;}
.leaders-item-right p:nth-child(-n+2), .leaders-item-right.open p{visibility: visible; height: auto; margin-top: 25px;}
.leaders-item-right p:first-child{margin-top: 0}
.leaders-item-right span{font-size: 16px; line-height: 25px; color: #718490; font-family: 'hk_groteskbold', sans-serif; font-weight: 600; text-transform: uppercase; cursor: pointer;}
.leader-item-info-social{float: left; width: 100%; margin-top: 26px}
.leader-item-info-social span{color: #46a7ff; font-size: 16px; font-family: 'CircularStd-Book', sans-serif; padding-left: 17px; line-height: 29px;}
.leader-item-info-social a{font-size: 0; line-height: 0;}
.leader-item-info-social a img{width: 29px; display: inline-block; vertical-align: middle;}
.about-content .features-wrap{padding: 138px 0 163px;}
.about-content .features-wrap.skew-angle:before, .about-content .feature-bg:after{background-color: #fbfbfb;}
.about-content .features-wrap p{margin-top: 33px;}
.about-content .features-inner-wrap .btn-wrap a.btn{width: 315px;}

.about-content  .why-cloud-wrap{background-color: transparent;}

/* Careers page */
.careers-content .hero-inner{padding: 265px 0;}
.tech-section{padding: 42px 0 105px; background-color: #ffffff;}
.tech-section .common-wrap{max-width: 1030px} 
.tech-wrap{float: left; width: 100%; text-align: center; padding-bottom: 50px}
.tech-item{float: left; width: 28.0439121756487%; margin:0  3.942115768463074%}
.tech-item:nth-child(3n+1), .principles-item:nth-child(3n+1){margin-left: 0;}
.tech-item:nth-child(3n+3), .principles-item:nth-child(3n+2){margin-right: 0}
.tech-item figure{max-width:50px; margin: 0 auto}
.tech-item figure img,
.gallery-item img{width: 100%}
.tech-item h5{float: left; width: 100%; margin-top: 32px}
.tech-item p{float: left; width: 100%; margin-top: 12px; font-size: 20px; line-height: 30px;}
.carrers-wellcome-content {padding: 89px 0 0; background: #002639; position: relative; z-index: 2; }
.carrers-wellcome-content.skew-angle:before{background: #002639; -webkit-transform: skewY(2.3deg);-moz-transform: skewY(2.3deg); transform: skewY(2.3deg); top: -50px;}
.carrers-wellcome-content .lead-text p{margin-top: 20px;}
.carrers-wellcome-content .lead-text h2, .what-we-do-inner .lead-text h2{color: #ffffff}
.carrers-wellcome-content .lead-text p, .what-we-do-inner .lead-text p{color: #cccccc}
.carrers-wellcome-content .lead-text p{margin-top: 20px;}
.gallery-section{float: left; width: 100%; margin-top: 114px;}
.gallery-item {float: left; width: 18.75%; margin: 3px 0.1875%; position: relative;}
.gallery-item:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 168, 230, .15); content: '';}
.gallery-item:nth-child(6n+1){margin-left: 0; width: 11.5625%; clear: both;}
.gallery-item:nth-child(6n+6){margin-right: 0; width: 11.5625%;}
.gallery-item:nth-last-child(-n+6){margin-bottom: 0;}
.middle-text{background: #f5f5f5; padding: 116px 0 150px; position: relative;}
.middle-text.skew-angle:before{background-color: #f5f5f5; bottom: -40px; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg);}
.middle-text .lead-text h2{color: #0087ae; letter-spacing: -.5px;}
.careers-content .news-article{padding: 134px 0 146px; z-index: 2;}
.careers-content .news-article:after{background-color: #ffffff;}
.careers-content .news-article .common-wrap{max-width: 1062px;}
.careers-content .news-article .lead-text{max-width: 970px;}
.careers-content .news-article .lead-text p{color: #718490; margin-top: 32px}
.careers-content .news-article-item-wrap{margin-top: 0;}
.careers-content .news-article-item{text-align: center; margin-top: 93px;}
.careers-content .news-article-item figure{margin: 0 auto}
.careers-content .news-article-item figure img{padding: 15px}
.careers-content .news-article .btn-wrap{margin-top: 98px;}
.careers-content .news-article .btn{width: 230px}
.what-we-do-section{float: left; width: 100%; background-image: url(images/background-pattern@2x.png); background-repeat: no-repeat; background-position: center; background-blend-mode: multiply; background-color: #002639; margin-top: -50px; padding: 216px 0 175px; background-size: cover; }
.what-we-do-section .lead-text, .position-section .lead-text{max-width: 100%}
.what-we-do-section .lead-text h2{color: #ffffff;}
.what-we-do-section .lead-text p:nth-child(2){margin-top: 42px;}
.what-we-do-section .lead-text p{margin-top: 30px;}
.careers-content .what-we-do-section .lead-text p{font-family: 'hk_groteskmedium', sans-serif; font-weight: normal; color: #d8d8d8;}
.careers-content .what-we-do-section .lead-text p span{font-family: 'hk_groteskregular', sans-serif; font-weight: normal;}
.what-we-do-item-wrap, .organic-item-wrap{float: left; width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; margin-top: 59px;}
.what-we-do-item{float: left; width: 48.37164750957854%;; margin: 35px 1.628352490421456%;  display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.what-we-do-item:nth-child(2n+1), .what-we-do-des:nth-child(2n+1){margin-left: 0}
.what-we-do-item:nth-child(2n+2), .what-we-do-des:nth-child(2n+2){margin-right: 0}
.what-we-do-des{float: left; width: 46.93069306930693%;margin: 0 3.069306930693069%; position: relative;}
.what-we-do-des img{width: 100%}
.what-we-content{padding-bottom: 65px;}
.what-we-do-des p{color: #bdc6cc; font-size: 18px; font-family: 'hk_groteskitalic', sans-serif; font-weight: 300; text-align: left; line-height: 21px;}
.item-info{position: absolute; bottom: 0; left: 0; width: 100%;}
.item-info h6{display: block; color: #ffffff; font-size: 22px; font-family: 'CircularStd-Medium', sans-serif; font-weight: 500; line-height: 22px;}
.item-info dfn {color: #ffffff; font-size: 16px; font-family: 'CircularStd-Book', sans-serif; font-style: normal;}
.position-section{padding: 108px 0 175px; background: #fff; position: relative; z-index: 2;}
.mobi-btn{display: none;text-align: center;margin-bottom: 80px}
.position-section.skew-angle:before{bottom: auto; top: -50px; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg); background-color: #fff;}
.position-section .common-wrap{max-width: 1049px}
.position-section .lead-text p{color:#606a71; padding: 0 10px; font-family: 'hk_groteskmedium', sans-serif; margin-top: 23px}
.position-item-wrap{margin-top: 37px; float: left; width: 100%;}
.postion-item{float: left; width: 100%; margin-top: 43px}
.position-item-title{float: left; width: 100%;}
.position-item-title h6{font-size: 22px; line-height: 43px; color: #003c4c; font-family: 'hk_groteskmedium', sans-serif; font-weight: 500}
.position-item-des{float: left; width: 100%; border-bottom: 1px solid #b4b4b4}
.position-item-des-right{float: left; width: 69.63761018609207%; padding-right: 20px;}
.position-item-des-right span, .position-item-des-left span{font-size: 19px; line-height: 43px; }
.position-item-des-right span{color: #0087ae; font-family: 'hk_groteskmedium', sans-serif;}
.position-item-des-left{width: 30.36238981390793%; float: left;}
.position-item-des-left span{color:#003c4c; font-family: 'hk_groteskregular', sans-serif; font-weight: 400}
.postion-item p{font-size: 19px; line-height: 43px;font-family: 'hk_groteskregular', sans-serif; font-weight: 400; color: #003c4c;}
.postion-item p dfn{color: #0087ae;font-style: normal}
.postion-item a{color: #0087ae; font-size: 19px;line-height: 43px;clear: both;}
.postion-item a:hover{text-decoration: underline;}
.screenshot{float: left; margin-top: 30px;}
.screenshot img{width: 100%}
section.oppurtunity-section{float: left; width: 100%;background: #fff}
.oppurtunity-section .common-wrap{max-width: 1007px}
.oppurtunity-wrap{float: left; width: 100%; padding-bottom: 118px}
.oppurtunity-item{float: left; width: 26.55771195097038%; margin: 0 5.081716036772217%}
.oppurtunity-item:first-child{margin-left: 0}
.oppurtunity-item:last-child{margin-right: 0}
.oppurtunity-item p{margin-top: 18px; color: #606a71;}
.oppurtunity-item p a{color: #606a71;}
.oppurtunity-item p a:hover{text-decoration: underline;}

/* Contact page */
.contact-content .hero-content,
.careers-content .hero-content,
.about-content .hero-content{margin: 0 auto; max-width: 683px;float: none}
.contact-content .hero-inner{padding: 245px 0 293px;}
.contact-section{position: relative; z-index: 1;}
.contact-section.skew-angle:before{top: 0; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg); top: -50px; background-color: #ffffff;}
.contact-section .common-wrap{max-width: 1072px}
.enquiry-wrap{float: left; width: 100%; position: relative; display: block; margin-top: -116px}
.enquiry-item{float: left; width: 48.27586206896552%; margin: 0 1.724137931034483%; background-color: #002639; padding: 20px 20px 83px;min-height: 548px}
.enquiry-item:nth-child(1){margin-left: 0}
.enquiry-item:nth-child(2){margin-right: 0}
.enquiry-item:nth-child(odd){background-color: #002639}
.enquiry-item:nth-child(even){background-color: #186880}
.enquiry-item:nth-child(even) .personal-info a:nth-child(1){background-image: url(svgs/002-phone-call-copy-white.svg)}
.enquiry-item:nth-child(even) .personal-info a:nth-child(2){background-image: url(svgs/001-envelope-copy-white.svg)}
.enquiry-item .personal-info{float: left; width: 100%; margin-top: 25px;}
.enquiry-item .personal-info a{font-size: 19px; padding-left: 39px; color: #ffffff; font-family: 'hk_groteskbold', sans-serif; font-weight: normal;}
.enquiry-figure{width: 171px; position: relative; margin: -103px auto 0; display: block}
.enquiry-figure img{width: 100%}
.enquiry-title-wrap{max-width: 325px; margin: 0 auto}
.enquiry-title{float: left; width: 100%; padding-top: 40px; padding-right: 10px;}
.enquiry-title h5{color: #ffffff}
.enquiry-title p{color: #bdc6cc; font-size: 20px; line-height: 30px; font-family: 'hk_grotesklight'; font-weight: 300; margin-top: 21px}
.company-info-wrap{float: left; width: 100%; margin-top: 91px}
.info-title{text-align: center; width: 100%; border-bottom: 1px solid #979797; padding-bottom: 38px}
.info-item-wrap{float: left; width: 100%; margin-top: 24px; padding-bottom: 106px}
.info-item{float: left; width: 29.50191570881226%; margin: 0 2.490421455938697%}
.info-item:first-child,
.info-item:nth-child(3n-2){margin-left: 0;clear: left;}
.info-item:last-child,
.info-item:nth-child(3n-1){margin-right: 0}
.info-item-top{float: left; margin-top: 24px;width: 100%}
.info-item-top h6{color: #003c4c; font-size: 19px; line-height: 25px; font-family: 'hk_groteskbold'; font-weight: 600}
.info-item-top address, .info-item-top p{max-width: 300px; color: #718490; font-family: 'hk_groteskregular'; font-weight: 400; font-size: 19px; line-height: 25px; font-style: normal}
.info-item-top em{font-style: normal; font-size: 19px; line-height: 25px; color: #718490; font-family: 'hk_groteskregular'; font-weight: 400;}

/* FQAs page */
.person-figure{overflow: hidden;}
.person-figure img{width: 100%}
.faqs .common-wrap{max-width:1192px; margin: 0 auto; padding:0 20px}
.faqs .hero-inner-wrap{max-width:590px; margin: 0 auto; text-align: center;  padding: 238px 0 127px;}
.hero-inner-wrap p{font-family: 'hk_groteskregular'; font-size: 22px; line-height:30px; color:#003c4c; padding-top: 12px}
.faqs .hero-inner{padding-bottom: 125px}
.faqs .hero-content{max-width: 100%;width: 100%}
.content-wrap{float:left; width: 100%; background:#f5f5f5}
.accordium-item-wrap{float:left; width:100%; margin-top:118px;}
.accordium-item-wrap:first-child{ margin-top:68px;}
.accordium-item-wrap:last-child{ margin-top:123px;}
.accordium-item-wrap h5{font-size: 24px; line-height: 30px; font-family: 'hk_groteskbold'; color: #003c4c; font-weight: normal; padding: 0 54px;}
.accordium-item{float:left; width:100%; padding: 24px 54px 27px; position: relative;-webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in;}
.accordium-item:nth-child(2){margin-top: 32px;}
.accordium-item:before{position: absolute; left: 55px; right: 58px; top: 0; height: 1px; background: #d9d9d9; content: "";}
.accordium-item.active+div.accordium-item:before{left: 0;right: 0}
.accordium-item.active:before,.accordium-item:nth-child(2):before{opacity: 0;}
.accordium-item h6{float:left; width: 100%; font-family: 'hk_groteskmedium'; font-size: 20px; line-height: 30px; font-weight: normal; color: #186880; padding: 5px 60px 5px 0; position: relative; cursor: pointer;}
.accordium-item p{float:left;font-size: 16px; line-height: 25px;  font-family: 'hk_groteskregular'; color: #718490; font-weight: normal; padding-top: 15px;display: inline-block;width: 100%}
.accordium-item p a{color: #0087ae}
.accordium-item p a:hover{text-decoration: underline;}
.accordium-item div.answer{display: none;float: left; max-width:740px; }
.accordium-item:last-child h6{border-bottom: none}
.accordium-item h6:after{content:""; background-image: url(images/p-lus@2x.png); background-repeat: no-repeat; background-position: right center; width: 31px; height: 30px; right: 15px; background-size: contain; position: absolute}
.accordium-item.active{background: #ffffff;}
.accordium-item.active:last-child:before{bottom: 0;left: 0;right: 0;top: auto;}
.accordium-item.active h6:after{background-image: url(images/minus@2x.png);}
.client-suport-wrap{float:left; width: 100%; background:#f5f5f5; padding: 150px 0 175px 0;}
.client-suport-inner{float:left; width: 100%; text-align: center}
.client-suport-inner h2{font-family: 'CircularStd-Medium'; font-size: 43px; line-height: 52px; font-weight: 500; color:#003c4c;}
.client-suport-inner p{font-family: 'hk_groteskregular'; font-size: 22px; line-height: 30px; font-weight: normal; color:#003c4c; padding-top:27px}
.faqs .features-wrap{background: #e7e7e7; position: relative; padding-bottom: 115px;text-align: center;}
.faqs .features-wrap.skew-angle:before{bottom: auto; top: -55px; background: #e7e7e7; -webkit-transform: skewY(3.0deg); -moz-transform: skewY(3.0deg); transform: skewY(3.0deg);}
.faqs .features-item-wrap .feature-item{text-align: center; float: none; display: inline-block;}
.faqs .features-item-wrap .feature-item span{float:left; width:100%; font-family: 'hk_groteskregular'; font-weight:normal; font-size: 24px; line-height:29px; color: #003c4c; padding-top: 10px; }
.faqs .features-item-wrap .feature-item a{font-family: 'hk_grotesksemibold'; font-size: 16px; line-height:25px; color:#003c4c; padding-top:6px}
.faqs .features-item-wrap .feature-item a:hover{text-decoration: underline;}
.faqs .person-figure{margin-top: -147px;}
.faqs .features-item-wrap{margin-top: 35px;}
.faqs .features-inner-wrap .common-wrap{max-width: 1020px;}

.without-form .footer-area{padding-top: 0;}
.without-form .footer-bottom-wrap{margin-top: 65px;}

/* Solutions & Services */
.solution-content{margin-bottom: 100px}
.solution-content .hero-inner{text-align: center;padding: 200px 0 100px;}
.solution-content .hero-content{float: none;display: inline-block;}
.solution-content .resource-content-wrap{position: relative;}
.solution-content .resource-content-wrap .common-wrap{max-width: 1434px}
.solution-content .resource-content-wrap .page-title{margin-bottom: 60px}
.solution-content .resource-content-wrap .resource-content{padding: 0 240px;}
.solution-content .similar-resources{padding-top: 60px}
.solution-nav{display: inline-block;float: left;max-width: 180px;text-align: left}
.solution-nav.fixed{position: fixed;top: 80px}
.solution-nav.fixed-bottom{position: absolute;bottom: 0;top: auto;}
.solution-nav li{display: inline-block;width: 100%;border-bottom: 1px solid #ddd;}
.solution-nav li a{display: inline-block;float: left;padding: 15px 0;color: #718490;font-family: 'hk_groteskbold', sans-serif;font-weight: 600;font-size: 17px;-webkit-transition: background .3s ease-in; -moz-transition: background .3s ease-in; transition: background .3s ease-in;}
.solution-nav li a:hover,
.solution-nav li.current_page_item a{color: #003c4c;}
.page-title{background-image: url('images/background-pattern@2x.png');background-repeat: no-repeat;background-position: center;background-color: #002639;background-size: cover;background-blend-mode: multiply;padding: 80px 0 40px;text-align: center;margin-bottom: -40px}
.page-title h2{color: #fff}
.large-numbered{position: relative;width: 100%;margin-top: 98px;}
.large-numbered .number{font-family: 'CircularStd-Bold';font-size: 180px;line-height: 140px;letter-spacing: -0.5px;color: rgba(113, 132, 144, 0.14);position: absolute;left: 0;top: 0;width: 25%}
.large-numbered .text-right{display: inline-block;float: right;width: 75%;}
.large-numbered .text-right p{font-size: 20px;line-height: 30px}
.solution-content .numbered-list{margin: 0 0 26px;padding: 0}
.solution-content .numbered-list li{padding: 0 0 0 52px;}
.solution-content .numbered-list li:before{content: "";background-image: url("svgs/ticked.svg");background-repeat: no-repeat;background-size: 32px}
.tablepress a{color: #0087ae;}
.tablepress a:hover{text-decoration: underline;}
.dataTables_scrollHead,
.dataTables_wrapper .tablepress{width: 100%!important}

/* Sitemap */
.sitemap > li{background: none!important}
.sitemap .children{margin: 0;padding-left: 26px;border-left: 1px solid #ccc}
.sitemap .children .children{margin-left: -10px}

/* Footer section */
.partner-wrap figure{padding-right: 10px}
.footer-area{z-index: 2;position: relative;}
.social-partner{padding-left: 30px}
.submit-wrap input[type="submit"]:hover{background: #fff;color: #fe4310}
.copy-right-area{padding-bottom: 86px}
.footer-social-wrap a{display: inline-block;}
/*.footer-input-wrap{max-width: 100%}*/
#gform_wrapper_4 .gform_body .gform_fields .gfield#field_4_2{width: 100%}
#gform_wrapper_4,
#gform_wrapper_4 .gform_footer{margin-top: 0}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_html{width: 100%;margin: 0 0 25px;padding: 0 15px;}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_html a{color: #0087ae}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_html a:hover{text-decoration: underline;}
/* Hubspot Mailing List Form */
.footer-input-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text{float: right;clear: right;}
.footer-input-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-child(even){float: left!important;}
.footer-input-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-child(odd){clear: right;}
.footer-input-wrap .hbspt-form fieldset, .footer-input-wrap #clickdimensionsForm{max-width: 476px!important;margin: 0 auto;}
.footer-input-wrap .hbspt-form .hs-form-field > label{display: none}
.footer-input-wrap .hbspt-form .hs-form-field > .input input[type="text"],
.footer-input-wrap .hbspt-form .hs-form-field > .input input[type="tel"],
.footer-input-wrap .hbspt-form .hs-form-field > .input input[type="email"],
.footer-input-wrap .hbspt-form .hs-form-field > .input textarea, 
.footer-input-wrap .clickdform .responsiveCell input[type="text"],
.footer-input-wrap .clickdform .responsiveCell input[type="tel"],
.footer-input-wrap .clickdform .responsiveCell input[type="email"],
.footer-input-wrap .clickdform .responsiveCell textarea{border-radius: 25px;background: #fff}
.footer-input-wrap .hbspt-form .hs-form-booleancheckbox{margin-bottom: 25px}
.footer-input-wrap .hbspt-form .hs-form-booleancheckbox > label{width: auto;float: none;color: #fff}
.footer-input-wrap .hbspt-form .hs-form-booleancheckbox,
.footer-input-wrap .hbspt-form .hs-richtext,
.footer-input-wrap .hbspt-form .hs-submit,
.footer-input-wrap .hs-error-msgs{text-align: center;}

.footer-input-wrap #clickdimensionsForm{float: none;}

/* Get Started Form */
.form-inner-wrap .gform_wrapper{margin: 0}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield{margin: 25px 0 0;text-align: left;width: 48%;clear: none}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){clear: left;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(odd){float: right;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield textarea{border-radius: 7px;border: solid 1px #b3b3b3;background-color: #f9f9f9;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield textarea{width: 100%;height: 233px;resize: none;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.full{width: 100%}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield label{font-family: 'hk_groteskregular', sans-serif;font-size: 18px;letter-spacing: -0.5px;color: #003c4c;margin-bottom: 10px;display: inline-block;float: left;width: 100%;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield .gfield_required{display: inline-block;margin-left: 5px}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.gsection{width: 100%;margin: 66px 0 14px}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.gsection h2{font-family: 'hk_grotesksemibold', sans-serif;font-size: 22px;line-height: 30px;letter-spacing:normal;text-align: left;color: #0087ae;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9{width: 100%;}
body .gform_wrapper .gform_body .gform_fields .gfield.join > label,
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 > label{display: none}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li{background: #e8e8e8;height: 65px;border-radius: 7px;width: 100%;text-align: left;margin-bottom: 17px;position: relative;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center;padding: 12px 0;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li.selected{background: #002639;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li label{font-family: 'hk_grotesbold', sans-serif;font-size: 24px;letter-spacing: normal;color: #003c4c;padding: 7px 19px 7px 79px;margin: 0;display: block}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li.selected label{color: #fff;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li:last-child label{font-size: 20px}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li input[type="checkbox"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 40px;height: 40px;background-color: #f6f6f6;border: 1px solid #b5b5b5;border-radius: 100%;margin: 0;display: block;float: left;position: absolute;left: 20px;cursor: pointer;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li.selected input[type="checkbox"]{background-image: url('svgs/form-tick.svg');background-repeat: no-repeat;background-position: center;background-color: #fe4310;border: 1px #fe4310}
.gform_wrapper .gform_body .gform_fields .gfield.join{margin-top: 48px;float: none;margin-bottom: 0;color: #fff;width: auto;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.join{margin-top: 48px;float: left;}
body .gform_wrapper .gform_body .gform_fields .gfield.join .gfield_checkbox li{position: relative;}
body .gform_wrapper .gform_body .gform_fields .gfield.join .gfield_checkbox li input[type="checkbox"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 22px;height: 22px;display: inline-block;float: left;border-radius: 100%;border: 1px solid #fe4310;position: absolute;left: 0;cursor: pointer;}
body .gform_wrapper .gform_body .gform_fields .gfield.join .gfield_checkbox li label{display: inline-block;float: left;font-family: 'CircularStd-Book', sans-serif;font-size: 18px;line-height: 22px;letter-spacing: -0.5px;padding: 0 0 0 39px}
body .gform_wrapper .gform_body .gform_fields .gfield.join .gfield_checkbox li.selected input[type="checkbox"]{background-image: url('svgs/form-small-tick.svg');background-repeat: no-repeat;background-position: center;background-color: transparent;}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_13{width: 100%;font-family: 'CircularStd-Book';font-size: 12px;letter-spacing: -0.5px;color: #003c4c;margin-top: 15px}
.form-inner-wrap .gform_wrapper .gform_footer{margin: 0 0 225px}
.form-inner-wrap .gform_wrapper .gform_footer input[type=submit]{width: 177px;height: 67px;border-radius: 33.5px;float: right;}
.form-inner-wrap .gform_wrapper .gform_ajax_spinner{margin: -30px 20px 0;float: right;}
.form-inner-wrap .gform_wrapper .validation_error{text-align: left;margin-top: 66px}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message{padding: 0 5px}
.form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.gfield_html{padding: 0;width: 100%}
.gform_wrapper .gform_footer input[type=submit]{width: auto}


/* Pop-up Demo Form */
.mfp-bg{background-color: #012235;background-image: url('images/bg@2x.jpg');opacity: 1}
.mfp-content{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-image: url(images/bg@2x.jpg);overflow-y: auto;}
.form-wrap{width: 100%;max-width: 800px;height: 100%;margin: 0 auto;}
.form-wrap .form-wrap-inner{padding: 200px 40px 300px;display: inline-block;width: 100%}
.form-wrap h1{display: inline-block;width: 100%;font-family: 'CircularStd-Medium';font-size: 48px;font-weight: 500;line-height: 52px;letter-spacing: -0.5px;text-align: center;color: #fff;margin-bottom: 29px;}
.form-wrap button.mfp-close{position: absolute;right: 100px;top: 50px;padding-right: 48px;-webkit-appearance:none;border:none;background:none;outline:none;color:#fff;font-family: 'CircularStd-Book';font-size: 16px;line-height: 23px;height: 24px;opacity: 0.6;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;}
.form-wrap button.mfp-close:after{content: "";position: absolute;right: 0;top: 0;width: 23px;height: 23px;background-image: url('svgs/close.svg');background-position: center right;background-size: 100% auto;background-repeat: no-repeat;}
.form-wrap button.mfp-close:hover{opacity: 1}
.form-wrap .gform_ajax_spinner{display: none}
.form-wrap .gform_wrapper .gform_body .gform_fields .gfield.center{float: none;clear: none;margin: 0 auto;display: block;}
.form-wrap .gform_wrapper .gform_body .gform_fields .gfield.gfield_html{margin: 25px 0 0}
/* Hubspot Request Demo Form */
.form-wrap .hbspt-form .hs-form-field > label{display: none}
.form-wrap .hbspt-form .hs-form-field > .input input[type="text"],
.form-wrap .hbspt-form .hs-form-field > .input input[type="tel"],
.form-wrap .hbspt-form .hs-form-field > .input input[type="email"],
.form-wrap .hbspt-form .hs-form-field > .input textarea{border-radius: 25px;}
.form-wrap .hbspt-form .hs-form-booleancheckbox{margin-bottom: 25px}
.form-wrap .hbspt-form .hs-form-booleancheckbox > label{width: auto;float: none;color: #fff}
.form-wrap .hbspt-form .hs-form-booleancheckbox,
.form-wrap .hbspt-form .hs-richtext,
.form-wrap .hbspt-form .hs-submit,
.form-wrap .hs-error-msgs{text-align: center;}

/* Knowledge Base */
.knowledge-base-wrap .hero-inner{padding: 200px 0 100px;}
.knowledge-base-wrap .hero-content{width: 100%;max-width: 100%}
.knowledge-base-wrap .hero-content a{color: #003c4c;width: auto}
.search-form{display: inline-block;margin: 40px 0 0}
.search-form .search-field{width: 480px;height: 65px;border-radius: 5px;background-color: #ececec;outline: none;border: 1px solid #c0c0c0;padding: 0 45px 0 30px;font-size: 22px;line-height: 65px;font-family: 'hk_groteskregular', sans-serif;color: #003c4c;box-sizing: border-box;-moz-box-sizing:  border-box;-webkit-box-sizing:  border-box;margin-right: 15px}
.search-form .search-submit{background: url('./svgs/search.svg')no-repeat center;background-size: 27px 28px;width: 75px;height: 65px;border-radius: 5px;background-color: #fe4310;border: none;outline: none;float: right;}
/*.knowledge-wrap .common-wrap{max-width: 1434px;}*/
.knowledge-wrap .sidebar{display: inline-block;float: left;width: 300px;padding: 80px 0}
.knowledge-wrap .sidebar.fixed{position: fixed;top: 60px}
.knowledge-wrap .sidebar a{display: inline-block;float: left;width: 100%;font-size: 18px;line-height: 26px;font-family: 'hk_groteskregular', sans-serif;font-weight: 400;color: #003c4c;margin: 0 0 15px}
.knowledge-wrap .sidebar a:hover{font-family: 'hk_groteskbold';font-weight: 700}
.knowledge-wrap .btn-wrap{margin: 25px 0}
.knowledge-wrap .btn-wrap a,
.knowledge-wrap .main-wrap .btn-wrap a{color: #fff}
.knowledge-wrap .btn-wrap a:hover,
.knowledge-wrap .main-wrap .btn-wrap a:hover{color: #fe4310;text-decoration: none;}
.knowledge-wrap .main-wrap{display: inline-block;float: right;width: 730px;padding: 0 40px 180px}
.knowledge-wrap .main-wrap h2{width: 100%;display: inline-block;float: left;}
.knowledge-wrap .main-wrap h3{width: 100%;display: inline-block;float: left;font-size: 24px;line-height: 26px;font-family: 'hk_groteskbold', sans-serif;font-weight: 700;margin-bottom: 10px}
.knowledge-wrap .main-wrap p{margin: 0 0 26px!important;display: inline-block;float: left;width: 100%;}
.knowledge-wrap .main-wrap img{max-width: 100%}
.knowledge-wrap .main-wrap a{color: #0087ae;font-family: 'hk_grotesksemibold', sans-serif;font-weight: 500;}
.knowledge-wrap .main-wrap a:hover{text-decoration: underline;}
.knowledge-wrap .main-wrap p strong,
.knowledge-wrap .main-wrap li strong{font-family: 'hk_groteskbold', sans-serif;font-weight: 600;color: #003c4c;}
.knowledge-wrap .main-wrap ul,
.knowledge-wrap .main-wrap ol{margin: 0 20px 26px;display: inline-block;float: left;width: 100%;}
.knowledge-wrap .main-wrap ol li,
.knowledge-wrap .main-wrap ul li{padding: 0 15px;}
.knowledge-wrap .main-wrap ul li{background: url(img/bullet.png)no-repeat left 12px;}
.knowledge-solutions .main-wrap h2,
.knowledge-services .main-wrap h2{padding: 80px 0 20px}
.knowledge-solutions .main-wrap h3 a,
.knowledge-services .main-wrap h3 a{border: 1px solid #ccc;border-radius: 5px;width: 100%;display: inline-block;float: left;padding: 10px 20px;color: #40b3df;opacity: .6}
.knowledge-solutions .main-wrap h3 a:hover,
.knowledge-services .main-wrap h3 a:hover{opacity: 1;text-decoration: none;}
.knowledge-services .sidebar h2{font-size: 22px}
.knowledge-services .sidebar a:before{content: "- "}
.knowledge-solutions .main-wrap > ul{padding: 80px 0 0}
.knowledge-article .main-wrap{padding: 80px 40px;width: 100%}
.knowledge-article .main-wrap h1,
.knowledge-article .main-wrap h2{margin-bottom: 20px}
/* End Knowledge Base */

/*Flexible COntent*/
.flexible-page-content .hero-inner{padding:200px 0 100px}
.flexible-page-content .hero-content, .campaign  .hero-content{margin: 0 auto;max-width: 1044px;float: none;width: 100%; text-align: center;}
.flexible-page-content .testimonial { padding: 51px 0 0;position: relative}

.flexible-page-content .testimonial-inner{position: relative; max-width: 864px;margin: 0 auto;text-align: center}
.flexible-page-content .testimonial-inner h5{font-size: 26px; line-height: 32px; letter-spacing: -0.29px; font-family: 'CircularStd-Medium', sans-serif; font-weight: normal;float: left; text-align: center;padding-top: 47px;}
.flexible-page-content .testimonial-inner span{color: #40b3df; font-size: 22px; line-height: 30px; margin-top: 6px; display: block;text-align: center; float: left;width: 100%; margin-top: 36px;}
.flexible-page-content .testimonial-inner img{display: block; float: none;margin: 0 auto;}
/*.flexible-page-content section:last-of-type{margin-bottom: -38px;}*/
 .text-fw-section.skew:after{background-color: #fff}

/*text image columns*/
.text-img-col-section{padding: 70px 0 0; position: relative;    z-index: 2;}
.text-img-col-section .common-wrap{max-width: 1316px;}
.text-img-col-section.skew:after{background-color: #22a8e6;}
.text-img-col-section.skew-angle:before{bottom: auto;top:-20px; background-color: #eefeff;}
.text-img-col-section.skew, .text-img-col-section.skew .text-block h4{color:#fff;}
.text-img-col-section.skew { padding: 60px 0 70px;    margin: 92px 0 40px;}
.text-img-col-section.skew .text-block h4{line-height: 32px;}

.text-img-col-section.skew p{font-size: 19px; line-height: 25px;}
.text-img-col-section.skew .btn-wrap .btn{border-color: #fff; color: #003c4c; background-color: #fff; font-size: 15px;}
.text-img-col-section.skew .row-item .text-block .btn {padding: 14px 40px 14px!important;}
.text-img-col-section.skew .btn-wrap .btn:before{ background: #22a8e6;}
.text-img-col-section.skew .btn-wrap .btn:after {background-color: #fff; color: #003c4c}
.text-img-col-section.skew .btn-wrap .btn:hover{background-color: #22a8e6;border-color: #fff;}
.text-img-col-section.skew .btn-wrap .btn:hover:after{width: 0}

.row-item {width:100%; display: flex; flex-flow: row; align-items: center;}
.row-item figure{display: inline-block;width: 100%}
.row-item figure img{width: 100%;/*height: 100%; object-fit: cover; object-position: center*/}
.row-item .text-block{padding-left: 4.271%;} .row-item .text-block p + p{padding-top:22px;}
.row-item .text-block  p a{color: #0087ae;font-family: 'hk_grotesksemibold', sans-serif;font-weight: 500;}
.row-item .text-block  h4{color: #003c4c; line-height: 36px;}
.row-item .text-block h4 + p{padding-top: 28px}
.row-item .text-block .btn{padding: 24px 40px 24px!important;}
.row-item .left-col-wrap{padding: 0 60px 0 40px;}
.row-item.onethird  .left-col-wrap{width:33%;}
.row-item.onethird .text-block{width:66%;}
.row-item.twothird  .left-col-wrap{width:66%;}
.row-item.twothird .text-block{width:33%;}
.row-item.half .left-col-wrap{width:50%;}
.row-item.half .text-block{width:50%;}
.row-item.onequarter  .left-col-wrap{width:25%;}
.row-item.onequarter .text-block{width:75%;}
.row-item.order-rev{flex-flow: row-reverse;}
.row-item.order-rev .text-block{padding-right: 4.271%; padding-left: 0}
.pop-video-link{position: relative;float: left; width: 100%; height: 100%}
.pop-video-inner {position: absolute;top: 50%;left: 0;width: 100%; text-align: center;transform: translateY(-50%);}
.row-item + .row-item{padding-top: 30px}

.flexible-page-content .btn-wrap{padding-top: 40px;}
.flexible-page-content .hero-content .btn-wrap{padding-top: 0; padding-bottom: 0;}


/*Card content*/
.card-content-wrap{position: relative;z-index: 2; padding: 70px 0 0; float: left; width: 100%;}
.card-content-wrap .common-wrap{max-width:1429px;}
.text-fw-section{position: relative;z-index: 2; padding: 70px 0 0;}
.card-content-wrap.skew-angle:before {bottom: auto;top: -23px;height: 240px;}
.card-content-wrap .lead-text{max-width: 908px;}
.card-content-wrap .lead-text p{color: #003c4c;margin-top: 22px;float: left; width: 100%;max-width: 100%; font-family: 'hk_groteskregular';font-size: 22px;}
.lead-text + .card-content-inner{margin-top: 30px; }
.card-item-wrap {display: flex;flex-flow: row wrap;width: 100%;float: left; justify-content: center;}
.card-content-wrap .resource-item.btm-p{padding-bottom: 16px;}
.card-content-inner{display: flex; justify-content: center; float: left;width: 100%;}
.card-item {display: inline-block;width: 320px;background: #fff; margin: 0 10px;text-align: center;position: relative;overflow: hidden;}
.card-item figure img{max-height:128px; height: 100%; width: auto; margin: 0 auto; float: none;}
.card-item h5{margin-top: 13px;}    
.card-item p{    padding: 10px 29px 0;height: auto}
.card-item a{color: #fff;}
.card-item ul{list-style: inside}
.flexible-page-content .card-item .btn-wrap{    padding-top: 27px;}
.card-item-wrap.three-col{max-width: 1020px; float: none; margin-left: auto; margin-right: auto;}
.card-item-wrap.three-col.wide-col{max-width: 100%; }
.card-item-wrap.three-col:nth-child(n+4), .card-item-wrap.four-col:nth-child(n+5){margin-top: 20px;}
.card-item-wrap.three-col.wide-col .card-item{width:416px;}
.card-item-wrap.three-col.wide-col{justify-content: space-between;}
.card-item-wrap.three-col.wide-col  .card-item h5{font-size: 30px; line-height: 42px;margin-top: 37px;}
.card-item-wrap.three-col.wide-col .card-item p{padding: 18px 12px 0; }


/*Full width text img video*/
.img-wrap {text-align: center;}
.img-wrap img{float: unset;}
.text-fw-section .common-wrap{max-width: 892px;}
.text-fw-section .text-wrap h3{font-size: 43px;}
.text-fw-section .text-wrap h4{font-size: 20px; line-height: 30px; font-family: 'hk_grotesklight'; color: #003c4c; letter-spacing: 0; font-weight: normal;}
.text-fw-section .text-wrap h3 + p, .text-fw-section .text-wrap h4 + p{padding-top: 45px;}
.text-fw-section .text-wrap h3 + h4{margin-top: 18px;}
.text-fw-section .text-wrap p + p{padding-top: 18px;}

.flexible-form.footer-input-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-child(even){float: right!important;}
.flexible-form.footer-input-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text:nth-child(odd){float: left!important;clear: right;}

.wide-img .common-wrap{max-width: 1429px;}

/*cta BUtton*/
.cta-btn{z-index: 3; position: relative;}
.cta-btn .centre-al{text-align: center}
.cta-btn .right-al{text-align: right;}
section:focus{outline: none;}

/*Centred Text img block*/
.centred-img-txt-block {margin-top: 114px;}
.centred-img-txt-block .lead-text p{padding-top: 23px; color: #003c4c; font-family: 'hk_groteskregular'; font-size: 22px; line-height: 30px; }
.centred-img-txt-block .lead-text span{color: #22a8e6; padding-top: 35px; font-family: 'CircularStd-Medium'; font-size: 22px; line-height: 30px;float: left; width: 100%;}
.centred-img-txt-block .block-wrap{position: relative; float: left;width: 100%; margin-top:75px; padding: 0 0 81px;}
.centred-img-txt-block .block-wrap:before{content: ''; background-image: url(images/shapes@3x.png); background-repeat:no-repeat; background-size:contain ; background-position: center; position: absolute;top: -120px; left: 21px;width: 100%;height: 502px;z-index: 1;}
.centred-img-txt-block .img-wrap-inner {width: 52.7777777778%;background-color: #FFFFFF;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.15); margin: 0 auto;position:relative;z-index: 2;}  
.centred-img-txt-block .img-wrap{padding: 26.5px 34px; display: flex; justify-content: center;flex-flow: row wrap; align-self: center;  }
.centred-img-txt-block .img-wrap img{width: auto; height: 100%;max-height: 199px;}

/*Form Component*/
.flexible-form-wrap{margin-top: 64px;padding-bottom: 168px; margin-bottom: 46px;}
.flexible-form-wrap.skew-angle:before{ bottom: auto; top: 23px; background-color: #f6f9fc}
.flexible-form-wrap .feature-bg{background-color: transparent;}
.flexible-form-wrap .feature-bg:after{content: none;}
.flexible-form-wrap .lead-text{margin-top: 188px;}
.flexible-form-wrap .form-inner{margin-top: 53px; padding-top: 34px;}
.flexible-form-wrap  .hbspt-form .hs-form-field{ margin: 19px 0 0;}
.flexible-page-content section.skew-angle:last-child{margin-bottom: -42px;}
.flexible-form-wrap  .hs-custom-style fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),.flexible-form-wrap  .hs-custom-style>div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]), .flexible-form-wrap .hbspt-form .hs-form-field > .input select, .flexible-form-wrap .hbspt-form .hs-form-field > .input .selectric{padding: 0 30px}
.flexible-form-wrap .hbspt-form .hs-form-field > .input input[type="text"],.flexible-form-wrap .hbspt-form .hs-form-field > .input input[type="tel"], .flexible-form-wrap .hbspt-form .hs-form-field > .input input[type="email"],.flexible-form-wrap .hbspt-form .hs-form-field > .input textarea, .flexible-form-wrap .hbspt-form .hs-form-field > .input select{
border: 1px solid #A3ABB0;border-radius: 7px;font-weight: 700; font-size: 17px; letter-spacing: 0}

.flexible-form-wrap .form-wrap{max-width: 894px;}
.flexible-form-wrap .hbspt-form { width: 100%;}
.flexible-form-wrap .hbspt-form .selectric .label{font-family: 'hk_groteskregular', sans-serif; color: #003c4c; padding-top: 0;    line-height: 47px; font-weight: 700}
.flexible-form-wrap .hbspt-form .selectric-items li{padding: 5px 30px 5px 30px; }
.flexible-form-wrap .hbspt-form .selectric-items .disabled{display: none;}
.flexible-form-wrap .hbspt-form .hs-form-field > .input .selectric:after{    top: 21px;right: 9px; background-size: 11px 7px; width: 11px; height: 7px;}
/*End Flexible Content*/

.inner-logo-wrap{float: left; width: 100%}

.flexible-page-content .tablepress tfoot th, .flexible-page-content .tablepress thead th {background-color: #0087ae; color: #fff;}
.flexible-page-content .tablepress thead th {width: 37% !important;}
.flexible-page-content .tablepress thead th:first-child{width: 25% !important;}
.dataTables_wrapper .dataTables_filter input, .flexible-page-content .dataTables_wrapper .selectric{border: 1px solid #A3ABB0;border-radius: 7px;    background-color: #f9f9f9;}
.flexible-page-content .dataTables_wrapper .selectric-wrapper{display: inline-block;}
.flexible-page-content .dataTables_wrapper .selectric .label{padding: 0 20px 0 10px;line-height: normal}
.flexible-page-content .dataTables_wrapper .selectric-items{top: 24px;}
.flexible-page-content .dataTables_wrapper {padding-top: 30px;}
 .flexible-page-content .dataTables_wrapper .selectric:after {top: 10px;}



/*Post FC*/
.flexible-post-content .hero-inner{padding: 213px 0}
.flexible-post-content .hero-content h6{font-size: 22px; line-height: 30px; margin-top: 15px;}

/*Text & Form*/
.txt-form-block {float:left; width: 100%; position: relative;z-index: 2; margin-top: -50px;margin-bottom: -50px;}
.txt-form-block:before{position: absolute;top: 0;left: 0; width: 100%; height: 100%;background-color: #f5f5f5;z-index: -1;-webkit-transform: skewY(2.9deg);-moz-transform: skewY(2.9deg);transform: skewY(2.9deg); background: #f5f5f5;content: '';}
.txt-form-block .lead-text, .left-column-content{width: 63.81196581200001%;text-align: left; max-width: 100%; float: left; margin: 0;}
.txt-form-block .form-wrap, .right-column-content{width: 30.623931624%; margin-left: 5.564102564%; float: left;}
.txt-form-inner{float: left; width: 100%;padding: 110px 0 90px;} 
.txt-form-block h4{color:#003c4c;}
.txt-form-block .lead-text p{color:#718490;padding-top: 16px;  font-family: 'hk_groteskregular'; font-size: 18px; line-height: 29px;}
.txt-form-block .lead-text p a{color:#0087ae}
.txt-form-block .lead-text ul {list-style: disc;padding-inline-start: 40px; margin: 18px 0; float: left; width: 100%;}
.txt-form-block .lead-text ul li{font-size: 18px; line-height: 29px;}
.txt-form-block .form-wrap .hbspt-form .hs-form-field > label{display: block;}
.txt-form-block .hs-button.primary, .txt-form-block .hs-submit input[type="submit"], .txt-form-block input[type="button"], #btnSubmit{cursor: pointer;-webkit-appearance: none;text-decoration: none !important;display: inline-block;white-space: normal;text-align: center;line-height: normal;outline: 0;margin-top: 25px;margin-bottom: 20px; padding: 20px 60px;}
.txt-form-block .form-wrap .hbspt-form .hs-submit{text-align: left;}
.txt-form-block .form-wrap .hbspt-form .hs-form-field > .input input[type="text"], .txt-form-block .form-wrap .hbspt-form .hs-form-field > .input input[type="tel"], .txt-form-block .form-wrap .hbspt-form .hs-form-field > .input input[type="email"], .txt-form-block .form-wrap .hbspt-form .hs-form-field > .input textarea{ border-radius: 7px;    padding: 12.5px 27px;}
.txt-form-block  .form-wrap .hs-error-msgs{text-align: left;}

#btnSubmit{color:#fff !important; font-size: 17px !important; font-family: 'hk_grotesksemibold', sans-serif !important;}
.clickdform.mainDiv{height: 100%; padding: 0 !important; overflow:hidden; }
.form-wrap .clickdform.mainDiv{padding-bottom: 50px;}
/*.form-wrap .responsiveCellSize1{padding-top: 15px}*/
.form-wrap .responsiveCellSize1.emptyCell{margin-top: 0; display: none;}
.form-wrap #gcaptcha{transform: none !important;}
.form-wrap #gcaptcha div{width: 100%;height: 77px; overflow: hidden;}
.responsiveRow{margin-top: 25px;}



/*Campaign*/
.campaign{background-color: #f5f5f5;}

.campaign .hero-wrap{min-height: 390px;}
.campaign .hero-inner{padding: 185px 0 190px}
.fc-campaign-content-wrap{float: left; width: 100%; padding: 0px 0 70px; position: relative;}
.fc-campaign-content-wrap:before {  position: absolute; top: 0; left: 0; width: 100%; height: 200px; background-color: #f5f5f5; z-index: 1; -webkit-transform: skewY(2.9deg); -moz-transform: skewY(2.9deg); transform: skewY(2.9deg);background: #f5f5f5; content: ''; margin-top: -50px;}
.fc-campaign-content-inner{float: left;width: 100%;margin-top: -20px;}

.campaign .text-fw-section .text-wrap h4 + p{padding-top: 16px;}

.campaign .brand-logo-slider .common-wrap{max-width: 1086px;}
.campaign .brand-logo-slider{margin: 0; background-image: none; padding: 70px 0 0; transform: none; background-color: transparent;}
.campaign  .wellcome-content-inner{transform: none;}
.logo-slider-small .slick-track{display: flex; align-items: center;}
.logo-slider-small .brand-item img{max-height: 50px; height: 100%; width: auto; object-fit: contain;}

.campaign .img-wrap img{width: 100%;}
.campaign .card-item{background-color: transparent; }
.campaign .card-item-wrap .card-item p{padding: 10px 0px}
.campaign .card-item-wrap .card-item .btn{padding: 12px 40px 12px!important}
.campaign .card-item-wrap.two-col .card-item{width: calc(50% - 20px);}
.campaign .card-item-wrap.two-col .card-item p{padding: 10px;}
.campaign .card-item-wrap.three-col .card-item{width: calc(33.33% - 20px);}
.campaign .card-item-wrap.four-col .card-item{width: calc(25% - 20px);}

.card-content-wrap .lead-text h4{color: #003c4c;}

.accordion-wrap{float: left; width: 100%; padding: 40px 0 0;}
.accordion-content {border-bottom: 2px solid #dadada;}
.accordion-trigger{padding: 15px 22px 15px 0; position: relative;cursor: pointer;}
.accordion-trigger h5{font-size: 20px;}
.accordion-trigger:after{position: absolute;right: 5px; background-image: url(images/menu-dropdown.png);background-repeat: no-repeat; background-position: center right;background-size: 16px 10px;content: ''; width: 16px;height: 10px; top: 25px;}
.accordion-text{padding: 10px 0 15px; display: none;}
.accordion-innar-content-wrap {margin-bottom: 16px; }
.accordion-innar-content-wrap h4{color:#003c4c ;}

.campaign .txt-form-block{margin: 0;}
.campaign .txt-form-block:before{display: none;}
.campaign .txt-form-inner{padding-top: 70px;}

.campaign .text-fw-section ul, .campaign .text-fw-section ol{padding-bottom: 18px;}
.campaign .text-fw-section ul li, .campaign .text-fw-section ol li{position: relative; padding: 10px 0 10px 27px ;}
.campaign .text-fw-section ol{ list-style-type:none ;counter-reset: list;}
.campaign .text-fw-section ul li::before {content: ''; background-color: #0087ae; width: 5px; height: 5px; border-radius: 100%; position: absolute; top:22px; left: 0;}
.campaign .text-fw-section ol li::before{ counter-increment: list; content: counter(list) "."; position: absolute; top: 10px; left: 0; width: 22px; height: 11px; font-size: 16px;color: #0087ae; font-family: 'hk_groteskmedium', sans-serif;}

.campaign  .text-fw-section .text-wrap h4{font-size: 30px;line-height: 42px;letter-spacing: -0.4px;font-family: 'CircularStd-Bold', sans-serif;font-weight: 700;}
.campaign .resource-video:before{content: none;}
.campaign .resource-video{margin-bottom: 0;}

.resource-video, .img-wrap, .text-fw-section{display: inline-block; width: 100%;}

.campaign .txt-form-inner .gform_wrapper .gform_footer{text-align: center;}

/*Modal*/
.popup-hidden{display: none;}

.formmodalOpen {overflow-y: hidden;}
.modal-wrap{float: left; width: 100%; padding-top: 24px; position: fixed; top: 0; left: 0; height: 100%; overflow-y: scroll; background-color: rgb(255 255 255 / 70%); z-index: 9;display: none;}
.modal-wrap .common-wrap{max-width: 639px; padding: 0 22px;}
.modal-inner{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative;}
.modal-close { position: absolute; top: 14px; right: 10px; width: 11px; cursor: pointer; }
.modal-close .desk{display: block;}
.modal-close .mobi{display: none;}
.modal{width: 100%; padding: 0 50px;     background: #fff;border: 1px solid #e5e5e5;border-radius: 10px;}
.modal .align-taxt {margin-top: 10px!important;}
.modal .cerulean { -webkit-box-shadow: 0 0 0 2px rgba(0, 135, 174, 0.15); box-shadow: 0 0 0 2px rgba(0, 135, 174, 0.15);}
.modal .azure-form-main-wrap {margin-top: 5px;padding-bottom: 52px;}
.modal .azure-form-main-row:nth-child(2n + 2){margin-right: 0;}
.modal .azure-form-main-row:nth-child(2n + 3){margin: 24px 4.646464646464646% 0 0;}

.modal-inner-wrap { -ms-overflow-style: none;   scrollbar-width: none;  /* Firefox */}
.modal-inner-wrap::-webkit-scrollbar { display: none;  /* Safari and Chrome */}
/*Modal*/

@media only screen and (max-width: 767px) {
  
  p br{display: none}
  .navigation-wrap{width: 100%;}
  .main-nav > ul > li > ul{padding: 0;margin: 10px 0;width: 100%;-webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;}
  .main-nav > ul > li > ul > li,
  .main-nav > ul > li ul.minmenu li,
  .main-nav li.SubSubmenu ul li{border-top: none;margin: 5px 0;}
  .main-nav > ul > li > ul > li a,
  .main-nav > ul > li ul.minmenu li a{padding: 0 0 8px 0; color: #718490; }
  .main-nav li.SubSubmenu ul li a {padding: 0 0 0 15px;}
  .main-nav > ul > li ul.minmenu .sub-menu a{padding-left: 15px}
  .main-nav > ul > li ul.minmenu{float: left; width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto;padding: 0;margin: 10px 0;opacity: 1; visibility: visible; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; display: none;}
  .main-nav li.SubSubmenu a:after{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);    background-size: 10px auto;width: 10px;height: 10px;right: auto;top: 7px;margin-left: 10px;} 
  .main-nav .megamenu li.SubSubmenu .megamenu-coloumn-title:after{content: ''; position: absolute;background-image: url(images/menu-dropdown.png); background-repeat: no-repeat;background-position: center right; background-size: 10px auto;width: 10px;height: 10px; top: 14px; right: 0;}
  .main-nav .megamenu li.SubSubmenu .megamenu-coloumn-title{position: relative; padding-right: 10px;}
  .calling_card {float: left; width: 100%; border-radius: 16px; }

    .main-nav > ul > li ul.minmenu.megamenu li .calling_card a {padding:25px; display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
    .calling_card h3, .calling_card p {font-family: 'CircularStd-Book', sans-serif; color: #fff;}
    .calling_card h3 { font-size: 18px; line-height: 1;}
    .calling_card p {font-size: 15px;line-height: 1.2;opacity: 0.59;}
    .calling-card-text {position: relative; float: left; width: auto; margin-top: 0px; text-align: left; padding: 14px 0}

    .calling_card figure {width: auto; margin-right: 20px;}
    .calling_card figure img, .calling_card h3, .calling_card p {width: 100%;}
    .calling_card figure img { max-width: 120px; }
    .login {margin: 15px 0 0; background: none; width: 100%; height: auto; order: 2; border: 1px solid #003c4c; border-radius: 40px; float: left;}
    .login span {float: left; padding: 8px 25px; visibility: visible; opacity: 1; position: relative; box-shadow: none; background: none; right: auto; width: 100%;
    text-align: center; margin-top: 0;}
    .login span:after {display: none;}
  /*.megamenu-coloumn-title{position: relative; padding-right: ;}*/
  .nav-right{width: 100%; display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
  .call-wrap{position: absolute;width: 100%;left: 0;top: 0;margin-top: 88px;padding: 17px 30px;border: none}
  .call-wrap:after{content: "";border-bottom: 1px solid #dadada;display: inline-block;width: 100%}
  .call-wrap .selectric-wrapper{float: left;width: auto;text-align: left;}
  .call-wrap a{display: inline-block;padding: 0;margin-left: 5%;padding-right: 30px;text-align: right;float: right;width: auto}
  .get-btn{margin: 0; border: none;width: 100%; order: 1;}
  .get-btn a{margin-top:34px; width: 100%;}
  .search-icon {display: none;}
  .header-area.downScl .logo-wrap{margin: 5px 0 10px;}
  .logo-wrap .main-logo{margin-left: 0}
  .menu-close:after, .menu-close:before{height: 24px}
  .header-area  .search form{padding: 100px 28px 128px;}
  .header-area .search form label,
  .header-area .search form input,
  .header-area .search form .search-btn{width: 100%!important;}
  .header-area .search form label{font-size: 28px;line-height: 32px}
  .header-area .search form input{box-sizing: border-box;margin-bottom: 29px;max-width: 100%}
  .header-area .search form .search-close{right: 48px;top: 28px}

  .hero-wrap{z-index: 1;background-position: center bottom!important}
  .hero-wrap .hero-wrap-mobile{display: block;}
  .hero-wrap .hero-content{top: auto!important;opacity: 1!important}
  .hero-wrap .hero-content h1{max-width: 100%;}
  .hero-wrap .hero-content h1 br{display: none}
  .hero-wrap .hero-content .btn-wrap{margin-top: 43px;}
  .hero-wrap .hero-content a{width: auto}
  .hero-inner .common-wrap{padding: 0}

  /* Footer */
  .footer-widget{text-align: center;}
  #gform_wrapper_4 .gform_body .gform_fields .gfield{width: 100%;margin: 0 0 18px}
  #gform_wrapper_4 .gform_footer input[type=submit]{width: 100%}

  /* Home Page */
  .home-content .hero-wrap-mobile{background-position: center bottom;}
  .home-content .hero-content{padding-bottom: 145px;}
  .service-tab-nav-wrap{display: none}
  .mobi-service-tabs{display: block}
  .service-avatar img{width: 100%}
  .graphics-title{background-position: top center;margin-left: 0}
  .middle-banner-wrap .sugest-text p a{font-size: 22px;line-height: 30px;}
  .service-tab-nav-item,
  .service-tab-nav-item:last-child{width: 100%}
  .service-nav-title{background-position: center left 20px;background-size: 54px auto;padding: 26px 26px 26px 90px}
  .service-nav-title span{max-width: 100%}
  /*#brand-carousel{display: none}*/
  .brand-carousel-wrap{padding: 0}
  .brand-item {border: 1px solid #EBEBEB; margin: 0 17.5px; padding: 0}
  .client-video-wrap a figure{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center}
  .client-video-wrap a figure img{width: 100%;max-height: none}
  .service-feature-content h5{padding: 0 0 0 60px}
  .service-feature-content h5:after{left: 0px;right: auto}
  .service-feature-content a{margin: 20px 0 0 0}
  .service-avatar{margin-right: 15px}
    
  /* Why Move To Cloud-Direct */
  .whymovetocloud-content .hero-inner{padding-bottom: 100px}
  .whymovetocloud-content .hero-content h1{text-align: center;}
  .whymovetocloud-content .hero-content p{display: inline-block;}
  .whymovetocloud-content .wellcome-content{padding-bottom: 115px}
  .whymovetocloud-content .wellcome-content p{margin-top: 30px;}
  .whymovetocloud-content .compliant-video-wrap{padding: 0;margin-top: -80px}
  .whymovetocloud-content .compliant-video:before{bottom: 60px}
  .benefits-wrap{margin-bottom: 80px}
  .benefits-wrap h2{font-size: 32px;line-height: 36px;}
  .benefit-item-wrap .benefit-item{width: 100%;text-align: center;background-position: center top;}
  .whymovetocloud-content .features-inner-wrap{margin-top: 120px}

  /* Why-Cloud-Direct */
  .user-navigation-wrap{position: relative; top: auto; left: auto; bottom: auto; right: auto; }
  .search-wrap{width: 85%; margin-top: 5px; float: right;}
  .search-wrap.open input[type="text"]{width: 196px;}
  a.user-log{margin-top: 18px !important;}
  .cloud-direct-content .hero-inner{padding: 154px 0px 100px;}
  .cloud-direct-content .hero-content{padding: 0}
  .cloud-direct-content .hero-content h1{width: 100%;max-width: 100%;text-align: center;}
  .cloud-direct-content .hero-content p{display: block;}
  .feature-wrap{margin-top: -25px;}
  .single-feature, .single-feature:first-child, .single-feature:nth-child(even), .single-feature:nth-child(odd){padding: 50px 0 50px;}
  .single-feature .common-wrap{padding: 0 20px;}
  .single-feature.skew:after{top: -20px;}
  .single-feature-bg{top: -30px;}
  .count-item{font-size: 40px; line-height: 40px; float: left; width: 100%;}
  .single-feature-content, .cloud-carousel-item h5, .enquiry-item .personal-info, .info-item-wrap{padding: 0;}
  .single-feature-content{width: 100%; padding-top: 20px;}
  .single-feature-content h2, .single-feature-content p{padding: 0 25px 0 0;}
  .single-feature-content p, .position-section .lead-text p, .what-we-do-section .lead-text p, .what-we-do-section .lead-text p:nth-child(2){margin-top: 15px;}
  .single-feature-content p{line-height: 25px;}
  .single-feature-content .btn-wrap, .single-feature-graphics.our-people, .cloud-carousel-item, .postion-item{margin-top: 30px;}
  .active-indicator{width: 20px; top: 70px;}
  .single-feature-graphics.our-people{width: 100%; max-width: 100%; float: left; padding-top: 0; margin-top: 30px;}
  .single-feature-graphics.our-people .btn{width: 190px; height: 40px; line-height: 37px;}
  .single-feature-graphics{max-width: 270px; float: none; margin: 0 auto; clear: both; padding-top: 30px;}
  .feature-team{padding-right: 0; text-align: center;}
  .feature-team-item{margin: 15px 5px;}
  .feature-team-item:nth-child(3n+1){margin-left: 5px;}
  .feature-team-item:nth-child(3n+3){margin-right: 5px;}
  .cloud-carousel-item:after, .flexible-page-content .testimonial-inner:after{width: 20px; height: 13.5px; background-size: 20px 13.5px; background-repeat: no-repeat;}
  .cloud-carousel{margin-top: 0;}
  .cloud-carousel-item{padding-left: 30px;}
  .cloud-carousel-item h5, .flexible-page-content .testimonial-inner h5{font-size: 22px; line-height: 26px;}
  .cloud-carousel-item span, .flexible-page-content .testimonial-inner span{font-size: 16px; line-height: 20px; margin-top: 15px;}
  .cloud-direct-content .slick-dots{left: 20px;}
  .cloud-direct-content .features-wrap, .contact-section, .leaders-item{padding: 30px 0;}
  .cloud-direct-content .features-wrap p{font-size: 18px;}
  #scroll-indicator-bullets{display: none}

  /* WhatWeDo-Common */
  .compliant-video:before{bottom: -52px}
  .compliant-video-wrap .lead-text{margin-top: 80px}
  .compliant-video-text{padding-top: 160px}
  .compliant-video-text p:before{background-position: bottom center;}
  .siterecovery-content .compliant-video-wrap .btn-wrap{bottom: -100px}
  .preparation-item{width: 100%}
  .compliance-content .news-article-text{margin: 280px auto 0}
  .compliance-content .news-article-figure{top: -60px}

  /* Resources*/
  .wizardinfosys_autosearch_wrapper{width: 100%!important}
  .resource-posts{max-width: 300px;}
  .popular-resources-wrap .resource-post{max-width: 100%}
  .resource-item{width: 100%;max-width: 300px;margin: 0 0 15px;height: auto}
  .resource-item.default-item figure{display: inline-block;height: auto}
  .resource-item.default-item figure img{min-height: auto;}
  .resource-filter .searchandfilter,
  .resource-filter .searchandfilter > div > ul > li,
  .resource-filter .searchandfilter > div > ul > li:first-child,
  .resource-filter .searchandfilter > div > ul > li:last-child,
  .resource-filter .searchandfilter > div > ul > li input{width: 100%}
  .resource-filter .searchandfilter > div > ul > li{padding: 29px 0 0 0}
  .search-filter.resource-filter .searchandfilter > div > ul > li:first-child{width: 100%}

  /* Resources Single */
  .single-resource-content .hero-wrap{display: inline-block;min-height: 0}
  .single-resource-content .hero-inner{position: relative;padding: 154px 0 104px;}
  .single-resource-content .hero-inner h1{padding: 0 15px}
  .featured-image{margin-top: -60px;padding: 0 15px}
  .resource-content:first-child{margin-top: 40px}
  .resource-content{padding: 0}
  .resource-content-wrap .common-wrap{padding: 0 18px 0 48px;}
  .resource-content .row img{display: inline-block;float: none}
  .share-top,
  .share-top.fixed{left: 0px}
  .share-bottom.fixed-bottom{margin-right: 30px}
  .resource-content ul,
  .resource-content ol{margin: 0 0 26px 18px;}
  .resource-content blockquote{padding: 0 0 0 18px;}
  .numbered-list{margin: 0 0 26px;padding: 0}
  .numbered-list li{padding-right: 29px}
  .resource-form-wrap{margin: 40px 0}
  video,
  iframe,
  .resource-video iframe,
  .resource-video video{height: 228px}
  .resource-closing-banner{padding: 32px 40px}
  .resource-closing-banner h2{padding-right: 0;line-height: 36px}
  .resource-closing-banner p{padding-right: 0}

  /* Begin Search page */
  .search-page .wizardinfosys_autosearch_wrapper,
  .search-page .wp_autosearch_input,
  .search-page .wp_autosearch_submit, 
  .search-page .wp_autosearch_submit:hover, 
  .search-page .wp_autosearch_submit:active, 
  .search-page .wp_autosearch_submit:visited{width: 100%!important;}
  .search-page .wp_autosearch_submit, 
  .search-page .wp_autosearch_submit:hover, 
  .search-page .wp_autosearch_submit:active, 
  .search-page .wp_autosearch_submit:visited{margin: 90px 0 0!important}
  .search-page .wizardinfosys_autosearch_wrapper{height: 160px!important}

  /* Get Started */
  .get-logo-wrap .common-wrap{padding: 5px 15px;}
  .get-logo-wrap{padding: 5px 0;}
  .get-logo-wrap a{width: 150px;}
  .get-graphics{position: relative; top: auto; left:  auto; width: 100%; min-width: 10px; margin-top: 75px; min-height: 50px; padding: 60px 30px 100px;}
  .get-graphics a{margin: 5px 0; width: 100%;}
  .get-graphics a:first-child, .input-wrapper .input-wrap:nth-child(even){margin-left: auto;}
  .get-graphics a:nth-child(2), .input-wrapper .input-wrap:nth-child(odd), .feature-team-item:nth-child(6){margin-right: auto;}
  .tootip-wrap{width: 100%;}
  .tool-tip{padding: 20px 15px;max-width: 280px; display: none;position: relative;right: auto;margin: 20px auto 0;}
  .personal-info{padding: 0 20px;}
  .personal-info a{margin: 5px 0px;}    
  .get-form-wrap{width: 100%; margin: 60px 0 0;}
  .form-inner-wrap{margin-top: 15px;}
  .form-inner-wrap h5{font-size: 18px; line-height: 24px;}
  .check-item{width: 100%; padding: 0;}
  .check-item label{font-size: 16px; line-height: 20px; padding: 10px 15px 10px 36px;}
  .check-item input[type="checkbox"], .check-box{width: 20px; height: 20px; left: 10px; top: 10px;}
  .check-box:after{background-size: 11px 8px;}    
  .input-wrapper{margin-top: 30px;}
  .input-wrapper h5{margin-bottom: 15px;}
  .input-wrapper .input-wrap{width: 100%; margin: 10px 0;}
  .input-wrapper label{font-size: 14px; line-height: 20px; margin-bottom: 5px;}
  .input-wrap.full-width.msg, .active-indicator ul li, .oppurtunity-item p{margin-top: 10px;}
  .input-wrap.full-width textarea{height: 80px;}
  .sub-btn .check-item{width: 100%;}
  .sub-btn .check-item, .tech-item:first-child, .oppurtunity-item:first-child{margin-top: 0px;}
  .required-sign{margin-top: 5px;}
  .sub-btn .check-item label{padding: 0 0 0 30px;;}
  .sub-btn input[type="submit"]{width: 100%; margin-top: 20px;}
  .sub-btn .check-item input[type="checkbox"]{left: 1px; top: 1px;}
  .get-container{padding: 0 18px;}
  .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield,
  .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_8{width: 100%}
  .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.gsection{margin: 26px 0 0}
  .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li label{font-size: 18px;line-height: initial;}
  .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield#field_1_9 .gfield_checkbox li:last-child label{font-size: 16px;}
  .form-inner-wrap .gform_wrapper .gform_footer{margin-bottom: 0}
  .form-inner-wrap .gform_wrapper .gform_footer input[type=submit]{float: none;margin-top: 40px}
  /* Hubspot Forms */
  .hbspt-form .form-columns-2 .hs-fieldtype-text,
  .resource-form .hbspt-form .hs-fieldtype-select{width: 100%!important}
  .get-form-wrap .hbspt-form .hs-submit{float: left;margin-top: 0}
  
  /* About page */    
  .about-content .hero-inner{padding: 150px 0;}
  .about-content .hero-content{padding: 0}
  .about-content .hero-content h1{width: 100%;max-width: 100%;text-align: center;}
  .about-content .hero-content p{display: block;}
  .organic-section .lead-text p, .principles-section .lead-text p{font-size: 16px; }
  .organic-item-wrap{margin-top: 0px; display: block; margin-bottom: 0;}
  .organic-item-title{padding-top: 10px;}
  .organic-item{padding: 30px 15px;}
  .principle-carosule-wrap{margin-top: 30px;}
  .principle-carosule-wrap .common-wrap{padding: 0 48px;}
  .about-content .what-we-do-section{padding: 150px 0;}
  .about-content .what-we-do-section .lead-text h1{font-size: 120px; line-height: 80px;}
  .about-content .what-we-do-section .common-wrap{padding: 0 30px;}
  .about-accordian .common-wrap{padding: 0 15px;}
  .about-acordian-item{padding: 25px 0; margin-top: 0;}
  .about-acordian-item:after{width: 20px; height: 7px; top: 20px;}
  .about-acordian-item h5 img{width: 25px; left: 0; top: 0;}
  .about-acordian-item h5{padding: 2px 35px; font-size: 18px; line-height: 22px;}
  .about-acordian-item h5:after{top: 5px}
  .about-acordian-text{padding: 0 35px 10px; margin-top: 0;}
  .about-acordian-text h6{font-size: 14px; line-height: 20px;}
  .about-acordian-text p{font-size: 16px; line-height: 24px; margin-top: 10px;}
  .about-content .features-inner-wrap .btn-wrap{margin: 30px 0 0;}
  .leaders-item-info{margin: 15px 0 0 0;}
  .leaders-item-info h6{font-size: 18px;}
  .leaders-item-info dfn{font-size: 14px; line-height: 20px; display: inline-block;}
  .leader-item-info-social span{padding-left: 5px;}
  .leaders-item-right{width: 100%; margin: 20px 0 0;}
  
  /* Careers page */
  .careers-content .hero-inner{padding: 150px 0;}    
  .careers-content .hero-content{padding: 0}
  .careers-content .hero-content h1{width: 100%;max-width: 100%;text-align: center;}
  .careers-content .hero-content p{display: block;}
  .tech-section{padding: 50px 0;}
  .tech-item, .what-we-do-item, .oppurtunity-item, .organic-item, .what-we-do-item-wrap, .organic-item-wrap{width: 100%; margin: 40px 0 0 0;}
  .tech-item h5, .postion-item a, .leader-item-info-social, .leaders-item-right p, .screenshot{margin-top: 15px;}
  .tech-item p{font-size: 16px; line-height: 20px;}
  .gallery-section, .careers-content .news-article-item{margin-top: 50px;}
  .middle-text, .careers-content .news-article, .what-we-do-section, .position-section, .organic-section, .principles-section, .about-accordian, .leaders, .about-content .features-wrap{padding: 110px 0;}
  .careers-content .news-article{margin-top: -15px;}
  .careers-content .what-we-do-section{padding: 150px 0 110px;}
  .what-we-do-item{display: block;}
  .what-we-do-des{width: 100%; margin: 15px 0 0; padding-bottom: 0px;}
  .what-we-do-item:first-child, .what-we-do-des:first-child{margin-top: 0;}
  .item-info{position: relative; top: auto; bottom: auto; left: auto; right: auto; margin-top: 20px;}
  .item-info h6{font-size: 20px;}
  .item-info dfn{font-size: 14px;}
  .what-we-do-des p, .postion-item p, .postion-item a{line-height: 25px; font-size: 16px;}
  .position-section{padding-bottom: 30px;}
  .jv-careersite{display: none}
  .mobi-btn{display: block;}
  .position-item-wrap, .organic-item-title h3{margin-top: 0px;}
  .position-item-des-right, .position-item-des-left, .about-content .what-we-do-section .btn, .leaders-item-left, .leader-item-figure, .leaders-item-info, .about-content .features-inner-wrap .btn-wrap a.btn{width: 100%;}
  .position-item-des-right{padding-right: 0;}
  .position-item-des{padding: 5px 0; margin-top: 10px;}
  .position-item-title h6{line-height: 26px;}
  .position-item-des-right span, .position-item-des-left span{line-height: 25px; font-size: 17px;}
  .oppurtunity-wrap{padding-bottom: 100px;}
  
  /* Contact page */
  .contact-content .hero-wrap{background-position: bottom right;}
  .contact-content .hero-inner{padding: 150px 0;}
  .contact-content .hero-content{padding: 0;}
  .contact-content .hero-content h1{width: 100%;max-width: 100%;text-align: center;}
  .contact-content .hero-content p{display: block;}
  .contact-section .common-wrap{padding: 0 20px;}
  .enquiry-wrap, .info-item:first-child, .enquiry-item:first-child{margin-top: 0;}
  .enquiry-item{width: 100%; padding: 30px 20px;min-height: 0}
  .enquiry-figure{width: 130px; margin: 0 auto;}
  .enquiry-title{padding-top: 20px;}
  .enquiry-title p{font-size: 18px; line-height: 22px;}
  .enquiry-item .personal-info a{font-size: 16px; padding-left: 30px;}
  .enquiry-item, .company-info-wrap, .careers-content .news-article .btn-wrap{margin: 30px 0 0 0;}
  .info-title{padding-bottom: 15px;}
  .info-item{width: 100%; margin: 25px 0 0 0;}
  .info-item-top{margin-top: 15px; width: 100%;}
  .info-item-top address, .info-item-top p{font-size: 16px; line-height: 24px;}
  .enquiry-title{padding-right: 0px;}
      
  /* FAQs */
  .faqs .hero-wrap{min-height: 10px;}
  .faqs .hero-inner-wrap{padding: 100px 0 50px 0;}
  .faqs .hero-inner-wrap h1{padding: 0}
  .faqs .hero-inner-wrap p{font-size: 16px; line-height:18px; padding-top:5px}
  .faqs .hero-content{padding: 0 20px}
  .faqs .hero-content h1{width: 100%;max-width: 100%;text-align: center;}
  .faqs .hero-content p{display: block;}
  .accordium-item:before{left: 15px; right: 10px;}
  .faqs .common-wrap { width: 100%; padding: 0 10px; }
  .accordium-item-wrap, .accordium-item-wrap:last-child{margin-top: 20px}
  .accordium-item-wrap:first-child{margin-top: 30px;}
  .accordium-item-wrap h5{font-size: 18px; padding-left: 15px }
  .accordium-item{padding: 5px 0;}
  .accordium-item:nth-child(2){margin-top: 15px;}
  .accordium-item h6{font-size: 18px; line-height: 24px;  padding: 10px 35px 10px 15px}
  .accordium-item h6:after{width: 16px;  bottom: auto; top: 10px;}
  .accordium-item p{padding: 0 15px 10px; font-size: 16px; line-height: 22px}
  .client-suport-wrap{padding: 25px 0 185px 0; }
  .client-suport-inner h2{font-size: 18px; line-height:22px}
  .client-suport-inner p{font-size: 15px; line-height: 20px; padding-top:10px}
  .faqs .features-item-wrap .feature-item{width: 100%; margin: 20px auto 0; clear: both;}
  .faqs .features-item-wrap .feature-item span{font-size: 18px; line-height: 22px; padding-top:5px}
  .faqs .features-wrap{padding-bottom: 40px;}
  .faqs .features-item-wrap{margin-top: 15px;}

  /* Pop-up Demo Form */
  .form-wrap .form-wrap-inner{padding: 100px 28px 128px}
  .form-wrap h1{margin-bottom: 20px;text-align: center;font-size: 28px;line-height: 32px}
  .form-wrap button.mfp-close{right: 48px;top: 28px}
  .form-wrap .gform_wrapper .gform_body .gform_fields .gfield,
  .form-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even),
  .form-wrap .gform_wrapper .gform_footer input[type=submit]{width: 100%}
  .form-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){margin-left: 0}

  .home-featured-form .gform_wrapper .gform_footer input[type=submit]{width: auto;  padding: 0px 38px;}

  /* Solution Pages */
  .solution-content .hero-content p{display: block;text-align: left;}
  .solution-content .resource-content-wrap .resource-content{padding: 0}
  .solution-nav{max-width: 100%;width: 100%;margin-bottom: 60px}
  .solution-nav.fixed,
  .solution-nav.fixed-bottom{position: relative;top: auto;bottom: auto}
  .page-title{margin-bottom: 20px;padding: 60px 0 40px}
  .large-numbered {padding-top: 60px;margin-top: 68px}
  .large-numbered .number{font-size: 40px;line-height: 40px;float: left;width: 100%;}
  .large-numbered .text-right{width: 100%}


  /* Knowledge Base */
  .knowledge-base-wrap .hero-inner{padding: 154px 0px 54px;}
  .knowledge-base-wrap .hero-content h1,
  .knowledge-base-wrap .hero-content h1 a{text-align: center;width: 100%}
  .knowledge-wrap .sidebar{padding-bottom: 0}
  .knowledge-wrap .sidebar.fixed{position: relative;}
  .knowledge-wrap .sidebar,
  .knowledge-wrap .main-wrap{width: 100%;}
  .knowledge-wrap .main-wrap{padding: 80px 0}

  .knowledge-wrap .sidebar,
  .knowledge-services .knowledge-wrap .main-wrap,
  .knowledge-solutions .knowledge-wrap .main-wrap{text-align: center;}

  .search-form{width: 100%;max-width: 570px}
  .search-form .search-field,
  .search-form .search-submit{width: 100%}
  .search-form .search-submit{margin-top: 29px}

  .middle-banner-wrap .sugest-text p{color: #718490;font-size: 18px;}

   /*Flexible Content*/
   .flexible-page-content .hero-content h1, .campaign .hero-content h1{text-align: center}
   .flexible-page-content .hero-content .hero-content a.btn{float: none;}
    .row-item.order-rev, .row-item{flex-flow: column}
    .left-col-wrap, .row-item.onethird .text-block, .row-item.onethird .left-col-wrap,.card-item-wrap.wide-col .card-item, .centred-img-txt-block .img-wrap-inner {width: 100%;}
    .row-item.order-rev .text-block, .row-item .text-block{padding: 30px 0 0; text-align: center;}
    .card-content-wrap, .text-fw-section, .text-img-col-section{padding: 60px 0 0;}
    .row-item{padding-top: 40px;}
    .row-item:first-child{padding-top: 0}
    .flexible-page-content .hero-inner{padding: 150px 0 100px;}
    .flexible-page-content .hero-inner p {display: block}
    .flexible-page-content .hero-content .btn-wrap{padding-bottom: 15px;text-align: center;}
    .flexible-page-content .hero-content .btn-wrap .btn{float: none;}
    .row-item figure img{max-width: 561px; margin: 0 auto; float: none;}
    .text-fw-section .text-wrap h3{font-size: 32px; line-height: 36px}
    .flexible-page-content .card-item-wrap{flex-flow: column;}
    .flexible-page-content .card-item-wrap  .card-item{ margin:50px auto 0;}
    .lead-text + .card-content-inner{margin-top: 0}
    .centred-img-txt-block .img-wrap{ padding: 26.5px 18px;}
    .text-img-col-section.skew { margin: 60px 0 40px;}
    .flexible-page-content .testimonial {padding: 30px 0 0;}
    .flexible-form-wrap {margin-top: 25px;}
    .flexible-form-wrap .lead-text {margin-top: 156px;}
    .centred-img-txt-block{margin-top: 80px}
    .card-item-wrap.wide-col .card-item h5{font-size: 22px; line-height: 26px}
    .card-content-wrap .lead-text p, .centred-img-txt-block .lead-text p{font-size: 18px; line-height: 30px;}
    .hbspt-form .form-columns-2 .hs-fieldtype-select{width: 100% !important; float: none;}

  .flexible-page-content .dataTables_wrapper{    margin-left: -46px;margin-right: -46px;}


  .txt-form-block .lead-text, .txt-form-block .form-wrap, .left-column-content, .right-column-content{width: 100%;}
  .txt-form-block .form-wrap{margin-left: 0; margin-top: 40px;}
  .card-item-wrap.three-col.wide-col .card-item{width: 100%}

  .get-form-wrap .responsiveRow:nth-last-child(2){position: relative;bottom: 0}
  .get-form-wrap h5{font-size: 22px;line-height: 30px;}


  .campaign .hero-inner{padding: 150px 0 100px;}

  .campaign .card-item-wrap.two-col .card-item, .campaign .card-item-wrap.three-col .card-item, .campaign .card-item-wrap.four-col .card-item{width: 100%;}
  /*.campaign  .brand-carousel-wrap .slick-list{overflow: hidden;}*/
  .campaign  .wellcome-content-inner .common-wrap{padding: 0;}

  .password-protect-section{padding: 100px 0}
  .password-protect-section input[type="submit"], .password-protect-section input[type="password"]{width: 100% !important}
   .password-protect-section input[type="password"]{margin-bottom: 20px}
    
}

@media only screen and (max-width: 498px) {
  
  .gform_wrapper .gform_body .gform_fields .gfield{width: 100%;}
  .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){margin-left: 0}

  .footer-input-wrap .gform_title{font-size: 26px;line-height: 32px;letter-spacing: -.2px;}
  .footer-input-wrap .gform_wrapper .gform_footer input[type=submit]{min-width: 240px;}

  }

@media only screen and (min-width: 398px) and (max-width: 498px) {

  .home-content .hero-wrap-mobile{background-position: center bottom 60px;}

  .whymovetocloud-content .compliant-video:before{bottom: 50px}
  .whymovetocloud-content .compliant-video-wrap{padding: 0;margin-top: -60px}

  /* Resources Single */
  video, 
  iframe,
  .resource-video iframe,
  .resource-video video{height: 248px}
}

@media only screen and (max-width: 560px) {
  .centred-img-txt-block .img-wrap img{max-width: 100%; width: 100%;}
   .centred-img-txt-block .block-wrap:before{   top: -173px;}
   .centred-img-txt-block .block-wrap{padding: 0 0 50px;}
   .card-item{width: 100%;}
  }

@media only screen and (min-width: 498px) and (max-width: 698px) {

  .home-content .hero-wrap-mobile{background-position: center bottom;}

  .whymovetocloud-content .compliant-video:before{bottom: 30px}
  .whymovetocloud-content .compliant-video-wrap{padding: 0;margin-top: -20px}

  /* Resources Single */
  video, 
  iframe,
  .resource-video iframe,
  .resource-video video{height: 348px}
  .resource-closing-banner{padding: 32px 40px}
  .resource-closing-banner h2{padding-right: 50%;line-height: 36px}
  .resource-closing-banner p{padding-right: 50%}

  /* Hubspot Forms */ 
  .hbspt-form .form-columns-2 .hs-fieldtype-text,
  .resource-form .hbspt-form .hs-fieldtype-select{width: 48%!important}
  .get-form-wrap .hbspt-form .hs-submitt{float: right;margin-top: -88px}
}

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

  .home-content .hero-wrap-mobile{background-position: center bottom;}

  .whymovetocloud-content .compliant-video:before{bottom: 0}  
  .whymovetocloud-content .compliant-video-wrap{padding: 0 0 60px;margin-top: 0}

  /* Resources*/
  .resource-filter,
  .resource-posts{max-width: 640px}
  .resource-item{max-width: 300px;margin: 0 8px 15px;height: 420px;}
  .resource-item.default-item figure{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height: 155px}
  .resource-item.default-item figure img{min-height: 155px;}

  /* Resources Single */
  video,
  iframe,
  .resource-video iframe,
  .resource-video video{height: 398px;}
  .resource-closing-banner{padding: 32px 40px}
  .resource-closing-banner h2{padding-right: 50%;line-height: 36px}
  .resource-closing-banner p{padding-right: 50%}

  /* Pop-up Demo Form */
  .form-wrap .gform_wrapper .gform_body .gform_fields .gfield,
  .form-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even),
  .form-wrap .gform_wrapper .gform_footer input[type=submit]{width: 48%}
  .form-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){margin-left: 2%}

  .home-featured-form .gform_wrapper .gform_body .gform_fields .gfield,
  .home-featured-form .form-wrap .gform_wrapper .gform_body .gform_fields .gfield:nth-child(even){width: 100%; margin-left: 0; margin-right: 0}

  /* Hubspot Forms */    
  .hbspt-form .form-columns-2 .hs-fieldtype-text, 
  .resource-form .hbspt-form .hs-fieldtype-select{width: 48%!important}
  .get-form-wrap .hbspt-form .hs-submit{float: right;margin-top: -88px}
}

@media only screen and (min-width: 768px) and (max-width: 875px) {
  .accordium-item-wrap{margin-top:40px}
  .accordium-item-wrap:first-child{margin-top:40px}
  .accordium-item-wrap:last-child{margin-top:40px}
  .client-suport-wrap{padding-top:50px}
  .client-suport-inner h2{font-size:35px; line-height:40px}
}

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

  .hero-wrap-cover,
  .hero-wrap-graphic{background-attachment: scroll}
  .hero-parallax.hero-animated .hero-inner{min-height: 800px}

  .phone-icon{position: absolute; top: 35px; right: 38px; width: 23px; cursor: pointer; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;}
  .header-area.downScl .phone-icon{top: 22px;}
  .phone-icon span{display: block; width: 100%; height: 2px; background-color: #0087ae; margin-top: 5px;}
  .phone-icon span:first-child, .service-tab-nav-item:first-child, .footer-widget:first-child, .service-feature-content, .service-feature-item:first-child, .compliant-item:first-child, .preparation-item:first-child, .reading-item:first-child{margin-top: 0px;}
  .navigation-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100vh; max-height: 100vh; overflow-y: auto; background-color: rgba(0, 0, 0, 0.25); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
  .navigation-inner-wrap{position: absolute; top: 0; right: -100%; width: 100%; height: 100%; max-height: 100vh; overflow-y: auto; background-color: #ffffff; padding: 24px 31px 88px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
  .open .navigation-inner-wrap{right: 0;}
  .main-nav{margin: 0;padding: 0}
  .main-nav > ul > li {border-bottom: 1px solid #dadada; padding: 0}
  .main-nav > ul > li a {padding: 8px 0;}
  .main-nav > ul > li,
  .main-nav li.SubSubmenu li{padding: 0; display: block; float: left; width: 100%;text-align: left;}
  .main-nav li.SubSubmenu li{padding: 0}
  .main-nav > ul > li a{padding:15px 0; width: 100%;}
  .main-nav > ul > li:first-child{display: block;}
  .Submenu:after{top: 20px;}
  .main-nav > ul > li > ul,
  .main-nav li.SubSubmenu > ul{float: left; width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;padding: 0;margin: 10px 0;opacity: 1; visibility: visible; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; display: none;}
  .main-nav li.SubSubmenu > ul{margin: 5px 0 0}
  .main-nav > ul > li > ul:after{display: none;}   
  .main-nav > ul > li > ul > li{margin: 5px 0;}
  .sub-menu-icon{display: none;}
  .main-nav > ul > li > ul a{line-height: 20px; padding-left: 0px; padding-right: 0;}
  .main-nav > ul > li ul.minmenu{float: left; width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;padding: 0;margin: 10px 0;opacity: 1; visibility: visible; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; display: none;}
  .main-nav > ul > li > ul > li, 
  .main-nav > ul > li ul.minmenu li,
  .main-nav li.SubSubmenu ul li{border-top: none;margin: 5px 0;}
  .main-nav > ul > li > ul > li a,
  .main-nav > ul > li ul.minmenu li a{padding: 3px 0; color: #718490; }  
  .main-nav li.SubSubmenu ul li a{padding: 0 0 0 15px;}
  .main-nav li.SubSubmenu a:after{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);    background-size: 10px auto;width: 10px;height: 10px;right: auto;top: 7px;margin-left: 10px;}
  .menu-close{position: relative; width: 35px; height: 35px; padding: 0 2px; }
  .menu-close:after, .menu-close:before{position: absolute; width: 1px; height: 24px; background-color: #0087ae; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: ''; left: 50%; top: 50%; margin-top: -8px;}
  .menu-close:before{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
  



    .Submenu > a:after { background-size: 16px 10px; width: 16px; height: 10px; top: 25px;}
  .mobile-menu-topbar {float: left; width: 100%; display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; margin-bottom: 25px;}
.mobile-menu-topbar .mobile-menu-logo  a img {width: 151px;}
  .nav-right{width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}
    .login {background: none; width: 48%; height: auto; order: 2; margin: 0 1%; border: 1px solid #003c4c; border-radius: 40px; float: left;}
    .login span {float: left; padding: 8px 25px; visibility: visible; opacity: 1; position: relative; box-shadow: none; background: none; right: auto; width: 100%;
    text-align: center; margin-top: 0;}
    .login span:after {display: none;}
    .mobile-call-wrap {float: left; width: 100%; position: relative; padding:10px 0 10px 20px; background-image: url(svgs/Phone.svg);
    background-repeat: no-repeat;
    background-size: 11px 17px;
    background-position: left;}
    .mobile-call-wrap p {margin-right: 10px;}
    .mobile-call-wrap p, .mobile-call-wrap a {float: left; width: auto; font-size: 16px; font-weight: 300; color: #003c4c;  }
    .mobile-call-wrap a {font-family: 'FrutigerLT-Light', sans-serif;}




.search-icon {display: none;}
  .call-wrap{padding: 17px 30px;float: left; margin-top: 0px;position: absolute;width: 100%;left: 0;top: 0;margin-top: 88px}
  .call-wrap:after{content: "";border-bottom: 1px solid #dadada;display: inline-block;width: 100%}
    .call-wrap span{position: absolute;}
  .call-wrap .selectric-wrapper{float: left;width: auto;text-align: left;}
  .call-wrap a{float: left;display: inline-block;padding: 0;margin-left: 5%;padding: 0 30px;text-align: right;float: right;width: auto}
  .get-btn{float: left; order: 1; margin: 0 1%;border: none;width: 48%;position: relative;top: 0;right: auto;}
  .get-btn a{background-color: #0087ae; border: 1px solid #0087ae; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #ffffff;width: 100%;height: 43px;line-height: 45px;font-size: 16px;}
  .header-area.open .get-btn a,
  .header-area.downScl.open .get-btn a{margin-top: 25px}
    .get-btn a:hover{background-color: transparent; color:  #0087ae;}
  .search-icon,
  .login{margin-top: 25px}
  .header-area.downScl .logo-wrap{margin: 5px 0 10px;float: left;}

  .main-nav .megamenu li.SubSubmenu .megamenu-coloumn-title:after{content: ''; position: absolute;background-image: url(images/menu-dropdown.png); background-repeat: no-repeat;background-position: center right; background-size: 10px auto;width: 10px;height: 10px; top: 14px; right: 0;}
  .main-nav .megamenu li.SubSubmenu .megamenu-coloumn-title{position: relative; padding-right: 10px;}
  .calling_card {float: left; width: 100%; border-radius: 16px; }
    .main-nav > ul > li ul.minmenu.megamenu li .calling_card a {padding:25px; display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
    .calling_card figure {width: auto;}
    .calling_card figure img, .calling_card h3, .calling_card p {width: 100%;}
    .calling_card figure img { max-width: 120px; }
    .calling_card h3, .calling_card p {font-family: 'CircularStd-Book', sans-serif; color: #fff;}
    .calling_card h3 { font-size: 18px; line-height: 1;}
    .calling_card p {font-size: 15px;line-height: 1.2;opacity: 0.59;}
    .calling-card-text {position: relative; float: left; width: auto; margin-top: 0px; text-align: left; margin-left: 20px;}

     .megamenu-coloumn-title{display: inline-block; width: 100%;}
    .megamenu-coloumn-title img{margin-right: 10px; max-width: 40px; filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1)); }
    .megamenu-coloumn-title p{text-align: left;font-family: 'CircularStd-Book', sans-serif; font-size: 15px;line-height: 40px; color: #003c4c;pointer-events: initial;}
    .main-nav .megamenu li.SubSubmenu ul    {margin: 10px 0;}
    .main-nav .megamenu li.SubSubmenu ul > li{padding-left: 15px;}

  /* Footer */
  .social-partner{padding-left: 0;}
  .footer-widget-wrap{padding-left: 30px}
  .footer-widget{padding: 0 10px}

  /* Home page */
  .tell-more,
  .home-content .tell-more{margin-bottom: -110px}
  .home-content .hero-wrap{background-position: center bottom}
  .service-nav-title{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center;height: 98px}

  /* Why Move To Cloud-Direct */
  .whymovetocloud-content .wellcome-content{padding-bottom: 280px}
  .whymovetocloud-content .compliant-video-wrap{padding-bottom: 0}
  .whymovetocloud-content .compliant-video{margin-top: 0;}
  .whymovetocloud-content .compliant-video:before{bottom: 0}
  
  /* Why-Cloud-Direct */
  .cloud-direct-content .hero-inner{padding-top: 265px;}
  .cloud-direct-content .hero-content{float: none}
  .user-navigation-wrap{top: 0; right: 20px;}
  .search-triger, .search-wrap input[type="submit"], .search-wrap input[type="text"]{height: 30px; width: 30px;}
  .header-area.downScl .get-btn a{margin-top: 0;}
  a.user-log{margin-top: 5px;}    
  .single-feature:nth-child(1), .single-feature:nth-child(2), .single-feature:nth-child(3), .single-feature:nth-child(4), .single-feature:nth-child(5), .single-feature:nth-child(6), .single-feature:nth-child(7), .single-feature:nth-child(8), .single-feature:nth-child(9), .single-feature:nth-child(10) {padding: 100px 0;}
  .count-item{width: 150px; font-size: 100px; line-height: 72px; top: 0;}
  .single-feature-content{-webkit-width: calc(100% - 155px); -moz-width: calc(100% - 155px); width: calc(100% - 155px); padding-left: 10px;}
  .single-feature-bg{top: -70px;}
  .single-feature-content h2{font-size: 40px; line-height: 46px;}
  .feature-team{padding-right: 0px; max-width: 450px;}
  .feature-team-item{width: 130px; height: 130px; margin: 5px 5px;}
  .feature-team-item:nth-child(6){margin-right: 40px;}
  .single-feature-graphics{width: 50%;}
  #scroll-indicator-bullets{display: none}

  /* WhatWeDo-Common */
  .compliant-video-wrap .lead-text{margin-top: 145px}
  .compliant-video-text{padding-top: 300px}
  .news-article-item-wrap{padding: 30px}
  .reading-wrap .common-wrap{max-width: 375px}
  .reading-item{width: 100%;margin: 50px 0 0}

  /* Resources*/
  .wizardinfosys_autosearch_wrapper{width: 100%!important}
  .resource-filter,
  .resource-posts{max-width: 695px;}
  .resource-filter .searchandfilter{width: 100%;}
  .resource-filter .searchandfilter > div > ul > li{width: 42.5%}
  .resource-filter .searchandfilter > div > ul > li:nth-child(2){padding-left: 0}
  .resource-filter .searchandfilter > div > ul > li:first-child{padding-left: 0;width: 100%;margin-bottom: 29px}
  .resource-filter .searchandfilter > div > ul > li:last-child{width: 15%}
  .search-filter.resource-filter .searchandfilter > div > ul > li:first-child{width: 85%;margin-bottom: 0}

  /* Resources Single */  
  .resource-content{padding: 0 64px}
  .numbered-list{padding: 0 64px}
  .share-bottom.fixed-bottom{margin-right: 30px}
  video,
  iframe,
  .resource-video iframe,
  .resource-video video{height: 398px;}
  .resource-closing-banner{padding: 66px 73px}
  .resource-closing-banner h2{padding-right: 30%;line-height: 36px}
  .resource-closing-banner p{padding-right: 30%}

  /* Begin Search page */
  .search-page .wizardinfosys_autosearch_wrapper{width: 86.5%!important;}

  /* GetStarted */
  .get-content .common-wrap{padding: 0 20px;}
  .get-form-wrap{width: 51.464286%;}
  .get-graphics{min-width: 355px;}
  .get-graphics > a, .tootip-wrap > a{font-size: 13px; margin-top: 5px; margin-bottom: 5px;}
  .get-graphics > a{width: 135px;}
  .tootip-wrap > a{width: 160px;}
  .tool-tip{padding: 50px 25px; width: 305px;}
  .tool-tip .advisor{margin-top: 20px; width: 115px;}
  .tool-tip .advisor-person-figure{width: 115px; height: 115px;}
  .get-form-wrap{margin: 60px 0;}
  .get-form-wrap h1{font-size: 35px; line-height: 42px;}
  .form-inner-wrap, .input-wrapper{margin-top: 30px;}
  .check-item label{font-size: 16px; line-height: 30px; padding-left: 40px;}
  .check-item{padding: 8px 10px;}
  .check-item input[type="checkbox"], .check-box{width: 30px; height: 30px; left: 12px; top: 8px;}
  .form-inner-wrap h5{font-size: 18px;}
  .input-wrapper .input-wrap{width: 100%; margin: 10px 0;}
  .input-wrapper h5{margin-bottom: 15px;}
  .input-wrap.full-width textarea{height: 150px;}
  .sub-btn .check-item label{font-size: 14px; padding-left: 30px;}
  .get-graphics{width: 40%;}    
  .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.gsection{margin: 26px 0 0}
  /* Hubspot Forms */
  .get-form-wrap{padding-right: 15px}
  .get-form-wrap .hbspt-form .form-columns-2 .hs-fieldtype-text{width: 100%!important;}
  .get-form-wrap .hbspt-form .hs-submit{float: left;margin-top: 0}
  
  /* About page */
  .organic-section{padding-top: 100px;}
  .principle-carosule-wrap .common-wrap{padding: 0 50px;}
  .principle-carosule-wrap .common-wrap .slick-list{margin: 0 -10px;}
  .about-content .what-we-do-section .lead-text h1{font-size: 200px; line-height: 150px;}
  .organic-item{padding: 30px 0;}
  .organic-item-title h3{margin-top: 0;}
  .principles-section{padding: 250px 0 100px;}
  .principles-item{padding: 0 10px;}
  .about-content .what-we-do-section{padding: 180px 0;}
  .leaders-item-right{width: 36.0632183908046%; margin-left: 0;}
  
  /* Careers page */
  .gallery-section{margin-top: 70px;}
  .carrers-wellcome-content{padding-top: 50px;}
  .middle-text{padding: 80px 0 100px;}
  .careers-content .news-article, .what-we-do-section, .position-section, .about-accordian, .leaders{padding: 100px 0;}
  .careers-content .news-article-item, .careers-content .news-article .btn-wrap{margin-top: 50px;}
  .what-we-do-des p{font-size: 16px;}
  .item-info h6{font-size: 20px;}
  .item-info dfn{font-size: 14px;}
  .oppurtunity-wrap{padding-bottom: 100px;}
  
  /* Contact page */
  .enquiry-item{padding: 20px 20px 50px;}
  .enquiry-figure{width: 150px;}

  /* Solution Pages */    
  .solution-content .resource-content-wrap .resource-content{padding: 0 0 0 240px}
  .solution-nav.fixed,
  .solution-nav.fixed-bottom{position: relative;top: auto;bottom: auto}
  .large-numbered .number{font-size: 100px;line-height: 80px;width: 20%}
  .large-numbered .text-right{width: 75%}

  /* Knowledge Base */
  .knowledge-wrap .sidebar{width: 30%}
  .knowledge-wrap .main-wrap{width: 70%}
  .knowledge-article .main-wrap{width: 100%}
}

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

  .hero-wrap-cover,
  .hero-wrap-graphic{background-attachment: scroll}
  .hero-parallax.hero-animated .hero-inner{min-height: 800px}

  .header-area .common-wrap{padding: 0}
  .navigation-wrap {width: calc(100% - 190px);}
  .logo-wrap{width: 160px;margin: 8px 0 0 20px}
  .header-area.downScl .logo-wrap{margin: 15px 0 0 20px;}
  .main-nav > ul > li a{font-size: 14px;padding: 0 0 0 14px}
  .main-nav > ul > li.Submenu a{padding-right: 14px}
  .Submenu > a:after, .call-wrap span:after{top: 10px}
  .nav-right{margin-top: 2px}
  .header-area.downScl .nav-right{margin-top: 10px}
  .main-nav{margin-top: 20px}
  .call-wrap a,
  .call-wrap .selectric .label{font-size: 12px;margin-left: 0;padding-left: 0}
  .call-wrap a{margin-left: 0}
  .call-wrap .selectric{padding-right: 20px}
  .get-btn{margin-left: 15px}
  .get-btn a{font-size: 12px;width: auto;padding: 0 15px;margin-top: 7px}

  /* Why-Cloud-Direct */
  .user-navigation-wrap{top: 0;}
  .count-item{font-size: 140px;width: 160px}
  .single-feature-bg{top: -80px;}
  #scroll-indicator-bullets{display: none}

  /* Resources*/
  .wizardinfosys_autosearch_wrapper{width: 100%!important}
  .resource-filter,
  .resource-posts{max-width: 695px;}
  .resource-filter .searchandfilter{width: 100%;}
  .resource-filter .searchandfilter > div > ul > li{width: 42.5%}
  .resource-filter .searchandfilter > div > ul > li:nth-child(2){padding-left: 0}
  .resource-filter .searchandfilter > div > ul > li:first-child{padding-left: 0;width: 100%;margin-bottom: 29px}
  .resource-filter .searchandfilter > div > ul > li:last-child{width: 15%}
  .search-filter.resource-filter .searchandfilter > div > ul > li:first-child{width: 85%;margin-bottom: 0}

  /* Resources Single */
  .numbered-list{padding: 0 129px}  
  .resource-video{padding: 0 32px}
  .resource-closing-banner{padding: 66px 73px}
  .resource-closing-banner h2{padding-right: 30%;line-height: 36px}
  .resource-closing-banner p{padding-right: 30%}

  /* Begin Search page */
  .search-page .wizardinfosys_autosearch_wrapper{width: 86.5%!important;}

  /* GetStarted */
  .get-graphics{min-width: 50px;}
  .get-graphics a{font-size: 14px; width: 160px; margin: 0 2px;}
  .tool-tip{padding: 50px; width: 280px;}    
  .form-inner-wrap .gform_wrapper .gform_body .gform_fields .gfield.gsection{margin: 26px 0 0}
  
  /* About page*/
  .principle-carosule-wrap .common-wrap{padding: 0 80px;}
  .about-content .what-we-do-section .lead-text h1{font-size: 200px; line-height: 150px;}
  .principle-carosule-wrap .common-wrap .slick-list{margin: 0 -10px;}
  .principles-item{padding: 0 10px;}
  .leader-item-info-social span{padding-left: 5px;}
  
  /* Careers page */
  .gallery-section{margin-top: 70px;}
  .middle-text{padding: 80px 0 100px;}
  .careers-content .news-article{padding: 100px 0;}
  
  /* Contact page */
  .enquiry-figure{width: 150px;}
  .enquiry-item .personal-info a{margin: 10px 0 0; }
  
  /* FAQs page */
  .accordium-item-wrap{margin-top: 40px; }
  .accordium-item-wrap:first-child{margin-top:40px}
  .accordium-item-wrap:first-child{margin-top:40px}
  .accordium-item h6{padding:5px 0 27px 0}
  .accordium-item-wrap:last-child { margin-top: 40px;}
  .client-suport-wrap{padding-top:50px}
  .client-suport-inner p{padding-top:14px}

  /* Solution Pages */  
  .solution-content .resource-content-wrap .resource-content{padding: 0 0 0 240px}
  .solution-nav.fixed,
  .solution-nav.fixed-bottom{position: relative;top: auto;bottom: auto}
  .large-numbered .number{font-size: 120px;line-height: 90px;width: 30%}
  .large-numbered .text-right{width: 70%}

  /* Knowledge Base */
  .knowledge-wrap .sidebar{width: 28%}
  .knowledge-wrap .main-wrap{width: 70%}
  .knowledge-article .main-wrap{width: 100%}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .navigation-wrap {width: calc(100% - 190px);}
  .logo-wrap{width: 160px;margin: 8px 0 0 20px}
  .header-area.downScl .logo-wrap{margin: 15px 0 0 20px;}
  .main-nav > ul > li a{font-size: 14px;padding: 0 0 0 14px}
  .main-nav > ul > li.Submenu a{padding-right: 14px}
  .Submenu > a:after, .call-wrap span:after{top: 10px}
  .nav-right{margin-top: 2px}
  .header-area.downScl .nav-right{margin-top: 10px}
  .main-nav{margin-top: 20px}
  .call-wrap a,
  .call-wrap .selectric .label{font-size: 12px}
  .call-wrap a{margin-left: 0}
  .get-btn{margin-left: 15px}
  .get-btn a{font-size: 12px;width: auto;padding: 0 15px;margin-top: 7px}

  .common-wrap,
  .hero-inner .common-wrap,
  .home-content .hero-inner .common-wrap{padding: 0 48px}
  .header-area .common-wrap{padding: 0 14px}
  .principle-carosule-wrap .common-wrap{padding: 0 78px;max-width: 960px}

  /* Why-Cloud-Direct */
    #scroll-indicator-bullets{display: none}

  /* WhatWeDo-Common */
  .news-article-item-wrap{padding: 30px}

  /* Resources*/
  .wizardinfosys_autosearch_wrapper{width: 29.5%!important}
  /*.resource-filter .searchandfilter{width: 70.5%}*/
  .resource-filter .searchandfilter{width: 100%}
  .resource-filter .searchandfilter > div > ul > li{width: 27.5%}
  .resource-filter .searchandfilter > div > ul > li:last-child{width: 11%}
  .search-filter.resource-filter .searchandfilter > div > ul > li:first-child{width: 89%}
  .resource-filter,
  .resource-posts{max-width: 960px}
  .resource-item{width: 297px;}

  /* Resources Single */
  .numbered-list{padding: 0 129px}  
  .resource-video{padding: 0 32px}

  /* Solution Pages */  
  .solution-content .resource-content-wrap .resource-content{padding: 0 0 0 240px}
  .large-numbered .number{font-size: 120px;line-height: 90px;width: 30%}
  .large-numbered .text-right{width: 70%}

  /* Knowledge Base */
  .knowledge-wrap .sidebar{width: 28%}
  .knowledge-wrap .main-wrap{width: 70%}
  .knowledge-article .main-wrap{width: 100%}
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .logo-wrap{width: 190px;margin: 10px 0 0 15px}
  .header-area.downScl .logo-wrap{margin: 10px 0 0 20px;}
  .main-nav > ul > li a{font-size: 16px;padding: 0 16px}  
  .Submenu > a:after, .call-wrap span:after{top: 10px;right: 0}
  .call-wrap a,
  .call-wrap .selectric .label{font-size: 14px}
  .get-btn a{font-size: 14px;width: auto;padding: 0 20px}
}

@media only screen and (max-width: 767px) {
  #scroll-indicator-bullets{display: none;} 
}

@media only screen and (min-width: 768px) {
  #scroll-indicator-bullets{position: fixed;top: 50%;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);transform: translate(0, -50%);right: 0;z-index: 8;font-size: .8rem;}
  #scroll-indicator-bullets ul{list-style: none; }
  #scroll-indicator-bullets ul li{position: relative;padding-right: 7px;}
  #scroll-indicator-bullets ul li a{display: block;color: black;padding: 4px 0 0 0;-webkit-user-select: none !important;-webkit-touch-callout: none;}
  #scroll-indicator-bullets ul li .bullet-nav-title{position: absolute;top: 4px;right: -10px;display: block;visibility: hidden;opacity: 0.0;white-space: nowrap;text-align: right;-webkit-transition: opacity 300ms, right 300ms, text-shadow 300ms;transition: opacity 300ms, right 300ms, text-shadow 300ms;-webkit-transition-timing-function: ease-out;        transition-timing-function: ease-out;padding: 2px 22px 2px 4px;border-radius: 2px;background: rgba(200, 200, 200, 0.4);}
  #scroll-indicator-bullets ul li .bullet-item-link .circle{position: relative;top: 2px;display: block;width: 12px;height: 12px;border-radius: 6px;border: 2px solid black;background: transparent;margin: 4px 0;}
  #scroll-indicator-bullets ul li .bullet-item-link.active .circle{background: black;}
  #scroll-indicator-bullets ul li.show-title .circle{text-shadow: none;}
  #scroll-indicator-bullets ul li.show-title .bullet-nav-title{opacity: 1.0;right: 2px;visibility: visible; }
  #scroll-indicator-bullets ul.open .bullet-nav-title {visibility: visible;} 
  /* Corrected */
  #scroll-indicator-bullets{right: 30px;z-index: 1}
  #scroll-indicator-bullets ul{width: 29px}
  #scroll-indicator-bullets ul li{display: inline-block;float: left;width: 100%;margin: 7px 0;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
  #scroll-indicator-bullets ul li:hover{margin: 0;padding: 10px 0}
  #scroll-indicator-bullets ul li a{color: #fff;padding: 0}
  #scroll-indicator-bullets ul li .bullet-item-link .circle{border-radius: 0;width: 29px;height: 1px;margin: 0;border: none;background: #fff;}
  #scroll-indicator-bullets ul li .bullet-item-link.active .circle,
  #scroll-indicator-bullets ul li.show-title .circle{background: #fff;height: 3px;}
  #scroll-indicator-bullets ul li .bullet-nav-title{background: rgba(255, 255, 255, 0.1);padding: 5px 10px;top: -7px}
  #scroll-indicator-bullets ul li.show-title .bullet-nav-title{right: 40px}
}


@media screen and (min-width: 1024px) and (max-width: 1366px) and (max-height: 768px) {
  .home-content .hero-parallax.hero-animated .hero-content{padding-top: 140px}
  .home-content .hero-parallax.hero-animated .hero-content h1{font-size: 42px;line-height: 48px}
  .home-content .hero-parallax.hero-animated .hero-content p{font-size: 20px;line-height: 26px}
  .home-content .hero-parallax.hero-animated .hero-content a{font-size: 16px;padding: 18px 38px}
}

@media screen and (min-width: 2560px) and (max-height: 1268px) {
  .home-content .hero-parallax.hero-animated .hero-content{padding-top: 140px}
}

/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
  Selectric CSS
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/
.selectric-wrapper{
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  position: relative;
}

.selectric .label { 
 
  font-size:16px;
  color:#36424f;
  padding:18px 0 0;
    line-height: 30px;
}

.enquire-form-wrap .selectric .label {  
  display: block;
  margin: 0 38px 0 10px; 
  line-height:50px;
  height:51px;
 font-size:16px;
 }
 
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height:51px;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px 'cibecs';
  
}
.selectric .button:after {
  display:none; 
  content: "\61";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}


.selectric-open {
  z-index: 9999;
    border:0px solid #acacac;
  border-bottom:0px solid #acacac;

}
.selectric-open .selectric {
border:0px transparent #acacac;
border-bottom:0px;

}
.selectric-open .selectric-items {
  display: block;


}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top:50px;
  left:0px;
 /* border:1px solid #e6e6e0;*/
  border-top:0px !important;
  
  
   border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: -1;  
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:16px;
  line-height:21px;
  min-height: 20px;
  color:#acacac;
  display: block;
}

.enquire-form-wrap .selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 5px 0 5px 13px;
  margin: 0;
  font-size:15px;
  line-height: 20px;
  min-height: 20px;
  color: #414141;
  display: block;
}

/*.selectric-items li:first-child{ border:0}
.selectric-items li.selected { color:#424e5d;}
.selectric-items li:hover {
  color:#424e5d;
}*/
.selectric-items .disabled {
 
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}

/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
  Magnific Popup CSS
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/ 
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
  Flexslider CSS
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/ 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline:none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin:0; padding:0; list-style:none;} 
.slide{display:none;}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {position:relative; zoom:1;}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.flexslider .slides {zoom:1;}


/* Direction Nav */
.flex-direction-nav {*height:0;}
.flex-direction-nav a {width:30px; height:56px; position:absolute; left:0; top:0; margin-top:-28px;-webkit-transition:none; transition:none; text-indent:-9999px;-moz-transition:none}
.flex-direction-nav .flex-next ,.flex-direction-nav .flex-prev{width:11px;height:20px;margin-top:-10px;background:url(images/right-arrow.png) no-repeat center center / contain;cursor:pointer; right: 71.4px; left: auto;}
.flex-direction-nav .flex-prev {right:auto;left:71.4px;margin-right:30px;background:url(images/left-arrow.png) no-repeat center center / contain}

/* add new */
.flex-direction-nav {
  width:100%;
  top:50%;
  left:0;
  position:absolute;
  display:block;
}

.flex-direction-nav .flex-disabled { cursor:default;}

/* Control Nav */

.flex-control-nav {position:absolute; bottom:0px; left:50%;padding:0; margin:0 0 0 -75px;min-width:150px;height:30px;background:#ffffff;overflow:hidden;z-index:100;-webkit-border-radius:40px 40px 0 0;-moz-border-radius:40px 40px 0 0;border-radius:40px 40px 0 0;text-align:center;}
.flex-control-nav li {display:inline-block;margin:18px 6px 0;width:10px;height:10px; font-size:6px;line-height:6px;cursor:pointer;}
.flex-control-paging li a {float:left;width:10px; height:10px; display:block;background:#d8d8d8; text-indent:-9999px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; cursor:pointer}
.flex-control-paging li a:hover { background:#1ab394}
.flex-control-paging li a.flex-active {background:#1ab394}
/* add new */

.flex-control-thumbs {margin:5px 0 0; position:static; overflow:hidden;}
.flex-control-thumbs li {width:25%; float:left; margin:0;}
.flex-control-thumbs img {width:100%; display:block; opacity:.7; cursor:pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1; cursor:default;}

@media screen and (max-width:860px) {
  .flex-direction-nav .flex-prev {opacity:1;}
  .flex-direction-nav .flex-next {opacity:1;}
}

.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}