/**********************************************/
/* Theme Name: Pocketstop 
/* Template: pocketstop                    */
/* Theme URI: https://wwww.pocketstop.com     */
/* Author: Stilts                             */
/* Author URI: https://www.stilts.co          */
/* Description: For Redflag Alerts            */
/* Version: 1.1.5                              */
/**********************************************/

/**********************/
/* Custom Stylesheet  */
/**********************/
/* - Reset            */
/* - Formatting       */
/* - Header           */
/* - Slider           */
/* - Banner           */
/* - Content          */
/* - Sidebar          */
/* - Footer           */
/* - FontAwesome      */
/* - Link Transitions */
/* - Responsive       */
/**********************/

/*********/
/* Reset */
/*********/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}script{display:none!important}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;color:#000;margin:0 30px 20px}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;height:0;display:block;margin:0!important;line-height:0!important}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}.entry-content img,.comment-content img,.widget img{max-width:100%}img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]{height:auto}.size-full,.size-large,.header-image,.wp-post-image{max-width:100%;height:auto}embed,iframe,object,video{max-width:100%}.alignleft{float:left;margin:10px 10px 10px 0}.alignright{float:right;margin:10px 0 10px 10px}.aligncenter{display:block;margin-left:auto;margin-right:auto}

/**************/
/* Formatting */
/**************/
/* Lato */
@font-face {font-family: 'Lato'; font-style: normal; font-weight: 400;  font-display: swap; src: local('Lato Regular'), local('Lato-Regular'), url('fonts/lato-regular.woff2') format('woff2'), url('fonts/lato-regular.woff') format('woff'); }
@font-face {font-family: 'Lato'; font-style: italic; font-weight: 400;  font-display: swap; src: local('Lato Italic'), local('Lato-Italic'), url('fonts/lato-italic.woff2') format('woff2'), url('fonts/lato-italic.woff') format('woff'); }
@font-face {font-family: 'Lato'; font-style: normal; font-weight: 700;  font-display: swap; src: local('Lato Bold'), local('Lato-Bold'), url('fonts/lato-700.woff2') format('woff2'), url('fonts/lato-700.woff') format('woff'); }
@font-face {font-family: 'Lato'; font-style: normal; font-weight: 900;  font-display: swap; src: local('Lato Black'), local('Lato-Black'), url('fonts/lato-900.woff2') format('woff2'), url('fonts/lato-900.woff') format('woff');}
@font-face {font-family: 'Lato'; font-style: italic; font-weight: 700;  font-display: swap; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('fonts/lato-700italic.woff2') format('woff2'), url('fonts/lato-700italic.woff') format('woff'); }
@font-face {font-family: 'Lato'; font-style: italic; font-weight: 900;  font-display: swap; src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('fonts/lato-900italic.woff2') format('woff2'), url('fonts/lato-900italic.woff') format('woff');}

