/* Testing if CSS works */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
body {
	position: relative;
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
	color: #000000;
	background-color: rgb(243, 244, 248); }
    
.scroll-off {
    overflow-y: hidden;
}


/*===============
    RETINA SUPPORT
===============*/

/*@media
only screen and (	 -webkit-min-device-pixel-ratio: 2),
only screen and (		min--moz-device-pixel-ratio: 2),
only screen and (		      -moz-device-pixel-ratio: 2),
only screen and (				min-device-pixel-ratio: 2),
only screen and (      -o-min-device-pixel-ratio: 2/1),
                      (                 min-resolution: 192dpi),
                      (                  min-resolution: 2dppx) {
    body {
        zoom: 0.75; /* Other non-webkit browsers */
        /*zoom: 75%; /* Webkit browsers */
        /*-moz-transform: none; /* Moz-browsers */
        /*-moz-transform: none; /* Moz-browsers */
    /*}
}*/
@-webkit-keyframes menufull {
    from { width: 0; }
    to { width: 280px; }
}
@keyframes menufull {
    from { width: 0; }
    to { width: 280px; }
}


/*=============================
    DIV CLEAR to clear all the bad flows
=============================*/
div.clear {
    clear: both;
    font-size: 1px;
    line-height: 0; }
    
div.white-space {
    width: 100%;
    height: 40px; }


/*====================
    COMMON TEXT STYLES
====================*/

h1 {
    line-height: 1.2em;
    font-size: calc(42px + (56 - 42) * ((100vw - 300px) / (2000 - 300)));
    font-weight: 300; }
h2 {
    line-height: 1.2em;
    font-size: calc(36px + (48 - 36) * ((100vw - 300px) / (2000 - 300)));
    font-weight: 300; }
h3 {
    line-height: 1.25em;
    font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (2000 - 300)));
    font-weight: 300; }
h4 {
    line-height: 1.25em;
    font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (2000 - 300)));
    font-weight: 300; }
h5 {
    line-height: 1.35em;
    font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (2000 - 300)));
    font-weight: 300; }
h6 {
    line-height: 1.65em;
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (2000 - 300)));
    font-weight: 300; }
p {
    line-height: 1.8em;
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2000 - 300)));
    font-weight: 400; }
ul {
    margin: 0;
    padding: 15px 0; }
    ul li {
        padding: 5px 0;
        list-style: none;
        line-height: 1.8em;
        font-size: 16px;
        font-weight: 400; }


/*===================
    SPECIAL TEXT STYLES
===================*/

i { font-style: italic; }
b, .t-bold { font-weight: 700; }
.t-normal { font-weight: 400; }
.t-light { font-weight: 300; }

.t-upper { text-transform: uppercase; }
.t-capital { text-transform: capitalize; }

.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }

.t-r-left { transform: rotate(-90deg); }
.t-r-right { transform: rotate(90deg); }

.t-small { font-size: .85em; }
.t-almost { font-size: .95em; }

.t-medium { font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (2000 - 300))); }

.t-bigger { font-size: calc(42px + (48 - 42) * ((100vw - 300px) / (2000 - 300))); }
.t-big { font-size: calc(42px + (54 - 42) * ((100vw - 300px) / (2000 - 300))); }
.t-special { font-size: calc(42px + (64 - 42) * ((100vw - 300px) / (2000 - 300))); }
.t-vspecial { font-size: calc(64px + (72 - 64) * ((100vw - 300px) / (2000 - 300))); }


/*=============
    TEXT COLORS
=============*/

