/* CSS Document v2019-11-01-03-00*/
html { font-family: 'proxima-nova', 'Helvetica', 'Arial', sans-serif; -moz-font-feature-settings: "ss02", "liga"; -webkit-font-feature-settings: "ss02", "liga"; font-feature-settings: "ss02", "liga"; }
/* proxima-nova available in weights:100 (Thin), 300 (Light), 400 (Normal), 600 (Semi Bold), and 700 (Bold) */

main > section { padding:5vh 0; position:relative; clear: both; }
#introduction { background-color: #fff; }

#content > p.flow-text { margin-top:-.5rem; }

.container { position:relative; }
.container.container-mw { padding:0 20px; position:relative; width:100%; }

.avigilon-logo-image { max-width:180px; width: 100%; }

h1, h2, h3, h4, h5, h6 { clear:both; font-weight:300; line-height:1.1; }
h1 { color:#005daa; font-size:2.8rem; letter-spacing:-0.1rem; }
h1.hero { color:#fff; font-size:4.2rem; font-weight:100; line-height:1; margin:0;  }
h1.aftercrumb { font-size:3rem; margin:1rem 0; }
h1.heading { margin:1rem 0 0.5rem; }
h2 { color:#45545f; font-size:2rem; font-weight:700; letter-spacing:-0.05rem; }
h1 + h2 { margin:-1rem 0 1rem; }
h2.hero { color:#b4d4e7 !important; font-size:3rem; font-weight:600; }
h3 { color:#005daa; font-size:1.6rem; font-weight:600; text-transform:uppercase; }
.h3 { color:#005daa; font-size:1.2rem; font-weight:300; }
h3.ulined { border-bottom: 1px solid rgba(99, 100, 102, 0.7); color: #636466 !important; text-transform: uppercase; }
.padded > h3 { margin-top:0; }
h4 { color:#45545f; font-size:1.6rem; font-weight:600; margin-bottom:0.25rem; text-transform:none; }
.h4 { color:#45545f; font-size:1.1rem; font-weight:600; margin-bottom:0.25rem; text-transform:uppercase; }
h5 { color:#005daa; font-size:1.35rem; }
h6 { color:#005daa; font-size:1.15rem; }
@media only screen and (max-width: 601px) {
	h1.hero { font-size:3.5rem; }
	h2.hero { font-size:2rem; }
}

nav { background-color: white; }
nav .container.container-mw { padding:0; }
nav .brand-logo { float:left; height:100%; position:relative; z-index:1; }
nav .brand-logo img { height:100%; padding:10px; }

/* #nav-primary a.level1:hover { background-color:#fff !important; border-top:4px solid #005daa; color:#005daa; margin-top:-4px; } */
nav #nav-primary > ul { position:unset; }
nav #nav-primary ul li { display:inline-block; float:none; }
#nav-primary li.active { background-color:rgba(0,93,170,0.1); }
#nav-primary li.level1 a.level1.active { background-color:initial; }
#nav-primary ul li:hover { background-color:rgba(0,0,0,0.05); }
#nav-primary a:hover { background-color:transparent; text-decoration:underline; }
#nav-primary a.level1 { font-size:1.2rem; font-weight:300; }
#nav-primary li.level1 > ul, #nav-primary li.level1 > .inner-wrapper > ul { background:white; box-shadow:0 8px 10px -5px #4B4B4B; display:none; left:0; position:relative; text-align:left; width:100%; height: 100%; }
#nav-primary li.level1 > .inner-wrapper { position: absolute; left: 0; width: 100%; max-height: calc(100vh - 65px); overflow-y: auto;}
#nav-primary li.level1:hover, #nav-primary li.level1.active:hover { /* box-shadow:0 5px 10px -5px #4B4B4B; */ }
#nav-primary li.level1:hover > ul, #nav-primary li.level1:hover > .inner-wrapper > ul { display: table; }
#nav-primary ul li.level2 { display:table-cell; float:none; max-width:200px; overflow:visible; width:200px; }
/* #nav-primary ul li.level2.first { max-width:210px !important; padding-left:10px; }
#nav-primary ul li.level2.last { max-width:210px !important; padding-right:10px; } */
#nav-primary ul li.level2 > a { color:#005daa; display:inline-block; font-weight:bold; line-height:1.1; padding-top:15px; text-transform:uppercase; vertical-align:baseline; width:100%; }
#nav-primary ul li.level2 > a.categoryIcon { vertical-align:top; display:flex; height: 100%; }
.categoryIcon .card .card-content { font-weight:normal; }
#nav-primary ul li > a.categoryIcon:hover { text-decoration:none; }
#nav-primary ul li.level2 ul { position:relative; width:100%; }
#nav-primary ul li.level2 > ul.inner { padding-bottom:15px; }
#nav-primary ul li.level3, #nav-primary ul li.level4 { display:block; float:none; overflow:hidden; padding:2px 0; width:100%; } 
#nav-primary ul li.level3 > a, #nav-primary ul li.level4 > a { background:none transparent; font-size:.9rem; line-height:1; margin:0; padding:.25rem 1rem .15rem; }
#nav-primary ul li.level3.parent { padding-top:.5rem; }
#nav-primary ul li.level3.self { background-color: rgba(0, 0, 0, 0.05); }


#nav-eyebrow a.level1 { font-size:.9rem; }
#nav-eyebrow a.level1:hover { color:#fff !important; }
.navbar-fixed { z-index: 998; }
/* @media only screen and (min-width: 992px) {
	.navbar-fixed {	height: 128px; }
	#topnav-bottom .container.nav-wrapper { height:64px; }
} */
nav .nav-wrapper .btn-cta i.material-icons { height:inherit; line-height:inherit; }
nav .input-field label i { color:#636466; }
nav .input-field input[type=search] ~ .material-icons { font-size:24px; right:12px; z-index:-1;}
nav .input-field input[type=search]:not(.browser-default) { cursor:pointer; margin:0; }
nav .input-field input[type=search]:focus:not(.browser-default) { cursor:text; }
nav .input-field input[type=search]:focus:not(.browser-default) + label i,
	nav .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons { color:#005daa; z-index:5; }
nav .input-field input[type=search] + .label-icon { left: 100%; margin-left: -60px; padding:0 15px; transition: left .5s cubic-bezier(0.65, 0.05, 0.36, 1), margin .5s cubic-bezier(0.65, 0.05, 0.36, 1); }
nav .input-field input[type=search]:not(.browser-default):focus:not([readonly]) + label { left:3px; margin-left: 0; }
nav .input-field input[type=search] ~ .material-icons { transition: .3s z-index, .3s color; }


/*** Language menu ***/
/* top level  */
ul.smt-menu {position:relative;visibility:visible;}
/* no focus dotted line  */
ul.smt-menu :focus {outline: 0 !important;}
/* container of menu items */
ul.smt-menu ul {box-shadow: 0 5px 10px -5px #4B4B4B;}
/* list items (includes trigger) */
ul.smt-menu li {display:block !important;}
/* item wrapper */
ul.smt-menu li.smt-item {float:none !important;display:block !important;}
/* down arrow at end of trigger link */
ul.smt-menu li .smt-trigger-link .smt-downArrow{display:inline-block;height:13px;width:13px;background:url(bullet_arrow_down.png) no-repeat;}
/* hover state for button which opens menu */
ul.smt-menu li:hover .smt-trigger-link,ul.smt-menu li.sfhover .smt-trigger-link{}
/* triggers has-layout for ie6 */
* html .smt-trigger-link, .smt-link{display:inline-block;}
/* menu items */
ul.smt-menu li li a{background-color:#fff;}
/* hover state for menu items */
ul.smt-menu li li a:hover{background-color:#999 !important;color:#fff !important;}
/* the world "language" in trigger  */
ul.smt-menu span.smt-word{font-weight:normal !important;padding-right:5px !important;}
/* hover state for name of language in trigger */
ul.smt-menu li:hover span.smt-word,ul.smt-menu li.sfhover span.smt-word{}
/* hover state for the world "language" in trigger */
ul.smt-menu li:hover span.smt-lang,ul.smt-menu li.sfhover span.smt-lang{color:#000 !important;}



.hero { color:#fff; margin:0; font-weight:100; line-height:1; }
#hero { position:relative; }
#hero .chip { background-color:#fff; color:#005daa; }
#hero .backstretch-image,
	#hero .parallax-container,  
	#hero .jarallax, 
	#hero .jarallax { height:600px; max-height:65vh; min-height: 520px; }
@media only screen and (min-width: 600px) { #hero .backstretch-image, #hero .parallax-container, #hero .jarallax { min-height: 550px; } }
#hero .scrim { bottom:0; }
#hero .parallax-container .parallax-overlay.scrimright { background:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,.8) 100%); }
#hero .parallax-container .parallax-overlay.scrimleft { background:linear-gradient(to left, rgba(0,0,0,0) 50%, rgba(0,0,0,.8) 100%); }
#hero .parallax-container .parallax-overlay.scrimcenter { background:linear-gradient(to right, rgba(0,0,0,0) 25%, rgba(0,0,0,.8) 55%, rgba(0,0,0,0) 80%); }
/* #hero .parallax-overlay { padding-top:2rem; }	 */
#hero .resolutions { bottom:0; margin-right:20px; max-width:25%; position:absolute; right:0; text-align:right; }
@media only screen and (min-width:992px) { #hero .pills h2.hero { max-width: 75%; } }

#product-camera section:first-of-type { padding-top:2rem; }

.jarallax { position: relative; z-index: 0; }
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#hero .jarallax-img { object-fit:cover; height:600px; max-height:65vh; }

/* Parallax & video object */
.video-overlay, .parallax-overlay { height:100%; position:absolute; width:100%; z-index:20; }
.parallax-container { max-height:50vh; }
section.parallax-container { padding:0; }
.parallax-container .parallax img { max-width:100vw; }
@media only screen and ( max-width: 1024px ) { .parallax-container .parallax img { max-width: none; height: calc(100% - 56px); } }
.parallax-overlay h1, .video-overlay h1, .parallax-overlay h2, .video-overlay h2, .shadow-text { color:#fff; text-shadow:0 1px 5px #000, 0 0 10px #444; }
.parallax-overlay .row { margin-bottom:0; }
.video-scrim { background-color:rgba(0,0,0,1); min-height:50%; height:65vh; overflow:hidden; position:relative; transition:background-color 300ms linear; }
.video-scrim.loaded { background-color:rgba(0,0,0,0) !important; }
.scrim { background-color:rgba(0,0,0,.6); left:0; padding:1.5rem 0; position:absolute; right:0; text-align:left; }
.scrim .row { margin-top:20px; }
.photo-underlay { position:relative; }
.photo-overlay { bottom:24px; font-size:larger; left:24px; padding-right:65%; position:absolute; top:24px; }


.breadcrumb { font-weight:300; }
#breadcrumbs a.breadcrumb:hover { color:#000; text-decoration:underline; }
.breadcrumb:first-child:before { content:'\e88a'; display:inline-block; }
/*** IE bug requires text-decoration to be set then unset ***/
.breadcrumb:hover:before { text-decoration:underline; }
.breadcrumb:hover:before { text-decoration:none;  }

#breadcrumbs:last-child { margin-right:15px; }


/*.btn-cta i.left { margin-left:-8px; margin-right:10px; }
.btn-cta i.right { margin-left:10px; margin-right:-8px; } */
.btn-floating.btn-outlined { background-color:transparent; box-shadow:none; border:2px solid #005daa; } 
.btn-floating.btn-outlined:hover { background-color:rgba(0,93,170,.5); box-shadow:none; }
.btn-floating.btn-outlined.white-text { border:2px solid rgba(255,255,255,.75); }
.btn-floating.btn-outlined.white-text:hover { background-color:rgba(255,255,255,.5); box-shadow:none; border:2px solid rgba(255,255,255,.75); }
.btn-floating.btn-outlined i { font-size:24px; margin:-2px 0 0 -2px; pointer-events:none; }
.btn-large i { font-size:2rem; }
.fixed-action-btn ul { bottom:76px; left:inherit; position:fixed; right:inherit; text-align:right; }
.fixed-action-btn ul a.btn-floating { border-radius:0; padding:0 1.5rem; transform-origin:right top; width:100%; }
.fixed-action-btn ul a.btn-floating i { width:auto; }


.backdrop { background-color:#fafafa; }

.casestudy.card.large .card-image { max-height:40%; }
.casestudy.card .card-image span.chip { position: absolute; top: 10px; left: 10px; }
.casestudy.card.large .card-image + .card-content { max-height:60%; line-height:1.2; }
.casestudy.card.large .card-title { line-height:1.1; }

.card .card-header, .card-header { border-radius:2px 2px 0 0; padding:20px 10px; }
.card-header.valign-wrapper { padding:10px; }
.card .card-content { padding:12px 24px; }
.card .card-content h3 { color:#005daa; font-weight:600; margin-top:0; text-transform:capitalize; }
.card.category .card-content { line-height:1.2; }
.card.category .card-content h3 { margin:0 -12px 5px; }
article a .card .card-content p { color:initial; }
.card .card-action { color:#005daa; padding:10px 20px; }
.card .card-action p { color:initial; }
a .card .card-action:hover .btn-flat { color:#aad9ff !important; }

.card-header .card-title { font-weight:600; line-height:1; margin:0; text-transform:uppercase; }
@media only screen and (max-width:601px) {
	.circular-card .card-header .flow-text { font-size:2rem; }
	.card.small.accessory { height:250px; }
}
#hero .card-header .card-title { font-size:3rem; font-weight:600; text-transform:none; }

.card.feature.medium { height: 310px; }
.card.feature .card-image + .card-content { max-height:100%; }
.card.feature .card-content { padding:10px; }

.card.category { background-color:transparent; border:0 none; margin-top:0; text-align:center; }
.card.category.medium { height: 370px; }
@media only screen and ( max-width: 600px ) { .card.category.medium { height: 300px; } }
.card.category .card-header { line-height:1; height:5rem; padding-bottom:0; text-transform:none; }
nav .card.category .card-header { height: 2.5rem; line-height: inherit; padding:0; text-transform: uppercase; }
.card.category .card-content { color:black; padding:10px 10px 20px;}
.card.category .card-action .btn-floating i { color:#005daa; }
.card.category .card-image { overflow:visible; padding:12px 12px 0; }
.container-news .card-image img { min-width:100%; width:auto; }
.card.category .card-image img { max-height:100%; margin:0 auto; max-width:100%; width:auto; }
.card.category.hoverable:not(:hover), .hoverable:not(:hover) .card.category { box-shadow:0 0 0 0 transparent; }
.card.category.icon .card-image img, .card.category.icon .card-icon svg { max-width:50%; }
.card.category.icon64 { min-width:130px; }
nav .card.category.icon64 { box-shadow:none; margin:0; padding:0 0 15px 0; }
.card.category.icon64 .card-content { padding-top:0; text-transform:uppercase; }
nav .card.category.icon64 .card-content { padding:0; text-transform:none; }
.card.category.icon64 .card-icon { border-radius:2px 2px 0 0; height:88px; padding:12px; width:88px; }

.circular-card { background-color:transparent; height:320px; line-height:1.15; max-width:246px; margin:0 auto; position:relative; }
.circular-card.category .card-content { border-radius:50%; color:initial; max-height:100%; overflow:visible; padding:100% 0 0 0; position:relative; width:100%; }
.circular-card.category .card-content img { margin:-5px; max-width:256px; }
.circular-card.category .card-thumb { bottom:-5px; left:-5px; line-height:0; position:absolute; right:-5px; top:-5px; }
.circular-card.category .card-header { font-weight:600; line-height:1.1; padding:12px; text-align:center; text-transform:uppercase; }

article.hoverable.circular:hover { box-shadow:0 0 0 0 transparent !important; }
article.hoverable.circular:hover .circular-card.category .card-content { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; transition: box-shadow .25s; }
article.hoverable:hover .card .btn-floating.btn-outlined { background-color: rgba(0,93,170,.5); }
article.hoverable:hover a .card .card-action .btn-flat { color:#aad9ff !important; }

.card.hoverable .card-action span { color:#005daa; }
.card.hoverable .card-action span:hover { color:rgba(0,93,170,.25); }

.card.news .card-content { font-size:0.9rem; line-height:1.2; }
.card.news .card-content .card-title { font-size:1.4rem; line-height:1.1; margin-bottom:.25rem; }
.card.news .card-image { background-position:center; background-repeat:no-repeat; background-size:cover; height:50%; }
.card.news .card-action { border-top:0 none; }

.card.related { height:220px; position:relative; }
.card.related .card-image { height:100%; max-height:100%; padding-bottom:3rem; }
.card.related .card-action { color:#fff; line-height:1rem; padding:1rem; text-transform:uppercase; }
.card.related .card-action i.right { margin-left:0; line-height:1rem; }
#accessories .card .card-header { padding:15px 10px 0; }
#accessories .card .card-content, #accessories .card .card-action { color:initial; font-size:smaller; line-height:1.2; padding:10px; }
#related .card .card-image img, .associated.card .card-image img { left:unset; position:absolute; right:unset; width:unset; min-width:100%; }
/* #related .card .card-content { padding:12px;} */
#related .card .card-title { font-size:1.75rem; line-height:1; margin-bottom:.5rem; }
#related .card.small .card-image, #related .card.small .card-image + .card-content { max-height:50%; }

.card-shortbar { background-color:rgba(255,255,255,0.5); height:10px; width:80px; }
.card.translucent { background-color:transparent; border:5px solid rgba(255,255,255,0.5); border-left:0 none; border-right:0 none; border-radius:0; margin:0; -webkit-box-shadow:none; box-shadow:none; }
.card.translucent .card-header { border-bottom:5px solid rgba(255,255,255,0.5); padding:24px; }
.card.translucent .card-header i.material-icons.left { color:rgba(255,255,255,0.5); margin-left:-24px; margin-right:10px; }
.card.translucent i.material-icons.right { font-size:24px; line-height:38px; }
.card.translucent .card-reveal .btn-floating i { color:#005daa; }
.card.translucent .card-header i:hover.material-icons.right,
.card.translucent .card-reveal i:hover.material-icons.right { color:#b4d4e7; }
.card.translucent .card-reveal .btn-flat.left { bottom:24px; left:24px; position:absolute; }
.card.translucent .card-action { border-top:0 none; padding:0 0 24px; text-align:center; }
.card.translucent .btn-floating.btn-outlined { position:absolute; bottom:24px; right:24px; }
#hero .card.translucent .card-header, #hero .card.translucent .card-content { padding:24px 12px; }
#hero .card.translucent .card-content, #hero .card.translucent .card-content p { font-size:1.5rem; font-weight:600; }
#product-camera #hero .card.translucent .card-header { border-bottom:0 none; }
.card.card-video .card-content { min-height: 9.5rem; }


.carousel.row { margin-bottom:0; }
.carousel .carousel-item { height:400px; }
.carousel .card.medium { height:385px; }
.carousel .card.medium .card-action { color:#fff; text-transform:uppercase; }
.carousel-control { padding:0 5%; position:relative; }
.carousel-fab { position:absolute; top:50%; z-index:35; }
.fab-left { left:2%; }
.fab-right { right:2%; }
.carousel-item p { margin:0; }
.carousel-caption { background-color:rgba(0,0,0,0.5); color:#fff; line-height:1; padding:.5rem 1rem; position:absolute; top:0; width:100%; }
.carousel-hidden { display:none; }
.carousel .indicators .indicator-item { margin: 4px; }
/* emulate old site
.carousel-item { position:relative; }
.carousel-title { height:100%; margin-top:-28px; position:absolute; }
.carousel-title.right { margin-left:52%; width:48%;}
.carousel-title.left { margin-right:52%; width:48%; }
.carousel-item .carousel-caption p.title { font-size:small; }
.carousel-title .title { color:initial; }
.carousel-title .content { color:#999; }
 */


#features .chip { border-radius:0.5rem; height:2rem; font-size:1rem; font-weight:600; line-height:2rem; padding:0 0.5rem; }



.col #hero { margin-bottom:2rem; }
@media only screen and (max-width: 600px) { 
	.row .col.s4:nth-child(4n) { clear: both; }
	/* .row .col.s12 { padding:0; } */
}


.collection .collection-item.avatar .title { font-size:18px; font-weight:600; }
.collection .collection-item.avatar .circle { height:45px; width:45px; }
.collection .collection-item.avatar i.circle { font-size:30px; line-height:45px; }
.collection .collection-item.avatar i.circle.text-only { font-family:inherit; font-size:24px; font-weight:600; line-height:48px; }


.collapsible-header:hover { background-color:#939598 !important; }
.collapsible-header .nomargin, .collapsible-header .nm { line-height: inherit; }


.feature-icon-outer { display:inline-block; margin:0 0 1.5rem; max-width:48%; text-align:center; vertical-align:top; }
.feature-icon-name { display:inline-block; font-size:smaller; line-height:1.2; }
.feature-icon { background-color:#fff; border:1px solid #bbbec0; display:inline-block; height:66px; position:relative; width:66px; }
.feature-icon-small { display:inline-block; height:42px; margin:0; overflow:hidden; position:relative; width:42px; }
.feature-icon-row { margin:0 0 1rem; overflow:hidden;  }
.feature-icon-row .feature-icon { float:left; overflow:hidden; }
.feature-icon-row .feature-icon-text { margin-left:80px; font-size:.9rem; line-height:1.2; }
.feature-icon-row .feature-icon-name { display:block; font-size:1rem; line-height:1; margin-bottom:.15rem; text-transform:uppercase; }


ul.uppercase.dropdown-content li { text-transform:uppercase; }

#info .scrollspy:first-of-type h1 { margin-top:0; }

.material-tooltip { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); max-width:250px; }


.materialboxed:hover:not(.active) { opacity:1 !important; }
.materialboxed-caption { font-size:.9rem; line-height:1.1; margin:.25rem 0; }


#list-downloads .modal h2, #list-downloads .modal h3, #list-downloads .modal h4 { font-size:110% }
#list-integrations .scrollspy h1 { border-bottom:1px solid rgba(99, 100, 102, 0.7); border-top:3px solid; font-size: 2rem; margin: 0; line-height: 1; min-height: 54px;	}
.section.scrollspy { padding: 0; }


.page-footer > .container { font-size:0.9rem; padding-top:20px; }
.page-footer li { display:block; line-height:1.15; }
.page-footer li a { display:inline-block; margin-bottom:0.25rem; }
.page-footer a.parent { text-transform:uppercase; }
.page-footer a:link, .page-footer a:visited { color:#bbbec0; }
.page-footer a.parent:link, .page-footer a.parent:visited { color:#fff; }
.page-footer a:hover { color:#b4d4e7; text-decoration:underline; }
.page-footer a:active { color:#fb8839; text-decoration:underline; }
.page-footer .footer-copyright { font-size:smaller; }


.pagination li { margin-right:5px; }
/* .pagination li a { width:40px; } */
.siblingnav .pageList.pagination.hide-on-side { display: none; }
.siblingnav .pagination li { margin-right: 0; }
.pagination li.control { width: 40px; }
#content .pageList.pagination {	display: none; }
#content .pageList.pagination.hide-on-side { display: block; }


.promo i { display:block; font-size:7rem; line-height:6rem; }
.promo .btn-flat { height:9rem; padding:0.5rem 0.25rem; }


.pin-top.pushpin-tabs > .container.container-mw { padding: 0; }
.tabnav .pushpin-wrapper, .tabnav .pushpin-tabs { height:54px; }
.pushpin-tabs { opacity:1; transition: opacity 300ms, background-color 300ms; }
.pin-bottom.pushpin-tabs { opacity:0; top:128px !important; transition: opacity 300ms, background-color 300ms; visibility:hidden; }
.pushpin-tabs .tabs { transition: box-shadow 300ms, opacity 300ms, background-color 300ms; }
.pinned.pushpin-tabs { background-color:#f2f2f2; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); color:#fff; left:0 !important; margin:0; margin-bottom:0; right:0 !important; z-index:50; }
.pinned.pushpin-tabs .tabs { background-color:#f2f2f2; }
/* .pushpin-tabs.is-desktop { margin-top: -8px; } */

@media only screen and (min-width:992px) {
	.pushpin-tabs.pinned .tabs { margin-left:16.6667%; width:83.33333%; }
}

@media only screen and (min-width: 601px) {
	/* .pushpin-tabs.pinned.is-mobile { margin-top: 8px; } */
	/* .pushpin-tabs.pinned.is-desktop { margin-top: 0; } */
}


.search-wrapper { line-height:1.5; margin:0 1rem 3rem; }
.search-wrapper .input-field { margin-top:0; }
.search-wrapper .input-field input[type=search] { margin:0; padding-left:2.5rem; width:calc(100% - 2.5rem); }
.search-wrapper .input-field input[type=search] + label { left: 0.5rem; }


.section-xl { padding-top:10rem; padding-bottom:10rem; position:relative; }
.section-l { padding-top:7rem; padding-bottom:7rem; position:relative; }
.section-m { padding-top:4rem; padding-bottom:4rem; position:relative; }
.section-s { padding-top:2rem; padding-bottom:2rem; position:relative; }


.shortbar { background-color:rgba(255,255,255,0.80); height:5px; width:200px; }


.sidenav { width:350px; max-width: 100%; }
.sidenav .user-view { height:64px; margin-bottom:0; padding:14px 16px 0; }
.sidenav .social-view { padding:16px; }
.sidenav li > a { font-weight:400; padding:14px 18px; }
.sidenav a.level1.link { font-size:1.6rem; padding:14px 55px 14px 18px; font-weight:300; }
.sidenav a.level2.link  { color:#636466; font-size:1.15rem; font-weight:600; padding:14px 55px 14px 24px; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.sidenav a.level3.link  { font-size:1.15rem; padding:14px 55px 14px 36px; }
.sidenav a.level4.link  { font-size:1rem; padding:14px 18px 14px 60px; }

.sidenav ul.collapsible li.parent { position:relative; }
.sidenav .collapsible-header { position:absolute; right:10px; top:0; }
.sidenav .collapsible-header i.material-icons { font-size:1.4rem; }
.sidenav .collapsible-body { background-color:transparent; }
/*.sidenav .collapsible-body li.level2 a, 
	.sidenav.fixed .collapsible-body li.level2 a.link { padding: 0 16px 0 23.5px; }
.sidenav .collapsible-body li.level3 a, 
	.sidenav.fixed .collapsible-body li.level3 a.link { padding: 0 16px 0 50px; }
.sidenav .collapsible-body li.level4 a, 
	.sidenav.fixed .collapsible-body li.level4 a.link { padding: 0 16px 0 38.5px; } */
.sidenav li.level1 > a.btn-flat, 
.sidenav li.level2 > a.btn-flat, 
.sidenav li.level3 > a.btn-flat,
.sidenav li.level4 > a.btn-flat{ height:36px; line-height:36px; margin:6px 0; padding:0; width:36px; }
.sidenav li.level1 > a.btn-flat > i.material-icons, 
.sidenav li.level2 > a.btn-flat > i.material-icons, 
.sidenav li.level3 > a.btn-flat > i.material-icons,
.sidenav li.level4 > a.btn-flat > i.material-icons{ height:36px; line-height:36px; margin:0; width:36px; }


#siblingnav ul { border-bottom: 1px solid rgba(99, 100, 102, 0.7); margin:0; padding:1rem 0; }
#siblingnav li { margin-bottom: .5rem; }
#siblingnav li.last { margin-bottom:0; }
#siblingnav a {
    color:rgba(99, 100, 102, 0.7);
    display:block;
	font-size:1rem;
	font-weight:400;
    height:100%;
    padding:0;
    transition: color .28s ease, background-color .28s ease;
    width:100%;
}
#siblingnav a:hover { color: #005DAA; }
#siblingnav a.active.self { color:black; font-weight:700; }
#siblingnav h2 { color:#005daa; border-bottom:1px solid rgba(99, 100, 102, 0.7); border-top:3px solid; font-size:1.1rem; font-weight:600; letter-spacing:0; line-height:1; margin:0; padding:1.25rem 0; text-transform:uppercase; }
#siblingnav h2 a { color:#005daa; font-size:inherit; font-weight:600; }
.siblingnav .pushpin-wrapper { max-width:184px; position:relative; }
.siblingnav .pushpin-wrapper.pinned { width:calc(16.66667% - .75rem - 20px); }
.siblingnav .pushpin-wrapper.pin-bottom { bottom:0; position:absolute; top:unset !important; }
#siblingnav ul li a { font-size:0.9rem; line-height:1; margin:0; padding:.25rem 0 .15rem;}
#siblingnav ul ul { border-bottom:0 none; margin-bottom: -1rem; margin-top: -.5rem; }
#siblingnav ul ul a { padding-left:16px !important; }


.sitemap { line-height:1; }
.sitemap li { margin: 1px 0 5px; }
.sitemap li.level1 > ul { margin: 5px 0 0 0; }
.sitemap li.level2.parent { margin-top: 7px; }
.sitemap li.level2.parent ul { margin:5px 0 5px 5px; }
.sitemap a.level1 { font-weight:600; text-transform:uppercase; }
.sitemap a.level2 { font-weight:600; }
.sitemap a.level3 { font-size:smaller; font-weight:300; }
.sitemap a.level4 { font-size:x-small; font-weight:300; }


/* slider */
/* #mediaGallery .caption { background-color:rgba(0,0,0,0.6); bottom:0; left:0; padding:0 1rem; top:unset; width:100%; } */
#mediaGallery .slider { background-color:rgba(0,0,0,0.6); }
#mediaGallery .slider .slides { background-color:#fff; }
/* #mediaGallery .slider .slides li img { background-repeat:no-repeat; background-size:contain; } */
#mediaGallery .slider .slides li .caption { background-color: rgba(0,0,0,.6); left:0 !important; padding:0 1rem; right:0 !important;top: 0 !important; width:100% !important; }
#mediaGallery .slider .slides li .caption p { font-size:smaller; line-height:1.1; }
#mediaGallery .slider .indicators .indicator-item { margin:8px; }
#mediaGallery .slider .indicators .indicator-item.active { background-color:#b4d4e7; }


.social-icon { background-image:url(../images/icons/social-icons.svg); background-size:164px 33px; background-color:transparent; background-repeat:no-repeat; border-radius:50%; display:inline-block; height:32px !important; margin:.5rem; padding:0; width:32px !important; }
.social-icon.facebook { background-position: 0px 0px; }
.social-icon.linkedin { background-position: -66px 0; }
.social-icon.instagram { background-position: -33px 0; }
.social-icon.twitter { background-position: -99px 0; }
.social-icon.youtube { background-position: -132px 0; }


.pin-top .tabs .tab a:hover, .pin-top .tabs .tab a.active { border-bottom: 1px solid rgba(99, 100, 102, 0.7); }
.tabs.transparent .tab a:link { color:rgba(255, 255, 255, 0.7); }
.tabs.transparent .tab a:hover, .tabs.transparent .tab a.active { color: #005DAA; }
.tabs .material-icons { line-height:inherit; }
.tabnav ul.tabs { border-bottom:1px solid rgba(99, 100, 102, 0.7); }
.tabnav .pinned ul.tabs { border-bottom:0 none; padding:0 .75rem; }
.tabnav .tab-content { padding-top:2rem; }
.tab-content h3 { font-size:1.4rem; font-weight:600; margin:0 0 .25rem 0; text-transform:unset; }
.tab-content h3 + p { margin-top:0.25rem !important; }
.tab-content h4 { color:#fff; background-color:#005daa; font-size:1.2rem; margin-top:1.5rem; margin-bottom:1rem; padding:.5rem; text-transform:uppercase;}
#tab-title { height:100%; max-width:200px; position:absolute; transition:opacity 300ms; }
#tab-title h3 { font-size: 1.1rem; line-height:1; margin: 0 0 0 10px; }
.pin-top #tab-title { display:none; opacity:0; }
.pinned #tab-title { opacity:1; }


/* td, th { padding: 5px 15px; } */
table thead tr { border-bottom: 1px solid rgba(99, 100, 102, 0.7); }
table thead th { /* color:#005daa; font-size:.9rem; font-weight:300; line-height:1; */ text-transform:uppercase; }
table thead th, table thead td { vertical-align:baseline; }
table .select-wrapper input.select-dropdown { height:2rem; line-height:2rem; margin:0; }
table td.dropdown { min-width: 7rem; } 
table.specs > tbody > tr > td { vertical-align:top; }
table.vstriped.specs > tbody > tr > td { vertical-align:top; }
table.striped > tbody > tr:nth-child(even),
	table.vstriped > tbody > tr > th:nth-child(odd),
	table.vstriped > tbody > tr > td:nth-child(odd) { background-color:#fff; }
table.striped > tbody > tr:nth-child(odd),
	table.vstriped > tbody > tr > th:nth-child(even),
	table.vstriped > tbody > tr > td:nth-child(even) { background-color:rgba(0,0,0,0.1); }
table tr.heading { background-color:#fff !important; }
table.partnumbers tr.heading { background-color: #005daa !important; }
table.striped > tbody > tr.heading td { font-weight: 600; padding: 2rem 0 0; }
table.striped > tbody > tr.heading:first-of-type td { padding-top: 0 !important; }
table .chip { margin-bottom:5px; margin-top:5px; }
table.striped > tbody > tr:nth-child(odd) .chip, table.vstriped > tbody > tr > td:nth-child(even) .chip { background-color: #fff; }
#partnumbers table td:last-child { height:5rem; }
#download table td.dropdown { white-space:nowrap; }
#partnumbers table thead, table.partnumbers thead { background-color:#005daa; }
#partnumbers table thead th, table.partnumbers thead th { background-color:#005daa; border-radius:0; color:#fff; }
@media only screen and (max-width: 992px) {
	table.responsive-table thead { max-width:9rem; }
}
#list-integrations table th { line-height: 1; vertical-align: bottom; }
table tr.heading h4 { margin:0 !important; }



.table-of-contents { margin:0; }
.table-of-contents a { border-left: 2px solid transparent; }
.table-of-contents a:hover { border-left: 2px solid #005daa; }
.table-of-contents a.active { font-weight: 700; }


/**  Salesorce Chat  **/
.embeddedServiceHelpButton .helpButton .uiButton { background-color: #636465; font-family: "proxima-nova", "Arial", sans-serif; }
.embeddedServiceHelpButton .helpButton .uiButton:focus { outline: 1px solid #636465; }


/**  Quick Fixes  **/
strong, .bold { font-weight:700 !important; }
.bar { margin:0 0.5rem; opacity:.5; }
.bottom { bottom:0 !important; }
.centerm { margin-left:auto !important; margin-right:auto !important; }
.dib { display:inline-block !important; }
.flm { float:left; margin-bottom:1rem; margin-right:1rem; }
.font-small { font-size:small !important; }
.frm { float:right; margin-bottom:1rem; margin-left:1rem; }
.fs0 { font-size:0; line-height:0 !important; }
.h100 { height:100% !important; }
.left-align { text-align:left !important; }
.light { font-weight:300 !important; }
.larger { font-size:larger !important; }
.mb0 { margin-bottom:0 !important; }
.mb { margin-bottom:1rem !important; }
.mb2 { margin-bottom:2rem !important; }
.mb5 { margin-bottom:5rem !important; }
.ml { margin-left:1rem !important; }
.mr { margin-right:1rem !important; }
.mt { margin-top:1rem !important; }
.mt2 { margin-top:2rem !important; }
.mt5 { margin-top:10vh !important; }
.mt16 { margin-top:16rem !important; }
.nomargin, .nm { margin:0 !important; }
.nbm, .nmb { margin-bottom:0 !important; }
.np { padding:0 !important; }
.npb { padding-bottom:0 !important; }
.npt { padding-top:0 !important; }
.ntm, .nmt { margin-top:0 !important; }
.oh { overflow:hidden !important; }
.pad { padding:0 2rem 2rem !important; }
.pad-tab { padding:1rem 2rem !important; }
.padded { padding:2rem !important; }
@media only screen and (max-width: 992px) {
	.pad { padding:0 1rem 1rem !important; }
	.pad-tab { padding:0.5rem 1rem !important; }
	.padded { padding:1rem !important; }
	/* .row .padded { padding:0 !important; } */
}
.pl { padding-left:1rem !important; }
.plain { font-weight:normal !important; }
.pos-rel { position:relative !important; }
.pr0 { padding-right:0 !important; }
.pr { padding-right:1rem !important; }
.pt2 { padding-top:2rem !important; }
.right-align { text-align:right !important; }
.semibold { font-weight:600 !important; }
.shaded { background-color:rgba(0,0,0,0.70); }
.shadow-text { color:#fff; text-shadow:0 0 20px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.75), 0 0px 5px #000; }
.smaller { font-size:smaller !important; }
.thin { font-weight:100 !important; }
.top { top:0 !important; }
.uc, .uppercase { text-transform:uppercase !important; }
.ttn { text-transform:none !important; }
.vh100 { height:100vh; }
.w100 { width:100% !important; }
.z1 { z-index: 1 !important; }
@media only screen and (min-width:992px) {
	.flow-text-light { font-size:1.2rem; }
}
@media only screen and (min-width:600px) {
	.md-mt16 { margin-top: 16em; }
}

/** YouTube videos **/

img + .youtube-container {
	display:none;
}
.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/** mobile recaptcha fix **/

@media screen and (max-width: 600px){
	.g-recaptcha{
		transform: scale(0.9);
	    transform-origin: 0 0;
	}
	.pdf_downloads .btn {
		font-size: 0.8rem;
		padding: 0 12px;
	}
	.pdf_downloads .btn i.right {
		margin-left: 5px;
	}
}
.pdf_downloads .btn {
	margin: 2.5px 0;
}

/** flex row **/

@media screen and (min-width: 601px){
	.flex-row {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.flex-row .col {
		float: none;
		flex: 1 1 0px;
	}
	.home-callout, .home-callout article, .home-callout .card {
		height: 100% !important;
	}
	.home-callout .card {
		padding-bottom: 40px;
	}
}

.chat-icon-wrapper {
	display: flex;
	height: 64px;
}
.chat-icon {
	width: auto;
	min-width:18px;
	max-width:18px;
	padding: 0 6px 0 16px;
	box-sizing: content-box;
}
@media (pointer:coarse) {
	.select-wrapper {
		position: relative;
	}
	.select-wrapper select {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10;
		opacity: 0;
	}
}
.select2-container {
	width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #005daa;
}
.select2-container--default .select2-selection--multiple {
	min-height: 1em;
	font-size: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	font-size: 15px;
}
.select2-container--default .select2-search--inline .select2-search__field {
	margin: 0;
	line-height: 28px;
	height: 28px;
	font-size: 15px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 2px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* Edge */
  color: #444;
}
.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #444;
}
.partner-locator-filters input[type=text]:not(.browser-default) {
	height: 2rem;
}
.partner-item, .location-item {
	border: 1px solid #ccc;
}
.location-item {
	padding: 0 2em;
}
.location-item + .location-item {
	margin-top: -1px;
}
.location-item a {
	color: #005daa;
}
@media (min-width: 601px) and (max-width: 992px){
	.row .col.l4:nth-child(3n+1) {
		clear: none;
	}
	
	.row .col.m6:nth-child(2n+1){
		clear:left;
	}
}
#app .loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #000000;
  background: -moz-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: -webkit-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: -o-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: -ms-linear-gradient(left, #000000 10%, rgba(0,0,0, 0) 42%);
  background: linear-gradient(to right, #000000 10%, rgba(0,0,0, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#app .loader:before {
  width: 50%;
  height: 50%;
  background: #000000;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
#app .loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.modal-content ul {
    padding-left: 20px;
}
.modal-content ul, .modal-content ul > li {
	list-style-type: disc !important;
	list-style: disc outside;
}