.container {
position:relative;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 20px;
box-sizing:border-box
}

.column,.columns {
width:100%;
float:left;
box-sizing:border-box
}

@media (min-width: 200px) {
.container {
width:90%;
padding:0
}

.rBanner span {
display:block;
color:#fff
}

.tBanner {
width:90%;
margin:0 auto
}

.rBanner a {
display:relative;
text-align:center;
margin-bottom:1rem;
color:#fff;
display:inline-block;
opacity:.7;
text-decoration:none
}

nav li a {
display:block;
height:40px;
line-height:40px;
color:#333;
text-decoration:none;
text-transform:uppercase;
padding:0 0 0 1rem;
font-size:1.8rem
}

nav li ul li a {
text-transform:none
}

nav ul li ul {
display:block
}

.leftlink {
display:none
}
}

button.accordion {background-color: #f6f5f2;color: #444;cursor: pointer; padding: 18px;width: 100%;text-align: left; border: none; outline: none; transition: 0.4s;padding: 10px 15px;margin: 0 0 1rem 0;text-transform: none;line-height: 1;letter-spacing: 0;font-family: ""futura-pt"";font-weight: 600;}
button.accordion.active, button.accordion:hover {background-color: #e5e5e5;}
div.panel {padding: 0 18px;background-color: white;display: none;}
button.accordion:after {font-family: gucchd;
	content: '\68';color: #777;float: right; margin-left: 5px;}
button.accordion.active:after {content: "\69";}

@media (max-width: 800px) {
.bcontainer {
width:90%;
margin:0 auto;
padding:3rem 0
}

nav ul li ul {
display:none
}

nav li ul li a {
border-bottom:1px solid #c9c1ba;
background:#f8f5e6
}

.active ul {
display:block!important
}

.leftnav {
display:none
}

.bfour,.btwo {
width:100%;
display:table
}

.btwo {
margin-bottom:2rem
}

.btwo img {
display:table-cell;
float:left;
max-height:140px;
position:relative;
width:auto;
z-index:999
}

.btext {
color: #fff;
display: block;
font-family: "Montserrat",sans-serif;
font-size: 2rem;
line-height: 1.2;
margin: 0 0 1rem;
padding: 2rem;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
}

.project {
margin-top:1.5rem!important
}

.project img {
display:table-cell;
float:left!important;
max-height:100px!important;
position:relative!important;
z-index:999!important;
width:auto
}

.project {
font-size:1.5rem
}

#menu li {
margin-left:0
}

.caption {
color:#fff;
font-weight:800;
text-decoration:none;
font-size:2.5rem;
display:table-cell
}

.behavioral,.cultural,.development,.early {
display:table
}

.caption {
display:table-cell;
vertical-align:middle;
padding-left:2.5rem;
width:100%;
font-family:"Montserrat",sans-serif
}

.bottom {
display:block;
position:relative;
text-align: left;
margin:1rem 0;
padding: 0 1.5rem;
}

footer .six {
margin:2rem 0
}
}

@media (min-width: 800px) {
.container{width:90%}.column,.columns{margin-left:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:15.3333333333%}.three.columns{width:23.5%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:49%}.seven.columns{width:56.6666666667%}.eight.columns{width:67.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}#menu li:first-child{margin-left:0}

.ppic {
	height: 57px;
	min-width: 110px;
}
.pbrder {
    position: relative;
    top: 75px;
}
header {
width:90%;
margin:0 auto;
max-width:1400px
}
.fsocial {
list-style-type:none;
margin:1rem 0 0;
line-height:3rem;
text-align:right
}
.bottom {
display:block;
position:relative;
text-align:center;
margin:1rem 0;
padding: 0 1.5rem;
}
.cimage,.cimage1,.cimage2,.cimage3 {
width:100%;
height:250px;
display:block
}
.leftlink {
display:block
}
nav ul li ul {
display:none
}
.leftnav li a {
padding:1rem 0;
display:block;
background:#f8f5e6;
border:0;
text-decoration:none;
color:#444
}
nav li a {
display:block;
height:50px;
line-height:50px;
color:#333;
text-decoration:none;
text-transform:uppercase;
font-size:1.8rem;
text-align:center;
border-bottom:none
}
.bcontainer {
display:table;
width:90%;
max-width:1400px;
margin:0 auto;
padding:3rem 0;
-webkit-box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17);
-moz-box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17);
box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17)
}
.bfour {
display:table-cell;
width:26%;
vertical-align:top;
float:left;
margin:0 2%
}
.btwo {
display:table-cell;
width:15.5%;
position:relative;
float:left;
margin-right:2%
}
.btwo img {
display:block
}
.btext {
display:block;
padding:1.5rem;
text-decoration:none;
color:#fff;
text-transform: uppercase;
font-family:"Montserrat",sans-serif;
line-height:1.2em;
}
.tBanner {
display:table;
width:90%;
max-width:1400px;
margin:0 auto
}
.lBanner {
display:table-cell
}
.rBanner {
display:table-cell;
width:50%;
vertical-align:bottom;
text-align:right;
color:#fff;
background:url(../images/gu.png);
background-repeat:no-repeat;
background-position:right top -135px;
background-size:50rem;
opacity:.7
}
.rbanner span {
display:relative;
padding-bottom:3rem
}
.rBanner a {
color:#fff;
text-decoration:none;
font-size:1.5rem;
margin-bottom:1rem;
display:inline-block
}
article .container {
padding:0 3rem 3.5rem;
-webkit-box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17);
-moz-box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17);
box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17)
}
.caption {
text-decoration:none;
font-family:"Montserrat",sans-serif;
color:#fff;
padding:1rem;
font-size:1em;
line-height:2rem;
vertical-align:middle;
min-width:10%;
text-align:left
}
.emblem {
min-height:160px;
opacity:.7;
color:#fff
}
.emblem span {
display:block;
text-align:right
}
.highlights {
background:#f4edd2;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
padding:0 3rem 3rem;
-webkit-box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17);
-moz-box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17);
box-shadow:-1px 17px 22px -1px rgba(0,0,0,0.17)
}
.project {
display:table
}
.project img {
display:table-cell;
text-align:center
}
.caption {
display:inline-block;
width:100%
}
nav li:first-child {
margin-left:4rem!important
}
.left {
display:table-cell;
width:70%;
vertical-align:top;
padding-right:3rem
}
.right {
display:table-cell;
}
.highlight {
    background: #f8f5e6 none repeat scroll 0 0;
    border-top: 8px solid #e5dab7;
    list-style-type: none;
    margin: 0;
    padding: 1rem 1.5rem;
}
.break {
display:block;
height:200px
}
.break2 {
display:block;
height:210px;
background:#f4edd2
}
.fname {
display:block;
margin:1rem 0;
font-weight:600;
color:#04418c
}
.ftable {
display:table;
}
.fcell {
display: block;
float: left;
margin-right: 2%;
width: 23%;
}
footer {
position:absolute
}
footer .six {
margin-top:3rem;
margin-bottom:5rem
}
}
html {
font-size:62.5%
}
body {
font-size:1.5em;
line-height:1.5;
font-weight:400;
font-family:"Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
color:#333
}
h1,h2,h3,h4,h5,h6 {
margin-top:0;
font-weight:300;
color:#04418c;
margin: 0;
}
h1 {
font-size:4rem;
letter-spacing:-.1rem;
}
h2 {
font-size:3.6rem;
letter-spacing:-.1rem;
text-transform:uppercase;
}
h3 {
font-size:2.9rem;
letter-spacing:-.1rem;
}
h4 {
font-size:2.4rem;
}
h5 {
font-size:1.8rem;
letter-spacing:-.05rem;
}
h6 {
font-size:1.5rem;
letter-spacing:0;
}
@media (min-width: 550px) {
h1 {
font-size:5rem
}

h2 {
font-size:4.2rem
}

h3 {
font-size:2.9rem
}

h4 {
font-size:2.5rem;
letter-spacing:-1px
}

h5 {
font-size:1.5rem;
font-weight: 600;
}

h6 {
font-size:1.5rem
}
}
p {
margin-top:0;
margin-bottom: 2rem;
}
a {
color:#00AEEF;
}
.expand {
    display: block;
    font-style: normal;
    font-weight: 600;
    padding: 7px 0 0 0;
    position: relative;
    text-transform: uppercase;
    color: #8d7f7b;
    border: none;
    font-size: 1.3rem;
}
a:hover {
color:#04418c;
}
.btext:hover {
color:#fff
}
.blk1 {
background:#00458b
}
.blk1:hover {
background:#589acc;
color:#fff
}
.blck1:hover {
background:#589acc;
color:#fff
}
.blk2 {
background:#ad172b
}
.blk2:hover,.blck2:hover {
background:#e59aa6;
color:#fff
}
.blk3 {
background:#598527
}
.blk3:hover,.blck3:hover {
background:#9cbc88;
color:#fff
}
.blk4 {
background:#da511f
}
.blk4:hover,.blck4:hover {
background:#efac98;
color:#fff
}
ol,ul {
padding-left:0;
margin-top:0
}
ul ul,ul ol,ol ol,ol ul {
margin:1.5rem 0 1.5rem 3rem;
font-size:90%
}
li {
margin-left:2.5rem
}
code {
padding:.2rem .5rem;
margin:0 .2rem;
font-size:90%;
white-space:nowrap;
background:#F1F1F1;
border:1px solid #E1E1E1;
border-radius:4px;
line-height: 1.4;
}
pre > code {
display:block;
padding:1rem 1.5rem;
}
th,td {
padding:12px 15px;
text-align:left;
border-bottom:1px solid #E1E1E1
}
th:first-child,td:first-child {
padding-left:0
}
th:last-child,td:last-child {
padding-right:0
}
button,.button {
margin-bottom:1rem
}
input,textarea,select,fieldset {
margin-bottom:1.5rem
}
blockquote {
    background: rgba(0, 0, 0, 0) linear-gradient(to left, #fff, #f6f5f2) repeat scroll 0 0;
    border-left: 6px solid #ccc;
    line-height: 1.5;
    margin-bottom: 25px;
    padding: 25px 30px;
}
.u-full-width {
width:100%;
box-sizing:border-box
}
.u-max-full-width {
max-width:100%;
box-sizing:border-box
}
.u-pull-right {
float:right
}
.u-pull-left {
float:left
}
hr {
margin-top:3rem;
margin-bottom:3.5rem;
border-width:0;
border-top:1px solid #E1E1E1
}
.container:after,.row:after,.u-cf {
content:"";
display:table;
clear:both
}
img {
width:100%
}
img.border {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}
img.img-right {
    height: auto;
    margin: 0 0 15px 15px;
    width: 25%;
}
.img-right {
    float: right;
}
img.img-left {
    height: auto;
    margin: 0 15px 15px 0;
    width: 25%;
    padding: 0;
}
.img-left {
    float: left;
}
.banner {
background-color:#00458b
}
.emblem {
background:url(../images/gu.png);
background-color:#00458b;
background-repeat:no-repeat;
background-position:right top -135px;
background-size:50rem
}
.pbrder {
padding:2rem
}
.profile {
display:block
}
.pic {
border:1px solid #c9c1ba;
margin-bottom:1rem
}
.ppic {
display: block;
float: left;
position: relative;
width: 100%;
display: none;
}
.imblck {
display:table-cell;
vertical-align:middle
}
.blck1,.blck2,.blck3,.blck4 {
display:table-cell;
vertical-align:middle;
width:100%;
color:#fff;
text-decoration:none;
padding:1rem
}
.ri {
margin-bottom:1rem;
display:table
}
.ri a {
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: 600;
}
.behavioral {
background:#00458b
}
.cultural {
background:#ad172b
}
.development {
background:#598527
}
.early {
background:#da511f
}
.pname {
font-weight:800;
text-transform:uppercase;
margin-bottom:1.2rem;
display:block;
color:#04418C
}
.pinfo {
color:#666;
font-size:1.2rem;
display:inline-block
}
.pinfo a {
font-size:1.2rem;
display:inline-block;
text-decoration:none
}
.logo img {
padding:3rem 0 2rem;
max-width:420px
}
.gu {
color:#fff;
text-transform:uppercase;
font-style:italic;
font-family:Georgia,"Times New Roman",Times,serif
}
.gu a {
color:#fff;
text-decoration:none;
font-size:1.8rem
}
.toplinks {
float:right;
margin:0;
position:relative
}
.toplinks li {
background:rgba(0,0,0,0) none repeat scroll 0 0;
display:inline-block;
margin:0 0 0 -5px;
padding:0
}
.toplinks li:last-child a {
padding:0!important
}
.toplinks li a {
border:medium none;
color:#fff;
font-size:13px;
padding:10px 0;
text-transform:uppercase;
text-decoration:none;
margin-left:10px
}
.toplinks li a:hover {
text-decoration:underline
}
.project {
margin-top:3rem;
display:table
}
.caption:hover {
background:#4095d1;
color:#fff
}
.project ul li {
font-size:1.8rem;
color:#04418c;
font-weight:800
}
.learnmore {
display:block
}
.sections {
margin-top:2.5rem
}
.learnmore a {
text-transform:uppercase;
position:relative;
color:#d71920;
text-decoration:none;
font-weight:600;
font-family:trebuchet ms;
font-size:1.2rem
}
.footer {
color:#fff
}
a[href^=tel] {
color:inherit;
text-decoration:none
}
nav ul {
list-style-type:none;
margin:0;
padding:0
}
nav li {
display:inline-block;
float:left;
margin-right:1px;
margin-bottom:0!important
}
nav li:hover a {
color:#4095d1
}
.leftnav {
margin:0;
padding:0 1.5rem;
list-style-type:none;
border-bottom:8px solid #e5dab7;
background:#f8f5e6
}
.leftnav li:first-child {
font-weight:600;
text-transform:uppercase;
font-size:1.6rem
}
.leftnav li:last-child {
border-bottom:none
}
.leftnav li {
padding:0;
margin:0;
border-bottom:1px solid #c9c1ba
}
nav .fa {
font-size:3rem
}
.active a {
color:#4095d1
}
.active ul li a {
color:inherit
}
.bookmark {
color:#4095d1!important
}
.social {
text-decoration:none;
list-style-type:none;
margin:0;
text-align:right
}
.social li {
display:inline-block;
margin:0 0 0 1rem
}
.social li:first-child {
margin-left:0
}
.social li a {
line-height:50px;
font-size:2.5rem;
color:#c9c1ba;
padding-right:.2rem
}
.social li a:hover {
color:#4095d1
}
.whatsnew {
list-style-type:none
}
.whatsnew li {
margin-left:0;
margin-bottom:1.5rem
}
.whatsnew li img {
border:1px solid #c9c1ba;
border-radius:50%;
box-sizing:content-box;
display:block;
float:left;
height:65px;
margin-right:12px;
width:65px
}
.blurb {
display:table-row-group
}
.newres {
list-style-type:none
}
.newres li {
margin:0;
border-bottom:1px solid #c9c1ba;
padding:1rem 0
}
.newres li:first-child {
padding-top:0!important
}
.newres li:last-child {
border:none
}
nav li:hover ul a {
background:#f3f3f3;
color:#2f3036;
height:40px;
line-height:40px
}
nav li:hover ul a:hover {
background:#00458b;
color:#fff
}
nav li ul {
display:none
}
nav li ul li {
display:block;
float:none
}
nav li ul li a {
width:auto;
min-width:100px;
padding:0 20px
}
nav ul li a:hover + .hidden,.hidden:hover {
display:block
}
.show-menu {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
text-decoration:none;
color:#fff;
background:#4682b4;
text-align:left;
padding:1rem;
display:none
}
input[type=checkbox] {
display:none
}
input[type=checkbox]:checked ~ #menu {
display:block
}
@media (max-width: 1060px) {
.social {
display:none
}
}
@media screen and (max-width: 800px) {
nav ul {
position:static;
display:none
}
nav li {
margin-bottom:1px
}
nav ul li,li a {
width:100%
}
.show-menu {
display:block
}
}
html {
position:relative;
min-height:100%
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
margin:0 0 20px
}
.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
article {
background:#fff
}
.content {
margin-top:3rem;
padding-left:1rem
}
footer {
width:100%;
background:#498fcc;
color:#fff;
position:relative
}
footer h5 {
margin-bottom:1rem!important;
color:#fff;
font-weight:800
}
.bottom a {
text-decoration:none
}
.fsocial li:first-child {
margin-left:0;
font-weight:700
}
.fsocial li {
display:inline-block;
margin-left:.5rem
}
.fsocial li a {
color:#fff;
border:none;
text-decoration:none
}
@font-face{font-family:Pe-icon-social;src:url(../fonts/Pe-icon-social.eot?-96eskg);src:url(../fonts/Pe-icon-social.eot?#iefix-96eskg) format("embedded-opentype"),url(../fonts/Pe-icon-social.woff?-96eskg) format("woff"),url(../fonts/Pe-icon-social.ttf?-96eskg) format("truetype"),url(../fonts/Pe-icon-social.svg?-96eskg#Pe-icon-social) format("svg");font-weight:400;font-style:normal}[class*=" pe-so-"],[class^=pe-so-]{display:inline-block;font-family:Pe-icon-social;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pe-so-facebook,.pe-so-linkedin,.pe-so-twitter,.pe-so-vimeo{border:1px solid #71a7d6;border-radius:3px;color:#fff;display:inline-block;font-size:2rem;padding:10px 0;transition:color 150ms linear 0s,background 150ms linear 0s,font-size 150ms linear 0s,width 150ms ease 0;width:40px;text-align:center}a:hover .pe-so-facebook{background:#3B5998}a:hover .pe-so-twitter{background:#00aced}a:hover .pe-so-linkedin{background:#007bb6}a:hover .pe-so-vimeo{background:#4ebbff}.pe-so-500px:before{content:"\e600"}.pe-so-facebook:before{content:"\e617"}.pe-so-flickr:before{content:"\e61a"}.pe-so-google-plus:before{content:"\e620"}.pe-so-linkedin:before{content:"\e62c"}.pe-so-pinterest:before{content:"\e638"}.pe-so-rss:before{content:"\e63f"}.pe-so-twitter:before{content:"\e651"}.pe-so-vimeo:before{content:"\e654"}.pe-so-vine:before{content:"\e655"}.pe-so-youtube-1:before{content:"\e661"}.pe-so-youtube-2:before{content:"\e662"}

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

}
[data-icon]:before {
  font-family: "gucchd" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "gucchd" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-angle-left:before {
  content: "\61";
}
.icon-angle-right:before {
  content: "\62";
}
.icon-compress:before {
  content: "\63";
}
.icon-left-open-big:before {
  content: "\64";
}
.icon-right-open-big:before {
  content: "\65";
}
.icon-angle-down:before {
  content: "\66";
}
.icon-angle-up:before {
  content: "\67";
}
.icon-ios-arrow-down:before {
  content: "\68";
}
.icon-ios-arrow-up:before {
  content: "\69";
}
.icon-android-add:before {
  content: "\6a";
  position: relative;
  top: 2px;
}
.icon-android-remove:before {
  content: "\6b";
  position: relative;
  top: 2px;
}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 1rem;
  background: #fff;
  position: relative;
  zoom: 1;
  border: 1px solid #c9c1ba;
  overflow: hidden;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 250px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 250px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 60px;
  margin: -20px 0 0;
  position: absolute;
  top: 47%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "gucchd";
  font-size: 40px;
  display: inline-block;
  content: '\61';
}
.flex-direction-nav a.flex-next:before {
  content: '\62';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 5px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: tomato;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.four.columns.sections {
	padding: 0 1rem;
}

@media screen and (max-width: 800px) {
	.four.columns.sections {
		padding: 1rem 0;
	}
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}