.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading li,
.wf-loading blockquote,
.wf-loading a,
.wf-loading label, svg{
    opacity:0;
    visibility:hidden;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active li,
.wf-active blockquote,
.wf-active a,
.wf-active label, svg{
    visibility:visible;
    opacity:1;
    transition:opacity 0.3s linear;
}

body
{
  margin:0;
  padding:0;
  font-family: "lexia",serif;
  background-color:#f2eddf;
}

a img
{
  border:none;
}

h1, h2, h3
{
  font-family: "lexia",serif;
  line-height:1.2;
}

.masonry-item{
  border:0px;
  margin:0px;
  padding:0px;
}

.img-responsive{
	max-width: 100%;
	height: auto;
}

/* Section Heads */
.page-node-31 .breadcrumb,
.page-node-4 .breadcrumb,
.page-node-20 .breadcrumb,
.page-node-24 .breadcrumb,
.page-node-8 .breadcrumb
{
  display:none;
}

/* Header */
.region-header
{
  float:right;
  height:89px;
  width:400px;
}

#block-custom-search-blocks-1
{
  float:right;
  width:220px;
  height:20px;
  margin:10px 10px 15px 10px;
}

#block-custom-search-blocks-1 input[type="text"]
{
  border:none;
  width:195px;
  float:left;
  font-size:14px;
  padding:5px;
  border: 2px #000 solid;
}

.search-form
{
  margin:0;
}

.search-form .custom-search-button{
  display: block;
  position: absolute;
  right: 14px;
  top: 6px;
}

.search-form .form-actions{
    position: relative;

}

#block-block-1
{
  float:right;
}

#block-menu-menu-eyeb
{
  float:right;
}

#block-menu-menu-eyeb ul
{
  margin:0 0 0 0 ;
  padding:0;
  list-style:none;
}

#block-menu-menu-eyeb ul li
{
  float:left;
  margin:0 10px 0 0;
}

#block-menu-menu-eyeb ul li a
{
  text-decoration:none;
  color:#3397b9;
  font-family: Arial;
  font-size:12px;
  text-transform:uppercase;
}

#logo
{
  display:inline-block;
  margin-top:10px;
}

/* Navigation */
#navigation {
  background-color:#d5c296;
}

#navigation #block-system-main-menu ul
{
  margin:0;
  padding:0;
  height:40px;
  list-style:none;
}

#navigation #block-system-main-menu ul li
{
  float:left;
  border-left:2px #fff solid;
  margin:0;
  position:relative;
  padding:0;
}

#navigation #block-system-main-menu ul li:first-child
{
  border-left:none;
  margin-left:0;
  padding:0;
}

#navigation #block-system-main-menu ul li a
{
  display:block;
  font-size:16px;
  padding:10px 16px 9px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
}

#navigation #block-system-main-menu ul ul
{
  position:absolute;
  z-index:100;
  height:auto;
  display:none;
  background-color: rgba(159,192,219, .9);
}

#navigation #block-system-main-menu ul ul li
{
  float:none;
  border:none;
}

#navigation #block-system-main-menu ul ul li:last-child {
  padding-bottom:5px;
}

#navigation #block-system-main-menu ul ul ul li:last-child {
  margin-bottom:-5px;
}

#navigation #block-system-main-menu ul ul li a
{
  color:#000;
  white-space:nowrap;
  padding:3px 16px;
}

#navigation #block-system-main-menu ul ul ul
{
  position:relative;
  background:none;
}

#navigation #block-system-main-menu ul ul ul li a
{
  font-weight:normal;
  padding-left:30px;
}

#navigation #block-system-main-menu ul li:hover
{
  background:#9fc0db;
}

#navigation #block-system-main-menu ul ul ul li:hover
{
  background:#000;
}

#navigation #block-system-main-menu ul li a:hover
{
  color:#fff;
}

#navigation #block-system-main-menu ul li:hover ul
{
  display:block;
}

/* Main */
#main
{
  clear:left;
  font-family:georgia;
  line-height:1.5;
  font-size:15px;
}

#main ul
{
  padding-left:15px;
}

