/*
Template: 		REEN
Description: 	Multipurpose Flat UI Colors Design Bootstrap Responsive HTML5 Template
Version: 		1.0
Author: 		James D'Angelo via fuviz
Demo URI: 		congressionalresearch.org http://demo.fuviz.com/reen
*/

/*===================================================================================*/
/*	GENERAL
/*===================================================================================*/

/* james added this on August 9, 2016 (AND REMOVED IT ON September 26, 2017) to 'offsetting an html anchor to adjust for fixed header' 
h2{ position:relative; }
h2 span{ position:absolute; top:-92px;}
h3{ position:relative; }
h3 span{position:absolute; top:-92px;}



@media print {a:link:after,a:visited:after {content: " (" attr(href) ") ";font-size: 60%;color:#f5f5f5;}}
*/


@media print {a[href]:after {content: none !important;}} /* this line removes the horrible links when one prints to pdfs and paper. but if you print to pdf with Safari the links will still be embedded in the pdf.  November 11, 2017 */


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
} /* for certain text based buttons this prevents text from being selected October 3, 2017 James */

.bigfirstletter::first-letter {
    font-size: 3.2em;
	font-family: 'Georgia';
	  /* float: left; 
  margin: 12px .1em 0 0; */
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0 !important;
}

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}


iframe.CRIvideo { width: 93%; height: 300px; }

.photobottoms {
	width:88%;
	text-align:center;
	margin-left:2%;
	padding-bottom:18px;
	padding-top:18px;
	background:#eee;
	color:#73879a;
	letter-spacing: 0.0em;
	font-weight: 400;
}


.abstractjames {
	font-family: 'Lato';
	font-size:105%; 
	line-height:145%; 
	color:#ccd5de; 
	margin-top:-8px; 
	margin-bottom:33px;
	margin-top:4%;
	text-shadow: 1px 1px #000;
}

.bylinejames {
	font-family: 'Lato';
	font-size:88%; 
	line-height:285%; 
	color:#FA6C65; 
	margin-top:12px; 
	margin-top:1%;
	text-shadow: 1px 1px #000; 
	text-transform: uppercase;
}

.jimfade {
	background-color:#fff; /* has been #fafafa October 2, 2017 */
	padding:10px; 
	margin-bottom:36px;
}

.jimfade.ng-enter {
  transition: all linear 1.1s ;
  opacity: 0;
}
.jimfade.ng-enter-active {
  opacity: 1;
  margin-left:0;
}
.jimfade.ng-leave{
  opacity: 1;
}

.bigdisplayfade.ng-leave{
  opacity: 0.5;
  transition: all linear 0.3s ;
}

.slide-hide2, .slide-show2 {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
}
.slide-hide, .slide-show {
    -webkit-transition:height 0.4s;
    -moz-transition:height 0.4s;
    -o-transition:height 0.4s;
    transition:height 0.4s;
    transition-timing-function: linear;
}
.slide-hide {
    position: relative;
    top: 0;
}
.slide-hide.slide-hide-active {
    position: absolute;
    top: -100px;
}
.slide-show {
    position: absolute;
    top: 100px;
}
.slide-show.slide-show-active {
    position: absolute;
    top: 0px;
}

.jimfade.ng-leave-active{
  opacity: 0;
}

.slowfade.ng-hide {
  opacity: 0;
}



.slowfade {
	transition: all 0.5s linear;
}

.slowfade.ng-hide-add, .slowfade.ng-hide-remove {
  transition: all 0.5s linear;
}

.slowfade.ng-enter {
  transition: all ease-in 2.1s;
  opacity: 0;
}

.slowfade.ng-enter-stagger {
  /* this will have a 100ms delay between each successive leave animation */
  transition-delay: 1s;
  transition-duration: 0s;
 }

.slowfade.ng-enter-active {
  opacity: 1;
  margin-left:0;
}
.slowfade.ng-leave{
  transition: 0.6s linear all; 
  opacity: 1;
}
.slowfade.ng-leave-active{
  opacity: 0;
}

.menuabsolute {
	position: fixed;
	    left: 22px;
	    bottom: 350px;
}

.aboutus {
	font-size: 16px;
	line-height: 80%;
	margin-top: -10px;
	margin-bottom: 5px;
	    text-align: center;
}

.aboutus a{
	margin-top:-22px !important;
}

a + .aboutus {
	margin-top: -22px;
}

  /* this adjusts all the icons from FONT AWESOME and makes the colors not so dark etc. but each one needs to be specified individually */


.fa {
  padding: 12px;
  background: #eee;
  font-size: 14px;
  width: 39px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  opacity: 1;
  margin-right: 3px
}

.fa:hover {
    opacity: 1;
    color:white;
    width: 42px;
    margin:4px 2px;
    margin-right:1px;
    font-size: 16px;
    text-shadow: 2px 2px #777;
}



.fa:visited{
	color:white;
	background:#eee;
}
.fa-twitter {
  color: white;}
.fa-twitter:hover {
    background:#55ACEE;
}

.fa-facebook {
  color: white;}
.fa-facebook:hover {
    background:#3B5998;
}

.fa-address-card {
  color: white;}
.fa-address-card:hover {
    background:#1e6a90;
}

.fa-google {
  color: white;}
.fa-google:hover {
    background:#dd4b39;
}

.fa-envelope {
  color: white;}
.fa-envelope:hover {
    background:#1ABB9C;
}






