/*!
 * Roots 6.5.2
 *//*! normalize.css v3.0.0 | MIT License | git.io/normalize */
 
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

body {
margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display:block
}

audio,canvas,progress,video {
display:inline-block;
vertical-align:baseline
}

audio:not([controls]) {
display:none;
height:0
}

[hidden],template {
display:none
}

a {
background:transparent
}

a:active,a:hover {
outline:0
}

abbr[title] {
border-bottom:1px dotted
}

b,strong {font-weight: 300;color: #B4975A;}

dfn {
font-style:italic
}

mark {
background:#ff0;
color:#000
}

small {
font-size:80%
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup {
top:-0.5em
}

sub {
bottom:-0.25em
}

img {width: auto\9;      height: auto;      max-width: 100%;      vertical-align: middle;      border: 0;      -ms-interpolation-mode: bicubic;}

svg:not(:root) {
overflow:hidden
}

figure {
margin:1em 40px
}

hr {
box-sizing:content-box;
height:0
}

pre {
overflow:auto
}

code,kbd,pre,samp {
font-family:monospace, monospace;
font-size:1em
}

button,input,optgroup,select,textarea {
color:inherit;
font:inherit;
margin:0
}

button {
overflow:visible
}

button,select {
text-transform:none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer
}

button[disabled],html input[disabled] {
cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0
}

input {
line-height:normal
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto
}

input[type="search"] {
-webkit-appearance:textfield;
box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

fieldset {
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em
}

legend {
border:0;
padding:0
}

textarea {
overflow:auto
}

optgroup {
font-weight:bold
}

table {
border-collapse:collapse;
border-spacing:0
}

td,th {padding: 10px;border: 1px dashed #E2E2E2;}



* {
box-sizing:border-box
}

*:before,*:after {
box-sizing:border-box
}

html {
font-size:62.5%;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}

body {
font-family:'Kanit',Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 19px;font-weight: 200;
line-height:1.428571429;color: #414042;background-color: #fff;border: 0.625rem solid #fff;height: 100%;}

body.home {
    background-color: #414042;
    color: #fff;
}

input,button,select,textarea {
font-family:inherit;
font-size:inherit;
line-height:inherit
}

a {color: rgb(0, 161, 96);
text-decoration:none}

a:hover,a:focus {
    color: #02BF72;
}

a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}

figure {
margin:0
}

.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img {
display:block;
max-width:100%;
height:auto
}

.img-rounded {
border-radius:6px
}

.img-thumbnail {
padding:4px;
line-height:1.428571429;
background-color:#fff;
border:1px solid #ddd;
border-radius:4px;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:inline-block;
max-width:100%;
height:auto
}

.img-circle {
border-radius:50%
}

hr {margin-top: 40px;margin-bottom: 40px;border:0;border-top: 1px dashed #E2E2E2;}

.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
border:0
}



h4,h5,h6,.h4,.h5,.h6 {
font-family:inherit;font-weight: 400;
line-height:1.1;
color:inherit}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
font-weight:normal;
line-height:1;
color:#999
}

h1,.h1,h2,.h2,h3,.h3 {
margin-bottom:10px;font-weight: 100;line-height: 1.1;margin-top: 0;}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
font-size:65%
}

h4,.h4,h5,.h5,h6,.h6 {
margin-top:10px;
margin-bottom:10px
}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
font-size:75%
}

h1,.h1 {font-size: 5em;}

h2,.h2 {font-size: 2.5em;margin-bottom: 70px;padding-bottom: 40px;position: relative;text-align: center;font-weight: 500;      letter-spacing: 0.1em;text-transform: uppercase;}

h3,.h3 {
    font-size: 2em;
}

h4,.h4 {font-size: 1.3em;color: #00A160;}

h5,.h5 {font-size: 0.9em;color: #B4975A;font-weight: 300;}

h6,.h6 {
font-size:12px
}

p {
margin:0 0 10px
}

.lead {
margin-bottom:20px;
font-size:16px;
font-weight:200;
line-height:1.4
}



small,.small {
font-size:85%
}

cite {
font-style:normal
}

.text-left {
text-align:left
}

.text-right {
text-align:right
}

.text-center {
text-align:center
}

.text-justify {
text-align:justify
}

.text-muted {
color:#999
}

.text-primary {
color:#428bca
}

a.text-primary:hover {
color:#3071a9
}

.text-success {
color:#3c763d
}

a.text-success:hover {
color:#2b542c
}

.text-info {
color:#31708f
}

a.text-info:hover {
color:#245269
}

.text-warning {
color:#8a6d3b
}

a.text-warning:hover {
color:#66512c
}

.text-danger {
color:#a94442
}

a.text-danger:hover {
color:#843534
}

.bg-primary {
color:#fff;
background-color:#428bca
}

a.bg-primary:hover {
background-color:#3071a9
}

.bg-success {
background-color:#dff0d8
}

a.bg-success:hover {
background-color:#c1e2b3
}

.bg-info {
background-color:#d9edf7
}

a.bg-info:hover {
background-color:#afd9ee
}

.bg-warning {
background-color:#fcf8e3
}

a.bg-warning:hover {
background-color:#f7ecb5
}

.bg-danger {
background-color:#f2dede
}

a.bg-danger:hover {
background-color:#e4b9b9
}

.page-header {
    margin-bottom: 70px;
    padding-bottom: 40px;
    position: relative;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-header:after {
    content: "";
    height: 1px;
    width: 100px;
    background-color: #414042;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
}

ul, ol {
margin-top:0;
margin-bottom:10px
}

ul ul,ol ul,ul ol,ol ol {
margin-bottom:0
}

.content ul, .textwidget ul {
margin-top: 1em;
margin-bottom: 1em;
list-style-type: none;
padding-left: 25px;
}

.content ul li {
position: relative;margin-bottom: 1em;}

.textwidget ul li {
    position: relative;
}

.content ul li:before {    
font-family: 'FontAwesome';
content: '\f067';color: #B4975A;
font-size: 0.8em;position: absolute;left: -25px;top: 4px;
}

.textwidget ul li:before {    
font-family: 'FontAwesome';
content: '\f067';color: #B4975A;font-size: 0.7em;position: absolute;left: -25px;top: 5px;}


.content ul li ul, .textwidget ul li ul {
    list-style-type: circle;
    margin-top: 0.4em;
}

.content ul li ul li:before, .textwidget ul li ul:before {
    display: none;
}

.content ul li ul li, .textwidget ul li ul li {
    margin-bottom: 5px;
}

.list-unstyled {
padding-left:0;
list-style:none
}

.list-inline {
padding-left:0;
list-style:none;
margin-left:-5px
}

.list-inline>li {
display:inline-block;
padding-left:5px;
padding-right:5px
}

dl {
margin-top:0;
margin-bottom:20px
}

dt,dd {
line-height:1.428571429
}

dt {
font-weight:bold
}

dd {
margin-left:0
}

abbr[title],abbr[data-original-title] {
cursor:help;
border-bottom:1px dotted #999
}

.initialism {
font-size:90%;
text-transform:uppercase
}

blockquote {margin: 0;position: relative;padding: 60px 20px 20px 20px;font-size: 1.7em;color: #B4975A;}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
margin-bottom:0
}

blockquote footer,blockquote small,blockquote .small {

display:block;
font-size:80%;
line-height:1.428571429;
color:#999
}

blockquote footer:before,blockquote small:before,blockquote .small:before {
content:'\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
padding-right:15px;
padding-left:0;
border-right:5px solid #eee;
border-left:0;
text-align:right
}

.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
content:''
}

.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
content:'\00A0 \2014'
}

blockquote:before,blockquote:after {
content:""
}

address {
margin-bottom:20px;
font-style:normal;
line-height:1.428571429
}

code,kbd,pre,samp {
font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
padding:2px 4px;
font-size:90%;
color:#c7254e;
background-color:#f9f2f4;
white-space:nowrap;
border-radius:4px
}

kbd {
padding:2px 4px;
font-size:90%;
color:#fff;
background-color:#333;
border-radius:3px;
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)
}

pre {
display:block;
padding:9.5px;
margin:0 0 10px;
font-size:13px;
line-height:1.428571429;
word-break:break-all;
word-wrap:break-word;
color:#333;
background-color:#f5f5f5;
border:1px solid #ccc;
border-radius:4px
}

pre code {
padding:0;
font-size:inherit;
color:inherit;
white-space:pre-wrap;
background-color:transparent;
border-radius:0
}

.pre-scrollable {
max-height:340px;
overflow-y:scroll
}

.container {
margin-right:auto;
margin-left:auto;position: relative;padding: 0 40px;}



.container-fluid {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}

.row {
margin-left:-15px;
margin-right:-15px
}

table {
max-width:100%;
background-color:transparent;margin: 30px 0;width: 100%;}

th {
text-align:left
}

.table {
width:100%;
margin-bottom:20px
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
padding:8px;
line-height:1.428571429;
vertical-align:top;
border-top:1px solid #ddd
}

.table>thead>tr>th {
vertical-align:bottom;
border-bottom:2px solid #ddd
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
border-top:0
}

.table>tbody+tbody {
border-top:2px solid #ddd
}

.table .table {
background-color:#fff
}

fieldset {
padding:0;
margin:0;
border:0;
min-width:0
}

legend {
display:block;
width:100%;
padding:0;
margin-bottom:20px;
font-size:21px;
line-height:inherit;
color:#333;
border:0;
border-bottom:1px solid #e5e5e5
}

label {
display:inline-block;
margin-bottom:5px;
font-weight:bold
}

input[type="search"] {
box-sizing:border-box
}

input[type="radio"],input[type="checkbox"] {
margin:4px 0 0;
margin-top:1px \9;
line-height:normal
}

input[type="file"] {
display:block
}

input[type="range"] {
display:block;
width:100%
}

select[multiple],select[size] {
height:auto
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}

output {
display:block;
padding-top:7px;
font-size:14px;
line-height:1.428571429;
color:#555
}

input[type="search"] {
-webkit-appearance:none
}

input[type="date"] {
line-height:34px
}

.form-group {
margin-bottom:15px
}

.radio,.checkbox {
display:block;
min-height:20px;
margin-top:10px;
margin-bottom:10px;
padding-left:20px
}

.radio label,.checkbox label {
display:inline;
font-weight:normal;
cursor:pointer
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
float:left;
margin-left:-20px
}

.radio+.radio,.checkbox+.checkbox {
margin-top:-5px
}

.radio-inline,.checkbox-inline {
display:inline-block;
padding-left:20px;
margin-bottom:0;
vertical-align:middle;
font-weight:normal;
cursor:pointer
}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
margin-top:0;
margin-left:10px
}

input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline {
cursor:not-allowed
}

.fade {
opacity:0;
-webkit-transition:opacity .15s linear;

transition:opacity .15s linear
}

.fade.in {
opacity:1
}

.collapse {}

.collapse.in {
    opacity: 1;
    visibility: visible;
    -webkit-transition:opacity 0.5s;
    transition: opacity 0.5s;
}

.collapsing {
position:relative;
height:0;
overflow:hidden;
-webkit-transition:height .35s ease;
transition:height .35s ease
}

.caret {
display:inline-block;
width:0;
height:0;
margin-left:2px;
vertical-align:middle;
border-top:4px solid;
border-right:4px solid transparent;
border-left:4px solid transparent
}

.dropdown {
position:relative
}

.dropdown-toggle:focus {
outline:0
}

.dropdown-menu {
position:absolute;
top:100%;
left:0;
z-index:1000;
display:none;
float:left;
min-width:160px;
padding:5px 0;
margin:2px 0 0;
list-style:none;
font-size:14px;
background-color:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.15);
border-radius:4px;
box-shadow:0 6px 12px rgba(0,0,0,0.175);
background-clip:padding-box
}

