.cms-float-left {
 margin-right: 20px
}
.cms-float-right {
 margin-left: 20px
}
iframe {
 border: none !important
}
.uppercase {
 text-transform: uppercase !important
}
.lowercase {
 text-transform: lowercase !important
}
.capitalize {
 text-transform: capitalize !important
}
.nott {
 text-transform: none !important
}
.fright {
 float: right !important
}
.fleft {
 float: left !important
}
.fnone {
 float: none !important
}
.ohidden {
 overflow: hidden !important
}
.divcenter, .emptydiv, .noabsolute {
 position: relative !important
}
.line.line-sm {
 margin: 30px 0
}
span.middot {
 display: inline-block;
 margin: 0 5px
}
.double-line {
 border-top: 3px double #E5E5E5
}
.emptydiv {
 display: block !important
}
.allmargin {
 margin: 50px !important
}
.leftmargin {
 margin-left: 50px !important
}
.rightmargin {
 margin-right: 50px !important
}
.topmargin {
 margin-top: 50px !important
}
.bottommargin {
 margin-bottom: 50px !important
}
.clear-bottommargin {
 margin-bottom: -50px !important
}
.allmargin-sm {
 margin: 30px !important
}
.leftmargin-sm {
 margin-left: 30px !important
}
.rightmargin-sm {
 margin-right: 30px !important
}
.topmargin-sm {
 margin-top: 30px !important
}
.bottommargin-sm {
 margin-bottom: 30px !important
}
.clear-bottommargin-sm {
 margin-bottom: -30px !important
}
.allmargin-lg {
 margin: 80px !important
}
.leftmargin-lg {
 margin-left: 80px !important
}
.rightmargin-lg {
 margin-right: 80px !important
}
.topmargin-lg {
 margin-top: 80px !important
}
.bottommargin-lg {
 margin-bottom: 80px !important
}
.clear-bottommargin-lg {
 margin-bottom: -80px !important
}
.nomargin {
 margin: 0 !important
}
.noleftmargin {
 margin-left: 0 !important
}
.norightmargin {
 margin-right: 0 !important
}
.notopmargin {
 margin-top: 0 !important
}
.nobottommargin {
 margin-bottom: 0 !important
}
.header-stick {
 margin-top: -50px !important
}
.content-wrap .header-stick {
 margin-top: -80px !important
}
.footer-stick {
 margin-bottom: -50px !important
}
.content-wrap .footer-stick {
 margin-bottom: -80px !important
}
.noborder {
 border: none !important
}
.noleftborder {
 border-left: none !important
}
.norightborder {
 border-right: none !important
}
.notopborder {
 border-top: none !important
}
.nobottomborder {
 border-bottom: none !important
}
.noradius {
 -webkit-border-radius: 0 !important;
 -moz-border-radius: 0 !important;
 -ms-border-radius: 0 !important;
 -o-border-radius: 0 !important;
 border-radius: 0 !important
}
.col-padding {
 padding: 60px
}
.nopadding {
 padding: 0 !important
}
.noleftpadding {
 padding-left: 0 !important
}
.norightpadding {
 padding-right: 0 !important
}
.notoppadding {
 padding-top: 0 !important
}
.nobottompadding {
 padding-bottom: 0 !important
}
.hidden {
 display: none !important
}
.nothidden {
 display: block !important
}
.inline-block {
 float: none !important;
 display: inline-block !important
}
.center {
 text-align: center !important
}
.divcenter {
 float: none !important;
 margin-left: auto !important;
 margin-right: auto !important
}
.bgcolor, .bgcolor #header-wrap {
 background-color: #F4FAFB !important
}
.color {
 color: #1ABC9C !important
}
.border-color {
 border-color: #1ABC9C !important
}
.nobg {
 background: 0 0 !important
}
.nobgcolor {
 background-color: transparent !important
}
.t300 {
 font-weight: 300 !important
}
.t400 {
 font-weight: 400 !important
}
.t500 {
 font-weight: 500 !important
}
.t600 {
 font-weight: 600 !important
}
.t700 {
 font-weight: 700 !important
}
.ls0 {
 letter-spacing: 0 !important
}
.ls1 {
 letter-spacing: 1px !important
}
.ls2 {
 letter-spacing: 2px !important
}
.ls3 {
 letter-spacing: 3px !important
}
.ls4 {
 letter-spacing: 4px !important
}
.ls5 {
 letter-spacing: 5px !important
}
.noheight {
 height: 0 !important
}
.nolineheight {
 line-height: 0 !important
}
.entry-meta li, .font-secondary {
 font-family: 'Crete Round', serif
}
.bgicon {
 display: block;
 position: absolute;
 bottom: -60px;
 right: -50px;
 font-size: 210px;
 color: rgba(0, 0, 0, .1)
}
.imagescale, .imagescalein {
 display: block;
 overflow: hidden
}
.imagescale img, .imagescalein img {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition: all 1s ease;
 transition: all 1s ease
}
.imagescale:hover img, .imagescalein img {
 -webkit-transform: scale(1);
 transform: scale(1)
}
.imagescalein:hover img {
 -webkit-transform: scale(1.1);
 transform: scale(1.1)
}
.grayscale {
 filter: brightness(80%) grayscale(1) contrast(90%);
 -webkit-filter: brightness(80%) grayscale(1) contrast(90%);
 -moz-filter: brightness(80%) grayscale(1) contrast(90%);
 -o-filter: brightness(80%) grayscale(1) contrast(90%);
 -ms-filter: brightness(80%) grayscale(1) contrast(90%);
 transition: 1s filter ease;
 -webkit-transition: 1s -webkit-filter ease;
 -moz-transition: 1s -moz-filter ease;
 -ms-transition: 1s -ms-filter ease;
 -o-transition: 1s -o-filter ease
}
.grayscale:hover {
 filter: brightness(100%) grayscale(0);
 -webkit-filter: brightness(100%) grayscale(0);
 -moz-filter: brightness(100%) grayscale(0);
 -o-filter: brightness(100%) grayscale(0);
 -ms-filter: brightness(100%) grayscale(0)
}
.bganimate {
 -webkit-animation: BgAnimated 30s infinite linear;
 -moz-animation: BgAnimated 30s infinite linear;
 -ms-animation: BgAnimated 30s infinite linear;
 -o-animation: BgAnimated 30s infinite linear;
 animation: BgAnimated 30s infinite linear
}
@-webkit-keyframes BgAnimated {
 from {
  background-position: 0 0
 }
 to {
  background-position: 0 400px
 }
}
@-moz-keyframes BgAnimated {
 from {
  background-position: 0 0
 }
 to {
  background-position: 0 400px
 }
}
@-ms-keyframes BgAnimated {
 from {
  background-position: 0 0
 }
 to {
  background-position: 0 400px
 }
}
@-o-keyframes BgAnimated {
 from {
  background-position: 0 0
 }
 to {
  background-position: 0 400px
 }
}
@keyframes BgAnimated {
 from {
  background-position: 0 0
 }
 to {
  background-position: 0 400px
 }
}
.input-block-level {
 display: block;
 width: 100% !important;
 min-height: 30px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}
