html, body, h1, h2, h3, ul, ol, p, div{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #444;
vertical-align:baseline;
}

html,body{
direction: ltr;
}

body{
-webkit-text-size-adjust: 100%;
}

*{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

ol, ul { 
list-style: none outside none;
}

.cf{
clear:both;
padding:0;
margin:0;
}

a{
color: #007FC5;
text-decoration:none;
}

a:hover{
text-decoration: underline;
}

#page{
max-width: 1000px;
min-width: 320px;
margin: 0 auto;
display:block;
}

.mobile-only{
display:none;
}

@media all and (max-width: 479px) {

	.hide-on-mobile{
	display:none;
	}
	
	.mobile-only{
	display:inline-block;
	}

}

/* cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta + cta */

.cta-btn{ 
display: inline-block;
margin: 12px 0px 0px;
position:relative;
z-index: 666;
}

.cta-btn a{ 
background: #00aae7; /* Old browsers */
background: -moz-linear-gradient(top,  #00aae7 0%, #0282d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aae7), color-stop(100%,#0282d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00aae7 0%,#0282d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00aae7 0%,#0282d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00aae7 0%,#0282d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00aae7 0%,#0282d4 100%); /* W3C */

box-shadow: 0px 1px 0px 0px #4999CE inset;
-webkit-box-shadow: 0px 1px 0px 0px #4999CE inset;
color: white;
display: inline-block;
font-size: 13px;
font-weight: 700;
line-height: 13px;
padding: 10px 15px;
text-shadow: #215984 0px -1px 0px;
text-decoration: none;

border-bottom: 1px solid #26689A;
border-left: 1px solid #2970A6;
border-right: 1px solid #2970A6;
border-top: 1px solid #2970A6;

overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

behavior: url(PIE.htc);
}

.cta-btn a:hover{ 
background: #37b9e5; /* Old browsers */
background: -moz-linear-gradient(top,  #37b9e5 0%, #3295d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37b9e5), color-stop(100%,#3295d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #37b9e5 0%,#3295d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #37b9e5 0%,#3295d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #37b9e5 0%,#3295d3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #37b9e5 0%,#3295d3 100%); /* W3C */

text-decoration:none;
}

/* ie10+ fixes */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.cta-btn{ 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #26689A;
	border-left: 1px solid #2970A6;
	border-right: 1px solid #2970A6;
	border-top: 1px solid #2970A6;
	overflow:hidden;
	}

	.cta-btn a{ 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	overflow:hidden;
	display:block;
	}

}

@media all and (max-width: 479px) {

	.cta-btn{
	display: block;
	}
	
	.cta-btn a{
	display: block;
	text-align:center;
	}

}

/* header + header + header + header + header + header + header + header + header + header + header */

header{
display:block;
border-top: 4px solid #0c8cdd;
border-bottom: 1px solid #e2e2e2;
height: 78px;
}

header div{
max-width: 960px;
min-width: 320px;
margin: 0 auto;
}

header #logo{
background-image: url('/assets/global/EMEAR/contact/img/logo-cisco.png');
background-size: 62px 33px;
width: 62px;
height: 33px;
display:block;
float:left;
margin-top: 20px;
margin-left:20px;
margin-right:40px;
}

@media all and (max-width: 479px) {

	header #logo{
	margin-right:20px;
	}

}

/* retina header logo */
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
	header #logo{
	background-image: url('/assets/global/EMEAR/contact/img/logo-cisco-retina.png');
	}
}

header h1{
font-size:22px;
line-height: 35px;
display: block;
float:left;
font-weight: 400;
color: #444;
margin-top: 25px;
}

@media all and (max-width: 479px) {
	

	header h1{
	font-size:20px;
	}
	
	header #logo{
	margin-top: 20px;
	margin-left:10px;
	margin-right:20px;
	}

}

/* hero + hero + hero + hero + hero + hero + hero + hero + hero + hero + hero + hero + hero */

/* hero wide - default */

.bx-viewport{
border: 1px solid #ccc;
}

section#hero{
margin-top:24px;
padding-left: 20px;
padding-right: 20px;
}

section#hero .bxslider li .hero-slide{
display: block;
}

section#hero .bxslider li{
position:relative;
}

section#hero .bxslider li .hero-img{
display: table-cell;
width:33%;
padding: 16px;
height: auto;
}

section#hero .bxslider li .hero-img div{
max-height:247px;
overflow:hidden;
}

section#hero .bxslider li .hero-img img{
display: block;
}

section#hero .bxslider li .hero-txt{
display: table-cell;
vertical-align: middle;
padding: 16px;
width: 66%;
}

