/* !
* Bootstrap v3.2.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */

/*
* CSS Custom Theme Layout for Bootstrap
* SHIMITS.com
* 2020
*/




/* Resets & Basics
======================================================================================================================================================
====================================================================================================================================================== */

* { margin: 0; padding: 0px; }
body { font-family: 'Josefin Sans', sans-serif; background: #fff; margin: 0; color: #fff; }
html,body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden }

@media (min-width:1500px) {
  .col-xlg-1,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9,.col-xlg-10,.col-xlg-11,.col-xlg-12{float:left;}
  .col-xlg-12{width:100%;}.col-xlg-11{width:91.66666667%;}.col-xlg-10{width:83.33333333%;}.col-xlg-9{width:75%;}.col-xlg-8{width:66.66666667%;}.col-xlg-7{width:58.33333333%;}.col-xlg-6{width:50%;}.col-xlg-5{width:41.66666667%;}.col-xlg-4{width:33.33333333%;}.col-xlg-3{width:25%;}.col-xlg-2{width:16.66666667%;}.col-xlg-1{width:8.33333333%;}
  .col-xlg-pull-12{right:100%;}.col-xlg-pull-11{right:91.66666667%;}.col-xlg-pull-10{right:83.33333333%;}.col-xlg-pull-9{right:75%;}.col-xlg-pull-8{right:66.66666667%;}.col-xlg-pull-7{right:58.33333333%;}.col-xlg-pull-6{right:50%;}.col-xlg-pull-5{right:41.66666667%;}.col-xlg-pull-4{right:33.33333333%;}.col-xlg-pull-3{right:25%;}.col-xlg-pull-2{right:16.66666667%;}.col-xlg-pull-1{right:8.33333333%;}.col-xlg-pull-0{right:auto;}
  .col-xlg-push-12{left:100%;}.col-xlg-push-11{left:91.66666667%;}.col-xlg-push-10{left:83.33333333%;}.col-xlg-push-9{left:75%;}.col-xlg-push-8{left:66.66666667%;}.col-xlg-push-7{left:58.33333333%;}.col-xlg-push-6{left:50%;}.col-xlg-push-5{left:41.66666667%;}.col-xlg-push-4{left:33.33333333%;}.col-xlg-push-3{left:25%;}.col-xlg-push-2{left:16.66666667%;}.col-xlg-push-1{left:8.33333333%;}.col-xlg-push-0{left:auto;}
  .col-xlg-offset-12{margin-left:100%;}.col-xlg-offset-11{margin-left:91.66666667%;}.col-xlg-offset-10{margin-left:83.33333333%;}.col-xlg-offset-9{margin-left:75%;}.col-xlg-offset-8{margin-left:66.66666667%;}.col-xlg-offset-7{margin-left:58.33333333%;}.col-xlg-offset-6{margin-left:50%;}.col-xlg-offset-5{margin-left:41.66666667%;}.col-xlg-offset-4{margin-left:33.33333333%;}.col-xlg-offset-3{margin-left:25%;}.col-xlg-offset-2{margin-left:16.66666667%;}.col-xlg-offset-1{margin-left:8.33333333%;}.col-xlg-offset-0{margin-left:0}
}
@media (min-width:2000px) {
  .col-2xlg-1,.col-2xlg-2,.col-2xlg-3,.col-2xlg-4,.col-2xlg-5,.col-2xlg-6,.col-2xlg-7,.col-2xlg-8,.col-2xlg-9,.col-2xlg-10,.col-2xlg-11,.col-2xlg-12{float:left}.col-2xlg-12{width:100%;}.col-2xlg-11{width:91.66666667%;}.col-2xlg-10{width:83.33333333%;}.col-2xlg-9{width:75%;}.col-2xlg-8{width:66.66666667%;}.col-2xlg-7{width:58.33333333%;}.col-2xlg-6{width:50%;}.col-2xlg-5{width:41.66666667%;}.col-2xlg-4{width:33.33333333%;}.col-2xlg-3{width:25%;}.col-2xlg-2{width:16.66666667%;}.col-2xlg-1{width:8.33333333%;}
  .col-2xlg-pull-12{right:100%;}.col-2xlg-pull-11{right:91.66666667%;}.col-2xlg-pull-10{right:83.33333333%;}.col-2xlg-pull-9{right:75%;}.col-2xlg-pull-8{right:66.66666667%;}.col-2xlg-pull-7{right:58.33333333%;}.col-2xlg-pull-6{right:50%;}.col-2xlg-pull-5{right:41.66666667%;}.col-2xlg-pull-4{right:33.33333333%;}.col-2xlg-pull-3{right:25%;}.col-2xlg-pull-2{right:16.66666667%;}.col-2xlg-pull-1{right:8.33333333%;}.col-2xlg-pull-0{right:auto;}
  .col-2xlg-push-12{left:100%;}.col-2xlg-push-11{left:91.66666667%;}.col-2xlg-push-10{left:83.33333333%;}.col-2xlg-push-9{left:75%;}.col-2xlg-push-8{left:66.66666667%;}.col-2xlg-push-7{left:58.33333333%;}.col-2xlg-push-6{left:50%;}.col-2xlg-push-5{left:41.66666667%;}.col-2xlg-push-4{left:33.33333333%;}.col-2xlg-push-3{left:25%;}.col-2xlg-push-2{left:16.66666667%;}.col-2xlg-push-1{left:8.33333333%;}.col-2xlg-push-0{left:auto;}
  .col-2xlg-offset-12{margin-left:100%;}.col-2xlg-offset-11{margin-left:91.66666667%;}.col-2xlg-offset-10{margin-left:83.33333333%;}.col-2xlg-offset-9{margin-left:75%;}.col-2xlg-offset-8{margin-left:66.66666667%;}.col-2xlg-offset-7{margin-left:58.33333333%;}.col-2xlg-offset-6{margin-left:50%;}.col-2xlg-offset-5{margin-left:41.66666667%;}.col-2xlg-offset-4{margin-left:33.33333333%;}.col-2xlg-offset-3{margin-left:25%;}.col-2xlg-offset-2{margin-left:16.66666667%;}.col-2xlg-offset-1{margin-left:8.33333333%;}.col-2xlg-offset-0{margin-left:0}
}


