@-webkit-keyframes showFixedMenu
{
	from {top: -50px;}
	to {top: 0px;}
}

@keyframes showFixedMenu
{
	from {top: -50px;}
	to {top: 0px;}
}

/* ==========================================================================
   01. Theme Base Settings
   ========================================================================== */
html
{
	font-family: 'Roboto', sans-serif;
	font-size: 100%;
	color: white;
	height: 100%;
	position: relative;
	width: 100%;
}

body
{
	background-color: #232426;
	font-size: 1.3125rem;
	font-weight: 300;
	height: 100%;
	margin: 0;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	position: relative;
	-webkit-tap-highlight-color: #f3f5f6;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	z-index: 0;
}

h1, h2, h3, h4
{
	font-weight: lighter;
	margin: 0;
}

h1
{
	font-size: 4.5rem;
	text-indent: -0.3125rem;
}

body, div, p, ul, li, header, footer, h1, h2, h3, h4
{
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}

#mainContainer
{
	background-color: white;
	min-height: 100%;
	position: relative;
}

a
{
	color: black;
	text-decoration: underline;
}

ul
{
	margin: 0;
}

p
{
	line-height: 2.125rem;
}

div.clear
{
	clear: both !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

button,
input[type="submit"]
{
	cursor: pointer;
}

button,
input,
select,
textarea
{
	border-radius: 0.5em;
}

.flexColumn
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
}

.flexRow
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
}

.container
{
	margin: 0 auto;
	max-width: 990px;
	padding: 0 16px;
	width: 100%;
}

.clearfix,
.container:after
{
	clear: both;
	content: "";
}

/*
dialog
*/
#dialogOverlay
{
	background-color: rgba(0, 0, 0, 0.3);
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000
}

#dialog
{
	background: white;
	display: block;
	height: 60%;
	left: 20%;
	position: absolute;
	top: 20%;
	width: 60%;
	z-index: 1001;
}

#dialogClose
{
	cursor: pointer;
	position: absolute;
    right: 1.5em;
    top: 1em;
    z-index: 1002;
}

#dialogClose img
{
	width: 2.7857em;
}

#dialog div.content
{
	display: none;
	height: 100%;
	width: 100%;
}

div.slideArrow
{
	cursor: pointer;
	margin-top: -3.5em;
	position: absolute;
	top: 50%;
	z-index: 1;
}

div.slideArrow.left
{
	left: 3%;
}

div.slideArrow.right
{
	right: 3%;
}

div.slideArrow img
{
	width: 2.125em;
}

div.slideContainer
{
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 0;
}

div.slide.active
{
	display: block;
	opacity: 1;
}


/*
slide
*/
div.slide
{
	background: center center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-ms-behavior: url(/css/backgroundsize.min.htc);
}

div.slideNavContainer
{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 66%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(66%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 66%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 66%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 66%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 66%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=1 );
	bottom: 0;
    height: 2.5em;
    line-height: 2.5em;
    padding-right: 8%;
    position: absolute;
    right: 0;
    text-align: right;
    width: 32%;
	z-index: 1;
}

span.slideButton
{
	background-color: #717070;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	cursor: pointer;
	display: inline-block;
	height: 1em;
	margin-left: 0.75em;
	position: relative;
	vertical-align: middle;
	width: 1em;
	behavior: url(/css/PIE.php);
}

span.slideButton.active
{
	background-color: white;
}

span.inCallIcons
	{
		background: transparent url("/images/icons02.png") no-repeat scroll;
		display: inline-block;
		height: 70px;
		width: 70px;
	}

span.inCallIcons.slideshow
{
	background-position: 0 0;
}

span.inCallIcons.whiteboard
{
	background-position: -262px 0;
}

span.inCallIcons.photo
{
	background-position: -524px 0;
}

span.inCallIcons.video
{
	background-position: -777px 0;
}

span.inCallIcons.file
{
	background-position: 0 -120px;
}

span.inCallIcons.location
{
	background-position: -262px -120px;
}

span.inCallIcons.audio
{
	background-position: -519px -120px;
}


span.inCallExamplesIcon
{
	background: transparent url("/images/icons03.png") no-repeat scroll;
	display: inline-block;
	height: 50px;
	width: 50px;
}

span.inCallExamplesIcon.incomingCall
{
	background-position: 0 0;
}

span.inCallExamplesIcon.postCall
{
	background-position: -600px 0;

}

/*
site/layout/main
*/
header
{
	background: black;
    height: 91px;
    left: 0;
    line-height: 91px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	z-index: 2;
}