section#hero .bxslider li .hero-txt h2{
font-size: 24px;
font-weight: 400;
line-height: 1.25em;
margin: 0px 0px 0.25em;
}

section#hero .bxslider li .hero-txt p{
font-size: 16px;
line-height: 1.54;
}

@media all and (max-width: 959px) {

	section#hero .bxslider li .hero-txt h2{
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25em;
	margin: 0px 0px 0.25em;
	}

	section#hero .bxslider li .hero-txt p{
	font-size: 14px;
	line-height: 1.4em;
	}
}

@media all and (max-width: 767px) {

	section#hero .bxslider li .hero-img{
	width:33%;
	}
	
	section#hero .bxslider li .hero-txt{
	width: 66%;
	}

}

@media all and (max-width: 599px) {

	section#hero{
	margin-top:0;
	padding-left: 0;
	padding-right: 0;
	}

	.bx-viewport{
	border: 0;
	border-top: 0;
	border-bottom: 1px solid #ccc;	
	}

	section#hero .bxslider li .hero-img{
	width:45%;
	}
	
	section#hero .bxslider li .hero-txt{
	width: 55%;
	}

}

@media all and (max-width: 479px) {

	section#hero {
	margin-top:0px;
	}

	section#hero .bxslider li .hero-img{
	width:100%;
	display:block;
	max-height: 220px;
	overflow: hidden;
	padding:0;
	}
	
	section#hero .bxslider li .hero-img img{
	margin-top: -15%;
	}
	
	section#hero .bxslider li .hero-txt{
	width: 100%;
	display:block;
	}

	.bx-viewport{
	border: 0;
	}

}

/* hero 16:9 */

section#hero.hero-16on9{
width:75%;
float: left;
}

section#hero.hero-16on9 .bxslider li .hero-img{
width:40%;
}

section#hero.hero-16on9 .bxslider li .hero-img div{
display:block;
max-height: 142px;
overflow:hidden;
vertical-align:middle;
}

section#hero.hero-16on9 .bxslider li .hero-img img{
margin-top: -15%;
}

section#hero.hero-16on9 .bxslider li .hero-txt h2{
font-size: 20px;
}

section#hero.hero-16on9 .bxslider li .hero-txt p { 
font-size: 14px;
line-height: 1.4em;
}

/* hero tall */

section#hero.hero-tall{
width:75%;
float: left;
}

section#hero.hero-tall .bxslider li .hero-img{
width:178px;
}

section#hero.hero-tall .bxslider li .hero-img div{
display:block;
max-height: 142px;
overflow:hidden;
vertical-align:middle;
}

section#hero.hero-tall .bxslider li .hero-txt h2{
font-size: 20px;
}

/* hero wide + register */

section#hero.hero-wide-reg .bxslider li .hero-txt {
    width: auto;
}

section#hero.hero-wide-reg{
width:75%;
float: left;
}

/* hero tall and 16:9 shared */

@media all and (max-width: 959px) {

	section#hero.hero-16on9, section#hero.hero-tall, section#hero.hero-wide-reg{
	width:66%;
	}

	section#hero.hero-16on9 .bxslider li .hero-img,
	section#hero.hero-tall .bxslider li .hero-img,
	section#hero.hero-wide-reg .bxslider li .hero-img{
	width:45%;
	}
	
	section#hero.hero-16on9 .bxslider li .hero-img div,
	section#hero.hero-tall .bxslider li .hero-img div,
	section#hero.hero-wide-reg .bxslider li .hero-img div{
	max-height: none;
	}
	
	section#hero.hero-16on9 .bxslider li .hero-img img,
	section#hero.hero-tall .bxslider li .hero-img img,
	section#hero.hero-wide-reg .bxslider li .hero-img img{
	margin-top:0 ;
	}

}

@media all and (max-width: 767px) {

	section#hero.hero-16on9 .bxslider li .hero-img,
	section#hero.hero-tall .bxslider li .hero-img,
	section#hero.hero-wide-reg .bxslider li .hero-img{
	width:100%;
	display:block;
	max-height: 220px;
	overflow: hidden;
	padding:0;
	}
	
	section#hero.hero-16on9 .bxslider li .hero-img div,
	section#hero.hero-tall .bxslider li .hero-img div,
	section#hero.hero-wide-reg .bxslider li .hero-img div{
	display:block;
	max-height: none;
	overflow:hidden;
	}
	
	section#hero.hero-16on9 .bxslider li .hero-img img,
	section#hero.hero-tall .bxslider li .hero-img img,
	section#hero.hero-wide-reg .bxslider li .hero-img img{
	margin-top: -15%;
	}
	
	section#hero .bxslider.hero-16on9 li .hero-txt,
	section#hero .bxslider.hero-tall li .hero-txt,
	section#hero .bxslider.hero-wide-reg li .hero-txt{
	width: 100%;
	display:block;
	}

}

