/********************************************
*	Table of Contents
*	1. Reset Browser Styles: Overrides the default browser styles to start with a clean slate
*	2. Grid Styles: 12 column grid system, please make sure selectivizr v1.0.2 is added to the scripts for ie8 compatibility
*	3. Main Styles: Main text and body styles
*	4. Layout Styles: Custom global branding styles for the header, navigation, content and footer
*	5. Form Styles: Styling forms and associated elements
*	6. Page Specific Styles: Styles that are specific to a certain page or group of pages
********************************************/

/******************************************** 
1. Reset Browser 
********************************************/
body {
	-webkit-text-size-adjust: none;
}
.mobile-only, .mobile-landscape-only  {
	display: block !important;
}
.tablet-only, .portrait-only, .tablet-portrait-only, .desktop-tablet-only {
	display: none !important;
}

/******************************************** 
2. Grid Styles
********************************************/
.row::after, .col::after, .clr::after, .group::after {
  display: block;
}
div.col {
	float: none;
	width: auto !important;
	margin-left: 0px !important;
	display: block;
}
#main-content .col {
  margin-bottom: 24px;
}


/******************************************** 
3. Main Styles
********************************************/
.spacer {
  height: 24px;
}
.half-spacer {
  height: 12px;
}

.before::before {
  content: " ";
  display: block;
  height: 100%;
  right: -1000px;
  position: absolute;
  top: 0;
  width: 1000px;
}
.after::before {
  content: " ";
  display: block;
  height: 100%;
  left: -1000px;
  position: absolute;
  top: 0;
  width: 1000px;
}

/******************************************** 
4. Layout Styles
********************************************/
/* 4.1: Containers */
#container {
  width: 100%;
}
.content {
  padding-left: 3%;
  padding-right: 3%;
  width: 94%;
}

/* 4.2: Header */
/*#logo a {
  padding-bottom: 16px;
}*/


/* 4.3: Footer */
#footer div.default {
  width: 24%;
}
#footer .image {
  float: right;
  margin-top: 12px;
}

/* 4.4: Navigation */
/*#container {
  margin-left: 0px;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}
.menu-open #container {
  margin-left: -240px;
}
.menu-toggle {
  background-image: url("../img/menu.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  right: 24px;
  text-indent: -9999em;
  top: 20px;
  width: 40px;
}
#menu-main-menu {
  background-color: rgba(51, 51, 51, 0.95);
  color: #ffffff;
  float: none;
  height: 100%;
  position: fixed;
  right: -240px;
  top: 0;
  width: 240px;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}
.menu-open #menu-main-menu {
  right: 0px;
}
#navigation li {
  display: block;
  float: none;
  margin-left: 12px;
  margin-right: 12px;
}
#menu-main-menu > li::after {
  display: none;
}
#menu-main-menu > li > a {
  border-bottom: 1px dotted #666666;
  color: #ffffff;
  display: block;
  height: auto;
  line-height: normal;
  padding: 10px 0;
}
#navigation .sub-menu {
  background-color: transparent;
  border-bottom: 1px dotted #666666;
  box-shadow: none;
  display: block;
  padding: 0;
  position: static;
  width: auto;
}
#navigation .sub-menu li {
  border-bottom: medium none;
}
#navigation .sub-menu a {
  color: #aaaaaa;
  padding-left: 10px;
  position: relative;
}
#navigation .sub-menu a::before {
  border-left: 5px solid #aaaaaa;
  content: " ";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  top: 11px;
}*/


/* 4.5: Page Content */


/* 4.6: Others */
.column-lines > .col::before {
  display: none;
}

/******************************************** 
5. Form Styles
********************************************/


/******************************************** 
6. Page Specific Styles
********************************************/
.column-lines > .col > .padding-left {
  padding-left: 0;
}
#timeline .carousel-container li {
  width: 216px;
}

@media screen and (max-width: 640px) {
}
@media screen and (max-width: 560px) {
.image.float-left, .image.float-right, img.float-left, img.float-right {
	float: none;
	margin-left: 0px;
	margin-right: 0px;
}
}
@media screen and (max-width: 480px) {
#footer div.default {
  width: 48%;
}

}
@media screen and (max-width: 400px) {
}
@media screen and (max-width: 350px) {

}