.vertical-middle {
 height: auto !important;
 left: 0
}
.magnific-max-width .mfp-content {
 max-width: 800px /*}
.section {
 position: relative;
 margin: 60px 0;
 padding: 60px 0;
 background-color: #F9F9F9;
 overflow: hidden*/
}
.parallax {
 background-color: transparent;
 background-attachment: fixed;
 background-position: 50% 0;
 background-repeat: no-repeat;
 overflow: hidden
}
.mobile-parallax, .video-placeholder {
 background-size: cover !important;
 background-attachment: scroll !important;
 background-position: center center !important
}
.section .container {
 z-index: 2
}
.section .container + .video-wrap {
 z-index: 1
}
.revealer-image {
 position: relative;
 bottom: -100px;
 transition: bottom .3s ease-in-out;
 -webkit-transition: bottom .3s ease-in-out;
 -o-transition: bottom .3s ease-in-out
}
.section:hover .revealer-image {
 bottom: -50px
}
.col_full {
 width: 100%
}
.col_half {
 width: 48%
}
.col_one_third {
 width: 30.63%
}
.col_two_third {
 width: 65.33%
}
.col_one_fourth {
 width: 22%
}
.col_three_fourth {
 width: 74%
}
.col_one_fifth {
 width: 16.8%
}
.col_two_fifth {
 width: 37.6%
}
.col_three_fifth {
 width: 58.4%
}
.col_four_fifth {
 width: 79.2%
}
.col_one_sixth {
 width: 13.33%
}
.col_five_sixth {
 width: 82.67%
}
body.stretched .container-fullwidth {
 position: relative;
 padding: 0 60px;
 width: 100%
}
.col_five_sixth, .col_four_fifth, .col_full, .col_half, .col_one_fifth, .col_one_fourth, .col_one_sixth, .col_one_third, .col_three_fifth, .col_three_fourth, .col_two_fifth, .col_two_third, .postcontent {
 display: block;
 position: relative;
 margin-right: 4%;
 margin-bottom: 50px;
 float: left
}
.col_full {
 clear: both;
 float: none;
 margin-right: 0
}
.top-links, .top-links ul li {
 float: left;
 position: relative
}
.col_last {
 margin-right: 0 !important;
 clear: right
}
#page-submenu-trigger {
 top: 0;
 margin-top: 0;
 left: auto;
 right: 15px;
 width: 40px;
 height: 44px;
 line-height: 44px
}
#page-menu .menu-title {
 float: left;
 color: #FFF;
 font-size: 20px;
 font-weight: 300
}
#page-menu .menu-title span {
 font-weight: 600
}
#page-menu nav {
 position: relative;
 float: right
}
#page-menu nav ul {
 margin-bottom: 0;
 height: 44px
}
#page-menu nav li {
 position: relative;
 float: left;
 list-style: none
}
#page-menu nav li a {
 display: block;
 height: 28px;
 line-height: 28px;
 margin: 8px 4px;
 padding: 0 14px;
 color: #FFF;
 font-size: 14px;
 border-radius: 14px
}
#page-menu nav li a .icon-angle-down {
 margin-left: 5px
}
body:not(.device-touch) #page-menu nav li a {
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out
}
#page-menu li:hover ul {
 display: block
}
#page-menu ul ul {
 display: none;
 position: absolute;
 width: 150px;
 top: 44px;
 left: 0;
 z-index: 149;
 height: auto;
 background-color: #1ABC9C
}
#page-menu ul ul ul {
 display: none !important
}
#page-menu ul ul li {
 float: none
}
#page-menu ul ul a {
 height: auto;
 line-height: 22px;
 margin: 0;
 padding: 8px 14px;
 border-radius: 0
}
#page-menu ul ul li.current a, #page-menu ul ul li:hover a {
 background-color: rgba(0, 0, 0, .3)
}
@media (min-width:992px) {
 #page-menu.dots-menu, #page-menu.dots-menu #page-menu-wrap {
  position: fixed;
  z-index: 99;
  top: 50%;
  left: auto;
  right: 20px;
  width: 24px;
  height: auto;
  line-height: 1.5;
  background-color: transparent;
  text-shadow: none
 }
 #page-menu.dots-menu #page-menu-wrap {
  position: relative;
  box-shadow: none
 }
 #page-menu.dots-menu .menu-title {
  display: none
 }
 #page-menu.dots-menu nav {
  float: none;
  width: 24px
 }
 #page-menu.dots-menu nav ul {
  height: auto
 }
 #page-menu.dots-menu nav ul li {
  float: none;
  width: 14px;
  height: 14px;
  margin: 10px 6px
 }
 #page-menu.dots-menu nav li a {
  position: relative;
  width: 10px;
  height: 10px;
  line-height: 1.5;
  padding: 0;
  margin: 0 2px;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  color: #777
 }
 #page-menu.dots-menu nav li a:hover {
  background-color: rgba(0, 0, 0, .7)
 }
 #page-menu.dots-menu nav li.current a {
  background-color: #1ABC9C
 }
 #page-menu.dots-menu nav li div {
  position: absolute;
  width: auto;
  top: -11px;
  right: 25px;
  background-color: #1ABC9C;
  color: #FFF;
  padding: 5px 14px;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
  border-radius: 2px;
  opacity: 0
 }
 body:not(.device-touch) #page-menu.dots-menu nav li div {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
 }
 #page-menu.dots-menu nav li div:after {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -6px;
  left: auto;
  right: -5px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 6px solid #1ABC9C
 }
 #page-menu.dots-menu nav li a:hover div {
  opacity: 1;
  right: 30px
 }
}
.one-page-arrow {
 position: absolute;
 z-index: 3;
 bottom: 20px;
 left: 50%;
 margin-left: -16px;
 width: 32px;
 height: 32px;
 font-size: 32px;
 text-align: center;
 color: #222
}
@media (min-width:992px) {
 .side-header #header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 260px;
  height: 100%;
  height: calc(100vh);
  background-color: #FFF;
  border: none;
  border-right: 1px solid #EEE;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, .065)
 }
 .side-header #header-wrap {
  width: 300px;
  height: 100%;
  overflow: auto;
  padding-right: 40px
 }
 .side-header #header .container {
  width: 260px !important;
  padding: 0 30px !important;
  margin: 0 !important
 }
 .side-header #logo {
  float: none;
  margin: 60px 0 40px
 }
 .side-header #logo img {
  height: auto !important
 }
 .side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after {
  display: block;
  content: '';
  width: 20%;
  border-bottom: 1px solid #E5E5E5
 }
 .side-header .center #logo:after {
  margin: 0 auto
 }
 .side-header #primary-menu {
  margin-bottom: 30px
 }
 .side-header #primary-menu:not(.nobottomborder):after {
  margin-top: 40px
 }
 .side-header #primary-menu, .side-header #primary-menu ul {
  float: none;
  height: auto
 }
 .side-header #primary-menu ul li {
  float: none;
  margin: 15px 0 0
 }
 .side-header #primary-menu ul li:first-child {
  margin-top: 0
 }
 .side-header #primary-menu ul li a {
  height: 25px;
  line-height: 25px;
  padding: 0;
  text-transform: uppercase
 }
 .side-header #primary-menu ul li i {
  line-height: 24px
 }
 .side-header #primary-menu ul ul {
  position: relative;
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  border: none;
  height: auto;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 5px 0;
  padding-left: 12px
 }
 .side-header #primary-menu ul ul ul {
  top: 0 !important;
  left: 0
 }
 .side-header #primary-menu ul ul.menu-pos-invert {
  left: 0;
  right: auto
 }
 .side-header #primary-menu ul ul ul.menu-pos-invert {
  right: auto
 }
 .side-header #primary-menu ul ul li {
  margin: 0;
  border: 0
 }
 .side-header #primary-menu ul ul li:first-child {
  border-top: 0
 }
 .side-header #primary-menu ul ul a {
  font-size: 12px;
  height: auto !important;
  line-height: 24px !important;
  padding: 2px 0 !important
 }
 .side-header #primary-menu ul ul li:hover > a {
  background-color: transparent !important;
  color: #444 !important
 }
 .side-header #primary-menu ul > li.sub-menu:hover > a, .side-header #primary-menu ul > li.sub-menu > a {
  background-image: none !important
 }
 .side-header #primary-menu ul > li.sub-menu > a:after {
  position: absolute;
  content: '\e7a5';
  top: 1px;
  right: 0;
  -webkit-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear
 }
 .side-header #primary-menu ul > li.sub-menu:hover > a:after {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
 }
 .side-header:not(.open-header) #wrapper {
  margin: 0 0 0 260px !important;
  width: auto !important
 }
 .side-header:not(.open-header) #wrapper .container {
  width: auto;
  margin: 0 40px
 }
 .side-header.open-header.push-wrapper {
  overflow-x: hidden
 }
 .side-header.open-header #header {
  left: -260px
 }
 .side-header.open-header #wrapper, .side-header.open-header.side-header-open #header {
  left: 0
 }
 .side-header.open-header.push-wrapper.side-header-open #wrapper {
  left: 260px
 }
 #header-trigger {
  display: none
 }
 .side-header.open-header #header-trigger {
  display: block;
  position: fixed;
  cursor: pointer;
  top: 20px;
  left: 20px;
  z-index: 11;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #FFF;
  text-align: center;
  border-radius: 2px
 }
 .side-header.open-header.side-header-open #header-trigger {
  left: 280px
 }
 .side-header.open-header #header-trigger i:nth-child(1), .side-header.open-header.side-header-open #header-trigger i:nth-child(2) {
  display: block
 }
 .side-header.open-header #header-trigger i:nth-child(2), .side-header.open-header.side-header-open #header-trigger i:nth-child(1) {
  display: none
 }
 .side-header.open-header #header, .side-header.open-header #header-trigger, .side-header.open-header.push-wrapper #wrapper {
  -webkit-transition: left .4s ease;
  -o-transition: left .4s ease;
  transition: left .4s ease
 }
 .side-header.side-header-right #header {
  left: auto;
  right: 0;
  border: none;
  border-left: 1px solid #EEE
 }
 .side-header.side-header-right:not(.open-header) #wrapper {
  margin: 0 260px 0 0 !important
 }
 .side-header.side-header-right.open-header #header {
  left: auto;
  right: -260px
 }
 .side-header.side-header-right.open-header.side-header-open #header {
  left: auto;
  right: 0
 }
 .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper {
  left: -260px
 }
 .side-header.side-header-right.open-header #header-trigger {
  left: auto;
  right: 20px
 }
 .side-header.side-header-right.open-header.side-header-open #header-trigger {
  left: auto;
  right: 280px
 }
 .side-header.side-header-right.open-header #header, .side-header.side-header-right.open-header #header-trigger {
  -webkit-transition: right .4s ease;
  -o-transition: right .4s ease;
  transition: right .4s ease
 }
}
.section .video-wrap, .section .yt-bg-player, .swiper-slide .video-wrap, .swiper-slide .yt-bg-player {
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: -1;
 top: 0;
 left: 0
}
#slider .container {
 position: relative;
 height: 100%
}
#slider.canvas-slider .swiper-slide img {
 width: 100%
}
#slider.canvas-slider a {
 display: block;
 height: 100%
}
.swiper-pagination {
 position: absolute;
 width: 100%;
 z-index: 20;
 margin: 0;
 top: auto;
 bottom: 20px !important;
 text-align: center;
 line-height: 1
}
.video-wrap, .video-wrap video {
 position: relative;
 width: 100%
}
.swiper-pagination span {
 display: inline-block;
 cursor: pointer;
 width: 10px;
 height: 10px;
 margin: 0 4px;
 opacity: 1;
 background-color: transparent;
 border: 1px solid #FFF;
 border-radius: 50%;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease
}
.swiper-pagination span.swiper-pagination-bullet-active, .swiper-pagination span:hover {
 background-color: #FFF !important
}
.tp-banner .button {
 height: auto !important
}
.video-wrap video {
 z-index: 1
}
.video-overlay, .video-placeholder {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 5;
 background: url(images/grid.png)
}
.video-placeholder {
 z-index: 4;
 background-repeat: no-repeat !important
}
.flex-caption, .nivo-caption, .slider-caption {
 position: absolute;
 top: 0;
 left: 15px;
 z-index: 20;
 max-width: 550px;
 color: #EEE;
 font-size: 22px;
 font-weight: 300;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
 -webkit-transition: top .3s ease;
 -o-transition: top .3s ease;
 transition: top .3s ease
}
.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
 color: #222;
 text-shadow: none
}
.slider-caption h2 {
 font-size: 64px;
 letter-spacing: 2px;
 text-transform: uppercase;
 font-weight: 700;
 line-height: 1;
 margin-bottom: 30px
}
.slider-caption p {
 margin-bottom: 10px;
 font-size: 24px
}
.slider-caption.slider-caption-right {
 left: auto;
 right: 15px
}
.slider-caption.slider-caption-center {
 position: relative;
 max-width: 800px;
 text-align: center;
 margin: 0 auto;
 left: 0;
 right: 0
}
.slider-caption-bg {
 padding: 5px 12px;
 border-radius: 2px;
 background-color: rgba(0, 0, 0, .6);
 top: auto;
 bottom: 50px;
 left: 50px
}
.slider-caption-bg.slider-caption-bg-light {
 background-color: rgba(255, 255, 255, .8);
 color: #333;
 font-weight: 400;
 text-shadow: none
}
.slider-caption-top-left {
 top: 50px;
 bottom: auto
}
.slider-caption-top-right {
 top: 50px;
 bottom: auto;
 left: auto;
 right: 50px
}
.slider-caption-bottom-right {
 left: auto;
 right: 50px
}
#slider .owl-carousel {
 margin: 0
}
#slider .owl-next, #slider .owl-prev, #slider-arrow-left, #slider-arrow-right, .camera_next, .camera_prev, .flex-next, .flex-prev, .nivo-nextNav, .nivo-prevNav, .slider-arrow-bottom-sm, .slider-arrow-top-sm {
 position: absolute;
 cursor: pointer;
 z-index: 10;
 top: 50%;
 left: 0;
 margin-top: -26px;
 background-color: rgba(0, 0, 0, .3);
 width: 52px;
 height: 52px;
 border: 0;
 border-radius: 0 3px 3px 0;
 -webkit-transition: background-color .3s ease-in-out;
 -o-transition: background-color .3s ease-in-out;
 transition: background-color .3s ease-in-out
}
.slider-arrow-bottom-sm, .slider-arrow-top-sm {
 top: auto;
 bottom: 57px;
 left: auto;
 right: 20px;
 margin: 0;
 width: 32px;
 height: 32px;
 border-radius: 3px 3px 0 0
}
.slider-arrow-bottom-sm {
 bottom: 20px;
 border-radius: 0 0 3px 3px
}
.fslider[data-thumbs=true] .flex-next, .fslider[data-thumbs=true] .flex-prev {
 margin-top: -64px
}
#slider .owl-next, #slider .owl-prev {
 -webkit-transition: background-color .3s ease-in-out;
 -o-transition: background-color .3s ease-in-out;
 transition: background-color .3s ease-in-out
}
#slider .owl-next, #slider-arrow-right, .camera_next, .flex-next, .nivo-nextNav {
 left: auto;
 right: 0;
 border-radius: 3px 0 0 3px
}
#slider .owl-next i, #slider .owl-prev i, #slider-arrow-left i, #slider-arrow-right i, .camera_next i, .camera_prev i, .flex-next i, .flex-prev i, .nivo-nextNav i, .nivo-prevNav i, .slider-arrow-bottom-sm i, .slider-arrow-top-sm i {
 line-height: 50px;
 width: 34px;
 height: 52px;
 color: #DDD;
 color: rgba(255, 255, 255, .8);
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
 font-size: 34px;
 text-align: center;
 margin-left: 7px
}
.slider-arrow-bottom-sm i, .slider-arrow-top-sm i {
 width: 32px;
 height: 32px;
 margin: 0;
 line-height: 30px;
 font-size: 18px;
 color: #FFF;
 color: rgba(255, 255, 255, 1)
}
.flex-prev i {
 margin-left: 9px
}
#slider .owl-prev i {
 margin-left: 0
}
#slider-arrow-right i, .camera_next i, .nivo-nextNav i {
 margin-left: 10px
}
.flex-next i {
 margin-left: 11px
}
#slider .owl-next i {
 margin-right: 4px
}
#slider .owl-nav {
 opacity: 0;
 -webkit-transition: opacity .3s ease-in-out;
 -o-transition: opacity .3s ease-in-out;
 transition: opacity .3s ease-in-out
}
#slider .owl-nav div, #slider:hover .owl-nav {
 opacity: 1
}
#slider .owl-next:hover, #slider .owl-prev:hover, #slider-arrow-left:hover, #slider-arrow-right:hover, .camera_next:hover, .camera_prev:hover, .flex-next:hover, .flex-prev:hover, .nivo-nextNav:hover, .nivo-prevNav:hover, .slider-arrow-bottom-sm:hover, .slider-arrow-top-sm:hover {
 background-color: rgba(0, 0, 0, .6) !important
}
#slide-number {
 position: absolute;
 opacity: 0;
 top: auto;
 right: 20px;
 bottom: 20px;
 z-index: 20;
 width: 36px;
 height: 40px;
 text-align: center;
 color: rgba(255, 255, 255, .8);
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
 font-size: 18px;
 font-weight: 300;
 -webkit-transition: all .3s linear;
 -o-transition: all .3s linear;
 transition: all .3s linear
}
#slider:hover #slide-number {
 opacity: 1
}
#slide-number-current, #slide-number-total {
 position: absolute;
 line-height: 1;
 top: 5px;
 left: 0
}
#slide-number-total {
 top: auto;
 bottom: 5px;
 left: auto;
 right: 0
}
#slide-number span {
 display: block;
 font-size: 32px;
 line-height: 40px
}
#slider .owl-dots {
 position: absolute;
 width: 100%;
 z-index: 20;
 margin: 0;
 top: auto;
 bottom: 15px
}
#page-title, #page-title .container {
 position: relative
}
#slider .owl-dots span {
 width: 10px;
 height: 10px;
 margin: 0 3px;
 opacity: 1;
 background-color: transparent;
 border: 1px solid #FFF
}
#slider .owl-dots .owl-dot.active span, #slider .owl-dots .owl-dot:hover span {
 background-color: #FFF !important
}
#page-title {
 padding: 50px 0;
 background-color: #F5F5F5;
 border-bottom: 1px solid #EEE
}
#page-title h1 {
 padding: 0;
 margin: 0;
 line-height: 1;
 font-weight: 600;
 letter-spacing: 1px;
 color: #333;
 font-size: 28px;
 text-transform: uppercase
}
#page-title span {
 display: block;
 margin-top: 10px;
 font-weight: 300;
 color: #777;
 font-size: 18px
}
#page-title.page-title-dark {
 background-color: #333;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .15) !important;
 border-bottom: none
}
#page-title.page-title-dark h1 {
 color: rgba(255, 255, 255, .9) !important
}
#page-title.page-title-dark span {
 color: rgba(255, 255, 255, .7)
}
#page-title.page-title-dark .breadcrumb > .active {
 color: rgba(255, 255, 255, .6)
}
#page-title.page-title-dark .breadcrumb a {
 color: rgba(255, 255, 255, .8)
}
#page-title.page-title-dark .breadcrumb a:hover {
 color: rgba(255, 255, 255, .95)
}
#page-title.page-title-right {
 text-align: right
}
#page-title.page-title-right .breadcrumb {
 left: 15px !important;
 right: auto !important
}
#page-title.page-title-center {
 text-align: center
}
#page-title.page-title-center span {
 max-width: 700px;
 margin-left: auto;
 margin-right: auto
}
#page-title.page-title-center .breadcrumb {
 position: relative !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 margin: 20px 0 0 !important
}
#page-title.page-title-pattern {
 background-image: url(images/pattern.png);
 background-repeat: repeat;
 background-attachment: fixed
}
#page-title.page-title-parallax {
 padding: 100px 0;
 text-shadow: none;
 border-bottom: none;
 background-color: transparent;
 background-image: url(images/parallax/parallax-bg.jpg);
 background-attachment: fixed;
 background-position: 50% 0;
 background-repeat: no-repeat
}
#page-title.page-title-parallax h1 {
 font-size: 40px;
 font-weight: 600;
 letter-spacing: 2px
}
#page-title.page-title-parallax span {
 font-size: 22px
}
#page-title.page-title-parallax .breadcrumb {
 font-size: 13px
}
#page-title.page-title-mini {
 padding: 20px 0
}
#page-title.page-title-mini h1 {
 font-weight: 600;
 font-size: 18px;
 color: #444
}
#page-title.page-title-mini span {
 display: none
}
#page-title.page-title-nobg {
 background: 0 0 !important;
 border-bottom: 1px solid #F5F5F5
}
#page-title.page-title-video {
 background: 0 0;
 position: relative
}
#page-title.page-title-video .container {
 z-index: 3
}
#page-title.page-title-video .video-wrap {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}
#content, #content .container, .content-wrap, .grid-container, .portfolio-filter, .portfolio-filter li {
 position: relative
}
#page-title.page-title-video .video-wrap video {
 width: 100%
}
.content-wrap {
 padding: 40px 0
}
div.alignleft, img.alignleft {
 float: left;
 margin: 5px 20px 13px 0;
 max-width: 100%
}
div.aligncenter > img, div.alignleft > img, div.alignnone > img, div.alignright > img {
 display: block;
 float: none
}
div.aligncenter, div.alignnone, img.aligncenter, img.alignnone {
 display: block;
 margin: 10px 0;
 float: none
}
div.aligncenter, div.aligncenter img, img.aligncenter {
 margin-left: auto;
 margin-right: auto;
 clear: both
}
div.alignright, img.alignright {
 float: right;
 margin: 5px 0 13px 20px
}
.wp-caption {
 text-align: center;
 margin: 10px 20px 13px;
 font-family: Lato, Georgia, "Times New Roman", Times, serif;
 font-style: italic
}
.wp-caption img, .wp-caption img a {
 display: block;
 margin: 0
}
p.wp-caption-text {
 display: inline-block;
 margin: 10px 0 0;
 padding: 5px 10px;
 background-color: #EEE;
 border-radius: 50px
}
.wp-smiley {
 max-height: 13px;
 margin: 0 !important
}
#infscr-loading, #portfolio-ajax-loader {
 position: fixed;
 z-index: 20;
 top: 50%;
 left: 50%;
 width: 48px;
 height: 48px;
 margin: -24px 0 0 -24px;
 background-color: rgba(0, 0, 0, .7);
 border-radius: 3px;
 line-height: 48px;
 font-size: 24px;
 color: #FFF;
 text-align: center
}
.product, .product-image, .shop {
 position: relative
}
#infscr-loading img, #portfolio-ajax-loader img {
 display: none;
 width: 24px;
 height: 24px;
 margin: 12px
}
#portfolio-ajax-loader {
 display: none
}
#portfolio-ajax-loader img {
 display: block
}
.shop {
 margin: 0 -20px -20px 0
}
.shop .product {
 float: left;
 padding: 0 20px 20px 0;
 width: 25%
}
.product-image {
 width: 100%;
 height: auto;
 overflow: hidden
}
.product-image .slide a, .product-image img, .product-image > a {
 display: block;
 width: 100%;
 height: 100%
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-image > a {
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease
}
.product-image > a:nth-of-type(2) {
 opacity: 0;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0
}
.product-image:hover > a:nth-of-type(2) {
 opacity: 1;
 z-index: 2
}
.product-desc {
 padding: 15px 0;
 font-size: 14px
}
.product-title {
 margin-bottom: 7px
}
.product-title h3 {
 margin: 0;
 font-size: 20px
}
.product-title h3 a, .single-product .product-title h2 a {
 color: #333
}
.product-title h3 a:hover, .single-product .product-title h2 a:hover {
 color: #1ABC9C
}
.product-price {
 font-size: 18px;
 font-weight: 600;
 color: #444;
 margin-bottom: 4px
}
.product-price del {
 font-weight: 400;
 font-size: 90%;
 color: #888
}
.product-price ins {
 text-decoration: none;
 color: #1ABC9C
}
.product-overlay {
 position: absolute;
 width: 100%;
 height: 44px;
 line-height: 44px;
 top: auto;
 bottom: -44px;
 left: 0;
 z-index: 6;
 overflow: hidden
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay {
 -webkit-transition: bottom .3s ease-in-out;
 -o-transition: bottom .3s ease-in-out;
 transition: bottom .3s ease-in-out
}
.product:hover .product-overlay {
 bottom: 0
}
.product-overlay a {
 display: block;
 float: left;
 width: 50%;
 font-size: 13px;
 color: #333;
 background-color: #F5F5F5;
 text-align: center;
 border-right: 1px solid rgba(0, 0, 0, .1)
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay a {
 -webkit-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out
}
.product-overlay a.item-quick-view {
 border-right: 0
}
.product-overlay a i {
 position: relative;
 top: 1px;
 font-size: 14px;
 margin-right: 3px
}
.product-overlay a:hover {
 background-color: #333;
 color: #FFF
}
.sale-flash {
 position: absolute;
 top: 10px;
 left: 10px;
 padding: 6px 10px;
 background-color: #1ABC9C;
 color: #FFF;
 border-radius: 2px;
 z-index: 5
}
.sale-flash.out-of-stock {
 background-color: #777
}
.shop.product-3 {
 margin: 0 -30px -30px 0
}
.product-3 .product {
 padding: 0 30px 30px 0;
 width: 33.33333333%
}
.postcontent .shop.product-3 {
 margin: 0 -25px -25px 0
}
.postcontent .product-3 .product {
 padding: 0 25px 25px 0
}
.postcontent .shop.product-2 {
 margin: 0 -40px -40px 0
}
.postcontent .product-2 .product {
 padding: 0 40px 40px 0;
 width: 50%
}
.bothsidebar .shop.product-2 {
 margin: 0 -40px -20px 0
}
.bothsidebar .product-2 .product {
 padding: 0 40px 20px 0
}
.button {
 display: inline-block;
 cursor: pointer;
 outline: 0;
 white-space: nowrap;
 margin: 5px;
 padding: 0 22px;
 font-size: 14px;
 height: 40px;
 line-height: 40px;
 background-color: #1ABC9C;
 color: #FFF;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 1px;
 border: none;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}
body:not(.device-touch) .button {
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out
}
.button-dark {
 background-color: #444
}
.button-light {
 background-color: #EEE;
 color: #333;
 text-shadow: none !important
}
.button:hover {
 background-color: #444;
 color: #FFF;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}
.button.button-dark:hover {
 background-color: #1ABC9C
}
.button.button-mini {
 padding: 0 14px;
 font-size: 11px;
 height: 28px;
 line-height: 28px
}
.button.button-small {
 padding: 0 17px;
 font-size: 12px;
 height: 34px;
 line-height: 34px
}
.button.button-large {
 padding: 0 26px;
 font-size: 16px;
 height: 46px;
 line-height: 46px
}
.button.button-xlarge {
 padding: 0 32px;
 font-size: 18px;
 letter-spacing: 2px;
 height: 52px;
 line-height: 52px
}
.button.button-desc {
 text-align: left;
 padding: 24px 34px;
 font-size: 22px;
 height: auto;
 line-height: 1;
 font-family: Arimo, sans-serif
}
.button.button-desc span {
 display: block;
 margin-top: 10px;
 font-size: 14px;
 font-weight: 400;
 letter-spacing: 1px;
 font-family: 'Crete Round', serif;
 font-style: italic;
 text-transform: none
}
.button i {
 top: 1px;
 line-height: 1;
 margin-right: 5px;
 width: 16px;
 text-align: center
}
.button.tright i {
 margin: 0 0 0 5px
}
.button-mini i {
 margin-right: 3px
}
.button-mini.tright i {
 margin: 0 0 0 3px
}
.button-small i {
 margin-right: 4px
}
.button-small.tright i {
 margin: 0 0 0 4px
}
.button-xlarge i {
 top: 2px;
 margin-right: 8px
}
.button-xlarge.tright i {
 margin: 0 0 0 8px
}
.button.button-desc i {
 top: 1px;
 font-size: 48px;
 width: 48px;
 text-align: center;
 margin-right: 12px
}
.button.button-desc.tright i {
 margin: 0 0 0 12px
}
.button.button-desc div {
 display: inline-block
}
.button.button-rounded {
 border-radius: 3px
}
.button.button-border {
 border: 2px solid #444;
 background-color: transparent;
 color: #333;
 line-height: 36px;
 font-weight: 600;
 text-shadow: none
}
.button.button-border-thin {
 border-width: 1px;
 line-height: 38px
}
.button.button-border.button-mini {
 line-height: 24px
}
.button.button-border.button-small {
 line-height: 30px
}
.button.button-border.button-large {
 line-height: 42px
}
.button.button-border.button-xlarge {
 line-height: 48px
}
.button.button-border-thin.button-mini {
 line-height: 26px
}
.button.button-border-thin.button-small {
 line-height: 32px
}
.button.button-border-thin.button-large {
 line-height: 44px
}
.button.button-border-thin.button-xlarge {
 line-height: 50px
}
.button.button-border.button-desc {
 line-height: 1
}
.button.button-border:not(.button-fill):hover {
 background-color: #444;
 color: #FFF;
 border-color: transparent !important;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}
.button.button-border.button-light {
 border-color: #EEE;
 color: #EEE
}
.button.button-border.button-light:hover {
 background-color: #EEE;
 color: #333;
 text-shadow: none
}
.button.button-3d {
 border-radius: 3px;
 border-bottom: 3px solid rgba(0, 0, 0, .15);
 -webkit-transition: none;
 -o-transition: none;
 transition: none
}
.button.button-3d:hover {
 background-color: #1ABC9C !important;
 opacity: .9
}
.button.button-3d.button-light:hover, .button.button-reveal.button-light:hover {
 text-shadow: none;
 color: #333
}
.button.button-reveal {
 padding: 0 28px;
 overflow: hidden
}
.button.button-reveal i {
 display: block;
 position: absolute;
 top: 0;
 left: -32px;
 width: 32px;
 height: 40px;
 line-height: 40px;
 margin: 0;
 text-align: center;
 background-color: rgba(0, 0, 0, .1)
}
.button.button-reveal.button-border i {
 top: -2px
}
.button.button-reveal.tright i {
 left: auto;
 right: -32px
}
.button.button-reveal.button-3d i, .button.button-reveal.button-rounded i {
 border-radius: 3px 0 0 3px
}
.button.button-reveal.button-3d.tright i, .button.button-reveal.button-rounded.tright i {
 border-radius: 0 3px 3px 0
}
.button.button-reveal span {
 display: inline-block;
 position: relative;
 left: 0
}
body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span {
 -webkit-transition: left .3s ease, right .3s ease;
 -o-transition: left .3s ease, right .3s ease;
 transition: left .3s ease, right .3s ease
}
.button.button-reveal.button-mini {
 padding: 0 17px
}
.button.button-reveal.button-mini i {
 left: -22px;
 width: 22px;
 height: 28px;
 line-height: 28px
}
.button.button-reveal.button-mini.tright i {
 left: auto;
 right: -22px
}
.button.button-reveal.button-small {
 padding: 0 22px
}
.button.button-reveal.button-small i {
 left: -26px;
 width: 26px;
 height: 34px;
 line-height: 34px
}
.button.button-reveal.button-small.tright i {
 left: auto;
 right: -26px
}
.button.button-reveal.button-large {
 padding: 0 32px
}
.button.button-reveal.button-large i {
 left: -38px;
 width: 38px;
 height: 46px;
 line-height: 46px
}
.button.button-reveal.button-large.tright i {
 left: auto;
 right: -38px
}
.button.button-reveal.button-xlarge {
 padding: 0 40px
}
.button.button-reveal.button-xlarge i {
 left: -44px;
 width: 44px;
 height: 52px;
 line-height: 52px
}
.button.button-reveal.button-xlarge.tright i {
 left: auto;
 right: -44px
}
.button.button-reveal:hover i {
 left: 0
}
.button.button-reveal.tright:hover i {
 left: auto;
 right: 0
}
.button.button-reveal:hover span {
 left: 16px
}
.button.button-reveal.button-mini:hover span {
 left: 11px
}
.button.button-reveal.button-small:hover span {
 left: 13px
}
.button.button-reveal.button-large:hover span {
 left: 19px
}
.button.button-reveal.button-xlarge:hover span {
 left: 22px
}
.button.button-reveal.tright:hover span {
 left: -16px
}
.button.button-reveal.button-mini.tright:hover span {
 left: -11px
}
.button.button-reveal.button-small.tright:hover span {
 left: -13px
}
.button.button-reveal.button-large.tright:hover span {
 left: -19px
}
.button.button-reveal.button-xlarge.tright:hover span {
 left: -22px
}
.button.button-full {
 display: block !important;
 white-space: normal;
 margin: 0;
 height: auto;
 line-height: 1.6;
 padding: 30px 0;
 font-size: 30px;
 font-weight: 300;
 text-transform: none;
 border-radius: 0;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}
.feature-box h3, .promo-uppercase {
 text-transform: uppercase
}
.button.button-full.button-light {
 border-bottom: 1px solid rgba(0, 0, 0, .15)
}
.button.button-full strong {
 font-weight: 600;
 border-bottom: 2px solid #EEE
}
body:not(.device-touch) .button.button-full strong {
 -webkit-transition: border .2s ease-in-out;
 -o-transition: border .2s ease-in-out;
 transition: border .2s ease-in-out
}
.button.button-full.button-light strong {
 border-bottom-color: #333
}
.button.button-full.button-light:hover strong {
 border-bottom-color: #EEE
}
.button.button-circle {
 border-radius: 20px
}
.button.button-mini.button-circle {
 border-radius: 14px
}
.button.button-small.button-circle {
 border-radius: 17px
}
.button.button-large.button-circle {
 border-radius: 23px
}
.button.button-xlarge.button-circle {
 border-radius: 26px
}
.button.button-border.button-fill {
 overflow: hidden;
 transform-style: preserve-3d;
 -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}
.button.button-border.button-fill span {
 position: relative
}
.button.button-border.button-fill:hover {
 background-color: transparent !important;
 color: #FFF;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}
.button.button-border.button-fill.button-light:hover {
 border-color: #EEE !important;
 color: #333 !important;
 text-shadow: none
}
.button.button-border.button-fill:before {
 content: '';
 position: absolute;
 background-color: #444;
 top: 0;
 left: 0;
 width: 0;
 height: 100%;
 -webkit-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease
}
.button.button-border.button-fill.fill-from-right:before, .promo a.button {
 left: auto;
 right: 0
}
.button.button-border.button-fill.button-light:before {
 background-color: #EEE
}
.button.button-border.button-fill:hover:before {
 width: 100%
}
.button.button-border.button-fill.fill-from-bottom:before, .button.button-border.button-fill.fill-from-top:before {
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease
}
.button.button-border.button-fill.fill-from-top:before {
 width: 100%;
 height: 0
}
.button.button-border.button-fill.fill-from-top:hover:before {
 height: 100%
}
.button.button-border.button-fill.fill-from-bottom:before {
 width: 100%;
 height: 0;
 top: auto;
 bottom: 0
}
.button.button-border.button-fill.fill-from-bottom:hover:before {
 height: 100%
}
.button-red {
 background-color: #C02942
}
.button-3d.button-red:hover, .button-border.button-red.button-fill:before, .button-border.button-red:hover, .button-reveal.button-red:hover {
 background-color: #C02942 !important
}
.button-border.button-red {
 color: #C02942;
 border-color: #C02942
}
.button-teal {
 background-color: #53777A
}
.button-3d.button-teal:hover, .button-border.button-teal.button-fill:before, .button-border.button-teal:hover, .button-reveal.button-teal:hover {
 background-color: #53777A !important
}
.button-border.button-teal {
 color: #53777A;
 border-color: #53777A
}
.button-yellow {
 background-color: #ECD078
}
.button-3d.button-yellow:hover, .button-border.button-yellow.button-fill:before, .button-border.button-yellow:hover, .button-reveal.button-yellow:hover {
 background-color: #ECD078 !important
}
.button-border.button-yellow, .button-border.button-yellow.button-fill.button-light:hover {
 color: #ECD078 !important;
 border-color: #ECD078 !important
}
.button-border.button-yellow.button-fill.button-light:hover, .button-border.button-yellow:hover {
 color: #333 !important
}
.button-green {
 background-color: #59BA41
}
.button-3d.button-green:hover, .button-border.button-green.button-fill:before, .button-border.button-green:hover, .button-reveal.button-green:hover {
 background-color: #59BA41 !important
}
.button-border.button-green {
 color: #59BA41;
 border-color: #59BA41
}
.button-brown {
 background-color: #774F38
}
.button-3d.button-brown:hover, .button-border.button-brown.button-fill:before, .button-border.button-brown:hover, .button-reveal.button-brown:hover {
 background-color: #774F38 !important
}
.button-border.button-brown {
 color: #774F38;
 border-color: #774F38
}
.button-aqua {
 background-color: #40C0CB
}
.button-3d.button-aqua:hover, .button-border.button-aqua.button-fill:before, .button-border.button-aqua:hover, .button-reveal.button-aqua:hover {
 background-color: #40C0CB !important
}
.button-border.button-aqua {
 color: #40C0CB;
 border-color: #40C0CB
}
.button-lime {
 background-color: #AEE239
}
.button-3d.button-lime:hover, .button-border.button-lime.button-fill:before, .button-border.button-lime:hover, .button-reveal.button-lime:hover {
 background-color: #AEE239 !important
}
.button-border.button-lime {
 color: #AEE239;
 border-color: #AEE239
}
.button-purple {
 background-color: #5D4157
}
.button-3d.button-purple:hover, .button-border.button-purple.button-fill:before, .button-border.button-purple:hover, .button-reveal.button-purple:hover {
 background-color: #5D4157 !important
}
.button-border.button-purple {
 color: #5D4157;
 border-color: #5D4157
}
.button-leaf {
 background-color: #A8CABA
}
.button-3d.button-leaf:hover, .button-border.button-leaf.button-fill:before, .button-border.button-leaf:hover, .button-reveal.button-leaf:hover {
 background-color: #A8CABA !important
}
.button-border.button-leaf {
 color: #A8CABA;
 border-color: #A8CABA
}
.button-pink {
 background-color: #F89FA1
}
.button-3d.button-pink:hover, .button-border.button-pink.button-fill:before, .button-border.button-pink:hover, .button-reveal.button-pink:hover {
 background-color: #F89FA1 !important
}
.button-border.button-pink {
 color: #F89FA1;
 border-color: #F89FA1
}
.button-dirtygreen {
 background-color: #1693A5
}
.button-3d.button-dirtygreen:hover, .button-border.button-dirtygreen.button-fill:before, .button-border.button-dirtygreen:hover, .button-reveal.button-dirtygreen:hover {
 background-color: #1693A5 !important
}
.button-border.button-dirtygreen {
 color: #1693A5;
 border-color: #1693A5
}
.button-blue {
 background-color: #1265A8
}
.button-3d.button-blue:hover, .button-border.button-blue.button-fill:before, .button-border.button-blue:hover, .button-reveal.button-blue:hover {
 background-color: #1265A8 !important
}
.button-border.button-blue {
 color: #1265A8;
 border-color: #1265A8
}
.button-amber {
 background-color: #EB9C4D
}
.button-3d.button-amber:hover, .button-border.button-amber.button-fill:before, .button-border.button-amber:hover, .button-reveal.button-amber:hover {
 background-color: #EB9C4D !important
}
.button-border.button-amber {
 color: #EB9C4D;
 border-color: #EB9C4D
}
.button-black {
 background-color: #111
}
.button-3d.button-black:hover, .button-border.button-black.button-fill:before, .button-border.button-black:hover, .button-reveal.button-black:hover {
 background-color: #111 !important
}
.button-border.button-black {
 color: #111;
 border-color: #111
}
.button-white {
 background-color: #F9F9F9
}
.button-3d.button-white:hover, .button-reveal.button-white:hover {
 background-color: #F9F9F9 !important
}
.button.button-nohover:hover {
 opacity: inherit !important;
 background-color: inherit !important;
 color: inherit !important;
 border-color: inherit !important
}
.promo {
 position: relative;
 padding: 30px 200px 30px 0
}
.promo h3 {
 font-weight: 700;
 margin-bottom: 0
}
.promo > .container > span, .promo > span {
 display: block;
 color: #444;
 font-weight: 300;
 font-size: 16px;
 margin-top: 6px
}
.promo a.button {
 position: absolute;
 top: 50%;
 margin: -18px 0 0
}
.promo.promo-border a.button, .promo.promo-dark a.button, .promo.promo-light a.button {
 right: 30px
}
.promo a.button.button-mini {
 margin-top: -12px
}
.promo a.button.button-small {
 margin-top: -15px
}
.promo a.button.button-large {
 margin-top: -22px
}
.promo a.button.button-xlarge {
 margin-top: -25px
}
.promo a.button.button-desc {
 margin-top: -40px
}
.promo-uppercase h3 {
 font-size: 22px
}
.promo-uppercase > .container > span, .promo-uppercase > span {
 font-size: 15px
}
.promo.promo-border {
 border: 1px solid #E5E5E5;
 border-radius: 3px;
 padding-left: 30px
}
.promo.promo-light {
 background-color: #F5F5F5;
 border-radius: 3px;
 padding-left: 30px
}
.promo.promo-dark {
 border: 0 !important;
 background-color: #333;
 padding: 30px 200px 30px 30px;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
 border-radius: 3px
}
.promo.promo-dark h3 {
 color: #FFF
}
.promo.promo-dark > .container > h3 span, .promo.promo-dark > h3 span {
 padding: 2px 8px;
 border-radius: 3px;
 background-color: rgba(0, 0, 0, .15);
 color: #FFF;
 font-weight: 400
}
.promo.promo-dark > .container > span, .promo.promo-dark > span {
 color: #CCC;
 margin-top: 8px
}
.promo.promo-flat {
 background-color: #1ABC9C
}
.promo.promo-flat > .container > span, .promo.promo-flat > span {
 color: rgba(255, 255, 255, .9)
}
.promo.promo-flat a.button:not(.button-border) {
 background-color: rgba(0, 0, 0, .2);
 color: #FFF
}
.promo.promo-flat a.button:hover {
 background-color: #FFF;
 border-color: #FFF;
 color: #444;
 text-shadow: none
}
.promo-full {
 border-radius: 0 !important;
 border-left: 0 !important;
 border-right: 0 !important;
 padding: 40px 0 !important
}
.promo-full a.button {
 right: 15px !important
}
.promo-full.promo-right a.button {
 right: auto !important;
 left: 15px !important
}
.promo.parallax {
 padding: 80px 0 !important
}
.promo.promo-right {
 text-align: right;
 padding: 30px 0 30px 200px
}
.promo.promo-right a.button {
 left: 0;
 right: auto
}
.promo.promo-dark.promo-right:not(.promo-mini), .promo.promo-right.promo-border:not(.promo-mini) {
 padding-right: 30px
}
.promo.promo-dark.promo-right a.button, .promo.promo-right.promo-border a.button {
 left: 30px
}
.promo.promo-center a.button, .promo.promo-mini a.button {
 margin: 20px 0 0;
 left: 0 !important;
 position: relative;
 top: 0;
 right: 0
}
.promo.promo-center {
 text-align: center;
 padding: 30px 20px
}
.promo.promo-mini {
 text-align: left;
 padding: 20px 25px
}
.promo.promo-mini h3 {
 font-size: 20px;
 line-height: 1.5
}
.promo.promo-mini.promo-uppercase h3 {
 font-size: 18px
}
.promo.promo-mini.promo-dark h3 {
 line-height: 1.7
}
.promo.promo-mini.promo-center {
 text-align: center
}
.promo.promo-mini.promo-right {
 text-align: right
}
.feature-box {
 position: relative;
 margin-top: 20px;
 padding: 0 0 0 80px
}
.feature-box:first-child {
 margin-top: 0
}
.feature-box .fbox-icon {
 display: block;
 position: absolute;
 width: 64px;
 height: 64px;
 top: 0;
 left: 0
}
.feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img {
 display: block;
 position: relative;
 width: 100%;
 height: 100%;
 color: #FFF
}
.feature-box .fbox-icon i, .feature-box .fbox-icon img {
 border-radius: 50%;
 background-color: #1ABC9C
}
.feature-box .fbox-icon i {
 font-style: normal;
 font-size: 28px;
 text-align: center;
 line-height: 64px
}
.feature-box h3 {
 font-size: 16px;
 font-weight: 700;
 letter-spacing: 1px;
 margin-bottom: 0;
 color: #333
}
.feature-box p {
 margin: 8px 0 0;
 color: #999
}
.feature-box .before-heading {
 font-size: 14px
}
.feature-box.fbox-large {
 padding: 0 0 0 115px
}
.feature-box.fbox-large .fbox-icon {
 width: 96px;
 height: 96px
}
.feature-box.fbox-large .fbox-icon i {
 font-size: 42px;
 line-height: 96px
}
.feature-box.fbox-outline .fbox-icon {
 border: 1px solid #1ABC9C;
 border-radius: 50%;
 padding: 3px
}
.feature-box.fbox-outline .fbox-icon i {
 line-height: 56px
}
.feature-box.fbox-outline.fbox-large .fbox-icon {
 padding: 4px
}
.feature-box.fbox-outline.fbox-large .fbox-icon i {
 line-height: 86px
}
.feature-box.fbox-rounded .fbox-icon, .feature-box.fbox-rounded .fbox-icon i, .feature-box.fbox-rounded .fbox-icon img {
 border-radius: 3px !important
}
.feature-box.fbox-rounded.fbox-large .fbox-icon, .feature-box.fbox-rounded.fbox-large .fbox-icon i, .feature-box.fbox-rounded.fbox-large .fbox-icon img {
 border-radius: 4px !important
}
.feature-box.fbox-light.fbox-outline .fbox-icon {
 border-color: #E5E5E5
}
.feature-box.fbox-light .fbox-icon i, .feature-box.fbox-light .fbox-icon img {
 border: 1px solid #E5E5E5;
 background-color: #F5F5F5;
 color: #444
}
.feature-box.fbox-light .fbox-icon i {
 line-height: 62px
}
.feature-box.fbox-light.fbox-outline .fbox-icon i {
 line-height: 54px
}
.feature-box.fbox-light.fbox-large .fbox-icon i {
 line-height: 96px
}
.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i {
 line-height: 84px
}
.feature-box.fbox-dark.fbox-outline .fbox-icon {
 border-color: #444
}
.feature-box.fbox-dark .fbox-icon i, .feature-box.fbox-dark .fbox-icon img {
 background-color: #333
}
.feature-box.fbox-border .fbox-icon {
 border: 1px solid #1ABC9C;
 border-radius: 50%;
 padding: 0
}
.feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img {
 border: none;
 background-color: transparent !important;
 color: #1ABC9C
}
.feature-box.fbox-border .fbox-icon i {
 line-height: 62px !important
}
.feature-box.fbox-border.fbox-large .fbox-icon i {
 line-height: 94px !important
}
.feature-box.fbox-border.fbox-light .fbox-icon {
 border-color: #E5E5E5
}
.feature-box.fbox-border.fbox-light .fbox-icon i, .feature-box.fbox-border.fbox-light .fbox-icon img {
 color: #888
}
.feature-box.fbox-border.fbox-dark .fbox-icon {
 border-color: #333
}
.feature-box.fbox-border.fbox-dark .fbox-icon i, .feature-box.fbox-border.fbox-dark .fbox-icon img {
 color: #444
}
.feature-box.fbox-plain .fbox-icon {
 border: none !important;
 height: auto !important
}
.feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img {
 border: none !important;
 background-color: transparent !important;
 color: #1ABC9C;
 border-radius: 0
}
.feature-box.fbox-plain .fbox-icon i {
 font-size: 48px;
 line-height: 1 !important
}
.feature-box.fbox-plain .fbox-icon img {
 height: 64px
}
.feature-box.fbox-plain.fbox-image .fbox-icon {
 width: auto
}
.feature-box.fbox-plain.fbox-image .fbox-icon img {
 width: auto;
 display: inline-block
}
.feature-box.fbox-plain.fbox-small {
 padding-left: 42px
}
.feature-box.fbox-plain.fbox-small .fbox-icon {
 width: 28px
}
.feature-box.fbox-plain.fbox-small h3 {
 font-size: 15px;
 line-height: 26px;
 margin-bottom: 10px
}
.feature-box.fbox-plain.fbox-small p {
 margin-left: -42px
}
.feature-box.fbox-plain.fbox-small .fbox-icon i {
 font-size: 28px
}
.feature-box.fbox-plain.fbox-small .fbox-icon img {
 height: 28px
}
.feature-box.fbox-plain.fbox-large .fbox-icon i {
 font-size: 72px
}
.feature-box.fbox-plain.fbox-large .fbox-icon img {
 height: 96px
}
.feature-box.fbox-plain.fbox-light .fbox-icon i, .feature-box.fbox-plain.fbox-light .fbox-icon img {
 color: #888
}
.feature-box.fbox-plain.fbox-dark .fbox-icon i, .feature-box.fbox-plain.fbox-dark .fbox-icon img {
 color: #444
}
.feature-box.fbox-center {
 padding: 0;
 text-align: center
}
.feature-box.fbox-center.fbox-small {
 padding-left: 0 !important
}
.feature-box.fbox-center .fbox-icon {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 30px;
}
.feature-box.fbox-center .fbox-icon i {
    font-size: 115px;
    line-height: 220px;
    background-color: #004890;
/*}
.feature-box.fbox-center .fbox-icon i {
 font-size: 32px;
 line-height: 76px*/
}
.feature-box.fbox-center.fbox-outline .fbox-icon i {
 line-height: 88px
}
.feature-box.fbox-center p {
 font-size: 14px;
 margin-top: 15px
}
.feature-box.fbox-center.fbox-large .fbox-icon {
 width: 128px;
 height: 128px
}
.feature-box.fbox-center.fbox-large .fbox-icon i {
 font-size: 70px;
 line-height: 128px
}
.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i {
 line-height: 118px
}
.feature-box.fbox-center.fbox-light .fbox-icon i {
 line-height: 94px
}
.feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i {
 line-height: 86px
}
.feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i {
 line-height: 114px
}
.feature-box.fbox-center.fbox-border .fbox-icon i {
 line-height: 94px !important
}
.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i {
 line-height: 126px !important
}
.feature-box.fbox-center.fbox-plain .fbox-icon i {
 font-size: 84px
}
.feature-box.fbox-center.fbox-plain .fbox-icon img {
 height: 96px
}
.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i {
 font-size: 112px
}
.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img {
 height: 128px
}
.feature-box.fbox-center.fbox-small .fbox-icon {
 width: 64px;
 height: 64px
}
.feature-box.fbox-center.fbox-small .fbox-icon i {
 font-size: 28px;
 line-height: 64px
}
.feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i {
 line-height: 58px
}
.feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i {
 line-height: 54px
}
.feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i {
 line-height: 62px !important
}
.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i {
 font-size: 56px
}
.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img {
 height: 64px
}
.feature-box.fbox-center.fbox-small p {
 font-size: 14px;
 margin-top: 10px
}
.feature-box.fbox-center.fbox-plain.fbox-small p {
 margin-left: 0
}
.feature-box.fbox-right {
 padding: 0 80px 0 0;
 text-align: right
}
.feature-box.fbox-right.fbox-large {
 padding-right: 115px
}
.feature-box.fbox-right .fbox-icon {
 left: auto;
 right: 0
}
.feature-box.fbox-right.fbox-plain.fbox-small {
 padding: 0 42px 0 0
}
.feature-box.fbox-right.fbox-plain.fbox-small p {
 margin: 0 -42px 0 0
}
.feature-box h3 + .fbox-icon {
 margin-top: 20px !important
}
.feature-box h3 span.subtitle {
 display: block;
 margin-top: 5px;
 color: #444;
 font-weight: 300;
 text-transform: none
}
.feature-box.fbox-center:not(.fbox-bg) h3:after {
 content: '';
 display: block;
 margin: 20px auto;
 width: 30px;
 border-top: 2px solid #555;
 -webkit-transition: width .3s ease;
 -o-transition: width .3s ease;
 transition: width .3s ease
}
.feature-box.fbox-center:not(.fbox-bg):hover h3:after {
 width: 50px
}
.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after, .feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after {
 display: none
}
.feature-box.fbox-center.fbox-italic p {
 font-style: italic
}
.feature-box.fbox-bg.fbox-center {
 margin-top: 68px;
 padding: 38px 20px 20px;
 background-color: #FFF;
 border: 1px solid #E5E5E5;
 border-radius: 5px
}
.feature-box.fbox-bg.fbox-center:first-child {
 margin-top: 48px
}
.feature-box.fbox-bg.fbox-center.fbox-large {
 margin-top: 84px;
 padding-top: 84px
}
.feature-box.fbox-bg.fbox-center.fbox-large:first-child {
 margin-top: 64px
}
.feature-box.fbox-bg.fbox-center .fbox-icon {
 position: absolute;
 top: -48px;
 left: 50%;
 margin: 0 0 0 -38px
}
.feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {
 top: -64px;
 left: 50%;
 margin-left: -64px
}
.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon {
 background-color: #FFF
}
.fbox-effect .fbox-icon i {
 z-index: 1;
 -webkit-transition: background-color .3s, color .3s;
 -o-transition: background-color .3s, color .3s;
 transition: background-color .3s, color .3s
}
.fbox-effect .fbox-icon i:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: -3px;
    left: -3px;
    padding: 3px;
    box-shadow: 0 0 0 2px #333;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform .3s,opacity .3s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform .3s,opacity .3s;
    transform: scale(.8);
    opacity: 0;
}
.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after, .fbox-rounded.fbox-effect .fbox-icon i:after {
 border-radius: 3px
}
.fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
 background-color: #333;
 color: #FFF
}
.fbox-effect.fbox-dark .fbox-icon i:after {
 box-shadow: 0 0 0 2px #1ABC9C
}
.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i {
 background-color: #1ABC9C
}
.fbox-effect .fbox-icon i:hover:after, .fbox-effect:hover .fbox-icon i:after {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 opacity: 1
}
.fbox-border.fbox-effect .fbox-icon i {
 -webkit-transition: color .5s, box-shadow .5s, background-color .5s;
 -o-transition: color .5s, box-shadow .5s, background-color .5s;
 transition: color .5s, box-shadow .5s, background-color .5s
}
.fbox-border.fbox-effect .fbox-icon i:after {
 top: -2px;
 left: -2px;
 padding: 2px;
 z-index: -1;
 box-shadow: none;
 background-image: url(https://credit-union.app/clients/mymagnifi/images/icons/iconalt.svg);
 background-position: center center;
 background-size: 100% 100%;
 -webkit-transition: -webkit-transform .5s, opacity .5s, background-color .5s;
 -o-transition: -moz-transform .5s, opacity .5s, background-color .5s;
 transition: transform .5s, opacity .5s, background-color .5s;
 -webkit-transform: scale(1.3);
 -moz-transform: scale(1.3);
 -ms-transform: scale(1.3);
 transform: scale(1.3);
 opacity: 0;
 background-color: #333
}
.fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i {
 color: #FFF;
 box-shadow: 0 0 0 1px #333
}
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
 box-shadow: 0 0 0 1px #1ABC9C
}
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
 background-color: #1ABC9C
}
.fbox-border.fbox-effect .fbox-icon i:hover:after, .fbox-border.fbox-effect:hover .fbox-icon i:after {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 opacity: 1
}
.feature-box.media-box {
 padding: 0
}
.feature-box.media-box .fbox-media {
 margin: 0 0 25px
}
.feature-box.media-box .fbox-media, .feature-box.media-box .fbox-media a, .feature-box.media-box .fbox-media img {
 position: relative;
 display: block;
 width: 100%;
 height: auto
}
.feature-box.media-box .fbox-media iframe {
 display: block
}
.feature-box.media-box p {
 margin-top: 17px
}
.feature-box.media-box.fbox-bg .fbox-media {
 margin: 0
}
.feature-box.media-box.fbox-bg .fbox-desc {
 padding: 25px;
 background-color: #FFF;
 border: 1px solid #E5E5E5;
 border-top: 0;
 border-radius: 0 0 5px 5px
}
.feature-box.media-box.fbox-bg .fbox-media img {
 border-radius: 5px 5px 0 0
}
.flipbox {
 perspective: 1000px
}
.flipbox-inner {
 transition: .5s;
 transition-timing-function: ease;
 position: relative;
 transform-style: preserve-3d
}
.flipbox-front {
 z-index: 2
}
.flipbox-back {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}
.flipbox:not(.flipbox-vertical) .flipbox-front {
 transform: rotateY(0)
}
.flipbox:not(.flipbox-vertical) .flipbox-back {
 transform: rotateY(-180deg)
}
.flipbox.flipbox-vertical .flipbox-front {
 transform: rotateX(0)
}
.flipbox.flipbox-vertical .flipbox-back {
 transform: rotateX(-180deg)
}
.flipbox:not(.flipbox-vertical).hover .flipbox-inner, .flipbox:not(.flipbox-vertical):hover .flipbox-inner {
 transform: rotateY(180deg)
}
.flipbox.flipbox-vertical.hover .flipbox-inner, .flipbox.flipbox-vertical:hover .flipbox-inner {
 transform: rotateX(180deg)
}
#slider .owl-carousel .owl-item img, .owl-carousel .owl-item img {
 -webkit-transform-style: preserve-3d
}
.process-steps {
 margin: 0 0 40px;
 list-style: none
}
.process-steps li {
 float: left;
 position: relative;
 width: 25%;
 text-align: center;
 overflow: hidden
}
.process-steps.process-2 li {
 width: 50%
}
.process-steps.process-3 li {
 width: 33.33%
}
.process-steps.process-5 li {
 width: 20%
}
.process-steps li .i-circled {
 margin-bottom: 0 !important
}
.process-steps li .i-bordered {
 background-color: #FFF
}
.process-steps li h5 {
 margin: 15px 0 0;
 font-size: 16px;
 font-weight: 300
}
.process-steps li.active h5, .process-steps li.ui-tabs-active h5 {
 font-weight: 600;
 color: #1ABC9C
}
.process-steps li.active a, .process-steps li.ui-tabs-active a {
 background-color: #1ABC9C !important;
 color: #FFF;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
 border-color: #1ABC9C !important
}
.process-steps li:after, .process-steps li:before {
 content: '';
 position: absolute;
 top: 30px;
 left: 0;
 margin-left: -26px;
 width: 50%;
 border-top: 1px dashed #DDD
}
.process-steps li:after {
 left: auto;
 right: 0;
 margin: 0 -26px 0 0
}
.process-steps li:first-child:before, .process-steps li:last-child:after {
 display: none
}
.style-msg, .style-msg2 {
 position: relative;
 display: block;
 color: #444;
 border-left: 4px solid rgba(0, 0, 0, .1);
 margin-bottom: 20px
}
.style-msg2 {
 border-left: 4px solid rgba(0, 0, 0, .2)
}
.successmsg {
 background: #C5EBD4;
 color: #184B21
}
.errormsg {
 background: #FCC;
 color: #740D0A
}
.infomsg {
 background: #B9DFF4;
 color: #124F70
}
.alertmsg {
 background: #FCE0B6;
 color: #975E06
}
.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
 display: block;
 padding: 15px;
 border-left: 1px solid rgba(255, 255, 255, .5);
 font-size: 14px;
 text-shadow: 1px 1px 1px rgba(255, 255, 255, .6)
}
.style-msg2 .msgtitle {
 background: rgba(0, 0, 0, .15);
 border-top: none;
 border-bottom: none;
 font-size: 15px;
 font-weight: 700
}
.style-msg-light .msgtitle, .style-msg-light .sb-msg {
 color: #FFF;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}
.style-msg2 .sb-msg {
 font-weight: 400
}
.style-msg2 ol, .style-msg2 ul {
 margin: 0 0 0 30px
}
.style-msg2 ol {
 list-style-type: decimal
}
.style-msg2 ul {
 list-style-type: disc
}
.alert i, .msgtitle i, .sb-msg i {
 position: relative;
 top: 1px;
 font-size: 14px;
 width: 14px;
 text-align: center;
 margin-right: 5px
}
.style-msg .close {
 position: absolute;
 top: 10px;
 left: auto;
 right: 10px
}
.i-bordered, .i-circled, .i-plain, .i-rounded, .social-icon {
 display: block;
 float: left;
 margin: 4px 11px 7px 0;
 text-align: center !important;
 font-size: 28px;
 color: #FFF;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
 cursor: pointer;
 font-style: normal
}
body:not(.device-touch) .i-bordered, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-rounded, body:not(.device-touch) .social-icon {
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease
}
.i-bordered, .i-circled, .i-rounded {
 width: 52px !important;
 height: 52px !important;
 line-height: 52px !important;
 background-color: #444;
 border-radius: 3px
}
.i-bordered {
 border: 1px solid #555;
 line-height: 50px !important;
 background-color: transparent !important;
 color: #444;
 text-shadow: none
}
.i-light, .i-plain {
 text-shadow: 1px 1px 1px #FFF
}
.i-plain {
 width: 36px !important;
 height: 36px !important;
 font-size: 28px;
 line-height: 36px !important;
 color: #444
}
.i-plain:hover {
 color: #777
}
.i-circled {
 border-radius: 50%
}
.i-light {
 background-color: #F5F5F5;
 color: #444;
 box-shadow: inset 0 0 15px rgba(0, 0, 0, .2)
}
.i-alt {
 background-image: url(https://credit-union.app/clients/mymagnifi/images/icons/iconalt.svg);
 background-position: center center;
 background-size: 100% 100%
}
.i-circled:hover, .i-rounded:hover {
 background-color: #1ABC9C;
 color: #FFF;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
 box-shadow: 0 0 0 rgba(0, 0, 0, .2)
}
.i-bordered:hover {
 background-color: #444 !important;
 color: #FFF;
 border-color: #444
}
.i-small.i-bordered, .i-small.i-circled, .i-small.i-plain, .i-small.i-rounded {
 margin: 4px 11px 7px 0;
 font-size: 14px
}
.i-small.i-bordered, .i-small.i-circled, .i-small.i-rounded {
 width: 28px !important;
 height: 28px !important;
 line-height: 28px !important
}
.i-small.i-bordered {
 line-height: 26px !important
}
.i-small.i-plain {
 width: 18px !important;
 height: 18px !important;
 font-size: 14px;
 line-height: 18px !important
}
.i-medium.i-bordered, .i-medium.i-circled, .i-medium.i-plain, .i-medium.i-rounded {
 margin: 6px 13px 9px 0;
 font-size: 21px
}
.i-medium.i-bordered, .i-medium.i-circled, .i-medium.i-rounded {
 width: 36px !important;
 height: 36px !important;
 line-height: 36px !important
}
.i-medium.i-bordered {
 line-height: 34px !important
}
.i-medium.i-plain {
 width: 28px !important;
 height: 28px !important;
 font-size: 20px;
 line-height: 28px !important
}
.i-large.i-bordered, .i-large.i-circled, .i-large.i-plain, .i-large.i-rounded {
 margin: 4px 11px 7px 0;
 font-size: 42px
}
.i-large.i-bordered, .i-large.i-circled, .i-large.i-rounded {
 width: 64px !important;
 height: 64px !important;
 line-height: 64px !important
}
.i-large.i-bordered {
 line-height: 62px !important
}
.i-large.i-plain {
 width: 48px !important;
 height: 48px !important;
 font-size: 42px;
 line-height: 48px !important
}
.i-xlarge.i-bordered, .i-xlarge.i-circled, .i-xlarge.i-plain, .i-xlarge.i-rounded {
 margin: 4px 11px 7px 0;
 font-size: 56px
}
.i-xlarge.i-bordered, .i-xlarge.i-circled, .i-xlarge.i-rounded {
 width: 84px !important;
 height: 84px !important;
 line-height: 84px !important
}
.i-xlarge.i-bordered {
 line-height: 82px !important
}
.i-xlarge.i-plain {
 width: 64px !important;
 height: 64px !important;
 font-size: 56px;
 line-height: 64px !important
}
.i-xxlarge.i-bordered, .i-xxlarge.i-circled, .i-xxlarge.i-plain, .i-xxlarge.i-rounded {
 margin: 6px 15px 10px 0;
 font-size: 64px
}
.i-xxlarge.i-bordered, .i-xxlarge.i-circled, .i-xxlarge.i-rounded {
 width: 96px !important;
 height: 96px !important;
 line-height: 96px !important
}
.i-xxlarge.i-bordered {
 line-height: 94px !important
}
.i-xxlarge.i-plain {
 width: 80px !important;
 height: 80px !important;
 font-size: 64px;
 line-height: 80px !important
}
.i-overlay, .i-overlay a {
 display: block;
 position: absolute;
 width: 100% !important;
 height: 100% !important;
 top: 0;
 left: 0;
 text-align: center;
 background: url(images/grid.png) rgba(0, 0, 0, .2)
}
.i-overlay a {
 background: 0 0
}
.i-overlay i, .i-overlay img {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -24px 0 0 -24px;
 width: 48px !important;
 height: 48px !important;
 font-size: 48px;
 line-height: 1;
 color: #E5E5E5;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}
.i-overlay i {
 margin: -18px 0 0 -18px;
 width: 36px !important;
 height: 36px !important;
 line-height: 36px;
 font-size: 24px
}
.on-hover.i-overlay {
 opacity: 0
}
body:not(.device-touch) .on-hover.i-overlay {
 -webkit-transition: opacity .3s linear;
 -o-transition: opacity .3s linear;
 transition: opacity .3s linear
}
.on-hover.i-overlay:hover {
 opacity: 1
}
.toggle {
 display: block;
 margin: 0 0 20px
}
.toggle .togglet, .toggle .toggleta {
 display: block;
 position: relative;
 line-height: 24px;
 padding: 0 0 0 24px;
 margin: 0;
 font-size: 16px;
 font-weight: 600;
 color: #444;
 cursor: pointer
}
.acctitle, .toggle .toggleta {
 font-weight: 700
}
.toggle .togglet i {
 position: absolute;
 top: 0;
 left: 0;
 width: 16px;
 text-align: center;
 font-size: 16px;
 line-height: 24px
}
.toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed {
 display: none
}
.acctitle, .toggle .toggleta i.toggle-open {
 display: block
}
.toggle .togglec {
 display: block;
 position: relative;
 padding: 10px 0 0 24px
}
.toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta {
 background-color: #EEE;
 line-height: 44px;
 padding: 0 0 0 36px;
 border-radius: 2px
}
.toggle.toggle-bg .togglet i {
 left: 14px;
 line-height: 44px
}
.toggle.toggle-bg .togglec {
 padding: 12px 0 0 36px
}
.toggle.toggle-border {
 border: 1px solid #CCC;
 border-radius: 4px
}
.toggle.toggle-border .togglet, .toggle.toggle-border .toggleta {
 line-height: 44px;
 padding: 0 15px 0 36px
}
.toggle.toggle-border .togglet i {
 left: 14px;
 line-height: 44px
}
.toggle.toggle-border .togglec {
 padding: 0 15px 15px 36px
}
.faqs .toggle {
 border-bottom: 1px solid #EEE;
 padding-bottom: 12px;
 margin-bottom: 12px
}
.faqs .toggle .togglet, .faqs .toggle .toggleta {
 font-size: 15px
}
.faqs .toggle .togglet i {
 top: 1px;
 font-size: 14px
}
.faqs .toggle .togglec {
 padding-bottom: 10px
}
.accordion {
 margin-bottom: 20px
}
.acctitle {
 position: relative;
 line-height: 24px;
 margin: 0;
 font-size: 14px;
 color: #444;
 cursor: pointer;
 border-top: 1px dotted #DDD;
 padding: 10px 0 10px 20px
}
.acctitlec {
 cursor: auto
}
.acctitle:first-child {
 border-top: none
}
.acctitle i {
 position: absolute;
 top: 0;
 left: 0;
 width: 14px;
 text-align: center;
 font-size: 14px;
 line-height: 44px
}
.acc_content, .tabs, ul.tab-nav-lg li {
 position: relative
}
.accordion.accordion-bg .acctitle i, .accordion.accordion-border .acctitle i {
 left: 14px;
 line-height: 44px
}
.acctitle i.acc-open, .acctitlec i.acc-closed {
 display: none
}
.acctitlec i.acc-open {
 display: block
}
.acc_content {
 padding: 0 0 15px 20px
}
.accordion.accordion-bg .acctitle, .accordion.accordion-bg .acctitlec {
 background-color: #EEE;
 line-height: 44px;
 padding: 0 0 0 36px;
 margin-bottom: 5px;
 border-top: 0
}
.accordion.accordion-bg .acc_content {
 padding: 10px 0 15px 36px
}
.accordion.accordion-border {
 border: 1px solid #DDD;
 border-radius: 4px
}
.accordion.accordion-border .acctitle, .accordion.accordion-border .acctitlec {
 border-color: #CCC;
 line-height: 44px;
 padding: 0 15px 0 36px
}
.accordion.accordion-border .acc_content {
 padding: 0 15px 15px 36px
}
.accordion.accordion-lg .acctitle {
 font-size: 23px;
 line-height: 44px;
 padding-left: 30px;
 font-weight: 400
}
.accordion.accordion-lg .acctitle i {
 width: 20px;
 font-size: 20px;
 line-height: 64px
}
.accordion.accordion-lg .acc_content {
 padding: 10px 0 30px 30px
}
.tabs {
 margin: 0 0 30px
}
ul.tab-nav:not(.tab-nav-lg) {
 margin: 0;
 border-bottom: 1px solid #DDD;
 list-style: none
}
ul.tab-nav:not(.tab-nav-lg) li {
 float: left;
 border: 1px solid #DDD;
 border-bottom: 0;
 border-left: 0;
 height: 41px;
 text-align: center
}
ul.tab-nav:not(.tab-nav-lg) li:first-child {
 margin-left: 0;
 border-left: 1px solid #DDD
}
ul.tab-nav:not(.tab-nav-lg) li a {
 display: block;
 padding: 0 10px;
 color: #fff;
 height: 40px;
 line-height: 40px;
 background-color: #2e8ece !important;
 font-size: 14px;
 border-radius: 5px 5px 0 0;
 font-weight: 700
}
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
 position: relative;
 top: 1px;
 color: #666;
 background-color: #fff !important
}
.tabs.tabs-alt ul.tab-nav li {
 border-color: transparent
}
.tabs.tabs-alt ul.tab-nav li:first-child {
 border-left: 0
}
.tabs.tabs-alt ul.tab-nav li a {
 background-color: #FFF
}
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
 border: 1px solid #DDD;
 border-bottom: 0
}
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
 top: -1px;
 height: 43px;
 line-height: 38px;
 border-top: 2px solid #1ABC9C
}
.side-tabs ul.tab-nav li a, .tabs-bordered.side-tabs ul.tab-nav li a {
 line-height: 44px;
 height: auto
}
.tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a {
 height: 42px
}
.tabs.tabs-bb ul.tab-nav li {
 border: 0;
 margin: 0
}
.tabs.tabs-bb ul.tab-nav li a {
 background-color: transparent;
 border-bottom: 2px solid transparent
}
.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
 border-bottom: 2px solid #1ABC9C;
 top: -2px;
 height: 44px;
 line-height: 44px
}
ul.tab-nav.tab-nav2 {
 border-bottom: 0
}
ul.tab-nav.tab-nav2 li {
 border: 0;
 margin-left: 10px
}
ul.tab-nav.tab-nav2 li:first-child {
 margin-left: 0;
 border-left: 0
}
ul.tab-nav.tab-nav2 li a {
 background-color: #F5F5F5;
 border-radius: 2px;
 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
ul.tab-nav.tab-nav2 li.ui-state-active a {
 top: 0;
 background-color: #1ABC9C;
 color: #FFF
}
ul.tab-nav-lg {
 margin-bottom: 20px;
 list-style: none
}
ul.tab-nav-lg li {
 float: left;
 text-align: center;
 padding: 15px
}
ul.tab-nav-lg li a {
 display: inline-block;
 color: #444;
 font-family: Arimo, sans-serif;
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 2px
}
.team-title span, .testi-content p {
 font-family: 'Crete Round', serif;
 font-style: italic
}
ul.tab-nav.tab-nav-lg li i {
 display: block;
 font-size: 28px;
 margin: 0 0 7px
}
ul.tab-nav-lg li.ui-tabs-active a {
 color: #1ABC9C
}
ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after, ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before {
 content: '';
 position: absolute;
 z-index: 2;
 top: auto;
 bottom: -50px;
 border: solid transparent;
 border-top-color: #FFF;
 border-width: 16px;
 left: 50%;
 margin-left: -16px
}
.tab-container {
 position: relative;
 background: -moz-linear-gradient(top, rgba(230, 237, 227, 0) 0, rgba(230, 237, 227, .5) 100%);
 background: -webkit-linear-gradient(top, rgba(230, 237, 227, 0) 0, rgba(230, 237, 227, .5) 100%);
 background: linear-gradient(to bottom, rgba(230, 237, 227, 0) 0, rgba(230, 237, 227, .5) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e6ede3', endColorstr='#e6ede3', GradientType=0);
 border-radius: 10px;
 padding: 40px 0 0 30px
}
ul.tab-nav li a i {
 position: relative;
 top: 1px;
 font-size: 14px;
 margin-right: 3px
}
.tabs-bordered ul.tab-nav li:first-child {
 margin-left: 0
}
.tabs-bordered .tab-container {
 border: 1px solid #DDD;
 border-top: 0;
 padding: 20px
}
.side-tabs ul.tab-nav {
 float: left;
 width: 200px;
 padding: 20px 0;
 border-bottom: 0;
 border-right: 1px solid #DDD
}
.side-tabs ul.tab-nav li {
 float: none;
 border: 1px solid #DDD;
 border-right: 0;
 border-top: 0;
 height: auto;
 text-align: left
}
.sidenav li i, .team-desc, .testi-image i {
 text-align: center
}
.side-tabs ul.tab-nav li:first-child {
 margin-left: 0;
 border-top: 1px solid #DDD;
 border-left: 1px solid #DDD
}
.side-tabs ul.tab-nav li.ui-tabs-active a {
 top: 0;
 right: -1px
}
.side-tabs .tab-container {
 overflow: hidden;
 padding: 15px 0 0 20px
}
.ui-tabs .ui-tabs-hide {
 position: absolute !important;
 left: -10000px !important;
 display: block !important
}
.side-tabs ul.tab-nav.tab-nav2 {
 border: 0
}
.side-tabs ul.tab-nav.tab-nav2 li {
 border: 0;
 margin: 6px 0 0
}
.side-tabs ul.tab-nav.tab-nav2 li:first-child {
 margin-top: 0
}
.side-tabs ul.tab-nav.tab-nav2 li a {
 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1)
}
.side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a {
 right: 0
}
.tabs-bordered.side-tabs ul.tab-nav {
 position: relative;
 padding: 0;
 z-index: 2;
 margin-right: -1px
}
.tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {
 right: -1px;
 border-right: 1px solid #FFF
}
.tabs-bordered.side-tabs .tab-container {
 overflow: hidden;
 padding: 20px;
 border-top: 1px solid #DDD
}
.sidenav {
 width: 100%;
 padding: 0;
 background-color: #FFF;
 border-radius: 4px
}
.sidenav li {
 list-style-type: none
}
.sidenav li a {
 display: block;
 position: relative;
 margin: 0 0 -1px;
 padding: 11px 20px 11px 14px;
 font-size: 14px;
 border: 1px solid #E5E5E5;
 border-right-width: 2px;
 color: #666
}
.sidenav > li:first-child > a {
 border-radius: 4px 4px 0 0
}
.sidenav > li:last-child > a {
 border-radius: 0 0 4px 4px;
 border-bottom-width: 2px
}
.sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover {
 position: relative;
 z-index: 2;
 border-color: rgba(0, 0, 0, .1) !important;
 color: #FFF !important;
 font-weight: 600;
 background-color: #1ABC9C !important;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}
.sidenav li ul {
 display: none
}
.sidenav li.ui-tabs-active ul {
 display: block
}
.sidenav li li a {
 padding: 6px 20px 6px 35px;
 font-size: 14px;
 border-top: none;
 border-bottom: none
}
.sidenav li li:first-child a {
 padding-top: 20px
}
.sidenav li li:last-child a {
 padding-bottom: 20px
}
.sidenav li i {
 position: relative;
 top: 1px;
 margin-right: 6px;
 font-size: 14px;
 width: 16px
}
.sidenav .icon-chevron-right {
 position: absolute;
 width: 14px;
 height: 14px;
 top: 50%;
 left: auto;
 right: 6px;
 margin-top: -8px;
 margin-right: 0;
 opacity: .4;
 font-size: 12px !important
}
.sidenav > li > a:hover {
 background-color: #F5F5F5;
 color: #222
}
.sidenav a:hover .icon-chevron-right {
 opacity: .5
}
.sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right {
 opacity: 1
}
.faqlist li {
 margin-bottom: 5px;
 font-size: 15px
}
.faqlist li a {
 color: #444
}
.faqlist li a:hover {
 color: #1ABC9C !important
}
.pricing {
 position: relative
}
.pricing [class^=col-] {
 padding: 0;
 margin-top: 20px
}
.pricing-box {
 position: relative;
 border: 1px solid rgba(0, 0, 0, .075);
 border-radius: 3px;
 text-align: center;
 box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
 background-color: #F5F5F5
}
.pricing-title {
 padding: 15px 0;
 background-color: #F9F9F9;
 border-radius: 3px 3px 0 0;
 text-shadow: 1px 1px 1px #FFF;
 border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.pricing-title h3 {
 margin: 0;
 font-size: 20px;
 letter-spacing: 1px;
 font-weight: 700;
 text-transform: uppercase;
 color: #555
}
.pricing-title span {
 display: block;
 color: #999;
 font-weight: 300;
 font-size: 14px;
 margin-top: 3px;
 text-transform: uppercase
}
.pricing-price {
 position: relative;
 padding: 25px 0;
 color: #333;
 font-weight: 300;
 font-size: 64px;
 line-height: 1
}
.pricing-price:after {
 position: absolute;
 width: 100px;
 border-top: 1px solid rgba(0, 0, 0, .1);
 top: auto;
 bottom: 0;
 left: 50%;
 margin-left: -50px
}
.pricing-price span {
 display: inline-block;
 vertical-align: top;
 margin: 7px 3px 0 0;
 font-size: 28px;
 font-weight: 400
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price:after, .pricing-box.pricing-minimal .pricing-price:after {
 display: none
}
.pricing-price span.price-tenure {
 vertical-align: baseline;
 font-size: 16px;
 font-weight: 400;
 color: #999;
 margin: 0 0 0 3px
}
.pricing-features {
 border-bottom: 1px solid rgba(0, 0, 0, .075)
}
.pricing-features ul {
 margin: 0;
 padding: 15px 0;
 list-style: none
}
.pricing-features li {
 padding: 6px 0;
 font-size: 14px
}
.pricing-action {
 padding: 15px 30px
}
.pricing-box.best-price {
 background-color: #FFF;
 box-shadow: 0 0 8px rgba(0, 0, 0, .1);
 z-index: 10;
 margin: -20px -1px 0
}
.pricing-box.best-price .pricing-title {
 background-color: #FFF;
 padding: 20px 0
}
.pricing-box.best-price .pricing-title h3 {
 font-size: 22px
}
.pricing-box.best-price .pricing-price {
 color: #1ABC9C;
 font-size: 72px
}
.pricing-box.pricing-minimal .pricing-price {
 background-color: #FFF;
 border-bottom: 1px solid rgba(0, 0, 0, .075)
}
.pricing.pricing-5 .pricing-box {
 float: left;
 width: 20%;
 margin-top: 20px
}
.pricing.pricing-5 .pricing-box.best-price {
 margin-top: 0
}
.pricing.pricing-5 .pricing-box:nth-child(5) {
 margin-left: -1px
}
.pricing.pricing-5 .pricing-title h3 {
 font-size: 18px
}
.pricing.pricing-5 .best-price .pricing-title h3 {
 font-size: 20px
}
.pricing-box.pricing-extended {
 background-color: #FFF;
 text-align: left
}
.pricing-box.pricing-extended .pricing-desc {
 float: left;
 width: 75%;
 padding: 25px
}
.pricing-box.pricing-extended .pricing-title {
 background-color: transparent;
 padding-top: 0;
 text-align: left
}
.pricing-box.pricing-extended .pricing-features {
 border: 0
}
.pricing-box.pricing-extended .pricing-features ul {
 padding: 15px 0 0
}
.pricing-box.pricing-extended .pricing-features li {
 padding: 6px 0;
 font-size: 15px;
 width: 50%;
 float: left
}
.pricing-box.pricing-extended .pricing-features ul li i {
 position: relative;
 top: 1px;
 width: 16px;
 margin-right: 2px
}
.pricing-box.pricing-extended .pricing-action-area {
 position: absolute;
 top: 0;
 left: auto;
 right: 0;
 width: 25%;
 height: 100%;
 border-left: 1px solid rgba(0, 0, 0, .05);
 background-color: #F9F9F9;
 padding: 30px;
 border-radius: 0 3px 3px 0;
 text-align: center
}
.pricing-box.pricing-extended .pricing-action-area .pricing-action, .pricing-box.pricing-extended .pricing-action-area .pricing-price {
 padding: 0
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price {
 padding-bottom: 20px
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
 display: block;
 margin: 10px 0 0;
 font-weight: 300;
 text-transform: uppercase;
 font-size: 14px
}
.pricing-box.pricing-extended .pricing-meta {
 color: #999;
 font-weight: 300;
 font-size: 14px;
 letter-spacing: 1px;
 text-transform: uppercase;
 padding-bottom: 10px
}
.table-comparison, .table-comparison th {
 text-align: center
}
.table-comparison td:first-child, .table-comparison th:first-child {
 text-align: left;
 font-weight: 700
}
blockquote.pull-left {
 max-width: 300px;
 margin: 5px 20px 10px 0;
 padding-right: 0
}
blockquote.pull-right {
 max-width: 300px;
 margin: 5px 0 10px 20px;
 padding-left: 0
}
.quote {
 border: none !important
}
.quote:before {
 font-family: font-icons;
 speak: none;
 font-style: normal;
 font-weight: 400;
 font-variant: normal;
 content: "\e7ad";
 position: absolute;
 width: 48px;
 height: 48px;
 line-height: 48px;
 font-size: 42px;
 top: 0;
 left: 0;
 color: #EEE
}
.quote.blockquote-reverse:before {
 content: "\e7ae";
 left: auto;
 right: 0
}
.dropcap {
 float: left;
 font-size: 42px;
 line-height: 1;
 margin: 0 5px 0 0;
 text-transform: uppercase
}
.highlight {
 padding: 2px 5px;
 background-color: #444;
 color: #FFF;
 border-radius: 2px
}
.title-block {
 padding: 2px 0 3px 20px;
 border-left: 7px solid #1ABC9C;
 margin-bottom: 30px
}
.title-block-right {
 padding: 2px 20px 3px 0;
 border-left: 0;
 border-right: 7px solid #1ABC9C;
 text-align: right
}
.title-block h1, .title-block h2, .title-block h3, .title-block h4 {
 margin-bottom: 0
}
.title-block > span {
 display: block;
 margin-top: 4px;
 color: #555;
 font-weight: 300
}
.title-block h1 + span {
 font-size: 22px
}
.title-block h2 + span {
 font-size: 19px
}
.title-block h3 + span {
 font-size: 17px
}
.title-block h4 + span {
 font-size: 15px;
 margin-top: 3px
}
.heading-block {
 margin-bottom: 50px
}
.emphasis-title h1, .emphasis-title h2, .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 {
 margin-bottom: 0;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #333
}
.emphasis-title h1, .emphasis-title h2 {
 font-weight: 400;
 text-transform: none
}
.bnews-title, .nav-tree li a, .widget > h4 {
 text-transform: uppercase
}
.heading-block h1 {
 font-size: 32px
}
.heading-block h2 {
 font-size: 30px
}
.heading-block h3 {
 font-size: 26px
}
.heading-block h4 {
 font-size: 20px;
 font-weight: 700
}
.heading-block > span:not(.before-heading) {
 display: block;
 margin-top: 10px;
 font-weight: 300;
 color: #777
}
.heading-block .before-heading {
 margin-bottom: 7px
}
.center .heading-block > span, .heading-block.center > span, .heading-block.title-center > span {
 max-width: 700px;
 margin-left: auto;
 margin-right: auto
}
.heading-block h1 + span {
 font-size: 24px
}
.heading-block h2 + span {
 font-size: 22px
}
.heading-block h3 + span, .heading-block h4 + span {
 font-size: 20px
}
.heading-block ~ p:not(.lead) {
 font-size: 15px
}
.heading-block:after {
 content: '';
 display: block;
 margin-top: 30px;
 width: 40px;
 border-top: 2px solid #444
}
.center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after {
 margin: 30px auto 0
}
.heading-block.title-right, .heading-block.tright, .tright .heading-block {
 direction: rtl
}
.heading-block.noborder:after, .heading-block.nobottomborder:after {
 display: none
}
.heading-block.border-color:after {
 border-color: #1ABC9C
}
.emphasis-title {
 margin: 0 0 50px
}
.emphasis-title h1, .emphasis-title h2 {
 font-size: 64px;
 letter-spacing: -2px
}
.emphasis-title h1 strong, .emphasis-title h2 strong {
 font-weight: 700
}
.fancy-title {
 position: relative;
 margin-bottom: 30px
}
.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
 position: relative;
 display: inline-block;
 background-color: #FFF;
 padding-right: 15px;
 margin-bottom: 0
}
.fancy-title h4, .fancy-title h5, .fancy-title h6 {
 padding-right: 10px
}
.fancy-title.title-border-color:before, .fancy-title.title-border:before, .fancy-title.title-double-border:before {
 content: '';
 position: absolute;
 width: 100%;
 height: 0;
 border-top: 3px double #E5E5E5;
 left: auto;
 top: 46%;
 right: 0
}
.fancy-title.title-border:before {
 top: 49%;
 border-top: 1px solid #EEE
}
.fancy-title.title-border-color:before {
 top: 49%;
 border-top: 1px solid #1ABC9C;
 opacity: .6
}
.title-center {
 text-align: center
}
.title-center h1, .title-center h2, .title-center h3 {
 padding: 0 15px
}
.title-center h4, .title-center h5, .title-center h6 {
 padding: 0 10px
}
.title-right {
 text-align: right
}
.title-right h1, .title-right h2, .title-right h3 {
 padding: 0 0 0 15px
}
.title-right h4, .title-right h5, .title-right h6 {
 padding: 0 0 0 10px
}
.fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 {
 display: block;
 background: 0 0;
 padding: 0 0 10px;
 border-bottom: 2px solid #1ABC9C
}
.fancy-title.title-dotted-border {
 background: url(https://credit-union.app/clients/mymagnifi/images/icons/dotted.png) center repeat-x
}
.before-heading {
 display: block;
 margin: 0 0 5px;
 font-size: 16px;
 font-family: 'Crete Round', serif;
 font-style: italic;
 font-weight: 400;
 color: #999
}
.divider {
 position: relative;
 overflow: hidden;
 margin: 35px 0;
 color: #E5E5E5;
 width: 100%
}
.divider.divider-margin {
 margin: 70px 0
}
.divider.divider-center.divider-short:before, .divider.divider-center:before, .divider:after {
 content: '';
 position: absolute;
 width: 100%;
 top: 8px;
 left: 30px;
 height: 0;
 border-top: 1px solid #EEE
}
.divider.divider-center.divider-short.divider-thick:before, .divider.divider-center.divider-thick:before, .divider.divider-thick:after {
 border-top-width: 3px
}
.divider.divider-short:after {
 width: 30%
}
.divider.divider-vshort:after {
 width: 12%
}
.divider i {
 position: relative;
 width: 18px;
 height: 18px;
 line-height: 1;
 font-size: 18px !important;
 text-align: center
}
.divider a {
 position: relative;
 display: inline-block;
 color: inherit;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease
}
.bnews-title, .top-advert a, .top-advert img {
 display: block
}
.divider a:hover {
 color: #888
}
.divider.divider-right {
 text-align: right
}
.divider.divider-right:after {
 left: auto;
 right: 30px
}
.divider.divider-center, .divider.divider-center.divider-short {
 text-align: center
}
.divider.divider-center:before {
 left: -50% !important;
 right: 0;
 margin-left: -20px
}
.divider.divider-center:after {
 left: 50% !important;
 right: 0;
 margin-left: 20px
}
.divider.divider-center.divider-short:before {
 left: auto !important;
 right: 50%;
 margin-right: 20px;
 width: 15%
}
.divider.divider-center.divider-short:after {
 left: 50% !important;
 right: auto !important;
 margin-left: 20px;
 width: 15%
}
.divider.divider-center.divider-vshort:after, .divider.divider-center.divider-vshort:before {
 width: 6%
}
.divider.divider-rounded {
 color: #BBB
}
.divider.divider-border.divider-center:before, .divider.divider-border.divider-short:before, .divider.divider-border:after, .divider.divider-rounded.divider-center:before, .divider.divider-rounded.divider-short:before, .divider.divider-rounded:after {
 top: 19px;
 left: 40px
}
.divider.divider-border i, .divider.divider-rounded i {
 width: 40px;
 height: 40px;
 line-height: 40px;
 background-color: #F5F5F5;
 border-radius: 50%
}
.divider.divider-border.divider-right:after, .divider.divider-rounded.divider-right:after {
 left: auto;
 right: 40px
}
.divider.divider-border {
 color: #E5E5E5
}
.divider.divider-border i {
 line-height: 38px;
 background-color: transparent;
 border: 1px solid #EEE
}
.divider.divider-line:after, .divider.divider-line:before {
 margin-left: 0 !important;
 margin-right: 0 !important
}