/**
* @subsection   Animate.css
*
* @description  A bunch of cool, fun, and cross-browser animations
*               for you to use.
*
* @author       Daniel Eden
* @link         http://daneden.me/animate
* @license      MIT license - http://opensource.org/licenses/MIT
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

html:not(.lt-ie10) .not-animated {
  opacity: 0; }

.delay {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.delay1 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.delay2 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.delay04 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.delay3 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.delay01 {
  -webkit-animation-duration: 0.2s;
  animation-delay: 0.2s; }

.delay02 {
  -webkit-animation-duration: 0.4s;
  animation-delay: 0.4s; }

.delay03 {
  -webkit-animation-duration: 0.6s;
  animation-delay: 0.6s; }

.dur {
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

/**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

/**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

/**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

/**
* FadeInRightBig Keyframes Animation
*/
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/**
* FadeInUpBig Keyframes Animation
*/
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

/**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/*
* @subsection   CMS Pages Styles
*/
.rte.content_only {
  padding: 20px; }

#cms .rte {
  padding: 20px; }
#cms #center_column .material-design-ico, #cms #center_column .fa {
  font: normal 16px/30px "Arimo", sans-serif; }
#cms #center_column .fa:before {
  font-family: "FontAwesome"; }
#cms #center_column .block-cms {
  padding-bottom: 20px; }
#cms #center_column h1 {
  margin-top: 0;
  margin-bottom: 28px;
  font: 300 50px/60px 'Syncopate';
  color: #2f2c2f;
  text-align: center; }
  #cms #center_column h1 a {
    color: #2f2c2f; }
    #cms #center_column h1 a:hover {
      color: #767676; }
  @media (max-width: 567px) {
    #cms #center_column h1 {
      font-size: 40px; } }
#cms #center_column h2 {
  font: 400 36px/45px 'Syncopate';
  color: #2f2c2f; }
  #cms #center_column h2.icon:before {
    line-height: 45px;
    font-size: 56px;
    display: inline-block;
    margin-right: 12px; }
  @media (max-width: 567px) {
    #cms #center_column h2 {
      font: 400 26px/35px 'Syncopate'; } }
#cms #center_column h3 {
  font: bold 20px/30px 'Syncopate';
  border-bottom: none;
  margin: 30px 0 15px;
  padding: 0;
  color: #2f2c2f; }
  @media (max-width: 567px) {
    #cms #center_column h3 {
      font: bold 16px/24px 'Syncopate'; } }
#cms #center_column h4 {
  font: bold 16px/30px 'Syncopate';
  color: #2f2c2f;
  margin: 0 0 15px; }
  #cms #center_column h4:after {
    display: none; }
  @media (max-width: 567px) {
    #cms #center_column h4 {
      font: bold 14px/22px 'Syncopate'; } }
#cms #center_column .border_bottom {
  border-bottom: 1px solid #ebebeb;
  padding: 0 50px 82px;
  margin-bottom: 69px; }
  @media (max-width: 567px) {
    #cms #center_column .border_bottom {
      padding: 0 10px 32px;
      margin-bottom: 39px; } }
#cms #center_column .border_bottom2 {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 70px;
  margin-bottom: 69px; }
  @media (max-width: 567px) {
    #cms #center_column .border_bottom2 {
      padding: 0 0 32px;
      margin-bottom: 39px; } }
#cms #center_column ul {
  list-style: none; }
#cms #center_column .animateCount li {
  text-align: center;
  font: bold 56px/45px 'Syncopate';
  color: #2f2c2f;
  padding: 6px 15px 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    #cms #center_column .animateCount li {
      font: bold 46px/35px 'Syncopate'; } }
  @media (max-width: 567px) {
    #cms #center_column .animateCount li {
      font: bold 36px/30px 'Syncopate'; } }
  @media (max-width: 479px) {
    #cms #center_column .animateCount li {
      width: 100%; } }
  #cms #center_column .animateCount li h3 {
    margin-top: 21px; }
    @media (min-width: 768px) and (max-width: 991px) {
      #cms #center_column .animateCount li h3 {
        font: bold 16px/24px 'Syncopate'; } }
