/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   author: elliot berg
   ========================================================================== */

@charset "UTF-8";

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

}

[data-icon]:before {
  font-family: "kent-presents" !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: "kent-presents" !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-call-1:before {
  content: "a";
}
.icon-mail-1:before {
  content: "b";
}
.icon-arrow-circle-29:before {
  content: "c";
}
.icon-arrow-circle-30:before {
  content: "d";
}
.icon-link:before {
  content: "e";
}
.icon-marker-2:before {
  content: "f";
}
.icon-arrow-67:before {
  content: "g";
}
.icon-arrow-68:before {
  content: "h";
}

.iconfont {
	font-family: "kent-presents";
	padding-left: 5px;
	text-transform: none;
	position: relative;
	top: 2px;
}


/*type*/
body {
	font-family: 'Lato', sans-serif;
	color: #676767;
	font-size: 1.15em;
}
img {max-width: 100%;}
a, a:visited {
	text-decoration: none;
	color: #195c30;
}
p a,
p a:visited {text-decoration: underline;}
a:hover {
	color: #666;
}
h1, h2, h3, h4, h5, h6 {color: #195c30;}
h1 {font-style: italic; margin-top: 0;}
h1 {font-family: 'Merriweather', serif;}
h1 + h3 {font-style: italic; font-weight: 400;}
h4 {text-transform: uppercase; font-weight: 400; color: #676767; margin-bottom: 0;}
h5 {font-size: 1em; margin-bottom: 5px;}

.center-text {text-align: center;}

.blurb {font-family: 'Merriweather', serif; font-style: italic; font-weight: 400; margin-top: 0;}

.btn, .btn:visited {
	background: #195c30;
	padding: 10px 1em;
	color: #fff!important;
	border: none;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	display: inline-block;
}
.btn:hover {background: #dcdcdc;}
.btn.big {display: block; text-align: center;}
#regular_adm .btn {background: #dcdcdc;}
#regular_adm .btn:hover {background: #dcdcdc;}

a.prev, 
a.next {display: block; float: left; padding-top: 3em; font-size: 1.25em;}
a.prev .iconfont {padding: 0 5px 0 0;}
a.next {float: right;}

.cmsmap {width: 100%; height: 500px;}
.cmsmap img {max-width: none;}

img + .cmsmap {margin: 2em 0;}
.wysiwyg {}
.wysiwyg a, .wysiwyg a:visited {text-decoration: underline;}
.wysiwyg a:hover {text-decoration: underline; color: #222;}
.wysiwyg h4 {color: #195c30; font-weight: 900; text-transform: none;}
.wysiwyg h4 + p {margin-top: .5em;}

/*header*/
header {
	background: #fff;
	padding: 1em 0;
	-webkit-box-shadow: 0px 5px 25px 5px #dcdcdc;
    	box-shadow: 0px 5px 25px 5px #dcdcdc;
}

.logo {float: left;}
.logo .ir {
	background: url(../img/logo.png) no-repeat top left;
	display: block;
	height: 68px;
	width: 260px;
	padding: 0 0 .5em;
}
.logo div {background: #195c30; color: #fff; font-size: .85em; font-family: 'Merriweather', serif; text-align: center; padding: 5px; margin: .5em 0 0;}

a.menu_icon, a.menu-icon:visited {
	float: right;
	display: block;
  position: relative;
 	padding-left: 1em;
	font-size: 1.5em;
  text-transform: uppercase;
	font-weight: 600;
	color: #195c30;
	margin-top: 20px;
}
.menu_icon:before {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	width: 1em;
	height: 0.125em;
	border-top: 0.375em double #195c30;
	border-bottom: 0.125em solid #195c30;
}

a.menu_icon.active,
.menu_icon.active:before {
	color: #666;
	border-color: #666;
}
header > nav {display: none;}

/*nav*/
nav {
	display: none;
	clear: both;
}
nav ul {
    margin: 0;
    padding: 1em 0 0;
}
nav ul li {
	position: relative;
}
nav ul li a, nav ul li a:visited {
	display: block;
	color: #7c7c7c;
	padding: 0 0 .5em;
}
nav ul li a:hover {
	color: #195c30;
}
nav ul li a.off:hover {
	color: #676767;
}

nav ul li a.btn {
	display: inline-block;
}

nav li > ul {
	display: none;
	padding: 0 1em 0;
}

nav ul.social li {
	float: left;
}
nav ul.social li a {
	padding: 0 10px 0 0;
}

.day-count {padding: .5em 0; color: #fff; background: #2ca055; text-align: center; font-style: italic;}

/*form*/
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="number"],
form input[type="url"],
form textarea,
form select {width: 100%; padding: 10px; border: 1px solid #dcdcdc; border-radius: 3px; margin: 0 0 1em; font-family: 'Lato', sans-serif; background: #fff; color: #676767;}
form textarea + small {display: block; margin: 0 0 1.5em;}
form .error {border-color: #C00!important;}
.fav-color {display: none;}

.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact input[type="number"],
.contact textarea {width: 97%; padding: 10px 1%;}

/*footer*/
footer {
	border-top: 1px solid #dcdcdc;
	padding: 2em 0;
}
footer .logo {float: none; width: 246px; margin: 0 0 2em;}
.ft_contact {font-size: .85em; padding-bottom: 1em;}
.ft_contact a {color: #676767; display: block; padding: 0 0 .5em;}
.ft_contact .iconfont {color: #195c30; font-size: 1.5em; top: 5px;}
.ft_contact .sbar {padding-bottom: .25em;}
.ft_contact .sbar_main {padding-top: .75em;}
.ft_contact .sbar .iconfont {padding: 0 1em 0 0;}
.ft_contact .sbar_main img {padding: 0 1.5em 0 0;}
.ft_contact .sbar_main a {padding: 0 0 1em;}

footer h3 {margin: 0;}
footer h3 + p {color: #dcdcdc;}

.web_cred {
	position: relative;
	font-weight: 600;
	text-align: center;
	font-size: .75em;
	line-height: 1;
	color: #195c30;
	border: 3px solid #195c30;
	background: #fff;
	border-radius: 50%;
	width: 14px;
	height: 14px;
}
.web_cred div {
	white-space: nowrap;
	background: #fff;
	border-radius: 3px;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	line-height: 1.4;
	color: #222;
	position: absolute;
	top: -5px;
	left: -5px;
	opacity: 0;
    visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.web_cred:hover div {
	opacity: 1;
    visibility: visible;
}

/*index*/
.index-cta {display: inline-block; margin: 1em 0 2em; text-transform: none;}

#ind_present {padding: 2em 0; position: relative;}
#ind_present h1,
#ind_present h2 {font-family: 'Lato', sans-serif; margin-top: 0; font-weight: 400; font-style: normal;}

.c_prev,
.c_next {display: none;}
	
#announce {padding: 30px; background: #195c30; text-align: center; color: #fff; font-family: 'Merriweather', serif; font-weight: 600; font-style: italic; font-size: 1.5em;}

.quotator.cycle-slideshow {height: 300px; position: relative; background-color: #195c30; color: #fff;}
.quotator.cycle-slideshow .quote {width: 200px;}
.quotator.cycle-slideshow .quote img {display: none; float: right; padding-left: 1em;}
.quotator.cycle-slideshow .quote blockquote {margin: 0;}
.quotator.cycle-slideshow .quote blockquote cite {display: block; margin-top: 1em;}
.quotator .c_prev,
.quotator .c_next {top: 40%;}

.home-image-region {text-align: center;}

/*presenters*/
ul.pres_nav {margin: 0; padding: 0; list-style: none;}
ul.pres_nav span {width: 100%;}
ul.pres_nav li {text-align: center; float: left; height: 445px; width: 48%; padding: 1%; position: relative;}
ul.pres_nav li img {border-radius: 50%;}
ul.pres_nav li h3 + p {color: #676767; font-weight: 700;}
.featured ul.pres_nav li {width: 98%;}

.presenter-quote blockquote {font-size: 1.5em; font-style: italic; padding: 2em 0 0; margin: 2em 0 0; background: url(../img/top_qmark.png) no-repeat top left;}
.presenter-quote blockquote + cite {font-style: normal; padding: 0 0 3.25em; background: url(../img/btm_qmark.png) no-repeat bottom left; display: block;}

/*topics/activities*/
ul.topic_nav,
ul.activities {margin: 0; padding: 0; list-style: none;}
ul.topic_nav li,
ul.activities li {text-align: center; float: left; width: 98%; padding: 1%;}
ul.topic_nav li > a,
ul.activities li > div {display: block; background: #195c30; position: relative; border-bottom: 1px solid #dcdcdc; margin-bottom: 2em;}
ul.topic_nav li > a span,
ul.activities li > div span {display: block; width: 100%; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
ul.topic_nav li a > div,
ul.activities li > div > div {height: 26px; width: 96%; position: absolute; bottom: 0; padding: 1em 2%; background: #fff; font-family: 'Lato', sans-serif; color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
ul.topic_nav li a > div h3,
ul.activities li > div > div h3 {font-family: 'Lato', sans-serif; text-transform: uppercase; margin: 0 0 .5em; font-weight: 900;}
ul.topic_nav li a > div p,
ul.activities li > div > div .desctxt {text-align: left; visibility: hidden; opacity: 0; margin: 0; font-size: .85em;}
ul.activities li > div > div .desctxt a {text-decoration: underline;}

#topic cite + .btn {display: inline-block; font-weight: 900; font-size: 2em; border-radius: 3px; margin-top: 1em;}

ul.activities li > div:hover span,
ul.activities li > div.hover_effect span {opacity: .25;}
ul.activities li > div:hover > div,
ul.activities li > div.hover_effect > div {height: 55%;}
ul.activities li > div:hover > div .desctxt,
ul.activities li > div.hover_effect > div .desctxt {color: #676767; visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.schedule-btn {text-align: center;}
.home-schedule-btn {text-align: center; padding: 0 0 1.5em;}
.home-schedule-btn .btn {text-transform: none; display: inline-block;}

/*blog*/
#post > .btn {display: inline-block; margin: 0 0 2em;}

#postlist .col-md-3 h4,
#post .col-md-3 h4 {border-bottom: 1px solid #dcdcdc; font-weight: 700; margin: 0 0 15px; padding: 0 0 10px;}

#options span {text-transform: uppercase;}
.option-set {margin: 0 0 60px;}
.option-set label {padding: 5px; margin: 0 0 5px; border-radius: 3px; font-size: 14px; font-weight: 400; display: block;}
.option-set label.active {background: #efefef; color: #195c30;}

h1 + ul.hfeed {margin: 30px 0 0;}
ul.hfeed {margin: 0; padding: 0; list-style: none;}
ul.hfeed li {border-bottom: 1px solid #dcdcdc; padding: 0 0 30px; margin: 0 0 30px; width: 100%;}

.p_thmb {float: left; width: 25%;}
.p_thmb + .p_info {float: left; width: 75%; padding: 0 15px;}

.p_info {padding-right: 15px;}
.p_info h2 {font-family: 'Merriweather', serif; text-transform: none; margin: 0;}
.p_info h2 + p {color: #7c7c7c; margin: 5px 0 10px; font-size: 14px;}
.p-author {text-transform: uppercase;}
.entry-summary p {margin: 0 0 10px;}
.p_info .btn {background: #646464;text-transform: uppercase; border: none; margin-right: 10px; font-size: 12px; padding: 3px 6px;}

.entry-summary,
.entry-summary + .clearfix {display: none;}

.feat_posts {font-size: 14px;}
.feat_posts .p_info p {margin: 0; color: #7c7c7c;}
.feat_posts.hfeed li {border-bottom: none; padding: 0 0 10px; margin: 0;}

.post-title {margin: 0 0 .15em;}
p.meta {margin: 0 0 1em; color: #7c7c7c; font-size: 14px;}

.module.author {padding: 30px 0 0; margin: 40px 0; border-top: 1px solid #dcdcdc;}
.module.author .a_thmb img {border-radius: 50%;}
.module.author .a_thmb {float: left; width: 14%;}
.module.author .a_thmb + .author.hcard {float: left; width: 86%; padding: 0 0 0 30px;}
.author.hcard h2 {margin: 0; font-weight: 700;}
.author.hcard h2 + p {margin-top: 15px;}

/*about*/
ul.board {margin: 0 0 1em; padding: 0; list-style: none;}

.advisers {margin: 100px 0 60px; padding: 60px 0 100px; border-color: #dcdcdc; border-style: solid; border-width: 1px 0 1px 0;}

/*payment form*/
#payment {position: relative;}

#payment #form-processing {display: none; opacity: 0; position: absolute; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, .25); border-radius: 3px; text-align: center; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;}

#payment #form-processing.show {display: block; opacity: 1;}

#payment #form-processing h3 {position: relative; top: 40%; padding: .5em 2.5em; margin: 0 1em 0; background: #fff; border-radius: 3px;}

#payment #check-fields {display: none;}

#payment .g-recaptcha {margin-bottom: 1em; display:inline-block;}

#payment #qty {float: right; width: 15%;}
#payment #donation {float: right; width: 25%;}
#payment #qty + label,
#payment #donation + label {float: right; padding: .25em .5em 0 0;}

#payment #show-cost {text-align: right; margin: 0 0 1em;}
#payment #agree {margin-bottom: 1em;}
#payment .hiddenRecaptcha.error + .g-recaptcha,
#payment #tos_agree.error + label {border: 1px solid #C00; border-radius: 3px;}
#payment .total {text-align: right; padding: 1.5em 0; margin: 1em 0 0; border-top: 1px solid;}
#payment #show-cost strong,
#payment .total strong {color: #195c30;}
#payment .tax_msg {font-size: .85em;}

/*press*/
.press h3, .press + h3 {margin-bottom: 0;}
.press .iconfont {color: #195c30; padding: 0 10px 0 0;}
ul.downloads li a, .press a {color: #7c7c7c;}
ul.downloads li a:hover, .press a:hover {color: #195c30;}

ul.downloads {margin: 0 0 2em; padding: 0; list-style: none;}
ul.downloads li {padding: 0 0 0 30px; background: url(../img/download.png) no-repeat left center;}
ul.downloads li a {text-decoration: underline;}

#press-reg #other-input {display: none;}

/*gallery*/
.blurb.gallery {text-align: center;}
.slide {width: 100%;}
.slide > div {text-align: center;}
.slide h3 {font-weight: 400; text-align: center;}
.c_prev,
.c_next {position: absolute; top: 0; z-index: 999; font-size: 2.5em; display: block; left: 10px; color: #fff!important; text-shadow: 1px 1px 3px #222;}
.c_next {right: 10px; left: auto;}

.gallery-list {margin: 0; padding: 0; list-style: none; text-align: center;}
.gallery-list li {margin: 0 0 2em;}
.gallery-list li .caption {background: #f9f9f9; border: 1px solid #e4e4e4; padding: 1em;}

/*videos*/
ul.videos {margin: 0; padding: 0; list-style: none;}
ul.videos li {text-align: center; float: left; width: 98%; padding: 1%;}
ul.videos li a {display: none;}
ul.videos li h4 {color: #195c30; text-transform: none; margin: 1em 0; font-weight: bold;}
ul.videos li p {color: #676767;}
.vid_lb {border-bottom: 1px solid #dcdcdc; margin-bottom: 2em; padding-bottom: 1em;}
.vid_lb iframe {width: 100%; height: 250px;}

/*FAQ*/
h1#faq {font-weight: 300; text-transform: uppercase; margin: 0;}
ul#faq {
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
}
ul#faq li > a {
	display: block;
	color: #fff;
	background: #195c30;
	padding: .5em;
	font-size: 1.25em;
	border-top: solid #fff .25em;
}
ul#faq li > a span {font-weight: 700;}
ul#faq li > a + div {display: none;}

/*structure*/
.cwrap {padding: 2em 0;}
.splash {height: 300px; position: relative; background-size: cover; background-position: center; width: 100%; max-width: 1500px; margin: 0 auto;}
.splash + .cwrap {padding-top: 60px;}
.splash.cycle-slideshow .slide {width: 100%; height: 100%; background-size: cover; background-position: center; position: relative;}
.splash.cycle-slideshow .slide .caption {display: none;}
.splash .c_prev,
.splash .c_next {top: 45%;}

.pg-title {background: #195c30;}
.pg-title h2 {font-family: 'Merriweather', serif; color: #fff; font-weight: 400; margin: 0; padding: .5em 0;}

/*mobile first responsive cols*/
.cntr {
	width: 96%;
	padding: 0 2%;
	max-width: 1140px;
	margin: 0 auto;
}
.col,
.half,
.third,
.fourth,
.sidebar,
.content {width: 100%;}
/*768px*/
@media only screen and (min-width: 48em) {
.col {float: left; padding: 0 2.5% 0 0;}
.col.t_last, .col.last {padding-right: 0;}
.col.t_last + .col.last {padding-right: 2.5%;}

.half {width:48.75%;}
.third {width: 31.666%;}
.fourth {width: 23.125%;}
.fifth {width: 18%}

.sbar {width: 25%;}
.sbar_main {width: 72.5%;}

footer .sbar {width: 35%;}
footer .sbar_main {width: 62.5%;}
}
/*960px*/
@media only screen and (min-width: 60em) {
.col.t_last + .col.last {padding-right: 0;}
.col.t_last {padding: 0 2.5% 0 0;}
.col.t_last.last {padding: 0;}
	
.lg_half {width:48.75%;}
.lg_third {width: 31.666%;}
.lg_fourth {width: 23.125%;}
.lg_fifth {width: 18%}
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

/*480px*/
@media only screen and (min-width: 30em) {
ul.topic_nav li {width: 48%;}
ul.activities li > div:hover > div {height: 25%;}
}
/*768px*/
@media only screen and (min-width: 48em) {
.quotator.cycle-slideshow .quote {width: 650px;}
.quotator.cycle-slideshow .quote img {display: block;}
.quotator.cycle-slideshow .quote blockquote {font-size: 1.25em; line-height: 1.6;}

#announce {padding: 40px; font-size: 2em;}	
	
.contact input[type="email"] {width: 48%; float: left;}
.contact input[type="tel"] {width: 44%; margin-left: 2%; float: left;}

.splash {height: 400px;}
.splash.cycle-slideshow > div .caption {display: block; position: absolute; top: 35%; left: 15%; width: 400px; color: #fff; text-shadow: 1px 1px 3px #000;}
.splash.cycle-slideshow > div .caption h2 {font-family: 'Merriweather', serif; color: #fff; font-style: italic;}

ul.board li {float: left; width: 50%;}

ul.pres_nav li,
ul.topic_nav li,
.featured ul.pres_nav li {width: 31.333%;}

.nobel {max-width: 650px; margin: 0 auto;}
.nobel ul.pres_nav li {width: 31.333% !important;}

ul.topic_nav li a,
ul.activities li > div {border: 1px solid #dcdcdc; margin: 0;}
ul.topic_nav li a > div,
ul.activities li > div > div {width: 96%;}

ul.activities li {width: 48%;}
ul.activities li > div:hover > div {height: 40%;}

.entry-summary,
.entry-summary + .clearfix {display: block;}

ul.videos li {width: 48%; border: none;}
ul.videos li a {display: block; border: none; height: 420px;}
.vid_lb {display: none; border: none; margin: 0; padding: 0;}
.vid_lb iframe {width: 400px; height: 300px;}
}
/*960px*/
@media only screen and (min-width: 62em) {
h1 {font-size: 2.5em;}
#ind_present h2 {font-size: 2em;}	

#announce {font-size: 2.5em;}	

/*stick footer*/
html, body {height: 100%;}
#wrap {min-height: 100%; /*min-width:960px;*/}
#main {overflow:auto;
	padding-bottom: 395px;}  /* must be same height as the footer */
#foot_wrap {position: relative;
	margin-top: -395px; /* negative value of footer height */
	height: 395px;
	clear:both;
	/*min-width:960px;*/} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}	

.cwrap {padding: 2em 0 100px;}
.splash {height: 500px;}

.quotator.cycle-slideshow .quote {width: 900px;}

footer {padding: 3em 0;}

#ind_present {padding: 2em 0;}
#intro {padding: 0 0 4em; font-size: 1.5em;}
#intro > h1 {margin: 0 0 1.5em;}

ul.board li {width: 33%;}

ul.pres_nav li,
ul.topic_nav li,
ul.activities li {width: 23%;}
ul.activities li > div:hover > div {height: 75%;}

#postlist .col-md-9 {padding-right: 0;}
#postlist .col-md-9 + .col-md-3 {border-left: 1px solid #dcdcdc;}

ul.videos li {width: 23%;}
.vid_lb iframe {width: 500px; height: 400px;}

.gallery-list li {
	margin: 0;
	height: 500px;
}

.schedule-btn {text-align: right;}

header {padding: 1.5em 0 0;}

a.menu_icon {display: none;}
nav {display: block; float: right; clear: none;}
nav ul {padding-top: .25em;}
nav ul li {float: left;}
nav ul li a, nav ul li a:visited {padding: .75em 0 2em 1.5em;}
.lt-ie9 nav ul li a:visited {padding: .75em 0 2em 1.5em;}

nav li > ul {
	position: absolute;
	z-index: 999;
	left: 30px;
	display: block;
	opacity: 0;
  visibility: hidden;
	list-style: none;
	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
	min-width: 205px;
	padding: .5em 0;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	background: #fff;
}
nav li > ul li {
	float: none;
	width: auto!important;
}
nav li > ul li a, nav li > ul li a:visited {
	white-space: nowrap;
	padding: 5px 1em!important;
	text-align: left!important;
}
nav li ul a:hover {
	color: #fff!important;
	background: #195c30;
}

nav ul li a.btn {
	margin: 9px 0 0 1em;
	padding: 5px 1em;
}

nav li:hover > ul,
nav li ul li:hover ul {
	opacity: 1;
  visibility: visible;
}
nav li:active > ul,
nav li ul li:active ul {
	-webkit-transition: opacity 0.2s ease-in-out;
}

nav li > ul {top: 2.5em; left: .5em;}
nav li > ul:before {
	content: " ";
	width: 15px;
	height: 9px;
	background: url(../img/dd_arr.png) no-repeat;
	position: absolute;
	top: -9px;
	left: 2em;
}
nav li.dd-fix ul {right: -1em; left: auto;}
nav li.dd-fix > ul:before {right: 2em; left: auto;}

nav li > ul li > ul {top: 2em; left: 2.5em;}

nav ul.social {
	float: right;
	padding-top: 0;
}
nav ul.social li a {
	padding: 0 0 0 10px;
}
}
/*1024px*/
@media only screen and (min-width: 64em) {
#index header .logo {width: 100%;}
#index header .logo .ir {
	background: url(../img/logo_lrg.png) no-repeat top center;
	display: block;
	height: 85px;
	width: 100%;
	padding: 0 0 1em;
	float: none;
}
#index header .logo span {display: block; text-align: center;}
#index nav {clear: both; float: none; margin: 1em 0 0;}
#index nav ul li {width: 16.666%;}
#index nav ul li a, nav ul li a:visited {padding: 1em 0; text-align: center;}
#index nav li > ul {top: 3em; left: 50%; margin-left: -103px;}
#index nav li > ul:before {left: 50%; margin-left: -7px;}

ul.pres_nav li {width: 18%;}

#payment #set-donation label {width: 16.666%; font-size: .75em;}

}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.row:before,
.row:after,
.container:before,
.container:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.row:after,
.container:after,
.clearfix:after {
    clear: both;
}

.row,
.container,
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.5 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.3.5 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight-next,
	.featherlight-previous {
		display: block;
		position: absolute;
		top: 25px;
		right: 25px;
		bottom: 0;
		left: 80%;
		cursor: pointer;
		/* preventing text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* IE9 hack, otherwise navigation doesn't appear */
		background: rgba(0,0,0,0);
	}

	.featherlight-previous {
		left: 25px;
		right: 80%;
	}

	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: rgba(255,255,255,0.25);
	}


	.featherlight-next span,
	.featherlight-previous span {
		display: none;
		position: absolute;

		top: 50%;
		left: 5%;
		width: 82%;

		/* center horizontally */
		text-align: center;

		font-size: 80px;
		line-height: 80px;

		/* center vertically */
		margin-top: -40px;

		text-shadow: 0px 0px 5px #fff;
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}
	.featherlight-next span {
		right: 5%;
		left: auto;
	}


	.featherlight-next:hover span,
	.featherlight-previous:hover span {
		display: inline-block;
	}

	/* Hide navigation while loading */
	.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
		display:none;
	}
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: none;
	}
	.featherlight-next span,
	.featherlight-previous span {
		display: block;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight-next,
	.featherlight-previous {
		top: 10px;
		right: 10px;
		left: 85%;
	}

	.featherlight-previous {
		left: 10px;
		right: 85%;
	}

	.featherlight-next span,
	.featherlight-previous span {
		margin-top: -30px;
		font-size: 40px;
	}
}

.container-fluid *,
.row,
.row * {box-sizing: border-box;}
.container {
	box-sizing: border-box;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
	max-width: 1140px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}