@media all and (max-width: 599px) {

	section#hero.hero-16on9, 
	section#hero.hero-tall,
	section#hero.hero-wide-reg{
	width:100%;
	float: none;
	}

	section#hero.hero-16on9 .bxslider li .hero-img,
	section#hero.hero-tall .bxslider li .hero-img,
	section#hero.hero-wide-reg .bxslider li .hero-img{
	width: 45%;
	height: auto;
	margin: 0;
	display: table-cell;
	padding: 16px;
	}

	section#hero.hero-16on9 .bxslider li .hero-img img,
	section#hero.hero-tall .bxslider li .hero-img img,
	section#hero.hero-wide-reg .bxslider li .hero-img img{
	margin-top: 0;
	}
	

	section#hero.hero-16on9 .bxslider li .hero-img div,
	section#hero.hero-tall .bxslider li .hero-img div,
	section#hero.hero-wide-reg .bxslider li .hero-img div{
	display:block;
	max-height: none;
	overflow:hidden;
	}
	
	section#hero.hero-16on9 .bxslider li .hero-txt,
	section#hero.hero-tall .bxslider li .hero-txt,
	section#hero.hero-wide-reg .bxslider li .hero-txt	{
	width: 55%;
	}

}

@media all and (max-width: 479px) {

	section#hero.hero-16on9, 
	section#hero.hero-tall,
	section#hero.hero-wide-reg
	{
	margin-top:0px;
	}

	section#hero.hero-16on9 .bxslider li .hero-img,
	section#hero.hero-tall .bxslider li .hero-img,
	section#hero.hero-wide-reg .bxslider li .hero-img{
	width:100%;
	display:block;
	max-height: 220px;
	overflow: hidden;
	padding:0;
	float: none;
	}
	
	section#hero.hero-16on9 .bxslider li .hero-img img,
	section#hero.hero-tall .bxslider li .hero-img img,
	section#hero.hero-wide-reg .bxslider li .hero-img img{
	margin-top: -15%;
	}
	
	section#hero.hero-16on9 .bxslider li .hero-txt,
	section#hero.hero-tall .bxslider li .hero-txt,
	section#hero.hero-wide-reg .bxslider li .hero-txt{
	width: 100%;
	display:block;
	}

}

/* register + register + register + register + register + register + register + register + register + register */

section#register{
width:25%;
display:block;
float:right;
padding-right: 20px;
}

section#register div{
background: #666;
margin-top: 24px;
padding: 16px;
}

section#register h3{
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 1.25em;
margin: 0px 0px 0.25em;
}

section#register p{
font-size: 13px;
color: #fff;
line-height: 1.4em;
margin-bottom: 0.5em;
}

section#register p.cta span{
float:none;
margin-top:6px;
}

section#register .cta-btn{
display: block;
}

section#register .cta-btn a{
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfdfd 0%, #bcbcbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfdfd 0%,#bcbcbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfdfd 0%,#bcbcbc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfdfd 0%,#bcbcbc 100%); /* W3C */

box-shadow: none;
-webkit-box-shadow: none;
text-shadow: 0px 1px 0px white;
color: #444;

display: block;
text-align:center;
border: 1px solid #444;
}

section#register .cta-btn a:hover{
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #bcbcbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#bcbcbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#bcbcbc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#bcbcbc 100%); /* W3C */

color: #000;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	section#register .cta-btn{ 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #444;
	overflow:hidden;
	}

	section#register .cta-btn a{ 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	overflow:hidden;
	display:block;
	}

}

@media all and (max-width: 959px) {

	section#register{
	width:34%;
	}

}

@media all and (max-width: 599px) {

	section#register{
	width:100%;
	float:none;
	padding-right: 0;
	margin-bottom: 1.25em
	}
	
	section#register .cta-btn{
	display: inline-block;
	}
	
	section#register .cta-btn a{
	display: inline-block;
	}
	
	section#register h3{
	/* color: #fff; */
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25em;
	margin: 0px 0px 0.25em;
	}
	
	section#register p { 
	/* color: #fff; */
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	}

}

@media all and (max-width: 599px) {

	section#register{
	width:100%;
	float:none;
	padding-right: 0;
	margin-bottom: 1.25em
	}
	
	section#register .cta-btn{
	display: inline-block;
	}
	
	section#register .cta-btn a{
	display: block;
	}

}

@media all and (max-width: 479px) {

	section#register .cta-btn{
	display: block;
	}
	
	section#register .cta-btn a{
	display: block;
	}

}

/* ribbon +  ribbon + ribbon + ribbon + ribbon + ribbon + ribbon + ribbon + ribbon + ribbon + ribbon + ribbon */