.dropdown-menu.pull-right {
right:0;
left:auto
}

.dropdown-menu .divider {
height:1px;
margin:9px 0;
overflow:hidden;
background-color:#e5e5e5
}

.dropdown-menu>li>a {
display:block;
padding:3px 20px;
clear:both;
font-weight:normal;
line-height:1.428571429;
color:#333;
white-space:nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
text-decoration:none;
color:#262626;
background-color:#f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
color:#fff;
text-decoration:none;
outline:0;
background-color:#428bca
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
color:#999
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
text-decoration:none;
background-color:transparent;
background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor:not-allowed
}

.open>.dropdown-menu {
display:block
}

.open>a {
outline:0
}

.dropdown-menu-right {
left:auto;
right:0
}

.dropdown-menu-left {
left:0;
right:auto
}

.dropdown-header {
display:block;
padding:3px 20px;
font-size:12px;
line-height:1.428571429;
color:#999
}

.dropdown-backdrop {
position:fixed;
left:0;
right:0;
bottom:0;
top:0;
z-index:990
}

.pull-right>.dropdown-menu {
right:0;
left:auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
border-top:0;
border-bottom:4px solid;
content:""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top:auto;
bottom:100%;
margin-bottom:1px
}


.nav {
margin-bottom:0;
padding-left:0;
list-style:none;opacity: 0.4;      -webkit-transform: translateY(-25%) rotateX(35deg);      transform: translateY(-25%) rotateX(35deg);      transition: -webkit-transform 0.5s, opacity 0.5s;      -webkit-transition:opacity 0.5s, -webkit-transform 0.5s;      transition:opacity 0.5s, -webkit-transform 0.5s;      transition:transform 0.5s, opacity 0.5s;      transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;display: table;margin: 0 auto;text-align: center;}