.visible-xlg { display: none !important; }
.visible-xlg-block, .visible-xlg-inline, .visible-xlg-inline-block { display: none !important; }
@media (min-width:1500px) {
  .visible-xlg-inline { display: inline !important; }
}
@media (min-width:1200px) and (max-width:1499px) {
  .hidden-lg { display: none !important; }
}
@media (min-width:1500px){
  .hidden-lg { display: inline !important; }
}
@media (min-width:1500px) and (max-width:1999px){
  .hidden-xlg { display: none !important; }
}
@media (min-width:2000px) {
  .hidden-2xlg { display: none !important; }
}


hr { margin: 10px 0; }
hr.gray { border: none; width: 100%; float: left; height: 8px; content: ''; position: relative; margin: 0; background-color: #ddd;}

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }
.disabled { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .4; }

.section { width: 100%; float: left; padding: 20px 0; /*overflow: hidden;*/ }
.section.wrap { padding: 0; }
.section.half { padding: 20px 0; }
.section.first { padding-top: 0; }
.section.last { padding-bottom: 0; }
@media (min-width:768px) {
	.section { padding: 40px 0; }
	hr { margin: 20px 0; }
}
@media (min-width:1200px) {
	.section { padding: 60px 0; }
	.section.half { padding: 30px 0; }
}


/* Typography & Images
======================================================================================================================================================
====================================================================================================================================================== */

@font-face { font-family: 'EthnocentricRgRegular'; src: url('../fonts/font.woff') format('woff'), url('../fonts/font.woff2') format('woff2'); }


