@font-face {
    font-family: 'akrobatbold';
    src: url('../fonts/akrobat-bold-webfont.woff2') format('woff2'),
         url('../fonts/akrobat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'akrobatregular';
    src: url('../fonts/akrobat-regular-webfont.woff2') format('woff2'),
         url('../fonts/akrobat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'akrobatsemibold';
    src: url('../fonts/akrobat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/akrobat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cookiesmilkregular';
    src: url('../fonts/cookiesmilk-regular-webfont.woff2') format('woff2'),
         url('../fonts/cookiesmilk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

[class^="i-"]:before,
[class*=" i-"]:before {
  font-family: "benelli" !important;
  vertical-align:middle !important;
  position:relative; top:-2px;
}

h1 {font-family: 'akrobatsemibold';}
h4.title {font-size:20px; color:#6d747d; font-family: 'akrobatsemibold';}
h5.title {font-family: 'akrobatbold'; font-size:16px; color:#99a3b1;}
h3 {font-family: 'akrobatbold';}
p {font-family: 'akrobatregular'; line-height:34px; font-size:18px;}
p.lead {font-family: 'akrobatsemibold'; font-size:20px; color:#99a3b1; padding-top:10px; padding-bottom:10px;}

/*---- Brand Button -----*/
.btn-green{color:#fff!important;background-color:#88b728 !important; border-color:#89b828; -webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s; font-size:18px; font-family: 'akrobatbold'; line-height:18px; padding:8px 18px; border-radius:18px;}
.btn-green:focus,.btn-yellow.focus{color:#89b828 !important;background-color:#fff !important; border-color:#89b828; outline:none !important;}
.btn-green:hover{color:#89b828!important;background-color:#fff!important;border-color:#89b828;}

/*--- common styles end ----*/





.article-slide {bottom:0px; display:block;}
.article-slide h4 {font-size:16px; letter-spacing:0.03em;}
.article-slide h5 {font-size:14px; letter-spacing:0.03em;}


/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 100px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 20px !important;
    margin-top: 0;
    width: 190px; text-indent:0 !important;
	-webkit-box-shadow: 0px -6px 0px 0px rgba(233,233,233,1);
	-moz-box-shadow: 0px -6px 0px 0px rgba(233,233,233,1);
	box-shadow: 0px -6px 0px 0px rgba(233,233,233,1); cursor:pointer; background:rgba(255,255,255,0.5);
}
.article-slide .carousel-indicators li:last-child {margin-right: 0px !important;}

.article-slide .carousel-indicators li.active {
	-webkit-box-shadow: 0px -6px 0px 0px rgba(142,191,41,1);
	-moz-box-shadow: 0px -6px 0px 0px rgba(142,191,41,1);
	box-shadow: 0px -6px 0px 0px rgba(142,191,41,1);
}
	
/* Indicators images style */
.article-slide .carousel-indicators img {
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}


/*-------------- CAROUSEL - Elements and Fade Effect ----------------*/
.carousel-inner {background:transparent;}
.carousel-inner .item h2 {font-family: 'akrobatbold'; font-size:24px; padding-top:5px; margin-bottom:0;}
.carousel-inner .item p {font-size:18px; color:#99a3b1;}
.carousel-inner .item p a {color:#8ebf29;}
.carousel-inner .item p.lead {display: inherit !important;}
.carousel-indicators {display:none;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; overflow:hidden;
}

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


.icon-left, .icon-right {border-radius:15px; padding:4px 12px; background-color:#f6f8fa !important;}
.icon-left:hover, .icon-right:hover {background-color:#88b728 !important; color:#fff;}

/*
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);
    }
}

.carousel-control.left {
	background:none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background:none;
}

.slide-text {padding:10px 40px 0 40px;}
.slide-text .list-inline li {padding:5px 10px;}
.slide-img {padding:0;}

.next-prev {position:absolute; right:32px; font-size:0.9em;}

#footer {padding:80px 0 10px 0;}


@media screen and (min-width:990px) {
	.btn-green {line-height:25px; padding:8px 25px; border-radius:25px;}
	.carousel-inner .item p.lead {display:inherit;}
	.article-slide {position:absolute; float:none; z-index:2; padding-left:40px;}
	.carousel-inner .item h2 {font-size:30px; padding-top:15px;}
}

@media screen and (min-width:1200px) {
	.slider-wrap {padding:0 3.75vw;}
	.carousel-indicators {display:inherit;}
	.next-prev {position:absolute; bottom:140px; right:32px; font-size:1.2em;}
}

@media screen and (max-width:1200px) {
	.article-slide {bottom:50px;}
	.slider-wrap {padding:0;}
}

@media screen and (min-width:1300px) {
	.slider-wrap {padding:0 3vw;}
}
@media screen and (max-width:768px) {
	.carousel-inner .item p {font-size:20px;}
	.item .list-inline li:first-child {width:100% !important;}
}

@media screen and (max-width:820px) {
	 .carousel-inner .slide-text, .carousel-inner .slide-img {width:100% !important;}
	
	.item .list-inline li:first-child {width:100% !important;}
	.btn-green{font-size:16px !important; font-family: 'akrobatsemibold' !important; line-height:15px !important; padding:8px 15px !important; border-radius:15px !important;}

	.slider-wrap {margin-top:0;}
	.slide-text {position:absolute; z-index:9999; color:#fff; padding:0 15px !important;}
	.slide-img {opacity:0.3;}
	
	.carousel-inner {background:#000 !important;}
	.carousel-inner .item h2 {font-size:42px;padding-top:15px;}
	.carousel-inner .item .list-inline {padding-top:10px !important; color:#99a3b1;}
	.carousel-inner .item .list-inline a {color:#878d7e;}
	.carousel-inner .item .list-inline a:hover {color:#89b828;}
	
	.article-slide {bottom:40px !important;}
	.article-slide .next-prev {right:15px !important;}
}

@media screen and (max-width:520px) {
	#articles .caption p, #articles .btn {display:none;}
	.carousel-inner .item p.lead {display: none !important;}
	.carousel-inner .item h2 {font-size:28px;}
}
@media screen and (max-width:360px) {
	.carousel-inner .item p.lead {display: none !important;}
	.carousel-inner .item h2 {font-size:18px; padding-top:0;}
}




.breadcrumb li.breadcrumb-item.active { color:#8ebf29; }

.modal { font-family: 'Open Sans', sans-serif; color: #6d747d; line-height:28px; font-size:15px; }

.modal h3 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
}

.modal p { font-family: 'Open Sans', sans-serif; color: #6d747d !important; line-height:28px; font-size:15px !important; padding:0 !important; }

.modal .inner-addon .icon {
    padding: 3px 15px !important;
}

.modal h5 { color: #6d747d; font-family: 'Open Sans', sans-serif; font-size:15px; padding-left:0; }

.modal h5 a { color: #538118; }
.modal h5 a:hover { color: #2ecc71; }

.modal-social a.tw {
    color: #4fc0e8 !important; font-size: 1.8em;
}

.modal-social a.fb {
    color: #4b89dc !important; font-size: 1.8em;
}

.modal-social a.gplus {
    color: #d62d20 !important; font-size: 1.8em;
}

.modal-social a.fb:hover, .modal-social a.tw:hover, .modal-social a.gplus:hover {
    color: #88b728  !important;
}

.modal-footer {
    border-radius: 0px 0px 5px 5px;
    background-color: #f6f8fa;
    text-align: center !important;
}

.modal h4 { font-size: 18px !important; color: #6d747d; font-family: 'Open Sans', sans-serif; }

.i-back::before {
    content: "\39";
    font-size: 2em;
	padding-right: 10px;
}

.media h5 { font-size: 17px; }