#cms #center_column .iconBox li {
  padding-top: 41px; }
  @media (max-width: 580px) {
    #cms #center_column .iconBox li {
      width: 100%; } }
  #cms #center_column .iconBox li > a {
    display: block;
    height: 270px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #767676;
    background: #f8f8f8;
    padding: 54px 50px 0;
    font: bold 20px/34px 'Syncopate';
    text-transform: uppercase;
    text-align: center;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer; }
    #cms #center_column .iconBox li > a:before {
      font-size: 81px;
      line-height: 1em;
      display: block;
      margin-bottom: 17px; }
    #cms #center_column .iconBox li > a:hover {
      background: #2f2c2f;
      color: white; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #cms #center_column .iconBox li > a {
        padding: 54px 20px 0; } }
#cms #center_column .list-1 {
  list-style: none; }
  #cms #center_column .list-1 li {
    padding: 4px 0 6px 0;
    font-weight: bold;
    color: #00b06c;
    border-top: 1px solid #ebebeb; }
    #cms #center_column .list-1 li:first-child {
      border: none; }
    #cms #center_column .list-1 li em {
      font-size: 20px;
      line-height: 20px;
      padding-right: 15px;
      vertical-align: -2px; }
#cms #center_column .list-2 {
  padding-top: 40px; }
  #cms #center_column .list-2.border_bottom {
    padding: 40px 0 40px; }
  #cms #center_column .list-2 li {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px; }
    #cms #center_column .list-2 li h3 {
      margin-top: 12px; }
    #cms #center_column .list-2 li:before {
      font-size: 70px;
      line-height: 148px;
      width: 148px;
      height: 148px;
      text-align: center;
      background: #f8f8f8;
      display: block;
      float: left;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin-right: 35px;
      color: #767676;
      margin-bottom: 10px; }
      @media (max-width: 580px) {
        #cms #center_column .list-2 li:before {
          font-size: 40px;
          line-height: 100px;
          width: 100px;
          height: 100px; } }
#cms #center_column .list-3 {
  overflow: hidden;
  padding: 23px 0 64px;
  border: none;
  position: relative; }
  #cms #center_column .list-3:after {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #ebebeb;
    bottom: 0; }
  #cms #center_column .list-3 li {
    padding-bottom: 20px; }
  #cms #center_column .list-3.countBox {
    counter-reset: li; }
    #cms #center_column .list-3.countBox li h4:before {
      display: inline-block;
      content: counter(li,decimal-leading-zero);
      counter-increment: li;
      font-size: 36px;
      line-height: 30px;
      margin-right: 15px;
      font-weight: 300;
      color: #767676; }
  #cms #center_column .list-3.disk {
    padding-top: 31px; }
    #cms #center_column .list-3.disk li h4:before {
      display: inline-block;
      content: "";
      height: 14px;
      width: 14px;
      background: #2f2c2f;
      margin-right: 20px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      vertical-align: -1px; }
#cms #center_column .list-4 li {
  text-align: center;
  padding-top: 14px; }
  @media (max-width: 479px) {
    #cms #center_column .list-4 li {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #cms #center_column .list-4 li h3 {
      font: bold 16px/24px 'Syncopate'; } }
  #cms #center_column .list-4 li:before {
    font-size: 86px;
    line-height: 1em;
    color: #2f2c2f;
    margin: 0 0 8px;
    display: inline-block; }
#cms #center_column #testimonials li {
  font: bold 16px/28px 'Syncopate';
  text-transform: uppercase;
  text-align: center;
  padding: 5px 15px 40px; }
  @media (max-width: 479px) {
    #cms #center_column #testimonials li {
      font: normal 13px/22px 'Syncopate'; } }
  #cms #center_column #testimonials li:before {
    font-size: 84px;
    line-height: 1em;
    color: #2f2c2f;
    margin: 0 0 38px;
    display: block;
    text-align: center; }
  #cms #center_column #testimonials li p {
    margin-bottom: 33px; }
