﻿@import url('reset.css');

/*!* CiscoSans otf Font CSS  */
@font-face {font-family: Cisco-Sans-Thin;src: url('CiscoSansThin.otf')}
@font-face {font-family: Cisco-Sans-Extra-Light;src: url('CiscoSansExtraLight.otf')}



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{
	margin:0;
	padding:0;
	border:0;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
}

body{
	line-height:1;
}


/* Cisco Global Header */


#CiscoHeader {
	padding:55px 0 0 89px;
	background: transparent -moz-linear-gradient(center top , #4D80AF 0px, #2B5593 100%) repeat scroll 0% 0%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d80af+0,2b5593+100 */
	background: #4d80af; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwcHgiIHN0b3AtY29sb3I9IiM0ZDgwYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmI1NTkzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #4d80af 0px, #2b5593 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#4d80af), color-stop(100%,#2b5593)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4d80af 0px,#2b5593 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4d80af 0px,#2b5593 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4d80af 0px,#2b5593 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4d80af 0px,#2b5593 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d80af', endColorstr='#2b5593',GradientType=0 ); /* IE6-8 */

}

#CiscoLogo {
	position: absolute;
	top: 15px;
	padding:5px 0 0 89px;
	font-size:9px;
	margin:0;
	line-height:31px;
	font-weight:normal;
	color:#ffffff;
	float:left;
	background:transparent url('../img/logo.png') no-repeat;
}


#FAQ_frame{
	position:relative;
	float: center;
	width:100%;
	line-height:1;
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:2px;
	color:#f36f21;
	-webkit-transition:opacity 0.6s ease-in-out;
	transition:opacity 0.6s ease-in-out
}

#Q-Category-Select td{
	line-height:1.2;
	vertical-align: bottom;
}



#customize {
	width: 160px;
	line-height:1.2;
	vertical-align: bottom;
}

#view, #theater, #technology {
	width: 205px;
}
#highlights{
	
	position:relative;
	float: center;
	width:100%;
	line-height:1;
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:2px;
	-webkit-transition:opacity 0.6s ease-in-out;
	transition:opacity 0.6s ease-in-out
}

#disclaimer_area{
	padding:60px 0 0 89px;
}

img.wp-smiley,img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}



ol,ul{
	list-style:none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,audio,canvas,video{
	display:block
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
	-webkit-appearance:none
}

input[type=search]{
	-webkit-appearance:none;
	box-sizing:content-box
}

textarea{
	overflow:auto;
	vertical-align:top;
	resize:vertical
}

::-moz-focus-inner{
	border:0;
	padding:0
}

input::-ms-clear{
	width:0;
	height:0
}

.h1,.article__title h1,.article__title h2,.site-description h2{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-weight:300;
	font-size:23px;
	font-size:2.3rem;
	line-height:1.06
}

.article__subtitle {
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-weight:300;
	font-size:18px;
	font-size:1.8rem;
	line-height:1;
	max-width: 70%
}


@media (min-width: 1200px){
	.h1,.article__title h1,.article__title h2,.site-description h2{
		font-size:65px;
		font-size:6.5rem
	}

}
@media (min-width: 1000px){
	.h1,.article__title h1,.article__title h2,.site-description h2{
		font-size:55px;
		font-size:5.5rem
	}

}

@media (min-width: 800px){
	.h1,.article__title h1,.article__title h2,.site-description h2{
		font-size:45px;
		font-size:4.5rem
	}

}


@media (max-width: 800px){
	.h1,.article__title h1,.article__title h2,.site-description h2{
		font-size:35px;
		font-size:3.5rem
	}

}

.h2,.cta p{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-weight:300;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.333
}

@media (min-width: 800px){
	.h2,.cta p{
		font-size:25px;
		font-size:2.5rem
	}

}

.h3{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-weight:300;
	font-size:17px;
	font-size:1.7rem;
	font-weight:400;
	line-height:1.45;
	font-style:italic
}

.h4{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.2
}

.h5{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:2px
}

@media (min-width: 800px){
	.h5{
		font-size:14px;
		font-size:1.4rem
	}

}

.h6{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-weight:300;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:2px
}

@media (min-width: 800px){
	.h6{
		font-size:14px;
		font-size:1.4rem
	}

}

.heading-short{
	display:block;
	margin-bottom:10px
}

.heading-med{
	margin-bottom:15px
}

.heading-tall{
	margin-bottom:20px
}

.h-alt{
	display:block;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4;
	color:#f36f21;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-style:italic;
	font-weight:400
}

.p,p{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	font-weight:400;
	letter-spacing:0.01em;
	max-width:720px
}

@media (min-width: 800px){
	.p,p{
		font-size:14px;
		font-size:1.4rem
	}

}

.p-lg{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:400;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.7
}

.p-sm{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:400;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5
}

@media (min-width: 800px){
	.p-sm{
		font-size:13px;
		font-size:1.3rem
	}

}

.p-alt{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif
}


.text-overlay-lg{
	display:block;
	background:#BCB1A8;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:24px;
	font-size:2.4rem;
	line-height:2.8;
	font-weight:800;
	letter-spacing:0.01em
	padding-top: 20%;
	text-align: right;
	padding-right: 5%;
	padding-bottom:0
}
.text-overlay-med{
	display:block;
	background:#BCB1A8;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:18px;
	font-size:1.8rem;
	line-height:2;
	font-weight:600;
	letter-spacing:0.01em
	padding-top: 20%;
	text-align: right;
	padding-right: 5%;
}
.text-overlay-short{
	display:block;
	border-color:rgba(0,0,0,0.5);
	color:#f36f21;
	background:rgba(5,5,5,0.5);
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:18px;
	font-size:1.8rem;
	line-height:2;
	font-weight:600;
	letter-spacing:0.01em
	padding-top: 20%;
	text-align: right;
	padding-right: 5%;
}

.text-italic{
	font-style:italic
}

.text-light{
	color:#626366
}

.text-brand{
	color:#f36f21
}

.text-white{
	color:#fff
}

.text-caps{
	text-transform:uppercase
}

.text-noCaps{
	text-transform:none
}

.text-thin{
	max-width:350px
}

html,body{
	height:100%;
	font-size:62.5%
}

*,*:before,*:after{
	box-sizing:border-box
}

body,input,button,select,textarea{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-smoothing:antialiased;
	color:#626366
}

@media (min-width: 800px){
	body,input,button,select,textarea{
		font-size:14px;
		font-size:1.4rem
	}

}

#page{
	position:relative;
	margin:5px;
	width:calc(100% - 10px)
}

a,.a{
	color:#f36f21;
	text-decoration:none;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease
}



a:hover, a:focus {
  cursor:pointer
}

p{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	font-weight:400;
	letter-spacing:0.01em
}

@media (min-width: 800px){
	p{
		font-size:14px;
		font-size:1.4rem
	}

}

audio,iframe{
	width:100%
}

img{
	height:auto;
	max-width:100%;
	display:block
}

sup{
	vertical-align:super;
	font-size:smaller
}

picture>*{
	min-width:100%;
	height:auto
}

::-moz-selection{
	color:#fff;
	background:#CAE7DC
}

::selection{
	color:#fff;
	background:#CAE7DC
}

::-moz-selection{
	color:#fff;
	background:#CAE7DC
}

[data-scroll-to],[data-click-target]{
	cursor:pointer
}

.main{
	position:relative
	margin:0;
	padding:40px;
	border:0

}

.main--flushTop{
	position:relative
	margin:0;
	padding:10px;
	border:0

}

.main--slimBottom{
	position:relative
	margin:0;
	padding-bottom:0px;
	border:0

}

.main:after{
	content:"";
	display:table;
	clear:both
}

.wrapper{
	width:90%;
	margin:0 auto;
	max-width:1024px;
	-webkit-transition:max-width 0.4s ease;
	transition:max-width 0.4s ease
}

.wrapperLeft{
	width:90%;
	margin-left:40px;
	max-width:1024px;
	-webkit-transition:max-width 0.4s ease;
	transition:max-width 0.4s ease
}

.wrapper:after{
	content:"";
	display:table;
	clear:both
}

.wrapper--thin{
	max-width:782px
}