.nav>li {
position:relative;}

.nav>li>a {
position:relative;display: inline-block;padding: 5px 0px;font-size: 1.8em;text-transform: uppercase;font-weight: 400;letter-spacing: 0.1em;line-height: 1.1;margin: 15px 0px;border-bottom: 2px solid rgba(0, 0, 0, 0);padding-left: 0.1em;}

.nav>li>a:hover,.nav>li>a:focus {
text-decoration:none;}

.nav>li.disabled>a {
color:#999
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
color:#999;
text-decoration:none;
background-color:transparent;
cursor:not-allowed
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
background-color:#eee;
border-color:#428bca
}

.nav .nav-divider {
height:1px;
margin:9px 0;
overflow:hidden;
background-color:#e5e5e5
}

.nav>li>a>img {
max-width:none
}

.nav-tabs {
border-bottom:1px solid #ddd
}

.nav-tabs>li {
float:left;
margin-bottom:-1px
}

.nav-tabs>li>a {
margin-right:2px;
line-height:1.428571429;
border:1px solid transparent;
border-radius:4px 4px 0 0
}

.nav-tabs>li>a:hover {
border-color:#eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
color:#555;
background-color:#fff;
border:1px solid #ddd;
border-bottom-color:transparent;
cursor:default
}

.nav-tabs.nav-justified {
width:100%;
border-bottom:0
}