/* Body */
body {font-family: 'Lato', sans-serif !important; font-size: 16px; color: #222222; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; display: block !important;}
.hide-site {display: none !important;}
.clear {clear: both; height: 0; margin: 0; padding: 0;}

/* Forms */
input, 
select,
textarea {border: 1px solid #e6e6e6; background: #fff; width: 100%; padding: 11px 15px; outline: none !important; font-size: 17px; line-height: 17px; font-weight: 300; color: #777; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s;}
input, 
button, 
select, 
textarea {font-family: 'Lato', sans-serif;}

/* Alignment */
.content-area .align-center {text-align: center;}
.content-area .align-left {text-align: left;}
.content-area .align-right {text-align: right;}
.content-area .alignright {float: right; margin: 0 0 9px 15px;}
.content-area .alignleft {float: left; margin: 0 15px 9px 0;}
.content-area .aligncenter {display: block; margin: 0 auto 15px;}
.content-area table.alignright {float: right; position: relative; z-index: 2; margin: 0 0 10px 10px;}
.content-area table.alignright ul {list-style: none !important;}

/* Headlines */
h1, h2, h3, h4, h5, h6 {color: #004691; font-weight: 700; margin: 20px 0; background: none;}
h1 {font-size: 36px; line-height: 46px;}
h2 {font-size: 28px; line-height: 38px;}
h3 {font-size: 24px; line-height: 34px;}
h4 {font-size: 18px; line-height: 28px;}
h5 {font-size: 14px; line-height: 24px;}
h6 {font-size: 12px; line-height: 22px;}
body.home h1 {font-weight: 600; margin-top: 0;}
h2.title {font-weight: 600; text-align: center; border-bottom: 2px solid #a7a9ac; font-size: 40px; width: 80%; margin-left: auto; margin-right: auto; padding-bottom: 6px;}
h2.title.white {color: #ffffff; border-color: #ffffff;}

/* Paragraphs */
p {position: relative; line-height: 24px; font-size: 16px; margin-bottom: 15px; color: #58585b;}

/* Lists */
ol, 
ul {list-style: none; padding: 0; margin: 0;}

/* Links */
a {text-decoration: none; cursor: pointer; color: #004691;}
a:hover,
a:focus {text-decoration: none; outline: none; color: #a7a9ac;}

/* Buttons */
button:focus {outline: none;}
form button,
form input[type="submit"],
.button {border: 2px solid #d02139; padding: 1px 25px 3px; display: inline-block; text-align: center; color: #d02139; border-radius: 30px; font-size: 14px; background-color: #ffffff; text-transform: none; font-weight: normal; line-height: 22px; margin: 0 20px 20px;}
form button.full-width,
form input[type="submit"].full-width,
.button.full-width {width: 100%;}
form button.half-width,
form input[type="submit"].half-width,
.button.half-width {width: 100%; max-width: 650px; margin-left: auto; margin-right: auto; display: block;}
form button:hover,
form input[type="submit"]:hover,
.button:hover,
form button:focus,
form input[type="submit"]:focus,
.button:focus {background: #d02139; color: #ffffff !important;}

/* Containers */
.site-container {position: relative; padding-top: 50px;}
body.admin-bar .site-container {margin-top: 32px;}
.container {width: 100% !important; max-width: 1310px;}
section {padding: 40px 0; background-color: #ffffff;}

body.page-template-template-redflag .site-container {padding-top: 0;}
body.page-template-template-redflag .container {max-width: 1060px;}

/* Animation */
.animated {opacity: 1 !important;}

/* Images */
img {max-width: 100%; height: auto;}

/**********/
/* Header */
/**********/
.header {position: absolute; left: 0; right: 0; top: 0; z-index: 999; width: 100%;}
.header.not-top {height: 120px; position: fixed; top: -50px;}
body.admin-bar .header.not-top {top: -18px;}
.header .container {max-width: 1210px; padding: 0 15px;}

body.page-template-template-redflag .header.not-top {top: 0;}
body.page-template-template-redflag.admin-bar .header.not-top {top: 32px;}

@media (max-width: 800px) {
	.header .container {padding: 0 5px;}
}

/* Search field */
.header .top-bar {width: 100%; height: 50px; background-color: #004691; box-shadow: 0px 4px 9px rgba(0,0,0,0.2); position: relative;;}
.page-id-1826 .steps-section .step-area ul li {color:#fff !important;}
.page-id-1826 .steps-section .step-area ul li a{color:#fff !important; text-decoration:underline;}
.teal-color .header .top-bar {background-color: #1093b1;}
.red-color .header .top-bar {background-color: #e51937;}
.orange-color .header .top-bar {background-color: #f37520;}
.grey-color .header .top-bar {background-color: #595959;}
.header .top-bar p {text-align: right; float: left; color: #ffffff; font-size: 16px; font-weight: bold; margin: 14px 0 0;}
.header.not-top .top-bar {box-shadow: none;}
.header .top-bar p.contact-login {float: right; margin-right: 55px;}
.header .top-bar p a {color: #ffffff;}
.header .top-bar p .call {margin-right: 4px;}
.header .top-bar p .spacer {display: inline-block; width: 55px;}
.header .top-bar form {float: right; background-color: #F8FAFC; border-radius: 25px; padding: 2px 20px; margin-top: 12px; width: 100%; max-width: 275px;}
.header .top-bar form fieldset {padding: 0; margin: 0; border: none;}
.header .top-bar form input {color: #58585B; font-size: 16px; background: transparent; border: none; padding: 0; margin: 0; box-shadow: none; font-style: italic;}
.header .top-bar form input::-webkit-input-placeholder {color: #58585B;}
.header .top-bar form input:-moz-placeholder {color: #58585B; opacity: 1;}
.header .top-bar form input::-moz-placeholder {color: #58585B; opacity: 1;}
.header .top-bar form input:-ms-input-placeholder {color: #58585B;}
.header .top-bar .search-button {float: right; width: 32px; height: 32px; display: block; line-height: 42px; text-align: center; padding: 2px 0 0;}
.header .top-bar .search-button {height: 42px; width: 42px;}
.header .top-bar .search-button i {color: #58585B; font-size: 22px;}
.header .top-bar .search-hide {display: block;}

/* Main header */
.header .main-header {height: 125px; background-color: rgba(0,0,0,0);}
.header.not-top .main-header {height: 50px;}
.blue-color .header.not-top .main-header {background-color: rgba(0,70,145,0.95);}
.teal-color .header.not-top .main-header {background-color: #1093b1;}
.red-color .header.not-top .main-header {background-color: rgba(229,25,55,0.95);}
.orange-color .header.not-top .main-header {background-color: rgba(243,117,32,0.95);}
.grey-color .header.not-top .main-header {background-color: rgba(89,89,89,0.95);}

/* Logo */
.header .logo {float: left; padding: 0; margin: 45px 0 0;}
.header.not-top .logo {margin-top: 4px;}
.header .logo img,
.header .logo svg {height: 60px; width: auto;}
.header .logo a:hover img {opacity: 0.95;}
.header.not-top .logo img,
.header.not-top .logo svg {height: 40px;}
body.page-template-template-solutions .header.not-top .logo, 
body.page-template-template-redflagsolutions .header.not-top .logo, 
body.page-template-template-products .header.not-top .logo, 
body.page-template-template-products-sub .header.not-top .logo,
body.page-template-template-redflag .header.not-top .logo {margin-top: 3px;}

/* Menu */
/* .header .header-menu {position: relative; left: 0px; top: 0px; width: 100%; background: #30344d; z-index: 5;} */
.header .nav-outer {position: relative; padding-right: 200px;}
.header .navbar-default {float: right; background: transparent; border: none; margin: 0; margin-top: 43px;}
body.page-template-template-solutions .header.not-top .navbar-default, 
body.page-template-template-redflagsolutions .header.not-top .navbar-default, 
body.page-template-template-products .header.not-top .navbar-default, 
body.page-template-template-products-sub .header.not-top .navbar-default,
body.page-template-template-redflag .header.not-top .navbar-default {margin-top: 3px;}
.header.not-top .navbar-default {margin-top: 4px;}
.header .navbar-collapse {padding: 0;}
.header .navbar-nav {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.header .navbar-nav > li {margin: 0; padding: 0;}
.header .navbar-nav > li:last-child {margin-right: 0;}
.header .navbar-nav > li > a {color: #ffffff !important; font-size: 16px; padding: 20px 15px; font-weight: bold; line-height: 16px; z-index: 100;}
.header.not-top .navbar-nav > li > a {padding: 11px 15px;}
.header .navbar-nav > li.menu-item-21,
.header .navbar-nav > li.menu-item-3332 {padding-top: 10px;}
.header.not-top .navbar-nav > li.menu-item-21,
.header.not-top .navbar-nav > li.menu-item-3332 {padding-top: 2px;}
.header .navbar-nav > li.menu-item-21 > a,
.header .navbar-nav > li.menu-item-3332 > a {background-color: #d02139; border-radius: 20px; margin-left: 22px; padding: 9px 22px 13px;}
.red-color .header .navbar-nav > li.menu-item-21 > a,
.orange-color .header .navbar-nav > li.menu-item-21 > a,
.red-color .header .navbar-nav > li.menu-item-3332 > a,
.orange-color .header .navbar-nav > li.menu-item-3332 > a {background-color: #004691;}
.header .navbar-nav > li.current-menu-ancestor > a {font-weight: 900;}
.header .navbar-nav > li:hover > a,
.header .navbar-nav > li > a:hover {color: #ffffff !important; background-color: #004691;}
.header .navbar-nav > li.menu-item-21 > a:hover,
.header .navbar-nav > li.menu-item-3332 > a:hover,
.orange-color .header .navbar-nav > li.menu-item-21 > a:hover,
.red-color .header .navbar-nav > li.menu-item-21 > a:hover,
.orange-color .header .navbar-nav > li.menu-item-3332 > a:hover,
.red-color .header .navbar-nav > li.menu-item-332 > a:hover {background-color: #B0152A;}
.header .navbar-nav > li.drop {position: relative;}
.header .navbar-nav > li.drop > a:after {content: "\f0d7"; margin-left: 5px; font-size: 12px;}
.header .navbar-nav > li.drop:hover > a:after {content: "\f0d8"; color: #007bff;}
.header .navbar-nav > li.drop:hover > a {box-shadow: 0px -5px 9px rgba(0,0,0,0.2);}
.header .navbar-nav > li.page-item-3254:hover > a {box-shadow: 0 0 9px rgba(0,0,0,0.2);}
.header .navbar-nav > li.drop > ul.dropdown {margin: 0; padding: 0; position: absolute; top: calc(100% - 1px); left: 0; width: 230px; background: #004691; padding: 0; opacity: 0; visibility: hidden; z-index: 99; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 25px 30px; box-shadow: 0px 0px 9px rgba(0,0,0,0.3);}
.header .navbar-nav > li.drop > ul.dropdown > li:hover > ul.dropdown {opacity: 1;}
.header .navbar-nav > li.drop > ul.dropdown > li {display: block;}
.header .navbar-nav > li.drop.menu-item-402 > ul.dropdown {width: 530px; left: -100px; padding: 0;}
.header .navbar-nav > li.drop.menu-item-403 > ul.dropdown {width: 300px;}
.header .navbar-nav > li.drop.menu-item-402 > ul.dropdown > li {width: 50%; float: left; padding: 25px 30px;}
.header .navbar-nav > li.drop > ul.dropdown > li > a {display: inline-block; text-decoration: none; display: block; color: #ffffff; font-size: 14px; padding: 6px 0;}
.header .navbar-nav > li.drop.menu-item-402 > ul.dropdown > li > a {border-bottom: 3px solid #007bff; padding: 0 0 5px; margin-bottom: 5px; font-weight: bold; font-size: 18px; line-height: 33px; color: #ffffff;}
.header .navbar-nav > li.drop > ul.dropdown > li > a:hover {color: #007bff;}
.header .navbar-nav > li.drop.menu-item-402 > ul.dropdown > li > a:hover {color: #ffffff;}
.header .navbar-nav > li.drop > ul.dropdown > li:first-child {border-top: none;}
.header .navbar-nav > li.drop:hover > ul.dropdown {opacity: 1; visibility: visible;}
.header .navbar-nav > li.drop > ul.dropdown > li > ul.dropdown {padding-left: 25px;}
.header .navbar-nav > li.drop.menu-item-402 > ul.dropdown > li > ul.dropdown {padding-left: 0;}
.header .navbar-nav > li.drop > ul.dropdown > li > ul.dropdown > li > a {color: #ffffff; font-size: 14px; padding: 6px 0; display: block;}
.header .navbar-nav > li.drop > ul.dropdown > li > ul.dropdown > li > a:hover {color: #007bff;}

/* Mega Menu */
.header .navbar-nav > li.drop.menu-item-3257 > ul.dropdown {width: 1000%; left: -400%; padding: 0; max-width: 1000px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area {background-color: #0a396d;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area:after {content: ""; display: block; clear: both;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area {float: left; width: 35%;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .top-title {background-color: #063261; padding: 9px 30px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .top-title p {color: #ffffff; font-size: 16px; margin: 0;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-area {padding: 30px 30px 10px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-area p {color: #ffffff;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-area p:last-child {margin: 0;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-area p a {color: #ffffff; padding-bottom: 3px; border-bottom: 1px solid rgba(255,255,255,0);}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-area p a:after {content: "\f105"; margin-left: 5px; opacity: 0;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-area p a:hover {border-color: #ffffff;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-area p a:hover:after {opacity: 1;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-video {padding: 10px 30px 15px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-video p.title {text-transform: uppercase; font-size: 11px; color: #7893b0; margin-bottom: 10px; line-height: 1.2;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-video p.text {font-size: 11px; margin-bottom: 5px;line-height: 1.2; color: #ffffff;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-video p.video-link {margin: 0;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .left-area .bottom-video a:hover {opacity: 0.8;}

.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area {float: left; width: 65%; background-color: #014691;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .top-title {background-color: #034081; padding: 9px 30px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .top-title p {color: #ffffff; font-size: 16px; margin: 0;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area {padding: 15px 20px 30px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area p {color: #ffffff; padding: 0 5px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area p.title {text-transform: uppercase; font-size: 11px; color: #7893b0; line-height: 1.2;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area p a {color: #ffffff;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area {}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .top-link-area {border-bottom: 1px solid #6b87ac; padding-bottom: 10px; margin-bottom: 20px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area:after {content: ""; display: block; clear: both;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p {width: 50%; float: left; display: block;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p {font-weight: bold; font-size: 15px; line-height: 1.2;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p a {padding-bottom: 3px; border-bottom: 1px solid rgba(255,255,255,0); line-height: 1.5;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p a:after {content: "\f105"; margin-left: 5px; opacity: 0;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p a:hover {border-color: #ffffff;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p a:hover:after {opacity: 1;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p span {font-size: 11px; font-weight: 300; display: block; margin-top: 5px; line-height: 1.5; padding-right: 9px; color: #8eadce;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p:nth-child(2n+1) {clear: both;}

.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links {}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links:after {content: ""; display: block; clear: both;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .link-area {width: 50%; float: left;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .link-area p {width: 100%; float: none;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .list-links {width: 50%; float: left;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .list-links ul {list-style: none;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .list-links ul li {color: #8eadce; margin-bottom: 5px; padding: 0 5px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .list-links ul li:nth-child(3) {margin-top: 15px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .list-links ul li:nth-child(3):before {content: ""; display: block; width: 10px; height: 1px; background-color: #8eadce; margin-bottom: 15px;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .list-links ul li a {color: #8eadce;}
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .bottom-links .list-links ul li a:hover {color: #ffffff;}

@media (max-width: 1100px) {
	.header .navbar-nav > li.drop.menu-item-3257 > ul.dropdown {max-width: 900px;}
	.header .navbar-nav > li > a {padding: 20px 10px;}
	.header.not-top .navbar-nav > li > a {padding: 11px 10px;}
}

@media (max-width: 1000px) {
	.header .navbar-nav > li.drop.menu-item-3257 > ul.dropdown {max-width: 850px;}
}

@media (max-width: 900px) {
	.header .navbar-nav > li.drop.menu-item-3257 > ul.dropdown {max-width: 800px; left: -450%;}
}

@media (max-width: 850px) {
	.header .navbar-nav > li.drop.menu-item-3257 > ul.dropdown {max-width: 750px; left: -380%;}
}

@media (max-width: 800px) {
	.header .navbar-nav > li.drop.menu-item-3257 > ul.dropdown {max-width: 700px;}
}

/* Mobile menu */
body.admin-bar .pushy {top: 32px;}
.pushy {overflow-y: scroll;}
.pushy a:focus {color: #ffffff;}
.pushy-submenu > a::after,
.pushy-submenu > button::after {content: "\f105"; background: none; height: auto; width: auto;}
/*.pushy-submenu-open ul {max-height: initial;}*/
body.pushy-open-right {overflow: hidden; height: 100%; -webkit-overflow-scrolling: touch; margin-right: 17px !important;}
body.pushy-open-right .header {padding-right: 17px;}
.pushy-submenu ul.dropdown {background-color: #09396d; padding-left: 0;}
.pushy-submenu ul.dropdown li a,
.pushy-submenu ul.dropdown li button {color: #ffffff;}
.pushy-submenu ul.dropdown li ul.dropdown {background-color: #4478b0; padding-left: 0;}

/* Mobile bar */
.header .navbar-header .navbar-toggle {padding: 0; margin: 0; border: none; font-weight: bold; font-size: 18px; text-transform: uppercase; color: #ffffff; text-transform: uppercase; font-size: 16px; line-height: 50px;}
.header .navbar-header .navbar-toggle:hover {color: #a7a9ac;}

body.page-template-template-video .header .navbar-header .navbar-toggle,
body.page-template-template-infographic .header .navbar-header .navbar-toggle {display: none !important;}

/**********/
/* Slider */
/**********/
.carousel {overflow: hidden;}
.slick-buttons {position: static;}
.slick-next {right: 0;}
.slick-prev, 
.slick-next {position: absolute; width: 70px; height: 70px; background: transparent; margin: 0 !important; text-align: center; line-height: 70px; border: 1px solid #E2E6E7; top: 43%; font-size: 24px; z-index: 1; opacity: 0.4; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; color: transparent; border-radius: 0;}
.slick-prev:before,
.slick-next:before {font-size: 50px;}
.slick-prev:before {content: "\f104";}
.slick-next:before {content: "\f105";}
.slick-page {display: inline-block; padding: 6px 2px; position: relative;}
.slick-theme .slick-controls .slick-page span {width: 8px; height: 8px; display: block; position: relative; margin: 5px 3px; z-index: 1000 !important; background: rgba(0, 0, 0, .5); border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.slick-page:hover span {background: rgba(0, 0, 0, .5);}
.slick-page.active span {background: #038875 !important; border: 1px solid #038875 !important; -webkit-transform: scale(1.3333333); -moz-transform: scale(1.3333333); -o-transform: scale(1.3333333); -ms-transform: scale(1.3333333); transform: scale(1.3333333);}

/************/
/* Homepage */
/************/
/* Slider */
.slider-section {background-color: #004691; height: 600px; position: relative;}

.slider-home {position: relative; max-height: 600px; overflow: hidden;}
.slider-home .video-area {display: block;}
.slider-home video {max-width: none; position: relative; top: 0%; left: 50%; min-height: 600px; min-width: 100vw; z-index: 0; width:auto; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
.slider-home .image-area {display: block;} 

.slider-section .text-area {position: absolute; top: 0; left: 0; right: 0; padding-top: 150px; bottom: 0; background-color: rgba(50,62,75,0.35);}
.slider-section .container {position: relative; max-width: 1210px;}
.slider-section .text-box {position: relative; padding: 0;}
.slider-section .text-box p {color: #ffffff; margin-bottom: 15px;}
.slider-section .text-box p.headline {font-size: 68px; line-height: 68px; font-weight: bold;}
.slider-section .text-box p.small {font-size: 16px; line-height: 26px; width: 100%; margin-bottom: 0; max-width: 650px;}
.slider-section .text-box a.button {background-color: #d02139; border-radius: 20px; padding: 9px 28px 13px; border: none; color: #ffffff; font-weight: bold; font-size: 16px; line-height: 16px; min-width: 185px; margin: 0;}
.slider-section .text-box .demo-button {margin: 50px 0 0;}
.slider-section .text-box a.button:not(.video-button):hover {background-color: #B0152A;}
.slider-section .text-box .demo-button a.video-button {border: 2px solid #ffffff; color: #ffffff; background: none; margin-right: 50px;}
.slider-section .text-box .demo-button a.video-button .fa {margin-right: 5px;}
.slider-section .text-box .demo-button a.video-button:hover {background-color: #ffffff; color: #000000 !important;}

@media (max-width: 1220px) {
	.slider-section .text-box p.headline {font-size: 58px; line-height: 58px;}
	.slider-section .text-box p.subheadline {font-size: 30px; line-height: 40px;}
	/*.slider-section .item img {max-width: initial; min-width: 100%; width: initial; float: right;}*/
}

@media (max-width: 991px) {
	.slider-section {height: 500px;}
	.slider-home {max-height: 500px;}
	.slider-home video {min-height: 500px;}
	.slider-section .item {max-height: 500px;}
	.slider-section .text-box p.headline {font-size: 48px; line-height: 48px;}
}

@media (max-width: 767px) {
	.slider-section {height: initial;}
	.slider-home {max-height: initial;}
	.slider-home .video-area {display: none;}
	.slider-home .image-area {display: block;}
	.slider-section .text-area {padding: 30px 15px 45px; position: static;}
	.slider-section .text-box {padding-left: 0; text-align: center; background: none;}
	.slider-section .text-box p.headline {font-size: 38px; line-height: 44px;}
	.slider-section .text-box p.small {margin: 0 auto;}
	.slider-section .text-box .demo-button {margin-top: 30px;}
	.slider-section .text-box .demo-button a.button {margin: 0 auto; display: block; width: 235px;}
	.slider-section .text-box .demo-button a.video-button {margin-bottom: 35px;}
}

@media (max-width: 550px) {
	.slider-section .text-box p.headline {font-size: 32px; line-height: 38px;}
}

/* Callout areas */
.callout-section {padding: 80px 0;}
.callout-section h2 {margin-top: 0; margin-bottom: 15px;}
.callout-section .row {margin-left: -10px; margin-right: -10px;}
.callout-section .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%;}
.callout-section .col-lg-3 {padding: 0 10px;}
.callout-section .callout-area {margin: 0; box-shadow: 0px 0px 14px rgba(216,216,216,0.5); position: relative; padding-bottom: 50px; height: 100%;}
.callout-section .callout-area .callout-image {position: relative; width: 100%;}
.callout-section .callout-area .callout-image img {width: 100%; max-width: 100%; margin-bottom: 15px;}
.callout-section .callout-area .callout-image .default {opacity: 1;}
.callout-section .callout-area .callout-image .rollover {opacity: 0; position: absolute; top: 0; left: 0; right: 0;}
.callout-section .callout-area .callout-image a:hover .default {opacity: 0;}
.callout-section .callout-area .callout-image a:hover .rollover {opacity: 1;}
.callout-section .callout-area h2 {padding: 0 20px; font-size: 20px; color: #004691; font-weight: bold; line-height: 28px; margin-bottom: 5px;}
.callout-section .callout-area p {padding: 0 20px; color: #58585B; font-size: 14px; line-height: 22px; min-height: 110px;}
.callout-section .callout-area a.button {border: 2px solid #007BFF; padding: 1px 25px 3px; display: inline-block; text-align: center; color: #007BFF; border-radius: 30px; font-size: 14px; background-color: #ffffff; text-transform: none; font-weight: normal; line-height: 22px; margin: 0; max-width: 120px; position: absolute; bottom: 20px; left: 20px; right: 20px;}
.callout-section .callout-area a.button:hover {background-color: #007BFF; color: #ffffff;}

/* Featured solutions */
.solutions-section {background-color: #f8fafc; padding: 50px 0 0;}
body.home .solutions-section {padding-top: 90px;}
.solutions-section h1,
.solutions-section h2 {text-align: center; margin-bottom: 30px; color: #004691; font-size: 34px; margin-top: 0;}
.solutions-section .tab-controls {border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;}
.solutions-section ul.nav-tabs {border: 0; margin: 0; padding: 0; font-size: 0; text-align: center;}
.solutions-section ul.nav-tabs li {margin: 0 !important; display: inline-block; float: none;}
.solutions-section ul.nav-tabs li > a {border: 0 !important; border-radius: 0 !important; margin: 0; padding: 12px 14px; font-size: 20px; color: #004691;}
.solutions-section ul.nav-tabs li.active > a {background-color: #007bff; color: #ffffff;}
.solutions-section .tab-content {background: url('images/bg-solutions-new.jpg') no-repeat right top; background-size: cover;}
.solutions-section .tab-pane {min-height: 345px; position: relative;}
.solutions-section .tab-pane .solution-text {padding: 100px 15px 30px; max-width: 670px; float: right; width: 100%;}
.solutions-section .tab-pane .solution-text h3 {color: #004691; font-size: 20px; line-height: 28px; margin: 25px 0 15px;}
.solutions-section .tab-pane .solution-text h3:first-child {margin-top: 0;}
.solutions-section .tab-pane .solution-text ul {padding-left: 30px;}
.solutions-section .tab-pane .solution-text ul li {color: #58585B; font-size: 16px; line-height: 24px;}
.solutions-section .tab-pane .solution-text .half-text {width: 50%; max-width: 290px; float: left; padding-right: 60px; min-height: 225px;}
.solutions-section .tab-pane .solution-text .half-text.right-text {padding-left: 30px; padding-right: 30px;}
.solutions-section .tab-pane .solution-text p {color: #58585B; font-size: 16px; line-height: 24px;}
.solutions-section .tab-pane .solution-text .clear {content: ""; display: block; height: 0; clear: both;}
.solutions-section .tab-pane .solution-text a.button {margin: 25px 0 0; border-color: #d02139; color: #d02139; background: none;}
.solutions-section .tab-pane .solution-text a.button:hover {background-color: #d02139; color: #ffffff;}

.solutions-section .tab-pane .solution-image {padding-top: 60px;}
.solutions-section .tab-pane .solution-image img {float: right; max-width: 100%;} 

/* Microsoft */
.microsoft-section {padding: 50px 0; background-color: #f9fafc; background-position: center top; background-size: cover; background-repeat: no-repeat;}
.microsoft-section .text-area {max-width: 650px;}
.microsoft-section .text-area h2 {font-size: 34px; font-weight: bold; margin: 0 0 30px;}
.microsoft-section .text-area p {}
.microsoft-section .text-area ul {padding-left: 30px;}
.microsoft-section .text-area ul li {font-size: 16px; line-height: 24px; color: #58585B;}
.microsoft-section .text-area a.button {margin: 30px 0 0;}

@media (max-width: 991px) {
	.microsoft-section {background-image: none !important;}
	.microsoft-section h2 {text-align: center;}
	.microsoft-section .text-area p:last-child {text-align: center;}
}

/* Awards */
.award-section {padding: 100px 0 0; text-align: center; background-color: #014691;}
.award-section .container {max-width: 1000px;}
.award-section .text-area {margin-bottom: 75px;}
.award-section .text-area h2 {font-size: 34px; font-weight: bold; margin: 0 0 30px; color: #ffffff;}
.award-section .text-area p {font-size: 16px; line-height: 24px; color: #ffffff; max-width: 570px; margin: 0 auto 15px;}
.award-section .text-area a {display: inline-block;}
.award-section .image-area {margin-bottom: -54px;}

/* Starting */
.starting-section {padding: 50px 0 0; text-align: center;}
.starting-section .container {max-width: 1000px;}
.starting-section .text-area {max-width: 650px; margin: 0 auto 40px;}
.starting-section .text-area h2 {font-size: 34px; font-weight: bold; margin: 0 0 30px;}
.starting-section .text-area p {font-size: 16px; line-height: 24px; color: #58585B; max-width: 570px; margin: 0 auto 15px;}
.starting-section .price-area {background-color: #ffffff; padding: 50px; box-shadow: 0px 0px 25px rgb(174 174 174 / 42%); max-width: 500px; margin: 0 auto -125px; position: relative; z-index: 2;}
.starting-section .price-area h3 {font-size: 24px; margin: 15px 0 5px;}
.starting-section .price-area h3 span {font-size: 54px;}
.starting-section .price-area p {margin: 0;}
.starting-section .spacer-area {padding: 160px 0 40px; background-color: #004691;}
.starting-section .spacer-area a.button {border-color: #ffffff; color: #ffffff; background: none;}
.starting-section .spacer-area a.button:hover {background-color: #ffffff; color: #000000 !important;}

/* Large Icons */
.icon-section {padding: 80px 0 30px;}
body.home .icon-section {text-align: center;}
.icon-section .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%;}
.icon-section .icon-area {text-align: center; position: relative; max-width: 335px; margin: 0 auto 50px;}
.icon-section .icon-area img {display: inline-block; margin-bottom: 15px;}
body.home .icon-section .icon-area img {max-width: 80px; height: auto;}
.icon-section h2,
.icon-section .icon-area h3 {font-size: 34px; line-height: 42px; color: #004691; font-weight: bold; margin: 0 0 15px;}
body.home .icon-section h2 {margin-bottom: 50px;}
.icon-section .icon-area p {font-size: 16px; line-height: 24px; color: #58585B;}
.icon-section .icon-area a.button {border: 2px solid #007BFF; padding: 1px 25px 3px; display: inline-block; text-align: center; color: #007BFF; border-radius: 30px; font-size: 14px; background-color: #ffffff; text-transform: none; font-weight: normal; line-height: 22px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; max-width: 120px;}
.icon-section .icon-area a.button:hover {background-color: #007BFF; color: #ffffff;}

/* Case studies */
.case-section {padding: 40px 0 0; text-align: center;}
body.home .case-section {padding: 0;}
.case-section h2 {margin: 0 0 30px; color: #004691; font-size: 34px;}
.case-section .col-lg-4 {padding: 0; background-size: cover; background-repeat: no-repeat;}
.case-section .result-area {background-color: rgba(0,90,171,0.76); padding: 90px 50px 50px; min-height: 450px;}
.case-section a:hover .result-area {background-color: rgba(0,90,171,0.95);}
.case-section .result-area .hs-cta-img {width: auto; height: auto; margin: 0 auto; max-width: 200px;}
.case-section .result-area a.cta_button { width: 180px; margin: 0 auto; background-color: background-color: rgba(0,0,0,0); border-radius: 30px; display: block;}
.case-section .result-area a.cta_button:hover {background-color: #004691;}
.case-section .result-area .logo-box {height: 75px; width: 100%; max-width: 350px; margin: 0 auto 50px; position: relative;}
.case-section .result-area .logo-box img {margin: 0 auto; display: block; max-height: 100%; position: absolute; bottom: 0; left: 0; right: 0; max-width: 100%;}
.case-section .result-area p {color: #ffffff; text-align: center; font-size: 24px; line-height: 32px; max-width: 350px; margin: 0 auto; min-height: 96px;}

/* Ratings */
.ratings-section {padding: 80px 0 0; text-align: center;}
.ratings-section .container {margin-bottom: -50px;}
.ratings-section .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%;}
.ratings-section .rating-area {background-color: #ffffff; padding: 50px 40px 40px; box-shadow: 0px 0px 25px rgb(174 174 174 / 42%); position: relative; max-width: 410px; margin: 0 auto; height: 100%;}
.ratings-section .rating-area img {display: inline-block; margin: 0 auto;}
.ratings-section .spacer-area {padding: 50px 0 0; background-color: #004691;}

@media (max-width: 991px) {
	.ratings-section {padding: 40px 0 0;}
	.ratings-section .row-eq-height {display: block;}
	.ratings-section .rating-area {height: initial; margin-top: 30px;}
	.ratings-section .spacer-area {padding: 80px 0 0;}
}

/* Testimonials */
.testimonial-section {padding: 80px 0;}
.additional-section + .testimonial-section {padding-top: 40px;}
.link-section + .testimonial-section {padding-top: 10px;}
.testimonial-section .quote-area {box-shadow: 0px 0px 17px rgba(201,201,201,0.5); padding: 130px 390px 130px 115px; width: calc(100% - 150px); position: relative;} 
.testimonial-section .quote-area:after {content: ""; width: 200px; height: 7px; background-color: #007bff; margin: 80px auto 0; display: block; position: absolute; left: 0; right: -150px;}
.testimonial-section .quote-area p {font-size: 28px; line-height: 37px; margin-bottom: 25px;}
.testimonial-section .quote-area p.author {font-size: 16px; line-height: 22px; margin-bottom: 0; padding-left: 5px;}
.testimonial-section .quote-area img {position: absolute; right: -150px; top: 50%; transform: translateY(-50%);}

.testimonial-section .testimonials-carousel .quote-holder {padding: 30px;}
.testimonial-section .testimonials-carousel .slick-dots {position: static; margin-top: 20px;}
.testimonial-section .testimonials-carousel .slick-dots li {margin: 0 3px;}
.testimonial-section .testimonials-carousel .slick-dots li button {padding: 0;}
.testimonial-section .testimonials-carousel .slick-dots li button:before {color: #e7e7e7; opacity: 1; font-size: 12px;}
.testimonial-section .testimonials-carousel .slick-dots li.slick-active button:before {color: #004691; opacity: 1;}

body.page-template-template-demo .testimonial-section .quote-area:after,
body.page-template-template-video .testimonial-section .quote-area:after,
body.page-template-template-infographic .testimonial-section .quote-area:after {background-color: #3db0d1;}

@media (max-width: 991px) {
	.testimonial-section {padding: 50px 0;}
	.testimonial-section .quote-area {margin: 0 auto;}
	.testimonial-section img {margin: 30px auto 0; display: block;}
}

/* Contact form */
body .custom_hubspot_container input.hs-input, textarea.hs-input, select.hs-input {font-family:'Lato',sans-serif !important;}
body .custom_hubspot_container .hs-form input[type="text"],
input[type="tel"],
input[type="email"] {font-size:16px !important; padding: 0 10px !important;}
body .custom_hubspot_container .hs-form select {font-size:13px !important; padding:0px 5px !important;}
.contact-section {padding: 0;}
.contact-section .form-area {padding: 75px 0 0; background-color: #004691;}
.blue-color .contact-section .form-area {background-color: #004691;}
.teal-color .contact-section .form-area {background-color: #1093b1;}
.red-color .contact-section .form-area {background-color: #e51937;}
.orange-color .contact-section .form-area {background-color: #f37520;}
.grey-color .contact-section .form-area {background-color: #595959;}
.lightgrey-color .contact-section .form-area {background-color: #f4f4f4;}
.contact-section h2 {color: #ffffff; font-size: 34px; font-weight: bold; text-align: center; margin: 0 0 10px;}
.contact-section h2 + p {color: #ffffff; font-size: 24px; line-height: 32px; text-align: center; margin-bottom: 50px;}
.lightgrey-color .contact-section .text-box {max-width: 520px; margin: 0 auto;}
.lightgrey-color .contact-section .text-box h2 {color: #000000;}
.lightgrey-color .contact-section .text-box h2 + p {color: #000000; font-size: 16px; line-height: 24px;}
.contact-form {background-color: #ffffff; padding: 30px 40px; box-shadow: 0px 0px 25px rgba(174,174,174,0.42); margin: 0 auto -175px; text-align: left; max-width: 950px;}
body.page-id-5377 .contact-form {padding: 0 0 10px;}
body.page-id-5377 .fc__inline_container {max-width: 100% !important;}
body.page-id-5377 .fc__inline_container .fc__iframe {box-shadow: none !important; border-radius: none !important;}
.contact-form p.instructions {font-size: 24px; line-height: 32px; text-align: center; margin-bottom: 30px; color: #58585B; font-weight: bold; padding-top: 0; padding-bottom: 0;}
.contact-form p {margin: 0; padding: 20px 10px;}
.contact-form .hbspt-form {max-width: 750px; margin: 0 auto;}
.contact-form form fieldset {max-width: 100%;}
.contact-form form .hs-form-field.field {margin-bottom: 10px;}
.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form input.hs-input, 
.contact-form textarea.hs-input, 
.contact-form select.hs-input {border: 1px solid #007bff; border-radius: 5px; box-shadow: none; background-color: #ffffff; color: #58585B; font-size: 16px; padding: 10px !important; max-width: 100% !important;}
.contact-form select.hs-input {padding: 6px 10px 8px !important;}
.contact-form textarea.hs-input {height: 40px; width: 96% !important;}
.contact-form select,
.contact-form select.hs-input {height: 40px; width: 93.5%;}
body.page-template-template-contact.contact-form select,
body.page-template-template-contact.contact-form select.hs-input {height: 40px; width: 96.5%;}
.contact-form textarea,
.contact-form textarea.hs-input {height: 120px;}
.contact-form ::-webkit-input-placeholder {color: #58585B;}
.contact-form :-moz-placeholder {color: #58585B; opacity: 1;}
.contact-form ::-moz-placeholder {color: #58585B; opacity: 1;}
.contact-form :-ms-input-placeholder {color: #58585B;}
.contact-form .screen-reader-text {display: none;}
.contact-form p.required {color: #ffffff; margin: 0; font-size: 12px; text-align: right;}
.contact-form .actions {padding: 0 !important;}
.contact-form button,
.contact-form input[type="submit"] {background-color: #e51937; border-radius: 50px; text-align: center; color: #ffffff; display: block; font-size: 18px; text-transform: none; margin: 25px auto 0; max-width: 220px !important; border: none; padding: 10px; width: 100%; font-weight: bold; box-shadow: none !important; border: none !important; background-image: none !important; text-shadow: none !important; line-height: 22px !important;}
.contact-form button:hover,
.contact-form input[type="submit"]:hover {background-color: #B0152A;}
.contact-section .spacer-area {padding: 300px 0 0;}

body.page-template-template-demo .contact-section .form-area {padding-top: 50px;}
body.page-template-template-contact .contact-form {padding: 0; box-shadow: none; margin-bottom: 0;}
body.page-template-template-contact .contact-form .col-lg-6 {padding: 0 8px;}
body.page-template-template-contact .contact-form p.instructions {display: none;}
body.page-template-template-contact .contact-form p {padding: 8px 0;}
body.page-template-template-contact .contact-form button {margin: 25px 0 0;}

/***********/
/* Content */
/***********/
/* Top banner */
.page-heading {text-align: center; background-repeat: no-repeat; background-size: cover; padding: 0; position: relative; background-position: center top; background-color: #004691;}
.blue-color .page-heading {background-color: #004691;}
.teal-color .page-heading {background-color: #1093b1;}
.orange-color .page-heading {background-color: #f37520;}
.red-color .page-heading {background-color: #e51937;}
.grey-color .page-heading {background-color: #595959;}
.page-heading.just-text {min-height: 400px; background-size: cover;}
body.page-template-template-demo .page-heading.just-text {min-height: initial;}
.page-heading.with-form {background-color: #ffffff !important;}
.page-heading.banner-image {text-align: left; max-height: 500px; background-size: cover;}
.page-heading.with-background:before {content: ""; background-color: rgba(50,62,75,0.35); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.page-heading.with-form:after {content: ""; display: block; top: 80%; bottom: 0; left: 0; right: 0; background-color: #ffffff; width: 100%; position: absolute;}
body.page-template-template-redflag .page-heading.with-form {background-size: cover;}
body.page-template-template-redflag .page-heading.with-form:after {display: none;}
.page-heading .container {position: relative; z-index: 2; padding: 0 15px;}
.page-heading .text-box {position: relative; padding: 150px 0 0; height: 100%; max-width: 850px; margin: 0 auto;}
.page-heading.banner-image .text-box {max-width: 57%; margin: 0; padding: 260px 0 30px;}
.page-heading.just-text .text-box {padding-top: 200px;}
.page-heading .text-box .video-area {border: 9px solid #ffffff; width: 100%; height: auto; margin-bottom: -100px;}
.page-heading .text-box .infographic-area {width: 100%; height: auto; margin-bottom: -100px;}
.page-heading h1 {color: #ffffff; font-size: 40px; margin: 0 0 5px;}
.page-heading p {color: #ffffff; font-size: 28px; margin: 0 auto; line-height: 39px;}
.page-heading .submitted-message {margin-top: -15px;}
.page-heading .submitted-message p {color: #58585b; font-size: 22px; line-height: 30px;}
.page-heading a.button {background-color: #d02139; border-radius: 20px; padding: 9px 28px 13px; border: none; color: #ffffff; font-weight: bold; font-size: 16px; line-height: 16px; margin: 40px 0;}
.red-color .page-heading a.button,
.orange-color .page-heading a.button {background-color: #004691;}
.page-heading a.button:hover {background-color: #B0152A;}
.page-heading .background-image {width: 100%; max-width: 100%; display: none;}
.page-heading .banner-image {position: absolute; bottom: 0; right: -70px; max-width: 45%}

.page-heading .demo-button a.video-button {border: 2px solid #ffffff; color: #ffffff; background: none; margin: 20px auto 0;}
.page-heading .demo-button a.video-button .fa {margin-right: 5px;}
.page-heading .demo-button a.video-button:hover {background-color: #ffffff; color: #000000 !important;}

body.single-post .page-heading .text-box {max-width: 1180px;}

body.page-template-template-features .page-heading.banner-image .container {bottom: 80px; max-width: 1210px;}
body.page-template-template-features .page-heading.banner-image .banner-image {right: -50px;}

body.page-template-template-demo .page-heading h1 {color: #ffffff; font-size: 34px; font-weight: bold; text-align: center; margin-bottom: 40px;}
body.page-template-template-demo .page-heading p {font-size: 24px; line-height: 32px;}

body.page-template-template-download-content .page-heading h1 {color: #ffffff; font-size: 34px; font-weight: bold; text-align: center; margin-bottom: 40px;}
body.page-template-template-download-content .page-heading p {font-size: 24px; line-height: 32px;}

body.page-template-template-contact .page-heading {max-height: 400px;}

body.page-template-template-why .page-heading {text-align: left;}
body.page-template-template-why .page-heading .text-box {margin: 0; padding: 180px 0 20px 50px;}

body.page-template-template-resources .page-heading {text-align: left;}
body.page-template-template-resources .page-heading .text-box {margin: 0; padding: 180px 0 20px 50px;}
body.page-id-13.page-template-template-resources .page-heading .text-box {padding-top: 200px;}

body.page-template-template-wide .page-heading {max-height: 400px;}
body.page-template-template-wide .page-heading .text-box {padding-top: 170px;}

body.page-template-template-pricing .page-heading {max-height: 600px; padding-bottom: 140px;}
body.page-template-template-pricing .page-heading .text-box {max-width: 900px; padding-bottom: 100px;}
body.page-template-template-pricing .page-heading h1 {margin-bottom: 35px;}
body.page-template-template-pricing .page-heading p {max-width: 620px; font-size: 26px;}

body.page-template-template-pricing-stripe .page-heading,
body.page-template-template-pricingnew .page-heading {text-wrap: balance;}
/* body.page-template-template-pricing-stripe .page-heading, */
body.page-template-template-pricingnew .page-heading {max-height: 600px; padding-bottom: 140px;}
body.page-template-template-pricing-stripe .page-heading .text-box,
body.page-template-template-pricingnew .page-heading .text-box {max-width: 900px; padding-bottom: 100px;}
body.page-template-template-pricing-stripe .page-heading .text-box a {display:none;}
body.page-template-template-pricing-stripe .page-heading h1,
body.page-template-template-pricingnew .page-heading h1 {margin-bottom: 35px;}
body.page-template-template-pricing-stripe .page-heading p,
body.page-template-template-pricingnew .page-heading p {/* max-width: 620px; */ font-size: 26px;}

body.page-template-template-redflag .page-heading {padding: 200px 0 140px;}
body.page-template-template-redflag .page-heading.with-background:before {background-color: rgba(46, 46, 46, 0.55);}
body.page-template-template-redflag .page-heading .text-box {text-align: left; max-width: 480px; padding-top: 0 !important;}
body.page-template-template-redflag .page-heading h1 {font-size: 30px; line-height: 40px; padding: 0 5px;}
body.page-template-template-redflag .page-heading h2 {color: #e41d38; font-size: 19px; line-height: 23px; padding: 0 5px;}
body.page-template-template-redflag .page-heading p {font-size: 13px; line-height: 20px; padding: 0 5px;}
body.page-template-template-redflag .page-heading .video-area {border: 4px solid #ffffff; border-radius: 10px; max-width: 480px; margin: 0 auto;}
body.page-template-template-redflag .page-heading .under-video {max-width: 480px; margin: -30px auto 0; position: relative; z-index: 9999; padding-right: 10px;}
body.page-template-template-redflag .page-heading .under-video img {max-height: 100px; width: auto; max-width: 125px; height: auto;}
body.page-template-template-redflag .page-heading .under-video .alignleft {margin: 35px 0 15px;}

@media (max-width: 1400px) {
	.page-heading.with-form {background-size: auto 80%;}
}

@media (max-width: 991px) {
	body.page-template-template-redflag .page-heading {padding: 120px 0 100px;}
}

@media (max-width: 767px) {
	body.page-template-template-redflag .page-heading {padding: 100px 0 80px;}
	.page-heading .text-box .video-area {margin-bottom: 0;}
	.page-heading .text-box .infographic-area {margin-bottom: 0;}
}

/*video section */
.video_container_margin p:after {display:none !important;}
.page-template-template-home .callout-section {padding-top:40px !important;}
.partner_section {padding-bottom:0px !important;}
.page-template-template-home .center-section {padding-bottom:0px !important;}

/* Main content */
.content-section {padding-bottom: 120px;}
.content-section .container {box-shadow: 0px 0px 17px rgba(215,215,215,0.5); padding: 80px; margin-top: -120px; position: relative;background-color: #fff;}
.content-area {padding: 0;}
.content-area h2:first-child {margin-top: 0;}
.content-area p {line-height: 30px;}
.content-section .container .content-area p:last-child {margin-bottom: 0;}
.content-area blockquote p:last-child {margin-bottom: 0;}
.content-area p a,
.content-area li a {font-weight: 600;}
.content-area ol {list-style: decimal;}
.content-area ol,
.content-area ul {margin: 0 0 20px 30px;}
.content-area ol li ol,
.content-area ul li ul {margin: 10px 0 10px 40px;}
.content-area ol li,
.content-area ul li {position: relative; line-height: 30px; font-size: 16px; margin-bottom: 10px; color: #58585b;}
.content-area ul li:before {content: "\f111"; margin-right: -8px; top: -1px; position: relative; font-size: 8px; left: -16px;}
.content-area img {max-width: 100%; height: auto; margin: 0 auto 15px; display: block;}
.content-area a img {border: none; padding: 0; background: none;}
.content-area .full-width {width: 100%;}
.content-area .featured-practice {margin-left: 0; margin-right: 0;}
.content-area a:hover img {opacity: 0.8;}
.content-area table {margin: 0 auto; width: 100% !important;}
.content-area table td {padding: 4px;}

/* Breadcrumbs */
.content-area p.breadcrumb {margin: 0 0 15px; font-size: 13px; background: none; padding: 0; line-height: 22px;}
.content-area p.breadcrumb span {margin-left: 9px; color: #004691; margin-right: 6px;}
.content-area p.breadcrumb a {color: #222222;}
.content-area p.breadcrumb a:hover {color: #004691;}

/* CTA */
.cta-section {padding: 60px 0;}
.cta-section img {margin: 0 auto; display: block; max-width: 100%; height: auto;}

/* Feature box */
.content-area h2.fancy-center {text-align: center;}
.content-area h2.fancy-center:after {content: ""; width: 200px; height: 7px; background-color: #007bff; margin: 35px auto 90px; display: block;}
.content-area .feature-box {max-width: 840px; margin: 0 auto; width: 100%;}
.content-area .feature-box:after {content: ""; clear: both; display: block;}
.content-area .feature-box img {float: left; margin: 5px 20px 0 0;}
.content-area .feature-box h3 {float: left; width: 250px; color: #58585b; font-size: 21px; margin-top: 10px;}
.content-area .feature-box .list-area {float: left; width: calc(100% - 320px);}
.content-area .feature-box .list-area ul li {line-height: 22px; margin: 0;}

/* Centered introduction */
.center-section {padding: 50px 0; background-color: #ffffff; text-align: center;}
.center-section.extra-padding {padding-top: 150px;}
.center-section.no-padding {padding: 0;}
.center-section .center-area img {border: none; margin: 0 auto 20px; display: block; float: none;}
body.home .center-section .center-area img {filter: grayscale(100%);}
.center-section .center-area h2 {margin: 0 auto 20px; font-size: 34px; color: #004691; line-height: 42px; max-width: 600px;}
body.page-id-1768 .center-section .center-area h2 {max-width: 750px;}
.blue-color .center-section .center-area h2 {color: #004691;}
.teal-color .center-section .center-area h2 {color: #1093b1;}
.red-color .center-section .center-area h2 {color: #e51937;}
.orange-color .center-section .center-area h2 {color: #f37520;}
.grey-color .center-section .center-area h2 {color: #595959;}
.blue-color .center-section .center-area h4 {max-width: 100%; color: #585858;}
.blue-color .center-section .center-area h4 strong {margin: 0 20px; display: inline-block;}
.center-section .center-area p {font-size: 16px; line-height: 24px; color: #58585B; margin: 0 auto 30px; max-width: 600px;}
.center-section .center-area p em {margin: -20px auto 0; font-size: 18px; line-height: 32px; font-style: initial; display: block;}
.center-section .center-area p:last-child {margin-bottom: 0;}
.center-section:not(.extra-padding) .center-area p:last-child:after {content: ""; width: 200px; height: 7px; background-color: #007bff; margin: 50px auto 0; display: block;}
.center-section.no-border .center-area p:last-child:after {display: none; margin: 0;}
.teal-color .center-section .center-area p:last-child:after {background-color: #1093b1;}
.red-color .center-section .center-area p:last-child:after {background-color: #e51937;}
.orange-color .center-section .center-area p:last-child:after {background-color: #f37520;}
.grey-color .center-section .center-area p:last-child:after {background-color: #595959;}
body.page-template-template-infographic .center-section .center-area p a.button {margin-top: 20px;}
.center-section .center-area p a.button {background-color: #e51937; color: #ffffff !important; font-size: 22px; padding: 16px 50px 18px;}
.center-section .center-area p a.button:hover {background-color: #ffffff; color: #e51937 !important; border-color: #e51937;}

@media (max-width: 767px) {
	.center-section.extra-padding {padding-top: 50px;}
}

.ps-image-link-layout {display: flex; justify-content: space-evenly; align-items: center; flex-direction: row;}
.ps-image-link-layout .ps-image-link {margin: 16px;}

body.page-template-template-products-sub .center-section,
body.page-template-template-redflag .center-section {padding-bottom: 20px;}
body.page-template-template-products-sub .center-section .center-area p:last-child:after,
body.page-template-template-redflag .center-section .center-area p:last-child:after {content: ""; display: none; margin: 0;}
body.page-template-template-demo .center-section {padding: 0;}
body.page-template-template-why .center-section {padding-bottom: 0;}
body.page-template-template-why .center-section.no-border {padding-top: 50px;}
body.page-template-template-why .center-section .center-area h2 {max-width: 100%; margin-bottom: 10px;}
body.page-template-template-why .center-section .center-area p {max-width: 950px;}

@media (max-width: 991px) {
	.ps-image-link-layout .ps-image-link {width: 70px; height: auto;}
}

@media (max-width: 760px) {
	body.home .ps-image-link-layout {flex-direction: initial !important;}
}

.page-id-1768 #m_video {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
.page-id-1768 .center-section iframe {border:5px solid #1093b1; position: absolute; top: 0; left: 0; width: 98%; height: 100%;}

/* Small Icons */
.reasons-section {padding: 50px 0 0; background-color: #ffffff;}
.reasons-section .intro-area h2 {margin: 0 auto 20px; font-size: 34px; color: #004691; line-height: 42px; max-width: 600px;}
.reasons-section .intro-area p {font-size: 16px; line-height: 24px; color: #58585B; margin: 0 auto; max-width: 600px;}
.reasons-section .intro-area p:last-child:after {content: ""; width: 200px; height: 7px; background-color: #007bff; margin: 50px auto 0; display: block;}
.teal-color .reason-section .intro-area p:last-child:after {background-color: #1093b1;}
.red-color .reason-section .intro-area p:last-child:after {background-color: #e51937;}
.orange-color .reason-section .intro-area p:last-child:after {background-color: #f37520;}
.grey-color .reason-section .intro-area p:last-child:after {background-color: #595959;}
.reasons-section .icon-area {text-align: center; padding: 0; background-color: #ffffff;}
.reasons-section .icon-area .reason-container {background-color: #ffffff; padding: 0 120px 50px; box-shadow: 0px 0px 25px rgba(174,174,174,0.42); position: relative; max-width: 1100px; margin: 0 auto;}
.reasons-section .icon-area .reason-container.has-image {padding: 0 290px 50px 40px;}
.reasons-section .icon-area .reason-container .col-lg-4:nth-child(3n+1) {clear: both;}
.reasons-section .icon-area .reason-container .reason-image {position: absolute; top: 50%; transform: translateY(-50%); right: -20%;}
.reasons-section .reason-area {margin: 0 auto; max-width: 220px;}
.reasons-section .reason-area .icon-container {display: inline-block; width: 50px; height: 50px; position: relative; margin: 50px auto 15px;}
.reasons-section .reason-area img {max-height: 50px; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 100%;}
.reasons-section .reason-area h3 {font-size: 18px; line-height: 22px; color: #58585B; margin: 0; padding: 0px 15px;}
.reasons-section .reason-area p {font-size: 14px; line-height: 19px; color: #58585B; margin-top: 15px;}
.reasons-section .spacer {background-color: #f8fafc; height: 210px; margin-top: -150px;}

body.page-template-template-products .reasons-section {background-color: #f8fafc;}
body.page-template-template-products .reasons-section .icon-area {background-color: #f8fafc;}
body.page-template-template-products .reasons-section .reason-area h3 {color: #585858;}
body.page-template-template-products .reasons-section .spacer {background-color: #ffffff; height: 200px;}

body.page-template-template-products.page-template-template-products-sub .reasons-section {background-color: #ffffff; padding-top: 0;}
body.page-template-template-products.page-template-template-products-sub .reasons-section .icon-area {background-color: #ffffff; margin-bottom: 0;}
body.page-template-template-products.page-template-template-products-sub .reasons-section .icon-area .reason-container {box-shadow: none; padding: 0; margin: 0 auto; max-width: 100%;}
body.page-template-template-products.page-template-template-products-sub .reasons-section .spacer {content: ""; width: 200px; height: 7px; background-color: #004691; margin: 80px auto 40px; display: block; padding: 0;}

body.page-template-template-demo .reasons-section,
body.page-template-template-video .reasons-section,
body.page-template-template-infographic .reasons-section {padding-top: 0;}
.reasons-section.why-page {padding-top: 0;}
.reasons-section.why-page .reason-container {max-width: 1310px; padding: 50px;}
.reasons-section.why-page .reason-area {max-width: 100%;}
.reasons-section.why-page .reason-area h3 {text-transform: uppercase; font-size: 34px; line-height: 42px; padding: 0;}
.reasons-section.why-page .reason-area p {font-size: 24px; font-style: italic; line-height: 32px; margin: 0; color: #004691;}

@media (max-width: 767px) {
	.reasons-section .intro-area h2 {font-size: 30px; line-height: 38px;}
}

/* Marketing types */
.types-section {padding: 0; position: relative; margin: 75px 0 0;}
body.home .center-section + .types-section {margin-top: 50px;}
.types-section:after {content: ""; clear: both; display: block;}
.types-section .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%;}
.types-section .background-image {display: block; width: 48%;}
.types-section.odd-type .background-image img {float: right;}
.types-section.even-type .background-image {float: right;}
.types-section .container {position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 1130px;}
.types-section .highlight-image {display: block; max-width: 500px; opacity: 0; width: 100%; margin: 0 auto 20px;}
.types-section .type-area {padding: 20px 0 0;}
/* .types-section.even-type .type-area {padding: 0 130px 0 0;} */
.types-section .type-area h2 {margin: 0 0 20px; font-size: 34px; color: #004691; line-height: 42px;}
.types-section .type-area p {font-size: 16px; line-height: 24px; color: #58585B; margin: 0 0 15px}
.types-section .type-area ul {margin: 0 0 0 20px; list-style: outside;}
.types-section .type-area ul li {font-size: 16px; line-height: 24px; color: #58585B; margin: 0;}
.types-section .type-area ul li:before {display: none;}
.types-section .type-area a.button {position: relative; float: none; margin: 20px 0 0; font-weight: bold;}

body.home .types-section .type-area a.button {border-color: #d02139; color: #d02139;}
body.home .types-section .type-area a.button:hover {background-color: #d02139; color: #ffffff;}

.types-section.text-longer.last-type {padding-bottom: 75px;}
.types-section.text-longer .background-image {position: absolute; left: 0; top: 0;}
.types-section.even-type.text-longer .background-image {left: auto; right: 0;}
.types-section.text-longer .container {position: static;}
.types-section.text-longer .type-area {padding-top: 0;}

@media (max-width: 767px) {
	.types-section .type-area .button-area {text-align: center;}
}

/* Analytics */
.analytics-section {padding: 0;}
.analytics-section .icon-area {padding: 75px 0 60px; box-shadow: 0px 0px 16px rgba(188,188,188,0.38); background-color: #f8fafc; position: relative;}
.analytics-section .icon-area .container {max-width: 1000px;}
.analytics-section .analytics-area {margin: 0 auto;}
.analytics-section .analytics-area .icon-container {display: inline-block; width: 50px; height: 50px; position: relative; margin: 0 15px 15px; float: left;}
.analytics-section .analytics-area img {max-height: 50px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 100%; margin: 0 auto;}
.analytics-section .analytics-area h3 {font-size: 20px; line-height: 24px; color: #004691; margin: 0 0 10px;}
.analytics-section .analytics-area p {font-size: 14px; line-height: 19px; color: #58585B; margin: 0;}
.analytics-section .analytics-area .text-side {float: left; width: calc(100% - 80px);}
.analytics-section .icon-area a.button {max-width: 170px; margin: 50px auto; display: block;}
.analytics-section .analytics-image {margin: 0 auto -164px; display: block;}
.analytics-section .spacer {background-color: #ffffff; padding: 145px 0 0;}

/* Callout */
.callout-section {padding: 75px 0 0; background-color: #f8fafc; margin-bottom: 150px; box-shadow: 0 0 13px rgba(179,179,179,0.5);}
.callout-section .intro-area {text-align: center;}
.callout-section .intro-area h2 {margin: 0 auto 20px; font-size: 34px; color: #004691; line-height: 42px; max-width: 600px;}
.callout-section .intro-area p {font-size: 16px; line-height: 24px; color: #58585B; margin: 0 auto 20px; max-width: 600px;}
.callout-section .intro-area a.button:hover {border-color: #004691; color: #004691;}
.callout-section .intro-area a.button:hover {background-color: #004691;}
.callout-section .image-area {margin-bottom: -100px;}
.callout-section .image-area img {margin: 20px auto 0; max-width: 100%; display: block;}

@media (max-width: 991px) {
	.callout-section {padding: 50px 0; margin-bottom: 50px;}
	.callout-section .image-area {margin-bottom: 0;}
}

/* Secondary */
.secondary-section {padding: 0; position: relative; margin: 60px 0 0; background-repeat: no-repeat; background-size: contain; min-height: 550px; background-position: left top;}
.secondary-section:after {content: ""; clear: both; display: block;}
.secondary-section .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%;}
.secondary-section .background-image {display: block; width: 48%;}
.secondary-section.tertiary-section .background-image {float: right;}
.secondary-section .highlight-image {display: block; max-width: 500px; opacity: 0; width: 100%; margin: 0 auto 20px;}
.secondary-section .container {position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 1130px;}
.secondary-section .secondary-area {max-width: 475px; padding-top: 45px;}
.secondary-section .secondary-area h2 {margin: 10px 0 30px; font-size: 34px; color: #004691; line-height: 42px;}
.teal-color .secondary-section .secondary-area h2 {color: #1093b1;}
.red-color .secondary-section .secondary-area h2 {color: #e51937;}
.orange-color .secondary-section .secondary-area h2 {background-color: #f37520;}
.grey-color .secondary-section .secondary-area h2 {background-color: #595959;}
.secondary-section .secondary-area h3 {font-size: 20px; margin: 0 0 10px; color: #58585B; line-height: 26px;}
.secondary-section .secondary-area p {font-size: 16px; line-height: 24px; color: #58585B; margin: 0 0 30px;}
.secondary-section .secondary-area ul {margin: 0 0 0 20px; list-style: outside;}
.secondary-section .secondary-area ul li {font-size: 16px; line-height: 24px; color: #58585B; margin: 0;}
.secondary-section .secondary-area ul li:before {display: none;}
.secondary-section .secondary-area a.button {position: relative; float: none; margin: 20px 0 115px;}

/* How to */
.how-section {padding: 0; position: relative; margin: 50px 0 0;}
.types-section + .how-section {margin-top: 100px;}
.how-section:after {content: ""; clear: both; display: block;}
.how-section .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%;}
.how-section .background-image-area {width: 48%; position: relative; left: -12px;}
.how-section .background-image img {width: 100%; max-width: 865px;}
.how-section .change-image {position: absolute; top: 50%; right: 20%; display: none; width: 44%;}
.how-section .change-image.active {display: block;}
.how-section .background-image {width: 100%;}
.how-section .col-lg-6 .image-area {position: absolute;}
.how-section .highlight-image {display: block; max-width: 80%; opacity: 0; width: 100%; margin: 0 auto;}
.how-section .container {position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 1130px;}
.how-section .how-area {padding-top: 50px;}
.how-section .how-area h2 {margin: 0 0 30px; font-size: 34px; color: #004691; line-height: 42px; padding-left: 30px;}
.how-section .how-area a.tab-area {display: block; background-color: #ffffff; border: 1px solid #ffffff; padding: 10px 60px 20px 30px; max-width: 470px;}
.how-section .how-area a.tab-area.active {background-color: #f6f9f9; border-color: #e7f0f2;}
.teal-color .how-section .how-area h2 {color: #1093b1;}
.red-color .how-section .how-area h2 {color: #e51937;}
.orange-color .how-section .how-area h2 {color: #f37520;}
.grey-color .how-section .how-area h2 {color: #595959;}
.how-section .how-area h3 {font-size: 20px; margin: 0 0 10px; color: #58585B; line-height: 26px;}
.how-section .how-area p {font-size: 14px; line-height: 22px; color: #58585B; margin: 0;}
.how-section .how-area ul {margin: 0 0 0 20px; list-style: outside;}
.how-section .how-area ul li {font-size: 16px; line-height: 24px; color: #58585B; margin: 0;}
.how-section .how-area ul li:before {display: none;}
.how-section .how-area a.button {position: relative; float: none; margin: 20px 0 20px 30px;}

/* Steps */
.steps-section {padding: 80px 0 0; background-repeat: no-repeat; background-size: cover; background-color: #2f78ab;}
.steps-section .container {max-width: 1090px;}
.steps-section .steps-icon {margin: 0 auto 10px; display: block;}
.steps-section h2 {margin: 0 0 75px; text-align: center; color: #ffffff; font-size: 40px; line-height: 50px;}
.steps-section .step-area .step-title {color: #D4D4D4; text-transform: uppercase; font-size: 18px; padding-bottom: 10px; border-bottom: 7px solid #D4D4D4; margin: 0 35px 0 0; font-weight: bold; display: inline-block;}
.steps-section .step-area .step-title:last-child {margin-right: 0;}
.steps-section .step-area .step-title:hover,
.steps-section .step-area .step-title.active {color: #ffffff; border-color: #ffffff;}
.steps-section .step-area .step-container {display: none; padding: 45px 150px 0 0; position: relative;}
.steps-section .step-area .step-container.active {display: block;}
.steps-section .step-area .step-container .step-arrow {position: absolute; right: 50px; top: 42px; color: #ffffff; font-size: 70px; line-height: 70px; cursor: pointer;}
.steps-section .step-area .step-container .step-arrow:hover {color: #A2CEFF;}
.teal-color .steps-section .step-area .step-container .step-arrow:hover {color: #1093b1;}
.red-color .steps-section .step-area .step-container .step-arrow:hover {color: #e51937;}
.orange-color .steps-section .step-area .step-container .step-arrow:hover {color: #f37520;}
.grey-color .steps-section .step-area .step-container .step-arrow:hover {color: #595959;}
.steps-section .step-area h3 {color: #ffffff; font-size: 24px; margin: 0 0 30px;}
.steps-section .step-area p {color: #ffffff; font-size: 16px; line-height: 24px;}
.steps-section .step-area img {max-width: 100%; float: right;}
.steps-section .step-area .image-box {display: none;}
.steps-section .step-area .image-box.active {display: block;}

body.page-template-template-products-sub .steps-section {background-color: #ffffff; background-size: initial; background-position: top center; border-top: 1px solid #f0f0f0; padding: 50px 0;}
body.page-template-template-products-sub .steps-section h2 {color: #e51937;}
body.page-template-template-products-sub .steps-section .container {max-width: 1310px;}
body.page-template-template-products-sub .steps-section .step-area {text-align: center; padding: 0 15px;}
body.page-template-template-products-sub .steps-section .step-area .step-title {font-size: 12px; color: #58585B; line-height: 20px; border: none; padding-bottom: 0; margin-bottom: 0;}
body.page-template-template-products-sub .steps-section .step-area .step-title:hover,
body.page-template-template-products-sub .steps-section .step-area .step-title.active {color: #e51937; border: none;}
body.page-template-template-products-sub .steps-section .step-area .step-container {display: block; padding: 0;}
body.page-template-template-products-sub .steps-section .step-area .step-container .step-arrow {right: -45px; color: #221f1f !important; top: 12px; cursor: initial;}
body.page-template-template-products-sub .steps-section .col-lg-3:last-child .step-area .step-container .step-arrow {display: none;}
body.page-template-template-products-sub .steps-section .step-area h3 {color: #e51937;}
body.page-template-template-products-sub .steps-section .step-area p {color: #58585B;}

/* Additional icons */
.additional-section {padding: 80px 0 20px;}
.additional-section.middle-icons {padding: 50px 0 20px;}
.secondary-section + .additional-section {padding-top: 80px;}

.additional-section .col-lg-4:nth-child(3n+1) {clear: both;}
.additional-section .additional-area {text-align: center; margin: 0 auto 30px;}
.additional-section .additional-area .icon-container {display: inline-block; width: 50px; height: 50px; position: relative; margin: 0 15px 0;}
.additional-section .additional-area img {max-height: 50px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 100%; margin: 0 auto 5px;}
.additional-section .additional-area h3 {font-size: 18px; line-height: 22px; color: #58585B; margin: 0; padding: 0 10px;}
.additional-section.middle-icons .additional-area h3 {margin: 10px auto; max-width: 175px;}
.additional-section .additional-area p {font-size: 14px; line-height: 19px; color: #58585B; margin: 0 auto; max-width: 210px;}
.additional-section .add-image {margin: 60px auto 50px; display: block; max-width: 100%;}
.additional-section .add-image img {margin: 0 auto; display: block;}
.additional-section a.button {max-width: 170px; margin: 20px auto; display: block;}

.additional-section.middle-icons .text-area {text-align: center; text-transform: uppercase;}
.additional-section.middle-icons .icon-row {font-size: 0; text-align: center;}
.additional-section.middle-icons .icon-row .col-lg-3 {display: inline-block; float: none; vertical-align: top;}
.additional-section.middle-icons .icon-row .additional-area {margin: 15px auto;}

body.page-template-template-why .additional-section.middle-icons .additional-area h3 {max-width: 320px; color: #004691;}
body.page-template-template-why .additional-section.middle-icons .additional-area p {max-width: 320px; font-size: 16px; line-height: 24px;}
body.page-template-template-why .additional-section.client-logos {padding: 0 0 130px;}
body.page-template-template-why .additional-section.client-logos h2 {text-align: center; margin-bottom: 50px; font-size: 34px; line-height: 39px;}
body.page-template-template-why .additional-section.client-logos .container {max-width: 1100px;}
body.page-template-template-why .additional-section.client-logos .additional-area .icon-container {width: 100%; height: 100px; margin: 0;}
body.page-template-template-why .additional-section.client-logos .additional-area img {max-height: 100px;}

body.page-template-template-pricing .additional-section.middle-icons .additional-area h3 {max-width: 320px; color: #004691;}
body.page-template-template-pricing .additional-section.middle-icons .additional-area p {max-width: 320px; font-size: 16px; line-height: 24px;}
body.page-template-template-pricing .additional-section.client-logos {padding: 0 0 130px;}
body.page-template-template-pricing .additional-section.client-logos h2 {text-align: center; margin-bottom: 50px; font-size: 34px; line-height: 39px;}
body.page-template-template-pricing .additional-section.client-logos .container {max-width: 1100px;}
body.page-template-template-pricing .additional-section.client-logos .additional-area .icon-container {width: 100%; height: 100px; margin: 0;}
body.page-template-template-pricing .additional-section.client-logos .additional-area img {max-height: 100px;}

@media (max-width: 991px) {
	.additional-section .col-lg-4:nth-child(3n+1) {clear: initial;}
	.additional-section .col-lg-4:nth-child(2n+1) {clear: both;}
}

@media (max-width: 767px) {
	body.page-template-template-pricing .additional-section.client-logos h2 {font-size: 30px; line-height: 38px;}
}

body.page-template-template-pricing-stripe .additional-section.middle-icons .additional-area h3,
body.page-template-template-pricingnew .additional-section.middle-icons .additional-area h3 {max-width: 320px; color: #004691;}
body.page-template-template-pricing-stripe .additional-section.middle-icons .additional-area p,
body.page-template-template-pricingnew .additional-section.middle-icons .additional-area p {max-width: 320px; font-size: 16px; line-height: 24px;}
body.page-template-template-pricing-stripe .additional-section.client-logos,
body.page-template-template-pricingnew .additional-section.client-logos {padding: 0 0 130px;}
body.page-template-template-pricing-stripe .additional-section.client-logos h2,
body.page-template-template-pricingnew .additional-section.client-logos h2 {text-align: center; margin-bottom: 50px; font-size: 34px; line-height: 39px;}
body.page-template-template-pricing-stripe .additional-section.client-logos .container,
body.page-template-template-pricingnew .additional-section.client-logos .container {max-width: 1100px;}
body.page-template-template-pricing-stripe .additional-section.client-logos .additional-area .icon-container,
body.page-template-template-pricingnew .additional-section.client-logos .additional-area .icon-container {width: 100%; height: 100px; margin: 0;}
body.page-template-template-pricing-stripe .additional-section.client-logos .additional-area img,
body.page-template-template-pricingnew .additional-section.client-logos .additional-area img {max-height: 100px;}

@media (max-width: 767px) {
	body.page-template-template-pricing-stripe .additional-section.client-logos h2,
    body.page-template-template-pricingnew .additional-section.client-logos h2 {font-size: 30px; line-height: 38px;}
}

/* Map */
.map-section {padding: 50px 0; position: relative;}
.map-section .map-box {position: absolute; right: 0; width: 50%; top: 0;}
.map-section .map-box iframe {width: 100% !important;}
.map-section .map-area {text-align: center; max-width: 700px; margin: 0 auto;}
.map-section .map-area h2 {font-size: 34px; line-height: 39px; color: #004691; font-weight: bold; margin-bottom: 15px;}

/* Quick case study */
.testimonial-section + .quick-section {padding-top: 0; margin-top: -40px;}
.quick-section {padding: 60px 0 50px;}
body.page-template-template-contact .quick-section {padding: 100px 0;}
.quick-section .quick-area {margin: 0 auto; max-width: 220px;}
.quick-section .quick-area:after {content: ""; width: 3px; height: 150px; position: absolute; right: 0; background-color: #efefef; top: 50%; transform: translateY(-50%);}
.quick-section .col-lg-4:last-child .quick-area:after {display: none;}
.quick-section .quick-area .logo-container {display: inline-block; width: 100%; height: 70px; position: relative; margin: 0 auto 25px;}
.quick-section .quick-area img {max-height: 70px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 100%; width: auto; display: block; margin: 0 auto;}
.quick-section .quick-area h3 {font-size: 20px; line-height: 26px; color: #58585B; margin: 0 0 15px; max-width: 200px;}
.quick-section .quick-area p {margin: 0;}
.quick-section .quick-area p a {color: #58585B;}
.quick-section .quick-area p a:hover {color: #004691;}
.quick-section .quick-area a.social-link {display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; margin-right: 5px; background-color: #58585B;}
.quick-section .quick-area a.social-link.facebook {background-color: #4e71a8;}
.quick-section .quick-area a.social-link.twitter {background-color: #1bb7ea;}
.quick-section .quick-area a.social-link.linkedin {background-color: #1686b0;}
.quick-section .quick-area a.social-link.youtube {background-color: #c93737;}
.quick-section .quick-area a.social-link:hover {background-color: #004691 !important;}
.quick-section .quick-area a.social-link i {color: #ffffff; font-size: 20px;}

/* Link area */
.link-section {padding: 30px 0 50px;}
.link-section .container {max-width: 100%;}
.link-section h2 {margin-top: 0; margin-bottom: 15px;}
.link-section .row {margin-left: -10px; margin-right: -10px;}
.link-section .link-area {margin: 20px auto; min-height: 410px; padding: 0;}
.link-section .link-area img {max-width: 100%;}
.link-section .link-area .link-image img {width: 100%; margin-bottom: 15px; border: 1px solid #0d4f97;}
.link-section .link-area a:hover img {opacity: 0.9;}
.link-section .link-area h2 {padding: 0; font-size: 18px; color: #58585B; font-weight: bold; line-height: 25px; margin-bottom: 5px; min-height: 75px;}
.link-section .link-area p {padding: 0 30px; color: #58585B; font-size: 14px; line-height: 22px; margin: 0;}
.link-section .link-area a.button {border: 2px solid #007BFF; padding: 1px 25px 3px; display: block; text-align: center; color: #007BFF; border-radius: 30px; font-size: 14px; background-color: #ffffff; text-transform: none; font-weight: normal; line-height: 22px; margin: 30px 30px 0; max-width: 130px;}
.link-section .link-area a.button:hover {background-color: #007BFF; color: #ffffff;}

/* FAQs */
.faqs-section {padding: 100px 0 0; background-color: #f8fafc;}
.faqs-section .faq-area {padding: 0; background-color: #f8fafc;}
.faqs-section .faq-area h2 {text-align: center; margin: 0 0 25px;}
.faqs-section .faq-area .faq-container {padding: 0 0 50px; position: relative; max-width: 1100px; margin: 0 auto;}
.faqs-section .faq-area {}
.faqs-section .faq-area a {font-size: 20px; line-height: 24px; color: #58585B; margin: 0 0 25px; padding: 25px 30px; border: 1px solid #58585B; border-radius: 5px; display: block; background-color: #ffffff; background: url('images/down-arrow.png') no-repeat 96% 50%;}
.faqs-section .faq-area a:hover {background-color: #007BFF; color: #ffffff; border-color: #007bff;}
.faqs-section .faq-area p {font-size: 14px; line-height: 19px; color: #58585B; margin-top: 15px; display: none;}
.faqs-section .spacer {margin-top: -300px; background-color: #ffffff; height: 370px; /* box-shadow: 2px 2px 10px rgba(224,224,224,0.5); */}

/* Resources */
.resources-section {padding: 75px 0;}
.resources-section h2 {margin: 0 0 45px; text-align: center;}
.resources-section .resource-area {box-shadow: 0px 0px 13px rgba(179,179,179,0.5); margin-bottom: 30px;}
.resources-section .col-lg-4:nth-child(3n+1) {clear: both;}
.resources-section .resource-area.wide-area,
.resources-section .col-lg-12 .resource-area {padding: 50px; min-height: 550px;}
.resources-section .resource-area img {max-width: 100%;}
.resources-section .resource-area .text-area {border: 1px solid #dfdfdf; background: #f8fafc; padding: 15px 15px 30px; min-height: 219px; text-align: center;}
.resources-section .resource-area .text-area p.type {font-weight: bold; text-transform: uppercase; margin: 0 0 5px;}
.resources-section .resource-area h3 {margin: 0 0 20px;}
.resources-section .resource-area .text-area h3 {color: #004691; font-size: 21px; line-height: 28px; font-weight: normal; margin: 0 0 20px; min-height: 93px;}
.resources-section .resource-area .text-area a.button {display: block; max-width: 175px; margin: 0 auto;}

/* Blog */
.blog-section {padding: 75px 0;}
.blog-section h2.blog-title {text-transform: uppercase; font-size: 19px; margin: 0 0 20px; color: #222222; line-height: 30px;}
.blog-section .news-box {margin: 0 0 50px;}
.blog-section .news-box:after {content: " "; clear: both; display: block;}
.blog-section .news-box h1,
.blog-section .news-box h2.excerpt-title {margin: 0 0 2px;}
.blog-section .news-box a:hover h2 {color: #d02139;}
.blog-section .news-box p {margin-bottom: 30px; font-size: 18px; line-height: 30px;}
.blog-section .news-box p.date-category {font-size: 16px; font-weight: normal; border-bottom: 1px solid #ededed; line-height: 30px; color: #4A4F55; padding-bottom: 7px;}
.blog-section .news-box p.date-category .fa {margin: 0 4px 0 13px;}
.blog-section .news-box p.date-category .fa:first-child {margin-left: 0;}
.blog-section .news-box a.button {margin-left: 0;}
.blog-section .news-box .blog-image {display: block; max-height: 500px; overflow: hidden; margin-bottom: 20px;}
.blog-section .news-box .blog-image img {width: 100%;}
.blog-section .news-box blockquote p:last-child {margin-bottom: 0;}
.blog-section .news-box p a,
.blog-section .news-box li a {font-weight: 600;}
.blog-section .news-box ol {list-style: decimal;}
.blog-section .news-box ol,
.blog-section .news-box ul {margin: 0 0 20px 30px;}
.blog-section .news-box ol li ol,
.blog-section .news-box ul li ul {margin: 10px 0 10px 40px;}
.blog-section .news-box ol li,
.blog-section .news-box ul li {position: relative; line-height: 30px; font-size: 18px; margin-bottom: 10px; color: #58585b;}
.blog-section .news-box img {max-width: 100%; height: auto; margin: 0 auto 15px; display: block;}
.blog-section .news-box a img {border: none; padding: 0; background: none;}
.blog-section .news-box .full-width {width: 100%;}
.blog-section .news-box a:hover img {opacity: 0.8;}
.blog-section .news-box table {margin: 0 auto; width: 100% !important;}
.blog-section .news-box table td {padding: 4px;}

/* Related posts */
.related-section {padding-top: 0; margin-top: -25px;}
.related-section .news-box h1.title {margin-bottom: 2px;}
.related-section .news-box h2.title {margin-bottom: 2px; line-height: 32px;}
.related-section .news-box a:hover h2 {color: #d02139;}
.related-section .news-box p {display: none;}
.related-section .news-box p.date-category {font-size: 14px; text-transform: uppercase; font-weight: normal;/* border-bottom: 1px solid #ededed; */ line-height: 30px; color: #4A4F55; /* padding-bottom: 7px; */ display: block;}
/* .related-section .news-box p.date-category:after {border-bottom: 1px solid #004691; top: 8px; content: ' '; width: 100px; height: 1px; display: block; position: relative;} */
.related-section .news-box p.date-category .fa {margin: 0 4px 0 13px;}
.related-section .news-box p.date-category .fa:first-child {margin-left: 0;}
.related-section .news-box p.blog-image {display: block;}
.related-section .news-box p.blog-image img {width: 100%; max-height: 240px;}
.related-section .news-box a.button {display: none;}

/* Search results */
body.search-results .content-area h4 {text-transform: none; margin: 30px 0 5px;}
body.search-results .content-area a.more {display: inline-block; text-transform: uppercase; color: #222222; font-size: 13px; font-weight: 700;}
body.search-results .content-area a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
body.search-results .content-area a:hover h4,
body.search-results .content-area a.more:hover {color: #a7a9ac;}

/* Pagination */
.blog-section .wp-pagenavi {clear:both;}
.blog-section .wp-pagenavi a, 
.blog-section .wp-pagenavi span {display: inline-block; text-decoration: none; color: #0d4f97; line-height: 39px; width: 40px; height: 40px; font-size: 18px; text-align: center; font-weight: bold;}
.blog-section .wp-pagenavi a.previouspostslink,
.blog-section .wp-pagenavi a.nextpostslink {border: 1px solid #0d4f97; width: 40px;}
.blog-section .wp-pagenavi a.previouspostslink {margin-right: 12px;}
.blog-section .wp-pagenavi a.nextpostslink {margin-left: 12px;}
.blog-section .wp-pagenavi a:hover,
.blog-section .wp-pagenavi a:focus,
.blog-section .wp-pagenavi span.current {background-color: #0d4f97; color: #ffffff;}

/* Media */
/*.content-area .media-area hr {margin: 50px 0;}
.content-area .media-area .button {max-width: 400px; margin-top: 10px;} */

/* Videos */
/*.content-area .video-container .row {margin: 0 auto;}
.content-area .video-container img {margin-bottom: 0;}
.content-area .video-container h4 {text-align: center; margin-top: 0; color: #ffffff; background-color: #004691; width: 100%; padding: 7px 24px 12px; font-weight: normal; line-height: 24px; min-height: 67px; position: relative;}
.content-area .video-container h4 span {left: 0; right: 0; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 5px; font-weight: bold;}
.content-area .video-container a:hover img {border-color: #a7a9ac; opacity: 0.95;}
.content-area .video-container a:hover h4 {background-color: #a7a9ac; color: #004691;}
.content-area .video-container .slick-prev {left: -52px;}
.content-area .video-container .slick-next {right: -52px;}
.content-area .video-container .slick-prev,
.content-area .video-container .slick-next {top: 50%; background-color: #000000; width: 52px; height: 52px; line-height: 52px; border: 0; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; transform: translateY(-100%);}*/

/* Recent News */
/*.content-area .news-area {margin: 15px 0;}
.content-area .news-area a {font-size: 18px; line-height: 27px; font-weight: bold; color: #004691; display: block;}
.content-area .news-area a img {width: 100%; padding: 2px; border: 2px solid #a7a9ac; margin-bottom: 5px;}
.content-area .news-area a:hover {color: #a7a9ac;}
.content-area .news-area a:hover img {opacity: 0.95;}*/

/* Gallery */
/*.content-area .image-gallery a:hover img {opacity: 0.95; border-color: #a7a9ac;}*/

/* Contact address */
/*.content-area .info-area a:hover img {opacity: 0.95;}
.content-area .info-area:after {content: ""; display: block; clear: both;}
.content-area .info-area p.address {color: #000000; font-size: 24px; line-height: 32px; margin: 0; display: inline-block; width: 50%; font-weight: bold;}
.content-area .info-area p.phone-numbers {float: right; text-align: right; display: inline-block;}
.content-area .info-area p.phone-numbers a,
.content-area .info-area p.phone-numbers span.fax {color: #004691; font-family: "Charlemagne"; font-size: 24px; line-height: 36px;}
.content-area .info-area p.phone-numbers a:hover {color: #a7a9ac;}
.content-area .info-area p.phone-numbers span.phone-type {font-size: 14px; text-transform: uppercase; line-height: 21px; color: #000000;}*/

/* Contact form */
/*.full-form {background-color: #004691; padding: 20px;}
.full-form h4 {color: #ffffff; font-size: 24px; line-height: 32px; text-transform: uppercase; margin: 0 0 10px; text-align: center;}
.full-form form p {margin-bottom: 10px;}
.full-form input,
.full-form select,
.full-form textarea {border: none; box-shadow: none; background-color: #34607a; color: #ffffff; font-size: 14px;}
.full-form ::-webkit-input-placeholder {color: #ffffff;}
.full-form :-moz-placeholder {color: #ffffff; opacity: 1;}
.full-form ::-moz-placeholder {color: #ffffff; opacity: 1;}
.full-form :-ms-input-placeholder {color: #ffffff;}
.full-form .screen-reader-text {display: none;}
.full-form p.required {color: #ffffff; margin: 0; font-size: 12px;}
.full-form form button:hover {background-color: #ffffff; color: #004691 !important;}*/

/* Pricing Plans */
.plans-section {background: none; margin-top: -180px; text-align: center;}
.plans-section .text-area p {color: #ffffff; font-size: 20px; margin-bottom: 20px;}
.plans-section .text-area p a {color: #ffffff; text-decoration: underline;}
.plans-section .text-area p a:hover {color: #d02139;}
.plans-section .plans-area {background-color: #ffffff; min-height: 335px; padding: 45px 10px; position: relative; box-shadow: 0px 0px 12px rgb(201,201,201, 50%); max-width: 300px;}
.plans-section .plans-area:after {content: ""; width: 200px; height: 7px; background-color: #007bff; margin: 0 auto; display: block; position: absolute; bottom: 0; left: 0; right: 0;}
.plans-section .plans-area h2 {color: #004691; text-transform: uppercase; font-size: 20px; margin: 0 0 40px; line-height: 28px;}
.plans-section .plans-area.plan-button h3 {font-size: 52px; margin-bottom: 55px;}
.plans-section .plans-area h3 {color: #007BFF; font-size: 65px; margin: 0 0 5px; line-height: 1;}
.plans-section .plans-area p {font-size: 16px; line-height: 22px; color: #004691;}
.plans-section .plans-area p em {font-size: 14px;}
.plans-section .plans-area a.button {border-color: #D02139; color: #D02139;}
.plans-section .plans-area a.button:hover {background-color: #D02139; color: #ffffff;}

body.page-template-template-pricing-stripe .plans-section .pricing-row,
body.page-template-template-pricingnew .plans-section .pricing-row {text-align: center;}
body.page-template-template-pricing-stripe .plans-section .pricing-row .col-lg-3,
body.page-template-template-pricingnew .plans-section .pricing-row .col-lg-3 {display: inline-block; float: none; vertical-align: top;}
body.page-template-template-pricing-stripe .plans-section .plans-area,
body.page-template-template-pricingnew .plans-section .plans-area {min-height: 415px;}
body.page-template-template-pricing-stripe .plans-section .plans-area h2,
body.page-template-template-pricingnew .plans-section .plans-area h2 {max-width: 200px; margin: 0 auto 40px;}
body.page-template-template-pricing-stripe .plans-section .plans-area p.starting,
body.page-template-template-pricingnew .plans-section .plans-area p.starting {text-transform: uppercase; color: #004691; font-size: 18px; line-height: 26px; margin-bottom: 0; font-weight: bold;}
body.page-template-template-pricing-stripe .plans-section .plans-area p.details,
body.page-template-template-pricingnew .plans-section .plans-area p.details {font-size: 14px; text-align: left; line-height: 1.5; padding: 0 10px; margin-top: 5px;}
body.page-template-template-pricing-stripe .plans-section .plans-area h3 + p.details,
body.page-template-template-pricingnew .plans-section .plans-area h3 + p.details {margin-top: 25px;}
body.page-template-template-pricing-stripe .plans-section .plans-area p.details br,
body.page-template-template-pricingnew .plans-section .plans-area p.details br {content: ""; display: block; margin: 10px 0;}

@media (max-width: 991px) {
	.plans-section .plans-area {margin-bottom: 30px;}
}

@media (max-width: 550px) {
	.plans-section .col-xs-6 {width: 100%; float: none;}
	.plans-section .plans-area {margin: 0 auto 20px;}
}

/* Add-Ons */
.addons-section {padding: 50px 0;}
.addons-section .container {max-width: 900px;}
.addons-section .col-lg-6 + .col-lg-6 {border-left: 3px solid #d4d4d4;}
.addons-section .text-area {max-width: 400px; margin: 0 auto; padding: 0 35px;}
.addons-section .text-area h3 {text-transform: uppercase; font-size: 18px; text-align: center; margin-top: 0;}
.addons-section .text-area ul {padding-left: 20px;}

@media (max-width: 767px) {
	
}

/* Started */
.started-section {text-align: center;}
.content-section + .started-section {margin-top: -90px;}
.started-section h2 {}
.started-section p {color: #58595B; font-size: 20px;}
.started-section a:not(.button) {color: #007BFF;}
.started-section a:not(.button):hover {color: #004691;}
.started-section a.button {color: #ffffff; background-color: #d02139; border: none; font-weight: bold; padding: 3px 25px 5px;}
.started-section a.button:hover {background-color: #004691;}

body.page-template-template-pricing-stripe .started-form,
body.page-template-template-pricingnew .started-form {background-color: #ffffff; padding: 30px 40px; box-shadow: 0 0 25px rgb(174 174 174 / 42%); margin: 30px auto 15px; text-align: left; max-width: 650px;}

@media (max-width: 600px) {
	.started-section a.button {max-width: 160px; display: block; margin: 20px auto 0;}
}

/* FAQS */
.faqs-section {background-color: #f9fafc; padding: 70px 0 40px;}
.faqs-section .container {max-width: 750px;}
.faqs-section h2 {text-align: center;}

/* Accordion */ 
.accordion {margin-top: 20px; border-bottom: 1px solid #cfcfcf;}
.accordion > dt {font-size: 24px; font-weight: 400;}
.accordion > dt > a {display: block; position: relative; color: #58595B; text-decoration: none; padding: 11px 40px 11px 0; border-top: 1px solid #CFCFCF; font-size: 24px;} 
.accordion > dt > a h3 {margin: 0; color: #58595B; font-weight: normal;}
.accordion > dt > a h3 .flag-image,
.accordion > dt > a h3 .flag-image img {display: inline-block; margin-right: 10px; position: relative; top: 2px;}
.accordion > dt > a i {margin-right: 5px;}
.accordion > dt > a:hover h3,
.accordion > dt > a.active h3 {color: #004691;}
.accordion > dt > a:after {content: "\f0d7"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 30px; line-height: 13px; text-align: center; color: #58595B; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {content: "\f0d8"; color: #004691;}
.accordion > dt > a:hover:after {color: #004691;}
.accordion > dd {padding: 0; font-size: 16px; font-weight: 400; line-height: 24px; display: none; max-width: 550px;}
.accordion > dd .content-area p {line-height: 24px;}

/***********/
/* Sidebar */
/***********/
.sidebar {}

/* Menu */
.sidebar .vertical-menu ul {padding: 0; margin: 0; list-style: none;}
.sidebar .vertical-menu ul li {display: block; margin: 0; line-height: 23px; font-size: 16px; color: #58585B; padding: 5px 0;}
.sidebar .vertical-menu ul.category-list li {text-transform: capitalize;}
.sidebar .vertical-menu ul li a {font-size: 16px; display: inline-block; color: #58585B;}
.sidebar .vertical-menu ul li a:hover {color: #004691 !important;}

/* Custom YouTube embed */
.youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 0px;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  object-fit: contain;
  display: block;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
  margin:auto !important;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
  -moz-filter: brightness(75%);
  filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("https://i.imgur.com/TxzC70f.png") no-repeat;
  cursor: pointer;
}

/* Widgets */
.widget {position: relative; margin-bottom: 40px; padding: 10px;}
.widget:last-child,
.widget.no-margin {margin-bottom: 0;}
.widget h3 {position: relative; padding-bottom: 18px; max-width: 180px;}
.widget h3 a {}
.widget h3:after {content: ""; width: 100%; height: 5px; background-color: #007bff; position: absolute; left: 0; right: 0; bottom: 0;}
.widget a:hover img {opacity: 0.95;}
.widget .full-width {max-width: initial; margin: -10px -10px 10px; width: calc(100% + 20px); display: block;}
.widget p.center {text-align: center;}
.widget ul {margin: 0; padding: 0; list-style: none;}
.widget ul li {list-style: none; margin-bottom: 20px;}
.widget a:not(.button) {text-decoration: none; color: #333333;}
.widget a:not(.button):hover {color: #a7a9ac;}
.widget a.button {width: 100%; padding: 12px 15px; background: #004691; color: #ffffff;}
.widget a.button .mini-text {display: block; font-size: 12px; line-height: 17px; font-weight: 300;}
.widget a.button:hover {color: #004691 !important; background-color: #a7a9ac;}
.sidebar .widget.vertical-menu a.button {margin-top: 15px;}

/* Search */
.sidebar .widget.widget-search {background: none; padding: 0; border: none; max-width: 250px;}
.sidebar .widget.widget-search:after {content: ""; clear: both; display: block;}
.sidebar .widget.widget-search input {width: calc(100% - 60px); float: left; height: 50px; color: #222222; font-family: 'Lato', 'FontAwesome', sans-serif; margin: 0;}
.sidebar .widget.widget-search input::-webkit-input-placeholder {color: #222222;}
.sidebar .widget.widget-search input:-moz-placeholder {color: #222222; opacity: 1;}
.sidebar .widget.widget-search input::-moz-placeholder {color: #222222; opacity: 1;}
.sidebar .widget.widget-search input:-ms-input-placeholder {color: #222222;}
.sidebar .widget.widget-search button {width: 60px; float: left; padding: 9px 0; font-size: 15px; background-color: #004691; color: #fff; margin: 0; border-radius: 0; border: none; line-height: 32px;}
.sidebar .widget.widget-search button:hover,
.sidebar .widget.widget-search button:focus {background-color: #000000; color: #ffffff;}

/* RSS Feed */
.sidebar .widget.rss-feed {padding: 0; border: none;}

/**********/
/* Footer */
/**********/
.footer {}

/* Top */
.top-footer {padding: 50px 0 70px; background-color: #f9fafc;}
body.page-template-template-redflag .top-footer {padding: 50px 0;}

/* Logo */
.footer .logo {float: left; padding: 0; margin: 0 0 60px;}
.footer .logo img {height: 48px;}
.footer .logo a:hover img {opacity: 0.95;}
body.page-template-template-redflag .footer .logo {margin: 0;}

/* Search area */
.footer .search-bottom {float: right;}
.footer .search-bottom p {text-align: right; float: left; color: #58585B; font-size: 16px; margin: 0; padding-top: 6px;}
.footer .search-bottom p a {color: #58585B; margin-right: 35px;}
.footer .search-bottom p a.highlight {text-transform: uppercase;}
.footer .search-bottom form {float: right; background-color: #F8FAFC; border-radius: 8px; padding: 5px 10px; border: 2px solid #7c9db4;}
.footer .search-bottom form fieldset {padding: 0; margin: 0; border: none;}
.footer .search-bottom form input {color: #58585B; font-size: 16px; background: transparent; border: none; padding: 0; margin: 0; box-shadow: none;}
.footer .search-bottom form input::-webkit-input-placeholder {color: #58585B;}
.footer .search-bottom form input:-moz-placeholder {color: #58585B; opacity: 1;}
.footer .search-bottom form input::-moz-placeholder {color: #58585B; opacity: 1;}
.footer .search-bottom form input:-ms-input-placeholder {color: #58585B;}
.footer .search-bottom .search-button {float: right; width: 32px; height: 32px; display: block; line-height: 42px; text-align: center; padding: 2px 0 0;}
.footer .search-bottom .search-button {height: 42px; width: 42px;}
.footer .search-bottom .search-button i {color: #ffffff; font-size: 22px;}
.footer .search-bottom .search-hide {display: block;}

/* List */
.footer ul.no-bullets li {list-style-type:none;}
.footer .list-area p {color: #004691; font-size: 16px; font-weight: bold; display: inline-block; border-bottom: 4px solid #007bff; padding-bottom: 5px; margin-bottom: 15px;}
.footer .list-area .area-title {color: #004691; font-style: italic; margin-bottom: 10px; display: block;}
.footer .list-area .half-area {width: 50%; float: left;}
.footer .list-area .left-area {width: 55%; float: left;}
.footer .list-area .right-area {width: 45%; float: left;}
.footer .list-area .clear {clear: both; height: 0;}
.footer .list-area .two-lists:after {content: ""; display: block; clear: both;}
.footer .list-area ul li {font-size: 14px; margin-bottom: 10px;}
.footer .list-area ul li + li.menu-item-type-custom {margin-top: 20px;}
.footer .list-area ul li.menu-item-type-custom {font-size: 11px; margin-bottom: 5px;}
.footer .list-area ul li.menu-item-type-custom a,
.footer .list-area ul li.menu-item-type-custom a span {color: #007bff; text-transform: uppercase; font-weight: bold;}
.footer .list-area ul li a {color: #58585B;}
.footer .list-area ul li a:hover {color: #004691;}
.footer .list-area ul li ul {margin: 10px 0 10px 10px;}
.footer .list-area ul li ul li:before {content: ">"; color: #007bff; margin-right: 5px;}

@media (max-width: 1199px) {
	.footer .list-area {margin-bottom: 20px;}
}

@media (max-width: 525px) {
	.footer .list-area {text-align: center;}
	.footer .top-footer .col-xs-4,
	.footer .list-area .left-area,
	.footer .list-area .right-area {width: 100%; float: none;}
	.footer .list-area .right-area {margin-top: 20px;}
}

.footer .badge-area {max-width: 300px; float: right; text-align: center; width: 100%;}
.footer .badge-area:after {clear: both; content: ""; display: block;}
.footer .badge-area .badge-image {float: left; width: 33%; position: relative; height: 110px;}
.footer .badge-area .badge-image:nth-child(3n+1) {clear: both;}
.footer .badge-area .badge-image a,
.footer .badge-area .badge-image span {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; display: block;}
.footer .badge-area .badge-image img {display: inline-block;}

@media (max-width: 991px) {
	.footer .badge-area {float: none; margin: 20px auto 0;}
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-5ths {width: 100%; float: none;}
@media (min-width: 768px) {
    .col-sm-5ths {width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-5ths {width: 20%; float: left;}
}
@media (min-width: 1200px) {
    .col-lg-5ths {width: 20%; float: left;}
}

/* Middle Footer */
.other-footer {background-color: #f1f4f6; padding: 35px 0 50px;}
.other-footer .other-area p {margin: 0; font-size: 16px; font-weight: bold; color: #004691;}
.other-footer .other-area p:after {content: ""; width: 70px; height: 4px; background-color: #007bff; display: block;}
.other-footer .other-area img {height: 40px; margin-left: 30px; width: auto;}
.other-footer .image-area {text-align: right;}
.other-footer .image-area .google-button {margin-right: 30px;}
.other-footer .image-area img {height: 40px; width: auto;}

@media (max-width: 767px) {
	.other-footer {text-align: center;}
	.other-footer .other-area p {display: inline-block;}
	.other-footer .image-area {margin-top: 40px; text-align: center;}
}

/* Bottom */
.bottom-footer {background-color: #004691;}
.bottom-footer p {margin: 0; font-size: 14px; color: #ffffff; line-height: 20px; padding: 30px 0;}
.bottom-footer p span {margin: 0 5px; display: inline-block;}
.bottom-footer p a {color: #ffffff;}
.bottom-footer p a:hover {color: #eeeeee;}

/* Scroll to top */
.scrollToTop {position: fixed; display: none; cursor: pointer; padding: 8px 15px; border-radius: 2px; background-color: #a7a9ac; right: 30px; bottom: 30px; z-index: 999; text-align: center; width: 40px; color: #ffffff !important; font-size: 15px;}
.scrollToTop:hover {color: #004691 !important;}

/***************/
/* FontAwesome */
/***************/
.pushy-submenu > a::after,
.pushy-submenu > button::after,
.header .navbar-nav li.drop a:after,
.header .navbar-nav > li.drop > ul.dropdown > li .bigmenu-area .right-area .bottom-area .link-area p a:after,
.content-area ul li:before,
.sidebar .vertical-menu ul li a:before,
.accordion > dd a.more:after,
.accordion > dt > a:after,
.gpr-reviews-wrap .gpr-review .gpr-rating-time:before {font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;}

/********************/
/* Link Transitions */
/********************/
/* Background color, font color, border color */
a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6,
a p,
.header .main-header,
.header .navbar-nav > li > a,
.slick-prev,
.slick-next,
.case-section .result-area,
.video-section .video-container h4,
.steps-section .step-area .step-container .step-arrow,
.content-area .video-container h4,
.content-area .news-box h2,
.sidebar .widget.case-results ul li a:hover strong,
form button,
.contact-form input[type="submit"] {-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;}

/* 1/3 second everything */
.header .logo img,
.header .logo svg,
.header .navbar-nav li.drop ul.dropdown li a,
.video-section .video-container img,
.content-area .video-container img,
.content-area .image-gallery img,
.content-area a img,
.sidebar .vertical-menu ul li a,
.sidebar .widget a img,
.callout-section .callout-area .callout-image img,
.footer .info-section .info-area img {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}

/* 1/2 second everything */
.practice-section .practice-area a p {transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

/* Downloadable Content Pages */

.template-downloadable { padding: 24px 0 0 !important;  }
@media (min-width: 768px) {
.template-downloadable { padding: 142px 0 0 !important;  }
}
.template-downloadable .template-downloadable-row { align-items:flex-start; display:flex; flex-direction:column; gap:48px; }
@media (min-width: 1024px) {
    .template-downloadable .template-downloadable-row { align-items:flex-start; flex-direction:row; }
    .template-downloadable { padding: 142px 0 0 !important;  }
}
.template-downloadable .template-downloadable-row .template-downloadable-item { flex:1; padding:24px 0; width:100%; }
.template-downloadable .template-downloadable-row .template-downloadable-item:last-child { flex:0 0 40%; }
.template-downloadable .contact-form { margin:0 auto; padding:0; }
.template-downloadable h1 { color: #ffffff; font-size: 34px; font-weight: bold; text-align: center; margin-bottom: 40px; }
.template-downloadable p {font-size: 24px; line-height: 32px; margin-bottom:24px; }
.template-downloadable .py-24 { padding:24px 0; }

/**************/
/* Responsive */
/**************/
@media (max-width: 1550px) {
	.secondary-section {background-size: 47%; padding-top: 0;}
}

@media (max-width: 1500px) {
	body.page-id-50 .types-section .background-image {position: absolute; left: 0; top: 0;}
	body.page-id-50 .types-section.even-type .background-image {left: auto; right: 0;}
	body.page-id-50 .types-section .container {position: static;}
	body.page-id-50 .types-section .type-area {padding-top: 0;}
	body.page-id-40 .how-section .background-image-area {margin-bottom: 70px;}
}

@media (max-width: 1400px) {
	.container {padding: 0 50px;}
	.how-section .container {padding: 0 25px;}
	.solutions-section .tab-pane .solution-text {max-width: 640px;}
	.steps-section .step-area .step-title {margin-right: 15px;}
}

@media (max-width: 1300px) {
	.page-heading h1 {font-size: 35px; line-height: 40px; margin-bottom: 5px;}
	.page-heading p {font-size: 26px; line-height: 36px;}
	.page-heading a.button {margin-top: 25px;}
	.solutions-section ul.nav-tabs li > a {font-size: 19px;}
	.how-section .container {position: static; padding: 0 50px;}
	.how-section .background-image-area {position: absolute; left: 0; top: 0; width: 48%;}
	.how-section .how-area {padding-top: 20px;}
	body.page-id-40 .how-section .background-image-area {margin-bottom: 0;}
}

@media (max-width: 1220px) {
	.callout-section .callout-area a {font-size: 18px;}
	.scrollToTop {bottom: 15px; right: 15px;}
	body.page-template-template-features .page-heading.banner-image .banner-image {right: 0;}
}

@media (max-width: 1200px) {
	body.page-template-template-products .page-heading .text-box,
	body.page-template-template-products-sub .page-heading .text-box,
	body.page-template-template-redlfag .page-heading .text-box {padding-top: 175px;}
	.solutions-section ul.nav-tabs li > a {font-size: 18px;}
	.solutions-section .tab-pane .solution-text {padding: 50px 0 25px; max-width: 550px;}
	.how-section .image-area {min-height: 500px;}
	.testimonial-section .quote-area {padding: 60px 340px 110px 60px;}
	.testimonial-section .quote-area p {font-size: 24px; line-height: 32px;}
}

@media (max-width: 1150px) {
	.page-heading h1 {font-size: 30px; line-height: 35px; margin-bottom: 5px;}
	.page-heading p {font-size: 24px; line-height: 32px;}
	.page-heading a.button {margin-top: 20px;}
	.solutions-section ul.nav-tabs li > a {font-size: 17px; padding: 9px 10px;}
}

@media (max-width: 1130px) {
	.solutions-section .tab-pane .solution-text .half-text,
	.solutions-section .tab-pane .solution-text .half-text.right-text {padding: 0 15px 0 0;}
}

@media (max-width: 1100px) {
	.secondary-section .background-image {position: absolute; left: 0; top: 0;}
	.how-section .change-image {top: 43%;}
	.secondary-section .container {position: static;}
	.secondary-section .secondary-area {padding-top: 0;}

	.types-section {margin: 50px 0 0;}
	.types-section .background-image {position: absolute; left: 0; top: 0;}
	.types-section.even-type .background-image {left: auto; right: 0;}
	.types-section .container {position: static;}
	.types-section .type-area {padding-top: 0;}
}

@media (max-width: 1090px) {	
	body.page-template-template-products .page-heading .text-box,
	body.page-template-template-products-sub .page-heading .text-box,
	body.page-template-template-redflag .page-heading .text-box {padding-top: 150px;}
	.solutions-section ul.nav-tabs li > a {font-size: 16px;}
}

@media (max-width: 1040px) {
	.solutions-section .tab-pane .solution-text {max-width: 470px;}
}

@media (max-width: 1024px) {
	.testimonial-section .quote-area {padding: 50px;}
	.testimonial-section .quote-area:after {left: 50px; right: 0; margin: 50px 0 0;}
}

@media (max-width: 991px) {
	.container {padding: 0 35px;}

	.header .logo {margin-left: 0;}
	.header .navbar-nav > li > a {padding: 20px 8px;}
	.header.not-top .navbar-nav > li > a {padding: 11px 8px;}	
	.header .navbar-nav > li.menu-item-21 > a,
	.header .navbar-nav > li.menu-item-3332 > a {padding-left: 12px; padding-right: 12px; margin-left: 6px;}

	.page-heading .background-image {max-height: 400px; width: auto; max-width: initial;}
	body.page-template-template-pricing .page-heading .background-image {max-height: 450px;}
	body.page-template-template-pricing-stripe .page-heading .background-image,
    body.page-template-template-pricingnew .page-heading .background-image {max-height: 450px;}
	body.page-id-33 .page-heading .background-image {max-height: 450px;}
	.page-heading h1 {max-width: 100%; font-size: 30px; line-height: 35px;}
	.page-heading .text-box {max-width: 90%;}

	body.page-template-template-products .page-heading .text-box, 
	body.page-template-template-products-sub .page-heading .text-box,
	body.page-template-template-redflag .page-heading .text-box,
	.page-heading.banner-image .text-box,
	body.page-template-template-why .page-heading .text-box,
	body.page-template-template-resources .page-heading .text-box,
	body.page-id-13.page-template-template-resources .page-heading .text-box,
	.page-heading .text-box,
	.page-heading.just-text .text-box {padding-top: 220px;}

	.resources-section {padding-top: 50px;}
	.resources-section .col-lg-4:nth-child(3n+1) {clear: initial;}
	.resources-section .col-lg-4:nth-child(2n+1) {clear: both;}

	body.page-template-template-why .center-section.no-border {padding-top: 50px;}

	.reasons-section.why-page .reason-container {padding: 25px;}
	.reasons-section.why-page .reason-area {margin: 15px 0;}
	.reasons-section .icon-area .reason-container .col-lg-4:nth-child(4) {clear: none;}
	.reasons-section .icon-area .reason-container .col-lg-4:nth-child(2n+1) {clear: both;}

	.callout-section .row-eq-height {display: block;}
	.callout-section .callout-area {margin-bottom: 15px;}

	.solutions-section {padding: 50px 0 0;}
	.solutions-section .tab-controls {background-color: #ffffff;}
	.solutions-section .tab-controls select {width: 90%; margin: 0 auto; display: block; border: none;}
	.solutions-section .tab-controls .container {padding: 0;}
	.solutions-section ul.nav-tabs li {width: 100%; text-align: center;}
	.solutions-section .tab-pane {padding: 0; min-height: 200px;}
	.solutions-section .tab-pane p {max-width: 100%;}
	.solutions-section .tab-pane .solution-text {padding: 30px 0; max-width: 100%;}
	.solutions-section .tab-pane .solution-text p:first-child {max-width: 100%;}
	.solutions-section .tab-pane .solution-text .half-text,
	.solutions-section .tab-pane .solution-text .half-text.right-text {float: none; width: 100%; max-width: 100%; padding: 0; text-align: center; min-height: initial;}
	.solutions-section .tab-pane .solution-text .button-area {text-align: center;}
	.solutions-section .tab-pane .solution-text a.button {margin: 25px auto 0; display: inline-block}
	.solutions-section .tab-pane .solution-image {padding-top: 20px;}
	.solutions-section .tab-pane .solution-image img {float: none; max-width: 350px; width: 100%; margin: 0 auto; display: block;}	

	.analytics-section .analytics-area {margin: 20px auto;}
	.analytics-section .icon-area a.button {margin: 15px auto 25px;}

	.cta-section {padding: 40px 0;}

	.types-section .type-area {padding-top: 0;}

/*	.testimonial-section .quote-area {padding-right: 270px;}*/
	.testimonial-section .quote-area img {max-width: 400px;}
	.testimonial-section .quote-area p {font-size: 21px; line-height: 28px;}

	body.page-template-template-products-sub .steps-section h2 {margin-bottom: 20px;}
	body.page-template-template-products-sub .steps-section .col-sm-6:nth-child(2n+1) {clear: both;}
	body.page-template-template-products-sub .steps-section .step-area {padding-top: 30px;}

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

@media (max-width: 950px) {
	.steps-section .step-area .step-title {font-size: 16px; margin-right: 10px;}
}

@media (max-width: 890px) {
	.callout-section .callout-area a {font-size: 16px;}
	.header .navbar-nav > li > a {padding: 20px 4px; font-size: 15px;}
	.header.not-top .navbar-nav > li > a {padding: 11px 4px; font-size: 15px;}
}

@media (max-width: 860px) {
	.page-heading h1 {max-width: 100%;}
	.how-section .change-image {top: 37%;}
}

@media (max-width: 850px) {
	.steps-section .step-area .step-title {font-size: 15px; margin-right: 5px;}
	.steps-section .step-area .step-container {padding-right: 95px;}
}

@media (max-width: 820px) {
	.header .top-bar p .spacer {width: 25px;}
	.header .top-bar p.contact-login {margin-right: 25px;}
}

@media (max-width: 782px) {
	#wpadminbar {display: none;}
	body.admin-bar .site-container {margin-top: 0;}
	body.admin-bar .header,
	body.admin-bar .header.not-top {top: 0;}
	body.admin-bar .pushy {top: 0;}
}

@media (min-width: 768px) {
	body.pushy-open-right {overflow: auto; height: initial; margin-right: 0 !important;}
	body.pushy-open-right .header {padding-right: 0;}
	.pushy,
	.pushy-open-left .site-overlay, 
	.pushy-open-right .site-overlay {display: none !important;}
}

@media (max-width: 767px) {
	.video_container_margin iframe {margin-top:40px;}
	.site-container {padding-top: 130px;}
	.col-xs-5ths, 
	.col-sm-5ths, 
	.col-md-5ths, 
	.col-lg-5ths {width: 100%;}

	h3 {font-size: 20px; line-height: 28px;}

	.header.not-top,
	.header {padding-top: 0; height: 133px; position: fixed; top: 0;}
	.header.not-top .top-bar,
	.header .top-bar {height: 50px;}
	.header.not-top .top-bar p,
	.header .top-bar p {margin: 13px 0;}
	.header.not-top .main-header,
	.header .main-header {padding-top: 0; height: 83px;}
	.header.not-top .logo,
	.header .logo {float: none; width: 100%; margin: 15px 0;}
	.header .logo img, 
	.header .logo svg {display: block; margin: 0 auto; height: 50px;}

	.blue-color .header .main-header {background-color: rgba(0,70,145,1);}
	.teal-color .header .main-header {background-color: #1093b1;}
	.red-color .header .main-header {background-color: rgba(229,25,55,1);}
	.orange-color .header .main-header {background-color: rgba(243,117,32,1);}
	.grey-color .header .main-header {background-color: rgba(89,89,89,1);}

	.blue-color .header.not-top .main-header {background-color: rgba(0,70,145,0.95);}
	.teal-color .header.not-top .main-header {background-color: #1093b1;}
	.red-color .header.not-top .main-header {background-color: rgba(229,25,55,0.95);}
	.orange-color .header.not-top .main-header {background-color: rgba(243,117,32,0.95);}
	.grey-color .header.not-top .main-header {background-color: rgba(89,89,89,0.95);}

	.header.not-top .top-bar {box-shadow: 0 4px 9px rgba(0,0,0,0.2);}

	body.page-id-33 .page-heading .background-image {max-height: 400px;}
	.page-heading .text-box {text-align: center; padding-left: 0; padding-right: 0;}
	body.page-template-template-products .page-heading .text-box, 
	body.page-template-template-products-sub .page-heading .text-box,
	.page-heading.banner-image .text-box,
	body.page-template-template-why .page-heading .text-box,
	body.page-template-template-resources .page-heading .text-box,
	body.page-id-13.page-template-template-resources .page-heading .text-box,
	.page-heading .text-box {max-width: 100%; padding: 75px 0 40px;}
	body.page-template-template-redflag .page-heading .text-box {padding: 75px 0 40px;}
	.page-heading.just-text {max-height: 280px; min-height: initial;}
	.page-heading.just-text .text-box {padding-top: 75px;}
	.page-heading p {font-size: 21px; line-height: 28px;}
	.page-heading .banner-image {position: static; margin: 0 auto; display: block;}
	body.page-template-template-pricing .page-heading .text-box {padding-bottom: 50px;}
	body.page-template-template-pricing-stripe .page-heading .text-box,
    body.page-template-template-pricingnew .page-heading .text-box {padding-bottom: 50px;}

	.content-section .container {padding: 30px 15px;}
	.content-area .feature-box .list-area {clear: both; float: none; width: 100%;}

	.content-area h2.fancy-center:after {margin-bottom: 50px;}

	body.page-template-template-demo .page-heading {height: auto;}
	body.page-template-template-demo .page-heading .text-box {padding-top: 75px;}
	body.page-template-template-demo .page-heading img {max-height: 340px;}

	.callout-section {padding: 50px 0;}
	.callout-section .col-lg-3 {padding: 0 15px;}
	.callout-section .callout-area {margin: 15px 0;}

	.icon-section {padding: 50px 0 0;}
	.icon-section .row-eq-height {display: block;}
	.icon-section .icon-area {margin-bottom: 50px;}
	.icon-section .col-xs-12:last-child .icon-area {margin-bottom: 0;}

	.case-section .result-area {padding: 100px 50px; min-height: initial;}

	.secondary-section {padding-bottom: 0;}
	.secondary-section .row-eq-height {display: block;}
	.secondary-section .background-image {display: none;}
	.secondary-section .highlight-image {opacity: 1;}
	.secondary-section .secondary-area {max-width: 100%;}
	.secondary-section .secondary-area h2 {text-align: center;}

	.additional-section.middle-icons {padding-top: 25px;}

	.cta-section {padding: 30px 0;}

	.resources-section {padding-bottom: 50px;}
	.resources-section .resource-area {max-width: 322px; margin: 0 auto 30px;}

	.types-section {padding-bottom: 0;}
	.types-section .row-eq-height {display: block;}
	.types-section .background-image {display: none;}
	.types-section .highlight-image {opacity: 1;}
	.types-section .type-area {max-width: 100%;}
	.types-section .type-area h2 {text-align: center;}

	body.page-template-template-resources .sidebar .widget {float: left; width: 50%; margin-bottom: 25px;}
	body.page-template-template-resources .sidebar .widget.types-widget {padding-right: 15px;}
	body.page-template-template-resources .sidebar .widget.topic-widget {padding-left: 15px;}

	.faqs-section {padding: 50px 0;}
	.faqs-section .faq-area {margin-bottom: 0;}
	.faqs-section .faq-area .faq-container {padding: 0; margin: 0;}
	.faqs-section .spacer {display: none;}

	body.page-template-template-why .additional-section.middle-icons .additional-area h3 {max-width: 100%;}
	body.page-template-template-why .additional-section.middle-icons .additional-area p {max-width: 100%;}

	body.page-template-template-pricing .additional-section.middle-icons .additional-area h3 {max-width: 100%;}
	body.page-template-template-pricing .additional-section.middle-icons .additional-area p {max-width: 100%;}

	body.page-template-template-pricing-stripe .additional-section.middle-icons .additional-area h3,
    body.page-template-template-pricingnew .additional-section.middle-icons .additional-area h3 {max-width: 100%;}
	body.page-template-template-pricing-stripe .additional-section.middle-icons .additional-area p ,
    body.page-template-template-pricingnew .additional-section.middle-icons .additional-area p {max-width: 100%;}

	.reasons-section .icon-area .reason-container {padding: 0 0 50px;}
	.reasons-section .icon-area .reason-container.has-image {padding: 0 0 50px 20px;}
	.reasons-section .icon-area .reason-container .reason-image {position: static; transform: none; margin: 25px auto;}
	.reasons-section .reason-area
	.reasons-section .reason-area .icon-container {margin: 50px auto 0;}

	.how-section .image-area {min-height: initial;}
	.how-section .row-eq-height {display: block;}
	.how-section .background-image {display: none;}
	.how-section .highlight-image {opacity: 1; margin-bottom: 20px;}
	.how-section .how-area {max-width: 100%;}
	.how-section .change-image.active {display: none;}
	.how-section .how-area a.tab-area {margin: 0 auto 10px;}
	.how-section .how-area a.button {margin: 20px auto; display: block; max-width: 190px;}

	body.page-template-template-products .image-area {display: none;}

	body.page-template-template-products-sub .steps-section {padding-bottom: 30px;}
	body.page-template-template-products-sub .steps-section .step-area {margin: 20px auto; padding-top: 0;}
	body.page-template-template-products-sub .steps-section .step-area h3 {margin-bottom: 10px;}
	body.page-template-template-products-sub .steps-section .step-area .step-container .step-arrow {display: none;}

	body.page-template-template-redflag .steps-section {padding-bottom: 30px;}
	body.page-template-template-redflag .steps-section .step-area {margin: 20px auto; padding-top: 0;}
	body.page-template-template-redflag .steps-section .step-area h3 {margin-bottom: 10px;}
	body.page-template-template-redflag .steps-section .step-area .step-container .step-arrow {display: none;}

	.steps-section {padding-top: 50px;}
	.steps-section .step-area img {max-width: 80%; float: none; margin: 0 auto; display: block;}
	.steps-section h2 {margin-bottom: 45px; font-size: 35px; line-height: 40px;}
	.steps-section .step-area .step-titles {text-align: center; font-size: 0;}
	.steps-section .step-area .step-title {font-size: 18px; margin: 0 15px; display: inline-block;}
	.steps-section .step-area .step-container {padding-right: 0;}
	.steps-section .step-area .step-container .step-arrow {top: 20px; right: 20px;}

	.link-section {padding: 20px 0;}
	.link-section .link-area {max-width: 500px; min-height: initial;}
	.link-section .link-area img {margin: 0 auto 10px;}

	.quick-section,
	body.page-template-template-contact .quick-section {padding: 0;}
	.quick-section .quick-area:after {display: none;}
	.quick-section .quick-area {margin-bottom: 30px;}

	.map-section .map-area h2 {font-size: 28px; line-height: 32px;}

	.testimonial-section .quote-area {padding: 35px; width: 100%;}
	.testimonial-section .quote-area::after {position: static;}
	.testimonial-section .hidden-lg {position: static; transform: none; margin: 30px auto 0; display: block; max-width: 100%;}

	body.page-template-template-demo .contact-section .form-area {padding-top: 0;}

	.blog-section {padding: 50px 0;}
	body.blog .sidebar {display: none;}

	.contact-section .form-area {padding-top: 25px;}
	.contact-form {padding: 25px;}
	.contact-section .spacer-area {padding-top: 250px;}

	.footer .logo {float: none; margin: 0 auto 25px;}
	.footer .logo img {height: auto; margin: 0 auto; display: block;}
	.footer .search-bottom {float: none;}
	.footer .search-bottom p {float: none; text-align: center;}
	.footer .search-bottom form {float: none; margin: 25px auto; max-width: 50%;}

	.top-footer {padding-bottom: 20px;}
	.top-footer .col-xs-6:nth-child(2n+1) {clear: both;}
	.top-footer .list-area {margin-bottom: 25px;}
	.footer .list-area .half-area {width: 100%; float: none; margin-bottom: 5px;}
}

@media (max-width: 639px) {
	.container {padding: 0 15px;}
	.page-heading h1 {font-size: 25px; line-height: 30px;}
	.solutions-section .tab-pane p {max-width: 100%;}
}

@media (max-width: 550px) {
	.page-heading .banner-image {max-width: 75%;}
	.callout-section .col-xs-6 {width: 100% !important;}
	.callout-section .callout-area {padding-bottom: 20px;}
	.callout-section .callout-area p {min-height: initial;}
	.callout-section .callout-area a.button {position: static; margin: 0 20px;}
	.additional-section {padding-top: 50px;}
	.resources-section {padding-bottom: 30px;}
	body.page-template-template-resources .sidebar .widget.types-widget {padding-right: 0;}
	body.page-template-template-resources .sidebar .widget.topic-widget {padding-left: 0;}
	body.page-template-template-resources .sidebar .widget {width: 100%; float: none;}
	body.page-template-template-resources .sidebar .widget h3 {max-width: 100%; margin: 10px 0;}
	.resources-section .resource-area .text-area h3 {font-size: 18px; line-height: 25px;}
	.steps-section .step-area .step-title {font-size: 16px; margin: 0 10px;}
	.steps-section .step-area .step-container {text-align: center; margin-bottom: 30px; padding-top: 30px;}
	.steps-section .step-area h3 {margin-bottom: 15px;}
	.steps-section .step-area .step-container .step-arrow {position: static; display: inline-block;}
}

@media (max-width: 479px) {
	.callout-section .col-xs-6 {width: 100%;}
	.solutions-section .tab-pane {min-height: 0;;}
	.additional-section .col-xs-6 {width: 100%;}
	.reasons-section .col-xs-6 {width: 100%;}
	.reasons-section .reason-area {max-width: 100%; padding: 0 15px;}
	.testimonial-section .quote-area p {font-size: 18px; line-height: 25px;}
	.steps-section .step-area .step-title {font-size: 15px; margin: 0 5px;}
	body.page-template-template-demo .page-heading .text-box {padding-top: 40px;}
	body.page-template-template-demo .page-heading p {font-size: 21px; line-height: 28px;}
	.resources-section .resource-area .text-area h3 {font-size: 16px; line-height: 23px;}
	.footer .search-bottom p a {margin: 5px 0; display: block;}
	.top-footer .col-xs-6 {width: 100%;}
	.top-footer .list-area,
	.other-footer .list-area {text-align: center;}
}

@media (max-width: 380px) {
	.steps-section .step-area .step-title {font-size: 13px; margin: 0 3px; font-weight: 500;}
}

@media (max-width: 360px) {
	.resources-section .col-xs-6 {width: 100%;}
	.resources-section .col-lg-4:nth-child(2n+1) {clear: initial;}
	.resources-section .resource-area .text-area {min-height: initial;}
	.resources-section .resource-area .text-area h3 {min-height: initial;}
}

@media (max-width: 330px) {
	.top-bar .col-sm-6 {padding: 0 10px;}
	.top-bar p span {display: none;}
	.testimonial-section .quote-area::after {width: 100%;}
	.steps-section .step-area .step-title {font-size: 12px;}
}

@media (max-width: 280px) {
	.header .logo img {width: 100%; height: auto;}
	.header .navbar-toggle span {display: none;}
}

@media print {
	.header {top: 0; border: none; height: auto;}
	a[href]:after {content: none !important;}
	.header .show-for-medium-only,
	.header .show-for-small-only,
	.widget-search,
	.top-bar,
	.banner,
	.breadcrumb,
	.right-bar,
	.sidebar,
	.footer {display: none !important;}
}



    .red_header--placeholder { height:0px; background:#004691; }
    @media (min-width: 769px){.red_header--placeholder { height:124px; }}
    
    .red_button { align-self: flex-start; background:#E51937; display:block; padding:14px 22px; border-radius:999px; color: #FFF; text-align: center; font-size: 16px; font-weight: 600 !important; line-height: 140%; letter-spacing: -0.08px; width:fit-content; transition:background 0.3s ease;}
    .red_button:hover { background:#B0152A; color:#fff; }
    
    .red_hero { display:flex; align-items:center; justify-content:center; margin:0; padding:0; }
    .red_hero--awards { align-items:center; display:flex; gap:12px; }
    .red_hero--container { align-items:center; display:flex; gap:48px; padding:0 15px; max-width:1210px; width:100%; }
    .red_hero--content { display:flex; flex:0 0 100%; flex-direction:column; gap:16px; padding:24px 0; width:100%; }
    .red_hero--content h1 { color: #3B3B3B; font-size: 42px; font-weight: 400 !important; line-height: 120%; letter-spacing: -0.84px; margin:0; padding:0; }
    .red_hero--content h1 strong { color:#000; font-weight:900; }
    .red_hero--content p { color: #595959; font-size: 24px; font-weight: 400; line-height: 130%; margin:0; padding:0; }
    .red_hero--image { display:none; flex:1; }
    @media (min-width: 1024px){ 
        .red_hero--image { display:block; }
        .red_hero--content { flex:0 0 440px; width:440px; }
    }
    
    .red_endors { background:#F6F7F9; display:flex; align-items:center; justify-content:center; margin:0; padding:24px 0; }
    .red_endors--container { align-items:center; gap:48px; padding:0 15px; max-width:1210px; width:100%; }
    .red_endors--heading { font-size: 18px; line-height:24px; letter-spacing: 0%; text-align: center; }
    .red_endors--marquee {background:#F6F7F9;}
    .red_endors--viewport {position:relative; height:96px; overflow:hidden; -webkit-mask-image:linear-gradient(to right,transparent 0,black 80px,black calc(100% - 80px),transparent 100%); mask-image:linear-gradient(to right,transparent 0,black 80px,black calc(100% - 80px),transparent 100%);}
    .red_endors--viewport::before, .red_endors--viewport::after {content:""; position:absolute; top:0; bottom:0; width:80px; pointer-events:none; z-index:1;}
    .red_endors--viewport::before {left:0; background:linear-gradient(to right,#F6F7F9,rgba(246,247,249,0));}
    .red_endors--viewport::after {right:0; background:linear-gradient(to left,#F6F7F9,rgba(246,247,249,0));}
    .red_endors--track {position:absolute; inset:0; display:flex; flex-direction:row; align-items:center; animation:marquee-left 30s linear infinite; will-change:transform;}
    .red_endors--viewport:hover .red_endors--track {animation-play-state:paused;}
    .red_endors--list {display:flex; flex-direction:row; align-items:center; gap:48px; margin:0; padding:0; list-style:none; white-space:nowrap;}
    .red_endors--list li {line-height:0;}
    .red_endors--list img {height:auto !important; max-height:48px; width:auto; max-width:none; display:block; flex-shrink:0;}
    @keyframes marquee-left {from{transform:translateX(0);} to{transform:translateX(-50%);}}
    @media (prefers-reduced-motion:reduce) {.red_endors--track{animation:none;}}
    
    .red_banner {background:#E11D2E; color:#fff; display:grid; place-items:center; padding:56px 16px;}
    .red_banner_inner {text-align:center; max-width:1100px; width:100%;}
    .red_banner_title {color:#fff; margin:0 0 16px 0; font-weight:600; line-height:1.15; letter-spacing:-0.02em; font-size:36px;}
    .red_banner_emphasis {font-weight:800;}
    .red_banner_sub {color:#fff; margin:0; opacity:.85; line-height:1.5; font-size:18px;}

    .red_scenarios {padding:72px 16px; background:#fff;}
    .red_scenarios_header {max-width:1160px; margin:0 auto 48px; text-align:center;}
    .red_scenarios_kicker {margin:0 0 8px; color:#E11D2E; font-weight:700;}
    .red_scenarios_title {margin:0 0 8px; font-weight:400; letter-spacing:-0.02em; line-height:1.15; color:#2b2b2b; font-size:42px;}
    .red_scenarios_sub {margin:0 auto; max-width:960px; color:#4a4a4a; font-size:20px; line-height:1.55;}


/* GRID — keep overflow visible so overlays can hang outside without pushing layout */
.red_cards {
  list-style:none;
  margin:24px auto 0;
  padding:0;
  max-width:1160px;
  display:grid;
  gap:24px;
  grid-template-columns:repeat(2, minmax(0,1fr));
  overflow:visible; /* important */
}
@media (min-width: 720px){ .red_cards{ grid-template-columns:repeat(2,1fr); } }
@media (min-width: 1100px){ .red_cards{ grid-template-columns:repeat(4,1fr); } }


.red_card {
    background:#fff;
    border-top:1px solid #e9edf2;
    border-radius:16px;
    box-shadow:0 0 0 rgba(0,0,0,0);
    display:flex;
    flex-direction:column;
    gap:16px;
    min-height:124px;
    padding:28px;
    position:relative;
    transition:box-shadow .2s ease, transform .2s ease;
    will-change: transform, box-shadow;
}
.red_card:hover,
.red_card.is-hover { 
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    transform:translateY(-2px);
    z-index:3; 
}


.red_card_icon { flex:0 0 auto; width:48px; height:48px; display:grid; place-items:center; color:#3a3a3a; }
.red_card_icon img { height:32px; width:32px; }
.red_card_title { margin:0; font-size:18px; line-height:1.3; color:#2b2b2b; font-weight:400; }


.red_card_reveal {
  position:absolute;
  left:0;
  right:0;
  top:90%; 
  transform: translateY(8px) scaleY(.98);
  background:#fff;
  border:1px solid #e9edf2;
  border-top:none;
  border-radius:0 0 16px 16px;
  padding:0 28px 20px;
  box-shadow:0 12px 12px rgba(0,0,0,.08);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.red_card_reveal p {
  margin:0;
  color:#565656;
  font-size:14px;
  line-height:1.5;
}

.red_card:hover .red_card_reveal,
.red_card.is-hover .red_card_reveal,
.red_card:focus-within .red_card_reveal {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateY(0) scaleY(1);
  transition: opacity .18s ease, transform .18s ease, visibility 0s;
}




    .red_feature {padding:56px 16px 24px; background:#F6F7F9;}
    .red_feature_head {max-width:1210px; margin:0 auto 20px; padding:0 15px; }
    .red_feature_kicker {margin:0 0 10px; color:#E11D2E; font-weight:700;}
    .red_feature_title {margin:0; color:#2b2b2b; font-weight:400; letter-spacing:-.02em; line-height:1.2; font-size:40px; max-width:800px; }
    .red_feature_shell {max-width:1200px; margin:20px auto; background:linear-gradient(180deg,#F6F7F9 0%, #ECEFF3 100%); border:1px solid #e7ecf2; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.08); padding:20px; display:grid; grid-template-columns:320px 1fr; gap:20px;}
    @media (max-width: 980px){.red_feature_shell{grid-template-columns:1fr; padding:16px;}}


.red_tabs_wrap {display:flex; flex-direction:column; gap:14px;}
@media (max-width: 980px){.red_tabs_wrap{flex-direction:row; overflow:auto; padding-bottom:8px; gap:10px;}}
.red_tab {align-items:center; width:100%; display:flex;  gap:12px; background:#fff; color:#2b2b2b; border:1px solid #e7ecf2; border-radius:999px; padding:12px 16px; font:600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji"; cursor:pointer; transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease; outline:none;}
.red_tab:hover {box-shadow:0 6px 22px rgba(0,0,0,.08); transform:translateY(-1px);}
.red_tab.is-active {border-color:#dfe6ee; box-shadow:0 8px 26px rgba(0,0,0,.09);}
.red_tab[aria-selected="true"] {background:#fff;}
@media (max-width: 980px){.red_tab{flex:0 0 auto; align-self: flex-start; width: fit-content; }}
.red_tab_icon {width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center;}
.red_tab_icon svg, .red_tab_icon img {width:100%; height:100%; display:block;}
.red_tab_text {font-weight:400 !important; white-space:normal; overflow-wrap:anywhere; word-break:break-word; line-height:1.25; flex:1 1 auto; min-width:0;}
.red_tab {align-items:center; text-align:left;}
.red_panels {background:#fff; border-radius:14px; padding:18px; border:1px solid #e7ecf2; overflow:hidden;}
.red_panel {display:grid; gap:12px;}
.red_panel_title { color:#3B3B3B; margin:2px 0 0; font-size:24px; font-weight:400; }
.red_panel_copy {margin:0 0 6px; color:#444; line-height:1.55; font-size:16px;}
.red_panel_img {width:100%; height:auto; border-radius:10px; display:block; border:1px solid #e6ebf1;}
.red_panel[hidden] { display:none !important; }
.red_icon_accent {fill:#E11D2E; stroke:none;}

.red_ti {background:#fff; color:#3B3B3B; padding:72px 20px 80px; }
.red_ti_head {max-width:1160px; margin:0 auto 28px; text-align:center;}
.red_ti_title {color:#3B3B3B; margin:0 0 10px; font-size:44px; line-height:1.15; font-weight:400;}
.red_ti_subtitle {color:#3B3B3B; margin:0 0 12px; font-size:28px; line-height:1.25; font-weight:400;}
.red_ti_intro {margin:0 auto; max-width:920px; font-size:16px; line-height:1.6; }
.red_ti_body {max-width:1210px; margin:32px auto 0; }
@media (max-width: 980px){ .red_ti_body {grid-template-columns:1fr; gap:24px;} }

.red_ti_media::before {content:""; position:absolute; inset:-10px; border-radius:26px; pointer-events:none; box-shadow:0 0 0 2px rgba(255,255,255,0.12);}
.red_ti_img {display:block; width:100%; height:auto; border-radius:18px; border:1px solid rgba(255,255,255,0.22);}

.blue-color .contact-section .form-area { background:#E51937; }




/* layout & theme */
.red_auto { background:#E11D2E; color:#fff; padding:56px 20px 72px;}
.red_auto_wrap {max-width:1200px; margin:0 auto;}
.red_auto_head {max-width:680px;}
.red_auto_kicker {color:#DFDFDF; margin:0 0 8px; font-weight:700; opacity:.9; font-size:18px;}
.red_auto_title { color:#fff; margin:0 0 22px; font-weight:400; letter-spacing:-.02em; line-height:1.15; font-size:32px;}
.red_auto_intro { flex:0 0 33.3%; color: #FFF; font-size: 24px; font-weight: 400; line-height: 130%; /* 31.2px */ letter-spacing: -0.48px;}
.red_auto_layout { align-items:center; display:flex; gap:48px; padding:48px 0; }
@media (max-width: 980px){ .red_auto_layout { flex-direction:column; } }