.wrapper--md{
	max-width:620px
}

.wrapper--med-thin{
	max-width:550px
}

.wrapper--x-thin{
	max-width:472px
}

.wrapperFull{
	max-width:100%
}

.wrapperFull:after{
	content:"";
	display:table;
	clear:both
}

@media (max-width: 599px){
	.wrapper--xs--full{
		width:100%;
		overflow:hidden
	}

}

@media (max-width: 799px){
	.wrapper--sm--full{
		width:100%;
		overflow:hidden
	}

}

@media (max-width: 1024px){
	.wrapper--md--full{
		width:100%;
		overflow:hidden
	}

}

.section{
	display:block;
	padding:40px 0
}

.section:after{
	content:"";
	display:table;
	clear:both
}

.section--short{
	padding:20px 0
}

.section--med{
	padding:45px 0
}

.section--tall{
	padding:70px 0
}
.section--extratall{
	padding:80px 0
}

@media (min-width: 800px){
	.section--tall{
		padding:110px 0
	}

}
@media (min-width: 800px){
	.section--extratall{
		padding:140px 0
	}

}

@media (min-width: 800px){
	.section--md{
		padding:80px 0
	}

}
.section--flushLeft{
	padding-left:0
}


.section--flushCenter{
	transform-origin:center;
}


.section--paddedCenter{
	padding-top:40px;
	padding-bottom:40px;
	transform-origin:center;
}

.section--flushBottom{
	padding-bottom:0
}

.section--flushTop{
	padding-top:0
}

.section--accents{
	position:relative
}

.section--accents:before,.section--accents:after{
	position:absolute;
	content:"";
	width:122px;
	height:2px;
	display:block;
	background-color:#CAE7DC;
	left:0
}

.section--accents:before{
	top:0
}

.section--accents:after{
	bottom:0
}

@media (max-width: 799px){
	.section--before--md{
		padding-top:20px
	}

}

.section__hd{
	margin-bottom:20px
}

.section__hd--border{
	padding-bottom:10px;
	border-bottom:1px solid #bababa
}

.section__hd--short{
	margin-bottom:10px
}

.text-only-section+.text-only-section>.section{
	padding-top:0
}

.row{
	margin-right:-20px;
	margin-left:-20px
}

.row:after{
	content:"";
	display:table;
	clear:both
}

.row--flush{
	margin-right:-2px;
	margin-left:-2px
}

.row--fat{
	padding-top:10px;
	padding-bottom:10px
}

.col--xs--1,.col--sm--1,.col--md--1,.col--lg--1,.col--xs--2,.col--sm--2,.col--md--2,.col--lg--2,.col--xs--3,.col--sm--3,.col--md--3,.col--lg--3,.col--xs--4,.col--sm--4,.col--md--4,.col--lg--4,.col--xs--5,.col--sm--5,.col--md--5,.col--lg--5,.col--xs--6,.col--sm--6,.col--md--6,.col--lg--6,.col--xs--7,.col--sm--7,.col--md--7,.col--lg--7,.col--xs--8,.col--sm--8,.col--md--8,.col--lg--8,.col--xs--9,.col--sm--9,.col--md--9,.col--lg--9,.col--xs--10,.col--sm--10,.col--md--10,.col--lg--10,.col--xs--11,.col--sm--11,.col--md--11,.col--lg--11,.col--xs--12,.col--sm--12,.col--md--12,.col--lg--12{
	position:relative;
	min-height:1px;
	padding-right:20px;
	padding-left:20px
}

.row--flush .col--xs--1,.row--flush .col--sm--1,.row--flush .col--md--1,.row--flush .col--lg--1,.row--flush .col--xs--2,.row--flush .col--sm--2,.row--flush .col--md--2,.row--flush .col--lg--2,.row--flush .col--xs--3,.row--flush .col--sm--3,.row--flush .col--md--3,.row--flush .col--lg--3,.row--flush .col--xs--4,.row--flush .col--sm--4,.row--flush .col--md--4,.row--flush .col--lg--4,.row--flush .col--xs--5,.row--flush .col--sm--5,.row--flush .col--md--5,.row--flush .col--lg--5,.row--flush .col--xs--6,.row--flush .col--sm--6,.row--flush .col--md--6,.row--flush .col--lg--6,.row--flush .col--xs--7,.row--flush .col--sm--7,.row--flush .col--md--7,.row--flush .col--lg--7,.row--flush .col--xs--8,.row--flush .col--sm--8,.row--flush .col--md--8,.row--flush .col--lg--8,.row--flush .col--xs--9,.row--flush .col--sm--9,.row--flush .col--md--9,.row--flush .col--lg--9,.row--flush .col--xs--10,.row--flush .col--sm--10,.row--flush .col--md--10,.row--flush .col--lg--10,.row--flush .col--xs--11,.row--flush .col--sm--11,.row--flush .col--md--11,.row--flush .col--lg--11,.row--flush .col--xs--12,.row--flush .col--sm--12,.row--flush .col--md--12,.row--flush .col--lg--12{
	padding-right:2px;
	padding-left:2px
}

.col--xs--1,.col--xs--2,.col--xs--3,.col--xs--4,.col--xs--5,.col--xs--6,.col--xs--7,.col--xs--8,.col--xs--9,.col--xs--10,.col--xs--11,.col--xs--12{
	float:left
}

.col--xs--12{
	width:100%
}

.col--xs--11{
	width:91.66666667%
}

.col--xs--10{
	width:83.33333333%
}

.col--xs--9{
	width:75%
}

.col--xs--8{
	width:66.66666667%
}

.col--xs--7{
	width:58.33333333%
}

.col--xs--6{
	width:50%
}

.col--xs--5{
	width:41.66666667%
}

.col--xs--4{
	width:33.33333333%
}

.col--xs--3{
	width:25%
}

.col--xs--2{
	width:16.66666667%
}

.col--xs--1{
	width:8.33333333%
}

.col--xs--pull--12{
	right:100%
}

.col--xs--pull--11{
	right:91.66666667%
}

.col--xs--pull--10{
	right:83.33333333%
}

.col--xs--pull--9{
	right:75%
}

.col--xs--pull--8{
	right:66.66666667%
}

.col--xs--pull--7{
	right:58.33333333%
}

.col--xs--pull--6{
	right:50%
}

.col--xs--pull--5{
	right:41.66666667%
}

.col--xs--pull--4{
	right:33.33333333%
}

.col--xs--pull--3{
	right:25%
}

.col--xs--pull--2{
	right:16.66666667%
}

.col--xs--pull--1{
	right:8.33333333%
}

.col--xs--pull--0{
	right:auto
}

.col--xs--push--12{
	left:100%
}

.col--xs--push--11{
	left:91.66666667%
}

.col--xs--push--10{
	left:83.33333333%
}

.col--xs--push--9{
	left:75%
}

.col--xs--push--8{
	left:66.66666667%
}

.col--xs--push--7{
	left:58.33333333%
}

.col--xs--push--6{
	left:50%
}

.col--xs--push--5{
	left:41.66666667%
}

.col--xs--push--4{
	left:33.33333333%
}

.col--xs--push--3{
	left:25%
}

.col--xs--push--2{
	left:16.66666667%
}

.col--xs--push--1{
	left:8.33333333%
}

.col--xs--push--0{
	left:auto
}

.col--xs--offset--12{
	margin-left:100%
}

.col--xs--offset--11{
	margin-left:91.66666667%
}

.col--xs--offset--10{
	margin-left:83.33333333%
}

.col--xs--offset--9{
	margin-left:75%
}

.col--xs--offset--8{
	margin-left:66.66666667%
}

.col--xs--offset--7{
	margin-left:58.33333333%
}

.col--xs--offset--6{
	margin-left:50%
}

.col--xs--offset--5{
	margin-left:41.66666667%
}

.col--xs--offset--4{
	margin-left:33.33333333%
}

.col--xs--offset--3{
	margin-left:25%
}

.col--xs--offset--2{
	margin-left:16.66666667%
}

.col--xs--offset--1{
	margin-left:8.33333333%
}

.col--xs--offset--0{
	margin-left:0
}

