.no-side-padding { padding-left:0px !important; padding-right:0px !important; }
.culture-header { height:auto; overflow: hidden; position:relative; height:650px; }
.culture-header .container { width:80% !important; margin:0 auto; left:50%; top:55%; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.culture-header .slider-img { width:100%; height:auto; }
.culture-header .text-callout { position:absolute; z-index:2; width:100%; /*top:50%; transform:translateY(-50%);*/ }
.culture-header .text-callout h1 { font-size:60px; color:#fff; text-transform:uppercase; font-family: "lato", arial, sans-serif; font-weight:900; margin:0; }
.culture-header .text-callout h2 { font-size:42px; color:#fff; font-family: "lato", arial, sans-serif; font-weight:300; margin:0; margin-top:15px !important; }
.culture-header .text-callout h2 span { color:#fff; border-bottom:7px solid #fff; }
.culture-header .text-callout p { font-size:18px; color:#fff; margin-top:15px; margin-bottom:0px; }
.culture-header .current-openings { padding-top:80px; opacity:0.5; color:#27ace2; font-family: "lato", arial, sans-serif; font-size:18px; }
.culture-container { padding:70px 0 90px 0; /*border-bottom:1px solid #ccc;*/ }
.culture-container.jobs { margin-bottom:85px; }
.culture-container.jobs.benefits { margin-bottom:25px; }
.culture-container h1 { color:#27ace2; font-size:55px; font-weight:700; font-family: "lato", arial, sans-serif; margin-top:55px; }
.culture-container h2, .normal-content h2 { color:#000000; font-size:42px; /*font-weight:400;*/ font-weight:300; font-family: "lato", arial, sans-serif; margin-top:0px; margin-bottom:20px; }
.culture-container h3, .normal-content h3 { color:#5d6366; font-size:26px; /*text-transform:uppercase;*/ font-family: "lato", arial, sans-serif; line-height:1.25; font-weight:700; }
.culture-container p, .normal-content p { font-size:16px; color:#12192b; line-height:28px; }
.culture-container ul li { font-size:16px; line-height:1.5; padding-bottom:8px; list-style:none; position:relative; }
.culture-container ul li:before { font-family: FontAwesome; content:'\f00c'; color:#5aba4d; position:absolute; left:-25px; }
.top-container { /*padding:35px 0;*/ padding:70px 0 70px 0; }
.top-container h3 { font-family: "lato", arial, sans-serif; font-size:36px; margin-bottom:20px; }
.top-container p { font-size:18px; color:#12192b; line-height:28px; }
p.text-center { font-size:18px !important; margin-bottom:35px; }
h3 { color:#5d6366; font-size:26px; font-family: "lato", arial, sans-serif; line-height:1.25; }

ul.checks { padding-left:30px; }
ul.checks li { font-size: 16px; line-height: 1.5; padding-bottom: 8px; list-style: none; position: relative; padding-left:0; }
ul.checks li:before { font-family: 'Font Awesome 5 Pro'; content: '\f00c'; color: #5aba4d; position: absolute; left: -25px; }

.blue-bar { background:#3ab4e5; padding:30px 0; }
.blue-bar h3 { font-family: "lato", arial, sans-serif; font-size:36px; line-height:42px; margin:0; color:#fff; font-weight:300; }
.blue-bar h3 strong { font-weight:400; }
.blue-bar p { font-family: "lato", arial, sans-serif; font-size:18px; line-height:28px; margin:0; color:#fff; }
.section { padding:120px 0; }
.section-content { font-family: "lato", arial, sans-serif; font-size:18px; width:60%; color:#12192b; z-index:2; position:relative;}
.section-content h3 { font-size:42px; line-height:1.125; color:#3ab4e5; margin-bottom:10px; font-weight:300; }
.section-content h3 strong { font-weight:400; }
.section-content a { display:inline-block; padding:10px 15px; background:#3ab4e5; color:#fff; margin-top:10px; }
.section-content a:hover { text-decoration:none; }
.section-content p a { display:inline; padding:0; color:#3ab4e5; background:transparent; }
.left-content-fade { position:absolute;z-index:0;left:0px;top:0px;height:100%; width:100% !important; }
.right-content-fade { position:absolute;z-index:0;right:0px;top:0px;height:100%; width:100% !important; }

.first-stat h2 { font-weight:bold; margin-bottom:15px; }

#maintenance-chart { width:95%; margin:20px auto; }
#maintenance-chart .chart-section { width:33%; float:left; margin-right: 1px; }
/*#maintenance-chart .chart-section ul { margin-left:30px; }*/
#maintenance-chart .chart-section .chart-header { padding:25px 0; text-align:center; background:#22abe3; color:#fff; font-size:18px; line-height:1.25; }
#maintenance-chart .chart-section .chart-content { min-height:420px; padding:15px 0; text-align:left; background:#ffffff; }
#maintenance-chart .chart-section .chart-content ul { margin-left:10px; }
#maintenance-chart .chart-section .chart-content ul li { padding-bottom:8px; font-size:14px; list-style:none; position:relative; padding-left:0; }
#maintenance-chart .chart-section .chart-content ul li:before { font-family: FontAwesome; content:'\f00c'; color:#5aba4d; position:absolute; left:-20px; }
#maintenance-chart .chart-section .chart-footer { padding:25px 0; text-align:center; background:#5aba4d; color:#fff; font-size:18px; line-height:1.25; }
.panel-group { width:90%; margin:0 auto; margin-top:35px; }
.panel-heading { padding:15px; position:relative; }
.panel-default > .panel-heading { background:#22abe3; color:#fff; padding:0px; text-align:left; }
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { display:block; padding:15px; }
/*.panel-title a { position:relative; }
.panel-title a:before { font-family: FontAwesome; content:'\f067'; position:absolute; left:15px;}
.panel-title a.collapsed:before { font-family: FontAwesome; content:'\f068' !important; }*/
.panel-title { font-size:21px; font-weight:bold; position:relative; }
.panel-default > .panel-heading:hover, .panel-heading.active { background: #1c94c5; }
.panel-title > a:hover, .panel-title > a:focus { text-decoration:none; color:#fff; }
.panel-body { text-align:left; }
.panel-body p { font-size:16px; margin-bottom:15px; }
.panel-body h3 { margin:10px 0; }

.plus { position:absolute; right:0px; top:2px; font-size:30px; padding:5px; margin-right:0px; width:45px; }
.plus .glyphicon-minus { right:2px; }
.plus .glyphicon-plus { right:0px; }

#footer { position:relative; }

.web-design-block { text-align:center; /*margin-top:30px;*/ background:#fff; padding-top:15px; padding-bottom:15px; height:100%; }
.web-design-block i { text-align:center; font-size:82px; line-height:102px; color:#3ab4e5; padding-top:15px; }
.web-design-block h3 { color:#3ab4e5; text-align:center; margin-top:0px; font-weight:bold; margin-bottom:10px; }
.web-design-block p { font-size:16px; line-height:24px; }
.small-padding { padding:50px 0px; }
h2.list-header { padding-bottom:15px; color:#333; }
.hidden-header-logo { margin-bottom:20px; }

.related-posts .blog-preview { visibility: visible; }
.related-posts h3 { color:#fff; text-transform: uppercase; margin-bottom:50px; }

/******* Pulsing Buttons ******/

.inquire-now, .no-link-underline  { animation: pulse 4s infinite; color:#ffffff !important; text-decoration:none !important; }
.inquire-now:hover, .no-link-underline:hover { animation: hoverpulse 4s infinite; }
a.landing-button-orange { animation: orangepulse 4s infinite; }
a.landing-button-orange:hover { animation: hoverpulse 4s infinite; }

@keyframes orangepulse {
  0% {
    background-color: #e29a33;
  }
  50% {
    background-color: -moz-linear-gradient(top, #e2cb33 0%, #e29a33 100%); background-color: -webkit-linear-gradient(top, #e2cb33 0%,#e29a33 100%); background-color: linear-gradient(to bottom, #e2cb33 0%,#e29a33 100%);
  }
  100% {
    background-color: #e29a33;
  }
}

@keyframes pulse {
  0% {
    background-color: #3ab4e5;
  }
  50% {
    background-color: #6bd5ff;
  }
  100% {
    background-color: #3ab4e5;
  }
}

@keyframes hoverpulse {
  0% {
    background-color: #5dcc36;
  }
  50% {
    background-color: #5eff56;
  }
  100% {
    background-color: #5dcc36;
  }
}

/******* Full Screen Newsletter Form *******/
#body-nav .close { top:30px; font-size:18px !important; font-weight: 300 !important; right:30px; position:fixed; cursor:pointer; z-index:100000 !important; color:#fff; background:none !important; opacity:0.9; font-family: "lato", arial, sans-serif; font-weight:normal; font-size:30px; transition: all .2s ease-in-out; }
#body-nav .close-button { height: 20px; width: 20px; position: relative; box-sizing: border-box; line-height: 20px; display: inline-block; vertical-align: middle;}
#body-nav .close-button::before, #body-nav .close-button::after {
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -10px;
    display: block;
    height: 1px;
    width: 20px;
    background-color: #fff;
    transition: all 0.25s ease-out;
}
#body-nav .close-button::after {
    transform: rotate(45deg);
}
#body-nav .close:hover .close-button::before, #body-nav .close:hover .close-button::after {
    transform: rotate(0deg);
}

.big-form-container { width:55%; padding:50px; background:#fff; margin-top: 50px; }
.site-wrap { width: 100%; height: 100%; position:relative; }
#body-nav { position: fixed; overflow: auto; top: 0; /*background-color:rgba(241, 241, 241, 1);*/ background:url('../images/big-form-bg.jpg'); background-size:cover; text-align: left; display: block; -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; transition: background 500ms ease; z-index: 999999999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 0%; width: 100%; z-index: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color:#000; }
.show-inquire #body-nav { height: 100%; z-index: 9999; }
.hide-inquire #body-nav { background: transparent;  width: 100%; z-index: 1;  }
/*#body-nav div { height:100%; }*/
#body-nav>.container { width:100%; }
.quote-form { top:15%; }
.quote-form h2 { font-family: "lato", arial, sans-serif; font-weight:bold; font-size:52px; color:#3ab4e5; line-height:50px; margin-top: 0px; margin-bottom:10px; }
.quote-form h3 { font-family: "lato", arial, sans-serif; font-weight:bold; font-size:28px; color:#7fd2f3; line-height:30px; margin-top: 0px; margin-bottom:20px; }
.quote-form p { color:#000; /*font-size:42px; line-height:62px;*/ font-size:34px; line-height:52px; font-family: "lato", arial, sans-serif; font-weight:bold; }
.quote-form p.sm-text { color:#707070; font-size:24px !important; padding-top:25px; margin-bottom:0px; }
.quote-form p.sm-text a { color:inherit; }
.quote-form input[type="full_name"], .quote-form input[type="email"], .quote-form input[type="phone"] { color:#84bf31; border: 0; outline: 0; border-bottom: 1px dashed #898F94; /*width: 130px;*/ margin-right: 8px; max-width: 100%; background:none; }
.quote-form input[type="full_name"] { display:inline-block; width:230px; text-align:center; }
.quote-form input[type="email"] { display:inline-block; width:95%; }
.quote-form input[type="phone"] { display:inline-block; width:260px; text-align:center; }
.quote-form .submit { width:100%; }
.quote-form .submit-button {
    width:100%; border-radius: 0px; padding:15px; font-family: "lato", arial, sans-serif; font-size:36px; color:#fff; border:none;
    background: #e2cb33;
    background: -moz-linear-gradient(top, #e2cb33 0%, #e29a33 100%);
    background: -webkit-linear-gradient(top, #e2cb33 0%,#e29a33 100%);
    background: linear-gradient(to bottom, #e2cb33 0%,#e29a33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2cb33', endColorstr='#e29a33',GradientType=0 ); color:#fff; padding:10px 35px; display:inline-block; margin-top: 10px;
}
.quote-form .submit-button:hover { text-decoration:none; background:#e29a33; }

.quote-form input::-webkit-input-placeholder { color: #bfbfbf; }
.quote-form input:-moz-placeholder { color: #bfbfbf; }
.quote-form input::-moz-placeholder { color: #bfbfbf; }
.quote-form input:-ms-input-placeholder { color: #bfbfbf; }

.quote-form input.has-error {border-bottom-color: red;}

.form-message.error { color: #f55151; font-weight: bold; }
.form-message.success { color: #08b34f; font-weight: bold; }

.website-contacts-success-msg { color: #00CC00;}
.website-contacts-failed-msg { color: #FF3300; }
.website-contacts-msg {
    display: block;
    margin: 0 0 10px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.25;
}

.btn-group.bootstrap-select { border-bottom: 1px dashed #898F94; }
.btn-group.bootstrap-select .btn-default { background-color:#fff; border:none; font-size:36px; color:#000; font-weight:bold; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; }
.btn-group.open .dropdown-toggle { box-shadow:none; }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background-color:#fff; border:none; }



@media screen and (min-width:1480px){
/*
.left-content-fade { left:100px;}
.right-content-fade { right:100px;}
*/
}

@media screen and (min-width:1700px){
/*
.left-content-fade { left:240px;}
.right-content-fade { right:240px;}
*/
}

@media screen and (max-width:1480px){
.quote-form p { font-size:28px; line-height:38px; }
}
@media screen and (max-width:1350px){
.big-form-container { width:85%; }
}

@media screen and (max-width:1200px){
.big-form-container { width:75%; }

#maintenance-chart { width:100%; }
#maintenance-chart .chart-section .chart-content { min-height: 460px; }

.culture-container h3 { font-size:20px; }
#logo-container, #logo-container a { height:65px !important; text-align:center !important; }

}

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


.culture-header .container { width: 95% !important; }

.blue-bar h3 { font-size:24px; line-height:1.25; }

#body-nav .close { left:0px; right:auto; display: block; width: 100%; text-align: center; }
.quote-form { padding:0 !important; }
.big-form-container { width:100%; padding:15px; background:#fff; margin-top: 75px; text-align: center; }
.quote-form h2 { text-align:center; font-size:36px; line-height:1.25; }
.quote-form p { font-size:24px; line-height:1.5; }
.quote-form .submit-button { font-size:24px; }
.btn-group.bootstrap-select .btn-default { font-size:24px; }
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { width:90%; }
.plus { font-size:25px; top:5px; }

#maintenance-chart .chart-section .chart-content { min-height: 550px; }

.culture-container h3 { font-size:20px; }
.culture-container h1 { font-size:38px; }
.culture-container p { font-size:16px; line-height:24px; }
.culture-header .text-callout h2 { font-size:60px; }
.section-img { width:400px; max-width:100%; }

.section { background:none !important; padding:50px 0; }
/*.section.one { padding-bottom:0; }*/
.section-content { width:100%; }
.section-content h3 { font-size:30px; margin:20px 0; }

}

@media screen and (max-width:768px){
#collapse3 h4 { font-size:16px !important; line-height:20px !important; }
.panel-title, .plus { font-size:14px; }
.plus { top:10px; }
.culture-header { height:auto; padding:200px 0 100px 0; }
.culture-header .text-callout { position:relative; top:0; left:0; transform:none; }
.culture-header .text-callout h1 { font-size:32px; margin-bottom:10px; }
.culture-header .text-callout h2 { font-size:22px; }
.culture-header .text-callout p { margin-top:10px; }
.culture-container h1 { font-size:32px; }
.culture-container h2 { font-size:28px; }
#logo-container, #logo-container a { height:65px !important; text-align:center !important; }
#small-res-menu-button p { width:150px !important; }
.culture-header .text-callout h2 span { border-bottom:4px solid #fff; }

#maintenance-chart .chart-section { width:100%; float:none; margin-bottom:25px; }
#maintenance-chart .chart-section .chart-content { min-height: auto; }

.section-content a { display:block; text-align:center; margin-top:20px; }
/*.small-padding { padding:15px 0px; }*/
.section { padding: 25px 0px; }
h2.list-header { font-size:25px; line-height:30px; }
}

@media screen and (max-width:480px){
    #logo-container, #logo-container a { height:40px !important; text-align:center !important; }
}

.inquire-now.cancel { animation: none !important; }
/*.normal-content h3 { color:#3ab4e5; font-size:32px; font-weight:400; }*/
.normal-content p { font-size:18px; color:#12192b; line-height:28px; }
.normal-content ol li { font-size:18px; color:#12192b; line-height:1.5; padding-bottom: 6px; }
.normal-content a { display:inline; padding:0px; background:none; color:#3ab4e5; margin-top:0px; }
.logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items:center; -ms-flex-align: center; -webkit-justify-content: center; justify-content:center; min-height:100px; }
.t-slide .image-holder {
    width: 200px;
    /* margin-right: 50px; */
    height: 200px;
    overflow-y: hidden;
    border-radius: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}


a.landing-button { background:#5aba4d; color:#fff; padding:10px 35px; display:inline-block; margin-top: 10px; }
a.landing-button:hover { text-decoration:none; background:#39a32b; }
a.landing-button-orange { background: #e2cb33;
background: -moz-linear-gradient(top, #e2cb33 0%, #e29a33 100%);
background: -webkit-linear-gradient(top, #e2cb33 0%,#e29a33 100%);
background: linear-gradient(to bottom, #e2cb33 0%,#e29a33 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2cb33', endColorstr='#e29a33',GradientType=0 ); color:#fff !important; padding:10px 35px; display:inline-block !important; margin-top: 10px !important; }
a.landing-button-orange:hover { text-decoration:none; background:#e29a33; }



/*********** Landing Page Styles **********/

@media (min-width:1200px){
  .container{ width:1024px }
}


h2 { font-size:32px; }
h3 { font-size:24px; }

body { background:#ffffff !important; /*font-family: 'Open Sans', Arial, sans-serif;*/ }
.header { width:100%; padding:15px; background:#ffffff; }
.header h1 { font-size:24px; color:#000000; padding-top:18px;}
.page-title { text-align:right; }
.logo { text-align:left; }
.hero-area { background:#26ace2;padding-top:240px; padding-bottom:240px;  }
.hero-area h2 { color:#ffffff; font-weight:700; font-size:45px; margin-bottom:0px; margin-top:0px; padding-top:0px; line-height:48px; }
.hero-area h3 { color:#79c2e5; font-weight:400; font-size:30px; margin-top:5px; }
.hero-area p { color:#bedefc; font-size:20px; padding-top:7px; padding-bottom:7px; margin: 0px; }
.hero-area .hero-content { margin-bottom:20px; }
.hero-area .hero-content .col-lg-2 span { font-size:12px !important; text-transform:uppercase !important; }
.hero-area .button-cta { margin-top:10px; }
.section { padding-top:115px; padding-bottom:115px; color:#12192b; }
.section .desc-box { font-size:18px; color:#0458a8; line-height:24px; padding-top:20px; padding-bottom:20px; }
.section h2 { font-size:32px; color:#26ace2; margin-bottom:5px; }
.section p { font-size:18px; color:#12192b; line-height:28px; /* padding-top:15px; padding-bottom:15px; */ }
.section h2 { line-height:42px; }
.section p b { font-size:20px; line-height:28px; }
.section li { font-size:18px; color:#12192b; line-height:1.5; padding-bottom:10px; }

.section li a { display: initial; padding: 0px; background: none; color: #3ab4e5; margin-top: 0px; text-decoration:none; }
.section-content li a { display: initial; padding: 0px; background: none; color: #3ab4e5; margin-top: 0px; text-decoration:none; }
.section.short li a { display: initial; padding: 0px; background: none; color: #3ab4e5; margin-top: 0px; text-decoration:none; }

.section li a:hover, .section-content li a:hover, .section.short li a:hover { color:#74d7ff; }

.section.short { padding-top:50px !important; padding-bottom:50px !important; /*border-bottom: 1px solid #f1f1f1; margin-bottom: 15px;*/ }
.section.short p { padding-top:10px !important; padding-bottom:10px !important; }
.button-cta { font-size:20px; color:#ffffff; background:#d3e226; padding:15px 25px; text-decoration:none; margin-top:10px; font-weight:700; text-align:center; clear:both; display:inline-block; border-radius: 4px;     text-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
.button-cta:hover { text-decoration:none; background:#cdd400; color:#ffffff; }
.yellow { color:#f7c109 !important; }

.case-study { width:100%; overflow-x:hidden; }
.case-study h3.title-link { font-size: 50px; line-height: 1.25; margin-top: 0; }

.flex { display:flex; align-items:center; }

.gray-bg { background:#dfeef4; padding-top:80px; padding-bottom:100px;}
.gray-bg h2 { color:#12192b; padding-bottom:25px; }

.blue-bg { background:#26ace2; color:#ffffff; }
.blue-bg h2 { color:#ffffff; line-height:42px; }
.blue-bg p b { color:#ffffff; font-size:20px; line-height:28px; }
.blue-bg p { font-size:20px; line-height:20px; color:#d2e9ff; }
.blue-bg p.lead-in { font-size:18px; color:#d2e9ff; line-height:28px; padding-top:20px; padding-bottom:30px; text-align:center; }
.blue-bg a { color:#ffffff !important; display:inline-block; margin-top:25px; }
.blue-bg a:hover { color:#ffffff !important; text-decoration:none; }

.form h2 { color:#26ace2; line-height:52px; font-size:56px !important; margin-bottom:0px; padding-bottom:20px; font-weight:700; }
.form p { font-size:18px; line-height:28px; color:#9b9b9b; }
.form .req { color:#ff3131 !important; }
.form p.lead-in { font-size:18px; color:#9b9b9b; line-height:28px; padding-top:20px; padding-bottom:10px; text-align:center; }
.form h3 { color:#979797; line-height:32px; font-size:32px !important; margin-bottom:0px; padding-bottom:20px; font-weight:700; }
.form a { color:#0458a8; text-decoration:none; }
.form a:hover { color:#0773da; text-decoration:none; }

.landing-page-form { padding-bottom:70px !important; }
.landing-page-form input, select { background:#dfdfdf; height:45px; padding:5px; font-size:18px; border:0px; width:100% !important; }
.landing-page-form select { height:45px !important; }
.landing-page-form p { color:#26ace2; font-size:18px !important; padding-top:10px; padding-bottom:10px; margin:0px !important; }
.no-side-padding { padding-left:0px !important; padding-right:0px !important; }
.no-left-padding { padding-left:0px !important; }
.no-right-padding { padding-right:0px !important; }
.email-confirm { display:none !important; }
#popup-form .submit-button, .quote-form .submit-button { font-size:20px; color:#ffffff; background:#d3e226 !important; padding:10px; text-decoration:none; margin-top:45px; font-weight:700; text-align:center; clear:both; display:inline-block;  }
#popup-form .submit-button:hover, .quote-form .submit-button:hover { background:#cdd400 !important; }


.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5 {
    width: 20%;
    float: left;
}

.col-small-5 {
    width: 41.66666667%;
}

.col-medium-5 {
    width: 41.66666667%;
}

.blue-border {
  padding-bottom: 25px;
  border-bottom: 10px solid #26ace2;
  margin-bottom: 25px;
}

header.casestudy { position:absolute; top:0; left:0; z-index:10; width:100%; padding:25px 0; }
header.casestudy h1 { margin:15px 0; }
.hero-area.full-height { height:900px; height:95vh; min-height:900px; padding: 200px 0; }
.hero-area.full-height img { box-shadow:none !important; -webkit-box-shadow:none !important; }
.hero-area.full-height a { font-size:24px; display:inline-block; margin-top:20px; text-decoration:none !important; background: #70d64f; color:#fff; padding:15px 25px; border-radius:5px; }
.section.short h2 a { font-size:100%; font-family:inherit; }
.cs-title { font-size: 70px !important; line-height:1 !important; margin-bottom: 10px !important; }
.cs-subtitle { color:#ccc !important; }
.cs-section-title { /*font-size:72px;*/ font-size:60px; line-height: 0.9; margin-bottom: 10px; color:#fff; text-align:center; font-weight:600; }
.blue-title { font-size:52px; color:#26ace2; margin-bottom:0px; }
.content-right { padding-right:45px; }
.content-left { padding-left:45px; }

/***** Atomic Makeup Landing Page *******/

.atomic.hero-area { padding-top:125px !important; position:relative; }
.grid-bg { position:absolute; height:100%; width:100%; top:0; background:url(../images/noisy_grid.png); opacity:0.25; }
.img-bg { position:absolute; height:100%; width:100%; top:0; background:url(../images/img-bg.jpeg); background-size:cover; background-position:50%; opacity:0.15; }
.pull-up { position:relative; z-index:100; background:#fff; padding:45px 25px 0 25px; margin-top:-150px; }
.pull-up h2 { font-size:32px; line-height:1.25; color:#26ace2; width:90%; margin:0 auto; margin-bottom:5px; }
.pull-up p { font-size:18px; color:#12192b; line-height:28px; padding-top:15px; padding-bottom:15px; width:90%; margin:0 auto; }

.properties { background:#fff; }
.properties th { text-align:center; font-weight:bold; font-size:32px; padding: 15px 8px 12px; }
.properties th sup { font-size:21px !important; }

.panel-heading { text-align:center; padding:0; }
.panel-heading a { display:block; padding:15px; }
.panel-body p { font-size:16px; line-height:1.5; padding:0; margin-bottom:15px; }

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

/* atom 1 */
.atom-container > div {
  border-radius: 50%;
  border: 1px solid #285ef9;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(80deg) rotateY(20deg);
          transform: rotateX(80deg) rotateY(20deg);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -100px;
}
.atom-container > div:first-of-type:after {
  content: "";
  position: absolute;
  height: 25px;
  width: 25px;
  background: #285ef9;
  border-radius: 50%;
  -webkit-transform: rotateX(-80deg) rotateY(0);
          transform: rotateX(-80deg) rotateY(0);
  box-shadow: 0 0 25px #fff;
  -webkit-animation: nucleus_ 2s infinite linear;
          animation: nucleus_ 2s infinite linear;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -13px;
}
.atom-container > div:nth-of-type(2) {
  -webkit-transform: rotateX(-80deg) rotateY(20deg);
          transform: rotateX(-80deg) rotateY(20deg);
}
.atom-container > div:nth-of-type(2) > div,
.atom-container > div:nth-of-type(2) > div:after {
  -webkit-animation-delay: -.5s;
          animation-delay: -.5s;
}
.atom-container > div:nth-of-type(3) {
  -webkit-transform: rotateX(-70deg) rotateY(60deg);
          transform: rotateX(-70deg) rotateY(60deg);
}
.atom-container > div:nth-of-type(3) > div,
.atom-container > div:nth-of-type(3) > div:after {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.atom-container > div:nth-of-type(4) {
  -webkit-transform: rotateX(70deg) rotateY(60deg);
          transform: rotateX(70deg) rotateY(60deg);
}
.atom-container > div:nth-of-type(4) > div,
.atom-container > div:nth-of-type(4) > div:after {
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
.atom-container > div > div {
  width: 200px;
  height: 200px;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: trail_ 2s infinite linear;
          animation: trail_ 2s infinite linear;
}
.atom-container > div > div:after {
  content: "";
  position: absolute;
  top: -5px;
  box-shadow: 0 0 12px #fff;
  left: 50%;
  margin-left: -5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #285ef9;
  -webkit-animation: particle_ 2s infinite linear;
          animation: particle_ 2s infinite linear;
}

@-webkit-keyframes trail_ {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

@keyframes trail_ {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@-webkit-keyframes particle_ {
  from {
    -webkit-transform: rotateX(90deg) rotateY(0deg);
            transform: rotateX(90deg) rotateY(0deg);
  }
  to {
    -webkit-transform: rotateX(90deg) rotateY(-360deg);
            transform: rotateX(90deg) rotateY(-360deg);
  }
}
@keyframes particle_ {
  from {
    -webkit-transform: rotateX(90deg) rotateY(0deg);
            transform: rotateX(90deg) rotateY(0deg);
  }
  to {
    -webkit-transform: rotateX(90deg) rotateY(-360deg);
            transform: rotateX(90deg) rotateY(-360deg);
  }
}
@-webkit-keyframes nucleus_ {
  0%, 100% {
    box-shadow: 0 0 0 transparent;
  }
  50% {
    box-shadow: 0 0 25px #fff;
  }
}
@keyframes nucleus_ {
  0%, 100% {
    box-shadow: 0 0 0 transparent;
  }
  50% {
    box-shadow: 0 0 25px #fff;
  }
}

/***** updated atomic styles *****/
.element-key { background:#ffffff; border:4px solid #f1f1f1; padding:40px; }
.element-header { margin-bottom:15px; line-height:36px; font-size:30px; }
.element { width: 35%; }
.element-small { display: inline-block; width:25px; float:left; margin-right: 5px; }
.anchor-links { margin:5px 0; }
.anchor-links p { display:inline-block; float:left; margin:0; }
.anchor-links span { font-size:12px; line-height:1.1; }

.atom-container { padding:150px 0; }

.section p, .section a { font-size:18px; }
.section { padding:100px 0; position: relative; background-size:cover !important; }
.section-content { font-family: "lato", arial, sans-serif; font-size:18px; width:60%; /*color:#12192b;*/ color:#fff; }
.section-content h2 { font-size:42px; /*color:#3ab4e5;*/ color:#fff; margin-bottom:15px; margin-top:0; }
.section-content.list-section h2 { font-size:42px; color:#3ab4e5; margin-bottom:15px; margin-top:0; }
.section-content h4 { color:#000; }
.section-content a { color:inherit; text-decoration:underline; }
.section .container { position:relative; z-index:2; }
.section-overlay { opacity:0.9; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.section-content a:hover { text-decoration:none; }
.section.top h2 { font-size: 58px; color: #285ef9; }
.section.top h2, .section.top h3 { margin-top:0; }

.section.one .border-btn { color:#7eb043 !important; }
.section.two .border-btn { color:#ec9008 !important; }
.section.three .border-btn { color:#ffc71f !important; }
.section.four .border-btn { color:#B47F81 !important; }
.section.five .border-btn { color:#AC9FD8 !important; }
.section.six .border-btn { color:#27B7C9 !important; }

#elements-slider { position:relative; }
#elements-slider h2, #elements-slider p { color:#fff; }
#elements-slider h2 { margin-bottom:15px; }
#elements-slider .inquire-now { background:#fff !important; text-decoration:none; animation: none !important; }
#elements-slider .slides { padding:0; }
#elements-slider .slides .slide { padding:0; position:relative; }
#elements-slider .slides .slide .section { height:100%; }
/*#elements-slider .flex-control-nav.flex-control-paging { display:none; }*/
#elements-slider .flex-control-nav { width:100%; text-align:center; padding:0; height: 0; margin: 0; position: relative; z-index: 3; }
#elements-slider .flex-control-nav li { display:inline-block; padding:0;  }
#elements-slider .flex-control-nav li a { display:block; width:50px; height:50px; margin: 0 5px; background:#f1f1f1; position: relative; top: -25px; background-size:cover !important; color: transparent; }
#elements-slider .flex-control-nav li a.flex-active { top: -35px; }
#elements-slider .flex-control-nav li:nth-child(1) a { background:url(../images/atomic-nav-pl.png) no-repeat center center; }
#elements-slider .flex-control-nav li:nth-child(2) a { background:url(../images/atomic-nav-ta.png) no-repeat center center; }
#elements-slider .flex-control-nav li:nth-child(3) a { background:url(../images/atomic-nav-co.png) no-repeat center center; }
#elements-slider .flex-control-nav li:nth-child(4) a { background:url(../images/atomic-nav-ca.png) no-repeat center center; }
#elements-slider .flex-control-nav li:nth-child(5) a { background:url(../images/atomic-nav-te.png) no-repeat center center; }
#elements-slider .flex-control-nav li:nth-child(6) a { background:url(../images/atomic-nav-tr.png) no-repeat center center; }
#elements-slider .flex-direction-nav { width:100%; height:0; margin:0; }
#elements-slider .flex-direction-nav li { display:inline; }
#elements-slider .flex-prev { font-family: "FontAwesome"; color:#fff !important; position:absolute; top:50%; transform:translateY(-50%); left:25px; z-index: 10; color:#fff; font-size:28px; opacity:.75; }
#elements-slider .flex-prev:hover, #elements-slider .flex-prev:active, #elements-slider .flex-prev:focus { opacity:1 !important; text-decoration:none !important; }
#elements-slider .flex-next { font-family: "FontAwesome"; color:#fff !important; position:absolute; top:50%; transform:translateY(-50%); right:25px; z-index: 10; color:#fff; font-size:28px; opacity:.75; }
#elements-slider .flex-next:hover, #elements-slider .flex-next:active, #elements-slider .flex-next:focus { opacity:1 !important; text-decoration:none !important; }

@media screen and (max-width:1320px){
	.left-aligned-text .section-content, 	.right-aligned-text .section-content { width:50%; }
}

@media screen and (max-width:1010px){
#elements-slider .flex-prev { left:10px;}
#elements-slider .flex-next { right:10px;}
.section-content.list-section h2 { font-size:36px; line-height:1.2; }
}

@media screen and (max-width:996px){
#elements-slider .flex-prev { left:10px;}
#elements-slider .flex-next { right:10px;}
}

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

    .section { padding:50px 0; }
    .section-content { width:100%; }
    .section-content h2 { font-size:30px; margin:15px 0; }
    .element { width: 75%; margin-bottom:15px; float:none !important; margin:0 auto; }
    .element img { margin:0 auto; }
    .element-header { font-size:18px !important; line-height:24px !important; }
    .element-key { padding:20px !important; }
    #elements-slider .flex-prev, #elements-slider .flex-next { top:30%; }
	.left-aligned-text .section-content, 	.right-aligned-text .section-content { width:100%; }

}


@media (min-width: 768px) {
  /* .col-sm-5 { width: 20%; float: left; } */
}

@media (min-width: 992px) {

  .col-md-5 { width: 20%; float: left; }

}

@media (max-width: 992px) {

    .atomic.hero-area { padding-top:100px !important; }
    .atomic.hero-area h2 { text-align:center; margin-bottom:15px; }
    .atomic.hero-area h3 { text-align:center; margin-bottom:45px; }
/*    .atom-container > div { margin-left:-75px; }*/

    .col-medium-5 {
      width: 100%;
    }
    .cs-section-title { font-size: 55px; }

    .content-right { padding-right:0; }
    .content-left { padding-left:0; }

    .flex { display:block !important; align-items:auto; background:none !important; }

    #elements-slider .flex-control-nav { display:none; }

}

@media (min-width: 1200px) {
  .col-lg-5 { width: 20%; float: left; }
}

@media (max-width:767px) {

    .hero-area { padding-top:55px; padding-bottom:55px;  }
    .hero-area h2 { font-size:32px !important; }
    .page-title { text-align:center !important; }
    .logo { text-align:center !important; margin-bottom:10px; padding-left:45px; padding-right:45px; }
    .form h2 { font-size:38px !important; }
    .img-responsive { width:auto !important; margin:0 auto; }
    .atomic.hero-area { padding-top:50px !important; }
    .atomic.hero-area h2 { text-align:center; margin-bottom:15px; }
    .pull-up { margin-top:-100px; }
    .cs-section-title { font-size: 45px; }
    .hero-area.full-height { min-height:auto; height:auto; padding: 200px 0 125px 0; }
    .first-stat h2 { font-size:32px !important; }

    .case-study .cs-section-title { font-size: 36px; }
    .case-study .section { padding-top:50px; padding-bottom:50px; }
    .case-study .section h2 { font-size:26px; line-height:1.25; }
    .case-study .blue-title { font-size:36px; line-height:1.25; }
    .case-study h3 { font-size: }
    .case-study h3.title-link { font-size: 36px; }

    .col-small-5 { width:100%; }
    .section-content.list-section h2 { font-size:28px; line-height:1.2; }

}

@media (max-width:590px) {

    .button-cta { font-size:16px !important; }
    #elements-slider .flex-prev, #elements-slider .flex-next { top:22%; }

}

@media (max-width:480px) {

    header.casestudy .logo img { max-width:200px; }
    header.casestudy .page-title h1 span { font-size:21px !important; }
    #elements-slider .flex-prev, #elements-slider .flex-next { top:110px; }
    .element { width: 35%; }
    #elements-slider { height:auto !important; min-height:0px !important; display:block !important; }
    #elements-slider h2 { line-height:1.1; font-size:26px; }
    #elements-slider p, #elements-slider p b { font-size:15px; line-height:1.2; }
    #elements-slider .slide { height:auto !important; min-height:0px !important; display:block !important; }
    #elements-slider .slides .slide { min-height:0px !important; height:auto !important; }

}