h1, .h1, h2, .h2, h3, .h3, h4, .h4 { line-height: 1.2; color: #fff; font-weight: 400; }
h1, .h1 { font-family: 'EthnocentricRgRegular', sans-serif; font-size: 24px; color: #3fa2af; line-height: 1.2; text-transform: uppercase; margin: 10px 0; letter-spacing: -2px; }
h2, .h2 { font-family: 'EthnocentricRgRegular', sans-serif; font-size: 20px; color: #fff; line-height: 1; text-transform: uppercase; padding: 0; margin: 0; letter-spacing: -1px; }
h3, .h3 { font-family: 'Josefin Sans', sans-serif; font-weight: 700; font-size: 20px; color: #fff; line-height: 1; text-transform: uppercase; letter-spacing: -2px; margin: 0; padding-bottom: 20px; }

p, .p { font-family: 'Josefin Sans', sans-serif; font-size: 15px; color: #28666e; line-height: 1.3; margin: 0 0 20px 0; padding: 0; }
p.note, .note { font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; }
p.lead, .p.lead, .lead { font-size: 13px; line-height: 1.3; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
p.note, .note { font-size: 11px; }
p.note .lead, .note .lead { font-size: 11px; }
p.highlight, .p.highlight { background-color: #de363d; padding: 2px 5px; font-style: italic; border-top: 2px solid #28666e; border-bottom: 2px solid #28666e; }


.list-unstyled li { font-family: 'Josefin Sans', sans-serif; font-size: 12px; text-transform: uppercase; padding-bottom: 7px; }

@media (max-width:767px) {
	.section.intro h3 { font-size: 20px; }
}
@media (min-width:768px) {
	h1, .h1 { font-size: 26px; }
	.section.wrap.about h1 { margin-top: 60px; }
	h2, .h2 { font-size: 24px; }
	h4, .h4 { font-size: 14px; }
	p, p.lead, .p.lead, .lead { font-size: 15px; }
	.list-unstyled li { font-size: 12px; }
}
@media (min-width:992px) {
	h1, .h1 { font-size: 27px; }
	.section.wrap.about h1 { margin-top: 60px; }
	h2, .h2 { font-size: 36px; }
	h3, .h3 { font-size: 26px; }
	p, p.lead, .p.lead, .lead { font-size: 16px; }
}
@media (min-width:1200px) {
	h1, .h1 { font-size: 32px; }
	h2, .h2 { font-size: 40px; }
	h3, .h3 { font-size: 30px; }
}
@media (min-width:1500px) {
	h1, .h1 { font-size: 36px; }
	h2, .h2 { font-size: 48px; }
	h3, .h3 { font-size: 34px; }
	p, p.lead, .p.lead, .lead { font-size: 18px; }
}


.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.centered { text-align: center }
.uppercase { text-transform: uppercase; }
.strong { font-weight: 700; }
.underline { text-decoration: underline; }


/*::-moz-selection { color: #fff; text-shadow: none; background: #ffa859; }
::selection { color: #fff; text-shadow: none; background: #ffa859; }*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
a { padding: 0; margin: 0; color: #355e7a; font-weight: 700; text-decoration: none; -webkit-transition: background-color .4s linear, color .4s linear; -moz-transition: background-color .4s linear, color .4s linear; -o-transition: background-color .4s linear, color .4s linear; -ms-transition: background-color .4s linear, color .4s linear; transition: background-color .4s linear, color .4s linear; }
a:hover, a:focus { text-decoration: none; color: #466f8b; }

.nopadding { padding: 0px !important; margin: 0px; }
.img-responsive { width: 100%; }


/* Forms
======================================================================================================================================================
====================================================================================================================================================== */

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; color: #28666e; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.4; font-weight: 700; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #4fcbdb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }

label.required:before { content: '*'; color: red; }

/* Colors
======================================================================================================================================================
====================================================================================================================================================== */

.text-primary { color: #3fa2af; }
a.text-primary:hover { color: #28666e; }
.bg-primary { color: #fff; background-color: #3fa2af; }

.text-secondary { color: #28666e; }
a.text-secondary:hover { color: #3fa2af; }
.bg-secondary { color: #fff; background-color: #28666e; }

.text-tertiary { color: #3fa2af; }
a.text-tertiary:hover { color: #28666e; }
.bg-tertiary { color: #fff; background-color: #3fa2af; }

.text-grayLight { color: #ccc; }
a.text-grayLight:hover, a .text-grayLight:hover { color: #888; }
.bg-grayLight { background-color: #ddd; }

.bg-grayDark { color: #888; background-color: #212121; }
.bg-grayMed { color: #888; background-color: #333; }

.text-white { color: #fff !important; }
.text-black { color: #000 !important; }
.text-muted { color: #bbbbbb; }
.lead .text-muted { color: #28666e; text-transform: initial; }


/* Buttons & SVG
======================================================================================================================================================
====================================================================================================================================================== */

.btn { display: inline-block; padding: 10px 20px; margin-bottom: 0; font-family: 'Josefin Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 1.5; text-align: left; text-transform: uppercase; white-space: nowrap; vertical-align: middle; -webkit-font-smoothing: antialiased;
  -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 0; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { border-color: #f4e09c; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(226, 198, 117, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(226, 198, 117, .6); }
.btn:hover, .btn:focus, .btn.focus { color: #466f8b; text-decoration: none; }
.btn-primary { color: #28666e; border-color: #ddd; background-color: #fff; background: -webkit-linear-gradient(#fff, #fff); background: -o-linear-gradient(#fff, #fff); background: -moz-linear-gradient(#fff, #fff); background: linear-gradient(#fff, #fff);
 -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #4fcbdb; border-color: #4fcbdb;  background-color: #fff; background: -webkit-linear-gradient(#ddd, #fff); background: -o-linear-gradient(#ddd, #fff); background: -moz-linear-gradient(#ddd, #fff); background: linear-gradient(#ddd, #fff); }
.btn-primary-icon { padding: 5px 8px; border-color: #ddd; background-color: #eee; }

.btn-facebook .btn-primary, .btn-instagram .btn-primary, .btn-twitter .btn-primary, .btn-youtube .btn-primary { text-transform: none; }

.btn-empty { padding: 0; font-size: 15px; color: #3fa2af; text-align: left; text-transform: none; background-color: transparent; border: none; border-radius: 0; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.btn-empty .icon { width: 20px; height: 20px; }

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group.special { width: 100%; }
.btn-group.special .btn-primary { width: 95%; float: right; margin-top: -32px; z-index: 1; padding-left: 35px; }
.btn-group.special .btn-primary-icon { z-index: 2; }


@media (min-width:768px) {
  	.btn-group ~ .btn-group { margin-left: 10px; }
}

@media (min-width:992px) {
	.btn { padding: 10px 30px; font-size: 14px; } 
}

@media (min-width:1200px) {
}


.navbar-nav > li > a.btn-empty { padding: 15px 0; }

.btn .icon { height: 20px; width: 20px; }
.btn .icon-before, .label-inner .icon-before, .icon-before { width: 30px; height: 30px; margin-right: 10px; }
.btn .icon-after { float: right; margin-left: 10px; }
.icon { float: left; position: relative; display: inline-block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.icon-pillar { height: 30px; width: 30px; margin-top: -5px; }
.pillar1 .icon-pillar { background-image: url(../img/icon-pillar1.svg); }
.pillar2 .icon-pillar { background-image: url(../img/icon-pillar2.svg); }
.pillar3 .icon-pillar { background-image: url(../img/icon-pillar3.svg); }
.pillar4 .icon-pillar { background-image: url(../img/icon-pillar4.svg); }

@media (min-width:992px) {
	.btn .icon-before, .label-inner .icon-before { margin-right: 15px; }
	.icon-pillar { height: 40px; width: 40px; margin-top: -5px; }
}

/*.icon-chat { background-image: url(../img/icon-chat.svg); }
.icon-email { background-image: url(../img/icon-email.svg); }
.icon-newsletter { background-image: url(../img/icon-newsletter.svg); }
.icon-facebook { background-image: url(../img/icon-FB.svg); }
.icon-linkedin { background-image: url(../img/icon-LI.svg); }
.icon-pinterest { background-image: url(../img/icon-PI.svg); }
.icon-instagram { background-image: url(../img/icon-IG.svg); }*/



/* Navs
======================================================================================================================================================
====================================================================================================================================================== */

.header { position: relative; z-index: 2000; }
.navbar { position: relative; margin: 0; border: 0; }
.navbar-default { background-color: transparent; border: none; }
.header .navbar-header { padding: 0; overflow: hidden; }

.navbar-brand { float: left; width: 100%; padding: 0; font-size: 18px; line-height: 20px; margin: 0; width: 250px; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
.navbar-brand > img { display: block; width: 100%; height: auto; }

.navbar-default .navbar-nav > li { padding: 10px 15px; }
.navbar-default .navbar-nav > li > a { font-size: 14px; font-weight: 700; color: #3fa2af; text-transform: uppercase; padding: 15px 0; }

.navbar-default .navbar-toggle { padding: 10px; margin: 10px 0 10px 0; background-color: #ddd; border: 1px solid #648aa4; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #648aa4; }
.navbar-default .navbar-toggle .icon-bar { background-color: #3fa2af; }

.navbar-right { margin-right: 0; } 

@media (max-width:767px) {
	.navbar-default .navbar-collapse { width: 100%; background-color: #fff; margin: 0; position: absolute; top: 120px; left: 0; }
	.navbar-default .navbar-collapse .navbar-nav { margin: 0; }
	.navbar-default .navbar-collapse .navbar-nav > li {  border-bottom: 1px solid #ccc; }
	.navbar-default .navbar-collapse .navbar-nav.navbar-right > li:last-child {  border-bottom: none; }
	.navbar-default .navbar-collapse .navbar-nav > li:first-child { margin-top: 120px; }
	.navbar-default .navbar-collapse .navbar-nav.navbar-right > li:first-child { margin-top: 0; }
	.navbar-default .navbar-collapse .navbar-nav > li > a { padding: 5px 0; }
	.navbar-fixed-top .navbar-collapse { max-height: 420px; border-color: #ccc; }
}
@media (min-width:768px) {
  .navbar { border-radius: 0; }
  .navbar-header { float: left; }
  /*.header .navbar-header { height: 80px; }*/
  .navbar-brand { width: 350px; }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
  .navbar-default .navbar-nav > li { padding: 0 5px; }
  .navbar-default .navbar-nav > li > a { font-size: 13px; padding: 15px 0; letter-spacing: -.5px; }
}
@media (min-width:992px) {
  .navbar {}
  .navbar-default .navbar-nav > li { padding: 0 5px; }
  .navbar-default .navbar-nav > li > a { font-size: 14px; padding: 15px 0; letter-spacing: -.5px;
  text-decoration:none; 
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; } 
  .navbar-default .navbar-nav > li > a:hover { color: #a2231e; 
  -webkit-animation: neonEffect 1.5s ease-in-out infinite alternate;
  -moz-animation: neonEffect 1.5s ease-in-out infinite alternate;
  animation: neonEffect 1.5s ease-in-out infinite alternate; }

}
@media (min-width:1200px) {
	.navbar-default .navbar-nav > li { padding: 0 10px; }
	.navbar-default .navbar-nav > li > a { font-size: 16px; letter-spacing: 0; }
}
@media (min-width:1500px) {
	.navbar-default .navbar-nav > li { padding: 0 20px; }
}



/* Containers
======================================================================================================================================================
====================================================================================================================================================== */

.thumbnail { display: block; padding: 0; margin: 0; line-height: 1.4; background-color: rgba(77, 77, 77, .4); border: none; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; }
.thumbnail .caption { padding: 10px; color: #333; background-color: transparent; float: left; width: 100%; }
	.thumbnail.news-thumb-empty .caption { padding: 10px; }
.thumbnail .caption p { float: left; width: 100%; }


.well { min-height: 20px; padding: 20px; background-color: rgba(187, 163, 123, .5); margin-bottom: 15px; border: none; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; }

@media (min-width:768px) {
	.news .thumbnail { background-color: rgba(77, 77, 77, .4); }
	.thumbnail .caption { padding: 15px; margin: 0; }
		.thumbnail.news-thumb-empty .caption { padding: 15px 20px; }
}

@media (min-width:992px) {
	.thumbnail .caption { padding: 20px 30px 20px 30px; }
	.news .thumbnail .caption p { margin-bottom: 15px; }
}
@media (min-width:1200px) {
	.well { padding: 40px; }
}

.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.panel-body { padding: 15px; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel-heading.alt { background-color: rgba(25, 25, 25, .25); }
.panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; background-image: url(../img/icon-arrowD888.svg); background-position: right center; background-repeat: no-repeat; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; }
.panel-title > a { color: inherit; text-decoration: none; }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .list-group { margin-bottom: 0; }
.panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }
.list-group + .panel-footer { border-top-width: 0; }
.panel-group { margin-bottom: 20px; }
.panel-group .panel { margin-bottom: 0; border-radius: 4px; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading { border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; }
.panel-group .panel-footer { border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; }
.panel-default { border-color: #4d4d4d; }
.panel-default > .panel-heading { color: #666; background-color: #333; border-color: #4d4d4d; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #4d4d4d; }
.panel-default > .panel-heading .badge { color: #666; background-color: #333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #4d4d4d; }




/* PAGE SPECIFIC STYLES
======================================================================================================================================================
====================================================================================================================================================== */


.section.wrap.intro { height: auto; position: relative; width: 100%; min-height: 250px; overflow: hidden; 
	background-image: url(../img/feature202410.jpg); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


/*@keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}
@-o-keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}
.section.wrap.intro { min-height: 480px; width: 100%; background-image: url(../img/feature202410.jpg); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: relative; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%;
	animation: animatedBackground 30s linear infinite;
	-moz-animation: animatedBackground 30s linear infinite;
	-webkit-animation: animatedBackground 30s linear infinite;
	-ms-animation: animatedBackground 30s linear infinite;
	-o-animation: animatedBackground 30s linear infinite; }*/


.section.wrap.about { position: relative; overflow: hidden; 
	background-image: url(../img/element-logoiconlines.svg); background-position: -50px 130px; background-repeat: no-repeat; -webkit-background-size: auto 80px; -moz-background-size: auto 80px; -o-background-size: auto 80px; background-size: auto 80px; }
.section.wrap.letter { position: relative; overflow: hidden; 
	background-image: url(../img/element-logoiconlines.svg); background-position: 115% 70%; background-repeat: no-repeat; -webkit-background-size: auto 80px; -moz-background-size: auto 80px; -o-background-size: auto 80px; background-size: auto 80px; }

.section.title { background-color: #000; }

@media (min-width:768px) {
	.section.wrap.intro { height: 480px; margin-top: -20px; }
	.section.wrap.about { background-position: -40px 300px; }
	.section.wrap.letter { background-position: 106% 70%; }
}
@media (min-width:992px) {
	.section.wrap.intro { height: 600px; margin-top: -190px; }
	.flex-row { display: flex; }
  	.flex-row .section { flex: 1; -ms-flex: 1; -webkit-flex: 1; }
  	.section.wrap.letter { background-position: 103% 70%; }
}
@media (min-width:1200px) {
	.section.wrap.intro { margin-top: -270px; }
	.section.wrap.intro-mask { margin-top: -735px; }
}
@media (min-width:1500px){
	.section.wrap.intro, .section.wrap.intro-mask { height: 735px; }
}
@media (min-width:1750px){

}
@media (min-width:2000px){

}
@media (min-width:768px) {
  .flex-row { display: flex; }
}

.section.wrap.pillars { height: auto; position: relative; width: 100%; overflow: hidden; 
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.section.wrap.pillars .pillar1 { background-image: url(../img/bg-pillar-84DBE6.jpg); }
.section.wrap.pillars .pillar2 { background-image: url(../img/bg-pillar-4FCBDB.jpg); }
.section.wrap.pillars .pillar3 { background-image: url(../img/bg-pillar-3FA2AF.jpg); }
.section.wrap.pillars .pillar4 { background-image: url(../img/bg-pillar-28666E.jpg); }



/* FOOTER 
======================================================================================================================================================
====================================================================================================================================================== */

.section.footer { padding-bottom: 0; background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* Standard syntax */ } }
.footer { position: relative; }
.footer li { float: left; width: 100%; }
.footer h3 { width: 100%; padding-bottom: 10px; }

@media (max-width:767px) {
	.section.footer .logo { margin-bottom: 30px; }
}