.nav-tabs.nav-justified>li {
float:none
}


.nav-tabs.nav-justified>li>a {
text-align:center;
margin-bottom:5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top:auto;
left:auto
}



.nav-tabs.nav-justified>li>a {
margin-right:0;
border-radius:4px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
border:1px solid #ddd
}


.nav-pills>li {
float:left
}

.nav-pills>li>a {
border-radius:4px
}

.nav-pills>li+li {
margin-left:2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
color:#fff;
background-color:#428bca
}

.nav-stacked>li {
float:none
}

.nav-stacked>li+li {
margin-top:2px;
margin-left:0
}

.nav-justified {
width:100%
}

.nav-justified>li {
float:none
}

.nav-justified>li>a {
text-align:center;
margin-bottom:5px
}

.nav-justified>.dropdown .dropdown-menu {
top:auto;
left:auto
}



.nav-tabs-justified {
border-bottom:0
}

.nav-tabs-justified>li>a {
margin-right:0;
border-radius:4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
border:1px solid #ddd
}


.tab-content>.tab-pane {
display:none
}

.tab-content>.active {
display:block
}

.nav-tabs .dropdown-menu {
margin-top:-1px;
border-top-right-radius:0;
border-top-left-radius:0
}

.navbar {position: absolute;width: 100%;top: 0;left: 0;}