#main
{
	min-height: 100%;
	overflow: hidden;
	padding: 91px 0 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

#topLogoLink
{
	display: inline-block;
	float: left;
	vertical-align: middle;
}

#topLogo,
#topLogoSmall
{
	margin-top: -4px;
	vertical-align: middle;
}

#topLogo
{
	display: inline-block;
}

#topLogoSmall
{
	display: none;
}

#mobileNavButton
{
	display: none;
	float: right;
}

#mobileNavButton img
{
	vertical-align: middle;
}

#topMenuContainer
{
	display: inline-block;
	float: right;
}

#topMenu
{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topMenu li
{
	float: left;
	position: relative;

}

#topMenu li:before
{
	background-color: rgba(41, 121, 158, 0.8);
	content: "";
	display: none;
	height: 104px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#topMenu li:hover:before,
#topMenu li.active:before
{
	display: inline-block;
}

#topMenu li > a
{
	color: white;
	float: left;
	font-size: 22px;
	font-weight: unset;
	padding: 0 24px;
	position: relative;
	text-decoration: none;
	z-index: 2;
}


header.fixed
{
    -webkit-animation: showFixedMenu 500ms;
    animation: showFixedMenu 300ms;
	height: 45px;
	line-height: 45px;
	position: fixed;
}

header.fixed #topLogo
{
	display: none;
}

header.fixed #topLogoSmall
{
	display: inline-block;
}

header.fixed #topMenu li:before
{
	height: 50px;
}

#bottomMenuMobile
{
	font-family: 'Oswald', sans-serif;
	list-style: none;
	margin-bottom: 2rem;
	padding: 0;
}

#bottomMenuMobile li
{
	padding: 0.25rem 2rem;
}

#bottomMenuMobile a
{
	text-decoration: none;
}

/*
footer
{
	background-color: white;
	bottom: 0;
    color: black;
    font-size: 1.125rem;
    font-weight: normal;
    height: 27rem;
    overflow: hidden;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

	footer span
	{
		display: block;
		margin-top: 2rem;
	}
*/

#bottomMenu
{
	display: inline-block;
	list-style: none;
	padding: 0;
	margin-right: 6.5em;
	vertical-align: middle;
}

#bottomMenu li
{

	float: left;
	margin-left: 2em;
	position: relative;
}

#bottomMenu li:first-child
{
	margin-left: 0;
}

#bottomMenu a
{
	color: black;
    float: left;
    font-size: 85.71%;
    text-decoration: none;
}

#footerLogo
{
	float: left;
	margin-left: 25%;
}

#footerCopyrightContainer
{
	color: #596264;
    font-size: 12px;
    margin-top: 8px;
}

#footerSocial
{
	float: right;
	margin-right: 26%;
}

#footerSocial a
{
	display: inline-block;
	text-decoration: none;
}

#footerSocial a:last-child
{
	margin-left: 0.5rem;
}

/* ==========================================================================
   06. Products
   ========================================================================== */
body
{
}

#main.home
{
/*
	background-color: black;
*/
}

@media only screen and (min-width: 801px)
{
	.mobile
	{
		display: none !important;
	}
}

/* ==========================================================================
   06. Media Queries 1140
   ========================================================================== */
@media only screen and (max-width: 1140px)
{
	html.index
	{
		font-size: 81%;
	}
}





/* ==========================================================================
   03. Media Queries 768
   ========================================================================== */
@media only screen and (max-width: 800px)
{
	html
	{
		font-size: 100%;
	}

	p, li, h1, h2, h3, h4
	{
		position: relative;
		width: 100%;
		word-wrap: break-word;
	}

	h1
	{
		font-size: 2.5rem;
	}

	header.fixed
	{
		display: none;
	}

	#mobileNavButton
	{
		display: inline-block;
	}

	#topMenuContainer
	{
		display: none;
	}

	p
	{
		margin: 2rem 0 0 0 important;
		width: 100% !important;
	}

	header
	{
		position: absolute;
	}

	.desktop
	{
		display: none !important;
	}

	#main
	{
		height: auto !important;
	}

	#main h1 br,
	#main h2 br
	{
		display: none;
	}

	#main > div
	{

	}
/*

	footer
	{
		background-color: white;
		height: 29rem;
		padding-top: 3rem;
	}

	#footerLogo,
	#footerSocial
	{
		float: none;
		margin: 0;
	}

	#footerSocial
	{
		margin-top: 2rem;
	}
*/

	/* ==========================================================================
	   02. Home
	   ========================================================================== */
	body
	{
		height: auto;
	}


	#main.home div.section > div
	{
		height: auto;
		padding: 3rem 2rem;
		width: 100%;
	}
}



/* ==========================================================================
   04. Media Queries 600
   ========================================================================== */
@media only screen and (max-width: 600px)
{

}



/* ==========================================================================
   05. Media Queries 480
   ========================================================================== */
@media only screen and (max-width: 480px)
{

}