.black { color: #000002 /*rgb(0, 0, 2)*/; }
.dark { color: #575c5f /*rgb(87, 92, 95)*/; }
.navy { color: #0d4568 /*rgb(13, 69, 104)*/; }
.blue { color: #00a3e6 /*rgb(0, 163, 230)*/; }
.light { color: #ccedfa /*rgb(204, 237, 250)*/; }
.white { color: #fff /*rgb(255, 255, 255)*/; }

/*=======
    LINKS
=======*/

.blue-link, .blue-link:link,
.light-link, .light-link:link,
.navy-link, .navy-link:link,
.dark-link, .dark-link:link,
.white-link, .white-link:link {
    text-decoration: none;
    outline: none;
    background: none;
    border: none; }
    
    .blue-link:hover, .blue-link:focus,
    .light-link:hover, .light-link:focus,
    .navy-link:hover, .navy-link:focus,
    .dark-link:hover, .dark-link:focus,
    .white-link:hover, .white-link:focus { text-decoration: underline !important; }
    
.blue-link, .blue-link:link, .blue-link:hover, .blue-link:focus { color: #00a3e6 !important; }
.navy-link, .navy-link:link, .navy-link:hover, .navy-link:focus { color: #0d4568 !important; }
.dark-link, .dark-link:link, .dark-link:hover, .dark-link:focus { color: #575c5f; }
.light-link, .light-link:link, .light-link:hover, .light-link:focus { color: #ccedfa; }
.white-link, .white-link:link, .white-link:hover, .white-link:focus { color: #fff; }


/*=======================
    BACKGROUNDS & BORDERS
=======================*/

.white-bkg { background: rgb(255, 255, 255); }
.light-bkg { background: rgb(204, 237, 250); }
.blue-bkg { background: rgb(0, 163, 230); }
.navy-bkg { background: rgb(3, 43, 68); }

.light-border { border-bottom: 7px #ccedfa solid; }
.blue-border { border-bottom: 7px #00a3e6 solid; }
.navy-border { border-bottom: 7px #0d4568 solid; }
.top-shadow-bkg {
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25) inset;
        -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25) inset;
        -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25) inset; }
.bottom-shadow-bkg {
    box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.25) inset;
        -webkit-box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.25) inset;
        -moz-box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.25) inset; }


/*========
    FORMS
========*/

form {
    /*width: 100%;*/
    max-width: 360px;
    margin: 0 auto; }
.big-form form { max-width: 640px; }
    form div { padding: 5px 0; }
    
        /*=== Inputs & Labels ===*/
        label {
            display: block;
                width: 100%;
            padding: 20px 0 14px 1px;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: rgb(101, 105, 129); }
        input { display: inline-block; }
        
        .dataTables_filter label input,
        input[type="url"], input[type="text"], input[type="email"], input[type="password"],  select {
            outline: none;
            width: 100%;
            height: 45px;
            padding: 5px 9px;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 400;
            background: #fff;
            border: 1px rgb(227, 229, 238) solid;
            border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
            box-shadow: inset 0 1px 3px 0 rgb(101, 105, 129, .4);
                -webkit-box-shadow: inset 0 1px 3px 0 rgb(101, 105, 129, .4);
                -moz-box-shadow: inset 0 1px 3px 0 rgb(101, 105, 129, .4);  }
             input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus {
                 box-shadow: inset 0 2px 5px 0 rgb(101, 105, 129, .5);
                    -webkit-box-shadow: inset 0 2px 5px 0 rgb(101, 105, 129, .5);
                    -moz-box-shadow: inset 0 2px 5px 0 rgb(101, 105, 129, .5);  }
        
        ::placeholder,
        :-ms-input-placeholder,
        ::-ms-input-placeholder { color: #9799a8 !important; }
        
        textarea {
            width: 100%;
            height: 177px;
            max-height: 220px;
            resize: none;
            overflow-y: auto;
            padding: 9px 14px;
            line-height: 1.7em;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 400;
            border: 1px rgb(227, 229, 238) solid;
            border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
            box-shadow: inset 0 2px 4px 0 rgb(101, 105, 129, .3);
                -webkit-box-shadow: inset 0 2px 4px 0 rgb(101, 105, 129, .3);
                -moz-box-shadow: inset 0 2px 4px 0 rgb(101, 105, 129, .3);  }
             textarea:focus {
                 outline: none;
                 box-shadow: inset 0 3px 5px 0 rgb(101, 105, 129, .5);
                    -webkit-box-shadow: inset 0 3px 5px 0 rgb(101, 105, 129, .5);
                    -moz-box-shadow: inset 0 3px 5px 0 rgb(101, 105, 129, .5);  }
            form select option {
                padding: 10px 8px;
                margin: 8px auto; }
        button[type="submit"],
        input[type="submit"],
        input[type="button"],
        input.buttoni, button.buttoni {
            width: auto;
            height: auto;
            padding: 12px 20px 14px 20px !important;
            border: none; }        
        /*=== Form Errors ===*/
        .form-error { padding-top: 20px; }
        .form-error h6 {
            display: inline-block;
            width: auto;
            padding: 10px 20px 12px 20px;
            background: rgba(225, 55, 37, .75); }
            input.field-error, input.field-error:focus  {
                border: 2px #ef6056 solid;
                border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                box-shadow: 0px 3px 3px 3px #ef6056;
                    -webkit-box-shadow: 0px 1px 3px 2px #ef6056;
                    -moz-box-shadow: 0px 1px 3px 2px #ef6056; }
        
        /*=== List inside forms ===*/
        form ul {
            width: 100%;
            padding: 0; }
            form ul li {
                margin: 0;
                padding: 4px 10px;
                list-style: none;
                background: rgba(225, 45, 27, .2); }


/*==========
    BUTTONS
==========*/

.buttoni, input.buttoni, button.buttoni,
button[type="submit"],
input[type="submit"],
input[type="button"] {
    display: inline-block;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .025em;
    text-decoration: none !important; }
    
    .buttoni:hover, .buttoni:focus,
    button[type="submit"]:hover, button[type="submit"]:focus,
    input[type="submit"]:hover, input[type="submit"]:focus,
    input[type="button"]:hover, input[type="button"]:focus {
        cursor: pointer;
        text-decoration: none; }
        
    button[type="submit"],
    input[type="submit"],
    input[type="button"],
    .buttoni.small {
        padding: 18px 25px 20px 25px;
        font-size: 15px;
        box-shadow: 1px 1px 5px 1px rgba(87, 92, 95, .4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
            -webkit-box-shadow: 1px 1px 5px 1px rgba(87, 92, 95, .4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 1px 1px 5px 1px rgba(87, 92, 95, .4);  /* Firefox 3.5 - 3.6 */ }
    .buttoni.medium {
        padding: 22px 30px 24px 30px;
        font-size: 17px;/*
        box-shadow: 1px 1px 5px 1px rgba(87, 92, 95, .3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
            /*-webkit-box-shadow: 1px 1px 5px 1px rgba(87, 92, 95, .3); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            /*-moz-box-shadow: 1px 1px 5px 1px rgba(87, 92, 95, .3);  /* Firefox 3.5 - 3.6 */ }
    
    button.buttoni.blue[type="submit"],
    input.buttoni.blue[type="submit"],
    input.buttoni.blue[type="button"],
    .buttoni.blue {
        color: #fff;
        background: rgba(0, 163, 230, .8); }
        button.buttoni.blue[type="submit"]:hover, button.buttoni.blue[type="submit"]:focus,
        input.buttoni.blue[type="submit"]:hover, input.buttoni.blue[type="submit"]:focus,
        input.buttoni.blue[type="button"]:hover, input.buttoni.blue[type="button"]:focus,
        .buttoni.blue:hover, .buttoni.blue:focus {
            color: #fff;
            background: rgb(0, 163, 230); }
    
    button.buttoni.light[type="submit"],
    input.buttoni.light[type="submit"],
    input.buttoni.light[type="button"],
    .buttoni.light {
        color: #0d4568;
        background: rgba(204, 237, 250, .85); }
        button.buttoni.light[type="submit"]:hover, button.buttoni.light[type="submit"]:focus,
        input.buttoni.light[type="submit"]:hover, input.buttoni.light[type="submit"]:focus,
        input.buttoni.light[type="button"]:hover, input.buttoni.light[type="button"]:focus,
        .buttoni.light:hover, .buttoni.light:focus {
            color: #0d4568;
            background:rgb(204, 237, 250); }
    
    button.buttoni.white-blue[type="submit"],
    input.buttoni.white-blue[type="submit"],
    input.buttoni.white-blue[type="button"],
    .buttoni.white-blue {
        color: #269dda;
        background: rgba(255, 255, 255, .85); }
        button.buttoni.white-blue[type="submit"]:hover, button.buttoni.white-blue[type="submit"]:focus,
        input.buttoni.white-blue[type="submit"]:hover, input.buttoni.white-blue[type="submit"]:focus,
        input.buttoni.white-blue[type="button"]:hover, input.buttoni.white-blue[type="button"]:focus,
        .buttoni.white-blue:hover, .buttoni.white-blue:focus {
            color: #269dda;
            background: rgb(255, 255, 255); }
    
    button.buttoni.white-bluegreen[type="submit"],
    input.buttoni.white-bluegreen[type="submit"],
    input.buttoni.white-bluegreen[type="button"],
    .buttoni.white-bluegreen {
        color: #4fa25c;
        background: rgba(255, 255, 255, .85); }
        button.buttoni.white-bluegreen[type="submit"]:hover, button.buttoni.white-bluegreen[type="submit"]:focus,
        input.buttoni.white-bluegreen[type="submit"]:hover, input.buttoni.white-bluegreen[type="submit"]:focus,
        input.buttoni.white-bluegreen[type="button"]:hover, input.buttoni.white-bluegreen[type="button"]:focus,
        .buttoni.white-bluegreen:hover, .buttoni.white-bluegreen:focus {
            color: #4fa25c;
            background: rgb(255, 255, 255); }
    
    button.buttoni.white-green[type="submit"],
    input.buttoni.white-green[type="submit"],
    input.buttoni.white-green[type="button"],
    .buttoni.white-green {
        color: #58aa35;
        background: rgba(255, 255, 255, .85); }
        button.buttoni.white-green[type="submit"]:hover, button.buttoni.white-green[type="submit"]:focus,
        input.buttoni.white-green[type="submit"]:hover, input.buttoni.white-green[type="submit"]:focus,
        input.buttoni.white-green[type="button"]:hover, input.buttoni.white-green[type="button"]:focus,
        .buttoni.white-green:hover, .buttoni.white-green:focus {
            color: #58aa35;
            background: rgb(255, 255, 255); }


/*======
    TOP
======*/
nav {
    position: fixed;
        top: 0;
        left: 0;
    z-index: 300;
    display: block;
        width: 100%;
        height: 100px;
    margin: 0;
    padding: 0;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.1) inset;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
        -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.1) inset;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.1) inset;  /* Firefox 3.5 - 3.6 */ }
    
    nav .nav-rel {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100px;
        margin: 0;
        padding: 0 12px 0 20px; }
    nav .logo-top,
    nav .menu-top {
        vertical-align: top;
        display: inline-block; }
    nav .logo-top { padding-top: 17px; }
        nav .logo-top a svg {
            display: block;
                width: 325px;
                height: auto; }
    nav .hamburger-menu { display: none; }
    nav .menu-top {
        float: right;
        margin: 0;
        padding: 0; }
        nav .menu-top li {
            display: inline-block;
            padding: 0 20px;
            font-size: 15px; }
            nav .menu-top li a {
                display: block;
                height: 100px;
                padding: 33px 10px 30px 10px;
                color: #575c5f;
                text-decoration: none; }
                nav .menu-top li a:hover, nav .menu-top li a:focus, nav .menu-top li a.selected {
                    color: #00a3e6;
                    border-bottom: 6px rgba(0, 163, 230, .8) solid; }
    
    .bigdata-nav-overlay {
        z-index: 400;
        position: fixed;
            top: 0;
            right: 0;
            height: 100%;
            width: 0px;
        overflow-y: hidden;
        transition: 0.5s;
        background: linear-gradient(to right, rgba(255, 255, 255, .95), rgb(255, 255, 255)); }


/*=========
    HEADERS
=========*/
.article-frame,
header {
    width: 100%;
    margin: 100px 0 0 0;
    padding: 0; }
    .header-content {
        margin: 0 auto;
        padding: 12.5% 25px 10% 25px; }
        .header-content h6 { padding: 30px 0 50px 0; }
        .home-header .header-content { max-width: 800px; }
        .data-header .header-content,
        .insight-header .header-content,
        .action-header .header-content,
        .srned-header .header-content { max-width: 850px; }


/*==========
    CONTENT
==========*/
.container {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto !important;
    padding: 0; }

    .row { 
        display: inline-block;
        width: 100%; }
        .col-10,
        .col-20,
        .col-25,
        .col-30,
        .col-33,
        .col-40,
        .col-50,
        .col-60,
        .col-70 {
            display: inline-block;
            margin: 0; }
        .col-10 { width: 9.5%; }
        .col-20 { width: 19.5%; }
        .col-25 { width: 24.5%; }
        .col-30 { width: 29.5%; }
        .col-33 { width: 33%; }
        .col-40 { width: 39.5%; }
        .col-50 { width: 49.5%; }
        .col-60 { width: 59.75%; }
        .col-70 { width: 69.75%; }

/*=========
    FOOTER
=========*/
footer {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px 0 40px 0; }
    footer ul { padding-bottom: 100px; }
footer ul li {
    display: inline-block;
    padding: 10px 30px;
    font-size: 14px; }


/*=============
    BACKGROUNDS
=============*/

/*=== Homepage ===*/
.home-header {
    background: no-repeat url('../images/layout/home_header_background.jpg') center;
    background-size: cover; }
#home-data-insight-action {
    width: 100%;
    background: url('../images/layout/home_steps_background.jpg'), rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto; }
#home-big-data {
    width: 100%;
    background: no-repeat url('../images/layout/home_bigdata_background.png') center;
    background-size: auto; }

/*=== Data ===*/
.data-header {
    background: no-repeat url('../images/layout/data_header_background.jpg') center;
    background-size: cover; }
    
/*=== Insight ===*/
.insight-header {
    background: no-repeat url('../images/layout/insight_header_background.jpg') center;
    background-size: cover; }    

/*=== Action ===*/
.action-header {
    background: no-repeat url('../images/layout/action_header_background.jpg') center;
    background-size: cover; }

/*=== Data, Insight, Action ===*/
#bds-ida-schema {
    background: url('../images/layout/subpage_dia_background.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; }

/*=== SR&ED ===*/
#home-srned,
.srned-header {
    background: no-repeat url('../images/layout/srned_header_background.jpg') center;
    background-size: cover; }

#srned-choose-us {
    background: no-repeat url('../images/layout/srned_choice_background.jpg') center;
    background-size: cover; }

#srned-systems-background {
    background: linear-gradient(165deg, #ffffff, #ffffff calc(50% - 1px), #ededed 50%, #ededed); }

#srned-systems-summary {
    background: no-repeat url('../images/layout/srned_systems_summary_background.svg') top center;
    background-size: cover;
    /*background: linear-gradient(182deg, #ededed, #ededed calc(20% - 1px), #00a3e6 20%, #00a3e6);*/ }

/*=== BLOG ===*/
/*.blog-header { background: linear-gradient(177deg, #0d4568, #00a3e6); }*/

/*=== CONTACT ===*/
.contact-header {
    background: no-repeat url('../images/layout/contact_header_background.jpg') center;
    background-size: cover; }
    
#contact-form-n-data {
    background: no-repeat url('../images/layout/contact_content_background.svg') top center;
    background-size: cover;
    /*background: linear-gradient(105deg, #00a3e6, #00a3e6 calc(50% - 1px), #ededed 50%, #ededed);*/ }


/*===========
    HOMEPAGE
===========*/

/*=== DATA, INSIGHT & ACTION ===*/
.home-dia-data,
.home-dia-insight,
.home-dia-action {
    vertical-align: top;
    padding: 60px 40px 90px 20px; }
    .home-dia-header h2,
    .home-dia-icon { display: inline-block; }
    .home-dia-icon { padding-right: 10px;}
        .home-dia-icon svg {
            display: block;
            width: 60px;
            height: auto;
            fill: #00a3e6; }
    .home-dia-content { padding: 20px 25px 0 75px; }
    .home-dia-content p { padding-bottom: 30px; }

/*=== SR'N'ED ===*/
.home-srned-content { padding: 100px 25px 120px 25px; }
    .home-srned-content h2 { padding: 0 0 20px 0; }
    .home-srned-content p { padding: 20px 0 0 0; }
    .home-srned-content a { margin-top: 40px; }

/*=== BLOG ===*/
#home-blog {}
    .home-blog-column-left {
        overflow: hidden;
        position: relative;
        margin: 0;
        padding: 0; }
        /*.home-blog-column-left img {
            z-index: 1;
            position: absolute;
                top: 0;
                left: 0;
            display: block;
                width: auto;
                height: 100%;
            margin: 0 auto;
            padding: 0; } */
        .home-blog-left-post {
            z-index: 4;
            position: relative;
            padding: 0 10% 40px 30px;
            background: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .7), rgb(255, 255, 255)); }
            .home-blog-left-post h3 {
                padding-top: 15%;
                line-height: 1.2em; }
            .home-blog-left-post p { padding: 15px 0 30px 0; }
    .home-blog-column-right {
        vertical-align: top;
        padding: 35px; }
        .home-blog-small-post {
            display: inline-block;
                width: 100%;
                height: auto;
            padding: 20px 0 20px 20px; }
        .home-small-post-image, .home-small-post-content {
            vertical-align: top;
            display: inline-block; }
        .home-small-post-image { width: 150px; }
        
            a.small-post-image {
                overflow: hidden;
                display: block;
                    width: 150px;
                    height: 150px;
                margin: 0;
                padding: 0; }
                a.small-post-image img {
                    display: block;
                        width: auto;
                        height: 100%;
                    margin: 0 auto; }
        
        .home-small-post-content {
            width: calc(100% - 155px);
            padding: 5px 0 0 20px; }
            .home-small-post-content h5 { padding-bottom: 15px; }

/*=== BIG DATA ===*/
#home-big-data {
    width: 100%;
    min-height: 700px; }
    
    .home-bd-4-vs,
    .home-what-is-bd,
    .home-what-is-ds { display: inline-block; }
    
    .home-what-is-bd,
    .home-what-is-ds {
        display: inline-block;
            max-width: calc((100% - 600px)*0.5);
            height: auto;
        vertical-align: middle; }
    .home-what-is-bd { padding: 15% 40px 80px 25px; }
    .home-what-is-ds {
        float: right;
        padding: 15% 25px 80px  40px; }
        .home-what-is-bd h4,
        .home-what-is-ds h4 { padding-bottom: 20px; }

/*=== OUR GOAL ===*/
.home-goals-title { padding-top: 80px; }
    .home-goals-title h2 {
        font-size: 60px;
        line-height: 1em; }
        .home-goals-title h2 span {
            display: block;
            font-size: 38px; }
            
.home-goals-list { padding: 80px 0; }
    .home-goal-col {
        vertical-align: top;
        padding: 0 25px; }
        .home-goal-col svg {
            display: block;
                width: 70px;
                height: auto;
            margin: 0 auto;
            fill: #ccedfa !important; }
        .home-goal-col h4 {
            padding-top: 20px;
            font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (2000 - 300))); }
            .home-goal-col h4 span {
                display: inline-block;
                    width: 100%;
                font-size: 18px;
                line-height: 1.8em; }

.home-goals-button { padding: 10px 20px 80px 0; }


/*=======
    DATA
=======*/
/*=== Big Data Widget & Points ===*/
#data-big-data { }
    .data-bd-title {
        display: block;
            max-width: 750px;
        margin: 0 auto;
        padding: 70px 0 50px 0; }
        .data-bd-title h5 { padding-top: 25px; }
        
    .data-bd-content { padding: 10px 0 40px 0; }
        .data-bd-widget, .data-bd-points {
            vertical-align: top;
            display: inline-block; }
        .data-bd-widget { width: 825px; }
        .data-bd-points {
            width: calc(100% - 830px);
            padding-left: 50px; }
            .data-bd-points ul li { font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (2000 - 300))); }
                .data-bd-points ul li span {
                    vertical-align: top;
                    display: inline-block; }
                .data-bd-points ul li span.data-bd-icon { padding: 9px 15px 0 4px; }
                .data-bd-points ul li span.data-bd-listing { padding: 0; }
                .data-bd-points ul li span svg {
                    display: block;
                        width: 32px;
                        height: auto;
                    fill: #00a3e6 !important; }

/*=== Insight/Data/Action Schema ===*/
#bds-ida-schema { min-height: 1000px; padding: 150px 0; }
    
    .ida-item {
        vertical-align: middle;
        background: none; }
    .ida-item.selected {
        border: 15px rgba(255, 255, 255, .5) solid;
        box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.25) inset;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
            -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.25) inset;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.25) inset;  /* Firefox 3.5 - 3.6 */ }
    .ida-insight,
    .ida-action,
    .ida-data { padding: 40px 15px; text-align: center;}
    
        .ida-item-title { padding-bottom: 10px; }
        .ida-item-point { padding: 25px; }
            .ida-item-point p { line-height: 1.4em; }
                .ida-item-point p span {
                    display: inline-block;
                    padding-top: 6px; }
        .ida-data .ida-item-point {
            vertical-align: middle;
            max-width: 300px;
            margin: 0 auto;
            padding: 10px 25px; }
        .ida-data .ida-item-point.first {
            width: 100%;
            max-width: 475px;
            margin: 0 auto; }
        .ida-data .ida-item-point.last {
            width: 100%;
            max-width: 400px;
            margin: 0 auto; }
            .ida-data .ida-item-point p {
                max-width: 250px;
                margin: 0 auto; }
            .ida-data .ida-item-point.first p,
            .ida-data .ida-item-point.last p { max-width: 100% !important; }
        
        .ida-item-button { padding-top: 30px; }