.home .navbar {position: absolute;width: 100%;top: 0;left: 0;}

.navbar-collapse {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !Important;
    opacity: 0;
    display: table;
    visibility: hidden;
    -webkit-transition: all 100ms ease-in-out;
    -webkit-transition:opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.navbar-collapse.in {}



.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
margin-right:-15px;
margin-left:-15px
}



.navbar-static-top {
z-index:1000;padding: 25px;}



.navbar-fixed-top,.navbar-fixed-bottom {
position:fixed;
right:0;
left:0;
z-index:1030
}



.navbar-fixed-top {
top:0;
border-width:0 0 1px
}

.navbar-fixed-bottom {
bottom:0;
margin-bottom:0;
border-width:1px 0 0
}

.navbar-brand {
    width: 150px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-brand:hover,.navbar-brand:focus {
text-decoration:none
}







.navbar-toggle {





position:relative;float: left;padding: 0 15px;
background-color:transparent;
background-image:none;border: 1px solid rgba(255, 255, 255, 0);z-index: 1;height: 66px;width: 77px;}

.navbar-toggle:focus {
outline:none
}

.navbar-toggle .icon-bar {
display:block;width: 45px;height: 6px;position: absolute;}

.navbar-toggle .icon-bar+.icon-bar {margin-top: 8px;}


.navbar-wrap {
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(0, 161, 96, 0.95);
    padding-top: 80px;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.navbar-nav>li>a {}



.navbar-form {
margin-left:-15px;
margin-right:-15px;
padding:10px 15px;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
margin-top:8px;
margin-bottom:8px
}



.navbar-nav>li>.dropdown-menu {
margin-top:0;
border-top-right-radius:0;
border-top-left-radius:0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
border-bottom-right-radius:0;
border-bottom-left-radius:0
}

.navbar-btn {



margin-top:8px;
margin-bottom:8px
}

.navbar-btn.btn-sm {
margin-top:10px;
margin-bottom:10px
}

.navbar-btn.btn-xs {
margin-top:14px;
margin-bottom:14px
}

.navbar-text {
margin-top:15px;
margin-bottom:15px
}

.navbar-default {}

.home .navbar-default .navbar-brand {opacity: 0;visibility: hidden;}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
color:#5e5e5e;
background-color:transparent
}

.navbar-default .navbar-text {
color:#777
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {border-bottom: 2px solid #EEE;}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
color:#ccc;
background-color:transparent
}

.navbar-default .navbar-toggle {}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #00A160;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.home .navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(255, 255, 255);
}

.navbar-default.navopen .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color:#e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
background-color:#e7e7e7;
color:#555
}



.navbar-default .navbar-link {
color:#777
}

.navbar-default .navbar-link:hover {
color:#333
}


.breadcrumb {
padding:8px 15px;
margin-bottom:20px;
list-style:none;
background-color:#f5f5f5;
border-radius:4px
}

.breadcrumb>li {
display:inline-block
}

.breadcrumb>li+li:before {
content:"/\00a0";
padding:0 5px;
color:#ccc
}

.breadcrumb>.active {
color:#999
}

.pagination {
display:inline-block;
padding-left:0;
margin:20px 0;
border-radius:4px
}

.pagination>li {
display:inline
}

