@font-face {
    font-family: 'ciscosansextralight';
    src: url('../fonts/ciscosansextralight-webfont.eot');
    src: url('../fonts/ciscosansextralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ciscosansextralight-webfont.woff') format('woff'),
         url('../fonts/ciscosansextralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ciscosansregular';
    src: url('../fonts/ciscosansregular-webfont.eot');
    src: url('../fonts/ciscosansregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ciscosansregular-webfont.woff') format('woff'),
         url('../fonts/ciscosansregular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ciscosansthin';
    src: url('../fonts/ciscosansthin-webfont.eot');
    src: url('../fonts/ciscosansthin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ciscosansthin-webfont.woff') format('woff'),
         url('../fonts/ciscosansthin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ciscosansextralightoblique';
    src: url('../fonts/ciscosansextralightoblique-webfont.eot');
    src: url('../fonts/ciscosansextralightoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ciscosansextralightoblique-webfont.woff') format('woff'),
         url('../fonts/ciscosansextralightoblique-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
   -ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}

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

h3 {
font-family: ciscosansthin, arial, sans-serif;
color: #007FC5;
}

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;
}

h2.first-article {
padding-top: 20px;
font-family: ciscosansthin, arial, sans-serif;
}

h2.contact-us {
padding-top: 20px;
padding-bottom: 20px;
font-family: ciscosansthin, arial, sans-serif;
}

div#page {
z-index: 500;
}

.navbar-right {
/*float: left ! important;*/
margin: 0 auto ! important;
}

.quote {
font-family: ciscosansextralightoblique, arial, sans-serif !important;
}

.anchor{
  display: block;
  height: 78px; /*same height as header*/
  margin-top: -78px; /*same height as header*/
  visibility: hidden;
}

.plain.title p {
font-family: ciscosansregular, arial, sans-serif;
}

#google-maps {
position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
}
#google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#map-container {
padding-top: 20px;
border: 1px solid #ddd;
float: left; 
width: 100%;
}
	
#map-text {
padding: 20px 20px 0px 20px;
font-size: 16px;
font-family: ciscosansextralight, arial, sans-serif;
}	

.unordered-list {
list-style-type: circle; 
list-style-position: inside; 
margin: 1em; 
font-size: 16px; 
font-family: ciscosansextralight, arial, sans-serif;
}

#ecosystem-img {
width: 100%;
}
	
.navbar {
position: static;
min-height: 75px;
/*margin-bottom: 20px;*/
background: #ffffff;
border: 0px;
border-bottom: 1px solid #e2e2e2;
border-radius: 0px;
}

.overlay {
position: fixed;
top: 78px;
height: 1200%;
width: 100%;
left: 0;
background-image: url('../img/trans-bg.png');
z-index: 10;
/*display: block;*/
display: none;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}

@media all and (max-width: 600px) {
	.openBerlin {
		font-size: 3.2vw !important;
	}
}

@media all and (min-width: 820px) {
	.navbar-brand {
	line-height: 55px;
	}
}

.navbar-default .navbar-toggle {
	border: none;
	border-left: 1px solid #ddd;
}
.navbar-brand {
float: left;
height: 73px;
padding: 15px 20px 15px;
}
.navbar-toggle {
margin-right: 0px;
position: relative;
float: right;
padding: 27px 29px 27px 29px;
margin-top: 0px;
margin-left: 15px;
margin-bottom: 0px;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
}

.dropdown-social {
	position: fixed !important;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #b3b3b3
}

@media all and (max-width: 820px) {
	.navbar-nav {
	text-align: right;
	padding-top: 10px;
	}
	.navbar-nav li a {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	line-height: 43px;
	}
	.navbar-brand {
	padding-left: 90px;
	}

}

.dropdown-menu {
padding: 0px;
margin: 1px 0 0;

}

.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 4px;
border-radius: 1px;
}

.navbar-nav {
position: relative;
z-index: 1001;
display: block;
background: #ffffff;
margin: 0px -15px;
}
.navbar-brand,
.navbar-nav li a {
  line-height: 43px;
}

/*.nav > li > a {
padding-left: 30px;
padding-right: 30px;
}*/


@media all and (max-width: 820px) {
	.nav > li > a {
	padding-left: 15px;
	padding-right: 15px;
	}
}

#navlist {
width: 15px;
position: fixed;
right: 20px;
top: 140px;
z-index: 20;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}

.nav_li {
background: url(../img/nav-li.png) 0 0 no-repeat;
width: 15px;
height: 15px;
display: block;
float: left;
margin-bottom: 12px;
}

.nav_lilive {
background-position: 0 -15px;
} 

.nav_li:hover {
cursor: pointer;
background-position: 0 -15px;
}

.banner-bg {
width: 100%;
background-image: url('../img/robot_bg.jpg');
}

.banner-home {
position: relative;
display: table;
margin: 0 auto;
margin-top: 58px;
margin-bottom: -62px;
max-width: 1150px;
}

.banner-txt {
display: table-cell;
vertical-align: middle;
padding: 0 50px 0 20px;
background-image: url('../img/robot_bg.jpg');
width: 50%;
}

