html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	box-sizing: border-box
}

footer,
header,
nav {
	display: block
}

*, *::after, *::before {
	box-sizing: border-box;
}*/

/***********
*   body   *
************/
body {
	background-color:#FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-style:normal;
	

}

/*creates buffer between navbar and body content*/
.dtw_base{
	margin-top:54px;
	height:auto;
	padding-bottom: 15px;
	align-content: center;
}

.main_header{
	max-width: 950px;
	background-color:rgba(248,248,248,1);
	margin: auto;
	align-items: flex-start;
	flex-direction: column;
	box-sizing: border-box;
	display: flex;
	height: 100%;
    
}

/************
*     Upload Section    *
*************/
/*upload content box*/
.box{
    padding: 2%;
    width: 840px;
    padding-top: 10px;
    color: #e74d3d;
	font-weight: 600;
}

.upload {
  margin: 0 3px;
}

.font_size{
	font-size:22px;
}

.lg_box {
	width: 200px;
}


/************
*     TAB    *
*************/
/* Style the tab buttons */
.tablink {
	background-color: #555;
	color: white;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	font-size: 16px;
	width:158px;
	text-align:center;
  }

  /* Change background color of buttons on hover */
  .tablink:hover {
	background-color: #777;
  }

  
  /* Set default styles for tab content */
  .tabcontent {
	display: none;
	height:auto;
	margin-bottom: 3%;
	width: 950px;
  }

 /* .tab button.active {
	background-color: #e74d3d;
  }

   /* Style each tab content individually */
   #streamingAccess {background-color: rgba(248,248,248,1);}
   #projectSettings {background-color:rgba(248,248,248,1);}
   #addCameras {background-color:rgba(248,248,248,1);}
   #options {background-color:rgba(248,248,248,1);}
   #reports {background-color:rgba(248,248,248,1);}
   #content {background-color:rgba(248,248,248,1);}

/************************
* Stylable Radio Button *
*************************/

label > input[type="radio"] {
	display: none;
}
label > input[type="radio"] + *::before {
	border-color: black;
	border-radius: 50%;
	border-style: solid;
	border-width: 1px;
	content: "";
	display: inline-block;
	height: 14px;
	margin-bottom:0px;
	margin-left:13px;
	margin-right: 5px;
	margin-top:0px;
	vertical-align: baseline;
	width: 14px;
  cursor: pointer;
}
label > input[type="radio"]:checked + *::before {
	background: radial-gradient(teal 0%, black 40%, transparent 50%, transparent);
	border-color: black;
}
label > input[type="radio"]:checked + * {
	color: #333333;
}
label > input[type="radio"][disabled] + *::before {
	border-color: lightgray;
	border-radius: 50%;
	border-style: solid;
	border-width: 1px;
	content: "";
	display: inline-block;
	height: 14px;
	margin-bottom:0px;
	margin-left:13px;
	margin-right: 5px;
	margin-top:0px;
	vertical-align: baseline;
	width: 14px;
}
label > input[type="radio"][disabled]:checked + *::before {
	background: radial-gradient(teal 0%, black 40%, transparent 50%, transparent);
	border-color: lightgray;
}
label > input[type="radio"][disabled] + * {
	color: lightgray;
}
label > input[type="radio"][disabled]:checked + * {
	color: lightgray;
}
/***********************
  * Next/Previous BTN *
*************************/
.next_btn {
	background-color: #E74D3D;
	color: #f7f7f7;
	border-color:#E74D3D;
	width:117px;
}

/*******************
* General Formating *
********************/
.hiddenFields {
    display: none;
}

.displayNone {
    display: none;
}

.spacing {
    padding:3%;
}

.checkboxes {
  width: 21px;
	height:21px;
	cursor: pointer;
}

.form_fields {
    width:188px;
	height:29px;
}

input.form_fields {
    width:188px;
	height:29px;
}

.special_text{
	color:#E74D3D;
	font-size:16px;
	margin-left:1em;
   
	margin-right:1em;
	text-align: center;
	font-weight:bold;
}

.subtext{
	font-style: italic;
    font-size: 15px;
    
}

h2 {
    text-align: center;
	font-size: large;
}

.form_titles {
    text-align: end;
}

.bottomspacing{
    padding-bottom: 1.5%;
}

.topSpacing{
	padding-top: 2%;
}

.center{
    text-align: center;
}