@media (min-width: 600px){
	.col--sm--1,.col--sm--2,.col--sm--3,.col--sm--4,.col--sm--5,.col--sm--6,.col--sm--7,.col--sm--8,.col--sm--9,.col--sm--10,.col--sm--11,.col--sm--12{
		float:left
	}

	.col--sm--12{
		width:100%
	}

	.col--sm--11{
		width:91.66666667%
	}

	.col--sm--10{
		width:83.33333333%
	}

	.col--sm--9{
		width:75%
	}

	.col--sm--8{
		width:66.66666667%
	}

	.col--sm--7{
		width:58.33333333%
	}

	.col--sm--6{
		width:50%
	}

	.col--sm--5{
		width:41.66666667%
	}

	.col--sm--4{
		width:33.33333333%
	}

	.col--sm--3{
		width:25%
	}

	.col--sm--2{
		width:16.66666667%
	}

	.col--sm--1{
		width:8.33333333%
	}

	.col--sm--pull--12{
		right:100%
	}

	.col--sm--pull--11{
		right:91.66666667%
	}

	.col--sm--pull--10{
		right:83.33333333%
	}

	.col--sm--pull--9{
		right:75%
	}

	.col--sm--pull--8{
		right:66.66666667%
	}

	.col--sm--pull--7{
		right:58.33333333%
	}

	.col--sm--pull--6{
		right:50%
	}

	.col--sm--pull--5{
		right:41.66666667%
	}

	.col--sm--pull--4{
		right:33.33333333%
	}

	.col--sm--pull--3{
		right:25%
	}

	.col--sm--pull--2{
		right:16.66666667%
	}

	.col--sm--pull--1{
		right:8.33333333%
	}

	.col--sm--pull--0{
		right:auto
	}

	.col--sm--push--12{
		left:100%
	}

	.col--sm--push--11{
		left:91.66666667%
	}

	.col--sm--push--10{
		left:83.33333333%
	}

	.col--sm--push--9{
		left:75%
	}

	.col--sm--push--8{
		left:66.66666667%
	}

	.col--sm--push--7{
		left:58.33333333%
	}

	.col--sm--push--6{
		left:50%
	}

	.col--sm--push--5{
		left:41.66666667%
	}

	.col--sm--push--4{
		left:33.33333333%
	}

	.col--sm--push--3{
		left:25%
	}

	.col--sm--push--2{
		left:16.66666667%
	}

	.col--sm--push--1{
		left:8.33333333%
	}

	.col--sm--push--0{
		left:auto
	}

	.col--sm--offset--12{
		margin-left:100%
	}

	.col--sm--offset--11{
		margin-left:91.66666667%
	}

	.col--sm--offset--10{
		margin-left:83.33333333%
	}

	.col--sm--offset--9{
		margin-left:75%
	}

	.col--sm--offset--8{
		margin-left:66.66666667%
	}

	.col--sm--offset--7{
		margin-left:58.33333333%
	}

	.col--sm--offset--6{
		margin-left:50%
	}

	.col--sm--offset--5{
		margin-left:41.66666667%
	}

	.col--sm--offset--4{
		margin-left:33.33333333%
	}

	.col--sm--offset--3{
		margin-left:25%
	}

	.col--sm--offset--2{
		margin-left:16.66666667%
	}

	.col--sm--offset--1{
		margin-left:8.33333333%
	}

	.col--sm--offset--0{
		margin-left:0
	}

}

@media (min-width: 800px){
	.col--md--1,.col--md--2,.col--md--3,.col--md--4,.col--md--5,.col--md--6,.col--md--7,.col--md--8,.col--md--9,.col--md--10,.col--md--11,.col--md--12{
		float:left
	}

	.col--md--12{
		width:100%
	}

	.col--md--11{
		width:91.66666667%
	}

	.col--md--10{
		width:83.33333333%
	}

	.col--md--9{
		width:75%
	}

	.col--md--8{
		width:66.66666667%
	}

	.col--md--7{
		width:58.33333333%
	}

	.col--md--6{
		width:50%
	}

	.col--md--5{
		width:41.66666667%
	}

	.col--md--4{
		width:33.33333333%
	}

	.col--md--3{
		width:25%
	}

	.col--md--2{
		width:16.66666667%
	}

	.col--md--1{
		width:8.33333333%
	}

	.col--md--pull--12{
		right:100%
	}

	.col--md--pull--11{
		right:91.66666667%
	}

	.col--md--pull--10{
		right:83.33333333%
	}

	.col--md--pull--9{
		right:75%
	}

	.col--md--pull--8{
		right:66.66666667%
	}

	.col--md--pull--7{
		right:58.33333333%
	}

	.col--md--pull--6{
		right:50%
	}

	.col--md--pull--5{
		right:41.66666667%
	}

	.col--md--pull--4{
		right:33.33333333%
	}

	.col--md--pull--3{
		right:25%
	}

	.col--md--pull--2{
		right:16.66666667%
	}

	.col--md--pull--1{
		right:8.33333333%
	}

	.col--md--pull--0{
		right:auto
	}

	.col--md--push--12{
		left:100%
	}

	.col--md--push--11{
		left:91.66666667%
	}

	.col--md--push--10{
		left:83.33333333%
	}

	.col--md--push--9{
		left:75%
	}

	.col--md--push--8{
		left:66.66666667%
	}

	.col--md--push--7{
		left:58.33333333%
	}

	.col--md--push--6{
		left:50%
	}

	.col--md--push--5{
		left:41.66666667%
	}

	.col--md--push--4{
		left:33.33333333%
	}

	.col--md--push--3{
		left:25%
	}

	.col--md--push--2{
		left:16.66666667%
	}

	.col--md--push--1{
		left:8.33333333%
	}

	.col--md--push--0{
		left:auto
	}

	.col--md--offset--12{
		margin-left:100%
	}

	.col--md--offset--11{
		margin-left:91.66666667%
	}

	.col--md--offset--10{
		margin-left:83.33333333%
	}

	.col--md--offset--9{
		margin-left:75%
	}

	.col--md--offset--8{
		margin-left:66.66666667%
	}

	.col--md--offset--7{
		margin-left:58.33333333%
	}

	.col--md--offset--6{
		margin-left:50%
	}

	.col--md--offset--5{
		margin-left:41.66666667%
	}

	.col--md--offset--4{
		margin-left:33.33333333%
	}

	.col--md--offset--3{
		margin-left:25%
	}

	.col--md--offset--2{
		margin-left:16.66666667%
	}

	.col--md--offset--1{
		margin-left:8.33333333%
	}

	.col--md--offset--0{
		margin-left:0
	}

}