.banner-txt h2 {
font-size: 24px;
font-weight: 400;
line-height: 1.25em;
margin: 0px 0px 0.25em;
font-family: ciscosansthin, arial, sans-serif;
font-size: 34px;
}
.banner-txt p {
font-size: 16px;
line-height: 1.54;
}

@media all and (max-width: 840px) {
	.banner-txt h2 {
	font-size: 28px;
	}
}

@media all and (min-width: 768px) {
	.overlay {
	display: none !important;
	}
}

@media all and (max-width: 768px) {
	.navbar-right {
	float: right ! important;
	float: none ! important;
	margin: inherit !important;
	}
	.banner-txt {
	background: #ffffff;
	display: block;
	position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	margin: 0px;
	padding: 16px 16px 0px 16px;
	}
	.banner-txt h2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25em;
	margin: 0px 0px 0.25em;
	font-size: 24px;
	}
	
	.banner-txt p {
	font-size: 14px;
	line-height: 1.4em;
	}
	
	#navlist {
	display: none;
	}
	
}

hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #EEEEEE -moz-use-text-color #FFFFFF;
border-width: 1px 0;
margin: 18px 0;
border-top: 1px solid #e2e2e2;
}

.plain.sub p {
margin-top: 15px;
margin-bottom: 15px;
}

.banner-sub {
position: relative;
display: table;
margin: 0 auto;
margin-bottom: 30px;
overflow: hidden;
margin-top: 58px;
margin-bottom: -62px;
}

div.list-of-companies {
text-align: center;
}

div.list-of-companies li {
display: inline;
}

div.list-of-companies img {
margin: 18px;
}

ul.local-list {
list-style-type: disc;
list-style-position: inside;
margin-left: 15px;
}	

ul.local-list.title {
line-height: 1.66em;
font-size: 16px;
font-family: ciscosansextralight, arial, sans-serif;
}	
	
ul.local-list a {
color: #444;
}
	
#banner-bottom {

}

div#social-icons {
width: 50px;
height: 50px;
position: fixed;
left: 0px;
top: 140px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}

div#social-icons img {
float: left;
border: 1px solid #fff;
border-left: 0px;
}

	.nav-elem.openBerlin {
	font-size: 22px;
	padding-top: 21px;
	display: block;
	width: 555px;
	padding-left: 100px;
	}

@media all and (min-width: 1111px) {
	div#social-icons {
	/*display: block;*/
	display: block;
	}
	
}

@media all and (max-width: 1110px) {
	div#social-icons {
	display: none;
	}
	#nav-container {
	/*float: left;*/
	}
	.navbar-brand {
	padding-left: 90px;
	}
} 

@media (max-width: 940px) {
	ul#navWrapper li ul {
	margin-left: 75px !important;
	}
	
	#navlist {
		display: none;
	}
}

@media screen and (device-aspect-ratio: 40/71) and (orientation : portrait) {	
	.navbar-brand {
	padding-left: 125px !important;
	}
	ul#navWrapper li ul {
	margin-left: 107px !important;
	}
}

#page-container {
background-color: #fff;
width: 100%;
height: 100%;
}

#page{
max-width: 1000px;
min-width: 320px;
margin: 0 auto;
display:block;
/*margin-top: 82px;*/
background-color: #fff;
}

.mobile-only{
display:none;
}

@media all and (max-width: 1200px) {
	#navlist {
	right: 20px;
	}
}

@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;
position: fixed;
top: 0px;
z-index: 10;
width: 100%;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}

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

header #logo{
background-image: url('../img/logo/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('../img/logo/logo-cisco-retina.png');
	}
}

@media screen and (device-aspect-ratio: 40/71) {
	header #logo{
	background-image: url('../img/logo/logo-cisco-retina.png');
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) {
	header #logo{
	background-image: url('../img/logo/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-bottom: 1px solid #ccc;
	}

}

/* 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 {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

section.plain.title{
padding-top: 20px;
margin-bottom: 0px;
font-family: ciscosansextralight, arial, sans-serif;
}

section.plain p{
line-height: 1.6em;
font-size: 16px;
font-family: ciscosansextralight, arial, sans-serif;
}

/* 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{
line-height: 1.66em;
font-size: 16px;
font-family: ciscosansextralight, arial, sans-serif;
}

section#tiles h3 {
padding-bottom: 10px;
font-size: 24px;
/*font-weight: 400;*/
line-height: 17.5px;
}

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




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

	section.plain.title{
	margin-bottom: 0px;
	}
	section#tiles {
	padding-top:0;
	}

	section#tiles .tile .tile-img {
	display:none;
	}
	
	section#tiles .tile {
	float: none;
	width: 100%;
	padding-right: 20px;
	}
	
	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{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
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;
	}

}

img#everything-logo {
	max-width: 300px;
	margin-top: 40px;
}

section.plain div.img-container {
	text-align: center;
}

p.case {
	margin-left: 10px;
}

div.list-of-companies-description {
	text-align: center;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	/*max-height: 390px;
	max-width: 640px;*/
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 400px) {
	span.nav-elem.openBerlin {
		display: none !important;
	}
}