.smallBox {
	height: 29px;
	width:50px;
}
.smallestBox {
	height: 29px;
	width: 29px;
}



/************
* CAMERAS *
**************/
.xsmallBox {
	height: 29px;
	width:29px;
    text-align: center;
}

select.lb{
	background-color:#ffffff;
	border: 1px solid;
	height:120px;
	overflow: scroll;
	width:650px;	
}

select.overflow_text option {
	display: table;
}


select.secondStream {	
	margin-right:15px;
}

input.secondStream{
	float:right;
	margin-right:15px;

}
text.secondStream{
	margin-left:40px;

}

.audio_support_2 {
	margin-left: 19px;
}

.subheading {
	font-size: 20px;
	font-weight: 600px;
}

.checkbox_margin{
	margin-right: 3%;
}

.checkbox_margin_2{
	margin-left: 3%;
}

.submit_buttons {
	padding-bottom: 16%;
}

/*****************
* Settings *
******************/
.md_box {
width: 156px;
height:25px;
}

.sm_md_box {
	width: 64px;
}

.alignRight {
margin-left: 7%;
}


/*****************
* Streaming Access *
******************/

.topBox {
    margin-top:12%
}


.list_margin {
	margin-bottom: 2px;
}

.number_of_streams
{
	margin-left: 71px;
}

.concurrent{
margin-left: 81px;
}

/*****************
* Options *
******************/

.cv_spacing {
	margin-left: 3%;
}

/*****************
* Report *
******************/
.input_field{
 width: 60.5%;
}

input.report{
    height:75px;
}

.floatRight {
	float:right;
}

.results_btn {
	width:150px;
	padding:1.2%;
}

/*****************
* About *
******************/

.leftAlign {
	text-align: left;
    padding-left: 3%;
    padding-right: 2%;
}


/*****************
* TIPS *
******************/
.bubble{
	position: absolute;
	width: 220px;
	padding: 10px;
	background: rgba(248,248,248,1);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	text-align:left;
	border: #E74D3D solid 2.5px;
	visibility: hidden;
}

.bubble:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 0 20px 20px;
	border-color: transparent rgba(248,248,248,1);
	display: block;
	width: 0;
	z-index: 1;
	right: -20px;
	top: 40px;
}

.bubble:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 0 24px 24px;
	border-color: transparent #E74D3D;
	display: block;
	width: 0;
	z-index: 0;
	right: -29px;
	top: 36px;
}

[onmouseover] {
	color: #e74d3d;
	font-weight: bold;
}




/******************
     * Navbar *
*******************/
.js-menu-toggle {
	border:none;
	background-color:#E74D3D ;
}
.hamburger {
	padding: 10px 10px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible
}

.hamburger:hover {
	opacity: 1
}

.hamburger-box {
	width: 30px;
	height: 19px;
	display: inline-block;
	position: relative
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 30px;
	height: 3px;
	background-color: #fff;
	border-radius: 0px;
	position: absolute;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block
}

.hamburger-inner::before {
	top: -8px
}

.hamburger-inner::after {
	bottom: -8px
}