@media (min-width: 1025px){
	.col--lg--1,.col--lg--2,.col--lg--3,.col--lg--4,.col--lg--5,.col--lg--6,.col--lg--7,.col--lg--8,.col--lg--9,.col--lg--10,.col--lg--11,.col--lg--12{
		float:left
	}

	.col--lg--12{
		width:100%
	}

	.col--lg--11{
		width:91.66666667%
	}

	.col--lg--10{
		width:83.33333333%
	}

	.col--lg--9{
		width:75%
	}

	.col--lg--8{
		width:66.66666667%
	}

	.col--lg--7{
		width:58.33333333%
	}

	.col--lg--6{
		width:50%
	}

	.col--lg--5{
		width:41.66666667%
	}

	.col--lg--4{
		width:33.33333333%
	}

	.col--lg--3{
		width:25%
	}

	.col--lg--2{
		width:16.66666667%
	}

	.col--lg--1{
		width:8.33333333%
	}

	.col--lg--pull--12{
		right:100%
	}

	.col--lg--pull--11{
		right:91.66666667%
	}

	.col--lg--pull--10{
		right:83.33333333%
	}

	.col--lg--pull--9{
		right:75%
	}

	.col--lg--pull--8{
		right:66.66666667%
	}

	.col--lg--pull--7{
		right:58.33333333%
	}

	.col--lg--pull--6{
		right:50%
	}

	.col--lg--pull--5{
		right:41.66666667%
	}

	.col--lg--pull--4{
		right:33.33333333%
	}

	.col--lg--pull--3{
		right:25%
	}

	.col--lg--pull--2{
		right:16.66666667%
	}

	.col--lg--pull--1{
		right:8.33333333%
	}

	.col--lg--pull--0{
		right:auto
	}

	.col--lg--push--12{
		left:100%
	}

	.col--lg--push--11{
		left:91.66666667%
	}

	.col--lg--push--10{
		left:83.33333333%
	}

	.col--lg--push--9{
		left:75%
	}

	.col--lg--push--8{
		left:66.66666667%
	}

	.col--lg--push--7{
		left:58.33333333%
	}

	.col--lg--push--6{
		left:50%
	}

	.col--lg--push--5{
		left:41.66666667%
	}

	.col--lg--push--4{
		left:33.33333333%
	}

	.col--lg--push--3{
		left:25%
	}

	.col--lg--push--2{
		left:16.66666667%
	}

	.col--lg--push--1{
		left:8.33333333%
	}

	.col--lg--push--0{
		left:auto
	}

	.col--lg--offset--12{
		margin-left:100%
	}

	.col--lg--offset--11{
		margin-left:91.66666667%
	}

	.col--lg--offset--10{
		margin-left:83.33333333%
	}

	.col--lg--offset--9{
		margin-left:75%
	}

	.col--lg--offset--8{
		margin-left:66.66666667%
	}

	.col--lg--offset--7{
		margin-left:58.33333333%
	}

	.col--lg--offset--6{
		margin-left:50%
	}

	.col--lg--offset--5{
		margin-left:41.66666667%
	}

	.col--lg--offset--4{
		margin-left:33.33333333%
	}

	.col--lg--offset--3{
		margin-left:25%
	}

	.col--lg--offset--2{
		margin-left:16.66666667%
	}

	.col--lg--offset--1{
		margin-left:8.33333333%
	}

	.col--lg--offset--0{
		margin-left:0
	}

}

.globalHeader{
	overflow:hidden;
	padding:0 0;
	width:100%;
	-webkit-backface-visibility:hidden
}

.logo a{
	display:block;
	width:194px;
	height:30px
}

.logo svg{
	display:block;
	fill:#f36f21;
	height:30px;
	width:auto;
	max-width:100%;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease
}

.logo svg:hover{
	opacity:0.7
}

.tagline{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	font-style:italic;
	line-height:1.5;
	color:#bababa;
	text-align:right
}

.current-menu-item{
	font-size:1.6rem;
}

.globalNav-list{
	display:table;
	width:100%;
	max-width:372px;
	margin:0 auto
}



.globalNav-list>*{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	min-width:92px
}

.globalNav-list>*:first-child{
	padding-left:0
}

.globalNav-list>*:last-child{
	padding-right:0
}

.globalNav-list>*>*{
	display:inline-block;
	padding:8px;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	line-height:1;
	letter-spacing:3px;
	text-transform:uppercase;
	color:#f36f21
}

.globalNav-list>*>*:after{
	content:"";
	width:calc(100% - 16px);
	height:1px;
	background-color:#f36f21;
	display:block;
	top:50%;
	margin-top:-1px;
	left:7px;
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0)
}





@-webkit-keyframes drawLine{
	0%{
		-webkit-transform:scaleX(0);
		transform:scaleX(0)
	}

	100%{
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}

}

@keyframes drawLine{
	0%{
		-webkit-transform:scaleX(0);
		transform:scaleX(0)
	}

	100%{
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}

}

.globalNav-list a:hover,.globalNav-list .is-active a{
	position:relative
}

.globalNav-list a:hover:after,.globalNav-list .is-active a:after{
	-webkit-animation:drawLine 0.4s 1;
	animation:drawLine 0.4s 1;
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1)
}

@media (max-width: 1024px){
	.logo a{
		margin:0 auto 20px
	}

	.tagline{
		display:none
	}

	.globalNav{
		overflow:hidden;
		width:100%;
		display:block
	}

	.globalNav-list{
		width:90%;
		margin:0 auto
	}

}

@media (min-width: 1025px){
	.globalHeader{
		padding:0 0
	}

	.globalHeader .wrapper{
		display:table
	}

	.logo,.globalNav,.tagline-container{
		display:table-cell;
		vertical-align:middle;
		width:33.33333%
	}

	.globalNav-list>*{
		width:auto
	}

	.globalNav-list>*>*{
		min-width:0;
		font-size:14px;
		font-size:1.4rem
	}

}

.globalHeader--abs{
	position:absolute;
	z-index:10;
	width:100%
}

.globalHeader--abs .logo svg{
	fill:#fff
}

.globalHeader--abs .logo a:hover svg{
	opacity:1;
	fill:#f36f21
}

.globalHeader--abs .globalNav-list>*>*{
	color:#fff
}

.globalHeader--abs .globalNav-list>*>*:after{
	background-color:#fff
}

.globalFooter{
	overflow:hidden;
	width:100%;
	margin-top:45px
	color:#fff;
	position:relative;
	z-index:8
}

.footerBlock-hdg{
	color:#fff;
	margin-bottom:15px
}

.footerBlock-bd>*{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	font-weight:400;
	letter-spacing:0.01em;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:400;
	color:#fff
}

@media (min-width: 800px){
	.footerBlock-bd>*{
		font-size:14px;
		font-size:1.4rem
	}

}

@media (min-width: 800px){
	.footerBlock-bd>*{
		font-size:13px;
		font-size:1.3rem
	}

}

.footerBlock-a{
	color:#fff
}

.noTouch .footerBlock-a:hover{
	color:#f36f21
}

.page-id-10 .globalFooter{
	background-image:url(../images/footer-home.jpg)
}

.page-id-4 .globalFooter{
	background-image:url(../images/footer-about.jpg)
}

.page-id-6 .globalFooter{
	background-image:url(../images/footer-contact.jpg)
}

.text-group:after{
	content:"";
	display:table;
	clear:both
}

.text-group>*{
	margin-bottom:25px
}

.text-group--short>*{
	margin-bottom:10px
}

.text-group__hd{
	margin-bottom:40px
}

.text-group__ft{
	margin-top:40px
}

.text-group>*:last-child{
	margin-bottom:0
}

.article:after{
	content:"";
	display:table;
	clear:both
}

.article__header{
	position:relative
}

.article__header:after{
	content:"";
	display:table;
	clear:both
}

@media (min-width: 600px){
	.article__title{
		max-width:90%
	}

}

@media (min-width: 600px){
	.article__title--full{
		max-width:100%
	}

}

.pageLoader{
	position:fixed;
	display:table;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#f2f2f2;
	z-index:15;
	-webkit-transition:all 0.8s cubic-bezier(0.7, 0, 0.3, 1);
	transition:all 0.8s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform-origin:100% bottom 0px;
	-ms-transform-origin:100% bottom 0px;
	transform-origin:100% bottom 0px;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0)
}

.pageLoader.slide-in{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1)
}

.pageLoader.slide-in.slide-out{
	-webkit-transform-origin:50% top 0px;
	-ms-transform-origin:50% top 0px;
	transform-origin:50% top 0px;
	-webkit-transition-delay:0.4s;
	transition-delay:0.4s;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0)
}

.pageLoader__content{
	display:table-cell;
	vertical-align:middle;
	text-align:center
}

.pageLoader__content p{
	max-width:none
}

.loader-logo{
	display:inline-block;
	margin:0 auto 80px;
	opacity:0;
	-webkit-transform:translate3d(0, 800px, 0);
	transform:translate3d(0, 800px, 0);
	-webkit-transition:all 1.2s cubic-bezier(0.7, 0, 0.3, 1);
	transition:all 1.2s cubic-bezier(0.7, 0, 0.3, 1)
}

.loader-logo img{
	width:320px;
	max-width:80%;
	margin:0 auto;
	height:auto;
	fill:#f36f21
}

.pageLoader__loader{
	-webkit-transform:translate3d(0, 600px, 0);
	transform:translate3d(0, 600px, 0);
	-webkit-transition:all 1.4s cubic-bezier(0.7, 0, 0.3, 1);
	transition:all 1.4s cubic-bezier(0.7, 0, 0.3, 1)
}

.pageLoader.slide-in .loader-logo,.pageLoader.slide-in .pageLoader__loader{
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}