figure {
    margin: 0;
    padding: 0;
}
figure img {
    width: 100%;
    height: auto;
}
dfn[title]
{
   border-bottom: 1px dashed #ADADAD;
   cursor: wait;
}
img[src*=".svg"] {
	height: 100%; 
}
img:hover {
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


iframe {
    border: none;
}
* > p:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
::selection {
    background: #AAF2E4; /* Safari */
    color: #506A85;
}
::-moz-selection {
    background: #AAF2E4; /* Firefox */
    color: #506A85;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #283645;
    color: #73879C;
    font-size: 18px;
	line-height: 150%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	/*-moz-osx-font-smoothing: grayscale;*/
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}
.navbar,
main {
	background-color: #FFF;
}
.container {
    padding-right: 0;
    padding-left: 0;
}
p {
	margin-bottom: 20px; 
	font-size: 16px;
	line-height: 160%;
	margin-top: 16px;
}

/* p a {
	border-bottom: 1px solid #73879C;
} James removed this it looked like an enormous underline on links*/

p a:hover {
	border-color: transparent;
	color:#dd6459; /* This is that cool red, slightly orange and rusty. James added this line for the hover color. There was nothing here April 26, 2016 */
}

.jamesbackground div:hover{
	background:#b4c7da; /* old color 73879C */
	color:white;
}

.jamesbackground a {
	margin-left: 8px;
	font-weight: 300;
}

.jamesbackground a:hover {
	color:white;
	background:#b4c7da;
}


a {
    color: inherit;
    font-weight: bold;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
}

a:hover,
a:focus {
    color: #1ABB9C; /* this is that cool green/teal */
    text-decoration: none;
}


h1,
h2,
h3,
h5,
h4 {
    font-family: 'Lato', sans-serif; /* orginal is 'Lato' */
    font-weight: 500;
	letter-spacing: 0.025em;
    margin-top: 0;
	/*word-wrap: break-word; afbdca*/
    color: #506A85;  /* this is the main blue of text throughout the site, its a slightly gray blue. */
}

h1, h2 {font-family: Georgia, Times;}

h5 a:hover {color:#b4c7da;} /* it used to be this green  1abb9c now it is very light blue */
h5 a {color:#FA6C65; text-transform:uppercase;font-weight:bolder; padding-top: 66px} /* For some reason it also included this font-size:111%; I removed it August 7, 2018 */

}
h1 {
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 25px;
}
h2 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 20px;
}
h3 {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 15px;
}
h4 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 15px;
}
a .logo {
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
a:hover .logo {
	opacity: .6;
}
a.green:hover {
    background: #1ABB9C !important; /
}
a.blue:hover {
    background: #3F8DBF !important;
}
a.red:hover {
    background: #FA6C65 !important;
}
a.orange:hover {
    background: #F27A24 !important;
}
a.purple:hover {
    background: #9B59B6 !important;
}
a.pink:hover {
    background: #D487BE !important;
}
a.navy:hover {
    background: #34495E !important;
}
a.gray:hover {
    background: #95A5A6 !important;
}
ul {
    list-style: none;
	padding-left: 20px;
	position: relative;
}
ul.arrowed {
	padding-left: 23px;
}
ul.arrowed li,
ul.circled li {
	margin-bottom: 5px;
}
ul.arrowed li:before {
    /*font-family: 'fontello';*/
    content: '\2192';
    font-weight: normal;
    color: #1ABB9C;
    margin-top: -1px;
	margin-left: -23px;
    vertical-align: top;
	position: absolute;
}
ul.circled li:before {
    font-family: 'fontello-circle';
    content: '\e800';
    font-size: 8px;
    font-weight: normal;
    color: #1ABB9C;
    padding-top: 1px;
	margin-left: -20px;
    vertical-align: top;
	position: absolute;
}
ul.contacts {
	padding-left: 0;
}
ul.contacts li {
	margin-bottom: 5px;
}
footer ul.contacts li {
	margin-bottom: 2px;
}
.social-network {
	position: relative;
	z-index: 0;
	padding-top: 25px;
}
.social-network .social li {
	display: table-cell;
}
.social-network .social li a i {
	width: 55px;
	height: 80px;
	font-size: 20px;
}


header p {
	font-size: 22px;
	line-height: 150%;
}
p + h2,
p + h3 {
	padding-top: 15px;
}
.frog{background-color:; border:0px solid ;} /* this is the class James invented to work on the slides 1/14/15 */
.frog img{ margin-bottom: 0px;
	background-image: url("extrafiles/images/yellowgraphpaper.jpg")}
.frog p{background-color: white;  text-align: left; padding:22px; margin-top: -14px; margin-left: 0%; margin-right: 0%}
.frog img:hover {opacity: 0.9;
 /*  -webkit-filter: drop-shadow(2px 2px 2px #222);
  filter: drop-shadow(2px 2px 2px #222); */
  	background-image: url("extrafiles/images/consequenceshover.jpg");
				transform: scale(1.005);
			}

.text-small {
	font-size: 16px;
	line-height: 160%;
	margin-top: 16px;
}
.text-normal {
	font-size: inherit;
	line-height: inherit;
}
h2 + .text-small {
	margin-top: -5px;
}
header h2 + .text-small {
	margin-top: 0;
}
.post-title {
    margin: 0 0 15px 0;
}
h1.post-title {
    font-size: 22px;
    line-height: 24px;
}
.bordered .post-title {
    margin-bottom: 5px;
}
main header + * {
	margin-top: 35px !important;
}
.inner {
	padding-top: 120px;
	padding-bottom: 120px;
}
.inner-md {
	padding-top: 100px;
	padding-bottom: 100px;
}
.inner-sm {
	padding-top: 80px;
	padding-bottom: 80px;
}
.inner-xs {
	padding-top: 40px;
	padding-bottom: 40px;
}
.inner-top {
	padding-top: 120px;
}
.inner-top-md {
	padding-top: 100px;
}
.inner-top-sm {
	padding-top: 80px;
}
.inner-top-xs {
	padding-top: 40px;
}
.inner-bottom {
	padding-bottom: 120px;
}
.inner-bottom-md {
	padding-bottom: 100px;
}
.inner-bottom-sm {
	padding-bottom: 80px;
}
.inner-bottom-xs {
	padding-bottom: 40px;
}
.inner-left {
	padding-left: 75px;
}
.inner-left-md {
	padding-left: 60px;
}
.inner-left-sm {
	padding-left: 45px;
}
.inner-left-xs {
	padding-left: 30px;
}
.inner-right {
	padding-right: 75px;
}
.inner-right-md {
	padding-right: 60px;
}
.inner-right-sm {
	padding-right: 45px;
}
.inner-right-xs {
	padding-right: 30px;
}
.outer {
	margin-top: 120px;
	margin-bottom: 120px;
}
.outer-md {
	margin-top: 100px;
	margin-bottom: 100px;
}
.outer-sm {
	margin-top: 80px;
	margin-bottom: 80px;
}
.outer-xs {
	margin-top: 40px;
	margin-bottom: 40px;
}
.outer-top {
	margin-top: 120px;
}
.outer-top-md {
	margin-top: 100px;
}
.outer-top-sm {
	margin-top: 80px;
}
.outer-top-xs {
	margin-top: 40px;
}
.outer-bottom {
	margin-bottom: 120px;
}
.outer-bottom-md {
	margin-bottom: 100px;
}
.outer-bottom-sm {
	margin-bottom: 80px;
}
.outer-bottom-xs {
	margin-bottom: 40px;
}
.center-block {
	float: none;
}
.height-xs {
	height: 30vh;
}
.height-sm {
	height: 44vh;
}
.height-md {
	height: 61vh;
}
.height-lg {
	height: 90vh;
}

blockquote {
	font-size:16px;
	background:#f6f6f6;
	border-left:1em solid #eee;
	margin:1.5em 8% 1.5em 8%; 
	margin-top:33px;
	padding:.5em 1em;
	padding-top:17px; 
	padding-bottom:14px; 
	quotes:"\201C""\201D";
	line-height:1.7em;
}
 
/* THIS IS THE original one - the above one is the changed one September 20, 2017 - JAMES -  blockquote{font-size:1em; background:#f6f6f6;border-left:1em solid #eee; margin:1.5em 8% 1em 8%; padding:.5em 1em; padding-bottom:2.3em; quotes:"\201C""\201D"; line-height:1.7em;} */

blockquote:before{color:#73879a;content:open-quote;font-family: 'Times'; font-size:5em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}

blockquote :first-child{display:inline;}

blockquote :last-child{margin-bottom:0;}

blockquote span {color:#73879a;display:block;float:; margin-top:7px; font-size:0.8em;}

hr {
    border: 0;
    border-bottom: 1px solid #CED7E0;
    margin-top: 2em;
    margin-bottom: 4em;
}
.map iframe {
    display: block;
    max-width: 100%;
}
h1 + figure,
p + figure {
	padding-top: 15px;
}
h2 + figure,
h3 + figure,
h2 + .thumbs,
h3 + .thumbs,
h2 + .thumb,
h3 + .thumb {
	padding-top: 10px;
}
h4 + figure {
	padding-top: 5px;
}

figure figcaption {
	font-size: 14px;
	line-height: 150%;
}
figure figcaption h4 {
	margin-bottom: 10px;
}
figure * + figcaption {
	padding-top: 20px;
}
figure + *,
.thumb + figure {
	padding-top: 25px;
}
.classic-blog figure + * {
	padding-top: 35px;
}
figure.post-media + * {
	padding-top: 0;
}
.member .img-circle {
	max-width: 200px;
	max-height: 200px;
}
.member .member-image {
	position: relative;
}
.member figcaption {
	position: relative;
	padding-top: 35px;
	z-index: 0;
}
.member figcaption.bordered {
	padding: 20px 15px 15px;
}
.member figcaption h2 span,
.member figcaption h3 span {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	letter-spacing: 0.015em;
}
.member figcaption h3 {
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 10px;
}
.member figcaption h2 span {
	font-size: 18px;
	line-height: 140%;
	margin-top: 5px;
}
.member figcaption h3 span {
	font-size: 14px;
	line-height: 120%;
	margin-top: 4px;
}
.member figcaption blockquote {
	font-size: 16px;
	font-style: italic;
	line-height: 160%;
	margin-bottom: 20px;
}
.member figcaption blockquote:before {
	display: inline;
	position: relative;
	content: "\201C";
	font-family: inherit;
	font-size: inherit;
	margin-right: 2px;
}
.member figcaption blockquote:after {
	content: "\201D";
	margin-left: 2px;
}
.member .social {
	display: inline-block;
}
.member .social li {
	display: table-cell;
}
.member .social li a i {
	width: 33px;
	height: 45px;
	font-size: 15px;
}
.member .text-overlay .info .social li a i {
	color: #FFF;
}
.member .text-overlay .info .social li a:hover .icon-s-facebook {
    color: #3B5998;
    color: #4668B3;
}
.member .text-overlay .info .social li a:hover .icon-s-youtube {
    color: #DD4B39;
    color: #DE5745;
}
.member .text-overlay .info .social li a:hover .icon-s-twitter {
    color: #00ACED;
    color: #2FBBED;
}
.member .text-overlay .info .social li a i:after {
	background: #FFF;
}
.img-bg,
.img-bg-center {
	background-position: center !important;
	background-size: cover;
}
.img-bg-top {
	background-position: top !important;
	background-size: cover;
}
.img-bg-bottom {
	background-position: bottom !important;
	background-size: cover;
}
.img-bg-soft,
.img-bg-softer {
	background-position: center;
	position: relative;
}
.img-bg-soft:before,
.img-bg-softer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.light-bg.img-bg-soft:before {
	background-color: #F2F5F7;
	opacity: .66;
}
.dark-bg.img-bg-soft:before {
	background-color: #2F4052;
	opacity: .57;
}
.tint-bg.img-bg-soft:before {
	background-color: #1ABB9C;
	opacity: .84;
}
.light-bg.img-bg-softer:before {
	background-color: #F2F5F7;
	opacity: .95;
}
.dark-bg.img-bg-softer:before {
	background-color: #2F4052;
	opacity: .97;
}
.tint-bg.img-bg-softer:before {
	background-color: #1ABB9C;
	opacity: .96;
}
.screen-container {
	position: relative;
	width: 100%;
	height: auto !important;
	background: url("./extrafiles/images/art/screen-container.png") no-repeat top / 100%;
	overflow: hidden;
}
.screen-container:before{
	content: "";
	display: block;
	padding-top: 47%;
}
.screen-container .tab-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 5% 4.5%;
	padding-bottom: 0;
}
.sidelines {
	position: relative;
	line-height: 100%;
	border-bottom: 1px solid #CED7E0;
	margin-top: -.35em;
	margin-bottom: 1.5em;
}
.sidelines span {
	position: relative;
	top: .5em;
	background: #FFF;
	padding: 0 .5em 0 0;
}
.sidelines.text-right span,
.text-right .sidelines span {
	padding: 0 0 0 .5em;
}
.sidelines.text-center span,
.text-center .sidelines span {
	padding: 0 .5em;
}
.team-headline.sidelines {
	margin-top: -20px;
	margin-bottom: 40px;
}
.light-bg .sidelines {
	border-color: #BCC7D1;
}
.light-bg .sidelines span {
	background: #F2F5F7;
}
.dark-bg .sidelines {
	border-color: #73879C;
}
.dark-bg .sidelines span {
	background: #2F4052;
}
videojames {
  width: 20%    !important;
  height: auto   !important;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe + iframe {
    margin-top: 10px;
}
.light-bg {
    background-color: #F2F5F7;
}
.dark-bg {
    background-color: #2F4052;
}
.dark-bg,
.dark-bg p,
.dark-bg .item-details li:before {
    color: #A3B1BF;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4 {
    color: #FFF;
}
.dark-bg .widget h1,
.dark-bg .widget h2,
.dark-bg .widget h3,
.dark-bg .widget h4 {
    color: #FFF;
}
.tint-bg {
    background-color: #1ABB9C;
}
.tint-bg,
.tint-bg h1,
.tint-bg h2,
.tint-bg h3,
.tint-bg h4,
.tint-bg p,
.tint-bg .item-details li:before,
.tint-bg .icon i.icn {
    color: #FFF;
}
.tint-bg a:hover {
    color: #506A85;
}
.light-color,
.light-color .dark-bg {
	color: #fff !important; /*james is messing with this September 20, 2017 it used to be #fff */
}
.medium-color {
	color: #A3B1BF !important;
}
.dark-color {
	color: #506A85 !important;
}
.tint-color {
	color: #1ABB9C !important;
}
.green {
    color: #1ABB9C !important;
}
.blue {
    color: #3F8DBF !important;
}
.red {
    color: #FA6C65 !important;
}
.pink {
    color: #D487BE !important;
}
.purple {
    color: #9B59B6 !important;
}
.orange {
    color: #F27A24 !important;
}
.navy {
    color: #34495E !important;
}
.gray {
    color: #95A5A6 !important;
}
.icon {
    display: inline-block;
	margin-bottom: 20px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.icon.circle {
	padding: 30px;
	border: 1px solid #1ABB9C;
	border-radius: 50%;
}
.icon.circle.xs {
	padding: 15px;
}
.icon.circle.sm {
	padding: 20px;
}
.icon.circle.lg {
	padding: 35px;
}
.icon i.icn {
    display: block;
    color: #1ABB9C;
    font-size: 28px;
    line-height: 100%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.icon i.icn.xs {
	font-size: 20px;
}
.icon i.icn.sm {
	font-size: 2px;
}
.icon i.icn.lg {
	font-size: 35px;
}
i.contact {
    margin-right: 5px;
    width: auto;
    height: auto;
    line-height: 18px;
}
.tagcloud {
    line-height: 25px;
}
footer {
	font-size: 14px;
	line-height: 22px;
}
footer.dark-bg {
    color: #A3B1BF;
}
footer .inner {
	padding-top: 45px;
	padding-bottom: 35px;
}
footer .container > .row {
	margin-left: -25px;
	margin-right: -25px;
}
footer .row .inner {
	padding: 25px;
}
footer .logo {
	height: auto;
	max-height: 100%;
}
footer h4 {
	text-transform: uppercase;
	margin-bottom: 20px;
}
footer p {
	margin-bottom: 15px;
}
.footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-menu li {
    display: inline;
    padding-left: 10px;
}
.footer-menu li:before {
    display: inline-block;
    content: "·";
    padding-right: 12px;
}
.footer-menu li:first-child:before {
    display: none;
}
.footer-bottom {
    background: #283645;
	color: #707E8C;
}
.footer-bottom .container.inner {
    padding-top: 30px;
	padding-bottom: 30px;
}
.footer-bottom p,
.footer-bottom a {
	color: #707E8C;
}
.footer-bottom p {
    padding: 0;
    margin: 0;
}
.meta,
.more {
    font-size: 14px;
    font-weight: 400;
	line-height: 160%;
	cursor: default;
}
.meta span:before {
    display: inline-block;
    content: "|";
    padding: 0 10px 0 7px;
}
.meta span:first-child:before {
    display: none;
    padding: 0;
}
.meta a {
    display: inline !important;
}
.meta a:hover,
.more:hover {
    color: #1ABB9C;
}
.meta.tags a:before {
    content: "#";
    display: inline-block;
}
.bordered .info {
    text-align: center;
}
.bordered .info h3,
.bordered .info h4 {
	margin-bottom: 5px;
}
.bordered .info h3 a,
.bordered .info h4 a {
	color: inherit;
}
.bordered .info h3 a:hover,
.bordered .info h4 a:hover {
	color: #1ABB9C;
}
.bordered .info p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 0;
}
.bordered {
    border: 1px solid #E6E9ED;
	border-bottom-width: 2px;
	border-radius: 3px;
    padding: 25px;
    background: #F5F7FA;
}
.light-bg .bordered {
	background: #FFF;
}
.dark-bg .bordered .info h3,
.dark-bg .bordered .info h4,
.tint-bg .bordered .info h3,
.tint-bg .bordered .info h4 {
	color: #506A85;
}
.dark-bg .bordered .info p,
.tint-bg .bordered .info p {
	color: #73879C;
}
.no-top-border {
    border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.border {
	border: 1px solid #CED7E0;
}
.border-top-lg,
.border-top-md,
.border-top-sm,
.border-top-xs,
.border-top {
	border-top: 1px solid #CED7E0;
}
.border-right-lg,
.border-right-md,
.border-right-sm,
.border-right-xs,
.border-right {
	border-right: 1px solid #CED7E0;
}
.border-bottom-lg,
.border-bottom-md,
.border-bottom-sm,
.border-bottom-xs,
.border-bottom {
	border-bottom: 1px solid #CED7E0;
}
.border-left-lg,
.border-left-md,
.border-left-sm,
.border-left-xs,
.border-left {
	border-left: 1px solid #CED7E0;
}
.border-lg,
.border-top-lg,
.border-right-lg,
.border-bottom-lg,
.border-left-lg {
	border-width: 20px;
}
.border-md,
.border-top-md,
.border-right-md,
.border-bottom-md,
.border-left-md {
	border-width: 10px;
}
.border-sm,
.border-top-sm,
.border-right-sm,
.border-bottom-sm,
.border-left-sm {
	border-width: 5px;
}
.border-xs,
.border-top-xs,
.border-right-xs,
.border-bottom-xs,
.border-left-xs {
	border-width: 3px;
}
.light-bg .border,
.light-bg .border-lg,
.light-bg .border-md,
.light-bg .border-sm,
.light-bg .border-xs,
.light-bg .border-top-lg,
.light-bg .border-top-md,
.light-bg .border-top-sm,
.light-bg .border-top-xs,
.light-bg .border-top,
.light-bg .border-right-lg,
.light-bg .border-right-md,
.light-bg .border-right-sm,
.light-bg .border-right-xs,
.light-bg .border-right,
.light-bg .border-bottom-lg,
.light-bg .border-bottom-md,
.light-bg .border-bottom-sm,
.light-bg .border-bottom-xs,
.light-bg .border-bottom,
.light-bg .border-left-lg,
.light-bg .border-left-md,
.light-bg .border-left-sm,
.light-bg .border-left-xs,
.light-bg .border-left {
	border-color: #BCC7D1;
}
.dark-bg .border,
.dark-bg .border-lg,
.dark-bg .border-md,
.dark-bg .border-sm,
.dark-bg .border-xs,
.dark-bg .border-top-lg,
.dark-bg .border-top-md,
.dark-bg .border-top-sm,
.dark-bg .border-top-xs,
.dark-bg .border-top,
.dark-bg .border-right-lg,
.dark-bg .border-right-md,
.dark-bg .border-right-sm,
.dark-bg .border-right-xs,
.dark-bg .border-right,
.dark-bg .border-bottom-lg,
.dark-bg .border-bottom-md,
.dark-bg .border-bottom-sm,
.dark-bg .border-bottom-xs,
.dark-bg .border-bottom,
.dark-bg .border-left-lg,
.dark-bg .border-left-md,
.dark-bg .border-left-sm,
.dark-bg .border-left-xs,
.dark-bg .border-left {
	border-color: #73879C;
}
.tint-bg .border,
.tint-bg .border-lg,
.tint-bg .border-md,
.tint-bg .border-sm,
.tint-bg .border-xs,
.tint-bg .border-top-lg,
.tint-bg .border-top-md,
.tint-bg .border-top-sm,
.tint-bg .border-top-xs,
.tint-bg .border-top,
.tint-bg .border-right-lg,
.tint-bg .border-right-md,
.tint-bg .border-right-sm,
.tint-bg .border-right-xs,
.tint-bg .border-right,
.tint-bg .border-bottom-lg,
.tint-bg .border-bottom-md,
.tint-bg .border-bottom-sm,
.tint-bg .border-bottom-xs,
.tint-bg .border-bottom,
.tint-bg .border-left-lg,
.tint-bg .border-left-md,
.tint-bg .border-left-sm,
.tint-bg .border-left-xs,
.tint-bg .border-left {
	border-color: #FFF;
}
.last-bottom {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.last-right {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.reset-margin {
	margin: 0;
}
.reset-margin-left {
	margin-left: 0;
}
.reset-margin-right {
	margin-right: 0;
}
.reset-padding {
	padding: 0;
}
.reset-padding-left {
	padding-left: 0;
}
.reset-padding-right {
	padding-right: 0;
}
.single-block {
	padding: 0;
	border: 0;
	margin: 0;
}
h1 + .single-line,
h2 + .single-line,
h3 + .single-line,
h4 + .single-line {
	margin-top: -.5em;
}
.img-intext {
    margin-bottom: 20px;
}
aside {
	font-size: 16px;
	line-height: 160%;
}
aside p {
	margin-bottom: 15px;
}
aside .txt-btn {
	font-size: 100%;
}
aside .thumb figure {
	margin: 0;
}
.thumbs.no-gap {
	margin-left: 0;
	margin-right: 0;
}
.thumbs.no-gap .thumb {
	padding: 0;
}
.thumbs.gap-xs {
	margin-left: -5px;
	margin-right: 0;
}
.thumbs.gap-xs .thumb {
	padding: 0 0 5px 5px;
}
.thumbs.gap-sm {
	margin-left: -10px;
	margin-right: 0;
}
.thumbs.gap-sm .thumb {
	padding: 0 0 10px 10px;
}
.thumbs.gap-md {
	margin-left: -20px;
	margin-right: 0;
}
.thumbs.gap-md .thumb {
	padding: 0 0 20px 20px;
}
.thumbs.gap-lg {
	margin-left: -30px;
	margin-right: 0;
}
.thumbs.gap-lg .thumb {
	padding: 0 0 30px 30px;
}












/*===================================================================================*/
/*	HEADER
/*===================================================================================*/

.navbar .container {
	display: table;
    padding: 0;
}
.navbar {
    margin: 0;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 8000;
    min-height: inherit;
}
.navbar ul {
	list-style: none;
}
.navbar-brand {
	float: none;
	display: table-cell;
	vertical-align: middle;
    padding: 0;
	max-width: 500px;
}
.navbar-header .navbar-brand {
	display: none;
}
.navbar-header {
    float: none !important;
	position: relative;
	background: #f0f3f3; /* Color of background of navbar*/
	border-bottom: 1px solid #E6E9ED;
	z-index: 0;
}
.navbar-header li,
.navbar-header a {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
.navbar-collapse {
    position: relative;
    background-color: #FFF;
	width: 100%;
	border-bottom: 1px solid #E6E9ED;
}
.stuck {
	position: fixed !important;
	top: 0;
}












.navbar-nav {
	float: none;
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
    margin: 0;
}
.navbar-nav > li > a {
    font-size: 16px; /* This is the font size of the main navbar but not the menu contents */
	line-height: 20px;
    font-weight: 700;
    text-transform: normal;
    color: #506A85; /* color of the main text at the top of web page - it was 506A85 James which is the main blue of the site */
    padding: 15px 20px;
	border: 1px solid rgba(255,255,255,0);
	border-bottom: none;
	-webkit-border-top-right-radius: 3px;
	 -webkit-border-top-left-radius: 3px;
	    -moz-border-radius-topright: 3px;
	     -moz-border-radius-topleft: 3px;
	        border-top-right-radius: 3px;
	         border-top-left-radius: 3px;
	bottom: -1px;
	z-index: 1;
}
.navbar-nav > li.singleton > a {
    border: 1px solid rgba(255,255,255,0);
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	        border-radius: 3px;
}
.skrollable-after .navbar-nav > li > a {
	margin-top: -1px;
	-webkit-border-top-right-radius: 0;
	 -webkit-border-top-left-radius: 0;
	    -moz-border-radius-topright: 0;
	     -moz-border-radius-topleft: 0;
	        border-top-right-radius: 0;
	         border-top-left-radius: 0;
}


.nav > li > a:hover {
    background-color: #F5F7FA;
    border-color: #E6E9ED;
        /* color: #1ABB9C  this is a green below is a red YES THIS IS THE RED FA6C65 WHICH IS THE hover font OF THE MENU SELECTION August 9, 2016*/
    color: #FA6C65;
}

.nav > li > a:focus {
    background-color: #FFF;
    border-color: #FFF;
}
.navbar .dropdown-menu {
    padding: 0;
    margin: 0; /* changing this margin will shift the menu right or left, I actully do this in the menu commands on the individual pages to shift the last menu to the left */
    width: 360px; /* this is the width of the dropdown menus James April 30, 2016 */
    background: #fff; /* this was originally  background: #F5F7FA (which is a very white blue); */
	border: none;
	border: 1px solid #E6E9ED;
	border-bottom-width: 2px;
	border-bottom-color: #CED2D6;
    -webkit-border-radius: 3px !important;
       -moz-border-radius: 3px !important;
            border-radius: 3px !important;
	-webkit-border-top-left-radius: 0 !important;
	    -moz-border-radius-topleft: 0 !important;
		    border-top-left-radius: 0 !important;
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15);
	   -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.15);
	        box-shadow: 0 10px 10px rgba(0,0,0,0.15);
	z-index: 0;
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
    background: transparent;
    border: none;
    border-top: 1px solid #E6E9ED;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {
    border: none;
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
	line-height: 18px;
    padding: 13px 20px;
    color: #73879C;
    font-size: 15px;
    text-transform: normal; /* This actually switches the text of the menus, but not the nav bar October 29, 2017 */
    font-weight: 400;
	white-space: normal;
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
    filter: none;
    background-color: #F5F7FA; /* F5F7FA is a very white blue */
    color: #1ABB9C; /* This is not the color for the menus */
}

/* .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 } /* James added this dropdown hover crap but it is nowhere near as nice as the original
*/

.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    background-color: white; /* This is the color of the top of the dropdown menus after they have been selected. It is normally white November 19, 2017 */
    border-color: #E6E9ED;
}

.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {
    display: none;
}
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {
    display: none;
}
.navbar .dropdown-submenu .dropdown-menu {
	top: -1px !important;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    /* background: #1ABB9C; this is a green below is a red YES THIS IS THE RED FA6C65 WHICH IS THE BACKGROUND OF THE MENU SELECTION August 9, 2016*/
    background: #FA6C65;
    color: #FFF !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navbar-header .info {
	padding-left: 0;
    margin: 0;
}
.navbar-header .info li {
    font-size: 12px;
    padding-right: 25px;
}
.navbar-header .info li a {
    font-size: 12px;
    color: #73879C;
}
.navbar-header .info a:hover {
    color: #1ABB9C;
}
.navbar-form {
    padding: 0;
    margin: 0;
}
.btn.responsive-menu {
    display: none;
	width: 40px;
	height: 40px;
    font-size: 15px;
    padding: 0;
    margin: 0;
}


/*===================================================================================*/
/*	MEGA MENU
/*===================================================================================*/

.yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
    position: static;
}
.yamm .navbar-inner,
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
	top: auto;
    left: auto;
	-webkit-border-top-left-radius: 3px !important;
	    -moz-border-radius-topleft: 3px !important;
		    border-top-left-radius: 3px !important;
}
.yamm .dropdown-menu > li {
    display: block;
}
.yamm .nav.pull-right .dropdown-menu {
    right: 0;
}
.yamm .yamm-content {
	font-size: 14px;
	line-height: 22px;
    padding: 30px 40px;
	margin-left: -20px;
	margin-right: -20px;
}
.yamm .yamm-content .inner {
	padding: 0 20px;
}
.yamm .yamm-content li {
	line-height: inherit;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
    display: table;
    content: "";
    line-height: 0;
}
.yamm .yamm-content:after {
    clear: both;
}
.yamm .nav > li > .dropdown-menu:after,
.yamm .nav > li > .dropdown-menu:before {
    display: none;
}
.yamm .yamm-content img {
    width: 100%;
}
.yamm .yamm-content a {
    color: inherit;
}
.yamm .yamm-content h4 {
	text-transform: uppercase;
	margin-bottom: 20px;
}
.yamm .yamm-content p {
	font-size: inherit;
	line-height: inherit;
    margin-bottom: 15px;
}
.yamm .yamm-content .btn {
	margin: 10px 0;
}
.yamm .yamm-content a:hover {
    color: #1ABB9C;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}


/*===================================================================================*/
/*	BUTTONS
/*===================================================================================*/

#buttons .btn {
	margin: 5px 3px;
}
#buttons .btn-wrapper {
	margin: 30px 0;
}
.btn {
    color: #FFF !important;
    background: #1ABB9C;
    padding: 11px 20px 13px;
	margin: 15px 0;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 14px;
	letter-spacing: 0.02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    border: none;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
}
.btn-small {
    padding: 5px 13px 6px;
	font-size: 13px;
}
.btn-large {
    padding: 14px 26px 16px;
	font-size: 15px;
}
.btn.btn-green {
    background: #1ABB9C;
}
.btn.btn-blue {
    background: #3F8DBF;
}
.btn.btn-red {
    background: #FA6C65;
}
.btn.btn-pink {
    background: #D487BE;
}
.btn.btn-purple {
    background: #9B59B6;
}
.btn.btn-orange {
    background: #F27A24;
}
.btn.btn-navy {
    background: #34495E;
}
.btn.btn-gray {
    background: #95A5A6;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #17A78B;
    color: #FFF !important;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    background: #17A78B !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    background: #387EAA !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
    background: #CF4C45 !important;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
    background: #BD78A9 !important;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
    background: #8A4FA2 !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    background: #D96716 !important;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy.active {
    background: #2C3E50 !important;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
    background: #859394 !important;
}
.tint-bg .btn {
    background: #FFF !important;
	color: #1ABB9C !important;
}
.tint-bg .btn:hover {
    background: #E9E9E9 !important;
    color: #506A85 !important;
}
.btn.share-facebook {
    background: #3d5b9b !important
}
.btn.share-facebook:hover {
    background: #334c8e !important
}
.btn.share-twitter {
    background: #5aa8cd !important
}
.btn.share-twitter:hover {
    background: #499ac8 !important
}
.btn.share-googleplus {
    background: #3b3b3b !important
}
.btn.share-googleplus:hover {
    background: #2e2e2e !important
}
.btn.share-pinterest {
    background: #c53942 !important
}
.btn.share-pinterest:hover {
    background: #bc2d32 !important
}
.btn-share-lg,
.btn-share-md,
.btn-share-sm,
.btn-share-xs {
	display: table;
	position: relative;
	z-index: 0;
	width: 100%;
	text-align: center;
}
.btn-share-lg i,
.btn-share-md i,
.btn-share-sm i,
.btn-share-xs i {
	display: table-cell;
	vertical-align: middle;
}
.btn-share-lg {
	height: 250px;
}
.btn-share-lg i {
	font-size: 80px;
}
.btn-share-md {
	height: 180px;
}
.btn-share-md i {
	font-size: 60px;
}
.btn-share-sm {
	height: 120px;
}
.btn-share-sm i {
	font-size: 40px;
}
.btn-share-xs {
	height: 80px;
}
.btn-share-xs i {
	font-size: 28px;
}
.btn-share-lg i:after,
.btn-share-md i:after,
.btn-share-sm i:after,
.btn-share-xs i:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
/*.btn-share-lg:hover i:after,
.btn-share-md:hover i:after,
.btn-share-sm:hover i:after,
.btn-share-xs:hover i:after {
	height: 100%;
}*/
.btn-share-lg:hover .icon-s-facebook:after,
.btn-share-md:hover .icon-s-facebook:after,
.btn-share-sm:hover .icon-s-facebook:after,
.btn-share-xs:hover .icon-s-facebook:after {
    background: #3B5998;
    background: #4668B3;
}
.btn-share-lg:hover .icon-s-youtube:after,
.btn-share-md:hover .icon-s-youtube:after,
.btn-share-sm:hover .icon-s-youtube:after,
.btn-share-xs:hover .icon-s-youtube:after {
    background: #DD4B39;
    background: #DE5745;
}
.btn-share-lg:hover .icon-s-twitter:after,
.btn-share-md:hover .icon-s-twitter:after,
.btn-share-sm:hover .icon-s-twitter:after,
.btn-share-xs:hover .icon-s-twitter:after {
    background: #00ACED;
    background: #2FBBED;
}
.btn-share-lg p,
.btn-share-md p,
.btn-share-sm p,
.btn-share-xs p {
	position: absolute;
	height: 1.1em;
	font-family: 'Lato', sans-serif;
	line-height: 100%;
	color: #FFF;
	margin: auto;
	opacity: 0;
}
.btn-share-lg p,
.btn-share-md p {
	top: 20px;
}
.btn-share-sm p,
.btn-share-xs p {
	top: 0;
	bottom: 0;
}
.btn-share-sm p {
	font-size: 16px;
}
.btn-share-xs p {
	font-size: 15px;
}
.btn-share-lg:hover p,
.btn-share-md:hover p,
.btn-share-sm:hover p,
.btn-share-xs:hover p {
	opacity: 1;
}
.btn-share-lg .name,
.btn-share-md .name,
.btn-share-sm .name,
.btn-share-xs .name {
	left: 25px;
}
.btn-share-lg .counter,
.btn-share-md .counter,
.btn-share-sm .counter,
.btn-share-xs .counter {
	right: 25px;
}
.btn-share-lg:hover,
.btn-share-md:hover,
.btn-share-sm:hover,
.btn-share-xs:hover {
	color: #FFF;
}
h1 .btn,
h2 .btn,
h3 .btn,
h4 .btn,
p .btn {
	margin-left: 15px;
}
.txt-btn {
	font-size: 105%;
	font-weight: 700;
}
.txt-btn:after {
	/*font-family: 'fontello';*/
	content: '\2192';
	margin-left: 7px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.txt-btn:hover:after {
	margin-left: 12px;
}


/*===================================================================================*/
/*	SOCIAL ICONS
/*===================================================================================*/

.social {
    padding: 0;
    margin: 0;
}
.social li {
    font-family: 'fontello-social';
    margin-right: 4px;
}
.social li {
    position: relative;
}
.text-center .social li {
    margin: 0 2px;
}
.social li a {
    display: table;
	position: relative;
}
.social li a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #73879C;
    width: 30px;
    height: 30px;
    font-size: 12px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.social li a i:after {
	content: '';
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.social li a:hover i {
	color: #FFF;
}
.social li a:hover i:after {
	height: 100%;
}
.social a .icon-s-facebook:after {
    background: #3B5998;
    background: #4668B3;
}
.social a .icon-s-youtube:after {
    background: #DD4B39;
    background: #DE5745;
}
.social a .icon-s-twitter:after {
    background: #00ACED;
    background: #2FBBED;
}
.social a .icon-github:after {
    background: #9d20cb;
    background: #ad43d9;
} /* James changed gitub to purple. it used to be pinterest */

.social a .icon-s-behance:after {
    background: #1769FF;
    background: #3079FF;
}
.social a .icon-s-dribbble:after {
    background: #EA4C89;
    background: #EB6397;
}


/*===================================================================================*/
/*	TABS ON SIDE
/*===================================================================================*/

.tabs-side .etabs {
	float: left;
	width: 20%;
    padding: 0;
	margin: 0 -1px 0 0;
}
.tabs-side .tab {
	display: block;
	position: relative;
	z-index: 0;
}
.tabs-side .tab a {
    display: block;
	background: #F5F7FA;
    color: #506A85;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
    text-transform: uppercase;
	padding: 15px;
    border: 1px solid #E6E9ED;
	border-right-color: #CED7E0;
    border-bottom: none;
	overflow: hidden;
}
.tabs-side .tab:first-child a {
	border-top-left-radius: 3px;
}
.tabs-side .tab:last-child a {
    border-bottom: 1px solid #E6E9ED;
	border-bottom-left-radius: 3px;
}
.tabs-side .tab a:hover {
	background: #1ABB9C;
	color: #FFF;
	border-color: #1ABB9C;
}
.tabs-side .tab:hover,
.tabs-side .tab.active {
	z-index: 2;
}
.tabs-side .tab.active a {
    background: #FFF !important;
	color: #1ABB9C;
    border-color: #CED7E0 !important;
    border-right-color: #FFF !important;
}
.tabs-side .tab.active + .tab a {
	border-top-color: #CED7E0;
}
.tabs-side .tab.active + .tab a:hover {
	border-top-color: #1ABB9C;
}
.tabs-side .tab a div {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-side.tab-container .panel-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-left: 70px;
    border-left: 1px solid #CED7E0;
}
.tabs-side.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*===================================================================================*/
/*	TABS ON TOP
/*===================================================================================*/

.tabs-top .etabs {
    padding: 0;
    margin: 0;
}
.tabs-top .etabs:after {
	content: '';
	display: block;
	position: relative;
	z-index: 1;
    border-top: 1px solid #CED7E0;
	margin-top: -1px;
}
.tabs-top .tab {
    display: inline-block;
	position: relative;
	z-index: 0;
	max-width: 40%;
	margin: 0 3px;
}
.tabs-top .tab a {
    display: inline-block;
	vertical-align: bottom;
	background: #F5F7FA;
    color: #506A85;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
    text-transform: uppercase;
	padding: 15px;
    border: 1px solid #E6E9ED;
    border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}
.tabs-top .tab a div {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-top .tab a:hover {
	background: #1ABB9C;
	color: #FFF;
	border-color: #1ABB9C;
}
.tabs-top .tab.active {
	z-index: 2;
}
.tabs-top .tab.active a {
    background: #FFF !important;
	color: #1ABB9C;
	border-color: #CED7E0 !important;
}
.tabs-top.tab-container .panel-container {
	margin-top: 70px;
}
.tabs-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*===================================================================================*/
/*	TABS CIRCLED ON TOP
/*===================================================================================*/

.tabs-circle-top .etabs {
	position: relative;
    padding: 0;
    margin: 0;
	z-index: 2;
}
.tabs-circle-top .etabs:before {
	content: '';
	display: block;
    border-bottom: 1px solid #CED7E0;
	margin: 65px 0 -65px;
}
.tabs-circle-top .tab {
    display: inline-block;
	height: 160px;
	position: relative;
	top: 0;
	margin: 0 15px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.tabs-circle-top .tab a {
    display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 130px;
	max-width: 130px;
	background: #FFF;
    color: #506A85;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
    text-transform: uppercase;
	padding: 13px;
    border: 1px solid #CED7E0;
	border-radius: 50%;
	overflow: hidden;
}
.tabs-circle-top .tab a div {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-circle-top .tab a:hover {
	border: 4px solid #1ABB9C;
}
.tabs-circle-top .tab.active {
	top: -15px;
}
.tabs-circle-top .tab.active a {
	height: 160px;
	width: 160px;
	max-width: 160px;
    background: #1ABB9C;
	font-size: 15px;
	line-height: 140%;
	color: #FFF;
	border: 1px solid #1ABB9C;
}
.tabs-circle-top .tab.active a div {
	font-size: 50px;
	margin: -13px 0 8px;
}
.tabs-circle-top.tab-container .panel-container {
	position: relative;
	margin-top: 30px;
	z-index: 1;
}
.tabs-circle-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*===================================================================================*/
/*	TABS 2-BIG ON TOP
/*===================================================================================*/

.tabs-2-big-top .etabs {
	position: relative;
    padding: 0;
    margin: 0;
	z-index: 2;
}
.tabs-2-big-top .tab {
	position: relative;
    display: inline-block;
	width: 40%;
    border-bottom: 2px solid transparent;
	border-radius: 3px;
	margin: 0 15px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	border: solid transparent;
	pointer-events: none;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.tabs-2-big-top .tab:before {
	border-width: 23px;
	margin-left: -23px;
}
.tabs-2-big-top .tab:after {
	border-width: 20px;
	margin-left: -20px;
}
.tabs-2-big-top .tab a {
    display: block;
	padding: 35px;
    color: #506A85;
	opacity: .5;
}
.tabs-2-big-top .tab:hover {
	background: #F7F9FA;
	border-color: #E6EBF0;
}
.tabs-2-big-top .tab:hover:before {
	border-top-color: #E6EBF0;
}
.tabs-2-big-top .tab:hover:after {
	border-top-color: #F7F9FA;
}
.tabs-2-big-top .tab.active {
    background: #FFF;
	border-color: #E1E7ED;
}
.tabs-2-big-top .tab.active:before {
	border-top-color: #E1E7ED;
}
.tabs-2-big-top .tab.active:after {
	border-top-color: #FFF;
}
.tabs-2-big-top .tab:hover a,
.tabs-2-big-top .tab.active a {
	opacity: 1;
}
.tabs-2-big-top .tab a p {
	margin-bottom: 0;
}
.tabs-2-big-top.tab-container .panel-container {
	position: relative;
	margin-top: 80px;
	z-index: 1;
}
.tabs-2-big-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}



/*===================================================================================*/
/*	GO TO TOP / SCROLL UP
/*===================================================================================*/

#scrollUp {
	bottom: 20px;
	right: 20px;
	font-size: 36px;
	line-height: 100%;
	color: #FFF;
	background-color: #506A85;
	padding: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	opacity: .5;
}
#scrollUp:hover {
	color: #1ABB9C;
	opacity: 1;
}


/*===================================================================================*/
/*	FEATURES / STYLES
/*===================================================================================*/

.font-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}
.font-icons li {
    display: inline-block;
    font-size: 25px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.alert .close {
    line-height: 28px;
}
.retina-icons-code i {
    font-size: 18px;
}
.retina-icons-code tr td:first-child,
.retina-icons-code tr th:first-child {
    text-align: center;
}
.retina-icons-code code {
    color: #73879C;
    background: none;
}
.table-bordered {
    border: 1px solid #E6E9ED;
    border-left: none;
    background: #FFF;
}
.table-bordered th,
.table-bordered td {
    border-left: 1px solid #E6E9ED;
}
.table th,
.table td {
    border-top: 1px solid #E6E9ED;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #F5F7FA;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border-color: #E6E9ED;
}


/*===================================================================================*/
/*	RESPONSIVE
/*===================================================================================*/

@media (min-width: 1200px) { 
	.container {
	    padding-right: 0;
	    padding-left: 0;
	}

	.items.col-4 {
	    margin-left: -10px;
	    margin-bottom: -10px;
	}
	.items.col-4 li {
	    width: 285px;
	    margin-left: 10px;
	    margin-bottom: 10px;
	}
	.items.col-3 {
	    margin-left: -9px;
	    margin-bottom: -9px;
	}
	.items.col-3 li {
	    width: 384px;
	    margin-left: 9px;
	    margin-bottom: 9px;
	}
	.items.col-3.gap {
	    margin-left: -21px;
	    margin-bottom: -21px;
	}
	.items.col-3.gap li {
	    width: 376px;
	    margin-left: 21px;
	    margin-bottom: 21px;
	}
	.items.col-4.gap {
	    margin-left: -18px;
	    margin-bottom: -18px;
	}
	.items.col-4.gap li {
	    width: 279px;
	    margin-left: 18px;
	    margin-bottom: 18px;
	}
	.grid-blog.col-2 {
	    margin-left: -40px;
	}
	.sidebar-left .grid-blog.col-2 {
		margin-left: -20px;
	}
	.sidebar-left .pagination {
		margin-left: 20px;
	}
	.grid-blog.col-2 .post {
	    width: 390px;
	    margin-left: 40px;
	    margin-bottom: 40px;
	}
	.grid-blog.col-2.no-sidebar .post {
	    width: 565px;
	}
	.grid-blog.col-3 {
	    margin-left: -30px;
	}
	.grid-blog.col-3 .post {
	    margin-left: 30px;
	    margin-bottom: 30px;
	}
	.grid-blog.col-3.no-sidebar .post {
		width: 370px;
	}
	.sidebar {
	    padding-left: 35px !important;
	}
	.navbar .dropdown-submenu > a:after {
	    display: none;
	}
	.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
	    margin-top: 0;
	}
	.dropdown-submenu {
	    position: relative;
	}
	.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
	    top: 0;
	    left: 100%;
	    margin-top: -6px;
	}
	.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
	    display: block;
	}
	.dropdown-submenu>a:after {
	    display: block;
	    content: " ";
	    float: right;
	    width: 0;
	    height: 0;
	    margin-top: 5px;
	    margin-right: -10px;
	}
	.dropdown-submenu.pull-left {
	    float: none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
	    left: -100%;
	    margin-left: 10px;
	}
	.open > .dropdown-menu,
	.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
	    animation-name: slidenavAnimation;
	    animation-duration: 200ms;
	    animation-iteration-count: 1;
	    animation-timing-function: ease-out;
	    animation-fill-mode: forwards;
	    -webkit-animation-name: slidenavAnimation;
	    -webkit-animation-duration: 200ms;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease-out;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation-name: slidenavAnimation;
	    -moz-animation-duration: 200ms;
	    -moz-animation-iteration-count: 1;
	    -moz-animation-timing-function: ease-out;
	    -moz-animation-fill-mode: forwards;
	}
	@keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
	@-webkit-keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
/*	br {
		display: none;
	}*/
	
	#team .inner-left {
		padding-left: 40px;
	}
	
	#team .inner-right {
		padding-right: 40px;
	}
		

	.tabs-circle-top .etabs:before {
		margin: 55px 0 -55px;
	}
	.tabs-circle-top .tab {
		height: 140px;
		margin: 0 10px;
	}
	.tabs-circle-top .tab a {
		width: 110px;
		height: 110px;
		max-width: 110px;
		font-size: 12px;
	}
	.tabs-circle-top .tab a div {
		font-size: 36px;
	}
	.tabs-circle-top .tab.active a {
		height: 140px;
		width: 140px;
		max-width: 140px;
		font-size: 14px;
	}
	.tabs-circle-top .tab.active a div {
		font-size: 46px;
	}
	.navbar .dropdown-submenu > a:after {
	    display: none;
	}
	.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
	    margin-top: 0;
	}
	.dropdown-submenu {
	    position: relative;
	}
	.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
	    top: 0;
	    left: 100%;
	    margin-top: -6px;
	}
	.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
	    display: block;
	}
	.dropdown-submenu>a:after {
	    display: block;
	    content: " ";
	    float: right;
	    width: 0;
	    height: 0;
	    margin-top: 5px;
	    margin-right: -10px;
	}
	.dropdown-submenu.pull-left {
	    float: none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
	    left: -100%;
	    margin-left: 10px;
	}
	.open > .dropdown-menu,
	.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
	    animation-name: slidenavAnimation;
	    animation-duration: 200ms;
	    animation-iteration-count: 1;
	    animation-timing-function: ease-out;
	    animation-fill-mode: forwards;
	    -webkit-animation-name: slidenavAnimation;
	    -webkit-animation-duration: 200ms;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease-out;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation-name: slidenavAnimation;
	    -moz-animation-duration: 200ms;
	    -moz-animation-iteration-count: 1;
	    -moz-animation-timing-function: ease-out;
	    -moz-animation-fill-mode: forwards;
	}
	@keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
	@-webkit-keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
}