.pagination>li>a,.pagination>li>span {
position:relative;
float:left;
padding:6px 12px;
line-height:1.428571429;







text-decoration:none;
color:#428bca;
background-color:#fff;
border:1px solid #ddd;
margin-left:-1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left:0;
border-bottom-left-radius:4px;
border-top-left-radius:4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
border-bottom-right-radius:4px;
border-top-right-radius:4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
color:#2a6496;
background-color:#eee;
border-color:#ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
z-index:2;
color:#fff;
background-color:#428bca;
border-color:#428bca;
cursor:default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
color:#999;
background-color:#fff;
border-color:#ddd;
cursor:not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
padding:10px 16px;
font-size:18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
border-bottom-left-radius:6px;
border-top-left-radius:6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-bottom-right-radius:6px;














border-top-right-radius:6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
padding:5px 10px;
font-size:12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-bottom-left-radius:3px;
border-top-left-radius:3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-bottom-right-radius:3px;
border-top-right-radius:3px
}


.label {
display:inline;
padding:.2em .6em .3em;
font-size:75%;

font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:.25em
}

.carousel-caption .btn {
text-shadow:none
}

.gallery-row {
padding:15px 0
}

.aligncenter {
display:block;
margin:0 auto
}

.alignleft {
float:left
}

.alignright {
float:right
}

figure.alignnone {
margin-left:0;
margin-right:0
}

.nav-apply-now, .nav-nominate {
    float: right;
    border: 1px solid #00A160;
    font-size: 1.4em;
    margin-top: 6px;
    margin-right: 6px;
    font-weight: 500;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 1;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    line-height: 100%;
}

.home .nav-apply-now, .home .nav-nominate, .navopen .nav-apply-now, .navopen .nav-nominate {
    border-color: #fff;
}

.nav-apply-now a, .nav-nominate a {
    padding: 15px 50px 15px 20px;
    display: block;
}

.home .nav-apply-now a, .home .nav-nominate a, .navopen .nav-apply-now a, .navopen .nav-nominate a {
    color: #fff;
}

.nav-apply-now:hover, .nav-apply-now:focus, .nav-nominate:hover, .nav-nominate:focus {
    background-color: #00B96E;
    border-color: #0ECC7F;
}

.nav-apply-now:hover a, .nav-apply-now:focus a, .nav-nominate:hover a, .nav-nominate:focus a {
    color: #fff
}

button.navbar-toggle.collapsed:hover .icon-bar {
    -webkit-transition:background-color 0.5s;
    transition: background-color 0.5s;
}

.home button.navbar-toggle.collapsed:hover .icon-bar {
    background-color: #00D680;
}

.page-wrap {position: relative;}

.section-wrap {
    padding: 100px 0px 300px 0px;
    position: relative;
    width: 100%;
    height: auto;
}

.section-wrap:nth-of-type(3n+1) {
    background-color: #00A060;
}

.section-wrap:nth-of-type(3n+2) {
    background-color: #FFFFFF;
    color: #414042;
}

.section-wrap:nth-of-type(3n+3) {
    background-color: #414042;
}

div#featured {
    padding-bottom: 250px;
    display: table;
    background-image: url(images/featured-bg.jpg);
    background-position: 50% 100%;

    background-position-x: 50%;
    background-position-y: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 200px;
}

img.bottom-mask {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.content-middle {
    text-align: center;
    width: 60%;
    display: block;
    margin: 0 auto;
}

.content-right {
    float: right;
    width: 50%;
}

.content-left {
    float: left;
    width: 41.66667%;
}

h2:after {
    content: "";
    height: 1px;
    width: 100px;
    background-color: #eee;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
}

.section-wrap:nth-of-type(3n+2) h2:after {
    background-color: #414042;
}

h3.verse-reference {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 600;
    color: #B4975A;
    letter-spacing: 0.1em;
}

blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-weight: 100;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    color: #B4975A;
    font-size: 1.2em;
}

.navbar.hasScrolled {
    position: fixed;
    top: -150px;
    padding: 25px;
}