.pageLoader.slide-out .loader-logo,.pageLoader.slide-out .pageLoader__loader{
	-webkit-transform:translate3d(0, -800px, 0);
	transform:translate3d(0, -800px, 0)
}

.pageLoader.slide-out .pageLoader__loader .circle{
	opacity:0
}

.circle{
	position:relative;
	width:44px;
	height:44px;
	margin:20px auto;
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease
}

.circle svg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0
}

@-webkit-keyframes fillCircle{
	0%{
		stroke-dashoffset:322
	}

	100%{
		stroke-dashoffset:38.5
	}

}

@keyframes fillCircle{
	0%{
		stroke-dashoffset:322
	}

	100%{
		stroke-dashoffset:38.5
	}

}

.circle svg.circleFill{
	z-index:1;
	stroke-dasharray:322;
	stroke-dashoffset:322;
	-webkit-transition:all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
	transition:all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-animation:fillCircle 3s cubic-bezier(0.7, 0, 0.3, 1) 1;
	animation:fillCircle 3s cubic-bezier(0.7, 0, 0.3, 1) 1;
	-webkit-animation-delay:1s;
	animation-delay:1s
}

.circle svg.circleTrack{
	z-index:0
}

.load-page #page{
	-webkit-transform-origin:bottom;
	-ms-transform-origin:bottom;
	transform-origin:bottom;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0)
}

.page-ready #page{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1)
}