#cms #center_column .bx-wrapper {
  margin: 0 auto !important; }
  #cms #center_column .bx-wrapper .bx-controls-direction a {
    font-size: 0;
    height: 30px;
    line-height: 0;
    margin-top: 0;
    top: auto;
    bottom: 0;
    width: auto;
    left: 50%;
    margin-left: -30px;
    text-align: center; }
    #cms #center_column .bx-wrapper .bx-controls-direction a:before {
      font-family: "FontAwesome";
      content: "\f053";
      font-size: 20px;
      line-height: 40px; }
    #cms #center_column .bx-wrapper .bx-controls-direction a.bx-next {
      left: auto;
      margin-left: 0;
      right: 50%;
      margin-right: -30px; }
      #cms #center_column .bx-wrapper .bx-controls-direction a.bx-next:before {
        content: "\f054"; }
    #cms #center_column .bx-wrapper .bx-controls-direction a:hover {
      color: #2f2c2f; }
#cms #center_column .list-accordion > li > h3 {
  margin-bottom: 9px;
  cursor: pointer;
  display: inline-block; }
  #cms #center_column .list-accordion > li > h3:hover, #cms #center_column .list-accordion > li > h3.active {
    color: #ea917d; }
  #cms #center_column .list-accordion > li > h3:before {
    height: 41px;
    width: 41px;
    background: #2f2c2f;
    color: white;
    content: "+";
    line-height: 37px;
    font-size: 28px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    vertical-align: -2px;
    margin-bottom: 10px; }
  #cms #center_column .list-accordion > li > h3.active:before {
    content: "-"; }
#cms #center_column .list-accordion > li .list-3 {
  overflow: hidden;
  padding: 0 0 11px 60px;
  border: none;
  position: relative; }
  @media (max-width: 580px) {
    #cms #center_column .list-accordion > li .list-3 {
      padding: 0 0 11px 20px; } }
  #cms #center_column .list-accordion > li .list-3:after {
    display: none; }
  #cms #center_column .list-accordion > li .list-3 li {
    padding-bottom: 0; }
    #cms #center_column .list-accordion > li .list-3 li h4 {
      margin-bottom: 13px; }
    #cms #center_column .list-accordion > li .list-3 li.text {
      margin-left: -60px;
      padding-bottom: 26px; }
      @media (max-width: 580px) {
        #cms #center_column .list-accordion > li .list-3 li.text {
          margin-left: -20px; } }
      #cms #center_column .list-accordion > li .list-3 li.text:before {
        display: none; }
#cms #center_column img {
  margin: 4px 0 17px;
  max-width: 100%;
  height: auto; }
#cms #center_column #admin-action-cms {
  background: none repeat 0 0 #F6F6F6;
  border: 1px solid #d2d0d0;
  padding: 10px; }
  #cms #center_column #admin-action-cms p {
    margin: 0; }
    #cms #center_column #admin-action-cms p span {
      display: block;
      padding-bottom: 10px;
      font-size: 14px;
      font-weight: bold;
      color: #767676; }
    #cms #center_column #admin-action-cms p .btn {
      font: 700 17px/21px "Arimo", sans-serif;
      padding: 0;
      border: 1px solid;
      padding: 10px 14px;
      display: inline-block; }
      #cms #center_column #admin-action-cms p .btn.publish_button {
        color: #333;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        border-color: #0079b6 #006fa8 #012740 #006fa8;
        background: #009ad0;
        background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
        background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%);
        background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7', GradientType=0); }
        #cms #center_column #admin-action-cms p .btn.publish_button:hover {
          border-color: #01314e #004b74 #0079b6 #004b74;
          filter: none;
          background: #0084bf; }
      #cms #center_column #admin-action-cms p .btn.lnk_view {
        color: #767676;
        text-shadow: 1px 1px white;
        border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
        background: #f7f7f7;
        background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
        background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
        background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed', GradientType=0); }
        #cms #center_column #admin-action-cms p .btn.lnk_view:hover {
          border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e;
          filter: none;
          background: #e7e7e7; }