.node-title
{
  margin-top:0;
}

.breadcrumb ol
{
  margin:7px 0;
  height:16px;
  font-size:12px;
  padding:0;
  list-style:none;
  font-family:Arial;
}

.breadcrumb ol li
{
  float:left;
  margin:0 0 0 5px;
}

.breadcrumb ol li a
{
  color:#000;
  margin:0 5px 0 0;
  display:inline-block;
  text-decoration:none;
}

.not-front #content article .field-name-body
{
  width:660px;
  float:left;
  margin:0 20px 0 0;
}

.not-front #content article .field-name-body img {
  display: block;
  max-width: 100%;
  height: auto;
}

body.node-type-new-press-release #content article .field-name-body{
  width: 100%;
  float:none;
}

.not-front #content article .field-name-field-side-body
{
  float:left;
  width:300px;
  padding-bottom:20px;
  background:#b4d88b;
}

.not-front.node-type-story-of-hope #content article .field-name-field-side-body{
  background: #f2eddf;
}

.not-front #content article .field-name-field-side-body h2
{
  color:#fff;
}

.not-front #content article .field-name-field-side-body h2,
.not-front #content article .field-name-field-side-body p
{
  padding:0 20px;
}

.not-front #content article .field-name-field-side-body img
{
  width:300px;
  height:auto;
}

.not-front #content article .field-name-field-side-body p img
{
  position:relative;
  /*left:-20px;
  top:-20px;*/
  margin-bottom:-20px;
}

.not-front #content article .field-name-field-side-body .field-label
{
  display:none;
}

#content article
{
  padding:20px 0;
}

.page-node-4 #content article
{
  padding:20px 0 0;
}

#content article h2
{
  color:#3397b9;
  font-size:24px;
}

#content article h3
{
  color:#3397b9;
  font-size:15px;
  text-transform:uppercase;
}

#content article a,
#site-map a
{
  color:#3397b9;
}

#content article .field-name-field-side-body a
{
  color:#fff;
}

.col
{
  width:300px;
  float:left;
}

.col.left
{
  margin-right:40px;
}

.col.white
{
  background:#fff;
  padding:20px 25px;
  width:250px;
}

.col h2:first-child,
.col h3:first-child
{
  margin-top:0;
}

.chat-arrow
{
  float:left;
  padding-bottom:45px;
  background:url('/sites/all/themes/lifegift/images/chat-arrow.png') bottom right no-repeat;
}

.sidebars .block
{
  padding:20px;
  margin-bottom:20px;
}

.sidebars h2
{
  color:#fff;
  margin-top:0;
}

#block-block-6
{
  background:#b4d88b;
  padding:0 0 20px 0;
}

#block-block-6 h2
{
  padding:0 20px;
}

#block-block-6 p
{
  padding:0 20px;
}

#block-block-7
{
  background:#a1b9af;
}

#main .sidebody ul.menu,
.page-node-35 #main .sidebody ul,
.page-node-1 #main .sidebody ul,
.page-node-2 #main .sidebody ul
{
  list-style:none;
  margin:0 0 -20px;
  padding:5px 0;
  background-color:#9fc0db;
}

.sidebody {
    position: relative;
}

.sidebody img {
  display: block;
  max-width: 100%;
  height: auto;
  padding-bottom:20px;
}

.sidebody ul li {
  margin-left:10px;
}

#content article .field-name-field-side-body ul.menu li a,
.page-node-35 .field-name-field-side-body ul li a,
.page-node-1 .field-name-field-side-body ul li a,
.page-node-2 .field-name-field-side-body ul li a
{
  color: #000000 !important;
  padding: 3px 16px;
  font-size: 16px;
  font-weight: bold;
  text-decoration:none;
}

#content article .field-name-field-side-body ul.menu li a:hover,
.page-node-35 .field-name-field-side-body ul li a:hover,
.page-node-1 .field-name-field-side-body ul li a:hover
{
  color:#fff !important;
}

/* Home Page */
.front .node-title
{
  display:none;
}

.front #content article
{
  float:left;
}

.page-header {
  background-color:#fff;
}