@-webkit-keyframes pageFadeIn{
	0%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

@keyframes pageFadeIn{
	0%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

.js-pageTransition{
	-webkit-animation:pageFadeIn 1s 1;
	animation:pageFadeIn 1s 1;
	opacity:1;
	-webkit-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out
}

.js-pageTransition.page-fade-out{
	opacity:0
}

.noTouch [data-animate-in]{
	opacity:0;
	-webkit-transition:-webkit-transform 1s ease-in-out;
	transition:transform 1s ease-in-out
}

.noTouch [data-animate-in="up"]{
	-webkit-transform:translate(0, 100px);
	-ms-transform:translate(0, 100px);
	transform:translate(0, 100px)
}

.noTouch [data-animate-in="left"]{
	-webkit-transform:translate(-100%, 0);
	-ms-transform:translate(-100%, 0);
	transform:translate(-100%, 0)
}

.noTouch [data-animate-in="right"]{
	-webkit-transform:translate(100%, 0);
	-ms-transform:translate(100%, 0);
	transform:translate(100%, 0)
}

.noTouch [data-animate-in="down"]{
	-webkit-transform:translate(0, -100px);
	-ms-transform:translate(0, -100px);
	transform:translate(0, -100px)
}

.noTouch [data-animate-in="fadeIn"]{
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	transform:translate(0, 0)
}

.noTouch [data-animate-in="child-only"]{
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	transform:translate(0, 0);
	opacity:1
}

.noTouch [data-animate-in="child-only"]:after{
	-webkit-transform:translate3d(-50%, 100px, 0);
	transform:translate3d(-50%, 100px, 0);
	-webkit-transition:-webkit-transform 1s ease;
	transition:transform 1s ease
}

.noTouch [data-animate-in].in-view{
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	-webkit-transition-delay:0.3s;
	transition-delay:0.3s
}

.noTouch [data-animate-in].in-view:after{
	-webkit-transform:translate3d(-50%, 0, 0);
	transform:translate3d(-50%, 0, 0);
	opacity:1
}

.block{
	display:block;
	width:50%;
	height:100px;
	background:#CAE7DC;
	position:absolute;
	left:-5px;
	margin-top:-40px;
	z-index:-1
}

.has-block{
	position:relative;
	padding-bottom:45px;
	margin-bottom:15px;
	z-index:-1
}

.has-block:after{
	content:"";
	background-color:#CAE7DC;
	display:block;
	width:215px;
	height:60px;
	position:absolute;
	z-index:-1;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}

.typed-cursor{
	opacity:1;
	-webkit-animation:blink 0.7s infinite;
	animation:blink 0.7s infinite
}

@-webkit-keyframes blink{
	0%{
		opacity:1
	}

	50%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

@keyframes blink{
	0%{
		opacity:1
	}

	50%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

.icon-list{
	width:100%;
	display:block
}

.icon-list>*{
	display:inline-block;
	max-width:25%
}

.icon-list>*:first-child a{
	padding-left:0
}

.icon-list svg{
	height:20px;
	width:24px;
	max-width:24px;
	fill:#fff;
	-webkit-transition:fill 0.4s ease;
	transition:fill 0.4s ease
}

.icon-list a{
	display:block;
	padding:0 6px
}

.icon-list a:hover svg{
	fill:#f36f21
}

.hero{
	width:100%;
	overflow:hidden;
	position:relative;
	-webkit-transition:height 0.4s ease;
	transition:height 0.4s ease
}

.hero__content{
	width:100%
}

.hero__content img{
	height:14px;
	width:auto;
	margin-bottom:24px
}

.hero__content .para{
	font-size:16px;
	line-height:1.75
}

@media (min-width: 800px){
	.hero__content img{
		height:52px;
		margin-bottom:32px
	}

}

.hero__content .para,.hero__content .hdg-alt-xl,.hero__content .hdg-alt-lg{
	color:#626366
}

.ul{
	color:#626366
}

.ul>*+*{
	margin-top:1px
}

.hList{
	overflow:hidden
}

.hList>*{
	float:left
}

.hList--spread>*+*{
	margin-left:15px
}

.hList--piped>*+*{
	margin-left:8px
}

.hList--piped>*+*:before{
	content:"|";
	margin-right:8px;
	display:inline-block;
	color:#f36f21
}

.dList{
	overflow:hidden
}

.dList>*{
	display:block
}

.dList dt{
	margin-bottom:4px;
	font-weight:bold
}

.dList dd{
	margin-bottom:12px;
	font-style:italic
}

.link{
	text-decoration:underline;
	font-weight:bold
}

.link--plain{
	color:#626366;
	font-weight:normal
}

.link--plain:hover{
	color:#f36f21
}

.link--light{
	color:#fff;
	font-weight:normal;
	text-decoration:none
}

.link--light:hover{
	color:#f36f21
}

.link--plain.tel{
	text-decoration:none
}

.btn{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.25;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	padding:14px 30px 12px;
	max-width:100%;
	min-width:240px;
	border:2px solid #f36f21;
	cursor:pointer;
	color:#f36f21;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
	position:relative
}

.btn--small{
	padding:5px;
    	max-width: 80%;
    	min-width: 160px
}

.noTouch .btn:before,.noTouch .btn:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transform-origin:top;
	-ms-transform-origin:top;
	transform-origin:top;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transition:-webkit-transform 0.4s ease;
	transition:transform 0.4s ease;
	z-index:-1
}

.noTouch .btn:before{
	background-color:#f68a50
}

.noTouch .btn:after{
	background-color:#f36f21
}

.noTouch .btn:hover{
	color:#fff
}

.noTouch .btn:hover:before,.noTouch .btn:hover:after{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1)
}

.noTouch .btn:hover:after{
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s
}

.btn-alt{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.25;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	padding:14px 0 6px;
	border-bottom:2px solid #626366;
	color:#626366
}

.btn-alt:hover{
	background-color:transparent;
	border-color:#f36f21;
	color:#f36f21
}

@media (max-width: 599px){
	.btn--stack+.btn--stack{
		margin-top:5px
	}

}

.to-top{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-weight:300;
	font-style:italic;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	color:#626366
}

.centerImg{
	position:relative;
	width:auto;
	height:auto;
	min-height:100%;
	min-width:100%;
	max-width:130%;
	left:50%;
	top:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}

.img{
	display:block
}

.img--full{
	width:100%
}

.img--logo-mark-sm{
	width:24px;
	height:19px
}

.shape{
	display:block
}

.shape--inline{
	display:inline-block;
	vertical-align:middle
}

.shape svg{
	fill:#f36f21;
	height:44px;
	width:auto;
	max-width:100%;
	display:block
}

.shape--small svg{
	height:36px;
	max-width:68px
}

.shape-bullet{
	display:table;
	width:100%
}

.shape-bullet>*{
	display:table-cell;
	vertical-align:top
}

.shape-bullet>*:first-child{
	width:68px
}

.shape-bullet .shape{
	width:68px
}

.shape-bullet .shape svg{
	display:block;
	height:36px;
	max-width:68px
}

.text-center .shape{
	display:inline-block
}

.shape-inline{
	overflow:hidden;
	display:inline-block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.25;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	color:#282828
}

.shape-inline>*{
	display:inline-block;
	vertical-align:middle;
	text-decoration:underline;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease
}

.shape-inline>*+*{
	margin-left:4px
}

.shape-inline svg{
	display:block;
	width:22px;
	height:22px;
	fill:#f36f21;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease
}

.shape-inline:hover{
	color:#f36f21
}

.shape-inline--fixedWidth{
	width:160px
}

.shape-inline--fixedWidth>*{
	text-decoration:none
}

.shape-inline--fixedWidth:hover svg{
	fill:#282828
}

.shape-inline--fixedWidth:hover>*{
	color:#282828
}

.shape-inline--doc{
	width:98%
}

.shape-inline--doc>*{
	color:#626366;
	text-decoration:none;
	width:24px;
	line-height:1.4
}

.shape-inline--doc svg{
	fill:#626366
}

.shape-inline--doc>*+*{
	width:calc(100% - 32px);
	margin-left:0
}

.shape-inline--doc:hover>*{
	color:#282828
}

.shape-inline--doc:hover svg{
	fill:#282828
}

.iconBlock{
	width:100%;
	text-align:center;
	margin-bottom:24px
}

.iconBlock .shape{
	margin:0 auto 12px;
	padding:34px 0;
	background-color:#f36f21
}

.iconBlock .shape svg{
	margin:0 auto;
	width:48px;
	height:30px;
	fill:#fff
}

.iconBlock__text{
	color:#282828
}

.media-object{
	overflow:hidden
}

.media-object__media{
	margin-bottom:24px
}

.media-object__media img{
	display:block
}

.media-object__bd{
	overflow:hidden
}

@media (min-width: 800px){
	.media-object__media{
		float:left;
		margin-right:36px;
		margin-bottom:12px
	}

	.media-object--flip>.media-object__media{
		float:right;
		margin-right:0;
		margin-left:36px
	}

	.media-object--flip>.media-object__media img{
		float:right
	}

	.media-object--equalWidth>*{
		width:48%
	}

	.media-object--equalWidth .media-object__media{
		margin-right:4%
	}

	.media-object--flip.media-object--equalWidth .media-object__media{
		margin-right:0;
		margin-left:4%
	}

	.media-object--equalWidth img{
		width:100%
	}

}

.userContent{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:normal;
	font-style:normal
}

.userContent p{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	font-weight:400;
	letter-spacing:0.01em;
	margin-bottom:12px
}

@media (min-width: 800px){
	.userContent p{
		font-size:14px;
		font-size:1.4rem
	}

}

.userContent--lg-text p{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	font-weight:400;
	letter-spacing:0.01em;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:400;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.7
}

@media (min-width: 800px){
	.userContent--lg-text p{
		font-size:14px;
		font-size:1.4rem
	}

}

.userContent h1,.userContent h2,.userContent h3,.userContent h4,.userContent h5,.userContent h6{
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-weight:300
}

.article__title.userContent h2,.site-description h2,.userContent h1{
	font-size:23px;
	font-size:2.3rem;
	line-height:1.06;
	margin-bottom:16px
}

@media (min-width: 800px){
	.article__title.userContent h2,.site-description h2,.userContent h1{
		font-size:35px;
		font-size:3.5rem
	}

}

.userContent h2{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.333;
	margin-bottom:16px
}

@media (min-width: 800px){
	.userContent h2{
		font-size:25px;
		font-size:2.5rem
	}

}

.userContent h3{
	font-size:17px;
	font-size:1.7rem;
	font-weight:400;
	line-height:1.45;
	font-style:italic;
	margin-bottom:12px
}

.userContent h4{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.2;
	margin-bottom:12px
}

.userContent h5{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:2px;
	margin-bottom:12px
}

@media (min-width: 800px){
	.userContent h5{
		font-size:14px;
		font-size:1.4rem
	}

}

.userContent h6{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:2px;
	margin-bottom:12px
}

@media (min-width: 800px){
	.userContent h6{
		font-size:14px;
		font-size:1.4rem
	}

}

.userContent *+h1,.userContent *+h2,.userContent *+h3,.userContent *+h4,.userContent *+h5,.userContent *+h6{
	margin-top:36px
}

.userContent p+p,.userContent p+img{
	margin-top:24px
}

.userContent>*:last-child{
	margin-bottom:0 !important
}

.userContent a:link{
	color:#626366;
	text-decoration:underline;
	-webkit-transition:color 0.4s ease;
	transition:color 0.4s ease
}

.userContent a:focus,.userContent a:hover{
	color:#f36f21
}

.userContent blockquote{
	padding:12px;
	font-style:italic;
	border-left:2px solid #f36f21;
	margin-bottom:24px
}

.userContent address{
	margin:0 0 12px 0;
	font-style:italic
}

.userContent strong,.userContent b{
	font-weight:700
}

.userContent em,.userContent i{
	font-style:italic
}

.userContent del,.userContent strike,.userContent s{
	text-decoration:overline
}

.userContent u,.userContent ins{
	text-decoration:underline
}

.userContent sup{
	vertical-align:super;
	font-size:smaller
}

.userContent sub{
	vertical-align:sub;
	font-size:smaller
}

.userContent big{
	font-size:larger
}

.userContent small{
	font-size:smaller
}

.userContent abbr,.userContent acronym{
	border-bottom:dotted 1px
}

.userContent cite,.userContent dfn{
	font-style:italic
}

.userContent q{
	font-style:italic
}

.userContent q::before{
	content:open-quote
}

.userContent q::after{
	content:close-quote
}

.userContent q:lang(en){
	quotes:"\201C" "\201D" "\2018" "\2019"
}

.userContent bdo{
	direction:rtl
}

.userContent pre{
	margin:0 0 12px 0;
	font-family:"Lucida Console", Monaco, monospace;
	white-space:normal
}

.userContent code,.userContent samp,.userContent tt,.userContent kbd{
	font-family:"Lucida Console", Monaco, monospace
}

.userContent var{
	font-style:italic
}

.userContent ul,.userContent ol,.userContent dl{
	margin-top:0;
	margin-bottom:12px;
	color:#555
}

.userContent ul{
	list-style-type:disc;
	margin:0 0 12px 24px
}

.userContent ol{
	list-style-type:decimal;
	margin:0 0 12px 24px
}

.userContent dt{
	font-weight:bold
}

.userContent li,.userContent dd{
	margin-bottom:6px
}

.userContent ul ul,.userContent ul ol,.userContent ul dl,.userContent ol ul,.userContent ol ol,.userContent ol dl,.userContent dl ul,.userContent dl ol,.userContent dl dl{
	margin-top:0;
	margin-bottom:0
}

.userContent ol ul,.userContent ul ul{
	list-style-type:circle
}

.userContent ol ol ul,.userContent ol ul ul,.userContent ul ol ul,.userContent ul ul ul{
	list-style-type:square
}

.userContent table{
	margin:0 0 20px 0;
	width:100% !important;
	border-spacing:2px;
	border-collapse:separate
}

.userContent caption{
	font-size:smaller
}

.userContent tr{
	vertical-align:middle
}

.userContent tbody{
	vertical-align:middle
}

.userContent thead{
	vertical-align:middle
}

.userContent tfoot{
	vertical-align:middle
}

.userContent td{
	vertical-align:inherit;
	text-align:inherit;
	padding:2px 4px
}

.userContent th{
	vertical-align:inherit;
	text-align:inherit;
	font-weight:bold;
	padding:2px 4px;
	background-color:#666666;
	color:#ffffff
}

.userContent tr:nth-child(even) td{
	background-color:#cccccc
}

.userContent hr{
	margin:24px 0;
	background:#f36f21;
	height:1px;
	border:none;
	line-height:1px
}

.userContent img,.userContent video,.userContent audio{
	max-width:100% !important;
	margin-bottom:24px
}

.message-block{
	position:relative;
	z-index:5;
	background-color:#d9e3e7;
	width:240px;
	height:60px;
	margin-left:5%;
	margin-top:33px
}

@media (min-width: 600px){
	.message-block{
		margin-top:0;
		margin-left:0;
		position:absolute;
		bottom:15px;
		right:-5px
	}

}

.message-block--hide-sm{
	display:none
}

@media (min-width: 600px){
	.message-block--hide-sm{
		display:block;
		bottom:-15px
	}

}

.message-block__text{
	color:#626366;
	max-width:220px;
	margin:0 auto;
	-webkit-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	transform:translateY(-15px);
	font-size:13px;
	line-height:1.23
}

.message-block__shape{
	position:absolute;
	right:40px;
	bottom:12px;
	width:25px;
	height:17px;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease
}

.message-block svg{
	width:25px;
	height:17px
}

.message-block:hover .message-block__shape{
	-webkit-transform:translate3d(0, 4px, 0) scale(1.1);
	transform:translate3d(0, 4px, 0) scale(1.1)
}

@media (max-width: 599px){
	.message-block--hide-sm{
		display:none
	}

}

.revolver{
	overflow:hidden;
	width:100%;
	position:relative
}

.revolver__slides{
	overflow:hidden;
	display:table;
	width:100%;
	position:relative;
	overflow:hidden;
	min-height:72px;
	left:0;
	-webkit-transition:left 1s ease-in-out;
	transition:left 1s ease-in-out
}

.revolver__slides>*{
	position:relative;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle
}

.revolver__slides.no-transition{
	-webkit-transition-duration:0s;
	transition-duration:0s
}

.revolver--fade .revolver__slides>*{
	opacity:0;
	left:0 !important;
	-webkit-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out
}

.revolver__slides .isActive{
	opacity:1;
	z-index:2;
	position:relative
}

.revolver__media{
	position:relative;
	width:100%
}

.revolver__slides img{
	width:100%
}

.revolver_setHeight .revolver__slides{
	height:480px
}

.revolver_setHeight .revolver__media{
	position:absolute;
	height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0
}

.revolver_setHeight .revolver__slides img{
	position:relative;
	min-height:100%;
	height:100%;
	min-width:100%;
	max-width:none;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}

.revolver_setHeight .revolver__slides .isActive{
	position:absolute
}

.revolver-controls{
	width:100%
}

.revolver-pagination{
	display:table;
	margin:0 auto;
	padding:15px 0;
	position:relative
}

.revolver-pagination>*{
	display:table-cell;
	vertical-align:middle;
	padding:0 8px
}

.revolver-pagination span{
	display:block;
	margin:0 auto;
	background:#626366;
	opacity:0.5;
	width:12px;
	height:12px;
	cursor:pointer;
	border-radius:50%;
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease
}

.revolver-pagination .isActive span,.revolver-pagination span:hover{
	opacity:1
}

.revolver-controls__simple{
	display:table;
	width:100%;
	position:absolute;
	top:50%;
	z-index:4;
	margin-top:-29px
}

.revolver-controls__simple>*{
	cursor:pointer;
	text-indent:-9999px;
	font-size:0;
	position:absolute;
	padding:20px
}

.revolver-controls__simple svg{
	display:block;
	fill:#626366;
	width:18px;
	height:24px
}

.revolver_hasPagination .revolver-controls__simple{
	margin-top:-47px;
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease
}

.revolver_hasPagination .revolver-controls__simple:hover{
	opacity:0.6
}

.js-revolve-prev{
	left:0
}

.js-revolve-next{
	right:0
}

.revolver--images .revolver-pagination{
	margin-top:-42px;
	z-index:2
}

.revolver--images .revolver-pagination span{
	background:#fff
}

.revolver--images .revolver-controls__simple>*{
	background:rgba(0,0,0,0.2);
	-webkit-transition:background 0.4s ease;
	transition:background 0.4s ease
}

.revolver--images .revolver-controls__simple>*:hover{
	background:rgba(0,0,0,0.4)
}

.revolver--images .revolver-controls__simple svg{
	fill:#fff
}

.revolver--testimonials .revolver-pagination{
	margin-top:10px
}

@media (max-width: 799px){
	.revolver .revolver-controls__simple{
		display:none
	}

}

.project:after{
	content:"";
	display:table;
	clear:both
}

.project__header{
	position:relative
}

@media (min-width: 600px){
	.project__title{
		max-width:65%
	}

}

.more-projects{
	overflow:hidden;
	display:block;
	max-height:0;
	-webkit-transition:max-height 1s ease-in-out;
	transition:max-height 1s ease-in-out
}

.no-js .more-projects.is-active{
	max-height:2000px
}

.view-more{
	display:block;
	width:150px;
	margin:-25px auto 0;
	text-align:center;
	position:relative;
	z-index:5;
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000
}

.view-more:after{
	content:"";
	display:table;
	clear:both
}

.view-more__shape{
	width:45px;
	height:45px;
	border-radius:50%;
	display:block;
	margin:0 auto;
	background:#f36f21;
	position:relative;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000
}

.view-more__shape .line-1,.view-more__shape .line-2{
	position:absolute;
	background:#fff;
	width:1px;
	height:20px;
	left:22px;
	top:12px;
	-webkit-transition:-webkit-transform 0.6s ease-in-out;
	transition:transform 0.6s ease-in-out
}

.view-more__shape .line-2{
	width:20px;
	height:1px;
	top:22px;
	left:12px
}

.view-more__text{
	display:block;
	position:relative;
	margin-top:10px;
	height:16px
}

.view-more__text:before,.view-more__text:after{
	position:absolute;
	left:0;
	top:2px;
	width:100%;
	line-height:1;
	display:block;
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",Arial,sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
	letter-spacing:2px;
	color:#f36f21;
	-webkit-transition:opacity 0.6s ease-in-out;
	transition:opacity 0.6s ease-in-out
}

@media (min-width: 800px){
	.view-more__text:before,.view-more__text:after{
		font-size:14px;
		font-size:1.4rem
	}

}

.view-more__text:before{
	content:"View More"
}

.view-more__text:after{
	content:"View Less";
	opacity:0
}

.all-projects-showing .view-more__text:before{
	opacity:0
}

.all-projects-showing .view-more__text:after{
	opacity:1
}

.all-projects-showing .view-more__shape .line-1{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}

.view-more:hover .view-more__shape{
	-webkit-transform:scale(1.2) translate3d(0, 0, 0);
	transform:scale(1.2) translate3d(0, 0, 0);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.5)
}

.projectTile{
	overflow:hidden;
	height:150px;
	border-bottom:5px solid #fff;
	position:relative
}

.projectTile>a{
	display:block;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:2;
	-webkit-backface-visibility:hidden
}

.noTouch .projectTile>a:after,.noTouch .projectTile--featured:after{
	content:"";
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease
}

.noTouch .projectTile--featured:after{
	background:rgba(0,0,0,0.4)
}

.noTouch .projectTile:hover>a:after,.noTouch .projectTile.hovering:after{
	opacity:1
}

.projectTile img{
	-webkit-backface-visibility:hidden;
	position:absolute;
	min-height:100%;
	min-width:100%;
	top:50%;
	left:50%;
	z-index:-1;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}

.projectTile--featured{
	height:434px;
	color:#fff
}

@media (min-width: 1025px){
	.projectTile--featured{
		height:580px
	}

}

@media (min-width: 1540px){
	.projectTile--featured{
		height:800px
	}

}

@media (max-width: 799px){
	.projectTile--featured img{
		width:auto;
		max-width:300%;
		height:100%
	}

}

@media (min-width: 1025px){
	.projectTile--featured img{
		max-width:110%;
		-webkit-transition:max-width 0.4s ease;
		transition:max-width 0.4s ease
	}

}

@media (min-width: 1166px){
	.projectTile--featured img{
		max-width:100%
	}

}

.projectTile--featured .projectTile__content{
	opacity:1
}

.projectTile--featured:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(0,0,0,0.3)
}