section.ribbon{

background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */

border:1px solid #ccc;
margin: 0px 20px 20px;
display: block;
position: relative;
}

section.ribbon h3{
font-size: 16px;
font-weight: 700;
line-height: 1.25em;
margin: 0px 0px 0.25em;
}

section.ribbon p{
line-height: 1.4em;
margin-bottom: 0.5em;
font-size:13px;
}

section.ribbon p.cta span{
float:right;
margin-top:6px;
}

section.ribbon .ribbon-txt{
float:left;
display:block;
padding: 16px;
width:70%;
}

section.ribbon .ribbon-cta{
float:right;
display:block;
padding: 16px;
width:30%;
}

@media all and (max-width: 599px) {

	section.ribbon{
	/* background: #666; 
	border: 1px solid #555;*/
	margin-right: 0;
	margin-left: 0;
	border-left:0;
	border-right:0;
	}
	
	section.ribbon h3{
	/* color: #fff; */
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25em;
	margin: 0px 0px 0.25em;
	}
	
	section.ribbon p { 
	/* color: #fff; */
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	}
	
	section.ribbon .ribbon-txt{
	float:none;
	display:block;
	width:100%;
	padding-bottom:0;
	}

	section.ribbon .ribbon-cta{
	float:none;
	display:block;
	width:100%;
	padding-top:0;
	}
	
	section.ribbon p.cta span{
	float:none;
	margin-top:6px;
	}

}

/* plain + plain + plain + plain + plain + plain + plain + plain + plain + plain + plain + plain + plain + plain */

section.plain {
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

section.plain p{
line-height: 1.6em;
font-size: 13px;
}

/* tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles + tiles */

/* tiles 2 - default */

section#tiles {
padding-left: 20px;
padding-top: 20px;
width:100%;
}

section#tiles .tile {
display:block;
float: left;
width: 50%;
position:relative;
}

section#tiles .tile .tile-img {
display:block;
float:right;
width:50%;
padding-right: 1em;
}

section#tiles .tile img {
display:block;
width:100%;
}

section#tiles .tile .tile-txt {
width:50%;
display: block;
float:left;
padding-right: 1.5em;
padding-bottom: 20px;
}

section#tiles p.caption{
font-size: 0.6875em;
line-height: 1.5em;
padding-top: 6px;
}

section#tiles p{
font-size: 0.75em;
line-height: 1.66em;
}

section#tiles h3 {
padding-bottom: 10px;
}

section#tiles h3 a {
font-size: 14px ;
font-weight: 700;
line-height: 17.5px;
}

@media all and (max-width: 767px) {

	section#tiles {
	padding-top:0;
	}

	section#tiles .tile .tile-img {
	display:none;
	}
	
	section#tiles .tile {
	float: none;
	width: 100%;
	padding-right: 1em;
	}
	
	section#tiles .tile .tile-txt {
	width:100%;
	border-top: 1px solid #ccc;
	padding-top: 16px;
	padding-right: 0;
	}

}

/* tiles 3 */

section#tiles.tiles-three .tile {
width: 33.33%;
}

section#tiles.tiles-three .tile .tile-img {
float:none;
width:100%;
}

section#tiles.tiles-three p.caption{
display: none;
}

section#tiles.tiles-three .tile img {
margin: 0px 0px 0.5em;

}

section#tiles.tiles-three .tile .tile-txt {
width:100%;
float:none;
}

@media all and (max-width: 767px) {

	section#tiles.tiles-three .tile {
	width: 100%;
	}

}

/* tiles 4 */

section#tiles.tiles-four .tile {
width: 25%;
}

section#tiles.tiles-four .tile .tile-img {
float:none;
width:100%;
}

section#tiles.tiles-four p.caption{
display: none;
}

section#tiles.tiles-four .tile img {
margin: 0px 0px 0.5em;

}

section#tiles.tiles-four .tile .tile-txt {
width:100%;
float:none;
}

@media all and (max-width: 767px) {

	section#tiles.tiles-four .tile {
	width: 100%;
	}

}

/* footer + footer + footer + footer + footer + footer + footer + footer + footer + footer + footer + footer + footer + footer */

footer #footer-nav li{
display: block;
float:left;
font-size: 12px;
line-height: 12px;
padding-right:8px;
margin-top: 1em;
margin-right:8px;
border-right: 1px solid #ccc;
}

footer{
margin: 30px 20px;
padding-top: 0.5em;
border-top: 1px solid #ccc;
}

footer ul#footer-nav .trademarks{
border:0;
}

@media all and (max-width: 479px) {

	footer #footer-nav li{
	font-size: 10px;
	line-height: 11px;
	}

}