.view-home-promo
{
  position:relative;
}

.view-home-promo.view-display-id-block .views-row
{
  min-height:390px!important;
  height:auto!important;
}

.slider-nav
{
  top:0;
  position:absolute;
  z-index:20;
}

.slider-nav a
{
  display:block;
  width:40px;
  height:120px;
  position:absolute;
  top:140px;
}

.slider-nav a#prev
{
  left:1px;
  background:url("/sites/all/themes/lifegift/images/left-arrow.png");
}

.slider-nav a#next
{
  background:url("/sites/all/themes/lifegift/images/right-arrow.png");
  right:0;
}

#block-block-4
{
  text-align:center;
  font-weight:bold;
}

#block-block-4 ul
{
  margin:15px 0;
  padding:0;
  font-family:"lexia";
  height:140px;
  list-style:none;
}

#block-block-4 ul li
{
  float:left;
  width:315px;
}

#block-block-4 h2
{
  margin:0;
  font-size:72px;
}

.header-bottom {
  background-color:#555555;
}

#block-block-2,
#block-block-10
{
  background:#575555;
  /*width:980px;*/
  /*clear:left;*/
}

#block-block-2 ul,
#block-block-10 ul
{
  padding:15px;
  margin:0;
  height:40px;
  color:#b4d88b;
  font-size:13px;
  list-style:none;
}

#block-block-2 ul li,
#block-block-10 ul li
{
  float:left;
  width:315px;
}

#block-block-2 ul li a,
#block-block-10 ul li a
{
  text-decoration:none;
  color:#b4d88b;
  font-family:"lexia";
}

#block-block-2 ul li img.icon,
#block-block-10 ul li img.icon
{
  float:left;
  margin-right:10px;
}

#block-block-2 h2,
#block-block-2 a h2,
#block-block-10 h2,
#block-block-10 a h2
{
  color:#fff;
  line-height:1;
  font-size:24px;
  margin:0;
}

#block-block-5
{
  height:90px;
  padding:10px 0;
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
}

#block-block-5 img
{
  float:left;
}

#block-block-5 ul
{
  margin:27px 0;
  padding:0;
  list-style:none;
}

#block-block-5 ul li
{
  float:left;
}

/* Stories of hope */
.view-stories-of-hope .views-row
{
  width:310px;
  background:#B4D88B;
  margin-bottom:20px;
}

.view-stories-of-hope .views-field-field-image img
{
  width:310px;
  height:auto;
}

.view-stories-of-hope .views-field-title
{
  font-size:24px;
  font-weight:bold;
  padding:0 20px;
}

.view-stories-of-hope .views-field-title a
{
  color:#fff;
  text-decoration:none;
}

.view-stories-of-hope .views-field-body
{
  padding: 0 20px 15px;
}

.field-name-field-larger-image .field-label
{
  display:none;
}

.field-name-field-larger-image
{
  position:relative;
  top:-20px;
  margin-bottom:-20px;
}

/* Press Releases */
.section-press-releases #content article h2
{
  display:none;
}

.section-press-releases #content article
{
  padding-top:0px;
}

#block-views-press-releases-block
{
  padding-top:20px;
}

#block-views-new-press-releases-block .views-row
{
  margin-bottom:20px;
}

#block-views-new-press-releases-block h2
{
  color: #3397B9;
      font-size: 24px;
}

#block-views-new-press-releases-block a
{
  color:#3397B9;
}

#block-views-new-press-releases-block .views-field-field-release-date
{
  font-weight:bold;
}

#block-views-new-press-releases-block-1,
#block-views-press-releases-block-2
{
  margin-right: 37px;
}

#block-views-new-press-releases-block-1,
#block-block-12,
#block-views-press-releases-block-2
{
  margin-top:20px;
  margin-bottom:20px;
  width:300px;
  float:left;
}

#block-views-new-press-releases-block-1 .views-field-title a,
#block-views-press-releases-block-2 .views-field-title a,
.view-press-releases.view-display-id-page_1 .views-field-title a
{
  text-decoration:none;
  color: #3397B9;
  font-size: 24px;
  font-family:"lexia",serif;
  font-weight:bold;
}

