/*
Theme Name: DTC
Author: Code Greene
*/

/* STYLE RESET =================================================================================================================================================== */

*{padding:0; box-sizing:border-box; margin:0; font-family:'Dell-Replica'; font-size:16px; font-weight:400; text-rendering:geometricPrecision; position:relative;}

/* CUSTOM FONTS ================================================================================================================================================== */

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-Light.woff) format('woff'),
       url(fonts/DellReplica-Light.woff2) format('woff2');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-LightItalic.woff) format('woff'),
       url(fonts/DellReplica-LightItalic.woff2) format('woff2');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-Regular.woff) format('woff'),
       url(fonts/DellReplica-Regular.woff2) format('woff2');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-Italic.woff) format('woff'),
       url(fonts/DellReplica-Italic.woff2) format('woff2');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-Bold.woff) format('woff'),
       url(fonts/DellReplica-Bold.woff2) format('woff2');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-BoldItalic.woff) format('woff'),
       url(fonts/DellReplica-BoldItalic.woff2) format('woff2');
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-Heavy.woff) format('woff'),
       url(fonts/DellReplica-Heavy.woff2) format('woff2');
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: 'Dell-Replica';
  src: url(fonts/DellReplica-HeavyItalic.woff) format('woff'),
       url(fonts/DellReplica-HeavyItalic.woff2) format('woff2');
  font-style: italic;
  font-weight: 900;
}

/* BLANKET STYLES ================================================================================================================================================ */

/* Defaults */

.hideScrollbar{scrollbar-width:none; -ms-overflow-style:none;}
.hideScrollbar::-webkit-scrollbar{display:none;}

body{background-color:#F5F5F5;}
body.noscroll{overflow:hidden;}

hr{display:block; width:100%; margin:35px auto; border:1px solid var(--blue1);}
img{display:block; width:initial; max-width:100%; height:auto;}
img.alignleft{float:left; margin:15px 15px 15px 0;}
img.alignright{float:right; margin:15px 0 15px 15px;}
img.aligncenter{margin:15px auto;}
strong, strong *, b, b *{font-size:1em; font-weight:700;}
em{font-style:italic;}
iframe{max-width:100%;}

a{color:var(--blue3); font-size:1em; transition:all 0.25s;}
a *{color:var(--blue3);}
a:hover, a:focus, a:active,
a:hover *, a:focus *, a:active *{color:var(--blue2);}

.white-text, .white-text *{color:var(--white) !important;}
.white-text a{text-decoration:underline;}

.black-text, .black-text *{color:var(--black) !important;}
.black-text a{text-decoration:underline;}

/* Page Contents */

.page-wrapper{display:flex; flex-direction:column; float:left; width:100%; min-height:100vh;}
.page-content{flex-grow:1; overflow:hidden; float:left; width:100%; margin-top:60px; z-index:2;}
.page-content.flex-page{overflow:initial;}

.header-banner.show_hbanner a.fixed-logo{top:60px;}
.header-banner.show_hbanner header{margin-top:60px;}
.header-banner.show_hbanner .page-content{margin-top:120px}
.header-banner.show_hbanner section.banner.sticky{top:120px;}

.header-banner.hide_hbanner a.fixed-logo{top:0;}
.header-banner.hide_hbanner .hbanner{display:none;}
.header-banner.hide_hbanner header{margin-top:0;}
.header-banner.hide_hbanner .page-content{margin-top:60px}
.header-banner.hide_hbanner section.banner.sticky{top:60px;}

.hbanner{display:flex; float:left; width:100%; height:60px; padding:19px 0; background-repeat:no-repeat; background-size:100%; background-position:right center; position:fixed; top:0; z-index:9999;}
.hbanner-container{display:flex; justify-content:center; max-width:1202px; padding:0 50px;}
.hbanner-container:before{content:''; flex:1; width:1px;}
.hbanner img.hbanner-logo{width:initial; height:auto; margin:0 20px;}
.hbanner a{flex:1; display:flex; justify-content:flex-end; align-items:center; font-size:14px; letter-spacing:1.4px; text-transform:uppercase; text-decoration:none; white-space:nowrap;}
.hbanner a *{color:var(--white);}
.hbanner a:after{content:''; display:flex; width:13px; height:13px; margin-left:13px; background-image:url('./images/arrow-down-grey.png'); background-repeat:no-repeat; background-size:contain; filter:brightness(0) invert(1); transform:rotate(-90deg);}

@media screen and (max-width:900px) {
	.hbanner-container{padding:0 35px;}
	.hbanner-container:before{display:none;}
	.hbanner img.hbanner-logo{margin-left:0;}
}

@media screen and (max-width:600px) {
	.hbanner img.hbanner-logo{display:none;}
}

/* Flexible */

.flexible{float:left; width:100%; margin:50px 0;}

.no-top{margin-top:0 !important;}
.no-bottom{margin-bottom:0 !important;}

/* Sections */

section{float:left; width:100%;}
section.default{padding:50px 0;}
.overlay{width:100%; position:absolute; top:0; bottom:0; z-index:1;}

/* Paragraphs */

p{margin:16px 0; color:var(--grey2);}
p img{max-width:100%; height:auto;}
p img.alignright{float:right; margin:0 0 10px 10px;}
p img.alignleft{float:left; margin:0 10px 10px 0;}
p img.aligncenter{margin:20px auto;}
/*p + p{margin-top:-15px;}*/
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0 !important;}

.main-text{float:left; width:100%; margin-bottom:40px;}

.wp-caption{max-width:100%;}
.wp-caption.alignright{float:right; margin:0 0 10px 10px;}
.wp-caption.alignleft{float:left; margin:0 10px 10px 0;}
.wp-caption.aligncenter{margin:20px auto;}
.wp-caption img{max-width:100%; height:auto;}