@media (max-width: 991px) {
	
	html {
		overflow-x: hidden;
	}
	
	#hero .info,
	#hero .info,
	#hero .info,
	.items li .text-overlay .info.big,
	.thumbs .thumb .text-overlay .info.big,
	
	
	[class*="col-md"][class*="inner-left"],
	[class*="col-md"][class*="inner-right"] {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	[class*="col-md"][class*="border-left"] {
		border-left: none;
	}
	
	[class*="col-md"][class*="border-right"] {
		border-right: none;
	}
	
	.tabs-circle-top .etabs:before {
		margin: 50px 0 -50px;
	}
	.tabs-circle-top .tab {
		height: 130px;
		margin: 0 5px;
	}
	.tabs-circle-top .tab a {
		width: 100px;
		height: 100px;
		max-width: 100px;
		font-size: 11px;
	}
	.tabs-circle-top .tab a div {
		font-size: 33px;
	}
	.tabs-circle-top .tab.active a {
		height: 130px;
		width: 130px;
		max-width: 130px;
		font-size: 13px;
	}
	.tabs-circle-top .tab.active a div {
		font-size: 44px;
	}
	

	.navbar-header .navbar-brand {
		display: inline-block;
	}
	.navbar-collapse .navbar-brand {
		display: none;
	}
	
	.navbar-collapse.collapse {
		display: none !important;
	}
	
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	
	.navbar .container {
		display: block;
	}
	
	.navbar .social,
	.navbar .info {
	    display: none;
	}
	
	.navbar-nav {
		padding-left: 0;
	}
	
	.navbar-header {
		background: #FFF;
	    padding: 25px 0;
	}
	.btn.responsive-menu {
	    display: table;
	}
	.btn.responsive-menu i {
	    display: table-cell;
		vertical-align: middle;
	}
	.navbar-collapse {
	    position: static !important;
		background: #F5F7FA;
	    max-height: inherit;
	}
	.navbar-collapse:after {
	    content: '';
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.yamm .nav,
	.yamm .dropup,
	.yamm .dropdown,
	.yamm .collapse {
		float: none;
	    position: relative;
	}
	.yamm .dropdown-menu {
	    position: absolute; /* I switched this to absolute from relative on October 7, 2017 because in the middle sizes the menu wasn't working right THE MIDDLE SIZES ARE a width of 768-992pixels*/
	    left: inherit;
	    top: inherit;
	    float: none;
	    width: 240%; /* I switched this to 200 from 100 on October 7, 2017 because in the middle sizes the menu wasn't working right */
	   /* display: block !important;*/
	}
	.yamm .yamm-content {
	    padding: 12px 0;
	    font-size: 13px;
	}
	.navbar-nav {
		display: block;
		padding: 15px 0;
	}
	.navbar-nav > li {
		display: block;
	}
	.navbar-nav > li > a {
		padding-left: 44px; /* I switched this to 44px from zero on October 7, 2017 because in the middle sizes the menu wasn't working right */
		padding-right: 0;
		border: none;
		border-radius: 0;
	}
	.navbar-nav > li > a:focus {
		background: none;
		/*color: #1ABB9C;*/
	}
	.navbar-nav .dropdown-menu {
		border: none;
		box-shadow: none;
	}
	.navbar-nav .dropdown-submenu .dropdown-menu {
		top: 0 !important;
	    padding-left: 20px;
	}
	.navbar-nav .dropdown + .dropdown {
		border-top: 1px solid #E6E9ED;
	}
	.navbar-nav .dropdown-menu > li:last-child {
		margin-bottom: 20px;
	}
	.navbar-nav .searchbox {
		float: left !important;
		display: block;
		width: 100%;
	}
	.navbar-header {
	    float: left;
	    width: 100%;
	}
	.navbar-header:after {
	    content: '';
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
}



@media (max-width: 969px) { 
	.yamm .dropdown.yamm-fullwidth .dropdown-menu {
	    width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	
	.navbar .container,
	.container {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.tabs-side .etabs {
	    width: 240px;
	}
	.tabs-side.tab-container .panel-container {
	    width: 480px;
	}
	.tabs-top.left .tab {
	    margin-right: 2px;
	}
	.tabs-top.left .tab a {
	    padding: 5px 10px;
	}
	.items.col-4 {
	    margin-left: -9px;
	    margin-bottom: -9px;
	}
	.items.col-4 li {
	    width: 234px;
	    margin-left: 9px;
	    margin-bottom: 9px;
	}
	.items.col-3 {
	    margin-left: -9px;
	    margin-bottom: -9px;
	}
	.items.col-3 li {
	    width: 234px;
	    margin-left: 9px;
	    margin-bottom: 9px;
	}
	.items.col-3.gap {
	    margin-left: -18px;
	    margin-bottom: -18px;
	}
	.items.col-3.gap li {
	    width: 351px;
	    margin-left: 18px;
	    margin-bottom: 18px;
	}
	.items.col-4.gap {
	    margin-left: -18px;
	    margin-bottom: -18px;
	}
	.items.col-4.gap li {
	    width: 351px;
	    margin-left: 18px;
	    margin-bottom: 18px;
	}
}
















@media (max-width: 767px) {
	
	body {
		height: 100vh;
	}
	
	h1,
	h2,
	h3,
	h4 {
		letter-spacing: .0125em;
	}
	
	h1 {
		font-size: 33px;
		line-height: 120%;
		margin-bottom: 20px;
	}
	
	header p {
		font-size: 20px;
	}
	
	footer .inner {
		padding-top: 35px;
	    padding-bottom: 25px;
	}
	
	footer .row .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	footer .container > .row {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.row,
	#share {
		overflow: hidden;
	}
	
	#share .container {
		width: auto;
		padding: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	

	.last-bottom {
		padding-bottom: 20px !important;
	}
	
	.last-bottom + .last-bottom {
		padding-bottom: 0 !important;
	}
	
	.thumbs.gap-lg {
		margin-left: -15px;
	}
	
	.thumbs.gap-lg .thumb {
		padding: 0 0 15px 15px;
	}
	
	.icon.pull-right {
		margin-left: 10px;
	}
	
	.inner {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.inner-md {
		padding-top: 65px;
		padding-bottom: 65px;
	}
	.inner-sm {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.inner-xs {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.inner-top {
		padding-top: 80px;
	}
	.inner-top-md {
		padding-top: 65px;
	}
	.inner-top-sm {
		padding-top: 50px;
	}
	.inner-top-xs {
		padding-top: 40px;
	}
	.inner-bottom {
		padding-bottom: 80px;
	}
	.inner-bottom-md {
		padding-bottom: 65px;
	}
	.inner-bottom-sm {
		padding-bottom: 50px;
	}
	.inner-bottom-xs {
		padding-bottom: 40px;
	}
	
	.height-xs,
	.height-sm,
	.height-md,
	.height-lg,

	

	.retina-icons-code tr td:first-child,
	.retina-icons-code tr th:first-child {
		max-width: 30px;
	}
	
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
		line-height: 100%;
		padding-left: 4px;
		padding-right: 4px;
	}
	
	.table > thead > tr > th {
		font-size: 11px;
	}
	
	.retina-icons-code i {
		font-size: 14px;
	}
	
	.retina-icons-code code {
		font-size: 10px;
	}
	
	.tabs-side .etabs {
		float: none;
		width: 100%;
	}
	
	.tabs-side .tab a {
		border-right-color: #E6E9ED;
	}
	
	.tabs-side .tab:first-child a {
		border-top-right-radius: 3px;
	}
	
	.tabs-side .tab:last-child a {
		border-bottom-right-radius: 3px;
	}
	
	.tabs-side .tab.active a {
		border-right-color: #CED7E0 !important;
	}
	
	.tabs-side.tab-container .panel-container {
		padding-left: 0;
		border-left: none;
		margin-top: 30px;
	}
	
	.tabs-top .etabs:after {
		display: none;
	}
	.tabs-top .tab {
		display: block;
		max-width: 100%;
		margin: 0;
	}
	.tabs-top .tab a {
		display: block;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.tabs-top .tab:first-child a {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.tabs-top .tab:last-child a {
		border-bottom: 1px solid #E6E9ED;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.tabs-top .tab.active + .tab a {
		border-top-color: #CED7E0;
	}
	.tabs-top .tab.active + .tab a:hover {
		border-top-color: #1ABB9C;
	}
	
	.filter:before, .format-filter:before {
		display: none;
	}
	
	h1.single-block .btn {
		margin-left: 0;
	}
	
	.sidemeta .date-wrapper,
	.classic-blog.sidebar-left .sidemeta .date-wrapper {
		top: -80px;
		left: 50%;
		margin-left: -60px;
	}
	
	.sidemeta .format-wrapper,
	.classic-blog.sidebar-left .sidemeta .format-wrapper {
		top: -70px;
		left: 50%;
		margin-left: 10px;
	}
	
	.classic-blog .sidemeta,
	.classic-blog .pagination {
		padding-left: 0;
		border-left: none;
		margin-left: 0;
	}
	.classic-blog.sidebar-left .sidemeta,
	.classic-blog.sidebar-left .pagination {
		padding-right: 0;
		border-right: none;
		margin-right: 0;
	}
	.classic-blog.no-sidebar .sidemeta,
	.classic-blog.no-sidebar .pagination {
		left: 0;
	}
	.classic-blog .post {
		margin-top: 80px;
		width: 100%;
	}
	
	.grid-blog.col-2 {
		padding-right: 0;
	}
	
	.sidebar-left .grid-blog.col-2,
	.sidebar-left .grid-blog.col-2 + .pagination {
		padding-left: 0;
	}
	
	.classic-blog .post,
	.grid-blog.col-2 .post,
	.grid-blog.col-3 .post,
	.grid-blog.col-2.no-sidebar .post,
	.grid-blog.col-3.no-sidebar .post {
		padding-bottom: 30px;
	}
	
	.classic-blog .post-content > *,
	.grid-blog.col-2 .post-content > *,
	.grid-blog.col-3 .post-content > *,
	.grid-blog.col-2.no-sidebar .post-content > *,
	.grid-blog.col-3.no-sidebar .post-content > * {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.classic-blog .post-content .meta,
	.grid-blog.col-2 .post-content .meta,
	.grid-blog.col-3 .post-content .meta,
	.grid-blog.col-2.no-sidebar .post-content .meta,
	.grid-blog.col-3.no-sidebar .post-content .meta {
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 20px;
	}
	
	.classic-blog .post-content > *:first-child,
	.classic-blog .post-media + *,
	.grid-blog.col-2 .post-content > *:first-child,
	.grid-blog.col-2 .post-media + *,
	.grid-blog.col-3 .post-content > *:first-child,
	.grid-blog.col-3 .post-media + *,
	.grid-blog.col-2.no-sidebar .post-content > *:first-child,
	.grid-blog.col-2.no-sidebar .post-media + *,
	.grid-blog.col-3.no-sidebar .post-content > *:first-child,
	.grid-blog.col-3.no-sidebar .post-media + * {
		margin-top: 30px;
	}
	
	.classic-blog .post-title,
	.grid-blog.col-2 .post-title,
	.grid-blog.col-3 .post-title,
	.grid-blog.col-2.no-sidebar .post-title,
	.grid-blog.col-3.no-sidebar .post-title {
		font-size: 24px;
	}
	
	.classic-blog p,
	.grid-blog.col-2 p,
	.grid-blog.col-3 p,
	.grid-blog.col-2.no-sidebar p,
	.grid-blog.col-3.no-sidebar p {
		font-size: 16px;
		line-height: 150%;
		margin-bottom: 10px;
	}
	
	.classic-blog .pagination,
	.classic-blog .comment-form-wrapper,
	.pagination {
		margin-bottom: 100px;
	}
	
	.grid-blog.col-2.no-sidebar + .pagination,
	.grid-blog.col-3.no-sidebar + .pagination {
		margin-bottom: 0;
	}
	
	.classic-blog .pagination,
	.classic-blog.sidebar-left .pagination,
	.grid-blog.col-2 + .pagination,
	.grid-blog.col-3 + .pagination,
	.grid-blog.col-2.no-sidebar + .pagination,
	.grid-blog.col-3.no-sidebar + .pagination {
		margin-left: -10px;
	}
	
	.pagination > li:first-child {
		margin-left: 10px;
	}
	
	.pagination li {
		margin-bottom: 10px;
	}
	
	#blog-post .post h2 {
		font-size: 19px;
		margin-bottom: 15px;
	}
	
	#blog-post .post h3 {
		font-size: 16px;
	}
	
	#blog-post .post h4 {
		font-size: 14px;
	}
	
	#blog-post .post figure figcaption p {
		font-size: 14px;
		line-height: 150%;
	}
	
	[class*="col"] > figcaption:first-child {
		padding-top: 20px;
	}
	
	.post-author, #comments {
		padding: 30px;
	}
	
	.post-author .author-image {
		float: none;
		display: inline-block;
		margin-bottom: 20px;
	}
	
	.post-author .author-details {
		padding-left: 0;
	}
	
	#comments .avatar {
		float: none;
		display: inline-block;
		margin-bottom: 15px;
	}
	
	#comments .commentbody {
		padding-left: 0;
	}
	
	#comments .commentlist .children {
		padding-left: 0;
	}
	
	[class*="col"][class*="border-left"] {
		border-left: none;
	}
	
	[class*="col"][class*="border-right"] {
		border-right: none;
	}
	
	.filter li {
		display: block;
	}
	
	.filter li + li {
		margin-top: 15px;
	}
	
	.filter li:after {
		display: none;
	}
	

	
	.tabs-2-big-top .tab {
		width: 100%;
		margin: 0 0 50px 0;
	}
	.tabs-2-big-top .tab a {
		padding: 25px;
	}
	.tabs-2-big-top.tab-container .panel-container {
		margin-top: 0;
	}
	
	[class*="col"][class*="inner-left"],
	[class*="col"][class*="inner-right"],
	[class*="col"][class*="reset-padding"] {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	[class*="inner-top"].reset-xs {
		padding-top: 0 !important;
	}
	
	.tabs-circle-top .etabs:before {
		border-bottom: none;
		margin: 0;
	}
	.tabs-circle-top .tab {
		display: table;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.tabs-circle-top .tab.active {
		top: 0;
	}
	.tabs-circle-top .tab a,
	.tabs-circle-top .tab.active a {
		width: 100%;
		max-width: 100%;
		height: auto;
		font-size: 18px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: none;
		border-radius: 0;
	}
	.tabs-circle-top .tab a:hover {
		border-width: 1px;
		border-color: #CED7E0 !important;
		border-top: none;
	}
	.tabs-circle-top .tab.active a:hover {
		border-color: transparent !important;
	}
	.tabs-circle-top .tab:first-child a {
		border-top: 1px solid #CED7E0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.tabs-circle-top .tab:last-child a {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.tabs-circle-top .tab a div,
	.tabs-circle-top .tab.active a div {
		display: inline-block;
		vertical-align: middle;
		font-size: 30px;
		line-height: 120%;
		padding-bottom: 5px;
		margin: 0 10px 0 0;
	}
	
	.yamm-content {
		margin-top: 25px;
	}
	
	.yamm-content > [class*="col"] {
		margin-bottom: 50px;
	}
	.navbar .container,
	.container {
	    padding-right: 20px;
	    padding-left: 20px;
	}
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	.footer-bottom p.pull-left,
	.footer-bottom ul.pull-right {
	    float: none !important;
	    text-align: center;
	}
	.footer-bottom p {
	    margin-bottom: 20px;
	}
	.footer-menu li {
	    padding: 0 5px;
	}
	img {
	    max-width: 100%;
	    height: auto;
	}
	.filter li a:before {
	    display: none;
	}
	.items {
	    margin-left: 0 !important;
	    /*margin-bottom: -20px !important;*/
	}
	.items li {
	    width: 100% !important;
	    margin-left: 0 !important;
	    margin-bottom: 20px !important;
	}
	.items.fullscreen li {
	    margin: 0 !important;
	}
	.sidebar {
	    margin-top: 70px;
	    padding-left: 15px !important;
	}
	.blog.no-sidebar .post,
	.blog.no-sidebar #comments,
	.blog.no-sidebar .pagination,
	.blog.no-sidebar .comment-form-wrapper {
	    width: 100%
	}
	.blog.no-sidebar .pagination ul {
	    margin: 0
	}
	.grid-blog {
	    margin-left: 0 !important;
	    margin-bottom: 20px !important;
	}
	.grid-blog .post {
	    width: 100% !important;
	    margin-left: 0 !important;
	    margin-bottom: 20px !important;
	}
	#comments ul.children {
	    padding: 0 0 0 20px;
	}
	#comments .arrow-box {
	    margin-left: 0;
	}
	.panel-title {
	    line-height: 18px;
	}
	.yamm .yamm-content.row {
	    margin-bottom: -30px
	}
}


/*===================================================================================*/
/*	DEMO ONLY
/*===================================================================================*/

a.changecolor {
	cursor: pointer;
}


/*===================================================================================*/
/*	SKROLLR ANIMATIONS
/*===================================================================================*/

.navbar .navbar-collapse {
	-skrollr-animation-name: shrink-header;
}

.navbar .navbar-brand img {
	-skrollr-animation-name: shrink-logo;
}

@-skrollr-keyframes shrink-header {
	40 {
		padding-top: 30px;
		padding-bottom: 30px;
		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0);
		   -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.0);
				box-shadow: 0 10px 10px rgba(0,0,0,0);
	}

	300 {
		padding-top: 0;
		padding-bottom: 0;
		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
		   -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
				box-shadow: 0 10px 10px rgba(0,0,0,0.1);
	}
}

@-skrollr-keyframes shrink-logo {
	40 {
		max-height: 40px;
	}

	300 {
		max-height: 20px;
	}
}

#cookie-banner {
   padding: 1ex 1em;
   font-size: 80%;
   line-height: normal;
   color: #bbb;
   position: relative;
   text-align: center;
}
#cookie-banner p, #continue-navigating {
   margin: 1ex;
}