#block-views-new-press-releases-block-1 .views-field-field-release-date,
#block-views-press-releases-block-2 .views-field-created,
.view-press-releases.view-display-id-page_1 .views-field-created
{
  font-weight:bold;
}

.view-press-releases.view-display-id-page_1 .views-row
{
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
  margin-bottom:10px;
  clear:left;
}

.view-press-releases.view-display-id-page_1 .views-row img
{
  display:none;
}

.view-press-releases.view-display-id-page_1 .item-list ul
{
  margin:0 0 15px;
  padding:0;
  list-style:none;
}

.view-press-releases.view-display-id-page_1 .item-list ul li
{
  float:left;
  margin-right:10px;
}

.view-press-releases.view-display-id-page_1 .item-list ul li a
{
  text-decoration:none;
  color: #3397B9;
}

/* Event Calendar */

.view-event-calendar .views-row
{
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
}

.view-event-calendar .views-field-title
{
  font-size:18px;
  color:#3397B9;
  font-weight:bold;
}

.view-event-calendar .views-field-field-date
{
  font-weight:bold;
}

.view-event-calendar  a
{
  color:#3397B9;
}

.pager{
	height: 20px;
    clear: both;
}

/* Webform */
.node-type-webform.not-front #content article .field-name-field-side-body
{
  float:right;
}

.webform-client-form
{
  float: left;
  margin: 0 20px 0 0;
  width: 660px;
}

.webform-client-form input[type="text"],
.form-textarea-wrapper textarea
{
  border:none;
  clear:left;
  font-size:14px;
  padding:3px;
  display:block;
  margin-bottom:10px;
  width:300px;
}

.webform-client-form select
{
  margin-bottom:10px;
}

.webform-client-form label
{
  font-weight:bold;
}

.webform-client-form label.option
{
  font-weight:normal;
  font-size:13px;
  margin:5px 0;
}

.webform-client-form .description
{
  font-size:11px;
}

.webform-client-form input[type="submit"]
{
  color:#fff;
  text-transform:uppercase;
  margin-top:10px;
  padding:5px 15px;
  border:none;
  background:#3397B9;
}

.webform-client-form #webform-component-workplace-implementation
{
  position:relative;
}

.webform-client-form #webform-component-workplace-implementation .form-checkboxes
{
  margin:25px 0 15px;
}

.webform-client-form #webform-component-workplace-implementation .description
{
  position:absolute;
  top:25px;
}

.grippie
{
  display:none;
}

/* Search */
#search-form
{
  margin-top:20px;
}

.search-results
{
  padding:0;
}

.search-results a,
.page-search ul.pager li a
{
  color:#3397B9;
}

.page-search ul.pager
{
  height:25px;
  margin:10px 0;
  padding:0;
  list-style:none;
}

.page-search ul.pager li
{
  float:left;
  margin:0 10px;
}


/* Footer */

.contain {
  width:100%;
}

#footer-contain {
  background-color: #3397b9;
  box-shadow:inset 5px 0px 46px -15px rgba(0,0,0,0.75);
}
#footer
{
  margin:0 auto;
  /*background:url("/sites/all/themes/lifegift/images/footer-bg.png") no-repeat scroll 0 60px #B4D88C;*/
  font-family:Arial;
  font-size:14px;
}

#footer ul
{
  list-style:none;
  padding:0;
  margin:0;
}

#footer a
{
  color:#fff;
  text-decoration:none;
}

.region-top-footer {
  background: #B4D88C;
}

#block-block-3
{
  padding: 20px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  /*width: 980px;*/
  margin: 0 auto;
  height: 20px;
}

.subscribe-head {
  float:left;
}

.subscribe-number {
  float:right;
}

#block-block-3 h3
{
  font-size:18px;
  margin:0;
  font-family: "lexia",serif;
}

/*#block-block-3 input
{
  float:left;
  border:none;
  font-size:15px;
  margin:1px 0 0 10px;
}

#block-block-3 input[type="submit"]
{
  background:url("/sites/all/themes/lifegift/images/blue-arrow.png");
  text-indent:-9999px;
  width:15px;
  height:15px;
  margin:3px 0 3px 5px;
}*/