.navbar.hasScrolled.scrolling {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar.hasScrolled.scrolling.finished {
    top: 0;
    padding: 0;
}

.navbar-header {
    padding: 10px;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.navbar.hasScrolled.scrolling .navbar-header {
    background-color: #00985B;
}

header.banner.navbar.hasScrolled.scrolling .navbar-brand {
    width: 130px;
    margin: 5px auto;
    display: block;
    opacity: 1;
    visibility: visible;
}

header.navopen .navbar-brand {
    width: 130px !important;
    margin: 5px auto;
    display: block !Important;
    opacity: 1 !Important;
    visibility: visible !important;
}

header.banner.navbar.hasScrolled.scrolling .nav-apply-now {
}

header.banner.navbar.hasScrolled.scrolling .nav-nominate {
    font-size: 1em;
    margin-top: 4px;
    margin-right: 4px;
}

header.banner.navbar.hasScrolled.scrolling .navbar-toggle {
}

div#arrow-verse {
    background-image: url(/assets/css/images/bible-verse-white-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-position-x: left;
    background-position-y: bottom;
    background-size: contain;
}

.featured-subtitle span {
    padding: 0 25px;
    position: relative;
}

.featured-subtitle {
    text-align: center;
    font-size: 1.25em;
    position: relative;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.featured-subtitle span:after {
    content: "";
    width: 2px;
    height: 0.8em;
    background-color: rgba(255, 255, 255, 0.45);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.35em;
}

.featured-subtitle span:last-child:after {
    opacity: 0;
    visibility: hidden;
}

img.home-logo {
    margin: 0 auto;
    display: block;
    width: 350px;
    margin-bottom: 70px;
}

.find-out-more {
    display: inline-block;
    background-color: #022919;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 50% 50%;
    position: absolute;
    left: 50%;
    bottom: 15%;
    z-index: 1;
    margin-left: -30px;
}

.find-out-more:after {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 100;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    line-height: 60px;
    width: 100%;
    left: 0;
    font-size: 45px;
    color: #00A060;
}

.find-out-more:hover {
    background-color: #054229;
}

div#arrow-community ul li:before {
    color: #fff;
}

.testimonial-item {
    text-align: center;
    padding: 2em 3em;
    width: 60%;
    opacity: 0.2;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.testimonial-image-wrap {
    border-radius: 50% 50%;
    overflow: hidden;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    width: 200px;
    height: 200px;
    margin: 0 auto 25px auto;
    background-color: #fff;
    position: relative;
    z-index: 1;
    border: 5px solid #B4975A;
}

.flickity-viewport {}

.staff-description {
    padding-top: 40px;
    position: relative;
}

.staff-description:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-weight: 100;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    color: #B4975A;
    font-size: 1.2em;
}

.staff-position h4 {
    font-weight: 600;
    color: #B4975A;
    letter-spacing: 0.1em;
    margin-top: 20px;
    margin-bottom: 0;
}

.staff-position {
    text-transform: uppercase;
    font-size: 0.7em;
    color: #B4975A;
}

.staff-position p {}

.testimonial-item.is-selected {
    opacity: 1;
}

footer.content-info {
    padding: 50px 0px;
    color: #fff;
    background-color: #414042;
    font-size: 0.9em;
    position: relative;
}

div#aims-of-arrow {
    background-image: url(images/aims-bg.jpg);
    background-position: bottom left;
    background-position-x: left;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.navbar-collapse.in .nav {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-10px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
}

.footer-logo {
    text-align: center;
    margin: 40px auto 80px auto;
    width: 200px;
}

div#what-is-arrow {
    background-image: url(images/what-is-arrow-bg.jpg);
    background-position: top right;
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: auto 105%;
}

div#arrow-involve {
    background-image: url(images/arrow-involve-bg.jpg);
    background-position: bottom right;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

div#arrow-for {
    background-image: url(/assets/css/images/arrow-for-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-position-x: left;
    background-position-y: bottom;
    background-size: contain;
}


.clear {
    clear: both;
    display: table;
    width: 100%;
}

div#arrow-community {
    background-image: url(images/arrow-community-bg.jpg);
    background-position: top right;
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
}

header.navopen {
    position: fixed !Important;
    top: 0 !Important;
    padding: 25px !Important;
}

header.navopen .navbar-header {
    background-color: transparent !Important;
}

header.navopen .navbar-toggle {
    padding: 15px !Important;
}



