@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,600,700');

/* W3C Markup, IE10 Release Preview */ 
h1,.h1 {font-size:24px;font-weight:600;margin-bottom:20px;margin-top:0;line-height:1.2}
.title {font-size:20px}
h2,.h2 {font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0;line-height:1.2}
h3,.h3 {font-size:20px;font-weight:300;margin-bottom:40px;margin-top:0;line-height:1.2}
h4,.h4 {font-size:16px;font-weight:600;margin-bottom:20px;margin-top:0;}
h4 span {font-size:70%}
h5,.h5 {font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0;}
p {font-size:16px;font-weight:300;line-height:1.5;}
.large-text p{font-size:20px;margin-bottom:20px;}
a {color:#00A5C3;transition:color 0.25s ease-in;-moz-transition:color 0.25s ease-in;-webkit-transition:color 0.25s ease-in;-o-transition:color 0.25s ease-in}
a:hover,a.active {color:#F4D763;text-decoration:none;}
b,strong {font-weight:600;}
ul {margin:0 0 15px 20px;padding:0;font-size:16px;line-height:1.4;font-weight:300;list-style:none;list-style-image: url('/images/bullet.png');}
ul li {padding-left:15px}
img {max-width:100%;height:auto !important}
.fa-circle {font-size:8px !important}

/* Bootstrap overrides */
body {font-family:'Montserrat',Arial;line-height:1.5;color:#FFFFFF;font-weight:300;font-size:16px;background-color:#144664;}
.page {scroll-snap-type: y mandatory;}
.container {max-width:1080px;scroll-snap-align: start;}

/* Layout */
.fullwidth {padding:0;width:100%;}
.visible-xxs {display:none;}
.top-buffer15 {padding-top:15px;}
.top-buffer30 {padding-top:30px;}
.top-buffer40 {padding-top:40px;}
.top-buffer80 {padding-top:80px;}
.bottom-buffer3 {padding-bottom:2px;}
.bottom-buffer15 {padding-bottom:15px;}
.bottom-buffer20 {padding-bottom:20px;}
.bottom-buffer30 {padding-bottom:30px;}
.bottom-buffer50 {padding-bottom:50px;}
.bottom-buffer70 {padding-bottom:70px;}
.text-center .img-responsive {margin:0 auto;}
.v_hidden{	opacity: 0;}
.v_visible{	opacity: 1;}
.containergutter-0.container {  padding-left: 0px;  padding-right: 0px;}
.containergutter-0.container-fluid {  padding-left: 0px;  padding-right: 0px;}
.containergutter-100.container {  padding-left: 100px;  padding-right: 100px;}
.containergutter-100.container-fluid {  padding-left: 100px;  padding-right: 100px;}
.gutter-20.row {  margin-right: -10px;  margin-left: -10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {  padding-right: 10px;  padding-left: 10px;}
.gutter-10.row {  margin-right: -5px;  margin-left: -5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {  padding-right: 5px;  padding-left: 5px;}
.gutter-0.row {  margin-right: 0;  margin-left: 0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{  padding-right: 0;  padding-left: 0;}
.content-panel {padding-top:40px;padding-bottom:40px;}
.content-panel.slim {padding-top:20px;padding-bottom:20px;}
.panel1 {padding-top:50px;padding-bottom:50px;}
.panel2 {padding-top:50px;padding-bottom:20px;}
.panel3 {padding-top:40px;padding-bottom:40px;position:relative;z-index:9000}
.panel4 {padding-top:40px;padding-bottom:40px;position:relative;z-index:9000}
.panel5 {padding-top:40px;padding-bottom:40px;position:relative;z-index:9000}
.default-panel {padding-top:30px;padding-bottom:30px}
.default-panel.intro {padding-top:35px;}
section  {z-index:9950;position:relative}

.circle-panel {background-color:#0A2339;position:relative;z-index:9000;width: 100%;    height:500px;background-color:#0A2339;position:relative}		
.circle-content {width:70%;margin:0 auto;text-align: center;position: relative;     top: 50%;     transform: perspective(1px) translateY(-50%);}
.circle-button {width:100px;height:100px;border-radius:100%;border:none;font-weight: 600;line-height:1.2;display: block;}
.circle-button {text-align: center;font-size:12px;color:#0A2339;width:150px;height:150px;}
.circle-button span{display:block;}
.circle-button img {max-width:45%;display:block;margin:0 auto;margin-bottom:3px;}
.circle-button:hover {background-color:#0A2339 !important;}
.circle-button.customer {top:75px;left:55px;background-color:rgba(244,215,99,1);border:1px solid rgba(244,215,99,1);}	
.circle-button.customer:hover {color:rgba(244,215,99,1);}	
.circle-button.operation {top:235px;left:-10px;background-color:rgba(34,191,171,1);border:1px solid rgba(34,191,171,1)}
.circle-button.operation:hover {color:rgba(34,191,171,1);}	
.circle-button.payload {top:405px;left:0px;background-color:rgba(6,180,200,1);border:1px solid rgba(6,180,200,1)}
.circle-button.payload:hover {color:rgba(6,180,200,1);}	
.circle-button.community {top:550px;left:85px;background-color:rgba(251,131,41,1);border:1px solid rgba(251,131,41,1)}
.circle-button.community:hover {color:rgba(251,131,41,1);}	
.circle-content-xs {display: none}

.circle-button img:nth-child(2){display: none}
.circle-button:hover img:nth-child(1){display: none}
.circle-button:hover img:nth-child(2){display: block}

#atmosphere {width:100%;height:8000px;background-image:url('../images/atmosphere.png');background-position: top center;background-repeat:  no-repeat;position:fixed;top:0;margin-top:700px;z-index:5000;background-position:top center;}
#large-stars {width:100%;height:8000px;background-image:url('../images/large-stars.png');background-position: top center;background-repeat: repeat-y;position:fixed;top:0;z-index:7000;}
#small-stars {width:100%;height:8000px;background-image:url('../images/small-stars.png');background-position: top center;background-repeat: repeat-y;position:fixed;top:0;z-index:8000;}

/* Format */
.copy-xsmall {font-size:10px;line-height:12px;-webkit-text-size-adjust: 100%;}
.nomargin {margin:0}
.yellow {color:#F4D763;}
.blue {color:#35aae1;}
.teal,.teal a {color:#22bfab;}
/*.teal {color:#22bfab}*/
.teal2 {color:#0ea4b6}
.teal3 {color:#22bfab}
.teal4 {color:#06b4c8}
.teal5 {color:#02b9cf}
.red {color:#fb8329;}
.purple {color:#7161e6}
.white {color:#FFFFFF;}
.grey {color:#919191;}
a:hover i.fa-circle {color:#FFFFFF}
.bg-blue {background-color:#35aae1 !important;}
.bg-teal {background-color:#22bfab !important;}
.bg-teal2 {background-color:#0ea4b6 !important;}
.bg-teal3 {background-color:#22bfab !important;}
.bg-teal4 {background-color:#06b4c8 !important;}
.bg-teal5 {background-color:#02b9cf !important;}
.bg-red {background-color:#fb8329 !important;}
.bg-yellow {background-color:#F4D763 !important;}
.bg-ink {background-color:#071627 !important;}
.text-panel {padding:15px;position: relative;z-index:9000;}
.content-panel {position: relative;z-index:9000;}
.btn {border:1px solid #FFFFFF;color:#FFFFFF;border-radius: 0;font-size:14px;font-weight:600;}
.btn:hover{background-color:#FFFFFF}
.btn-red {border-color:#fb8329 !important;color:#fb8329 !important;}
.btn-red:hover {background-color:#fb8329 !important;color:#FFFFFF !important;}
.btn-yellow {border-color:#F4D763;color:#F4D763;}
.btn-yellow:hover {background-color:#F4D763;color:#FFFFFF;}
.btn-blue {border-color:#35aae1;color:#35aae1;}
.btn-blue:hover {background-color:#35aae1;color:#FFFFFF;}
.btn-teal {border-color:#22bfab;color:#22bfab;}
.btn-teal:hover {background-color:#22bfab;color:#FFFFFF;}
.btn-teal2 {border-color:#0ea4b6;color:#0ea4b6}
.btn-teal2:hover {background-color:#0ea4b6;color:#FFFFFF;}
.btn-teal3 {border-color:#22bfab;color:#22bfab}
.btn-teal3:hover {background-color:#22bfab;color:#FFFFFF;}
.btn-teal4 {border-color:#06b4c8;color:#06b4c8}
.btn-teal4:hover {background-color:#06b4c8;color:#FFFFFF;}
.btn-teal5 {border-color:#02b9cf;color:#02b9cf}
.btn-teal5:hover {background-color:#02b9cf;color:#FFFFFF;}
.btn-grey {border-color:#919191;color:#919191;}
.btn-grey:hover {background-color:#919191;color:#FFFFFF;}

/* Nav */
.navbar.fixed {position: fixed;background-color:#144664;z-index:9999}
.navbar-brand {height:auto}
.navbar-brand img,footer .logo{height:50px !important}
.navbar-collapse {border:none}
.navbar {background-color:transparent;/*#144664;*/border-radius:0;z-index:9960}
.navbar-nav > li > a {color:#FFFFFF;font-size:15px;font-weight:600;padding-top:0;padding-bottom:0;line-height:50px;}
.nav > li > a:hover,.nav > li > a:focus,.nav > li > a.active {background-color: transparent;color:#F4D763;}
.nav > li:nth-child(2) > a:hover,.nav > li:nth-child(2) > a:focus,.nav > li:nth-child(2) > a.active {color:#fb8329}
.nav > li:nth-child(3) > a:hover,.nav > li:nth-child(3) > a:focus,.nav > li:nth-child(3) > a.active {color:#22bfab}
.nav > li:nth-child(4) > a:hover,.nav > li:nth-child(4) > a:focus,.nav > li:nth-child(4) > a.active {color:#7161e6}
.nav > li:nth-child(5) > a:hover,.nav > li:nth-child(5) > a:focus,.nav > li:nth-child(5) > a.active {color:#06b4c8}
.nav > li:nth-child(6) > a:hover,.nav > li:nth-child(6) > a:focus,.nav > li:nth-child(6) > a.active {color:#919191}
.navbar-toggle {border:1px solid #ffffff;margin-top:23px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,.nav .open > a {background-color:transparent;color:#FFFFFF}
.icon-bar {background-color:#FFFFFF}
.dropdown-menu {    background-color: transparent;    border: none;    border-radius: 0;        border-top-left-radius: 0;        border-top-right-radius: 0;    -webkit-box-shadow: none;    box-shadow: none;color:#FFFFFF}
.dropdown-menu > li > a {    padding: 3px 15px;    color: #FFFFFF;font-size: 13px;font-weight: 300;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.active {    background-color: transparent;color:#22bfab;}
.dropdown-menu > li:nth-child(4) > a:hover, .dropdown-menu > li:nth-child(4) > a:focus, .dropdown-menu > li:nth-child(4) > a.active {    background-color: transparent;color:#06b4c8;}

#quicknav {background-image:url('../images/nav.png');width:28px;height:253px;position:fixed;right:30px;top:200px;z-index:9990;display:none;}
#quicknav.section0{background-position:0}
#quicknav.section1{background-position:-28px}
#quicknav.section2{background-position:-56px}
#quicknav.section3{background-position:-84px}
#quicknav.section4{background-position:-112px}
#quicknav span {position: absolute;right:33px;font-size:11px;display:none;color:#FFFFFF;white-space: nowrap}
#quicknav span.section1 {top:7px;}
#quicknav span.section2 {top:62px;}
#quicknav span.section3 {top:119px;}
#quicknav span.section4 {top:175px;}
#quicknav span.section5 {top:230px;}

/* Community */
.community-heading {padding:25px;font-size:20px;font-weight:600;color:#FFFFFF;line-height:16px;}
.community-heading .date {float:right;font-size:14px;font-weight: 300;}
.community-content {padding:25px 25px 40px 25px;color:#FFFFFF;background-color:#0A2339;position:relative;}
.community-content h2 {font-size:20px;color:#22bfab;font-weight:500;}
.community-content p.date {font-size:14px;color:#22bfab;}
.expand-link {position: absolute;bottom:23px;left:25px}

.news-article {display: block}
.news-article p {color:#ffffff}
.news-article-image {width:100%;height:0;padding-bottom:74.4444444%;background-repeat: no-repeat;background-position: center;background-color:#FFFFFF;}

.article-comments {max-width:600px}
.article-comments input,.article-comments textarea {margin-bottom:15px !important}
.article-comments input[type=submit] {border-color:#FFFFFF;color:#FFFFFF;margin-bottom:30px;}
.article-comments input[type=submit]:hover {background-color:#FFFFFF;color:#0A2339}
.article-comment {padding-top:15px;}
.article-comment .author{margin-bottom:10px;color:#F4D763;font-weight:600}
.article-comment .author span{margin-left:15px;color:#FFFFFF;font-weight:300}
.article-comment hr{border-color:#F4D763;margin-top:30px}
#comment-thanks {display: none}

/* Events */
.event {margin-bottom:25px;display:block;color:#22bfab}
.event:hover {color:#FFFFFF}
.event-details {background-color:#0A2339;padding:25px;}
.event:hover .event-details{background-color:#22bfab}
.event-details h2 {font-size:20px;color:#22bfab;font-weight:500;}
.event:hover .event-details h2 {color:#FFFFFF}
.event-details p.date {font-size:14px;}
.event-details .btn-teal3 {background-color: #22bfab;color:#FFFFFF;border:1px solid #FFFFFF;}
.event-details .btn-teal3:hover {background-color: #0A2339;border-color: #0A2339}
.event-logo {background-color:#FFFFFF;padding:25px;display:block}
.event-logo div{position:absolute;top:25px;bottom:25px;left:25px;right:25px;background-size:contain;background-position:center center;background-size:contain;background-position:center center;background-repeat:no-repeat}

/* Resources */
.resource {margin-bottom:25px;display:block;color:#06b4c8}
.resource:hover,.resource.active,.resource:hover h2,.resource.active h2 {color:#071627}
.resource-details {background-color:#0A2339;padding:25px 25px 45px 25px;}
.resource-content {background-color:#0A2339;color:#06b4c8;padding:25px 25px 35px 25px;display:none;}
.resource.active .resource-content {background-color:#06b4c8;color:#0A2339;padding:25px 25px 35px 25px;display:none;}
.resource:hover .resource-details,.resource.active .resource-details{background-color:#06b4c8}
.resource-details h2 {font-size:20px;color:#06b4c8;font-weight:500;}
.resource-icon {background-color:#06b4c8;padding:35px 25px;position:relative;}
.resource:hover .resource-icon,.resource.active .resource-icon{background-color:#06b4c8}
.resource-icon div:first-child{position:absolute;top:5px;bottom:5px;left:5px;right:5px;background-size:contain;background-position:center center;background-size:contain;background-position:center center;background-repeat:no-repeat}
.resource-dots {position: absolute;bottom:23px;left:25px;}
.icon-news {background-image:url('../images/icons/OSSAT_ICONS_Articles-hover.png');}
.icon-news,.resource:hover .resource-icon .icon-news,.resource.active .resource-icon .icon-news {background-image:url('../images/icons/OSSAT_ICONS_Articles-blue.png');}
.icon-definitions {background-image:url('../images/icons/OSSAT_ICONS_Definitions-hover.png');}
.icon-definitions,.resource:hover .resource-icon .icon-definitions,.resource.active .resource-icon .icon-definitions {background-image:url('../images/icons/OSSAT_ICONS_Customer-blue-copy-2.png');}
.icon-usecases {background-image:url('../images/icons/OSSAT_ICONS_Use Cases-hover.png');}
.icon-usecases,.resource:hover .resource-icon .icon-usecases,.resource.active .resource-icon .icon-usecases {background-image:url('../images/icons/OSSAT_ICONS_Customer-blue-copy-3.png');}
.icon-platform {background-image:url('../images/icons/OSSAT_ICONS_Platform Arch-hover.png');}
.icon-platform,.resource:hover .resource-icon .icon-platform,.resource.active .resource-icon .icon-platform {background-image:url('../images/icons/OSSAT_ICONS_Customer-blue-copy-4.png');}
.icon-design {background-image:url('../images/icons/OSSAT_ICONS_Design Tools-hover.png');}
.icon-design,.resource:hover .resource-icon .icon-design,.resource.active .resource-icon .icon-design {background-image:url('../images/icons/OSSAT_ICONS_Design-Tools-blue.png');}

/* News */
.article-container {background-color:#0A2339;}
.article-container a,.article-meta,.article-meta a{color:#0ea4b6;}
.article-meta,.article-meta p {font-size:14px;}
.article-meta p.share {font-size:20px}

input[type=text],input[type=email],textarea {background-color:transparent;border:1px solid #FFFFFF;border-radius:0;padding:10px;display:block;width:100%;margin-bottom:5px}
form p {font-size:14px !important;margin-top:0;margin-bottom:10px !important;margin-top:10px;}
form strong {font-size:16px !important; font-weight:600 !important}
input[type=checkbox] {margin-right:10px;}
input[type=submit] {padding:6px 12px;width:auto;font-size:14px;font-weight:600;background-color:transparent;border:1px solid #D55031;color:#D55031;}
input[type=submit]:hover {background-color:#D55031;color:#FFFFFF;}
form button {background-color:transparent}
.submit-yellow {border:1px solid #F4D763 !important;color:#F4D763 !important;}
.submit-yellow:hover {background-color:#F4D763 !important;color:#FFFFFF !important}
.submit-grey {border:1px solid #919191 !important;color:#919191 !important;}
.submit-grey:hover {background-color:#919191 !important;color:#FFFFFF !important}
.submit-teal {border:1px solid #22bfab !important;color:#22bfab !important;}
.submit-teal:hover {background-color:#22bfab !important;color:#FFFFFF !important}
.submit-purple {border:1px solid #7161e6 !important;color:#7161e6 !important;}
.submit-purple:hover {background-color:#7161e6 !important;color:#FFFFFF !important}
.checkboxes div {padding:3px 0;margin-left:28px;}
.checkboxes div input {margin-left:-28px;}
.grecaptcha-badge {display: none !important}

.sponsor-form,.support-form {display: none}
#sponsor-thanks,#support-thanks {display: none}

.sponsor-disc {position:relative;padding:10px;margin-bottom:30px;cursor: pointer;z-index:9920}
.sponsor-disc img{width:100%;position:relative;z-index:9940}
.sponsor-disc div {position: absolute;top:50%;left:0;width:100%;padding:50% 15px 15px 15px;color: #0A2339;display:none;}
.sponsor-disc h2 {font-size:18px;}
.sponsor-disc p {font-size:14px;}
.sponsor-disc a {color: #0A2339;}
.sponsor-disc.active {z-index:9990}
.sponsor-disc.active img{z-index:9995}
.sponsor-disc.active div{z-index:9992;display:block;}
.sponsor-detail {padding-top:30px;display:none;}
.sponsor-detail.active {display:block;}
.sponsor-detail .bg-ink{padding:30px;color:#FFFFFF}
.sponsor-detail a{color:#fb8329}
.sponsor-detail a:hover{color:#ffffff}
.sponsor-image-container {max-width:120px;}

.event-circle-button {position:relative;width:200px;height:200px;background-color:#AEDADD;font-weight:600;margin-left:0 auto;margin-left:auto;margin-right:auto;display: block;color:#0A2339;}
.event-circle-button:hover {color:#AEDADD}
.event-circle-button:hover {background-color:#0A2339}
.event-circle-button img {max-width:50%;display:block;margin:0 auto;margin-bottom:3px;padding-bottom:10px;}
.event-circle-button.large {font-size:24px;}

.follow-us-panel {padding:25px 25px 25px 25px;color:#FFFFFF;background-color:#0A2339}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border:1px solid #FFFFFF} 
.embed-container.tall {padding-bottom: 72.222%;}
.embed-container.noborder {border:none}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#interestThanks {display: none}
#registration-thanks {display: none}

#map {height:350px;margin-bottom:15px}

/* Footer */
footer {position: relative;z-index:9000;padding-bottom:60px;padding-top:60px;background-color:#144664;}
footer p{font-size:14px;line-height:1.5;}
footer a{color:#FFFFFF}
footer a:hover{color:#F4D763}
footer .btn:hover {background-color:#FFFFFF;color:#144664;}
footer input[type=email] {border:1px solid #FFFFFF;color:#FFFFFF;height:40px;padding:5px;width:100%;background-color:transparent}
footer input[type=submit] {border:1px solid #FFFFFF;color:#FFFFFF;height:40px;padding:5px;width:100%;background-color:transparent;font-weight:600;font-size:14px;}
footer .vbottom p {font-size:12px}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 479px) {
  .visible-xxs {   display: block !important;  }
  .hidden-xxs {    display: none !important;  }
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1,.h1 {font-size:30px;}
	.title {font-size:22px}
	h2,.h2 {font-size:22px;}
	h3,.h3 {font-size:24px;}
	h4,.h4 {font-size:18px;}
	p,ul {font-size:16px;}
	.text-sm-right {text-align:right}
	.text-sm-center {text-align:center}
	.narrow {padding-left:30px;padding-right:30px;}
	.nav {padding-top:15px;}
	.bottom-column{    float: none;    display: table-cell;    vertical-align: bottom;}
	#quicknav {right:30px;top:200px;display:block;}
	#quicknav div {position:absolute;height:20%;width:100%;cursor:pointer}
	#quicknav div:nth-child(2) {top:20%;}
	#quicknav div:nth-child(3) {top:40%;}
	#quicknav div:nth-child(4) {top:60%;}
	#quicknav div:nth-child(5) {top:80%;}
	.navbar-brand img,footer .logo{height:60px !important}
	.navbar-nav > li > a {line-height:60px;}
	.navbar-nav > li > .dropdown-menu {    margin-top: -20px;}
	.navbar-toggle {   margin-top: 28px;}
	.dropdown:hover .dropdown-menu {display: block;}
	.navbar-right .dropdown-menu {    left: 0;    right: auto;z-index:9999}
	.text-panel {padding:15px 0;}
	.default-panel {padding-top:50px;padding-bottom:30px}
	.panel1 {padding-top:80px;padding-bottom:80px;}
	.panel2 {padding-top:80px;padding-bottom:30px;}
	.panel3 {padding-top:40px;padding-bottom:40px;}
	.panel4 {padding-top:40px;padding-bottom:25px;}
	.panel5 {padding-top:40px;padding-bottom:40px;}
	.default-panel.intro {padding-top:65px;}
	footer {padding-top:100px;padding-bottom:25px;margin-top:100px;}
	footer h4 {margin-bottom:47px}
	footer .vbottom{    position: relative;    top: 100%;    transform: translateY(-100%);		margin-top:100px;}
	.circle-panel {width: 750px;    height:750px;border-radius:100%;}
	.circle-button {position: absolute;margin:0 0 0 -50px;}
	.circle-content {display: none}
	.circle-content:nth-child(1) {display: block}
	#communication {width:100%;height:8000px;background-image:url('../images/communication.png');background-position: top center;background-repeat: no-repeat;position:fixed;top:0;margin-top:0;z-index:7500;}
	.event-circle-button {margin-left:0}
	#map {height:350px}
	.sponsor-image-container {max-width:210px;margin:0 auto;}	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1,.h1 {font-size:36px;}
	.title {font-size:26px}
	h2,.h2 {font-size:26px;}
	h3,.h3 {font-size:28px;}
	h4,.h4 {font-size:20px;}
	h5,.h5 {font-size:20px;}
	.large-text p,.large-text ul,p.large-text,u.large-text {font-size:22px;}	
	.narrow {padding-left:60px;padding-right:60px;}
	.navbar {/*position:fixed;top:0;*/width:100%;padding-top:15px;padding-bottom:15px;margin-bottom:0;}
	.navbar .container-fluid,footer .container-fluid {padding-left:30px}
	.navbar-brand img,footer .logo{height:70px !important}
	.navbar-nav > li > a {line-height:70px;}
	#quicknav {right:30px;top:200px;}
	.panel1 {padding-top:100px;padding-bottom:100px;}
	.panel2 {padding-top:100px;}
	.panel3 {padding-top:50px;padding-bottom:50px;}
	.panel4 {padding-top:50px;padding-bottom:35px;}
	.panel5 {padding-top:50px;padding-bottom:50px;}
	.default-panel.intro {padding-top:85px;}
	footer .vbottom{margin-top:60px;}
	.circle-panel {width: 900px;    height:900px;}
	.circle-button.customer {top:120px;left:60px;}
	.circle-button.operation {top:290px;left:-10px}
	.circle-button.payload {top:460px;left:-10px;}
	.circle-button.community {top:630px;left:60px;}
	.event-circle-button {width:210px;height:210px;margin:0 auto;}
	.event-circle-button.large {font-size:32px;}
	.btn {font-size:16px;}
	input[type=submit]  {font-size:16px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	h1,.h1 {font-size:38px;}
	.title {font-size:30px}
	h2,.h2 {font-size:30px;}
	h3,.h3 {font-size:28px;}
	h4,.h4 {font-size:20px;}
	#quicknav {right:60px;top:200px;}
	.narrow {padding-left:100px;padding-right:100px;}
	.panel1 {padding-top:120px;padding-bottom:120px;}
	.panel2 {padding-top:120px;}
	.panel3 {padding-top:60px;padding-bottom:60px;}
	.panel4 {padding-top:60px;padding-bottom:45px;}
	.panel5 {padding-top:60px;padding-bottom:60px;}
	.default-panel {padding-top:70px;padding-bottom:30px}
	.default-panel.intro {padding-top:105px;}
	.circle-panel {width: 1000px;    height:1000px;margin:0 auto;}
	.circle-button.customer {top:170px;left:50px;}
	.circle-button.operation {top:340px;}
	.circle-button.payload {top:510px;}
	.circle-button.community {top:680px;left:50px;}		
	.btn {font-size:18px;}
	input[type=submit]  {font-size:18px;}
	.share {font-size:20px;}
}

@media (min-width: 1350px) { 
	.navbar .container-fluid,footer .container-fluid {padding-right:45px;padding-left:60px;}
}

@media (min-width: 1500px) { 
	.navbar .container-fluid,footer .container-fluid {padding-right:85px;padding-left:100px;}
	.panel1 {padding-top:250px;padding-bottom:150px;}
	.panel2 {padding-top:150px;}
	.panel3 {padding-top:75px;padding-bottom:75px;}
	.panel4 {padding-top:75px;padding-bottom:60px;}
	.panel5 {padding-top:75px;}
	.default-panel.intro {padding-top:250px;}
	.container {max-width:calc(100% - 400px);width:calc(100% - 400px)}
	#quicknav {right:90px;top:200px;}
}

@media (min-width: 1800px) { 
	.container {max-width:calc(100% - 700px);width:calc(100% - 700px)}
	
}