@media (max-width: 768px) {
  #cms #center_column .table.table-bordered thead > tr > th,
  #cms #center_column .table.table-bordered thead > tr > td,
  #cms #center_column .table.table-bordered > tbody > tr > th,
  #cms #center_column .table.table-bordered > tbody > tr > td,
  #cms #center_column .table.table-bordered > tfoot > tr > th,
  #cms #center_column .table.table-bordered > tfoot > tr > td {
    padding: 9px 5px 11px 4px; } }
@media (max-width: 479px) {
  #cms.cms-pages-configuration .table {
    font-size: 10px; } }

@media (min-width: 768px) {
  #cms.two-columns .iconBox li {
    width: 50%; } }
@media (min-width: 768px) {
  #cms.three-columns .iconBox li {
    width: 100%; } }
@media (min-width: 992px) {
  #cms.three-columns .iconBox li {
    width: 50%; } }
@media (min-width: 768px) {
  #cms.three-columns .animateCount li {
    width: 100%; } }
@media (min-width: 992px) {
  #cms.three-columns .animateCount li {
    width: 50%; } }
@media (min-width: 768px) {
  #cms.three-columns .list-4 li {
    width: 100%; } }

/*
@section cms cards
*/
    /* FontAwesome for working BootSnippet :> */

    @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
    #cards_cms {
        background: #ffffff !important;
    }
    
    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #000000;
        border-color: #000000;
        box-shadow: none;
        outline: none;
    }
    
    .btn-primary {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
    }
    
    #cards_cms {
        padding: 60px 0;
    }
    
    #cards_cms .section-title {
        text-align: center;
        color: #000000;
        margin-bottom: 50px;
        text-transform: uppercase;
    }
    
    #cards_cms .card {
        border: none;
        background: #eee;
    }
    
    .image-flip:hover .backside,
    .image-flip.hover .backside {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        border-radius: .25rem;
    }
    
    .image-flip:hover .frontside,
    .image-flip.hover .frontside {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    
    .mainflip {
        -webkit-transition: 1s;
        -webkit-transform-style: preserve-3d;
        -ms-transition: 1s;
        -moz-transition: 1s;
        -moz-transform: perspective(1000px);
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transition: 1s;
        transform-style: preserve-3d;
        position: relative;
    }
    
    .frontside {
        position: relative;
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        z-index: 2;
        margin-bottom: 30px;
    }
    
    .backside {
        position: absolute;
        top: 0;
        left: 0;
        background: white;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
        -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
        box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    }
    
    .frontside,
    .backside {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 1s;
        -webkit-transform-style: preserve-3d;
        -moz-transition: 1s;
        -moz-transform-style: preserve-3d;
        -o-transition: 1s;
        -o-transform-style: preserve-3d;
        -ms-transition: 1s;
        -ms-transform-style: preserve-3d;
        transition: 1s;
        transform-style: preserve-3d;
    }
    
    .frontside .card,
    .backside .card {
        min-height: 380px;
    }
    
    .backside .card a, .backside .card strong {
        color: #000000 !important;      
    }

    .frontside .card p, .backside .card p {
      padding: 12px;
      text-align: start !important;
    }

    .backside .card p{
      font-size: small;
    }
    .frontside .card .card-title,
    .backside .card .card-title {
        color: #000000 !important;
    }
    
    .frontside .card .card-body img {
        padding-top: 80px;
        width: 120px;
        height: 120px;
        border-radius: 50%;
    }
    .frontside .card .card-body {
      padding-top: 80px;}
    @media (max-width: 992px) {
      .backside .card .last-card{
        font-size: 10px;
      }}
    @media (max-width: 768px) {
      .backside .card .last-card{
        font-size: 9px;
      }
  }