.projectTile__content{
	position:absolute;
	bottom:15px;
	z-index:1;
	left:40px;
	width:calc(100% - 80px);
	opacity:0;
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease
}

.noTouch .projectTile:hover .projectTile__content{
	opacity:1
}

.site-description{
	color:#fff;
	max-width:522px
}

@media (max-width: 799px){
	.site-description{
		margin-bottom:20px
	}

}

@media (min-width: 800px){
	.projectTile--featured .projectTile__content{
		bottom:50px
	}

}

.projectTile__description{
	display:inline-block;
	text-align:left;
	max-width:350px;
	color:#fff;
	padding:5px
}

.projectTile__title{
	position:relative;
	padding-top:25px;
	margin-bottom:10px
}

.projectTile__title:before{
	content:"";
	display:block;
	position:absolute;
	height:2px;
	width:100%;
	max-width:60px;
	background-color:#fff;
	left:0;
	top:0;
	-webkit-transition:height 0.4s ease,background-color 0.4s ease;
	transition:height 0.4s ease,background-color 0.4s ease
}

.projectTile--featured .projectTile__title{
	margin-top:5px;
	padding-top:15px
}

.projectTile--featured .projectTile__title:before{
	max-width:215px
}

.projectTile a:hover .projectTile__title:before{
	height:5px;
	background-color:#f36f21
}

