body {
    color: #343332;
    font-size: 16px;
    font-family: Gotham Book, Arial, Helvetica, sans;
}
.main-wrapper {
    border-radius: 0px;
    background-color: white;
    padding: 20px;
    
    position: relative;
}
.fx-wrap {
display: inline-block;
padding-top: 5px;
padding-bottom: -115px;
padding-left: 2px;
padding-right: 2px;
overflow: hidden;
}
.center {
background-color: #ffffff;
line-height:100%;


padding-top:10px;

}
.fx-wrap .card {
perspective: 1000px;
width: 310px;
height: 290px;
position: relative;
overflow-y:auto;
overflow-x:hidden;
}
.fx-wrap .card>.front,
.fx-wrap .card>.back {
transition: transform 1.5s, z-index 1.5s 0s, box-shadow 1.5s;
box-shadow: 0 1px 3px rgba(0, 133, 173,0.12), 0 1px 2px rgba(0, 133, 173,0.24);
will-change: transform;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 2;
border-radius: 0px;
background-color: #fff;
backface-visibility: hidden;
}
.fx-wrap .card>.front:before,
.fx-wrap .card>.back:before {
transition: all 1.5s;
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-image: linear-gradient(135deg, rgba(238,238,238,0) 0%, rgba(255,255,255,0) 36%, rgba(255,255,255,0.4) 36%, rgba(255,255,255,0.4) 68%, rgba(247,247,247,0) 69%, rgba(238,238,238,0) 70%);
background-repeat: no-repeat;
background-position: 324px 0;
pointer-events: none;
z-index: 20;
}
.fx-wrap .card>.front>*,
.fx-wrap .card>.back>* {
height: 100%;
}
.fx-wrap .card>.front .image,
.fx-wrap .card>.back .image {
float: left;
}
.fx-wrap .card>.front .text,
.fx-wrap .card>.back .text {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
float: right;
}
.fx-wrap .card>.front .text button.flip,
.fx-wrap .card>.back .text button.flip {
border-radius: 9999em;
width: 30px;
height: 30px;
margin: 10px;
border: 0;
background-color: #ddd;
color: #fff;
font-size: 1.5em;
float: right;
flex: 1;
outline: 0;
transition: background-color 0.3s ease-in, transform 0.4s;
transition-delay: 0.1s;
}
.fx-wrap .card>.front .text button.flip:hover,
.fx-wrap .card>.back .text button.flip:hover {
background-color: #16a8cf;
}
.fx-wrap .card>.front .text button.flip:focus,
.fx-wrap .card>.back .text button.flip:focus {
transform: rotate(-360deg);
}
.fx-wrap .card>.front .text p{
font-family: 'Gotham Medium';
text-align: center;
}
.fx-wrap .card>.front .text p,
.fx-wrap .card>.back .text p {
margin: 10px auto;
flex: 2;
}
.fx-wrap .card>.front .text a,
.fx-wrap .card>.back .text a {
text-transform: uppercase;
margin: 5px auto;
text-align: center;
width: 80%;
display: block;
flex: 1;
}

.fx-wrap .card>.front {
z-index: 2;
transform: rotateX(0deg);
}
.fx-wrap .card>.back {
z-index: 1;
transform: rotateX(180deg);
}
.fx-wrap .card>.back header,
.fx-wrap .card>.back .text {
width: 100%;
}
.fx-wrap .card>.back header b,
.fx-wrap .card>.back .text b {
color: #0085ad;
width: 20%;
margin: 5 auto;
}
.fx-wrap .card>.back header p,
.fx-wrap .card>.back .text p {
margin: 20px auto;
}
.fx-wrap .card.flip-it>.front {
transform: rotateX(-180deg);
z-index: 1;
}
.fx-wrap .card.flip-it>.back {
transform: rotateX(0deg);
z-index: 2;
}
.fx-wrap .card.flip-it>.front:before,
.fx-wrap .card.flip-it>.back:before {
background-position: -324px 0;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

* {
box-sizing: border-box;
max-width: 100%;
}

html, body {
height: 100%;
margin: 0 0 1;
padding: -1.50em;
width: 100%;
font: 16px 'Gotham';
background-color: #FFFFFF;
color: #002438;

}
.square{
width:30px;
height:30px;
background: #007bb6;
}
h1 {
text-align: left;
font-family: 'Gotham Bold';

}
h2 {
text-align: left;
font-family:'Gotham Book';


}

.accordion {
margin: 3em auto;
max-width: 68em;
}

.toggle {
display: none;
}

.option {
position: relative;
margin-bottom: 1em;
}

.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: all 0.2s;
}

.title {
background: #fff;
padding: 1em;
display: block;
color: #002438;
font-weight: bold;

}

.title:after, .title:before {
content: '';
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #002438;
transition: all 0.2s;
}