header.navopen .nav-apply-now, header.navopen .nav-nominate {
    margin-top: 9px !important;
    margin-right: 9px !Important;
}

.wrap.container {
    padding: 200px 10% 100px;
}

img.home-nav-logo {
    display: none;
}

.home img.home-nav-logo, .navopen img.home-nav-logo {
    display: block;
}

img.page-nav-logo {
    display: block;
}

.home img.page-nav-logo, .navopen img.page-nav-logo {
    display: none;
}

span.icon-bar:nth-of-type(2) {
    top: 15px;
}

span.icon-bar:nth-of-type(3) {
    top: 21px;
}

span.icon-bar:nth-of-type(4) {
    top: 35px;
}

.navopen span.icon-bar:nth-of-type(2) {
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
    top: 29px;
}

.navopen span.icon-bar:nth-of-type(4) {
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
    top: 21px;
}

.navopen span.icon-bar:nth-of-type(3) {
    opacity: 0;
}

div#apply-form, div#nominate-form{
    float: none;
    display: inline-block;
    margin: 5px;
    font-size: 1.4em;
}

.apply-wrap {
    text-align: center;
    margin-top: 50px;
}

div#apply-wrap {
    text-align: center;
}

.key-dates {
    padding: 40px 20px;
    border: 1px dashed #E2E2E2;
}

.key-dates h4 {
    margin-bottom: 30px;
}

.key-dates p {
    position: relative;
    padding-bottom: 40px;
}

.key-dates p:after {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 100;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    line-height: 20px;
    width: 50px;
    left: 50%;
    font-size: 20px;
    color: #ddd;
    margin-left: -25px;
    bottom: 5px;
}

.key-dates p:last-of-type:after {
    display: none;
}

.key-dates p:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}

.wrap.container:after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #B4975A;
    position: absolute;
    left: 0;
    bottom: 0;
}

.leadership-member-wrap, .board-member-wrap {
    margin-bottom: 30px;
}

.leadership-name, .board-name {
    font-weight: 600;
    color: #B4975A;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 1.1em;
    line-height: 100%;
}

.leadership-team-member h2, .board-wrap h2 {
    text-align: left;
}

.leadership-position, .board-position {
    font-size: 0.85em;
}

.leadership-team-member h2:after, .board-wrap h2:after {
    left: 0;
    margin-left: 0;
    background-color: #fff !important;
}

div#leadership-board {
    background-color: #414042;
    color: #fff;
}

div#testimonials {
    background-color: #FFF;
    color: #414042;
}

.content-box {
    float: left;
    width: 33.333%;
    padding: 40px 40px 0px 40px;
}

.footer-content-wrap {
    position: relative;
    margin: 0 -40px;
}

section.widget h3:after {
    content: "";
    height: 1px;
    width: 50px;
    background-color: #848484;
    position: absolute;
    left: 0;
    bottom: 0;
}

section.widget h3 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.social-icons {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.social-icons img {
    width: 30px;
    opacity: 0.8;
    margin: 0;
}

p#footer-left, p#footer-right {
    line-height: 30px;
    height: 30px;
}

.social-icons img:hover, .social-icons img:focus {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.08);
}

.nav-apply-now span {
    font-size: 0.5em;
    letter-spacing: 0;
    font-weight: 200;
    line-height: 100%;
    float: right;
    margin-left: 15px;
}

.nav-apply-now a:after, .nav-nominate a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 100;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    width: 10px;
    height: 15px;
    line-height: 15px;
    font-size: 25px;
    right: 19px;
    top: 50%;
    margin-top: -8px;
    color: #00A160;
}

.home .nav-apply-now a:after, .home .nav-nominate a:after, .navopen .nav-apply-now a:after, .navopen .nav-nominate a:after {
    color: #fff;
}

.nav-apply-now a:hover:after, .nav-nominate a:hover:after {
    color: #fff
}

.key-dates p:first-of-type {
    padding-bottom: 10px;
}

.key-dates p:first-of-type:after {
    display: none;
}