/*=== Quotes ===*/
#data-quote { padding: 70px 0 100px 0; }
    .data-quote-content {
        max-width: 850px;
        margin: 0 auto;
        padding: 50px;
        background: url('../images/layout/quote_icon.svg'), url('../images/layout/quote_icon.svg');
        background-position: top left, right 80%;
        background-size: 90px auto;
        background-repeat: no-repeat; }
        .data-quote-content h5 { line-height: 1.6em; }
        .data-quote-content p { padding-top: 25px; }
        
/*=== Stats for Enterprises ===*/
#data-org-stats { }
    .org-stats-title {
        display: block;
            max-width: 900px;
        margin: 0 auto;
        padding: 100px 0 50px 0; }
        .org-stats-title h5 { padding-top: 20px; }
        
    .org-stats-content { padding: 40px 0; }
        .srned-summary-point,
        .org-stat { vertical-align: top; }
            
            .srned-summary-point .srned-point-icon svg,
            .org-stat .org-stat-icon svg {
                display: block;
                    width: 80px;
                    height: auto;
                margin: 0 auto;
                fill: #ccedfa !important; }
            .srned-summary-point p,
            .org-stat p {
                max-width: 250px;
                margin: 0 auto;
                padding: 20px;
                line-height: 1.65em; }
    .data-bd-button,
    .org-stats-button { padding: 20px 0 100px 0; }


/*=========
    INSIGHT
=========*/
/*=== Big Data & Data Science ===*/
#insight-big-data { }
    .insight-bd-title,
    .insight-industries-title {
        display: block;
            max-width: 850px;
        margin: 0 auto;
        padding: 70px 0 50px 0; }
        
        .insight-bd-title h6,
        .insight-industries-title h5 { padding-top: 20px; }
    
    .insight-bd-content {
        padding-bottom: 50px;
        background: repeat-x url('../images/layout/insight_bigdata_line.png') left 58px;
        background-size: auto; }
        .insight-bd-step {
            vertical-align: top;
            margin: 0 auto; }
        .bd-step-circle {
            display: block;
                width: 120px;
                height: 120px;
            margin: 0 auto;
            padding: 0;
            background: #00a3e6;
            border: 10px #ccedfa solid;
            border-radius: 60px; }
            .bd-circle-inside { padding: 20px 0 0 0; }
                .bd-circle-inside svg {
                    display: block;
                        width: 60px;
                        height: auto;
                    margin: 0 auto;
                    fill: #fff !important; }
        .bd-step-content {
            display: inline-block;
            max-width: 200px;
            margin: 0 auto;
            padding-top: 20px; }

/*=== Industries ===*/
 #insight-industries { }
    .insight-industry-listing {
        vertical-align: top;
        margin: 0 auto;
        padding: 50px 25px; }
    
    .industry-listing-icon, .industry-listing-title {
        display: inline-block; }
    .industry-listing-icon {
        vertical-align: top;
        width: 60px; }
        .industry-listing-icon svg {
            display: block;
                width: 60px;
                height: auto;
            margin: 0 auto;
            fill: #00a3e6 !important; }
    .industry-listing-title {
        vertical-align: bottom;
        width: calc(100% - 65px);
        padding: 0 0 0 20px; }
        .industry-listing-title h4 { font-size: 30px; }
        .industry-listing-title h4.longer { max-width: 250px; font-size: 24px;  }
        
    .industry-listing-content {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px #00a3e6 solid; }
        .industry-listing-content p {
            display: inline-block;
            width: 100%;
                max-width: 400px;
            margin: 0 auto; }
    
    .insight-bd-button,
    .insight-industries-button { padding-bottom: 100px; }


/*=========
    ACTION
=========*/
    /*=== Analytics ===*/
    #action_analytics {}
        .action-analytics-title {
            display: block;
                max-width: 750px;
            margin: 0 auto;
            padding: 70px 25px 50px 25px; }
            .action-analytics-title h5 { padding-top: 20px; }
        .analytics-listing {
            vertical-align: top;
            min-height: 175px;
            margin: 0;
            padding: 25px; }
            .analytics-listing-icon, .analytics-listing-content {
                vertical-align: top;
                display: inline-block; }
            .analytics-listing-icon { width: 80px; }
            .analytics-listing-content {
                width: calc(100% - 85px);
                min-height: 80px;
                padding: 10px 30px 10px 15px;
                border-bottom: 1px #ccedfa solid; }
            .analytics-listing-icon svg {
                    display: block;
                        width: 80px;
                        height: auto;
                    margin: 0;
                    fill: #00a3e6 !important; }
            .analytics-listing-content p { line-height: 1.45em; }
        .action-analytics-button { padding: 30px 0 70px 0; }

    /*=== Technologies ===*/
    #action-technologies {}
        .action-technologies-title {
            display: block;
                max-width: 800px;
            margin: 0 auto;
            padding: 50px 0 80px 0; }
        .action-technologies-content { padding: 25px; }
        .action-technology {
            padding: 0 0 75px 0;
            background: repeat-x url('../images/layout/insight_bigdata_line.png') left 71px;
            background-size: auto; }
            .action-tech-title {
                vertical-align: top;
                float: left; }
            .action-technology-title {
                vertical-align: top;
                display: block;
                    width: 150px;
                    height: 150px;
                border-radius: 75px;
                margin: 0;
                padding: 0; }
            .tech-title-data-mng .action-technology-title { padding-top: 50px; }
            .tech-title-devel .action-technology-title,
            .tech-title-dbs .action-technology-title,
            .tech-title-cloud .action-technology-title { padding-top: 65px; }
            .tech-title-report .action-technology-title { padding-top: 43px; }
            .tech-title-ai .action-technology-title { padding-top: 34px; }
                .action-technology-title h3 { font-size: 16px; }
            .action-technology-logo {
                vertical-align: top;
                display: block;
                    width: 150px;
                    height: 150px;
                margin: 0 auto;
                padding: 0;
                border-radius: 75px;
                border: 10px #ccedfa solid; }
            
            .tech-spark .action-technology-logo { padding-top: 35px; }
            .tech-cassandra .action-technology-logo { padding-top: 28px; }
            .tech-hadoop .action-technology-logo { padding-top: 48px; }
            .tech-elastic .action-technology-logo { padding-top: 45px; }
            .tech-golang .action-technology-logo { padding-top: 8px; }
            .tech-react .action-technology-logo { padding-top: 18px; }
            .tech-node .action-technology-logo { padding-top: 35px; }
            .tech-django .action-technology-logo { padding-top: 48px; }
            .tech-matplotlib .action-technology-logo { padding-top: 49px; }
            .tech-d3 .action-technology-logo { padding-top: 19px; }
            .tech-tableau .action-technology-logo { padding-top: 49px; }
            .tech-domo .action-technology-logo { padding-top: 20px; }
            .tech-r .action-technology-logo { padding-top: 30px; }
            .tech-python .action-technology-logo { padding-top: 48px; }
            .tech-tensor .action-technology-logo { padding-top: 18px; }
            .tech-azure .action-technology-logo { padding-top: 43px; }
            .tech-redshift .action-technology-logo { padding-top: 5px; }
            .tech-mysql .action-technology-logo { padding-top: 25px; }
            .tech-neo4j .action-technology-logo { padding-top: 10px; }
            .tech-mongodb .action-technology-logo { padding-top: 45px; }
            .tech-webservices .action-technology-logo { padding-top: 40px; }
            .tech-google .action-technology-logo { padding-top: 25px; }
            
            .action-technology-logo img {
                vertical-align: middle;
                display: block;
                    width: 100px;
                    height: auto;
                margin: 0 auto;
                padding: 0; }
                
                .tech-hadoop .action-technology-logo img { width: 115px; }
                .tech-elastic .action-technology-logo img { width: 110px; }
                .tech-golang .action-technology-logo img { width: 125px; }
                .tech-react .action-technology-logo img { width: 130px; }
                .tech-matplotlib .action-technology-logo img { width: 130px; }
                .tech-d3 .action-technology-logo img { width: 90px; }
                .tech-tableau .action-technology-logo img { width: 130px; }
                .tech-domo .action-technology-logo img { width: 90px; }
                .tech-r .action-technology-logo img { width: 85px; }
                .tech-python .action-technology-logo img { width: 138px; }
                .tech-tensor .action-technology-logo img { width: 90px; }
                .tech-azure .action-technology-logo img { width: 110px; }
                .tech-redshift .action-technology-logo img { width: 120px; }
                .tech-mysql .action-technology-logo img { width: 110px; }
                .tech-neo4j .action-technology-logo img { width: 115px; }
                .tech-mongodb .action-technology-logo img { width: 115px; }
                .tech-webservices .action-technology-logo img { width: 105px; }
                .tech-google .action-technology-logo img { width: 130px; }
        
        .action-technologies-button { padding: 10px 0 100px 0; }


/*=========
    SR & ED
=========*/
    /*=== Risk & Innovation Texts ===*/
    .srned-risk-title,
    .srned-innovate-title {
        display: block;
            max-width: 800px;
        margin: 0 auto; }
    .srned-risk-title { padding: 70px 25px 10px 25px; }
    .srned-innovate-title { padding: 80px 25px 20px 25px; }
        .srned-risk-title h5,
        .srned-innovate-title h5 { padding-top: 10px; }
    
    .srned-risk-content { padding: 30px 0; }
    .srned-innovate-content { padding: 50px 0; }
        .risk-text-col,
        .innovate-text-col {
            vertical-align: top;
            padding: 25px; }
            .risk-text-col h6,
            .innovate-text-col h6 { padding-bottom: 20px; }
    
    .srned-innovate-button { padding-bottom: 100px; }
    
    /*=== Choose us ===*/
    .srned-choice-content { padding: 100px 25px; }
            .srned-choice-content p { padding-top: 30px; }
        .srned-choice-buttons { padding-top: 50px; }
            .srned-choice-buttons a.white-blue { margin: 0 15px 15px 0; }
    
    /*=== Systems ===*/
    .srned-system-traditional { padding: 60px 25px 40px 25px; }
    .srned-system-sred90 { padding: 0 25px 50px 25px; }
        .srned-system-frame p { padding-top: 30px; }
        
        .srned-system-frame ul li {
            vertical-align: top;
            margin: 0;
            padding: 10px 0; }
        .srned-system-frame ul li span {
            vertical-align: middle;
            display: inline-block;
            padding: 2px 10px 0 0; }
            .srned-system-frame ul li span svg {
                display: block;
                    width: 25px;
                    height: auto;
                margin: 0;
                fill: #00a3e6 !important; }
    
    .srned-systems-summary-title { padding: 200px 25px 0 25px; }
    .srned-systems-summary-title h5 { padding-top: 15px; }
    .srned-systems-summary-points { padding: 80px 25px 80px 25px; }


/*======
    BLOG
======*/
    /*=== Listing & Article ===*/
    .articles-frame,
    .article-frame {
        position: relative;
        width: 100%;
        margin: 100px 0 0 0;
        padding: 0 0 60px 0; }
    .main-blog-post,
    .article-blog-post {
        display: inline-block;
            width: 100%;
            height: 100%;
        margin: 0 0 10px 0;
        padding: 0; }
    .main-blog-post {
        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.1) inset;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
            -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.1) inset;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.1) inset;  /* Firefox 3.5 - 3.6 */ }
        .main-blog-post-header,
        .article-blog-post-header {
            position: relative;
            overflow: hidden;
            display: block;
                width: 100%;
                height: auto;
            padding: 0;
            margin: 0;
            background-size: cover;
            background-position: center; }
            .main-blog-post-header-title,
            .article-blog-post-header-title {
                z-index: 5;
                display: inline-block;
                    width: 100%;
                    height: 100%;
                padding: 0;
                background: linear-gradient(rgba(204, 237, 250, .01), rgba(204, 237, 250, .6), rgba(204, 237, 250, .95)); }
                .main-blog-post-header-title h2,
                .article-blog-post-header-title h1 {
                    z-index: 5;
                    position: relative;
                    padding: 15% 50px 50px 50px; }
        .main-blog-post-content,
        .article-blog-post-teaser {
            margin: -5px 0 0 0; }
        .main-blog-post-content { padding: 25px 75px 30px 50px; }
        .article-blog-post-teaser { padding: 25px 75px 0 50px; }
        .article-blog-post-content { padding: 25px 75px 25px 50px; }
        
        .main-blog-post-content { background: linear-gradient(rgba(204, 237, 250, .5), rgba(204, 237, 250, .1)); }
        .article-blog-post-teaser { background: linear-gradient(rgba(204, 237, 250, .5), rgba(255, 255, 255, .7)); }
            
            
            .article-blog-post-teaser p { font-weight: 700; }
            .article-blog-post-content p { padding-bottom: 25px; }
            
            .main-blog-post-content p { padding-bottom: 15px; }
            .main-blog-post-content p,
            .article-blog-post-content p,
            .article-blog-post-teaser p { color: #575c5f; }
            
            .main-blog-post-content p.meta,
            .listing-blog-post-content p.meta,
            .article-blog-post-content p.meta,
            .article-blog-post-content p.meta-next-prev-article {
                padding-top: 20px;
                padding-bottom: 0;
                font-size: 14px; }
            .main-blog-post-content p.meta,
            .listing-blog-post-content p.meta,
            .article-blog-post-content p.meta {
                color: #979c9f; }
            .article-blog-post-content p.meta-next-prev-article {
                margin-top: 25px;
                font-weight: 700;
                border-top: 7px rgba(204, 237, 250, .75) solid; }
            span.separator-prev-next-article {
                display: inline-block;
                padding: 0 15px; }
            
            .main-blog-post-content a.blue-link,
            .listing-blog-post-content a.blue-link { }
            
            .main-blog-post-content p.meta a,
            .listing-blog-post-content p.meta a,
            .article-blog-post-content p.meta a {
                font-weight: bold;
                color: #575c5f; }
                .main-blog-post-content p.meta a:hover,
                .listing-blog-post-content p.meta a:hover,
                .article-blog-post-content p.meta a:hover { text-decoration: none; }
        
        .listing-blog-post {
            padding: 25px 25px 30px 25px;
            border-bottom: 1px rgb(204, 237, 250) solid; }
            .listing-blog-post.listing-blog-last { border: none; }
            .listing-blog-post-image {
                overflow: hidden;
                display: inline-block;
                    width: 200px;
                    height: 200px;
                margin: 5px 0 0 0;
                padding: 0; }
                .listing-blog-post-image img {
                    display: block;
                        width: auto;
                        height: 100%; }
            .listing-blog-post-content {
                vertical-align: top;
                display: inline-block;
                    width: calc(100% - 205px);
                padding: 0 25px; }
                .listing-blog-post-content h2 { font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (2000 - 300))); }
                .listing-blog-post-content p {
                    padding: 15px 0;
                    font-size: 16px;
                    color: #575c5f; }


/*==========
    CONTACT
==========*/
/*=== Form & Data ===*/
.contact-col-form,
.contact-col-data {
    vertical-align: top;
    display: inline-block;
    width: 49.5%; }
.contact-col-form { padding: 50px 0 100px 0; }
.contact-col-data { padding: 80px 50px 50px 110px; }
    .contact-book-meeting { padding-bottom: 50px; }
        .contact-book-meeting h5 { padding: 10px 25px 30px 4px; }
        .contact-book-meeting a { margin-left: 5px; }
    
    .contact-call-email h5,
    .contact-call-email h6 { padding: 10px 0 15px 3px; }



/*==============
    All Resolutions
==============*/

@media all and (max-width: 1600px) {
    /*=== HEADERS ===*/
    header { background-size: auto !important; }
    
    /*=== HOME ===*/
        /* SR&ED */
        .home-srned-content,
        .srned-choice-content { width: 60%; }
    
    /*=== DATA === */
    .data-bd-content { padding-left: 25px; }
    .data-bd-widget { width: 700px; }
        .data-bd-widget a img { width: 700px; }
        .data-bd-points {
            width: calc(100% - 705px);
            padding-left: 50px; }

}
@media all and (max-width: 1200px) {
    /*=== NAV ===*/
    nav { width: 100%; }
    nav .logo-top { padding-top: 22px; }
        nav .logo-top a svg {
            display: block;
                width: 275px;
                height: auto; }
    nav .menu-top li { padding: 0 10px; }
    
    /*=== HOME ===*/
        /* DIA */
        #home-data-insight-action { background-size: cover; }
        
        /* SR&ED */
        .home-srned-content,
        .srned-choice-content { width: 70%; }
        
        /* BLOG */
        .home-blog-column-left {
            width: 100%;
            border-bottom: 1px #ccedfa solid; }
        .home-blog-column-right { width: 100%; }
        .home-blog-column-right .home-blog-small-post { display: inline-block; width: 49.5%; }
        .home-blog-column-right .home-blog-small-post:last-child { display: none; }
        
        /* Big Data */
        #home-big-data { background-size: 150% auto; }
            .home-what-is-bd,
            .home-what-is-ds {
                display: inline-block;
                max-width: calc((100% - 450px)*0.5); }
    
    /*=== DATA ===*/
    .data-bd-widget { width: 650px; }
        .data-bd-widget a img { width: 650px; }
        .data-bd-points {
            width: calc(100% - 655px);
            padding-left: 30px; }
            .data-bd-points h3 { font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (2000 - 300))); }
            .data-bd-points ul li { font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (2000 - 300))); }
                .data-bd-points ul li span.data-bd-icon { padding: 9px 15px 0 4px; }
                .data-bd-points ul li span svg {
                    width: 24px;
                    height: auto; }
        
        /* Quote */
        #data-quote { padding: 50px 0; }
        
        /* Org Stats */
        .org-stats-title { padding: 70px 25px 20px 25px; }
        .data-bd-button,
        .org-stats-button { padding: 20px 0 80px 0; }
    
    /*=== Data, Insight, Action ===*/
    #bds-ida-schema {
        padding: 0;
        background: no-repeat url('../images/layout/subpage_dia_mobile_background.png') center;
        background-size: 120% auto; }
        .ida-items { padding: 40px 70px; }
            .ida-item {
                vertical-align: top;
                width: 100%;
                padding: 20px 15px 60px 15px; }
                .ida-item.selected { padding: 50px 15px; }
                .ida-insight .ida-item-point,
                .ida-action .ida-item-point {
                    display: inline-block;
                        width: 49.5%;
                    margin: 0 auto;
                    padding: 25px; }
    
    /*=== INSIGHT ===*/
        /* Industries */
        .insight-bd-title,
        .insight-industries-title { padding: 70px 25px 50px 25px; }
        .insight-industry-listing { width: 49.5%;  padding: 25px; }
            .industry-listing-content p { max-width: 100%; }        

}
@media all and (max-width: 1090px) {
    /*=== HOME ===*/
    /* DIA */
    #home-data-insight-action {
        width: 100%;
        background: rgb(255, 255, 255); }
        .home-dia-data,
        .home-dia-insight,
        .home-dia-action { width: 100%; }
        .home-dia-data { padding: 50px 25px 40px 25px; }
        .home-dia-insight {
            padding: 80px 25px 40px 25px;
            background: url('../images/layout/home_insight_mobile_background.png'), #f2fbff;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 100% auto; }
        .home-dia-action {
            padding: 80px 25px;
            background: url('../images/layout/home_action_mobile_background.png'), #ffffff;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 100% auto; }
            .home-dia-header,
            .home-dia-content {
                max-width: 750px;
                margin: 0 auto; }
        
        /* SR&ED */
        .home-srned-content,
        .srned-choice-content { width: 75%; }
        
        /* Big Data */
        #home-big-data { background-size: 150% auto; }
            .home-what-is-bd,
            .home-what-is-ds {
                display: inline-block;
                max-width: calc((100% - 400px)*0.5); }
        
        /* Our Goal */
        .home-goals-list { padding-top: 0; }
        .home-goal-col { width: 33%; margin: 0 auto; padding-top: 60px; }
        .home-goals-button { padding: 10px 0 80px 0; }
    
    /*=== DATA ===*/
    .data-bd-title { padding: 60px 25px 40px 25px; }
    .data-bd-widget { width: calc(100% - 395px); }
        .data-bd-widget a img {  width: 100%; }
        .data-bd-points { width: 390px; }
    .data-bd-button { padding-top: 0; }
    
    /*=== ACTION ===*/
        /* Analytics */
        .analytics-listing {
            width: 49.5%;
            min-height: 125px; }

}
@media all and (max-width: 950px) {
    /*=== NAV ===*/
    nav .logo-top { padding-top: 22px; }
        nav .logo-top a svg {
            display: block;
                width: 275px;
                height: auto; }
    nav .menu-top { display: none; }
    nav .hamburger-menu {
        display: inline-block;
        float: right;
        margin-top: 18px;
        padding: 10px; }
    .bigdata-nav-overlay span.hamburger-menu {
        display: block;
            width: 60px;
            height: 60px;
        float: right;
        margin: 8px 12px 0 0;
        padding: 10px; }
        .bigdata-nav-overlay span.hamburger-menu:hover { cursor: pointer; }
    
    .bigdata-nav-overlay .vertical-menu {
        clear: both;
        width: 100%;
        padding: 10px; }
        .bigdata-nav-overlay .vertical-menu li {
            width: 100%;
            padding: 0 10px;
            font-size: 15px; }
             .bigdata-nav-overlay .vertical-menu li a {
                display: inline-block;
                width: 100%;
                padding: 10px;
                color: #575c5f;
                text-decoration: none; }
                .bigdata-nav-overlay .vertical-menu li a:hover,  .bigdata-nav-overlay .vertical-menu li a:focus, .bigdata-nav-overlay .vertical-menu li a.selected { color: #00a3e6; }
                .bigdata-nav-overlay .vertical-menu li a.selected { border-bottom: 6px rgba(0, 163, 230, .8) solid; }
        nav .hamburger-menu svg,
        .bigdata-nav-overlay .hamburger-menu svg {
            display: block;
                width: 40px;
                height: auto;
            margin: 0;
            padding: 0;
            fill: #a6bfca !important; }
        nav .hamburger-menu:hover svg, nav .hamburger-menu:focus svg,
        .bigdata-nav-overlay .hamburger-menu:hover svg, .bigdata-nav-overlay .hamburger-menu:focus svg { fill: #00a3e6 !important; }
    
    /*=== FOOTER ===*/
    footer ul li { padding: 10px; }
    footer ul li a { padding: 10px; }
    
    /*=== CONTACT ===*/
    #contact-form-n-data {
        background: no-repeat url('../images/layout/contact_content_mobile_background.svg') center;
        background-size: cover; }
        
        .contact-col-form,
        .contact-col-data { width: 100%; }
        .contact-col-form {
            margin: 0;
            padding: 30px 10% 0 10%; }
            .contact-col-form form { margin: 0; }
        .contact-col-data { padding: 150px 10% 60px 10%; }

}
@media all and (max-width: 900px) {
    /*=== HOME ===*/
        /* SR&ED */
        .home-srned-content,
        .srned-choice-content { width: 100%; }
        
        /* Blog */    
        .home-blog-column-right .home-blog-small-post { display: inline-block; width: 100%; }
        .home-blog-column-right .home-blog-small-post:last-child { display: inline-block; }
        
        /* Big Data */
        #home-big-data {
            display: inline-block;
            min-height: 100%;
            background-size: auto; }
            .home-what-is-bd,
            .home-what-is-ds {
                display: inline-block;
                max-width: 100%; }
            .home-what-is-bd {
                padding-top: 50px;
                padding-right: 50px;
                padding-bottom: calc(150px + (200 - 150) * ((100vw - 300px) / (900 - 300)));
                padding-left: 50px; }
            .home-what-is-ds {
                padding-top: calc(250px + (500 - 250) * ((100vw - 300px) / (900 - 300)));
                padding-right: 50px;
                padding-bottom: 50px; 
                padding-left: 50px; }
        
        /* Our Goal */
        .home-goal-col { width: 49.5%; }
    
     /*=== DATA ===*/
         /* Quote */
        #data-quote { padding: 50px 15px; }
            .data-quote-content { padding: 50px 70px; }
        
        /* Org Stats & SR&ED Systems Summary */
        .org-stat,
        .srned-summary-point { width: 32.9%; }
    
    /*=== ACTION === */
        /* Technologies */
        .action-technologies-title { padding: 60px 25px 40px 25px; }
        .action-technology {
            width: 100%;
            margin: 0 auto 40px auto;
            padding: 0 0 40px 0;
            background: none;
            border-top: 7px rgb(204, 237, 250) solid;
            /*border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                background: rgba(204, 237, 250, .5);*/ }
            .action-tech-title {
                width: 100%;
                clear: both !important;
                margin: 0 auto;
                padding: 0 0 50px 0 !important ; }
            .action-technology-title {
                display: inline-block;
                    width: 100%;
                    height: auto;
                margin: 0 auto;
                padding: 40px 10% 0 10% !important;
                background: none;
                border-radius: none; }
                .action-technology-title h3 {
                    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (900 - 300)));
                    color: #00a3e6; }
             .tech-logo { width: 24.5% !important; }
    
    /*=== SR&ED ===*/
        /* Risk & Innovate */
        .risk-text-col,
        .innovate-text-col {
            width: 100%;
            padding: 0 25px; }
        
        /* Systems */
        #srned-systems-background { background: linear-gradient(165deg, #ffffff, #ffffff calc(53% - 1px), #ededed 53%, #ededed); }
        .srned-system-traditional,
        .srned-system-sred90 { width: 75%; }
        
        .srned-system-traditional { padding-bottom: 100px; }
        .srned-system-sred90 { padding-bottom: 0; }

}
@media all and (max-width: 800px) {
    /*=== HOME ===*/
        /* Our Goal */
        .home-goal-col { width: 49.5%; }
    
    /*=== DATA ===*/
    .data-bd-content { padding: 0 25px; }
    .data-bd-widget { width: 100%; }
        .data-bd-points { width: 100%; padding: 30px 0; text-align: center; }
    .data-bd-button { padding-top: 30px; padding-left: 0; }
    
    /*=== Data, Insight, Action ===*/
    #bds-ida-schema { background-size: cover; }
    
     /*=== INSIGHT ===*/
        /* Industries */
        .insight-industry-listing { width: 100%; }

}
@media all and (max-width: 700px) {
    /*=== HOME ===*/
    
    /*=== DATA & SR&ED ===*/
        /* Org Stats & Systems Summary */
        .org-stat,
        .srned-summary-point {
            width: 49.5%;
            margin: 0 auto; }
        
    /*=== INSIGHT ==*/
        /* BD & DS */
        .insight-bd-title { padding-bottom: 0; }
        .insight-bd-content { background: none; }
        .insight-bd-step {
            width: 49.5%;
            margin: 0;
            padding-top: 40px;
            background: repeat-x url('../images/layout/insight_bigdata_line.png') left 95px;
            background-size: auto; }
    
    /*=== ACTION ===*/
        /* Analytics */
        .analytics-listing {
            width: 100%;
            min-height: 125px; }
        
        /* Technologies */
        .action-technology { padding-bottom: 0; }
        .action-tech-title { padding-bottom: 50px !important; }
        .tech-logo {
            width: 32.5% !important;
            padding-bottom: 5%; }
    
    /*=== SR&ED ===*/
    .srned-system-traditional,
    .srned-system-sred90 { width: 90%; }
    
     /*=== BLOG ===*/
         /* Listing First & Article */
        .home-blog-left-post h3,
        .main-blog-post-header-title h2,
        .article-blog-post-header-title h1 { font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (700 - 300))); }
        .main-blog-post-content { padding: 25px 50px; }
        .article-blog-post-teaser { padding: 25px 50px 0 50px; }
        .article-blog-post-content { padding: 25px 50px; }
        /* Listing More */
        .listing-blog-post-image {
            overflow: hidden;
            display: inline-block;
                width: 100%;
                height: calc(100px + (200 - 100) * ((100vw - 300px) / (700 - 300)));
            margin: 0;
            padding: 0; }
            .listing-blog-post-image img {
                display: block;
                    width: 100%;
                    height: auto; }
        .listing-blog-post-content {
            vertical-align: top;
            display: inline-block;
                width: 100%;
            padding: 10px 25px 10px 10px; }

}
@media all and (max-width: 600px) {
     /*=== NAV ===*/
    nav { width: 100%; height: 80px; }
        nav .logo-top {
            width: 225px;
            padding-top: 17px; }
            nav .logo-top a svg {
                display: block;
                    width: 225px;
                    height: auto; }
        nav .hamburger-menu { margin-top: 8px; }
    
    /*=== HEADERS & BLOG ===*/
    header,
    .articles-frame,
    .article-frame { margin-top: 80px; }
    
    /*=== HOME ===*/
        /* SR&ED */
        .home-srned-content { padding: 50px 25px 60px 25px; }
        
        /* Blog */
        .home-blog-left-post { background: linear-gradient(rgba(255, 255, 255, .01), rgba(255, 255, 255, .95)); }
        
        /* Big Data */
        #home-big-data { background-size: 300% auto; }
    
    /*=== Data, Insight, Action ===*/
    .ida-items { padding: 40px; }
    .ida-insight .ida-item-point,
    .ida-action .ida-item-point,
    .ida-data .ida-item-point {
        width: 100%;
        max-width: 100% !important; }
    .ida-item-point p { max-width: 100% !important; }
    
    /*=== DATA & SR&ED ===*/
        /* Org Stats & System Summary*/
        .org-stats-content { padding: 25px; }
        .org-stat,
        .srned-summary-point {
            width: 100%;
            padding: 25px 0; }
            .org-stat p { max-width: 450px; }

}
@media all and (max-width: 520px) {
    /*=== HOME ===*/
    .home-header {
        background-size: auto 275% !important;
        background-position: 48.25% center; }
    
        /* DIA */
        .home-dia-insight,
        .home-dia-action { padding-top: 60px; }
         
        /* Blog */
        .home-small-post-image { width: 100%; }
                a.small-post-image {
                    overflow: hidden;
                    display: block;
                        width: 100%;
                        height: 100px; }
                    a.small-post-image img {
                        display: block;
                            width: 100%;
                            height: auto;
                        margin: 0 auto; }
        .home-blog-column-right { padding: 25px !important; }
            .home-blog-small-post { padding-left: 0; }
            .home-small-post-content {
                width: 100%;
                padding: 15px 0 0 10px; }
        
        /* Big Data */
        #home-big-data { background-size: 350% auto; }
        /* Our Goal */
        .home-goal-col { width: 100%; }
    
    /*=== INSIGHT ==*/
        /* BD & DS */
        .insight-bd-step {
            width: 100%;
            background: repeat-y url('../images/layout/insight_bigdata_line.png') center;
            background-size: auto; }
    
    /*=== ACTION ===*/
        /* Technologies */
        .tech-logo {
            width: 49% !important;
            padding-top: 1%; }
        
    /*=== CONTACT ===*/
    .contact-col-form { padding-bottom: 60px; }
    .contact-col-data { padding: 60px 10% 80px 10%; }

}