.title:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.content {
max-height: 0;
overflow: hidden;
background-color: #fff;
}
.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}

.toggle:checked + .title, .toggle:checked + .title + .content {
box-shadow: 3px 3px 6px #ddd, -3px 3px 6px #ddd;
}
.toggle:checked + .title + .content {
max-height: 500px;
}
.toggle:checked + .title:before {
-webkit-transform: rotate(90deg) !important;
transform: rotate(90deg) !important;
}

.highlighted {
background-color:yellow;
}
.site-footer
{
  background-color:#FFFFFF;
  padding:45px 0 20px;
  font-size:12px;
  line-height:15px;
  color:#343332;
  
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#002438;
  font-size:18px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:0px
}
.site-footer a
{
  color:#0085ad;
}
.site-footer a:hover
{
  color:#0085ad;
  text-decoration:underline;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:underline;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:20px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.Yahoo:hover
{
  background-color:#bc57ef
}
.social-icons a.Youtube:hover
{
  background-color:#ea4b59
}
.social-icons a.Snapchat:hover
{
  background-color:#efef58
}
.social-icons a.Instagram:hover
{
  background-color:#ec57ef
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
  
}

@font-face {
          font-family: "Gotham-Book";
          src: url(https://resource.mycrowdwisdom.com/cmscourses/afp/fonts/Gotham-Book.otf);
      }
.footerPanel {
  display: flex;
  padding: 20px 50px;
  position: absolute;
  width:100%;
  text-align: left;
  z-index: 200;
  font-family: "Gotham-Book";
  font-size: 13px;
  background-color: #fff;
}
.footerPanel h4{
 text-transform: uppercase; 
 font-family: "Gotham-Book";
 font-weight: bold;
 color: #062438;
}
.aboutAfp {
  width: 65%;
  margin-right: 35px;
}
.line {
  border-left: 1px solid #cccccc;
  height: 150px;
  margin-top: 25px;
}
.getintouch {
  margin-left: 40px;
}
.title{
  font-weight: 500;
}
.hoursPanel{
  margin-top: 5px;
}
.hoursPanel i{
  font-style: italic;
}
.linkColor a{
  color:#27A1CD;
}

.main-liner {border-left: 2px solid #d3d3d3;  margin-left: 20px; padding-left: 30px}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.breadcrumb {
    display: block;
    padding: 25px 0 0;
    background: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 20px;
  margin-left:35px;
}
.breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    color: #676767; }
  .breadcrumb li a{
  color:#0085ad;
  }
  .breadcrumb li a:after {
    color: #676767;
    content: "/\00a0";
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px; }
  .breadcrumb li a#no-after {
    
  color: #676767;
}
  .breadcrumb li a#no-after::after {
    display: none;
  color: #676767;
}
#left-menu{
width:100%;
}
#left-menu li a.active {color: #F99;text-decoration: none;}
#left-menu.stickydiv {position: fixed;top: 0;z-index: 10000;margin-top:120px;width:22%}
@media screen and (max-width:646px)
{
  #left-menu{ }
#left-menu li a.active {color: #F99;text-decoration: none;}
#left-menu.stickydiv {width:100%; position: relative; z-index:100}

#breadcrumb div:first-child{background-color:#000;display:none;} 
h2{margin-top:10px;}

}


.center {
    background-color: #ffffff;    
    width: 270px;    
    height: 150px;    
    overflow: auto;    
    line-height: 100% !important;     
    padding-left: 15px;    
    padding-top: 10px !important;
}

.fx-wrap .card>.front .text p, .fx-wrap .card>.back .text p {
    margin: 10px 20px;    
	flex: 2;    
	line-height: 0.9;
}


.list-group-item {
    padding-top: 1.25rem;
}

.navbar-dark .navbar-toggler-icon {
    background-color: #ff9900;
}
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu {
  width: 100%;
  background: #fff;
 
  padding: 0px;
 
}
#cssmenu > ul > li {
  margin: 0 0 2px 0;
}
#cssmenu > ul > li:last-child {
  margin: 0;
}
#cssmenu > ul > li > a {
  font-size: 15px;
  display: block;
  color: #000080;
  
  background: #ADD8E6;

  border: 0px solid #000;
  
}
#cssmenu > ul > li > a > span {
  display: block;
  border: 0px solid #666666;
  padding: 6px 10px;
   
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  background: #0085ad;
  color: #fff;
  
 
}
#cssmenu > ul > li.active > a span {
  border: 0px solid #97be10;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(images/icon_plus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(images/icon_minus.png) 98% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
  padding: 5px 12px;
  display: none;
}
#cssmenu ul ul li {
  padding: 3px 0;
}
#cssmenu ul ul a {
  display: block;
  color: #595959;
  font-size: 13px;

}
#cssmenu ul ul a:hover {
  color: #0085ad;
}