.projectTile__description-text{
	opacity:0;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease
}

.noTouch .projectTile a:hover .projectTile__description-text{
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}

@media (min-width: 800px){
	.projectTile--half{
		height:300px
	}

}

@media (min-width: 1025px){
	.projectTile--half{
		height:400px
	}

}

@media (min-width: 1025px){
	.projectTile--small{
		height:200px
	}

}

@media (min-width: 800px){
	.projectTile--next{
		height:auto;
		border:none
	}

	.projectTile--next a{
		position:relative
	}

	.projectTile--next img{
		position:relative;
		top:0;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		min-height:0
	}

}

.testimonial{
	overflow:hidden;
	max-width:534px;
	margin:0 auto;
	text-align:center
}

q,.quote{
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	font-size:20px;
	line-height:1.45
}

q:before,.quote:before{
	content:"“";
	font-family:"Cisco-Sans-Thin","Cisco-Sans-Extra-Light",sans-serif;
	color:#CAE7DC;
	height:50px;
	font-size:144px;
	line-height:0.9;
	text-align:center;
	width:100%;
	display:block;
	margin-bottom:30px
}

.testimonial__ft{
	margin-top:30px
}

.testimonial__ft:before{
	content:"";
	display:block;
	margin:0 auto 30px;
	width:120px;
	height:2px;
	background-color:#CAE7DC
}

.testimonial__author{
	display:block;
	margin-bottom:5px;
	font-style:normal;
	color:#f36f21
}

.testimonial__title{
	display:block;
	font-style:normal
}

.location{
	overflow:hidden
}

.location img{
	width:100%
}

.location__address{
	max-width:300px;
	display:block;
	margin:0 auto;
	text-align:center
}

.location__map{
	height:450px;
	width:100%;
	background:#bababa
}

.back-to-top{
	display:block;
	position:absolute;
	width:52px;
	right:20px;
	z-index:10;
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease
}

.back-to-top:hover{
	opacity:0.6
}

@media (max-width: 599px){
	.back-to-top{
		display:none
	}

}

.back-to-top__shape{
	position:relative;
	display:block;
	width:44px;
	height:44px;
	background:#626366;
	border-radius:50%;
	margin-bottom:5px
}

.back-to-top__shape svg{
	display:block;
	position:absolute;
	top:15px;
	left:10px;
	fill:#fff;
	height:12px;
	width:24px
}

.group:after{
	content:"";
	display:table;
	clear:both
}

.is-hidden{
	display:none
}

@media (max-width: 599px){
	.is-hidden--xs{
		display:none
	}

}

@media (max-width: 1024px){
	.is-hidden--md{
		display:none
	}

}

.sr-only{
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}

.display-table{
	display:table;
	width:100%
}

.display-inline{
	display:inline-block;
	vertical-align:middle
}

.text-center{
	text-align:center
}

.text-center img{
	margin-left:auto;
	margin-right:auto
}

.text-center .text-group,.text-center.text-group{
	margin:0 auto
}

.text-right{
	text-align:right
}

@media (min-width: 800px){
	.text-right-after-sm{
		text-align:right
	}

}

@media (min-width: 800px){
	.text-borders{
		border-top:1px dashed #626366;
		border-bottom:1px dashed #626366;
		padding:16px 0
	}

	.text-borders--slim{
		width:90%;
		margin:0 auto
	}

}

.accent-after:after{
	content:"";
	width:122px;
	height:2px;
	display:block;
	margin-top:40px;
	background-color:#CAE7DC
}

.bg-brand{
	background-color:#f36f21
}

.bg-brand-alt{
	background-color:#CAE7DC
}

.bg-black{
	background-color:#282828
}

.videoLeft{
	position:relative;
	top:60px
}

.hCenter{
	position:relative;
	top:50%;
	-webkit-transform:translateX(25%);
	-ms-transform:translateX(25%);
	transform:translateX(25%)
}

.vCenter{
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}

.vCenter_abs{
	position:absolute
}

.isIE8 .vCenter{
	top:0;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}

.equalHeightCols{
	position:relative;
	display:block;
	overflow:hidden
}

.equalHeightCols>*{
	position:relative;
	margin-bottom:-99999px;
	padding-bottom:99999px
}

.breakpointTester{
	position:fixed;
	z-index:1000;
	bottom:0;
	right:0;
	font-size:14px;
	font-size:1.4rem;
	background-color:rgba(0,0,0,0.5);
	padding:5px
}

.breakpointTester:after{
	color:white;
	display:inline-block;
	content:'Mobile';
	width:100%
}

@media (min-width: 600px){
	.breakpointTester:after{
		content:'Small'
	}

}

@media (min-width: 800px){
	.breakpointTester:after{
		content:'Medium'
	}

}

@media (min-width: 1025px){
	.breakpointTester:after{
		content:'Large'
	}

}

@media (min-width: 1540px){
	.breakpointTester:after{
		content:'xLarge'
	}

}






/* MOI Quotables CSS */

/* General */

.q-clear {
	clear: both;
}

#fw-mb-w1 #framework-base-main {
	margin-bottom: 40px;
}

/* Step 1 */

.quotables-step {
	margin:0 0 2px 0;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}



#lookBelow {
  color: #229246;
  position: absolute;
  bottom: 20px;
  left: 270px;
  display: none;
  z-index: 10;
  border: 2px solid #229246;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: bold;
}


#quotables-title {
	font-weight: normal;
	font-size: 18px;
	color: #444444;
	margin:0 0 8px 0;
}




.contentMargins span.newwin {
    background-position: 0px -64px;
}
.contentMargins span.newwin {
    display: inline-block;
    background-image: url('img/icon-sprite.png');
    background-repeat: no-repeat;
    background-position: 0px -64px;
    position: relative;
    margin: 0px 0px -2px;
    left: 8px;
    padding: 0px;
    width: 16px;
    height: 16px;
}



/* Quotes */

#Q-quote-holder {
	margin-left: 15px;
	width: 90%;
	color:#666666 !important;
	text-align: left !important;
}

#Q-quote-holder .quoteHeader {
	font-family: Arial;
	font-size: 26px;
	color:#666666;
	font-weight: normal;
	margin: 20px 20px 0 0;
}

#Q-quote-holder p{
	margin:10px 40px 5px 20px;
	color:#666666;
}

#Q-quote-holder h4{
	color:#666666;
	border-bottom: solid 3px #dddddd;
	padding:20px 0 5px 5px;
	font-size: 14px;
	margin:0;
	background-image: url('../img/accordion_right_arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor:pointer;
	line-height:1.2;
}

#Q-quote-holder h4.open{
	background-image: url('../img/accordion_down_arrow.png');
}

#Q-quote-holder h3{
	font-size: 20px;
	line-height:1;
}

#noscript_message
	{
	position: absolute;
	top: 50px; 
	left: 10px;
	z-index: 200000;
	background: #FFFFFF;
	color: #000000;
	}