.hamburger--squeeze .hamburger-inner {
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze .hamburger-inner::before {
	-webkit-transition: top 0.2s 0.12s ease, opacity 0.2s ease;
	transition: top 0.2s 0.12s ease, opacity 0.2s ease
}

.hamburger--squeeze .hamburger-inner::after {
	-webkit-transition: bottom 0.2s 0.12s ease, -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.2s 0.12s ease, -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.2s 0.12s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.2s 0.12s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.2s ease, opacity 0.2s 0.12s ease;
	transition: top 0.2s ease, opacity 0.2s 0.12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: bottom 0.2s ease, -webkit-transform 0.2s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.2s ease, -webkit-transform 0.2s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.2s ease, transform 0.2s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.2s ease, transform 0.2s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-topbar *:focus {
	outline-offset:-1px
   }
   .c-topbar__skip:focus {
	color:white
   }
   @media screen and (min-width: 960px) {
	.c-topbar {
	 display:none
	}
   }
   @media screen and (max-width: 960px) {
	.c-topbar {
	 display:block;
	 position:fixed;
	 top:0;
	 left:0;
	 right:0;
	 padding-left:10px;
	 z-index:9999;
	 background-color:#E74D3D
	}
   }
   .c-topbar__inner {
	position:relative;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto
   }
   .c-topbar__inner::after {
	clear:both;
	content:"";
	display:block
   }
   @media screen and (min-width: 960px) {
	.c-topbar__inner {
	 height:80px
	}
   }
   @media screen and (max-width: 960px) {
	.c-topbar__inner {
	 height:50px
	}
   }
   .c-topbar__branding {
	position:absolute;
	display:block;
	height:50px;
	top:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	z-index:99
   }
   .c-topbar__branding img {
	display:block;
	height:30px;
	width:auto;
	margin-top:10px
   }
   @media screen and (min-width: 960px) {
	.c-topbar__hamburger {
	 display:none
	}
   }
   @media screen and (max-width: 960px) {
	.c-topbar__hamburger {
	 display:block;
	 position:absolute;
	 top:0;
	 right:0;
	 height:50px;
	 width:50px;
	 line-height:50px;
	 font-size:150%;
	 color:white;
	 text-align:center;
	 z-index:99
	}
	.c-topbar__hamburger:focus {
	 outline:2px solid #217FBC;
	 outline-offset:-2px
	}
   }
 

.c-navigation {
	border-bottom: 1px solid #e5e5e5;
	-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.c-navigation *:focus {
	outline: none
}

body.is-scrolled .c-navigation {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2)
}

@media screen and (min-width: 960px) {
	.c-navigation {
		position: fixed;
		display: block;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		padding-left: 0;
		padding-right: 0;
		background-color: #fff;
		z-index: 9999
	}
}

@media screen and (max-width: 960px) {
	.c-navigation {
		position: fixed;
		display: block;
		width: 100vw;
		min-height: 100vh;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E74D3D), to(#a92315));
		background-image: linear-gradient(#E74D3D, #a92315 100%);
		z-index: 9999;
		opacity: 0;
		visibility: hidden
	}
	.c-navigation.is-active {
		opacity: 1;
		visibility: visible;
		overflow: auto;
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__inner {
		position: relative;
		height: 80px
	}
	.c-navigation__inner::after {
		clear: both;
		content: "";
		display: block
	}
}

@media screen and (max-width: 960px) {
	.c-navigation__inner {
		display: block;
		width: 100vw;
		text-align: center
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__logo {
		position: relative;
		display: block;
		float: left;
		height: 80px;
		margin-left: auto;
		margin-right: auto;
		z-index: 99;
		-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		border-right: 1px solid #e5e5e5;
		background-color: transparent
	}
	.c-navigation__logo:hover {
		background-color: #F9F9F9
	}
	.c-navigation__logo img {
		display: block;
		height: 32px;
		width: auto;
		margin-top: 24px;
		padding-left: 32px;
		padding-right: 32px
	}
}

@media screen and (max-width: 960px) {
	.c-navigation__logo {
		display: none
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__hamburger {
		display: none
	}
}

@media screen and (max-width: 960px) {
	.c-navigation__hamburger {
		display: block;
		position: absolute;
		height: 40px;
		top: 5px;
		right: 6.66667px;
		color: white;
		font-size: 150%;
		background: transparent;
		border: 1px dotted transparent;
		padding: 0 .5em
	}
	.c-navigation__hamburger:focus {
		border: 1px dotted white
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__close {
		display: none
	}
}

@media screen and (max-width: 960px) {
	.c-navigation__close {
		display: block;
		position: absolute;
		top: 6.66667px;
		right: 5px;
		color: white;
		font-size: 150%;
		background: transparent;
		border: 1px dotted transparent;
		padding: 0 .5em;
		z-index: 999
	}
	.c-navigation__close:focus {
		outline: none
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__search-toggle {
		margin: 0 !important
	}
}

.c-navigation__search-open {
	color: white
}

body.is-scrolled .c-navigation__search-open,
body:not(.home) .c-navigation__search-open {
	color: #444
}

@media screen and (min-width: 960px) {
	.c-navigation__search-open {
		height: 80px;
		line-height: 80px;
		padding: 0 10px
	}
}

@media screen and (max-width: 960px) {
	.c-navigation__search-open {
		display: none
	}
}

.c-navigation__description {
	position: relative;
	display: block;
	width: 100%;
	line-height: 1.2em;
	padding: 10px 20px;
	margin: 0;
	color: #fff;
	font-size: 14px;
	text-align: left
}

@media screen and (max-width: 960px) {
	.c-navigation__description {
		font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 12px;
		padding: 10px 0;
		color: rgba(255, 255, 255, 0.8)
	}
}

.c-navigation__small {
	font-size: 14px !important;
	font-weight: 400 !important
}

.c-navigation__small>a {
	font-size: 14px !important;
	text-shadow: none !important;
	font-weight: 400 !important
}

@media screen and (max-width: 960px) {
	.c-navigation__small {
		font-weight: 300 !important
	}
	.c-navigation__small>a {
		font-weight: 300 !important
	}
}

.c-navigation__demo a {
	
	-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.c-navigation__demo a:hover {
	background-color: #E74D3D !important
}

@media screen and (min-width: 960px) {
	.c-navigation__auth {
		padding-left: 20px !important;
		padding-right: 20px !important;
		-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
	}
	.c-navigation__auth:hover {
		color: #fff !important;
		background-color: #f7f7f7 !important
	}
}

.c-navigation__menu {
	display: block;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 960px) {
	.c-navigation__menu {
		height: 80px;
	}
	.c-navigation__menu>ul {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 80px
	}
	.c-navigation__menu>ul:last-of-type {
		position: absolute;
		float: none;
		right: 0
	}
	.c-navigation__menu>ul>li {
		position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		height: 80px;
		line-height: 80px;
		font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 400;
		font-style: normal
	}
	.c-navigation__menu>ul>li:first-of-type {
		margin-left: 0
	}
	.c-navigation__menu>ul>li:last-of-type {
		float: right;
		margin-right: 0
	}
	.c-navigation__menu>ul>li>a {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 20px;
		height: 80px;
		line-height: 80px;
		color: #444;
		text-decoration: none;
		text-transform: uppercase;
		background-color: transparent;
		-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 14px
	}
	.c-navigation__menu>ul>li>a[aria-haspopup="true"]:after {
		content: "\f078";
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		margin-left: .5em
	}
	.c-navigation__menu>ul>li>a:focus,
	.c-navigation__menu>ul>li:hover>a,
	.c-navigation__menu>ul>li.is-active>a,
	.c-navigation__menu>ul>li.is-focused>a {
		color: #fff;
		background-color: #E74D3D
	}
	.c-navigation__menu>ul>li:hover>ul,
	.c-navigation__menu>ul>li.is-focused>ul {
		opacity: 1;
		visibility: visible;
		display: block;
		max-height: 85vh;
		overflow: auto
	}
	.c-navigation__menu>ul>li:hover>ul>li>a,
	.c-navigation__menu>ul>li.is-focused>ul>li>a {
		padding: 0.5em 20px
	}
	.c-navigation__menu>ul>li>ul {
		opacity: 0;
		visibility: hidden;
		background-color: #E74D3D;
		list-style-type: none;
		position: absolute;
		width: 100%;
		min-width: 300px;
		margin: 0;
		padding: 10px 0;
		top: 100%;
		left: 0;
		font-size: 16px;
		z-index: 999;
		-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
	}
	.c-navigation__menu>ul>li>ul>li {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%
	}
	.c-navigation__menu>ul>li>ul>li:last-of-type {
		border-bottom: none
	}
	.c-navigation__menu>ul>li>ul>li>a {
		position: relative;
		display: block;
		width: 100%;
		line-height: 1.2em;
		padding: 0.4em 20px;
		margin: 0;
		color: #fff;
		font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 17px;
		text-decoration: none;
		background-color: #E74D3D;
		-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		text-shadow: 1px 1px 3px rgba(68, 68, 68, 0.5)
	}
	.c-navigation__menu>ul>li>ul>li>a:before {
		content: "";
		position: absolute;
		display: block;
		width: 0;
		top: .6em;
		bottom: .6em;
		left: 0;
		background-color: #fff;
		opacity: 0;
		-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
	}
	.c-navigation__menu>ul>li>ul>li>a:hover:before {
		width: 3px;
		left: 10px;
		opacity: 1
	}
	.c-navigation__menu>ul>li>ul>li>a:hover,
	.c-navigation__menu>ul>li>ul>li>a.is-focused {
		color: #fff
	}
	.c-navigation__menu>ul>li>ul>li.nolink {
		position: relative;
		display: block;
		width: 100%;
		line-height: 1.2em;
		padding: 0.4em 20px;
		margin: 0;
		color: #fff;
		font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 17px;
		text-shadow: 1px 1px 3px rgba(68, 68, 68, 0.5)
	}
	.c-navigation__menu>ul>li>ul>li.border-top {
		padding-top: 13.33333px;
		margin-top: 10px
	}
	.c-navigation__menu>ul>li>ul>li.border-top:before {
		content: "";
		position: absolute;
		display: block;
		left: 20px;
		right: 20px;
		top: 0;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.75)
	}
	.c-navigation__menu>ul>li>ul>li.border-bottom {
		padding-bottom: 13.33333px;
		margin-bottom: 10px
	}
	.c-navigation__menu>ul>li>ul>li.border-bottom:before {
		content: "";
		position: absolute;
		display: block;
		left: 20px;
		right: 20px;
		bottom: 0;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.75)
	}
	.c-navigation__menu>ul>li:last-of-type:not(.c-navigation__search)>ul {
		min-width: 200px
	}
	.c-navigation__menu>ul>li.c-navigation__auth:hover {
		color: #444 !important
	}
	.c-navigation__menu>ul>li.c-navigation__auth>ul {
		left: auto;
		right: 0;
		min-width: 160px;
		background-color: #f7f7f7
	}
	.c-navigation__menu>ul>li.c-navigation__auth>ul>li .c-navigation__description {
		color: #444
	}
	.c-navigation__menu>ul>li.c-navigation__auth>ul>li>a {
		color: #444;
		background-color: #f7f7f7;
		text-shadow: none
	}
	.c-navigation__menu>ul>li.c-navigation__auth>ul>li>a:before {
		background-color: #E74D3D
	}
	.c-navigation__menu>ul>li.c-navigation__auth>ul>li>a:hover,
	.c-navigation__menu>ul>li.c-navigation__auth>ul>li>a.is-focused {
		color: #5e5e5e
	}
	.c-navigation__menu>ul:last-of-type>li>ul {
		left: inherit;
		right: 0
	}
}

@media screen and (max-width: 960px) {
	.c-navigation__menu>ul {
		padding: 0;
		width: 100%;
		list-style-type: none
	}
	.c-navigation__menu>ul::after {
		clear: both;
		content: "";
		display: block
	}
	.c-navigation__menu>ul:last-of-type>li {
		margin-top: 0
	}
	.c-navigation__menu>ul:last-of-type>li.c-navigation__auth {
		width: 100%;
		border-top: 1px solid rgba(255, 255, 255, 0.75)
	}
	.c-navigation__menu>ul:last-of-type>li.c-navigation__auth::after {
		clear: both;
		content: "";
		display: block
	}
	.c-navigation__menu>ul:last-of-type>li.c-navigation__auth>span {
		display: block;
		float: left;
		color: white;
		padding-top: .5em;
		line-height: 35px;
		margin-right: 1em
	}
	.c-navigation__menu>ul:last-of-type>li.c-navigation__auth>ul {
		display: block;
		float: left;
		border-top: none
	}
	.c-navigation__menu>ul:last-of-type>li>a {
		padding: .5em;
		text-align: center;
		background-color: #d62c1b
	}
	.c-navigation__menu>ul>li {
		position: relative;
		display: block;
		padding: 0 20px;
		margin-left: 0;
		float: left;
		width: 50%
	}
	.c-navigation__menu>ul>li>a {
		position: relative;
		display: block;
		width: 100%;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		padding: 1em 0 .5em 0;
		margin-top: 1em;
		font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-style: normal;
		text-transform: uppercase;
		text-align: left
	}
	.c-navigation__menu>ul>li>a:focus {
		outline: none
	}
	.c-navigation__menu>ul>li>ul {
		position: relative;
		display: block;
		padding: .5em 0 0 0;
		list-style-type: none;
		margin-left: 0;
		display: block;
		border-top: 1px solid rgba(255, 255, 255, 0.75)
	}
	.c-navigation__menu>ul>li>ul::after {
		clear: both;
		content: "";
		display: block
	}
	.c-navigation__menu>ul>li>ul>li {
		position: relative;
		display: block;
		padding: 0;
		margin-left: 0
	}
}

@media screen and (max-width: 960px) and (min-width: 500px) and (max-width: 736px) {
	.c-navigation__menu>ul>li>ul>li {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 48.82117%
	}
	.c-navigation__menu>ul>li>ul>li:last-child {
		margin-right: 0
	}
	.c-navigation__menu>ul>li>ul>li:nth-child(2n) {
		margin-right: 0
	}
	.c-navigation__menu>ul>li>ul>li:nth-child(2n+1) {
		clear: left
	}
}

@media screen and (max-width: 960px) and (max-width: 500px) {
	.c-navigation__menu>ul>li>ul>li {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 100%;
		margin-right: 0
	}
	.c-navigation__menu>ul>li>ul>li:last-child {
		margin-right: 0
	}
}

@media screen and (max-width: 960px) {
	.c-navigation__menu>ul>li>ul>li.nolink {
		text-align: left;
		color: #fff
	}
	.c-navigation__menu>ul>li>ul>li.border-top {
		padding-top: 13.33333px;
		margin-top: 10px
	}
	.c-navigation__menu>ul>li>ul>li.border-top:before {
		content: "";
		position: absolute;
		display: block;
		left: 0;
		right: 0;
		top: 0;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.25)
	}
	.c-navigation__menu>ul>li>ul>li.border-bottom {
		padding-bottom: 13.33333px;
		margin-bottom: 10px
	}
	.c-navigation__menu>ul>li>ul>li.border-bottom:before {
		content: "";
		position: absolute;
		display: block;
		left: 0;
		right: 0;
		bottom: 0;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.25)
	}
	.c-navigation__menu>ul>li>ul>li>a {
		position: relative;
		display: block;
		width: 100%;
		padding: .5em 0;
		text-align: left;
		line-height: 1.2em;
		text-decoration: none;
		color: #fff
	}
	.c-navigation__menu>ul>li>ul>li>a:focus {
		outline: none
	}
	.c-navigation__menu>ul>li>ul>li>ul {
		position: relative;
		display: block;
		padding: .5em 0 0 0;
		margin: -.5em 0 0 0;
		list-style-type: none
	}
	.c-navigation__menu>ul>li>ul>li>ul>li {
		position: relative;
		display: block;
		padding: 0;
		margin: 0
	}
	.c-navigation__menu>ul>li>ul>li>ul>li>a {
		position: relative;
		display: block;
		width: 100%;
		padding: .3em 0 .3em 1em;
		text-align: left;
		line-height: 1.2em;
		text-decoration: none;
		color: rgba(255, 255, 255, 0.6)
	}
	.c-navigation__menu>ul>li>ul>li>ul>li>a:focus {
		outline: none
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__menu--3up>ul>li {
		width: 33.3333%
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__menu--4up>ul>li {
		width: 25%
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__menu--5up>ul>li {
		width: 20%
	}
}

@media screen and (min-width: 960px) {
	.c-navigation__search {
		display: none !important
	}
}

.c-navigation__search .c-form {
	position: relative;
	height: 48px;
	line-height: 48px;
	margin-top: 8px
}

.c-navigation__search .c-form ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.85)
}

.c-navigation__search .c-form :-moz-placeholder {
	color: rgba(255, 255, 255, 0.85)
}

.c-navigation__search .c-form ::-moz-placeholder {
	color: rgba(255, 255, 255, 0.85)
}

.c-navigation__search .c-form :-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.85)
}

.c-navigation__search .c-form input {
	position: relative;
	display: block;
	border: 1px solid white;
	border-radius: 48px;
	border-color: rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.1);
	height: 48px;
	line-height: 48px;
	color: white;
	padding-left: 1em;
	padding-right: 3em
}

.c-navigation__search .c-form input:focus {
	background-color: rgba(255, 255, 255, 0.2);
	outline: none;
	border-color: white
}

.c-navigation__search .c-form button {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	width: 48px;
	height: 48px;
	border: none;
	background: transparent;
	outline: none;
	padding: 0
}

@media screen and (max-width: 960px) {
	.c-navigation__search .c-form button {
		bottom: -8px
	}
}

.c-navigation__search .c-form button span {
	position: absolute;
	left: -99999em
}

.c-navigation__search .c-form button:before {
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	display: block;
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	top: 0;
	left: 50%;
	margin-left: -.5em
}

/******************************
* Footer *
*******************************/
.c-footer {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #444444;
	color: #f7f7f7;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
	
}

.c-footer-pricing {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 20px;
	padding-right: 42px;
	background-color: #444444;
	color: #f7f7f7;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.c-footer ul {
	position: relative;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.c-footer ul>li {
	position: relative;
	display: block;
	padding: 0;
	line-height: 1.2em;
	margin: 0 0 20px 0
}

.c-footer ul>li:last-of-type {
	margin-bottom: 0
}

.c-footer ul>li>a {
	color: #f7f7f7;
	text-decoration: none;
	-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.c-footer ul>li>a:hover {
	color: white;
	text-decoration: underline
}

.c-footer a {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #f7f7f7;
	text-decoration: none
}

.c-footer a:hover {
	color: white;
	text-decoration: underline
}

.c-footer__links {
	display: block
}

.c-footer__links::after {
	clear: both;
	content: "";
	display: block
}

.c-footer__link-group {
	font-size: 14px
}

@media screen and (min-width: 960px) {
	.c-footer__link-group {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 17.72%;
	}
	.c-footer__link-group:last-child {
		margin-right: 0
	}
	.c-footer__link-group:nth-child(4n) {
		margin-right: 0
	}
	.c-footer__link-group:nth-child(4n+1) {
		clear: left
	}
}

@media screen and (max-width: 960px) {
	.c-footer__link-group {
		float: left;
		display: block;
		margin-right: 7.42297%;
		width: 17.72%;
		margin-bottom: 40px
	}
	.c-footer__link-group:last-child {
		margin-right: 0
	}
	.c-footer__link-group:nth-child(2n) {
		margin-right: 0
	}
	.c-footer__link-group:nth-child(2n+1) {
		clear: left
	}
}

.c-footer__link-group h3,
.c-footer__link-group .u-h3,
.c-footer__link-group .c-partners__product-name,
.c-footer__link-group .c-factoid__heading--small {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 20px;
	text-transform: none;

.c-footer__link-group ul>li>ul {
	padding-top: 5px;
}

.c-footer__link-group ul>li>ul>li {
	padding-left: 1em;
}

.c-footer__link-group a {
	text-transform: uppercase;
}

.c-footer-bottom {
	display: block;
	padding-top: 25px; 
	text-align: center;
	border-top: 1px solid rgba(247, 247, 247, 0.5);
}

.c-footer-bottom::after {
	clear: both;
	content: "";
	display: block;
}

@media screen and (min-width: 960px) {
	.c-footer-bottom {
		padding-top: 40px;
		margin-top: 40px;
	}
}

@media screen and (max-width: 960px) {
	.c-footer-c-footerbottom {
		padding-top: 20px;
		margin-top: 20px;
	}
}

@media screen and (min-width: 960px) {
	.c-footer__phone {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 23.23176%
	}
	.c-footer__phone:last-child {
		margin-right: 0
	}
}

@media screen and (max-width: 960px) {
	.c-footer__phone {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 100%;
		margin-right: 0;
		
	}
	.c-footer__phone:last-child {
		margin-right: 0
	}
}

@media screen and (min-width: 960px) {
	.c-footer__address {
		float: left;
		display: block;
		text-align: left;
		margin-right: 2.35765%;
		width: 31.76157%
	}
	.c-footer__address:last-child {
		margin-right: 0
	}
}

@media screen and (max-width: 960px) {
	.c-footer__address {
		float: left;
		display: block;
		margin-right: 2.35765%;
		width: 100%;
		margin-right: 0;
		text-align: center;
		margin-top: 20px
	}
	.c-footer__address:last-child {
		margin-right: 0
	}
}

.c-footer__social {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 100%;
	margin-right: 0;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	font-size: 16px
}

.c-footer__social:last-child {
	margin-right: 0
}

@media screen and (min-width: 960px) {
	.c-footer__social {
		padding-top: 40px
	}
}

@media screen and (max-width: 960px) {
	.c-footer__social {
		padding-top: 20px
	}
}

.c-footer__social a {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	color: #f7f7f7;
	text-decoration: none;
	-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	text-align: center;
	font-size: 30px;
	width: 34px;
	height: 34px;
	line-height: 34px
}

.c-footer__social a:hover {
	color: white;
	text-decoration: none
}

.c-footer__social a:last-of-type {
	margin-right: 0
}

.o-container,
.c-general__inner,
.c-portal__inner {
	position: relative;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0
}

.o-container::after,
.c-general__inner::after,
.c-portal__inner::after {
	clear: both;
	content: "";
	display: block
}