#block-block-3 a
{
  color:#000;
  text-decoration:none;
}

#block-menu-menu-secondary-navigation
{
  /*margin:20px 20px 0 0;
  border-right:2px solid #fff;
  width:160px;
  padding-right:20px;*/
  width: 100%;
  float:left;
  position: relative;
  min-height: 1px;
  margin-top: 20px;
}

#block-menu-menu-secondary-navigation ul
{
  /*margin:0 0px 0 20px;
  text-indent:-20px;
  padding:0 0 50px;*/
  list-style:none;
  display:table;
}

#block-menu-menu-secondary-navigation ul li {
  display:inline-block;
  border-right: 1px solid #fff;
}

#block-menu-menu-secondary-navigation ul li:last-child {
  border:0;
}

#block-menu-menu-secondary-navigation ul li a:after {
  padding-left:10px;
}

#block-menu-menu-secondary-navigation ul li a
{
  font-weight:bold;
  display:block;
  text-transform:uppercase;
  padding-left: 10px;
  padding-right:10px;
  min-height: 1px;
}

#block-block-8
{
  float:left;
  /*margin-top:20px;
  width:180px;*/
  width: 100%;
  margin-top: 20px;
}

#block-block-8 ul {
    display:table;
}

#block-block-8 ul li {
  display:table-cell;
}

#block-block-8 ul li
{
  margin:5px 0;
  padding-right: 15px;
}

#block-block-8 ul li img
{
  position:relative;
  top:5px;
}

#block-block-8 h2,
#footer a.fs-root-link
{
  color:#b4d88b;
  font-size:14px;
  margin:0;
  font-family:Arial;
  text-transform:uppercase;
}

#footer a.fs-root-link
{
  font-weight:bold;
}

#footer-sitemap
{
  margin:0;
}

#block-footer-sitemap-footer-sitemap
{
  /*margin:20px 0 0 360px;*/
  width:100%;
  clear: both;
  padding-top: 30px;
}

#block-footer-sitemap-footer-sitemap ul li
{
  /*float:left;
  width:180px;
  margin-top:20px;*/
  padding-right:20px;
}
#block-footer-sitemap-footer-sitemap ul li.depth-1 {

}

#block-footer-sitemap-footer-sitemap ul li:first-child,
#block-footer-sitemap-footer-sitemap ul li.menu-390,
#block-footer-sitemap-footer-sitemap ul li.menu-392,
#block-footer-sitemap-footer-sitemap ul li.menu-445
{
  margin-top:0;
}

#block-footer-sitemap-footer-sitemap ul ul ul
{
  margin:0 0 0 10px;
}

.region-bottom-footer {
  margin-top:60px;
}

#block-block-9
{
  padding:20px;
  border-top:2px solid #fff;
  color:#fff;
  margin:0 auto;
  /*width:980px;*/
}

#block-block-9 a {
  float:left;
  position:relative;
}

#block-block-9 p
{
  margin-left:7%;
  position:relative;
  text-align:center;
}

#block-block-9 img
{
  /*top:-102px;
  float:left;
  position:relative;*/
}
/*Slider - new */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 140px;
  bottom: 0;
  left: 0;
  /*width: 15%;*/
  font-size: 20px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  width:40px;
  height:120px;
}
.carousel-control.left {
  background:url("/sites/all/themes/lifegift/images/left-arrow.png");
}
.carousel-control.right {
  right: 0;
  left: auto;
  background:url("/sites/all/themes/lifegift/images/right-arrow.png");
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  /*width: 20px;
  height: 20px;
  font-family: serif;*/
  line-height: 1;
}
.carousel-control .icon-prev {
  background:url("/sites/all/themes/lifegift/images/left-arrow.png");
}
.carousel-control .icon-next {
  background:url("/sites/all/themes/lifegift/images/right-arrow.png");
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    /*width: 30px;
    height: 30px;*/
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: .5s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;

  .embed-responsive-item,
  iframe,
  embed,
  object,
  video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}