.wp-caption p{margin-top:3px; font-size:14px !important; line-height:22px; color:#707070;}
figcaption.image-caption{padding-top:3px; color:#707070;}

@media screen and (max-width:600px) {
    p img{width:100%; margin:20px 0 !important;}
}

/* Headings */

h1, h2, h3, h4, h5, h6{width:100%; color:var(--grey2);}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{font-size:1em !important;}
h1 *, h2 *, h3 *{font-weight:700; color:var(--blue3);}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;}

h1{font-size:38px; font-weight:700; color:var(--blue3);}
h2{font-size:32px; font-weight:700; color:var(--blue3);}
h3{font-size:20px; font-weight:700; color:var(--blue3);}
h4{font-size:20px; line-height:1.5;}
h5{font-size:16px;}
h6{font-size:14px; text-transform:uppercase}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote,
h1 + q, h2 + q, h3 + q, h4 + q, h5 + q, h6 + q,
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table{margin-top:10px;}

@media screen and (max-width:600px) {
    h1{font-size:28px;}
    h2{font-size:24px;}
}

/* Lists */

ul,ol{width:100%; padding-left:25px; margin:20px 0;}
ul:first-child, ol:first-child{margin-top:0;}
ul:last-child, ol:last-child{margin-bottom:0;}

li{margin-bottom:10px; color:var(--grey2);}
li:last-of-type{margin-bottom:0 !important;}

.text li{line-height:1.5;}

/* Blockquote */

blockquote, q{width:100%; padding:48px 43px; margin:50px 0; background-color:var(--blue3);}
blockquote p,
blockquote li{font-size:24px !important; line-height:34px !important;}
blockquote:first-child, q:first-child{margin-top:0;}
blockquote:last-child, q:last-child{margin-bottom:0;}
blockquote *, q *{color:#fff;}

@media screen and (max-width:700px) {
    blockquote, q{padding:20px 35px;}
}

@media screen and (max-width:425px) {
    blockquote, q{padding:20px;}
}

/* Tables */

table{width:100%; margin:20px 0;}
table:first-child{margin-top:0;}
table:last-child{margin-bottom:0;}
tr{background:#fff;}
tr:nth-child(even){background:#f9f9f9;}
th{padding:10px 15px; color:#fff; background-color:#000; font-weight:700; text-align:left;}
td{padding:10px 15px; color:var(--grey2);}

/* Nav */

nav ul{padding:0; margin:0; list-style:none;}
nav li{margin:0;}
nav li:before{display:none;}
nav a,
nav a:hover{text-decoration:none;}

/* Buttons */

.btn a, a.btn,
.btn input[type=submit],
input[type=submit].btn{display:inline-block; height:auto !important; padding:5px 49px 6px 49px !important; font-size:18px !important; text-align:center !important; text-decoration:none !important; border:none; border-radius:30px; transition:all 0.25s !important;}
.btn a:hover, a.btn:hover,
.btn input[type=submit]:hover,
input[type=submit].btn:hover{cursor:pointer;}

.small-btn a, a.small-btn,
.small-btn input[type=submit],
input[type=submit].small-btn{padding:5px 25px 6px 25px !important;}

.blue1-btn a, a.blue1-btn,
.blue1-btn input[type=submit],
input[type=submit].blue1-btn{color:var(--white) !important; background-color:var(--blue1);}
.blue1-btn a:hover, a.blue1-btn:hover,
.blue1-btn input[type=submit]:hover,
input[type=submit].blue1-btn:hover{color:var(--blue1) !important; background-color:var(--white);}

.blue1-2-btn a, a.blue1-2-btn,
.blue1-2-btn input[type=submit],
input[type=submit].blue1-2-btn{color:var(--white) !important; background-color:var(--blue1);}
.blue1-2-btn a:hover, a.blue1-2-btn:hover,
.blue1-2-btn input[type=submit]:hover,
input[type=submit].blue1-2-btn:hover{color:var(--white) !important; background-color:var(--blue2);}

.blue3-btn a, a.blue3-btn,
.blue3-btn input[type=submit],
input[type=submit].blue3-btn{color:var(--white) !important; background-color:var(--blue3);}
.blue3-btn a:hover, a.blue3-btn:hover,
.blue3-btn input[type=submit]:hover,
input[type=submit].blue3-btn:hover{color:var(--blue3) !important; background-color:var(--white);}

.dark-blue-btn a, a.dark-blue-btn,
.dark-blue-btn input[type=submit],
input[type=submit].dark-blue-btn{color:var(--white) !important; background-color:#232946;}
.dark-blue-btn a:hover, a.dark-blue-btn:hover,
.dark-blue-btn input[type=submit]:hover,
input[type=submit].dark-blue-btn:hover{color:#232946 !important; background-color:var(--white);}

.orange-btn a, a.orange-btn,
.orange-btn input[type=submit],
input[type=submit].orange-btn{color:var(--white) !important; background-color:var(--orange);}
.orange-btn a:hover, a.orange-btn:hover,
.orange-btn input[type=submit]:hover,
input[type=submit].orange-btn:hover{color:var(--orange) !important; background-color:var(--white);}

.white-btn a, a.white-btn,
.white-btn input[type=submit],
input[type=submit].white-btn{color:var(--white) !important; background-color:transparent; border:1px solid var(--white);}
.white-btn a:hover, a.white-btn:hover,
.white-btn input[type=submit]:hover,
input[type=submit].white-btn:hover{color:var(--blue1) !important; background-color:var(--white);}

.white-btn2 a, a.white-btn2,
.white-btn2 input[type=submit],
input[type=submit].white-btn2{color:var(--blue1) !important; background-color:var(--white);}
.white-btn2 a:hover, a.white-btn2:hover,
.white-btn2 input[type=submit]:hover,
input[type=submit].white-btn2:hover{color:var(--white) !important; background-color:var(--blue3);}

.white-btn-orange a, a.white-btn-orange,
.white-btn-orange input[type=submit],
input[type=submit].white-btn-orange{color:var(--white) !important; background-color:transparent; border:1px solid var(--white);}
.white-btn-orange a:hover, a.white-btn-orange:hover,
.white-btn-orange input[type=submit]:hover,
input[type=submit].white-btn-orange:hover{color:var(--orange) !important; background-color:var(--white);}

/* Forms */

form{display:flex; flex-wrap:wrap; justify-content:space-between;}
form h2{margin-bottom:10px;}
.form-item{float:left; width:100%; margin-bottom:20px; position:relative;}
.form-item.form-half{width:calc(50% - 10px);}
.form-item.form-third{width:calc(33.33% - 10px);}
.form-item.form-quarter{width:calc(25% - 10px);}
.form-item.select:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; color:#888; position:absolute; top:15px; right:15px; z-index:1;}

.form-text{float:left; width:100%; margin-bottom:5px; color:var(--grey2);}

.form-input{float:left; width:100%;}
.form-input input,
.form-input select{float:left; width:100%; height:44px; padding:10px 15px; color:var(--grey2); background-color:#fff; border:2px solid #EBEDED; border-radius:6px;}
.form-input textarea{float:left; width:100%; height:150px; padding:15px 20px; color:var(--grey2); border:1px solid #707070;}

.form-input input::-webkit-input-placeholder{color:var(--grey2);}
.form-input input::-moz-placeholder{color:var(--grey2);}
.form-input input:-ms-input-placeholder{color:var(--grey2);}
.form-input input:-moz-placeholder{color:var(--grey2);}
.form-input textarea::-webkit-input-placeholder{color:var(--grey2);}
.form-input textarea::-moz-placeholder{color:var(--grey2);}
.form-input textarea:-ms-input-placeholder{color:var(--grey2);}
.form-input textarea:-moz-placeholder{color:var(--grey2);}

.form-input input[type=checkbox]{width:20px; height:20px; margin:-3px 10px 0 0;}

.form-submit{order:2; display:flex; align-items:center; float:left; width:100%;}
.form-submit span.wpcf7-spinner{margin:0 -30px 0 10px !important;}

@media screen and (max-width:550px) {
    .form-item.form-third{width:100%;}
}

@media screen and (max-width:425px) {
    .form-item.form-half{width:100%;}
}

/* CF7 Form Validation */

.wpcf7-not-valid-tip{display:none !important;}
form.invalid .wpcf7-not-valid{float:left; border:1px solid red !important; background:#f0e3e3 !important;}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center;}
div.wpcf7-response-output,
div.wpcf7-mail-sent-ng{order:1; width:100%; margin:20px 0 0 !important; text-align:center;}

form input[type=submit]:disabled{color:#ccc; background-color:#eee; border:2px solid #ccc;}
form input[type=submit]:disabled:hover{cursor:not-allowed; color:#ccc; background-color:#eee; border:2px solid #ccc;}

/* Widgets */

.widget{float:left; width:100%; margin-bottom:50px;}
.widget:last-child{margin-bottom:0;}
.widgettitle{font-weight:700;}

/* CUSTOM STYLES ================================================================================================================================================= */

/* Extras */

.container{width:100%; margin:0 auto;}

a.go-back{display:flex; align-items:center; font-size:11px; letter-spacing:0.55px; text-decoration:none; position:absolute; top:-25px; left:0; z-index:2;}
a.go-back strong{opacity:0.5; color:#ACACAC;}
a.go-back img{width:6px; height:auto; margin-right:10px;}

img.black-img{filter:brightness(0);}
img.white-img{filter:brightness(0) invert(1);}
img.blue2-img{filter:invert(66%) sepia(19%) saturate(1145%) hue-rotate(158deg) brightness(102%) contrast(74%);}
img.orange-img{filter:invert(33%) sepia(81%) saturate(1000%) hue-rotate(357deg) brightness(112%) contrast(89%);}
img.yellow-img{filter:invert(58%) sepia(100%) saturate(360%) hue-rotate(5deg) brightness(99%) contrast(99%);}

.separator{float:left; width:404px; height:5px; background-color:var(--yellow);}

.blue-gradient-bg{/*background:transparent linear-gradient(180deg, #41B6E6 0%, #2E77C8 100%) 0% 0% no-repeat padding-box;*/
	background-color:var(--blue1);} /* Changed solid for accessibility */

code .code_inner{display:inline-block; width:105%; position:absolute; top:30px; right:0; z-index:1000;}

@media screen and (max-width:680px) {
    .separator{float:left; width:202px;}
}

/* Parallax */

.parallax{position:absolute; z-index:-1;}

#pattern1{width:390px; height:170px; right:92.5%;}
#pattern2{width:390px; height:96px; left:88.6%;}
#pattern4{width:390px; height:96px; right:80%; z-index:2;}
#pattern5{width:390px; height:96px; left:80.5%; z-index:2;}
#pattern6{width:172px; height:390px; right:94.5%; z-index:2;}
#pattern7{width:390px; height:96px; right:85%;}
#pattern8{width:390px; height:170px; left:89%;}
#pattern9{width:390px; height:170px; left:98%;}
#pattern10{width:390px; height:96px; right:93.5%;}
#pattern10-2{width:390px; height:170px; left:80%;}
#pattern11{width:390px; height:170px; right:90%; z-index:2;}
#pattern11-2{width:172px; height:390px; left:94.5%; z-index:2;}
#pattern12{width:390px; height:96px; right:85%; z-index:2;}
#pattern12-2{width:390px; height:96px; right:85%; z-index:2;}
#pattern12-3{width:172px; height:390px; left:111%; z-index:2;}
#pattern13{width:192px; height:360px; right:calc(100% + 69px);}
#pattern14{width:172px; height:390px; left:103%;}
#pattern15{width:390px; height:170px; right:85%;}
#pattern16{width:172px; height:390px; left:105%;}
#pattern17{width:172px; height:390px; left:105%;}
#pattern18{width:390px; height:96px; right:91%;}
#pattern19{width:200px; height:245px; right:92%;}
#pattern20{width:390px; height:96px; left:83%;}
#pattern21{width:390px; height:96px; right:91%;}
#pattern22{width:390px; height:170px; left:98%;}
#pattern23{width:390px; height:96px; left:105%;}
#pattern24{width:172px; height:390px; right:105%;}
#pattern25{width:390px; height:170px; right:85%;}
#pattern26{width:170px; height:390px; left:102.5%; z-index:2;}
#pattern27{width:200px; height:245px; right:98%;}
#pattern28{width:390px; height:96px; left:98%;}
#pattern29{width:170px; height:390px; right:115%;}
#pattern30{width:170px; height:390px; left:102.5%; z-index:2;}
#pattern31{width:172px; height:390px; left:105%;}
#pattern32{width:172px; height:390px; right:113.5%;}
#pattern33{width:390px; height:170px; left:93%;}
#pattern34{width:172px; height:390px; left:104.5%;}
#pattern35{width:200px; height:245px; left:105%;}
#pattern36{width:172px; height:390px; left:104.5%; z-index:2;}
#pattern37{width:170px; height:390px; right:98.5%;}
#pattern38{width:390px; height:96px; left:87%;}
#pattern39{width:390px; height:170px; right:93%;}

section.home-hero .parallax,
section.sub-hero .parallax{z-index:2;}

@media screen and (max-width:1023px) {
    #pattern7{right:88%;}
    #pattern25{right:91%;}
}

@media screen and (max-width:700px) {
    #pattern34{right:calc(100% - 20px);}
}

/* Header */

header{float:left; width:100%; background-color:var(--white); position:fixed; z-index:100;}
header.nav-up{top:-60px !important; transition:top 0.25s ease-in-out;}
header.nav-down{top:0 !important; transition:top 0.25s ease-in-out;}

.header-container{display:flex; justify-content:flex-end; max-width:1202px; height:60px; padding:0 50px; z-index:2;}

header nav.header-menu{display:flex; width:100%;}
header nav.header-menu .menu-header-menu-container{display:flex; width:100%;}
header nav.header-menu ul{display:flex; justify-content:flex-end; width:100%;}
header nav.header-menu ul li{display:flex; padding:0 20px;}
header nav.header-menu ul li.mobile-only{display:none;}
header nav.header-menu ul li a{display:flex; align-items:center; color:#707070; font-size:14px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase;}
header nav.header-menu ul li a:hover{color:var(--blue1);}
header nav.header-menu ul li.current-menu-item a{color:var(--blue1);}

header nav.header-menu ul li.menu-item-has-children a{display:flex; align-items:center;}
header nav.header-menu ul li.menu-item-has-children a:after{content:''; width:13px; height:13px; margin-left:10px; background-image:url('./images/arrow-down-grey.png'); background-repeat:no-repeat; background-size:contain; background-position:center;}

header nav.header-menu ul li a:focus + ul.sub-menu,
header nav.header-menu ul li:hover > ul.sub-menu,
header nav.header-menu ul li ul.sub-menu:focus-within,
header nav.header-menu ul li ul.sub-menu.focused{display:block;}
header nav.header-menu ul li ul.sub-menu{display:none; padding:10px 0; margin:0; background-color:#fff; position:absolute; top:100%; right:0; left:0; z-index:2;}
header nav.header-menu ul li ul.sub-menu li{width:100%; padding:0; margin:0;}
header nav.header-menu ul li ul.sub-menu li a{display:inline-block; width:100%; padding:10px 20px; margin:0; color:#707070; background-color:#fff; text-align:left;}
header nav.header-menu ul li ul.sub-menu li a:hover{color:var(--blue1);}

.hamburger{display:none; float:right; padding:0 !important; border-radius:0; position:relative; z-index:3;}
.hamburger:hover{opacity:1;}
.hamburger:focus-within{outline: blue auto 1px;}
.hamburger-box{height:30px;}
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after{background-color:var(--blue1);}

.fixed-logo-container{max-width:1202px; z-index:101; transition:all 0.25s;}
.fixed-logo-container.fixed{position:fixed; top:0; left:50%; transform:translate(-50%, 0%);}
a.logo{flex:0 0 156px; width:156px; height:60px; display:flex; align-items:center; padding:12px; margin-right:auto; background-color:var(--blue1); font-size:24px; text-decoration:none;}
a.fixed-logo{display:flex; justify-content:center; align-items:center; width:156px; height:156px; padding:12px; background-color:var(--blue1); position:absolute; top:0; left:50px; z-index:999;}
a.fixed-logo img{width:initial; max-width:100%; height:auto; max-height:100%;}

nav.slicknav-menu{opacity:0; visibility:hidden; width:100%; padding:20px 35px; background-color:var(--white); position:fixed; top:0; bottom:0; z-index:999; transition:all 0.25s;}
nav.slicknav-menu.open{opacity:1; visibility:visible; overflow-y:scroll;}
nav.slicknav-menu ul{display:flex; flex-direction:column; float:left; width:100%; padding:0; margin:0; list-style:none; position:relative; z-index:2;}
nav.slicknav-menu ul li{float:left; width:100%; padding:0; margin:0;}
nav.slicknav-menu ul li.btn a{border-radius:0;}
nav.slicknav-menu ul li a{display:inline-block; float:left; width:100%; padding:20px; box-sizing:border-box; color:var(--blue1); font-size:30px; font-weight:700;}
nav.slicknav-menu ul li a:hover{color:var(--blue2);}
nav.slicknav-menu ul li a:before{content:''; width:12px; height:12px; background-image:url(./images/arrow-bullet.png); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; top:35px; left:-10px;
                                filter:invert(58%) sepia(100%) saturate(360%) hue-rotate(5deg) brightness(99%) contrast(99%);}
/*nav.slicknav-menu ul li.menu-item-has-children a:after{content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; margin-left:10px;}*/
nav.slicknav-menu img{display:block; float:left; min-width:400px; height:107px; margin:50px 0 0 -290px;}

@media screen and (max-width:900px) {
    .header-container{padding:0 35px;}
	
    a.logo{flex:0 0 120px; width:120px; padding:12px; font-size:24px; right:0;}
    a.fixed-logo{width:120px; height:120px; padding:12px; left:35px;}
}

@media screen and (max-width:767px) {
    header nav.header-menu{display:none;}
    header nav.header-menu ul li.mobile-only{display:flex;}
    
    .hamburger{display:block;}
    
	a.fixed-logo{left:0;}
	a.logo{position:absolute; left:0;}
	
    nav.slicknav-menu ul li.desktop-only a,
    nav.slicknav-menu ul.sub-menu li.desktop-only a{display:none;}
    nav.slicknav-menu ul li.desktop-only li a{display:inline-block;}
}

@media screen and (min-width:768px) {
    nav.slicknav-menu{display:none !important;}
}

/* Footer */

.post-type-archive-companies footer{margin-top:100px;}

footer{float:left; width:100%; border-top:2px solid #F4F4F4;}
footer .footer-container{display:flex; justify-content:space-between; align-items:center; max-width:1100px; padding:0 50px;}

footer .footer-top{padding:24px 0; background-color:var(--blue1);}
footer img.footer-logo{width:initial; height:72px;}
footer .footer-social{display:flex;}
footer .footer-social a{display:block; margin-left:47px;}
footer .footer-social i{font-size:38px;}

footer .footer-legal{width:100%; padding:20px 50px; color:var(--blue3); background-color:#F4F4F4; font-size:13px; line-height:20px; letter-spacing:1.3px; text-align:center; text-transform:uppercase;}
footer .footer-legal p,
footer .footer-legal li{color:var(--blue3); font-size:13px; line-height:20px; letter-spacing:1.3px;}
footer .footer-legal a{color:var(--blue3); text-decoration:none;}
footer .footer-legal a:hover{text-decoration:underline;}

.use_cookies_wrap { position: fixed; z-index: 900; width: 100%; bottom: 0;}
.use_cookies_wrap .use_cookies_inner { width:100%; position: relative; left:0; top: 0; display: flex; justify-content: space-between; }
.use_cookies_wrap .use_cookies_inner .use_cookies_background { position: absolute; z-index: 901; top: 0; bottom: 0; width: 100%; background-color: var(--blue1); opacity: 0.9; }
.use_cookies_wrap .use_cookies_inner .use_cookies_text { font-size: 20px; padding: 21px 34px; color: var(--white); z-index: 910;}
.use_cookies_wrap .use_cookies_inner .use_cookies_buttons {  z-index: 910; }
.use_cookies_wrap .use_cookies_inner .use_cookies_buttons .read-more { font-size: 18px; color: var(--white); margin: 22px 106px 23px 37px; display: inline-block; text-decoration: none;}
.use_cookies_wrap .use_cookies_inner .use_cookies_buttons #use_cookies_ok { margin: 15px 0;}

@media screen and (max-width:767px) {
    footer .footer-container{flex-direction:column;}
    
    footer .section-button{margin:40px 0;}
    footer .footer-social a{margin:0 24px;}
}

/* Home Hero */

section.home-hero{padding:90px 0 50px;}
section.home-hero .home-hero-container{display:flex; flex-direction:column; justify-content:center; align-items:center; max-width:1102px;}
section.home-hero .hero-text{display:flex; flex-direction:column; align-items:center; float:left; width:100%; z-index:2;}
section.home-hero .hero-text *{color:var(--blue1); font-size:130px; font-weight:300; line-height:122px; text-align:center;}
section.home-hero .txt-ln1{float:left; width:100%;}
section.home-hero .txt-ln2{float:left; width:100%;}
section.home-hero .txt-ln2 span.orange-line {display: inline-block;}
section.home-hero .txt-ln2 span.orange-line .home_start_line_lottie {display: inline-block; position: absolute; width: 105%; top: 37px; right: 0; z-index: 1000;}
section.home-hero .txt-ln2 span.orange-line *{font-weight:700; display: inline-block;}
section.home-hero .txt-ln3{display:flex; justify-content:center; align-items:center; float:left; width:100%;}
section.home-hero .txt-ln3 span.green-line {display: inline-block;}
section.home-hero .txt-ln3 span.green-line .home_scale_line_lottie {display: inline-block; position: absolute; width: 105%; top: 40px; right: 0; z-index: 1000;}
section.home-hero .txt-ln3 span.green-line *{font-weight:700;}
section.home-hero .tagline{opacity:0; padding-top:35px; margin-top:30px; margin-bottom:-30px; color:var(--blue1); font-size:24px; font-weight:400; line-height:1.2; text-align:center; transition:all 0.25s;}
section.home-hero .tagline.active{opacity:1; margin-top:0; margin-bottom:0;}

section.home-hero .hero_arrow{position:absolute; bottom:-60px; left:0;}

section.home-hero img.arrow-down{opacity:0; width:55px; height:auto; margin-top:35px; position:relative; transition:all 0.5s;}
section.home-hero img.arrow-down.active{opacity:1;}

.bounce{bottom:0; -webkit-animation:bounce 4s 4s infinite;}

@-webkit-keyframes bounce {
    0%        {bottom:0;}
    15%       {bottom:20px;}
    16.66%    {bottom:0;}
    18.33%    {bottom:10px;}
    20%, 100% {bottom:0;}
}

@media screen and (max-width:1050px) {
    section.home-hero .hero_arrow{width:140px; bottom:-100px; left:4%;}
}

@media screen and (max-width:850px) {
    section.home-hero .hero-text *{font-size:100px; line-height:100px;}
    section.home-hero .txt-ln2 span.orange-line .home_start_line_lottie{top:25px;}
    section.home-hero .txt-ln3 span.green-line .home_scale_line_lottie{top:35px;}
    section.home-hero .tagline{font-size:24px; line-height:24px;}
}

@media screen and (max-width:600px) {
    section.home-hero .hero-text *{font-size:70px; line-height:70px;}
    section.home-hero .txt-ln2 span.orange-line .home_start_line_lottie{top:18px;}
    section.home-hero .txt-ln3 span.green-line .home_scale_line_lottie{top:25px;}
    section.home-hero .tagline{font-size:24px; line-height:24px;}
    
    section.home-hero .hero_arrow{display:none;}
}

/* Sub Hero */

section.sub-hero{padding:140px 0 50px;}
section.sub-hero .sub-hero-container{display:flex; max-width:1200px; padding:0 50px;}
section.sub-hero .section-block{float:left; width:100%;}
section.sub-hero .hero-title{float:left; width:100%; padding-bottom:64px;}
section.sub-hero .hero-title h1{color:var(--blue1); font-size:60px; font-weight:300;}
section.sub-hero .hero-title code{color:var(--orange); font-weight:300;}
section.sub-hero .hero-text{float:left; width:100%; max-width:692px; margin-left:175px;}
section.sub-hero .hero-text p,
section.sub-hero .hero-text li{color:var(--blue1); font-size:24px; line-height:34px;}

/* body.post-type-archive-companies section.sub-hero .section-block{padding-bottom:117px;} */
body.blog section.sub-hero .section-block{padding-bottom:268px; margin-bottom:-248px;}
body.single-team section.sub-hero{padding-bottom:127px;}
body.post-type-archive-case_studies section.sub-hero .section-block{padding-bottom:240px; margin-bottom:-210px;}
/*
section.sub-hero .lottie.corner,
section.sub-hero img.illustration{width:265px; position:absolute; bottom:-50px; left:85%; z-index:2;}
body.post-type-archive-companies section.sub-hero .lottie.corner,
body.post-type-archive-companies section.sub-hero img.illustration{width:200px; bottom:40px; left:88%;}
body.blog section.sub-hero .lottie.corner,
body.blog section.sub-hero img.illustration{width:140px; bottom:-90px; left:90%; transform:scaleX(-1);}
*/
@media screen and (max-width:1023px) {
    section.sub-hero .hero-title{padding-bottom:40px;}
    section.sub-hero .hero-text{max-width:100%; margin:0;}
    /*
    section.sub-hero .lottie.corner,
    section.sub-hero img.illustration{width:160px; top:calc(100% - 100px); right:20px; bottom:initial; left:initial;}
    */
    body.post-type-archive-companies section.sub-hero .hero-text{padding-right:100px;}
    /*
    body.post-type-archive-companies section.sub-hero .lottie.corner,
    body.post-type-archive-companies section.sub-hero img.illustration{width:150px; top:initial; bottom:40px; right:0; left:initial;}
    */
    body.single-team section.sub-hero .section-block{padding-top:0;}
}

@media screen and (max-width:900px) {
    body.single-team section.sub-hero{padding:100px 0 80px;}
}

@media screen and (max-width:700px) {
    section.sub-hero .sub-hero-container{padding:0 35px;}
    
    body.blog section.sub-hero .section-block{padding-bottom:20px; margin:0;}
}

@media screen and (max-width:600px) {
    section.sub-hero{padding-top:100px;}
    section.sub-hero .hero-title h1{font-size:50px;}
    
    body.single-team section.sub-hero .section-block{padding:62px 20px 82px;}
    body.post-type-archive-companies section.sub-hero{padding-bottom:70px;}
    /*body.post-type-archive-companies section.sub-hero .lottie.arrow{display:none;}*/
    body.post-type-archive-companies section.sub-hero .hero-text{padding-right:0;}
    /*body.post-type-archive-companies section.sub-hero .lottie.corner{bottom:-55px;}*/
    body.single-team section.sub-hero .section-block{padding:0;}
    body.blog section.sub-hero{padding-bottom:0; margin-bottom:25px;}
/*    body.blog section.sub-hero .lottie.corner,
    body.blog section.sub-hero img.illustration{bottom:-100px; left:initial;}*/
}

@media screen and (max-width:425px) {
    section.sub-hero .sub-hero-container{padding:0 20px;}
}

/* Hero Image */

section.hero-image{height:26.6vw; min-height:210px; margin:25px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}

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

/* Banner */

section.banner{min-height:107px; padding:50px 0; margin:25px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
section.banner.sticky{position:sticky; top:60px; z-index:3;}
section.banner .container{max-width:792px; padding:0 50px;}
section.banner .section-button{position:absolute; top:calc(50% - 16px); left:calc(50% + 346px);}
section.banner .section-button a{white-space:nowrap;}
section.banner img{margin-top:0; margin-bottom:0;}

@media screen and (max-width:1121px) {
    section.banner.with-btn{padding:65px 0 38px;}
    section.banner .section-button{top:12px; right:24px; left:initial;}
}

/* Icons */

section.icons{padding:50px 0;}
section.icons .container{display:flex; flex-direction:column; align-items:center; max-width:1202px; padding:0 50px;}
section.icons .main-title{width:100%; margin-bottom:25px; text-align:center;}
section.icons .section-block{display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% + 20px); margin:0 0 -40px -40px;}
section.icons .section-image{display:flex; justify-content:center; align-items:center; width:25%; padding-left:40px; box-sizing:border-box; margin-bottom:40px;}
section.icons .section-image img{width:initial; height:auto; max-height:100px;}
section.icons .section-image i{font-size:3em;}

@media screen and (max-width:850px) {
	section.icons .section-image{width:33.33%;}
}

@media screen and (max-width:600px) {
	section.icons .section-image{width:50%;}
}

@media screen and (max-width:480px) {
	section.icons .main-title{text-align:center; margin-bottom:50px;}
	section.icons .section-image{width:100%;}
	section.icons .section-image img{max-width:200px;}
}

/* Text w/Counter */

section.text-counter{padding:100px 0;}
section.text-counter .text-counter-container{display:flex; flex-direction:column; align-items:center; max-width:1100px; padding:0 50px;}
section.text-counter .section-text{float:left; width:100%; max-width:844px; margin-bottom:88px;}
section.text-counter .section-text p{font-size:24px; line-height:32px;}
section.text-counter .counter-block{display:flex; justify-content:space-between; align-items:flex-start; float:left; width:100%;}
section.text-counter .section-part{width:33.33%; max-width:242px; z-index:2;}
section.text-counter .section-box{display:flex; flex-direction:column; justify-content:center; align-items:center; float:left; width:100%; height:242px; background-color:var(--white);}
section.text-counter .section-box-bg{height:242px; background-color:var(--blue2); position:absolute; top:16px; right:-16px; bottom:-16px; left:16px; z-index:-1;}
section.text-counter .section-number{display:flex; justify-content:center; width:auto; padding:0 20px; margin-top:10px; color:var(--blue1); font-size:92px; text-align:center; line-height:1;}
section.text-counter .section-number *{font-size:inherit; font-weight:300;}
section.text-counter .counter-text{width:100%; max-width:190px; padding:0 20px; margin-top:30px; color:var(--blue1); font-size:18px; text-align:center;}

@media screen and (max-width:860px) {
    section.text-counter .counter-block{flex-direction:column; align-items:center;}
    section.text-counter .section-part{width:242px; margin-bottom:50px;}
    section.text-counter .section-box{height:242px;}
    section.text-counter .section-box-bg{height:242px;}
}

/* Main Title */

section.main-title{padding:50px 0 30px;}
section.main-title .main-title-container{padding:0 50px;}
section.main-title *{color:var(--blue1); font-size:60px; font-weight:300;}
section.main-title code{color:var(--orange); display: inline-block;}
section.main-title code .home_pathahead_line_lottie{ display: inline-block; position: absolute; top: 30px; right: 0; width: 105%; z-index: 1000;}

@media screen and (max-width:600px) {
    section.main-title .main-title-container{padding:0 20px;}
}

/* Testimonials */

section.testimonials{padding:50px 0;}
section.testimonials .main-title{float:left; width:100%; margin-bottom:85px; color:var(--blue1); font-size:60px; font-weight:300; text-align:center;}
section.testimonials .testimonial-container{display:flex; max-width:1016px; padding:0 50px;}
section.testimonials .testimonial-slider{float:left; width:100%;}
section.testimonials .slick-track{display:flex;}
section.testimonials .section-block{display:flex; flex-direction:column; float:left; width:100%; height:inherit;}
section.testimonials .section-part{display:flex; float:left; width:100%; margin-bottom:auto;}

section.testimonials .left-side{display:flex; flex-direction:column; align-items:flex-start; width:100%; padding-left:72px;}
section.testimonials .section-name{width:100%; padding-bottom:13px; color:var(--blue1); font-size:24px;}
section.testimonials .section-title{padding-bottom:13px; color:var(--blue3); font-size:14px; text-transform:uppercase; letter-spacing:1.4px;}
section.testimonials .section-bottom{display:flex; width:100%;}
section.testimonials .section-text-block{width:100%;}
section.testimonials .section-text{float:left; width:100%;}
section.testimonials .section-text p{color:var(--blue1); font-size:24px; line-height:34px;}
section.testimonials img.quote-icon{width:48px; height:auto; position:absolute; top:7px; left:-72px;}

section.testimonials .right-side{flex:0 0 258px; margin-left:42px;}
section.testimonials .section-image{width:242px; height:242px; margin-bottom:16px; background-color:var(--white); background-repeat:no-repeat; background-size:cover; background-position:center; border:1px solid var(--blue2); box-shadow:16px 16px 0px var(--blue2);}
section.testimonials .section-image.mobile{display:none;}

section.testimonials .slide-count{display:flex; justify-content:center; align-items:center; float:left; width:100%; margin:25px 0 10px; color:var(--blue1); font-size:14px;}
section.testimonials .slide-arrow{width:36px; height:36px; background-repeat:no-repeat; background-size:contain; background-position:center; transition:all 0.25s;}
section.testimonials .slide-arrow:hover{cursor:pointer; transform:scale(1.1);}
section.testimonials .prev-arrow{margin-right:30px;}
section.testimonials .next-arrow{margin-left:30px;}

button.slide-arrow{background-color:transparent; border:none;}

section.sub-hero section.testimonials{padding:0; max-width:1016px;}
section.sub-hero section.testimonials .section-part{justify-content:space-between; align-items:center;}
section.sub-hero section.testimonials .right-side{flex:0 0 344px; margin-right:30px; margin-left:0; z-index:3;}
section.sub-hero section.testimonials .section-image{width:328px; height:328px;}
section.sub-hero section.testimonials .left-side{max-width:572px; z-index:3;}
section.sub-hero section.testimonials .section-title{min-width:242px;}
section.sub-hero section.testimonials .section-title span{z-index:2;}
section.sub-hero section.testimonials .section-title:after{z-index:1;}
section.sub-hero section.testimonials .section-text{color:var(--blue1); font-size:24px; line-height:34px;}

@media screen and (max-width:920px) {
    section.testimonials img.quote-icon{top:7px;}
    section.testimonials .section-text-block{margin-right:30px;}
    section.testimonials .right-side{display:none;}
    section.testimonials .section-image.mobile{flex:0 0 242px; display:block; margin-right:16px;}
    
    section.sub-hero section.testimonials .section-part{align-items:flex-start;}
    section.sub-hero section.testimonials .right-side{flex:0 0 258px; display:block;}
    section.sub-hero section.testimonials .section-image{width:242px; height:242px;}
    section.sub-hero section.testimonials .left-side{padding-left:55px;}
    section.sub-hero section.testimonials img.quote-icon{width:38px; left:-55px;}
}

@media screen and (max-width:800px) {
    section.testimonials .section-image.mobile{flex:0 0 200px; height:200px;}
}

@media screen and (max-width:700px) {
    section.testimonials .section-title{padding-left:50px; margin-left:-50px;}
    section.testimonials .section-bottom{flex-direction:column;}
    section.testimonials .left-side{padding:0;}
    section.testimonials .section-image.mobile{flex:initial; width:200px; margin:0 auto 40px;}
    section.testimonials .section-text-block{order:2; padding-left:72px; margin-right:0;}
    section.testimonials img.quote-icon{left:0;}
    
    section.sub-hero section.testimonials .section-part{flex-direction:column;}
    section.sub-hero section.testimonials .right-side{margin-bottom:20px;}
    section.sub-hero section.testimonials .left-side{padding:0;}
    section.sub-hero section.testimonials .section-title{padding-left:55px; margin-left:-55px;}
    section.sub-hero section.testimonials .section-text-block{padding:30px 0 0 55px;}
    section.sub-hero section.testimonials img.quote-icon{top:30px; left:0;}
}

@media screen and (max-width:600px) {
    section.testimonials .testimonial-container{padding:0 20px;}
    section.testimonials .section-text-block{padding-left:50px;}
    section.testimonials img.quote-icon{width:38px;}
}

/* Case Studies */

section.case-studies{padding:75px 0 105px;}
section.case-studies .case-studies-container{display:flex; flex-direction:column; max-width:1100px; padding:0 50px;}
section.case-studies .main-title{float:left; width:100%; margin-bottom:50px; text-align:center;}
section.case-studies .main-title *{color:var(--white); font-size:60px; font-weight:300;}
section.case-studies .main-title code{color:var(--blue3); display: inline-block;}
section.case-studies .main-title code .section_case_studies_line_lottie{ display: inline-block; position: absolute; top: 30px; right: 0; width: 105%; z-index: 1000;}
section.case-studies .section-block{display:flex; flex-wrap:wrap; justify-content:space-between; float:left; width:100%; margin-bottom:-50px;}
section.case-studies .section-part{display:flex; flex-direction:column; width:33.33%; max-width:258px; margin-bottom:50px;}
section.case-studies .section-image{width:242px; height:242px; margin-bottom:47px; background-color:var(--white); background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:16px 16px 0 var(--blue2);}
section.case-studies .section-title{width:100%; padding-bottom:10px; font-size:18px; line-height:24px;}
section.case-studies .section-excerpt{width:100%; padding-bottom:20px; font-size:18px; line-height:24px;}
section.case-studies .section-button{width:100%;}

@media screen and (max-width:860px) {
    section.case-studies .section-block{flex-direction:column; align-items:center;}
    section.case-studies .section-part{width:100%;}
}

/* Latest News */

section.latest-news{padding:75px 0 150px; background-color:var(--blue3);}
section.latest-news .latest-news-container{max-width:800px; padding:0 50px;}
section.latest-news .main-title{float:left; width:100%; margin-bottom:70px; text-align:center;}
section.latest-news .main-title *{color:var(--white); font-size:60px; font-weight:300;}
section.latest-news .main-title code{color:var(--blue2); display:inline-block;}
section.latest-news .main-title code .section_news_line_lottie{ display: inline-block; position: absolute; top: 25px; right: -5px; width: 110%; z-index: 1000;}
section.latest-news .section-block{display:flex; flex-direction:column; align-items:center; float:left; width:100%; margin-bottom:-52px;}
section.latest-news .section-part{display:flex; float:left; width:100%; margin-bottom:52px;}
section.latest-news .section-image{flex:0 0 146px; height:146px; margin-right:67px; background-color:var(--white); background-repeat:no-repeat; background-size:cover; background-position:center;}
section.latest-news .section-text{width:100%;}
section.latest-news .section-date{float:left; width:100%; margin-bottom:20px; color:var(--blue2); font-size:14px; font-weight:700; letter-spacing:1.4px;}
section.latest-news .section-excerpt{float:left; width:100%; font-size:24px;}
section.latest-news .section-excerpt *{font-size:22px;}

@media screen and (max-width:600px) {
    section.latest-news .section-part{flex-direction:column; max-width:258px;}
    section.latest-news .section-image{display:none; flex:initial; width:242px; height:242px; margin:0 0 20px;}
    section.latest-news .section-excerpt,
    section.latest-news .section-excerpt *{font-size:18px;}
}

/* Case Study (OLD) 

section.case-study{padding:50px 0; z-index:2;}
section.case-study .case-study-container{display:flex; flex-direction:column; max-width:1000px;}
section.case-study .main-title{width:100%; max-width:1100px; padding:0 50px 48px 50px; margin-right:auto; margin-left:auto; color:var(--blue3);}
section.case-study .section-block{display:block; width:100%;}
section.case-study .section-block-bg{width:100%; height:0%; position:absolute; top:16px; left:16px; z-index:-1;}
section.case-study .section-block-back{width:100%; height:0%;  position:absolute; top:0px; left:0px; z-index:-1;}
section.case-study .case-study-inner { display: flex; justify-content: space-between; padding:38px 50px 60px;}    
section.case-study .left-side{flex:0 0 328px; display:flex; flex-direction:column;}
section.case-study .left-side #animate_c2 { width: 0; margin:0 0 30px -50px; }
section.case-study .left-side #animate_c2 .animate_inner { padding:0 16px 0 50px; background-color:var(--blue3); letter-spacing:1.5px; text-transform:uppercase;}
section.case-study .section-image{width:312px; height:312px; background-repeat:no-repeat; background-size:cover; background-position:center;}

section.case-study .right-side{display:flex; flex-direction:column; align-items:flex-end; padding-bottom: 90px;}
section.case-study .section-title{width:calc(100% - 151px); margin-bottom:41px; line-height:28px;}
section.case-study .section-title p{display:inline;}
section.case-study .section-timeline{width:100%;  display:flex; flex-direction:column; }
section.case-study .section-line{width:3px; background-color:var(--white); position:absolute; top:10px; height:auto; left:123px;}
section.case-study .section-row{display:flex; align-items:flex-start; float:left; width:100%; margin-bottom:30px; z-index:2; opacity: 0;}
section.case-study .section-row:last-child{margin-bottom:0;}
section.case-study .section-date{flex:0 0 97px; text-align:right;}
section.case-study .section-circle{flex:0 0 21px;  margin:0 16px 0 17px;background: none; height:21px; justify-content: center; align-content: center; text-align: center;}
section.case-study .section-circle .circle-inner {border:3px solid var(--white); border-radius:100px;width: 0px;height:0px; display: inline-block;  }
section.case-study .section-text{width:100%; margin-top:-1px;}
section.case-study .section-button{width:100%; margin:auto 0 -16px; text-align:left; position: absolute; bottom: 0;}

section.case-study.cs-blue .section-block-back{background-color:var(--blue2);}
section.case-study.cs-blue .section-block-bg{background-color:var(--blue3);}
section.case-study.cs-blue .section-image{box-shadow:16px 16px 0px var(--blue3);}
section.case-study.cs-blue .section-circle .circle-inner{background-color:var(--blue2);}

section.case-study.cs-orange .case-study-inner{background-color:var(--orange);}
section.case-study.cs-orange .section-block-bg{background-color:var(--yellow);}
section.case-study.cs-orange .section-image{box-shadow:16px 16px 0px var(--yellow);}
section.case-study.cs-orange .section-circle .circle-inner{background-color:var(--orange);}

section.case-study.cs-green .case-study-inner{background-color:var(--green1);}
section.case-study.cs-green .section-block-bg{background-color:var(--green2);}
section.case-study.cs-green .section-image{box-shadow:16px 16px 0px var(--yellow);}
section.case-study.cs-green .section-circle .circle-inner{background-color:var(--green1);}

@media screen and (max-width:1024px) {
    section.case-study .case-study-container{max-width:100%;}
    section.case-study .section-block-bg{display:none;}
}

@media screen and (max-width:920px) {
    section.case-study{padding:25px 0;}
    section.case-study .left-side{flex:0 0 258px;}
    section.case-study .section-image{width:242px; height:242px;}
    section.case-study .section-row{margin-bottom:15px;}
}

@media screen and (max-width:700px) {
    section.case-study .case-study-inner{flex-direction:column; align-items:center;}
    section.case-study .left-side{margin-bottom:30px;}
    section.case-study .left-side #animate_c2{width:calc(100% + 100px) !important; margin-left:-100px;}
    section.case-study .left-side #animate_c2 .animate_inner{padding-left:100px;}
    section.case-study .section-title{width:calc(100% - 94px);}
    section.case-study .section-line{left:66px;}
    section.case-study .section-date{flex:0 0 40px;}
    section.case-study .right-side{padding-bottom:70px;}
    section.case-study .section-title{margin-bottom:20px;}
    section.case-study .section-button{margin:0; text-align:center;}
    section.case-study .section-button *{width:initial !important;}
}

@media screen and (max-width:600px) {
    section.case-study .main-title{padding:0 20px 20px 20px;}
    section.case-study .section-title{width:100%;}
}
*/

/* Case Study - Landing */

body.post-type-archive-case_studies .page-content{display:flex;}

section.cs-landing{margin-bottom:2px;}
section.cs-landing .main-title{padding:80px 0 60px;}

/*@media screen and (max-width:???px) {
    
}*/

/* Case Study - Single */

section.cs-single{}
section.cs-single .cs-single-container{display:flex; flex-direction:column; max-width:1200px; padding:0 50px;}
section.cs-single .cs-single-container.small{max-width:772px;}

section.cs-single a.go-back{top:110px; left:50px;}
section.cs-single .section-title{width:100%; max-width:672px; padding-top:120px; margin:0 auto;}
section.cs-single .section-block{display:flex; align-items:flex-start; float:left; width:100%; padding:70px 0 100px;}
section.cs-single .section-image{width:328px; background-color:var(--blue2); box-shadow:16px 16px 0 var(--blue2);}
section.cs-single .section-image img{width:100%; height:auto;}
section.cs-single .section-timeline{width:100%; display:flex; flex-direction:column;}
section.cs-single .timeline-section-line{width:3px; background-color:var(--white); position:absolute; top:10px; bottom:30px; height:auto; left:123px;}
section.cs-single .timeline-section-row{opacity:0; display:flex; align-items:flex-start; float:left; width:100%; margin-bottom:30px; z-index:2;}
section.cs-single .timeline-section-row:last-child{margin-bottom:0;}
section.cs-single .timeline-section-date{flex:0 0 97px; font-size:20px; text-align:right;}
section.cs-single .timeline-section-circle{flex:0 0 21px; margin:0 16px 0 17px; height:21px; justify-content:center; align-content:center; text-align:center;}
section.cs-single .timeline-section-circle .timeline-circle-inner{width:0; height:0; background-color:var(--blue2); border:3px solid var(--white); border-radius:100px; display:inline-block;}
section.cs-single .timeline-section-text{width:100%; max-width:463px; margin-top:-1px; font-size:20px;}

/* section.cs-single .divider{float:left; width:100%; height:50px;} */

/* section.cs-single .section-founders{width:100%; padding:32px 0 50px; font-size:14px;} */
section.cs-single .section-text{padding:70px 0 170px;}
section.cs-single .section-text h1 *,
section.cs-single .section-text h2 *,
section.cs-single .section-text h3 *,
section.cs-single .section-text h4 *,
section.cs-single .section-text h5 *,
section.cs-single .section-text h6 *{color:var(--blue1);}
section.cs-single .section-text p,
section.cs-single .section-text li{font-size:20px; line-height:26px;}

@media screen and (max-width:1200px) {
    section.cs-single a.go-back{top:110px; left:20px;}
}

@media screen and (max-width:900px) {
    section.cs-single a.go-back{top:70px;}
}

@media screen and (max-width:650px) {
    section.cs-single .section-block{flex-direction:column;}
    section.cs-single .section-image{width:100%; max-width:328px; margin-bottom:50px;}
}

@media screen and (max-width:600px) {
    section.cs-single .cs-single-container{padding:0 20px;}
    
    section.cs-single .timeline-section-line{left:71px;}
    section.cs-single .timeline-section-date{flex:0 0 45px;}
}

/* Features */

section.features{padding:75px 0; margin-top:100px;}
section.features .features-container{display:flex; flex-direction:column; max-width:1200px; padding:0 50px;}
section.features .main-title{float:left; width:100%; padding-bottom:90px;}
section.features .main-title *{color:var(--white); font-weight:300;}
section.features .main-title h2{font-size:60px;}
section.features .main-title code{color:var(--blue3);}
section.features .section-block{display:flex; float:left; width:100%;}

section.features .left-side{flex:0 0 145px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; margin-right:86px;}

section.features .right-side{display:flex; flex-direction:column; justify-content:space-between; float:left; width:100%; max-width:670px;}
section.features .right-side .mobile{display:none;}
section.features .right-side img,
section.features .right-side .lottie{width:150px; height:auto; padding-bottom:30px;}
section.features .section-part{display:flex; flex-direction:column; align-items:center; float:left; width:100%; padding-bottom:40px;}
section.features .section-title{float:left; width:100%; color:var(--blue3); font-size:24px; line-height:34px;}
section.features .section-text{float:left; width:100%;}
section.features .section-text p,
section.features .section-text li{font-size:24px; line-height:34px;}

@media screen and (max-width:1023px) {
    section.features{padding-bottom:50px;}
    section.features .main-title{margin-bottom:66px;}
    
    section.features .left-side{margin-right:50px;}
}

@media screen and (max-width:600px) {
    section.features .features-container{padding:0 20px;}
    section.features .main-title{margin-bottom:66px;}
    
    section.features .left-side{display:none;}
    
    section.features .right-side .mobile{display:block;}
}

/* Timeline */

section.timeline{padding:75px 0 150px; background-color:var(--blue3);}
section.timeline .timeline-container{display:flex; flex-direction:column; align-items:center; max-width:1200px; padding:0 50px;}
section.timeline .main-title{float:left; width:100%; padding-bottom:10px;}
section.timeline .main-title *{color:var(--white); font-size:60px; font-weight:300;}
section.timeline .main-title code{color:var(--orange); display:inine-block;}
section.timeline .main-title code .section_timeline_line_lottie{display:inline-block; width:110%; position:absolute; top:25px; right:-5px; z-index:1000;}
section.timeline .main-subtitle{float:left; width:100%; padding-bottom:96px;}
section.timeline .main-subtitle p,
section.timeline .main-subtitle li{font-size:24px; line-height:34px;}
section.timeline .section-block{float:left; width:100%; max-width:606px;}
section.timeline .section-block-back{width:100%; height:0%; position:absolute; top:0px; left:0px; z-index:-1;}
section.timeline .section-block-inner{ width:100%; max-width:620px; }
section.timeline .section-line{width:3px; background-color:var(--white); position:absolute; top:10px; bottom:10px; left:76px;}
section.timeline .section-row{display:flex; align-items:flex-start; float:left; width:100%; margin-bottom:30px; z-index:2;}
section.timeline .section-row:last-child{margin-bottom:0;}
section.timeline .section-date{flex:0 0 50px; font-size:20px; text-align:right;}
section.timeline .section-circle{flex:0 0 21px; height:21px; margin:4px 16px 0 17px;background: none; display: flex; justify-content: center; align-content: center; text-align: center;}
section.timeline .section-circle .circle-inner {border:3px solid var(--white); background-color:var(--blue2); border-radius:100px;width: 0px;height:0px; display: inline-block; transition:all 0.25s  !important;  }

section.timeline .section-text{width:100%;}
section.timeline .section-text p,
section.timeline .section-text li{font-size:20px; line-height:30px;}
section.timeline .section-image{opacity:0; visibility:hidden; width:242px; position:absolute; transform:translate(0,-55%); top:50%; right:calc(100% + 40px); z-index:2; transition:all 0.25s  !important;}
section.timeline .section-image img{width:100%; height:auto; margin-left:70px; background-color:var(--blue3); transition:all 0.25s !important;}
section.timeline .section-image .img-bg{position:absolute; top:8px; right:0; bottom:-8px; left:78px; background-color:var(--yellow); z-index:-1; transition:all 0.25s  !important;}
section.timeline .milestone{float:left; width:100%; max-width:517px; padding:2px 30px 2px 104px; margin-bottom:30px; color:var(--blue3); background-color:var(--yellow); font-size:20px; text-align:left;}
section.timeline .milestone:last-child{margin-bottom:0;}

/* section.timeline .lottie{width:100%; height:auto;} */

section.timeline .section-row:hover{cursor:pointer;}
section.timeline .section-row:hover .section-circle .circle-inner{background-color:var(--yellow);}
section.timeline .section-row:hover .section-image{opacity:1; visibility:visible;}
section.timeline .section-row:hover .section-image img{margin-left:0;}
section.timeline .section-row:hover .section-image .img-bg{right:-8px; left:8px;}

@media screen and (max-width:1099px) {
    section.timeline .section-block{margin-right:auto;}
    
    section.timeline .section-image{display:none;}
    
    section.timeline .lottie{display:none;}
}

@media screen and (max-width:1023px) {
    section.timeline{padding:50px 0;}
    section.timeline .main-subtitle{padding-bottom:56px;}
}

@media screen and (max-width:900px) {
    section.timeline .section-block{width:calc(100% + 100px); max-width:initial; margin-left:-50px;}
    section.timeline .section-block-bg{display:none;}
    section.timeline .section-block-inner{max-width:initial;}
}

@media screen and (max-width:600px) {
    section.timeline .timeline-container{padding:0 20px;}
    section.timeline .section-block{width:calc(100% + 40px); padding:68px 20px 118px; margin-left:-20px;}
}

/* Companies */

section.companies{padding:50px 0;}
section.companies .companies-container{max-width:1100px; padding:0 50px;}
section.companies .main-title{float:left; width:100%; margin-bottom:26px;}
section.companies .main-title h4{display:inline-block; float:left; width:initial; padding:0 53px 4px 0; border-bottom:3px solid var(--blue1);}

section.companies .filters{display:flex; justify-content:space-between; align-items:flex-start; float:left; width:calc(100% + 20px); margin:0 -10px -20px -10px; z-index:5;}
section.companies .filter{display:flex; align-items:flex-start; width:33.33%; max-width:280px; padding:0 10px; margin-bottom:20px; }
section.companies .filter-arrow{flex:0 0 37px; height:32px; display:flex; justify-content:center; align-items:center; margin-right:1px; background-color:#D4D4D4; border-radius:30px 0px 0px 30px; transition:all 0.25s;}
section.companies .filter-arrow.open,
section.companies .filter:hover .filter-arrow{background-color:var(--blue3);}
section.companies .filter-arrow:hover{cursor:pointer;}
section.companies .filter-arrow img{width:15px; height:auto;}
section.companies .filter-list-container{width:100%; height:32px;}
section.companies ul.filter-list{overflow:hidden; width:100%; height:32px; padding:0; margin:0; list-style:none;background-color:var(--white); border: 1px solid #D4D4D4;  border-radius: 0px 30px 30px 0px; position:absolute; z-index:3; transition:all 0.25s; display: flex; flex-direction: column;}
section.companies ul.filter-list.open,
section.companies ul.filter-list:focus-within{height:initial; border:1px solid #D4D4D4; z-index:5;}
section.companies li.filter-term{order:2; padding:5px; margin:0; font-size:16px; transition:all 0.25s;}
section.companies li.filter-term:hover{cursor:pointer; background-color:#F5F5F5;}
section.companies li.filter-term.selected {order:1;}

section.companies .section-block{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; float:left; width:100%; margin:78px 0 -55px;}
section.companies .section-part{flex-grow:1; min-width:164px; margin:0 5px 55px;}

section.companies .section-image{width:156px; height:156px; margin-right:auto; margin-left:auto; box-shadow:8px 8px 0px var(--blue2);}
section.companies .section-image-inner{background-color:var(--white); border:1px solid var(--blue2); top:0; right:0; bottom:0; left:0; transition:all 0.25s;}
section.companies .section-image-inner:hover,
section.companies .section-image-inner:focus-within{top:8px; right:-8px; bottom:-8px; left:8px;}

section.companies .section-image-inner img{width:initial; max-width:100%; height:auto; max-height:100%;}
section.companies .section-image-inner .logo{width:146px; height:146px;margin: 5px; display: flex; justify-content: center; align-items: center; font-size: 1.2em;}
section.companies .image-hover-overlay{opacity:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background-color:rgba(0,118,206,0.9); position:absolute; top:0; z-index:2; transition:all 0.25s;}
section.companies .image-hover-overlay button{padding:5px 25px !important; font-size:12px !important;}
/*section.companies .section-text{width:100%; padding-left:8px;}
section.companies .section-text p{font-size:12px;}*/

section.companies .section-image-inner:hover .image-hover-overlay,
section.companies .section-image-inner:focus-within .image-hover-overlay{opacity:1;}

/* Startups */
section.companies.startups{padding-bottom:100px;}
section.companies.startups .container{padding:0 50px !important;}
section.companies.startups .section-block{width:calc(100% + 20px); margin:0 0 -55px -20px;}
section.companies.startups .section-part{flex:initial; display:flex; flex-direction:column; width:25%; padding-left:20px; margin:0 0 45px;}
section.companies.startups .section-image{margin-right:0; margin-left:0;}
section.companies.startups .section-image-inner:hover{top:0; right:0; bottom:0; left:0;}
section.companies.startups .section-all-text{display:flex; flex-direction:column; float:left; width:100%;}
section.companies.startups .section-title{width:100%; padding-left:20px; margin-top:40px; color:var(--grey2);}
section.companies.startups .section-categories{width:100%; padding:0 0 10px 20px; margin-bottom:10px; border-bottom:1px solid var(--blue2);}
section.companies.startups .category{display:flex; align-items:flex-start; float:left; width:100%;}
section.companies.startups .category img{width:10px; height:auto; margin:5px 0 0 -20px;}
section.companies.startups .category-name{width:100%; margin-left:10px; color:var(--grey2);}
section.companies.startups .section-text{padding-left:20px;}
section.companies.startups .section-website,
section.companies.startups .section-altlink{display:block; float:left; width:100%; padding-left:20px; margin:15px 0 10px;}

section.companies.startups .see-more{display:none; height:auto !important; padding:5px 49px 6px 49px !important; margin:10px 0; color:#444; background-color:var(--white); font-size:18px !important; text-align:center !important; text-decoration:none !important; border:1px solid #d4d4d4; border-radius:30px; transition:all 0.25s !important;}
section.companies.startups .see-more:hover{cursor:pointer; color:var(--white); background-color:var(--blue1);}
section.companies.startups .see-more span.hide{display:none;}

@media screen and (max-width:900px) {
    section.companies.startups .section-part{width:33.33%;}
}

@media screen and (max-width:768px) {
    section.companies.startups .section-part{width:50%;}
}

@media screen and (max-width:550px) {
    section.companies.startups .section-part{width:100%; align-items:center;}
    section.companies.startups .section-image{width:235px; height:235px;}
    section.companies.startups .section-image-inner .logo{width:225px; height:225px;}
    section.companies.startups .section-all-text{max-width:240px;}
    section.companies.startups .text-container{display:none;}
    section.companies.startups .text-container.open{display:block;}
    section.companies.startups .see-more{display:inline-block;}
}

/* People */
section.companies.people .container{max-width:1202px !important; padding:0 50px !important;}
section.companies.people .section-block{width:calc(100% + 20px); margin:0 0 -55px -20px;}
section.companies.people .section-part{flex:initial; display:flex; flex-direction:column; width:25%; padding-left:20px; margin:0 0 45px;}
section.companies.people .section-image{margin-right:0; margin-left:0;}
section.companies.people .section-image-inner,
section.companies.people .section-image-inner .image{width:100%; height:100%;}
section.companies.people .nolink .section-image-inner:hover{top:0; right:0; bottom:0; left:0;}
section.companies.people .section-all-text{display:flex; flex-direction:column; float:left; width:100%;}
section.companies.people .section-title{width:100%; padding-left:20px; margin-top:40px; color:var(--grey2);}
section.companies.people .section-companies{width:100%; padding-left:20px;}
section.companies.people .company{display:flex; align-items:flex-start; float:left; width:100%;}
section.companies.people .company img{width:10px; height:auto; margin:5px 0 0 -20px;}
section.companies.people .company-name{width:100%; margin-left:10px; color:var(--grey2);}
section.companies.people .section-text{padding-left:20px; color:var(--grey2);}

@media screen and (max-width:900px) {
    section.companies.people .section-part{width:33.33%;}
}

@media screen and (max-width:768px) {
    section.companies.people .section-part{width:50%;}
}

@media screen and (max-width:700px) {
    section.companies.people .container{padding:0 35px !important;}
}

@media screen and (max-width:550px) {
    section.companies.people .section-part{width:100%;}
    section.companies.people .section-image{width:235px; height:235px;}
    section.companies.people .section-all-text{max-width:240px;}
	section.companies.people .section-title{padding-left:25px; font-size:20px;}
	section.companies.people .company-name{font-size:20px;}
	section.companies.people .company img{width:15px;}
	section.companies.people .section-text{padding-left:25px; font-size:20px;}
}

@media screen and (max-width:425px) {
    section.companies.people .container{padding:0 20px !important;}
}

/* Exited */
section.companies .section-image.exited{box-shadow:8px 8px 0px var(--orange);}
section.companies .section-image-inner.exited{border:1px solid var(--orange);}
section.companies .section-image-inner.exited:before{content:''; opacity:0.6; width:20px; height:20px; background-color:var(--orange); transform:rotate(30deg); position:absolute; top:-5px; left:-12px; z-index:-1;}
section.companies .aquired-ribbon{padding:0 10px; background-color:var(--orange); position:absolute; top:-14px; left:-16px; z-index:3;}
section.companies .section-image-inner.exited .image-hover-overlay{background-color:rgba(225,95,15,0.9);}

.company-popout{display:flex; justify-content:center; align-items:center; width:100%; max-width:417px; height:100vh; background-color:rgba(0,118,206,0.9); position:fixed; top:0; left:-417px; z-index:998; transition:all 0.25s;}
.company-popout.active{left:0; z-index:999;}
.company-popout img.close{width:23px; height:auto; position:absolute; top:40px; right:34px; z-index:2;}
.company-popout img.close:hover{cursor:pointer;}
.company-popout-inner{width:100%; max-width:237px;}
.company-popout .section-image{width:156px; box-shadow:8px 8px 0 var(--blue2);}
.company-popout .section-image.exited{box-shadow:8px 8px 0px var(--orange);}
.company-popout .section-image-inner{}
.company-popout .section-image-inner.exited:before{content:''; opacity:0.6; width:20px; height:20px; background-color:var(--orange); transform:rotate(30deg); position:absolute; top:-5px; left:-12px; z-index:-1;}
.company-popout .aquired-ribbon{padding:0 10px; background-color:var(--orange); position:absolute; top:-14px; left:-16px; z-index:3;}
.company-popout .section-excerpt{float:left; width:100%; padding:34px 0 15px 25px; border-bottom:1px solid var(--white);}
.company-popout .section-block{float:left; width:100%; padding-left:25px; margin:10px 0;}
.company-popout .arrow-bullet{width:12px; height:auto; position:absolute; top:6px; left:0;}
.company-popout ul.lead_list{padding:0; margin:0; list-style:none;}
.company-popout ul.lead_list li{padding:0; margin:0;}
.company-popout ul.lead_list li .lead-name{}
.company-popout ul.lead_list li .lead-position{padding-left:10px;}
.company-popout ul.lead_list li .lead-position *{font-size:12px;}
.company-popout ul.lead_list li a{text-decoration:none;}
.company-popout ul.lead_list li a:hover{text-decoration:underline;}

.companies #no_data { display: flex; width: 100%; padding: 100px; justify-content: center;}
.companies #no_data span { display: inline-block; }
section.companies .section-buttons { display: flex; width: 100%; margin: 30px 0; justify-content: center;}
section.companies .section-buttons #see_all { display: inline-block; min-width:186px; padding: 5px 10px; text-decoration: none; border: 1px solid #D4D4D4; border-radius: 30px;}

@media screen and (max-width:700px) {
    section.companies{padding:25px 0 50px;}
    
    section.companies .filters{flex-direction:column; float:none; max-width:242px; margin:0 auto -20px;}
    section.companies .filter{width:100%; padding:0;}
}

@media screen and (max-width:600px) {
    section.companies .companies-container{padding:0 20px;}
    section.companies .section-block{width:calc(100% + 40px); margin-left:-20px;}
}

@media screen and (max-width:480px) {
    .company-popout{max-width:480px; left:-480px;}
}

/* Text Section */

section.text-section{padding:25px 0;}
section.text-section .container{max-width:1202px; padding:0 50px;}
section.text-section .section-title{float:left; width:100%; margin-bottom:50px;}
section.text-section .section-title h1{color:var(--grey2); font-size:60px; font-weight:300; line-height:72px;}
section.text-section .section-title code{color:#38A3B3; font-weight:300; white-space:nowrap;}
section.text-section .section-title code:after{content:''; width:100%; height:13px; background-image:url(./images/underline-teal.png); background-repeat:no-repeat; background-size:100% 100%; background-position:top center; position:absolute; top:100%; left:0;}
section.text-section .section-text{width:100%; max-width:792px; margin:0 auto;}
section.text-section .section-text p,
section.text-section .section-text li,
section.text-section .section-text a{color:var(--grey2); font-size:24px; line-height:34px;}

@media screen and (max-width:700px) {
    section.text-section .container{padding:0 35px;}
    section.text-section .section-text p,
    section.text-section .section-text li,
    section.text-section .section-text a{font-size:16px; line-height:22px;}
}

@media screen and (max-width:600px) {
    section.text-section .section-title{margin-bottom:35px;}
    section.text-section .section-title h1{font-size:40px; line-height:48px;}
}

@media screen and (max-width:425px) {
    section.text-section .container{padding:0 20px;}
}

/* Z-Pattern */

section.z-pattern{display:flex; flex-direction:column; width:100%; padding:50px 0;}
section.z-pattern .container{display:flex; max-width:1202px; padding:0 50px;}
section.z-pattern .container.content-align-top{align-items:flex-start;}
section.z-pattern .container.content-align-center{align-items:center;}
section.z-pattern .container.content-align-bottom{align-items:flex-end;}
section.z-pattern .section-half{min-width:426px; box-sizing:border-box;}
section.z-pattern .media-half img{display:block; float:left; width:100%; height:auto; border-radius:4px;}
section.z-pattern .text-half{}

section.z-pattern .textfirst .text-half{order:1; padding-right:40px;}
section.z-pattern .textfirst .media-half{order:2; padding-left:40px;}
section.z-pattern .mediafirst .media-half{order:1; padding-right:40px;}
section.z-pattern .mediafirst .text-half{order:2; padding-left:40px;}

@media screen and (max-width:951px) {
	section.z-pattern .container{flex-direction:column; align-items:center !important;}
	section.z-pattern .section-half{width:100% !important; min-width:initial; padding:0 !important;}
	section.z-pattern .mediafirst .media-half{margin-bottom:30px !important;}
	section.z-pattern .textfirst .text-half{margin-bottom:30px !important;}
}

@media screen and (max-width:700px) {
    section.z-pattern .container{padding:0 35px;}
}

@media screen and (max-width:425px) {
    section.z-pattern .container{padding:0 20px;}
}

/* Sticky Post (Blog) */

section.sticky-post{margin:50px 0; background-color:var(--blue3);}
section.sticky-post .sticky-post-container{display:flex; max-width:1000px;}
section.sticky-post .section-block{display:flex; flex-wrap:nowrap; width:100%; max-width:930px; padding:33px 86px 51px 52px; margin:0 -8px 0 auto;}

section.sticky-post .left-side{display:flex; flex-direction:column; margin-right:53px;}
section.sticky-post .section-image{width:462px; min-width:462px; height:auto; margin:-65px 0 44px -140px; box-shadow:16px 16px 0 var(--blue2);}
section.sticky-post .section-author{width:100%; margin:0 0 0 16px;}
section.sticky-post .section-author.mobile{display:none;}
section.sticky-post .date-time{width:100%; margin-left:16px;}
section.sticky-post .date-time.mobile{display:none;}

section.sticky-post .right-side{display:flex; flex-direction:column; width:100%; max-width:414px;}
section.sticky-post .section-feature{display:flex; align-items:center; width:100%; margin-bottom:36px; font-size:20px;}
section.sticky-post .section-feature img{width:23px; height:auto; margin-right:8px;}
section.sticky-post .section-title{width:100%; margin-bottom:10px; font-size:20px;}
section.sticky-post .section-text{width:100%; margin-bottom:43px;}
section.sticky-post .section-text p,
section.sticky-post .section-text li{font-size:16px;}
section.sticky-post .section-button{width:100%;}

@media screen and (max-width:1024px) {
    section.sticky-post .sticky-post-container{max-width:1024px;}
    section.sticky-post .section-block{max-width:100%; padding:33px 86px 51px; margin:0;}
    
    section.sticky-post .section-image{width:304px; min-width:304px; margin:-65px 0 44px 0;}
    
    section.sticky-post .right-side{max-width:initial;}
    section.sticky-post .section-feature{margin-bottom:25px;}
}

@media screen and (max-width:850px) {
    section.sticky-post .section-block{padding:33px 50px 50px;}
}

@media screen and (max-width:767px) {
    section.sticky-post .section-block{flex-direction:column;}
    
    section.sticky-post .left-side{margin:0;}
    section.sticky-post .section-image{width:100%; max-width:304px; margin-top:0;}
    
    section.sticky-post .right-side{padding:0 16px;}
    section.sticky-post .section-text{margin-bottom:20px;}
    section.sticky-post .section-author,
    section.sticky-post .date-time{display:none;}
    section.sticky-post .section-author.mobile,
    section.sticky-post .date-time.mobile{display:block; margin-left:0;}
    section.sticky-post .section-button{margin-top:30px; text-align:center;}
}

@media screen and (max-width:600px) {
    section.sticky-post .section-block{padding:33px 20px 50px;}
}


/* Playbooks Landing */

section.playbook-landing{padding:0; z-index:2; margin-bottom: 70px;}
section.playbook-landing:nth-child(even)  { background-color:var(--blue3); }
section.playbook-landing:nth-child(odd) { background-color:var(--blue2); }

section.playbook-landing .playbook-landing-container{display:flex; max-width:1000px;}
section.playbook-landing .section-block{display:flex; flex-wrap:nowrap; width:100%; max-width:930px; padding:33px 86px 51px 52px; margin:0 -8px 0 auto; }

section.playbook-landing .left-side{display:flex; flex-direction:column; margin-right:53px;}
section.playbook-landing .section-image{width:462px; height:242px; margin:-65px 0 44px -140px; background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:16px 16px 0 var(--blue3);}
section.playbook-landing:nth-child(even)  .section-image {  box-shadow:16px 16px 0 var(--blue2);}
section.playbook-landing .section-author{width:100%; margin:0 0 0 16px;}
section.playbook-landing .section-author.mobile{display:none;}
section.playbook-landing .date-time{width:100%; margin-left:16px;}
section.playbook-landing .date-time.mobile{display:none;}

section.playbook-landing .right-side{display:flex; flex-direction:column; width:100%; max-width:414px; padding: 48px 0 0 0;}
section.playbook-landing .section-feature{display:flex; align-items:center; width:100%; margin-bottom:36px; font-size:20px;}
section.playbook-landing .section-feature img{width:23px; height:auto; margin-right:8px;}
section.playbook-landing .section-title{width:100%; font-size:24px; line-height:34px;}
section.playbook-landing .section-title *{color:var(--white);}
section.playbook-landing .section-text{width:100%; margin-bottom:43px;}
section.playbook-landing .section-text p,
section.playbook-landing .section-text li{font-size:24px; line-height:34px;}
section.playbook-landing .section-button{width:100%;}

@media screen and (max-width:1024px) {
    section.playbook-landing .playbook-landing-container{max-width:1024px;}
    section.playbook-landing .section-block{max-width:100%; padding:33px 86px 51px; margin:0;}
    
    section.playbook-landing .section-image{width:304px; height:159px; margin:-65px 0 44px 0;}
    
    section.playbook-landing .right-side{max-width:initial;}
    section.playbook-landing .section-feature{margin-bottom:25px;}
}

@media screen and (max-width:850px) {
    section.playbook-landing .section-block{padding:33px 50px 50px;}
}

@media screen and (max-width:767px) {
    section.playbook-landing .section-block{flex-direction:column;}
    
    section.playbook-landing .left-side{margin:0;}
    section.playbook-landing .section-image{width:100%; max-width:304px; margin-top:0;}
    
    section.playbook-landing .right-side{padding:0 16px;}
    section.playbook-landing .section-text{margin-bottom:20px;}
    section.playbook-landing .section-author,
    section.playbook-landing .date-time{display:none;}
    section.playbook-landing .section-author.mobile,
    section.playbook-landing .date-time.mobile{display:block; margin-left:0;}
    section.playbook-landing .section-button{margin-top:30px; text-align:center;}
}

@media screen and (max-width:600px) {
    section.playbook-landing .section-block{padding:33px 20px 50px;}
}

/* Blog */

section.blog{padding:50px 0;}
section.blog .blog-container{max-width:944px; padding:0 50px;}

section.blog .categories{display:flex; flex-wrap:wrap; justify-content:center; float:left; width:calc(100% + 20px); margin:0 -10px 21px -10px}
section.blog .category{padding:0 10px; margin-bottom:20px;}
section.blog .category:hover{cursor:pointer;}
section.blog .category-color{display:flex; justify-content:center; align-items:center; float:left; width:37px; height:32px; margin-right:1px; border-radius:30px 0px 0px 30px;}
section.blog .category-color:hover{cursor:pointer;}
section.blog .category-color img{width:15px; height:auto;}
section.blog .category-term{display:flex; align-items:center; height:32px; padding:5px 12px 5px 6px; border:1px solid #D4D4D4; border-radius: 0px 30px 30px 0px; font-size:16px; white-space:nowrap; transition:all 0.25s;}
section.blog .category:hover .category-term{background-color:#F5F5F5;}

section.blog .tag{display:flex; align-items:flex-start; max-width: 230px; width:100%; padding:0 10px; margin-bottom:20px; }
section.blog .tag-arrow{flex:0 0 37px; height:32px; display:flex; justify-content:center; align-items:center; margin-right:1px; background-color:#D4D4D4; border-radius:30px 0px 0px 30px; transition:all 0.25s;}
section.blog .tag-arrow.open,
section.blog .tag:hover .tag-arrow{background-color:var(--blue3);}
section.blog .tag-arrow:hover{cursor:pointer;}
section.blog .tag-arrow img{width:15px; height:auto;}
section.blog .tag-list-container{width:100%; height:32px;}
section.blog ul.tag-list{overflow:hidden; width:100%; height:32px; padding:0; margin:0; list-style:none;background-color:var(--white); border: 1px solid #D4D4D4;  border-radius: 0px 30px 30px 0px; position:absolute; z-index:3; transition:all 0.25s; display: flex; flex-direction: column;}
section.blog ul.tag-list.open{height:initial; border: 1px solid #D4D4D4;}
section.blog li.tag-term{padding:4px 5px; margin:0; font-size:16px; transition:all 0.25s; order: 2;}
section.blog li.tag-term:hover{cursor:pointer; background-color:#F5F5F5;}
section.blog li.tag-term.selected { order: 1;}

.blog .section-block{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 16px); margin:0 0 -16px -16px;}
.blog .section-part{display:flex; width:50%; padding-left:16px; margin-bottom:16px;}
.blog .section-part-inner{flex-grow:1; display:flex; flex-direction:column; align-items:center; width:100%; padding:20px 39px 39px 31px; background-color:var(--white); text-decoration:none; transition:all 0.25s;}
.blog .section-part-inner:hover{background-color:#e5e5e5;}
.blog .section-category{display:flex; align-items:center; width:100%; margin-bottom:22px; color:#707070; font-size:16px;}
.blog span.cat-dot{width:14px; height:14px; margin-right:5px; border-radius:100px;}
.blog span.cat-dot + span.cat-dot{margin-left:10px;}
.blog .section-image{width:100%; height:172px; margin-bottom:30px;}
.blog .section-image.square{max-width:172px;}
.blog .section-image-inner{width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; bottom:0; transition:all 0.25s;}
.blog .section-title{width:100%; margin-bottom:19px; font-size:20px; line-height:28px;}
.blog .section-title *{color:var(--blue1);}
.blog .section-author{width:100%; margin-top:auto; color:#707070;}
.blog .date-time{width:100%; color:#707070;}
.blog .date-time *{color:#707070;}

/*.blog .section-part-inner:hover .section-image-inner{margin:16px -16px -16px 16px;}*/

/*section.blog .section-image.blue1{box-shadow:16px 16px 0 var(--blue2);}
section.blog .section-image.blue1 .section-image-inner{background-color:var(--blue1);}
section.blog .section-image.blue2{box-shadow:16px 16px 0 var(--blue3);}
section.blog .section-image.blue2 .section-image-inner{background-color:var(--blue2);}
section.blog .section-image.orange{box-shadow:16px 16px 0 var(--orange);}
section.blog .section-image.orange .section-image-inner{background-color:var(--yellow);}
section.blog .section-image.green{box-shadow:16px 16px 0 var(--green1);}
section.blog .section-image.green .section-image-inner{background-color:var(--green2);}*/

section.blog .loading_wrap {  width: 100%; padding-top: 40px; display: none; justify-content: center; align-items: center; }
section.blog .load_more_wrap { padding: 50px 0; width: 100%; display: flex; justify-content: center; align-items: center;}

.lds-ring {display: inline-block; position: relative;width: 80px; height: 80px;}
.lds-ring div {box-sizing: border-box;display: block;position: absolute;width: 64px;height: 64px;margin: 8px;border: 8px solid var(--blue1);border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: var(--blue1) transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}

@keyframes lds-ring{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@media screen and (max-width:900px) {
    .blog .section-image{width:33.8vw; height:17.7vw;}
}

@media screen and (max-width:768px) {
    .blog .section-image{margin-bottom:39px;}
}

@media screen and (max-width:600px) {
    section.blog .blog-container{padding:0 20px;}
    .blog .section-block{justify-content:center; width:calc(100% + 40px); margin-left:-20px;}
    
    .blog .section-part{width:100%; max-width:480px; padding:0;}
    .blog .section-image{width:304px; height:159px;}
}

@media screen and (max-width:375px) {
    .blog .section-image{width:81.1vw; height:42.4vw;}
}

/* Blog - Single */

.blog-single-container{display:flex; max-width:1102px; margin-bottom:5px;}

.section-block.anchors{display:flex; flex-direction:column; width:0px; max-width:258px; height:100%; padding:80px 0 0 0; margin:0px 43px 0 -16px; position:absolute; z-index:2;}
.section-block.anchors.open{width:100%;}
.section-block.anchors .section-block-bg{width:200vw; height:100%; position:absolute; top:0; right: 0; z-index:100;}
.section-block.anchors .blog-anchors-block-inner{width:100%; max-width:258px; padding: 76px 20px 76px 0; top:0; left: 0; z-index:101;}
.section-block.anchors.hide .blog-anchors-block-inner{display:none;}
.section-block.anchors.show .blog-anchors-block-inner{display:block;}
.section-block.anchors.fake-wrap.hide .blog-anchors-block-inner.fake{display:none;}
.section-block.anchors.fake-wrap.show .blog-anchors-block-inner.fake{display:block;}
.section-block.anchors.closed .blog-anchors-block-inner{display:none !important;}
.section-block.anchors .blog-anchors-block-inner a.go-blog{display:flex; align-items:center; font-size:11px; text-decoration:none; position:absolute; top:25px; left:25px; z-index:2;}
.section-block.anchors .blog-anchors-block-inner a.go-blog strong{opacity:0.5; color: var(--white);}
.section-block.anchors .blog-anchors-block-inner a.go-blog img{width:6px; height:auto; margin-right:10px;}
.section-block.anchors span.open-menu{padding:10px; background-color:var(--blue2); border-radius:0 5px 5px 0; position:fixed; top:165px; left:calc(50% - 567px); z-index:2;}
.section-block.anchors span.open-menu:hover{cursor:pointer;}
.section-block.anchors span.open-menu img{width:15px; max-width:initial; height:auto; transition:all 0.25s;}
.section-block.anchors span.open-menu.active{left:calc(50% - 310px); transition:all 0.15s;}
.section-block.anchors span.open-menu.active img{transform:scaleX(-1);}

.blog-single-content{display:flex; flex-direction:column; width:100%; max-width:850px; padding:40px 50px; margin:0 auto;}

.include-sidebar-yes .blog-single-content{padding:40px 20px 40px 43px; margin-left:auto;}
.include-sidebar-yes.menu-open .blog-single-content{width:calc(100% - 258px); margin-right:0;}

section.blog-single{}
section.blog-single .grey-bg-container{max-width:1102px;}
section.blog-single a.go-back{top:110px;}

section.blog-single .section-title{padding:122px 0 30px; color:var(--blue1);}
section.blog-single .section-details{display:flex; justify-content:space-between; padding-bottom:22px;}

section.blog-single .left-side{display:flex; flex-direction:column; justify-content:flex-end;}
section.blog-single .section-author{}
section.blog-single .date-time{}
section.blog-single .dot{}

section.blog-single .right-side{display:flex; flex-direction:column; justify-content:flex-end;}
section.blog-single .section-category,
section.blog-single .section-tags{display:flex; flex-wrap:wrap;}
section.blog-single .section-category div,
section.blog-single .section-tags div{display:flex; margin-left:5px;}
section.blog-single .section-category div:last-child span,
section.blog-single .section-tags div:last-child span{display:none;}

section.blog-single .section-image{width:calc(100% - 16px); margin-bottom:50px;}
section.blog-single .section-image.no-boxshadow{box-shadow:none !important;}
section.blog-single .section-image img{width:100%; height:auto;}
section.blog-single .section-intro{float:left; width:100%;}
section.blog-single .section-intro *{color:var(--blue1);}
section.blog-single .section-intro p,
section.blog-single .section-intro li{font-size:24px; line-height:34px;}
section.blog-single .section-text{float:left; width:100%; padding-bottom:25px;}
section.blog-single .section-text h1 *,
section.blog-single .section-text h2 *,
section.blog-single .section-text h3 *,
section.blog-single .section-text h4 *,
section.blog-single .section-text h5 *,
section.blog-single .section-text h6 *{color:var(--blue1);}
section.blog-single .section-text p,
section.blog-single .section-text li,
section.blog-single .section-text p * {font-size:20px; line-height:26px;}

@media screen and (max-width:1135px) {
    .section-block.anchors{margin-right:25px; margin-left:0;}
    
    .section-block.anchors span.open-menu{left:calc(50% - 551px);}
    .section-block.anchors span.open-menu.active{left:calc(50% - 293px);}
}

@media screen and (max-width:1102px) {
    .section-block.anchors span.open-menu{left:0;}
    .section-block.anchors span.open-menu.active{left:258px;}
}

@media screen and (max-width:800px) {
    .section-block.anchors{height:100%; margin:0; right:100%; z-index:150; transition:all 0.25s;}
    .section-block.anchors.open{right:initial;}
    
    .include-sidebar-yes .blog-single-content{width:100% !important; max-width:100%; padding:40px 50px; margin-left:0;}
}

@media screen and (max-width:700px) {
    .blog-single-content{padding:40px 35px !important;}
}

@media screen and (max-width:600px) {
    section.blog-single .section-details{flex-direction:column;}
}

@media screen and (max-width:425px) {
    .blog-single-content{padding:40px 20px !important;}
}

/* Blog Single - Anchor Menu */

.section-anchors .section-line{width:3px; height:auto; background-color:var(--white); position:absolute; top:10px; left:26px;}
.section-anchors .list-item{display:flex; justify-content:flex-start; margin-bottom:20px;}
.section-anchors .list-item:last-child{margin-bottom:0;}
.section-anchors .list-item .section-circle{flex:0 0 21px; justify-content:center; align-content:center; width:21px; height:21px; margin:0 16px 0 17px; background-color:var(--yellow); border:3px solid var(--white); border-radius:100px; text-align:center;}
.section-anchors .list-item a{display:inline-block; text-decoration:none;}
.section-anchors .list-item a.active{color:#000 !important;}

.section-anchors .list-item.selected .section-circle .circle-inner{background-color:var(--blue1);}

/* Related Posts */

.related-posts{float:left; width:100%; padding-top:25px;}
.related-posts .related-posts-container{max-width:944px; padding:0 50px;}
.related-posts .main-title{padding-bottom:25px; color:var(--blue1); font-size:24px;}
.related-posts .section-block{padding-bottom:58px;}
.related-posts .section-button{float:left; width:100%; text-align:center; padding-bottom:71px;}

@media screen and (max-width:600px) {
    .related-posts .related-posts-container{padding:0 20px;}
}

/* Playbook Block */


section.playbook-block.hide-section{display:none;}

section.playbook-block{padding:50px 0; min-height: 400px;}
section.playbook-block .playbook-block-container{display:flex; max-width:1000px;}
section.playbook-block .section-block{width:100%;}
section.playbook-block .section-block .playbook-block-inner{display:flex; width:100%; padding:75px 50px 50px; position: relative; left:0; top: 0;}



section.playbook-block .section-block-bg{width:100%; height:100%; position:absolute; top:16px; left:16px; z-index:-1;}

section.playbook-block .left-side{flex:0 0 206px; display:flex; flex-direction:column; justify-content:center; margin-right:60px;}
section.playbook-block .left-side img{width:100%; height:auto;}

section.playbook-block .right-side{width:100%; max-width:506px; display:flex; flex-direction:column; align-items:flex-start;}
section.playbook-block .section-title{width:100%; padding:6px; margin-bottom:60px; line-height:28px; background-color:var(--blue3);}
section.playbook-block .section-text{width:100%; padding-left:6px; margin:auto 0;}
section.playbook-block .section-button{width:100%; padding-left:6px; margin-top:60px;}
section.playbook-block .section-button #animate_p3 .animate_inner{min-width:initial;}

section.playbook-block.pb-blue .playbook-block-inner{background-color:var(--blue2);}
section.playbook-block.pb-blue .section-block-bg{background-color:var(--blue3);}

section.playbook-block.pb-orange .playbook-block-inner{background-color:var(--orange);}
section.playbook-block.pb-orange .section-block-bg{background-color:var(--yellow);}

section.playbook-block.pb-green .playbook-block-inner{background-color:var(--green1);}
section.playbook-block.pb-green .section-block-bg{background-color:var(--green2);}

@media screen and (max-width:1024px) {
    section.playbook-block .playbook-block-container{max-width:100%;}
    section.playbook-block .section-block-bg{display:none;}
}

@media screen and (max-width:700px) {
    section.playbook-block .section-block .playbook-block-inner{flex-direction:column;}
    
    section.playbook-block .left-side{flex:initial; align-items:center; width:100%; margin:0 0 50px;}
    section.playbook-block .left-side img{max-width:206px;}
    
    section.playbook-block .right-side{max-width:initial;}
}

@media screen and (max-width:600px) {
    section.playbook-block .section-block .playbook-block-inner{padding:75px 20px 50px;}
}

/* Playbook - Landing */

.page-template-page-playbooks code .code_inner{top:35px;}

section.playbook-landing .grey-bg-container{max-width:1102px;}
section.playbook-landing .grey-bg{opacity:0.96; width:100%; background-color:#EFEFEF; position:absolute; top:0;}
section.playbook-landing .playbook-landing-container{display:flex; flex-direction:row; justify-content:space-between; max-width:1202px; padding:0 50px;}
section.playbook-landing .section-block.menu{display:flex; flex-direction:column; width:100%; max-width:400px; margin:0 50px 0 -16px;}
section.playbook-landing .section-block.menu .section-block-bg{width:100%; height:0%; background:var(--yellow); position:absolute; top:16px; left:16px; z-index:100;}
section.playbook-landing .section-block.menu .section-block-back{width:100%; height:0%; background-color:var(--orange); position:absolute; top:0px; left:0px; z-index:101;}
section.playbook-landing .section-block.menu .playbook-block-inner{width:100%; max-width:400px; padding:76px 40px; z-index:101;}
section.playbook-landing .section-block.content{display:flex; flex-direction:column; width:100%; max-width:687px; padding:40px; margin:70px 50px 75px 400px;}
section.playbook-landing .section-block.content .section-intro{padding-top:20px; font-size:24px;}

@media screen and (max-width:700px) {
    section.playbook-landing .playbook-landing-container{padding:0 35px;}
}

@media screen and (max-width:425px) {
    section.playbook-landing .playbook-landing-container{padding:0 20px;}
}

/* Playbook - Single */

section.playbook-single{padding:0; overflow: hidden; margin-bottom: 5px;}
section.playbook-single .playbook-single-container{display:flex; max-width:1102px;}

/*section.playbook-single .grey-bg-container{max-width:1102px;}
section.playbook-single .grey-bg{opacity:0.96; width:100%; background-color:#EFEFEF; position:absolute; top:0;}*/
section.playbook-single .section-block.menu { display:flex; flex-direction:column; align-items: stretch; max-width:258px; width: 0px; margin: 0px 43px 0 -16px; padding: 80px 0 0 0; z-index:2;}
section.playbook-single .section-block.menu.open { width: 100%;}
section.playbook-single .section-block.menu .section-block-bg{width:200vw; height:100%; position:absolute; top:0; right: 0; z-index:100;}
section.playbook-single .section-block.menu .playbook-block-inner{ display: none; width:100%; max-width:258px; z-index: 101; padding: 76px 20px 76px 0; position: relative; left: 0; top:0;}
section.playbook-single .section-block.menu.open .playbook-block-inner { display: block; }
section.playbook-single .section-block.menu .playbook-block-inner a.go-playbooks{display:flex; align-items:center; font-size:11px; text-decoration:none; position:absolute; top:25px; left:25px; z-index:2;}
section.playbook-single .section-block.menu .playbook-block-inner a.go-playbooks strong{opacity:0.5; color: var(--white);}
section.playbook-single .section-block.menu .playbook-block-inner a.go-playbooks img{width:6px; height:auto; margin-right:10px;}

section.playbook-single .section-block.menu span.open-menu{padding:10px; background-color:var(--blue2); border-radius:0 5px 5px 0; position:absolute; top:99px; left:calc(100% - 1px); z-index:2;}
section.playbook-single .section-block.menu span.open-menu img{width:15px; max-width:initial; height:auto; transition:all 0.25s;}
section.playbook-single .section-block.menu span.open-menu.active img{transform:scaleX(-1);}
section.playbook-single .section-block.menu .menuline_item { position: relative; top:0; left: 0;}
section.playbook-single .section-block.menu .menuline_item.has-children { margin-bottom: 40px;}
section.playbook-single .section-block.menu .menuline_item .menu_expand { position: absolute; display: inline-block;   
                                                                          background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;
                                                                           bottom: -25px; left: 19px; width: 17px; height: 17px;  z-index: 1000;}
section.playbook-single .section-block.menu .menuline_item .menu_expand.closed { background-image:url('./images/playbook-plus.png'); }
section.playbook-single .section-block.menu .menuline_item .menu_expand.open { background-image:url('./images/playbook-minus.png'); }
section.playbook-single .section-block.content{display:flex; flex-direction:column;  width: 100%; margin-left:43px; padding:40px 20px 40px 0;}
section.playbook-single .section-block.content .section-intro p,
section.playbook-single .section-block.content .section-intro li {font-size: 24px; line-height:34px;}
section.playbook-single .section-playbook-title {padding:60px 0 0px; color:var(--blue1); padding-top: 60px;font-size: 20px;text-transform: uppercase;letter-spacing: 1.4px;}
section.playbook-single .section-title{padding:49px 0 30px; color:var(--blue1);}
section.playbook-single .section-details{display:flex; justify-content:space-between; padding-bottom:22px;}

section.playbook-single .left-side{display:flex; flex-direction:column; justify-content:flex-end;}
section.playbook-single .section-author{}
section.playbook-single .date-time{}
section.playbook-single .dot{}

section.playbook-single .right-side{display:flex; flex-direction:column; justify-content:flex-end;}
section.playbook-single .section-category{}
section.playbook-single .section-tags{}

section.playbook-single .section-image{width:calc(100% - 16px); background-color:var(--orange); box-shadow:16px 16px 0 var(--yellow);}
section.playbook-single .section-image img{width:100%; height:auto;}
section.playbook-single .negative-space{width:100%; margin-bottom:-100px;}
section.playbook-single .section-intro{}
section.playbook-single .section-intro *{color:var(--blue1);}
section.playbook-single .section-text{padding:0 0 50px;}
section.playbook-single .section-text h1 *,
section.playbook-single .section-text h2 *,
section.playbook-single .section-text h3 *,
section.playbook-single .section-text h4 *,
section.playbook-single .section-text h5 *,
section.playbook-single .section-text h6 *{color:var(--blue1);}
section.playbook-single .section-text p,
section.playbook-single .section-text li{font-size:20px; line-height:26px;}

@media screen and (max-width:1135px) {
    section.playbook-single .section-block.menu{margin-right:25px; margin-left:0;}
}

@media screen and (max-width:1100px) {
    section.playbook-single .section-block.menu{margin-right:25px;}
    section.playbook-single .section-block.menu .playbook-block-inner{padding-left:20px;}
    
    section.playbook-single .section-block.content{margin-left:25px;}
}

@media screen and (max-width:800px) {
    section.playbook-single .section-block.menu{height:100%; margin:0; position:fixed; right:100%; z-index:150; transition:all 0.25s;}
    section.playbook-single .section-block.menu.open{right:initial;}
    
    section.playbook-single .section-block.content{max-width:100%; padding:40px 50px; margin-left:0;}
}

@media screen and (max-width:700px) {
    section.playbook-single .section-block.content{padding:40px 35px;}
}

@media screen and (max-width:425px) {
    section.playbook-single .section-block.content{padding:40px 20px;}
}

/* Playbook - Menu */

.playbook-block-inner .section-line{width:3px; height:auto; max-height:calc(100% - 160px); background-color:var(--white); position:absolute; top:80px; left:26px;}
.menuline_item{opacity:0; display:flex; justify-content:flex-start; margin-bottom:20px; position:relative; left:0; top:0;}
.menuline_item:last-child{margin-bottom:0;}
.menuline_item .menu-excerpt{display:none;}
.menuline_item:hover .menu-excerpt{display:block; width:500px; padding:20px; color:var(--white); background-color:var(--blue1); border-radius:5px; position:absolute; top:100%; left:20%; z-index:1000;}
.menuline_item .section-circle{flex:0 0 21px; justify-content:center; align-content:center; width:21px; height:21px; margin:0 16px 0 17px; background:none; text-align:center;}
.menuline_item .section-circle .circle-inner{display:inline-block; width:0px; height:0px; background-color:var(--yellow); border:3px solid var(--white); border-radius:100px;}
.menuline_item a{display:inline-block; max-width:266px; text-decoration:none;}
.menuline_item.sub{display:none;}
.menuline_item.sub.show{display:flex;}
.menuline_item.selected .section-circle .circle-inner{background-color:var(--blue1);}
.menuline_item.sub.level_1 .section-circle .circle-inner{max-width:15px; max-height:15px;}
.menuline_item.sub.level_2 .section-circle .circle-inner{max-width:13px; max-height:13px;}
.menuline_item.sub.level_3 .section-circle .circle-inner{max-width:8px; max-height:8px;}
.menuline_item.sub.level_4 .section-circle .circle-inner{max-width:5px; max-height:5px;}
.menuline_item.sub.level_5 .section-circle .circle-inner{max-width:3px; max-height:3px;}

@media screen and (max-width:1100px) {
    .playbook-block-inner .section-line{left:46px;}
}

.playbook-next-prev{display:flex; flex-direction: column; justify-content:center; width: 100%; min-height:135px; margin-left:auto; background: var(--blue3); padding: 23px 24px;}
.playbook-next-prev .next_content{display:flex; flex-direction:column;  width:100%;   color:var(--white); }
.playbook-next-prev .next_content.end{height:0; margin-bottom:-18px;}
.playbook-next-prev .next_content .title{margin-bottom:5px; font-size:20px; font-weight:700;}
.playbook-next-prev .next_content .text{font-size:20px;}
.playbook-next-prev .prev_next_wrap { display: flex; justify-content: flex-start; align-items:center; margin: 18px 0 0 0;}
.playbook-next-prev .prev_next_wrap .prev{ display: none; }
.playbook-next-prev .prev_next_wrap .prev.show{ display: inline-block;   }
.playbook-next-prev .prev_next_wrap .prev.show a,
.playbook-next-prev .prev_next_wrap .prev.show span{ display:block; width: 36px; height: 36px; transition:all 0.25s;}
.playbook-next-prev .prev_next_wrap .prev.show img{display:block;}
.playbook-next-prev .prev_next_wrap .prev.show a:hover{transform:scale(1.1);}
.playbook-next-prev .prev_next_wrap .page_total { min-width: 84px; text-align: center; line-height: 34px; color: var(--white);}
.playbook-next-prev .prev_next_wrap .next{display: none;}
.playbook-next-prev .prev_next_wrap .next.show{display: inline-block; }
.playbook-next-prev .prev_next_wrap .next.show a,
.playbook-next-prev .prev_next_wrap .next.show span{display:block; width: 36px; height: 36px; transition:all 0.25s;}
.playbook-next-prev .prev_next_wrap .next.show a:hover{transform:scale(1.1);}
.playbook-next-prev .prev_next_wrap .next.show img{display:block;}
.playbook-next-prev .prev_next_wrap .next.end{opacity:0.5;}

/*@media screen and (max-width:???px) {
    
}*/

/* Team */

section.team{padding:50px 0 100px; z-index:2;}
section.team .team-container{display:flex; flex-direction:column; max-width:1200px; padding:0 50px;}
section.team .main-title{float:left; width:100%; padding-bottom:26px;}
section.team .main-title h4{display:inline-block; float:left; width:initial; padding:0 53px 4px 0; border-bottom:3px solid var(--blue1);}

section.team .filters{float:left; width:100%; padding-bottom:47px;}
section.team .filter{display:flex; align-items:flex-start; width:100%; max-width:258px;}
section.team .filter-arrow{flex:0 0 37px; height:32px; display:flex; justify-content:center; align-items:center; margin-right:1px; background-color:#D4D4D4; border-radius:30px 0px 0px 30px; transition:all 0.25s;}
section.team .filter-arrow.open,
section.team .filter:hover .filter-arrow{background-color:var(--blue3);}
section.team .filter-arrow:hover{cursor:pointer;}
section.team .filter-arrow img{width:15px; height:auto;}
section.team .filter-list-container{width:100%; height:32px;}
section.team .filter-list-container span.overlay{content:''; width:100%; height:32px; position:absolute; top:0; right:0; z-index:5;}
section.team .filter-list-container span.overlay:hover{cursor:pointer;}
section.team ul.filter-list{overflow:hidden; width:100%; height:32px; padding:0; margin:0; list-style:none;background-color:var(--white); border: 1px solid #D4D4D4;  border-radius: 0px 30px 30px 0px; position:absolute; z-index:3; transition:all 0.25s; display: flex; flex-direction: column;}
section.team ul.filter-list.open{height:initial; border: 1px solid #D4D4D4;}
section.team li.filter-term{padding:0; margin:0; font-size:16px; transition:all 0.25s; order: 2;}
section.team li.filter-term:hover{cursor:pointer; background-color:#F5F5F5;}
section.team li.filter-term.active-tab{order:1;}
section.team li.filter-term a{display:block; float:left; width:100%; padding:4px 5px; color:var(--black); text-decoration:none;}

section.team .section-block{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; float:left; width:calc(100% + 120px); margin:0 0 -60px -120px;}
section.team .section-part{width:33.33%; padding-left:120px; margin-bottom:60px;}
section.team .section-image-container{width:258px; height:258px; margin-right:auto; margin-left:auto;}
section.team .section-image{width:242px; height:242px; background-color:var(--white); background-repeat:no-repeat; background-size:contain; background-position:bottom center; border:1px solid var(--blue2); position:absolute; top:0; left:0; z-index:2; transition:all 0.25s;}
section.team .section-image-bg{background-color:var(--blue2);}
section.team .section-image.image2{opacity:0;}
section.team .section-image-container:hover .section-image{opacity:0; top:16px; left:16px;}
section.team .section-image-container:hover .section-image.image2{opacity:1; top:16px; left:16px;}
section.team .section-image-bg{width:242px; height:242px; position:absolute; right:0; bottom:0;}
section.team .section-name{display:flex; align-items:flex-end; width:100%; min-height:66px; padding:5px 0 5px 16px; color:var(--blue1); font-size:24px; line-height:28px;}
section.team .section-position{width:100%; padding-left:16px; color:var(--blue3); font-size:14px; line-height:20px; letter-spacing:1.4px; text-transform:uppercase; z-index:2;}

@media screen and (max-width:1024px) {
    section.team .section-block{width:calc(100% + 60px); margin:0 0 -60px -60px;}
    section.team .section-part{padding-left:60px; margin-bottom:60px;}
}

@media screen and (max-width:900px) {
    section.team .section-image-container{width:196px; height:196px;}
    section.team .section-image,
    section.team .section-image-bg{width:180px; height:180px;}
}

@media screen and (max-width:700px) {
    section.team .section-block{justify-content:space-around; width:100%; margin-left:0;}
    section.team .section-part{width:258px; padding-left:0;}
    section.team .section-image-container{width:258px; height:258px;}
    section.team .section-image,
    section.team .section-image-bg{width:242px; height:242px;}
}

@media screen and (max-width:650px) {
    section.team .section-part{width:188px;}
    section.team .section-image-container{width:188px; height:188px;}
    section.team .section-image{width:180px; height:180px;}
    section.team .section-image-container:hover .section-image,
    section.team .section-image-container:hover .section-image.image2{top:8px; left:8px;}
    section.team .section-image-bg{width:180px; height:180px;}
    section.team .section-position{font-size:12px;}
}

@media screen and (max-width:600px) {
    section.team .team-container{padding:0 20px;}
}

@media screen and (max-width:480px) {
    section.team .section-part{width:153px;}
    section.team .section-image-container{width:153px; height:153px;}
    section.team .section-image,
    section.team .section-image-bg{width:145px; height:145px;}
    section.team .section-name{min-height:53; font-size:18px; line-height:22px; padding-left:10px;}
    section.team .section-position{padding:2px 10px 1px;}
}

/* Team - Single */

section.team-single{padding:0 0 50px;}
section.team-single .team-single-container{display:flex; justify-content:flex-start; align-items:flex-start; max-width:1202px; padding:0 50px;}

section.team-single .left-side{flex:0 0 243px; padding-right:30px;}
section.team-single .company-list{float:left; width:100%; padding-bottom:20px;}
section.team-single .company-list span{display:block; padding-bottom:5px; color:var(--blue1);}
section.team-single .company{padding-bottom:5px;}
section.team-single .company a{color:var(--black); text-decoration:none;}
section.team-single .company a:hover{color:var(--blue2);}

section.team-single .right-side{width:100%; max-width:672px;}
section.team-single .section-content{float:left; width:100%;}
section.team-single .section-content h2{color:var(--blue1); font-size:24px; font-weight:400; line-height:34px;}
section.team-single .section-content p,
section.team-single .section-content li{font-size:20px; line-height:26px;}
section.team-single .team-social{display:flex; align-items:center; float:left; width:100%; padding-top:50px;}
section.team-single .social-text{color:var(--blue1); font-size:20px; line-height:26px;}
section.team-single .social-icons a{margin-left:15px;}
section.team-single .social-icons i{color:var(--blue1); font-size:28px;}

@media screen and (max-width:1023px) {
    section.team-single .left-side{flex:0 0 210px; padding-right:20px;}
}

@media screen and (max-width:700px) {
    section.team-single .team-single-container{flex-direction:column;}
    section.team-single .left-side{flex:initial; margin-bottom:30px;}
}

@media screen and (max-width:600px) {
    section.team-single .team-single-container{padding:0 20px;}
}