@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css);
@import url('https://unpkg.com/aos@2.3.0/dist/aos.css');
@import url(https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css);










/*   global fonts  */


@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Light.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Light.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Light.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Light.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Light.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Light.svg#MrEavesXLModOT-Light') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap; 
}

@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-LightItalic.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-LightItalic.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-LightItalic.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-LightItalic.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-LightItalic.svg#MrEavesXLModOT-LightItalic') format('svg');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Book.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Book.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Book.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Book.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Book.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Book.svg#MrEavesXLModOT-Book') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BookItalic.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BookItalic.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BookItalic.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BookItalic.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BookItalic.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BookItalic.svg#MrEavesXLModOT-BookItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-RegItalic.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-RegItalic.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-RegItalic.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-RegItalic.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-RegItalic.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-RegItalic.svg#MrEavesXLModOT-RegItalic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Reg.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Reg.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Reg.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Reg.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Reg.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Reg.svg#MrEavesXLModOT-Reg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BoldItalic.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BoldItalic.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BoldItalic.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BoldItalic.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-BoldItalic.svg#MrEavesXLModOT-BoldItalic') format('svg');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Bold.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Bold.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Bold.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Bold.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Bold.svg#MrEavesXLModOT-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-HeavyItalic.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-HeavyItalic.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-HeavyItalic.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-HeavyItalic.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-HeavyItalic.svg#MrEavesXLModOT-HeavyItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MrEavesXLModOT';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Heavy.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Heavy.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Heavy.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Heavy.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Heavy.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/MrEavesXLModOT-Heavy.svg#MrEavesXLModOT-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'ITC Avant Garde Gothic';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/AvantGarde-Medium.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/AvantGarde-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/AvantGarde-Medium.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/AvantGarde-Medium.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/AvantGarde-Medium.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/AvantGarde-Medium.svg#AvantGarde-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'ITC Avant Garde Gothic Std Book';
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/ITCAvantGardeStd-Bk.eot');
  src: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/ITCAvantGardeStd-Bk.woff') format('woff'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'),
    url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/fonts/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




/* 1a. Containers */




/* 1b. Colors */








/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 50px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 18px;
}

body {
  font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #404040;
  font-size: 18px;
}

/* Paragraphs */

p {
  font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #814f79;
}

a:hover,
a:focus {
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #592751;
}

a:active {
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #a977a1;
}

/* Headings */

h1 {
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #404040;
  font-size: 50px;
  text-transform: none;
}

h2 {
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #404040;
  font-size: 32px;
  text-transform: none;
}

h3 {
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #404040;
  font-size: 28px;
  text-transform: none;
}

h4 {
  font-weight: normal; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #404040;
  font-size: 24px;
  text-transform: none;
}

h5 {
  font-weight: normal; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #000000;
  font-size: 20px;
  text-transform: none;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #404040;
  font-size: 18px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #708C78;
}





button,
.button a {
  border: 1px solid #708C78;

  padding-top: 14px;
padding-right: 23px;
padding-bottom: 14px;
padding-left: 23px;

  font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(112, 140, 120, 1.0)

;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  display:inline-block;

}

button:hover ,
buttonm:focus,
.button a:hover,
.button a:focus ,
header.header .hs-menu-wrapper > ul > li:last-child > a:hover ,
header.header .hs-menu-wrapper > ul > li:last-child > a:focus ,
header.header .downloadButton a:hover , header.header .downloadButton a:focus{
  font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(72, 100, 80, 1.0);
  border-color: #486450;
}

button:active,
.button a:active {
  font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(152, 180, 160, 1.0);
  border-color: ;
}





form,
.submitted-message {
  font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #708C78;
}

/* Labels */

form label {
  color: #404040;
}

/* Help text */

form legend {
  color: #404040;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #404040;
  border-radius: 4px;
  border: 1px solid;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #404040;
}

::-moz-placeholder {
  color: #404040;
}

:-ms-input-placeholder {
  color: #404040;
}

::placeholder {
  color: #404040;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #404040;
}

.fn-date-picker td.is-selected .pika-button {
  background: #404040;
}

.fn-date-picker td .pika-button:hover {
  background-color: #404040 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #404040;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px solid #708C78;

  padding-top: 14px;
padding-right: 23px;
padding-bottom: 14px;
padding-left: 23px;

  font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(112, 140, 120, 1.0)

;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(72, 100, 80, 1.0);
  border-color: #486450;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(152, 180, 160, 1.0);
  border-color: ;
}





/* Table */

table {
  border: 1px solid #404040;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #404040;

  padding: 18px;

  border-color: ;
  color: #404040;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(64, 64, 64, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #404040;
}





.header {
  background-color: 

  
  
    
  


  rgba(#, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #404040;
  font-family: MrEavesXLModOT;
}

.menu__child-toggle-icon {
  border-top-color: #404040;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #181818;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #181818;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #686868;
}

.menu__child-toggle-icon:active {
  border-top-color: #686868;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #404040;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 1px solid #404040;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 1px solid #404040;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #404040;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(#, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(#, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: MrEavesXLModOT;
}

.header__language-switcher-label-current:after {
  border-top-color: #404040;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(#, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #404040;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #404040;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 50px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #404040;
}

.blog-post__tag-link {
  color: #404040;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #181818;
}

.blog-post__tag-link:active {
  color: #686868;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: #404040;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 50px;
}

#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}





.hs-search-results__title {
  ;
  color: ;
}





/* Blog listing */



.blog-index__post-tag,
.blog-index__post-author-name {
  color: #404040;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #404040;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #181818;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #686868;
}

.pagination__link-icon svg {
  fill: #404040;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #404040;
  font-size: 28px;
}

.card__body svg {
  fill: #404040;
}

/* Social follow */

.social-links__icon {
  background-color: #404040;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #181818;
}

.social-links__icon:active {
  background-color: #686868;
  font-weight: 700; text-decoration: none; font-family: MrEavesXLModOT, sans-serif; font-style: normal;
  color: #404040;
  font-size: 28px;
}






* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing: antialiased; }
body{line-height:1.3;font-family: {font=MrEavesXLModOT, font_set=GOOGLE, styles={font-family=MrEavesXLModOT, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=18, size_unit=px, color=#404040, variant=null, fallback=sans-serif, style=font-family: MrEavesXLModOT, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #404040;font-size: 18px;font-family: MrEavesXLModOT, sans-serif;} !important;font-weight:300;}
p{font-weight:300;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
h1,h2,h3,h4,h5,h6{line-height:1;}

img { max-width:100%; height:auto; border:none; vertical-align:middle; }
a { text-decoration:none; cursor:pointer; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
* + p{margin-top:18px;}

.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }

.wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1240px; padding-left: 20px; padding-right: 20px; }

input[type=submit] { cursor:pointer; background-image:url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/images/blank.png') !important; background-repeat:repeat !important; }
select{ -webkit-appearance: none;  -moz-appearance: none;  text-indent: 1px; text-overflow: '';
  background-image: url('https://blog.futurefocusedlearning.net/hubfs/FFL%20-%202021/images/arrow-down-sign-to-navigate.png');
  background-repeat: no-repeat; background-size: 12px; background-position: 97% 55%;}

body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }

.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; background-repeat: no-repeat; }
.overlay > * { position:relative; z-index:2; }

.fontWhite, .fontWhite a, .fontWhite h1, .fontWhite h2, .fontWhite h3, .fontWhite h4, .fontWhite h5, .fontWhite h6 { color: #fff; }

[class*="fa-"] { font-family: fontawesome; font-style: normal}

.black, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6  { font-weight:900; }
.extra-bold, .extra-bold h1, .extra-bold h2, .extra-bold h3, .extra-bold h4, .extra-bold h5, .extra-bold h6  { font-weight:800; }
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6  { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6  { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }

.noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; }

.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/*unique paddings*/

.pb10,.p10-0 { padding-bottom:10px; }
.pb20,.p20-0 { padding-bottom:20px; }
.pb30,.p30-0 { padding-bottom:30px  }
.pb35,.p35-0 { padding-bottom:35px  }
.pb40,.p40-0 { padding-bottom:40px; }
.pb45,.p45-0 { padding-bottom:45px  }
.pb50,.p50-0 { padding-bottom:50px; }
.pb55,.p55-0 { padding-bottom:55px  }
.pb60,.p60-0 { padding-bottom:60px; }
.pb65,.p65-0 { padding-bottom:65px  }
.pb70,.p70-0 { padding-bottom:70px; }
.pb75,.p75-0 { padding-bottom:75px  }
.pb80,.p80-0 { padding-bottom:80px; }
.pb90,.p90-0 { padding-bottom:90px; }
.pb100,.p100-0 { padding-bottom:100px; }
.pt10,.p10-0 { padding-top:10px; }
.pt20,.p20-0 { padding-top:20px; }
.pt25,.p25-0 { padding-top:25px; }
.pt30,.p30-0 { padding-top:30px  }
.pt35,.p35-0 { padding-top:35px; }
.pt40,.p40-0 { padding-top:40px; }
.pt45,.p45-0 { padding-top:45px; }
.pt50,.p50-0 { padding-top:50px; }
.pt55,.p55-0 { padding-top:55px; }
.pt60,.p60-0 { padding-top:60px; }
.pt65,.p65-0 { padding-top:65px; }
.pt70,.p70-0 { padding-top:70px; }
.pt80,.p80-0 { padding-top:80px; }
.pt90,.p90-0 { padding-top:90px; }
.pt100,.p100-0 { padding-top:100px; }
.pl15, .p15 { padding-left:15px; }
.pr15, .p15 { padding-right:15px; }
.pt15, .p15 { padding-top:15px; }
.pb15, .p15 { padding-bottom:15px; }
.pl0,.p0-0 { padding-left:0; }
.pr0,.p0-0 { padding-right:0; }
.pt0,.p0-0 { padding-top:0; }
.pb0,.p0-0 { padding-bottom:0; }
.p0-15{padding:0px 15px;}
.m0-15{margin:0px -15px;}
::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
::-moz-placeholder { opacity:1 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:1 !important; color:inherit !important; }


.d-flex {  display: flex; flex-wrap: wrap;}

.mfp-wrap{z-index: 999999;}
.white-popup {position: relative;background: #fff;padding: 40px; width: auto; max-width: 600px; margin: 20px auto;  transition: 1s all;}
.mfp-close-btn-in .mfp-close { background: transparent;}
.white-popup textarea{min-height:120px;}

textarea, input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], select{outline:none !important;border:1px solid !important;}
fieldset.form-columns-1 .hs-input {  width: 100% !important;}


/* read time css */
#ativeReadingTimeFlag{ margin: 0; padding: 0;position: fixed; top:0; right: 9px; height: 34px; display: none;}
#ativeReadingTimeFlag.art-hide{ display:none;}
#ativeReadingTimeFlag > div { color: white; background: #00a6c2;  line-height: 34px;  height: 34px; padding: 0 12px; margin: 0 4px 0 0; font-family: sans-serif;
  font-size: 14px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: relative;  -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);}
#ativeReadingTimeFlag > div > span {  position: absolute;right: -4px; top: 50%;  margin: -4px 0 0 0;  width: 0;  height: 0; 
  border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #00a6c2;;}
div#dialog-message , div#readSpeed, #ativeReadingTimeFlag {display: none !important;}


/*
* selection-sharer: Medium like popover menu to share on Twitter or by email any text selected on the page
*
* -- Requires jQuery --
* -- AMD compatible  --
*
* Author: Xavier Damman (@xdamman)
* GIT: https://github.com/xdamman/selection-sharer
* MIT License
*/

@keyframes selectionSharerPopover-animation {
  0% {
    transform: matrix(0.97, 0, 0, 1, 0, 12);
    filter: alpha(opacity=0);
    opacity: 0;
  }

  20% {
    transform: matrix(0.99, 0, 0, 1, 0, 2);
    filter: alpha(opacity=70);
    opacity: 0.7;
  }

  40% {
    transform: matrix(1, 0, 0, 1, 0, -1);
    filter: alpha(opacity=100);
    opacity: 1;
  }

  70% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
  }

  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

#selectionSharerPopover { display: none;position: absolute;top: -100px;left: -100px;z-index: 1010;}
#selectionSharerPopover::after {content: ''; display: block; position: absolute; bottom: -3px; left: 50%; margin-left: -4px;width: 8px;height: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);  background: #708C78;box-shadow: 0 0 2px #708C78;}
#selectionSharerPopover.anim {transition: top 0.075s ease-out; animation: selectionSharerPopover-animation 180ms forwards linear; -webkit-animation: selectionSharerPopover-animation 180ms forwards linear;}
#selectionSharerPopover-inner {position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: #708C78; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), inset 0 0 1px rgba(255, 255, 255, 0.07), inset 0 0 2px rgba(255, 255, 255, 0.15); background-color:#708C78;}
#selectionSharerPopover .selectionSharerPopover-clip {position: absolute; bottom: -11px; display: block; left: 50%;  clip: rect(12px 24px 24px 0); margin-left: -12px; width: 24px; height: 24px;line-height: 24px;}
#selectionSharerPopover .selectionSharerPopover-arrow { display: block; width: 20px;height: 20px; -webkit-transform: rotate(45deg) scale(0.5);transform: rotate(45deg) scale(0.5);  background-color: #708C78;
  border: 2px solid #708C78; box-sizing: content-box;}
.selectionSharer ul { padding: 0; display: inline;}
.selectionSharer ul li { float: left;list-style: none;background: none; margin: 0;}
.selectionSharer a.action { display: block; text-indent: -200px;  margin: 5px 7px; width: 20px; height: 20px; border: none;}
.selectionSharer a:hover { color: #ccc;}
.selectionSharer a.tweet {  background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='171' height='139'%3e%3cg transform='translate(-282.32053,-396.30734)'%3e%3cpath style='fill:white' d='m 453.82593,412.80619 c -6.3097,2.79897 -13.09189,4.68982 -20.20852,5.54049 7.26413,-4.35454 12.84406,-11.24992 15.47067,-19.46675 -6.79934,4.03295 -14.3293,6.96055 -22.34461,8.53841 -6.41775,-6.83879 -15.56243,-11.111 -25.68298,-11.111 -19.43159,0 -35.18696,15.75365 -35.18696,35.18525 0,2.75781 0.31128,5.44359 0.91155,8.01875 -29.24344,-1.46723 -55.16995,-15.47582 -72.52461,-36.76396 -3.02879,5.19662 -4.76443,11.24048 -4.76443,17.6891 0,12.20777 6.21194,22.97747 15.65332,29.28716 -5.76773,-0.18265 -11.19331,-1.76565 -15.93716,-4.40083 -0.004,0.14663 -0.004,0.29412 -0.004,0.44248 0,17.04767 12.12889,31.26806 28.22555,34.50266 -2.95247,0.80436 -6.06101,1.23398 -9.26989,1.23398 -2.2673,0 -4.47114,-0.22124 -6.62011,-0.63114 4.47801,13.97857 17.47214,24.15143 32.86992,24.43441 -12.04227,9.43796 -27.21366,15.06335 -43.69965,15.06335 -2.84014,0 -5.64082,-0.16722 -8.39349,-0.49223 15.57186,9.98421 34.06703,15.8094 53.93768,15.8094 64.72024,0 100.11301,-53.61524 100.11301,-100.11387 0,-1.52554 -0.0343,-3.04251 -0.10204,-4.55261 6.87394,-4.95995 12.83891,-11.15646 17.55618,-18.21305 z' /%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 18px; background-position: 2px 4px;}
.selectionSharer a.facebook {  background: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 33 33' width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:white' d='M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 18px;  background-position: 0 2px;}
.selectionSharer a.linkedin {  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve"><g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"><path fill="white" d="M343.999,2812.002C222.998,2770,155,2672.002,155,2540c0-62.002,5-85,27.998-132.998 c108.003-219.004,459.004-206.001,560,21.997c16.001,36.001,18.003,60,15,125c-5,97.002-27.998,146.001-91.997,203.003 C586.001,2827.002,453.999,2850,343.999,2812.002z"/> <path fill="white" d="M2035.996,2052.998c-150.996-31.997-257.998-92.998-365-210l-68.994-75l-7.002,79.004 c-5,42.998-10.996,100.996-14.004,127.998l-5.996,50l-253.999,2.998L1067.998,2030l6.001-62.002c3.003-35,8.999-452.998,12.002-930 L1092.998,170h288.003H1670l2.002,597.998C1675,1365,1675,1365,1697.998,1410.996c34.004,70,87.002,125.005,150,156.006 c75,36.997,192.998,38.999,257.998,5c59.004-31.001,111.006-95,137.002-172.002c21.006-64.004,22.002-77.002,25-647.002 L2270.996,170h290h290l-3.994,642.998c-2.998,547.998-6.006,652.002-20,707.002c-42.998,172.998-97.002,280-187.998,371.001 C2494.004,2037.998,2257.002,2101.001,2035.996,2052.998z"/><path fill="white" d="M167.002,2022.998c-4.004-2.998-7.002-421.997-7.002-930V170h295h295l-2.002,927.998L745,2025 l-286.001,2.998C302.002,2028.999,171.001,2027.002,167.002,2022.998z"/></g></svg>') 2px 4px/18px no-repeat;
  background-size: 18px;  background-position: 0 2px;}
.selectionSharer a.telegram {  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path style="fill:white" d="M22.05 1.577c-.393-.016-.784.08-1.117.235-.484.186-4.92 1.902-9.41 3.64-2.26.873-4.518 1.746-6.256 2.415-1.737.67-3.045 1.168-3.114 1.192-.46.16-1.082.362-1.61.984-.133.155-.267.354-.335.628s-.038.622.095.895c.265.547.714.773 1.244.976 1.76.564 3.58 1.102 5.087 1.608.556 1.96 1.09 3.927 1.618 5.89.174.394.553.54.944.544l-.002.02s.307.03.606-.042c.3-.07.677-.244 1.02-.565.377-.354 1.4-1.36 1.98-1.928l4.37 3.226.035.02s.484.34 1.192.388c.354.024.82-.044 1.22-.337.403-.294.67-.767.795-1.307.374-1.63 2.853-13.427 3.276-15.38l-.012.046c.296-1.1.187-2.108-.496-2.705-.342-.297-.736-.427-1.13-.444zm-.118 1.874c.027.025.025.025.002.027-.007-.002.08.118-.09.755l-.007.024-.005.022c-.432 1.997-2.936 13.9-3.27 15.356-.046.196-.065.182-.054.17-.1-.015-.285-.094-.3-.1l-7.48-5.525c2.562-2.467 5.182-4.7 7.827-7.08.468-.235.39-.96-.17-.972-.594.14-1.095.567-1.64.84-3.132 1.858-6.332 3.492-9.43 5.406-1.59-.553-3.177-1.012-4.643-1.467 1.272-.51 2.283-.886 3.278-1.27 1.738-.67 3.996-1.54 6.256-2.415 4.522-1.748 9.07-3.51 9.465-3.662l.032-.013.03-.013c.11-.05.173-.055.202-.057 0 0-.01-.033-.002-.026zM10.02 16.016l1.234.912c-.532.52-1.035 1.01-1.398 1.36z" color="white" /></svg>') no-repeat;
  background-size: 18px;  background-position: 0 2px;}
.selectionSharer a.email {  background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='94' height='64'%3e%3cg transform='translate(-10, -10)' fill='transparent'%3e%3crect x='0' y='0' width='114' height='114'%3e%3c/rect%3e%3cpath d='M12,12 L102,12 L102,72 L12,72 L12,12 Z M16,12 L53,49 C55.6666667,51 58.3333333,51 61,49 L98,12 L16,12 Z M15,72 L45,42 L15,72 Z M69,42 L99,72 L69,42 Z' stroke='white' stroke-width='5'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 20px;  background-position: 0 4px;}
#selectionSharerPopunder.fixed { transition: bottom 0.5s ease-in-out; width: 100%; position: fixed; left: 0;bottom: -50px;}
.selectionSharer { transition: -webkit-transform 0.6s ease-in-out;}
.selectionSharer.moveDown { -webkit-transform: translate3d(0, 60px, 0);}
#selectionSharerPopunder {position: absolute; left: 0; width: 100%; height: 0; transition: height 0.5s ease-in-out; background: #ccc; border: none;box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.5), inset 0 -10px 5px -10px rgba(0, 0, 0, 0.5);
  border-radius: 0; overflow: hidden;}
#selectionSharerPopunder.show { height: 50px;}
.selectionSharerPlaceholder { height: 1em; margin-bottom: -2em;transition: height 0.5s ease-in-out;}
.selectionSharerPlaceholder.show { height: 50px !important;}
#selectionSharerPopunder-inner ul { overflow: hidden;margin: 0;  display: inline;}
#selectionSharerPopunder-inner ul li { padding: 5px; overflow: hidden;}
#selectionSharerPopunder-inner label {color: white;font-weight: 300; line-height: 50px; margin: 0 20px 0 10px;}
#selectionSharerPopunder-inner a { width: 30px; height: 30px; background-size: 30px;}
#selectionSharerPopunder-inner a.tweet { background-position: 0 2px;}
#selectionSharerPopover-inner .telegram, #selectionSharerPopover-inner .email{display:none;}
.selectionSharer a.action.copy { text-indent: 0px;}


.hs-blog-post .timeBox {
  position: fixed;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  padding: 20px;
  -moz-transition-duration: 350ms;
  -o-transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  z-index:999;
  /*   display:none; */
}
.selectedData{display:none;}

.copy-notification {
  color: #fff;
  background-color: rgba(0,0,0,0.8);
  padding: 20px;
  border-radius: 30px;
  position: fixed;
  bottom: 10%;
  left: 50%;
  transform:translateX(-50%);
  width: 150px;
  margin-top: -30px;
  margin-left: -85px;
  display: none;
  text-align:center;
}

b,strong{font-weight:700;}

/* pliar page side bar plus icon */
.hs-blog-post .timeBox .perc { position: absolute;bottom: 0; left: 0; width: 0; height: 4px; z-index: 5000; pointer-events: none; background-color: #b3b3b3;}
.hs-blog-post .timeBox .counter { position: relative;font-size: 1.1em; z-index: 5; color: #666666;}
.hs-blog-post .timeBox:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; pointer-events: none;  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff);  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);}
.closed .vertical { transition: all 0.5s ease-in-out; transform: rotate(-90deg);}
.closed .horizontal { transition: all 0.5s ease-in-out; transform: rotate(-90deg); opacity: 1;}
.opened {  opacity: 1;}
.opened .vertical { transition: all 0.5s ease-in-out;  transform: rotate(90deg);}
.opened .horizontal { transition: all 0.5s ease-in-out; transform: rotate(90deg); opacity: 0;}
.circle-plus { height: 30px; width: 30px; font-size: 1em; opacity: 1;}
.circle-plus .circle {position: relative; width: 30px; height: 30px;}
.circle-plus .circle .horizontal { position: absolute; background-color: #fff; width: 30px; height: 1px; left: 50%; margin-left: -15px; top: 50%;}
.circle-plus .circle .vertical { position: absolute; background-color: #fff; width: 1px; height: 30px; left: 50%; top: 50%; margin-top: -15px;}
.mobileIcon { width: 40px; height: 40px; background-color: #404040; padding: 5px; position: absolute;top: 0; right: -40px; z-index: 9999;}

/*  header css */
header.header { position: fixed; top: 0;  left: 0;  width: 100%;  z-index: 99999;padding:29px 0px;transition:all ease 0.3s;}
header.header .logo {  width: 230px;}
header.header .logo a{display:inline-block;}
header.header.headerFixed .twoColPost .logo ,
header.header.headerFixed .pillarPost .logo { margin-left: 1px;}
header.header .navigationMenu {  width: calc(100% - 230px);}
header.header.headerFixed .logo , 
header.header.headerFixed .logo img{width:33px;}
header.header .headerInner {  display: flex;  flex-wrap: wrap; align-items: center; justify-content: space-between;}
header.header .hs-menu-wrapper * {  line-height: 1;}
header.header .hs-menu-wrapper > ul > li > a { font-size: 17px;  color: #fff;  line-height: 1.17;  text-transform: capitalize;}
header.header .hs-menu-wrapper > ul > li {  padding: 0px 15px;}
header.header .hs-menu-wrapper > ul {  margin: 0px -15px;  justify-content: flex-end;align-items: center;}
header.header .hs-menu-wrapper > ul > li:last-child > a{display:block;font-size: 14px;  line-height: 1.14;  color: #fff;  text-transform: uppercase;  background: #708C78;  border-radius: 4px;  padding: 14px 21px;}
header.header .hs-menu-wrapper>ul>li:hover>a{color:#708C78}
header.header .hs-menu-wrapper > ul > li:last-child:hover > a{color:#fff;}
header.header .hs-menu-wrapper > ul > li:last-child {  padding-left: 50px;} 

header.header .headerBg { position: absolute; top: 0;left: 0;  width: 100%; height: 100%; background-color: #404040;transition: all ease 0.3s; transform: translateY(-100%);  }
header.header.headerFixed .headerBg {transform: translateY(0%);}
header.header.headerFixed {  position: fixed; z-index: 99999;  width: 100%;}
.headerFixed .wrapper {  z-index: 99;}
article .headTitle ,header.header .headerForm ,
header.header .blogSubscribeForm h3 ,
header.header .blogForm h3,
header.header .blogForm .hs_email >label,
header.header .blogSubscribeForm .hs_email >label ,header.header .blogSearch {display:none}
header.header.headerFixed .postTitle{display:inherit;color: #fff; font-size: 25px; font-weight: 400; width: calc(100% - 540px); padding-left: 15px;}
header.header .downloadButton a { background: #708C78; border-radius: 4px; padding: 13px 22px; border: 1px solid #708C78; color: #fff; text-transform: uppercase;  font-size: 14px;  line-height: 16px;}
header.header .blogSubscribeForm .hs_email {  margin-bottom: 0px;}
header.header .blogSubscribeForm form{display: flex;flex-wrap: wrap;}
header.header .blogSubscribeForm .hs_submit {padding-left:9px;}
header.header .blogForm {  padding: 10px 15px;}
.pillarPostBanner header.header .blogForm {  display:none;}
.twoColumnBanner header.header ,.hs-blog-listing header.header  { background-color: #807B74;}

.hs-blog-post header.header.headerFixed .postTitle{ width: calc(100% - 360px);}

.header form input[type=email]:focus {outline: none !important;}
.header form input[type=email]{  border: 0px !important; color: #000000; background-color: #fff;  border-radius: 4px; overflow: hidden; font-size: 14px; line-height: 16px; padding: 14px 19px;}
.header .hs_submit input { border-radius: 4px; font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 13px 22px;}

.hs-site-page .header{background-color:#807B74}
.hs-blog-listing .header.headerFixed .postTitle ,
.hs-site-page .header.headerFixed .postTitle { width: calc(100% - 540px);}
.header .searchBox {  width: 190px;}
.header .searchBox form {  position: relative;}
.header .searchBox form button {  position: absolute;  right: 0; height: 100%; width: 32px;  background-color: #708C78; border: 0px;  padding: 5px; display: inline-block;
  border-radius: 0px 4px 4px 0px;  z-index: 5;}
.header .searchBox form input {  border: 1px solid #708C78 !important;  border-radius: 4px;  outline: none !important;  overflow: hidden;}
.header .searchBox form button svg { fill: #fff; height: 16px;  position: absolute; z-index: 5;  top: 50%;  left: 50%; transform: translate(-50%, -50%);}

/* blog Banner */
.postBanner .bannerLeft {padding:50px 0px 94px;}
.postPillarBanner:before, .blogCta:before { content: '';  height: 100%; width: 100%; background-color: rgba(0, 0, 0, 70%);  position: absolute; top: 0;  left: 0;}
.postBanner span.bannerBg {position: absolute;top: 0;left: 0;width: 50%;z-index: 2;height: 100%;}
.postBanner .wrapLeft ,.postBanner .wrapper, .postPillarBanner .wrapper ,.blogCta .parentBox { position: relative; z-index: 5;}
.postBanner .wrapper { max-width: 100%;  padding: 0px;}
.postBanner h1 a{color:#fff;}
.postBanner .authorImage {  height: 38px; width: 38px;  border-radius: 50%;  overflow: hidden;}
.postBanner .authorInner { display: flex; flex-wrap: wrap;  align-items: center;  margin-top: 30px;}
.postBanner .authorLabel {  padding-left: 20px;  color: #fff;}
.postBanner .authorName {  padding-left: 8px;}
.postBanner .authorName a { color: #fff; font-weight: 700; text-transform: capitalize;}
.postBanner .bannerText ,
.postPillarBanner .blogTitle h1 a{ color: #fff;line-height:inherit;}
.postBanner .bannerContent {  max-width: 450px;  text-align: center; padding: 43px 0px 0px 40px;min-height:170px;}
.postBanner .button{padding-top:20px;}
.postBanner span.time { color: #fff;  font-size: 16px; padding-left: 14px;line-height: 0.6;}
.postBanner .readTime , .sidebar .readTime {  display: flex; align-items: center;  flex-wrap: wrap;  padding-bottom: 17px;}
.postBanner span.timeIcon , .sidebar .timeIcon{line-height: 0.6 !important}
.postBanner .authorName , .postBanner .authorLabel{line-height:0.8;}
.postBanner .bannerLeft {  padding-right: 15px;}
.blogSubscribeForm  .submitted-message {  display: none;}
.postBanner .bannerTopContent { align-items: center;  padding: 10px 0px 50px;}
.postBanner .bannerTopContent .backToList + span {  color: #fff;  padding: 0px 5px; display: inline-block;}
.postBanner .bannerTopContent .backToList a ,.bannerTopContent .tagBox ul li a {  font-size: 18px;  font-weight: 400;  color: #fff;}
.postBanner .bannerTopContent .backToList a:hover,.bannerTopContent .tagBox ul li a:hover {  color: #708C78;}


.postPillarBanner { padding: 170px 0px 70px;}
.postPillarBanner .parentBox { max-width: 1032px;margin: 0 auto; text-align: center;}
.postPillarBanner .blogTitle h1 , .heroSection .blogTitle h1{  font-size: 70px;}
.postPillarBanner .bannerContent p, .heroSection .heroContent p {padding-top: 15px; color: #fff; font-size: 28px;  line-height: 1.1;}
.postPillarBanner .bannerShape , .heroSection .heroShape{ padding-top: 18px;}

.twoColumnBanner .sidebar{display:none;}
.stickyParent{ position: relative; }
.stickyParent .content-wrapper { max-width: 100%;padding:0px;}
.sidebar{padding:20px 15px 57px 49px;background-color:rgba(255, 255, 255 , 50%);margin-top:56px;width:100%;max-width:320px; display: inline-block; 
  position: absolute; top: 0; left: 0px; transform: translateX(0%);transition:all ease 0.3s; }
.sidebar.sticky{ position: fixed;  z-index: 999; left: 0px; max-width:320px;margin-top:0px;padding-top:20px;}
.sidebar.buttonSticky{ bottom: 0;top:inherit !important; position: absolute; left: 0px !important;  transform: translateX(-100%); }
.sidebar .timeIcon svg path{fill:#807B74}
.sidebar span.time{font-size:18px;line-height:1.16;color:#404040;padding-left:13px;}
.sidebar .titleList ul li a {  color: #404040;transition:all ease 0.3s;}
.sidebar .titleList ul li + li { margin-top: 15px;}
.sidebar .titleList ul li{position:relative;transition:all ease 0.3s;}
.sidebar .titleList ul li:before{content:'';width:63px;height:1px;background-color:#807B74;transition:all ease 0.3s; left: -73px;position: absolute; top: 13px;}
.sidebar .titleList ul li.active > a{color:#708C78;font-weight:700;}
.sidebar .titleList ul li.active {padding-left: 24px;}
.sidebar .titleList ul li.active:before{left:-49px;}

.sharect {  background-color: #708C78 !important;}
.sharect > div:last-child{border-top-color:#708C78 !important;}

/* blog post  */
.hs-blog-post article {  padding: 56px 0 50px 0; }
.hs-blog-post article .blog-post__body >span>  * , 
.hs-inline-edit .blog-post__body > div>*{ max-width: 651px;  margin: 0 auto;display:block;}
.hs-blog-post article .blog-post__body >span> .twoColSec ,
.hs-inline-edit .blog-post__body > div>.twoColSec{max-width:100%;padding:20px 0px 30px;}
.hs-blog-post article .blog-post__body >span> * + p ,
.hs-inline-edit .blog-post__body > div>*+p{margin-top:18px;margin-bottom:15px;}
.hs-blog-post article .blog-post__body >span> * + ol ,
.hs-blog-post article .blog-post__body >span> * + ol li+ li,
.hs-blog-post article .blog-post__body >span> * + ul li+ li ,
.hs-inline-edit .blog-post__body > div> * + ol ,
.hs-inline-edit .blog-post__body > div> * + ol li+ li,
.hs-inline-edit .blog-post__body > div> * + ul li+ li{margin-top:14px;}
.hs-blog-post article .blog-post__body >span> iframe ,
.hs-inline-edit .blog-post__body > div>iframe{  margin-top: 20px !important;   margin-bottom: 20px !important;}
.hs-inline-edit #selectionSharerPopover,.hs-inline-edit .sidebar{display: none !important;}
.hs-inline-edit #main-content{margin-top:-80px !important;}
.hs-inline-edit .body-wrapper>.hs-baymax-editor:first-child { position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; height: 80px; }
.hs-inline-edit #main-content > div.container-fluid{padding-top:70px !important;}
.hs-blog-post article blockquote{ margin:25px auto !important; padding: 31px 21px;background-color: #807B74;   }
.hs-blog-post article blockquote , .hs-blog-post article blockquote > p { border: 0; color: #fff;  font-size: 21px;
  line-height: 1.38;  font-weight: 300;  margin: 0px -21px; font-family: 'ITC Avant Garde Gothic Std Book';letter-spacing:0.02em;}
.hs-blog-post article blockquote > p{margin:0px;}
/* .hs-blog-post article blockquote span { display: block;font-size: 15px; padding-top: 10px; line-height: 1; text-align: right;} */
.hs-blog-post article ol { padding-left: 25px; margin-top: 15px;}
.hs-blog-post article * + h1,
.hs-blog-post article * + h2,
.hs-blog-post article * + h3,
.hs-blog-post article * + h5,
.hs-blog-post article * + h6{  padding-top: 15px;margin-bottom:20px;}
.hs-blog-post article h4 { color: #708C78;  font-weight: 700;}
.hs-blog-post article * + h4 { padding: 15px 0px 20px;margin-bottom:20px;}
.hs-blog-post article ul , .hs-blog-post article ol { padding:10px 0px 15px 25px;}
.hs-blog-post article .vidyard-player-container{padding:31px 0px 29px;}
.hs-blog-post article .blog-post__body a , .faqSection a{font-weight:700;color:#708C78}
.hs-blog-post article .blog-post__body a:hover , .faqSection a:hover{text-decoration:underline;} 
.hs-blog-post article .blog-post__body .button a {color:#fff;text-transform:uppercase;font-weight:400;}



.shareLinkBox {  max-width: 651px;  margin: 0 auto; }
.shareLinkTitle {  font-size: 25px; padding-bottom: 15px;}
.at-share-btn .at4-visually-hidden,.at-share-btn .at-label {display: none}
.at-resp-share-element .at-share-btn {margin: 0 0 0 24px !important;padding: 0px !important; background: none !important; height: 38px !important; width: 38px !important;
  border-radius: 50% !important; background-color: #807B74 !important; position:relative;}
.at-resp-share-element .at-share-btn:first-child { margin-left: 0px !important}
.at-style-responsive .at-share-btn svg,.at-style-responsive .at-share-btn svg path {fill: #fff !important}
.at-style-responsive .at-share-btn svg,.at-icon-wrapper {height: 30px !important; width: 30px !important; line-height:38px !important; text-align:center !important;}
.at-style-responsive .at-share-btn svg {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.at-icon-wrapper {overflow: visible !important}
.at-resp-share-element .at-share-btn>span { padding-left: 0 !important}


.title_listing {  padding: 32px 21px; margin: 17px -21px 0px;counter-reset: list;}
.title_listing .titleBox { border: 1px solid #807B74;  padding: 12px 7px;  background-color: #fff;  display: flex;  flex-wrap: wrap;  align-items: center;}
.title_listing .titleText h4 {  color: #404040 !important;}
.title_listing .titleIcon { width:75px;}
.title_listing .titleText {  width: calc(100% - 75px);padding-left:5px;}
.title_listing .listingParent {  padding-top: 20px;}
.title_listing .listContent ul ,.title_listing .listContent ol { padding-left: 30px !important;  padding-top: 10px !important;margin-bottom:0px !important }
.title_listing .listContent ul li ,.title_listing .listContent ol li{font-size:20px;}
.title_listing .listContent ol{ list-style: none;}
.title_listing .listContent ol li{position: relative; padding-left: 20px;}
.title_listing .listContent ol li:before{counter-increment: list; content:counter(list) ".";font-weight: 700;left: -10px; position: absolute;
  font-size: 22px; line-height: 1;  top: 0;}
.title_listing .listContent ul li+li,.title_listing .listContent ol li+li{margin-top:15px;}
.title_listing .listChild + .listChild {  padding-top: 25px; }


.twoColumnSection .leftInner {max-width:496px;  padding: 103px 0px;position: relative;}
.twoColumnSection .boxContent {padding:15px 0px 20px;}
.twoColumnSection .leftBox{padding-right:20px;}
.twoColumnSection .rightBox {  background-position: center left;}

/* related post */
.relatedPostSection {  background-color: #807B74; padding: 49px 0px 50px;}
.relatedPostSection .relatedPostInner {   display: flex;  flex-wrap: wrap;}
.relatedPostSection .postBoxes{  padding: 0px 15px;}
.relatedPostSection .relatedPostParent { margin: 0px -15px;}
.relatedPostSection .postImage {  height: 200px;}
.relatedPostSection .postTitle a {  color: #fff;}
.relatedPostSection .boxInner:hover .button a ,
.relatedPostSection .boxInner:focus .button a{background-color: rgba(89,39,81,1.0); border-color: #592751;}
.relatedPostSection .postContentBox {   margin-top: 30px;}
.relatedPostSection .postDetail {  color: #fff;  margin-top: 10px;}
.relatedPostSection .boxInner { position: relative;}
.relatedPostSection a.postLink {  position: absolute;  top: 0;  left: 0;height: 100%;  width: 100%;  cursor: pointer;  z-index: 1;}
.relatedPostSection.sectionHide {  display: none;}

/* footer css */



/* new footer css */

.footerSection{padding:50px 0px;}
.footerSection a:hover,
.footerSection .postList ul li a:hover,
.footerSection .navList  ul li a:hover{color:#807B74}
.footerSection .postList ul { padding: 0px; display: flex; flex-wrap: wrap; }
.footerSection .postList ul li { width: 50%; padding: 0px 30px; }
.footerSection .postList ul li a,
.footerSection .navList  ul li a { font-size: 14px; color: #fff; display: block; padding: 8px 0px; line-height: 16px; font-weight: 400; }
.footerSection .postTitle,
.footerSection .navTitle { padding-bottom: 10px; }
.footerSection .navList .hs-menu-wrapper ul { flex-direction: column; }
.footerSection .footerLeft,
.footerSection .footerRight { width: 45%; }
.footerSection .footerInner { justify-content: space-between; }
.footerSection .postList { margin: 0px -30px; }
.footerSection .navInner { width: 33.33%; padding: 0px 15px; }
.footerSection .rigthInner { margin: 0px -15px; }
.footerSection .footerNav { justify-content: space-between; max-width: 90%; margin: 0 0 0 auto; }
.footerSection .footerInner,
.footerSection .bottomInner { position: relative }
.footerSection .footerInner:before { content: ''; background-image: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/images/ornament-green%204.png'); height: 100%; width: 3px; background-repeat: no-repeat; background-size: cover; left: 50%; top: 50%; position: absolute; z-index: 2; transform: translate(-50%, -50%); }
.footerSection .socialParent ul { display: flex; justify-content: center; }
.footerSection .bottomInner:before,
.footerSection .bottomInner:after { content: ''; background-image: url('https://get.futurefocusedlearning.net/hubfs/FFL%20-%202021/images/ornament-green%202.png'); height: 5px; width: 30%; position: absolute; z-index: 2; background-repeat: no-repeat; background-size: cover; top: 15px; }
.footerSection .bottomInner:before { left: 0; }
.footerSection .bottomInner:after { right: 0; }
.footerSection .socialParent ul li { padding: 0px 25px; }
.footerSection .footerBottom { padding-top: 70px; }
.footerSection .footerLogo a { display: inline-block; }
.footerSection .footerLogo { width: 230px; margin: 35px auto 0px; }
.footerSection .copyText, 
.footerSection .bottomContent a { font-size: 14px; line-height: 16px; }


/* blog listing */
/* hero section  */
.heroSection {  padding: 171px 0px 69px;  text-align: center;}
.heroSection:before { content: '';  height: 100%; width: 100%; background-color: rgba(0, 0, 0, 70%);  position: absolute; top: 0;  left: 0;}
.heroSection .wrapper{position:relative;z-index:2;}
.heroSection .parentBox {  max-width: 1035px;  margin: 0 auto;}

/* mannual post  */
.mannualPostSection .parentBox{margin:0px -15px;}
.mannualPostSection .postBoxChild{padding:0px 15px;margin-top:30px;}
.firstRow:first-child .mannualPostSection .postBoxChild{margin-top:0px;}
.mannualPostSection .postBoxChild .postImage{height:234px;}
.firstRow:first-child .mannualPostSection .postBoxChild .postImage {  height: 403px;}
.mannualPostSection .innerBox , .blogListing .blog-index__post-content{background-color:#F5F5F5;}
.mannualPostSection .postContentBox ,.blogListing .contentInner{padding:20px 30px;}
.mannualPostSection h2{font-weight:400;margin-top:5px;}
.mannualPostSection .smallTitle ,.blogListing .tagBox ul li a{font-size:15px;font-weight:400;}
.mannualPostSection .contentBottomBox .text{font-size:12px;line-height:1;padding-left:3px;font-weight:400;}
.mannualPostSection .contentBottomBox span{display:inline-block;vertical-align:middle;}
.mannualPostSection .contentBottomBox .timeBox {  padding-left: 10px;}
.firstRow .postBoxChild .contentBottomBox{padding-top:20px; position: absolute; bottom: 25px;}

.firstRow .mannualPostSection .postBoxChild {display:none;}
.firstRow:first-child .mannualPostSection .postBoxChild:first-child,
.firstRow:nth-child(2) .mannualPostSection .postBoxChild:nth-child(n+2):nth-child(-n+3) ,
.firstRow:nth-child(3) .mannualPostSection .postBoxChild:nth-child(4){display:inherit;}
.firstRow:nth-child(3) .mannualPostSection .postBoxChild:nth-child(4) {  width: 100%;}
.firstRow:nth-child(3) .mannualPostSection .postBoxChild:nth-child(4) .postImage { height: 346px;}
.firstRow:nth-child(3) .mannualPostSection .postBoxChild ,
.firstRow:nth-child(3) .blogCta{margin-top:0px;}


.mannualPostSection .innerBox,
.popularPopSection .popContentBox,
.editorChoice .listChild,.blogListing .postFeatureImage {position:relative;cursor:pointer;}
.mannualPostSection .innerBox .postLink,
.popularPopSection .popContentBox .postLink ,
.editorChoice .listChild .postLink ,.blogListing .blog-index__post .postLink{position:absolute;top:0;left:0;height:100%;width:100%;}
.blogListing  h2 a{color:#404040 !important;}
.popularPopSection .popContentBox:hover .popPostTitle {color:#807B74 !important;transition:all ease 0.3s;}
.topicPage .blogListing{padding-top:55px !important;}
.editorChoice.popularPopSection {  padding-top: 0px;}


/* popular post and editor choice secrtion  */

.popularPopSection .popTitle ,.editorChoice .titleBox{padding:9px 18px;font-size:15px;line-height:17px;background-color:#708C78;}
.popularPopSection .popPostTitle,.editorChoice .listTitle{  font-size: 17px; line-height: 1.2;  color: #404040;font-weight:400;}
.popularPopSection span , .editorChoice span ,.blogListing .bottomContent span { display: inline-block;  vertical-align: middle;  margin-right: auto;  line-height: 1;}
.tagBox * {  line-height: 1;}
.tagBox ul li a { font-size: 12px;  line-height: 1.166; color: #404040;  font-weight: 400; text-transform: uppercase;}
.tagBox ul li { display: inline-block;  vertical-align: middle;  line-height: 1;}
.timeBox{padding-left:10px;}
.text{font-size: 12px;  line-height: 1.166; color: #404040;  font-weight: 400}
.popularPopSection .popContentBox ,.editorChoice .listChild{  background-color: #F5F5F5;  margin-top: 15px;  padding: 8px 18px 8px;transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;}
.popularPopSection .popContentBox:hover ,.editorChoice .listChild:hover{box-shadow: 0 10px 50px -5px rgba(51, 71, 91, 12%);-webkit-transform: scale(1.014);  transform: scale(1.014);}
.popularPopSection .popContent,.editorChoice .listContentBox  {  padding-top: 5px;}
.editorChoice{padding-top:15px;}

/*  blog cta section */
.blogCta {margin-top:30px;  padding: 150px 25px;}
.blogCta .contentBox ,.blogCta .btn {padding-top:15px;}

/* blog listing */
.list-section{padding-top:0px !important;padding-bottom:70px !important;}
.blogListing{margin:0px -20px;}
.blogListing .blog-index__post-content h2{margin-top:10px;}
.blogListing .blog-index__post-title{font-size:32px;font-weight:400;}
.blogListing article{ flex: none;width:33.33%;}
.blogListing .postFeatureImage {  height: 234px;}
.blogListing .blog-index__post{padding:0px 15px 30px !important;}
.blogListing article .bottomContent {margin-top:20px;}
.hs-blog-listing .tagBox li{display:none;}
.hs-blog-listing .tagBox li:first-child{display:inline-block;}
.backContent h2 a , .backContent h2{font-weight:400; text-transform: capitalize;}
.backContent h2 a:hover{color:#807B74 !important}
.backContent > span {  padding: 0px 10px;   font-size: 32px; line-height: 1;}
.backContent {  align-items: center;  padding:0px 15px 30px;}

.blogListing article .articleInner, .mannualPostSection .postBoxChild .innerBox  {transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; overflow: hidden; position: relative;width:100%;}
.blogListing article .articleInner:hover , .mannualPostSection .postBoxChild .innerBox:hover {transform: scale(1.014);  box-shadow: 0 10px 50px -5px rgba(51, 71, 91, 12%);}

.firstRow .row-fluid .span4.dnd-column{width:380px !important;}
.firstRow .row-fluid .span8.dnd-column{width:calc(100% - 380px) !important;}
.firstRow .row-fluid .dnd-column{padding:0px 15px !important;margin:0px !important;}
.firstRow > .row-fluid , .list-section > .row-fluid{padding:0px 5px !important;}
.blogListing .timeBox{padding-left:0px;}

/* author page */
.authorBlog{padding-bottom:70px;}
.authorBlog .authoImage {  height: 256px; width: 256px; border-radius: 50%;  border: 2px solid #807B74;  padding: 10px;  background-color: #fff;  overflow: hidden;}
.authorBlog .authoImage .imageBox {  height: 100%;  width: 100%;  border-radius: 50%;}
.authorBlog .authorInner { display: flex; flex-wrap: wrap; align-items: center;padding-bottom:30px;}
.authorBlog .authorContent {  width: calc(100% - 256px); padding-left: 50px;}
.authorBlog .authorName {  margin-bottom: 20px;}
.authorBlog .authorBio {  padding-bottom: 15px; }
.authorBlog .authorSocialLinks a { height: 40px;width: 40px; border-radius: 50%; text-align: center;  background-color: #708C78; position: relative;}
.authorBlog .authorSocialLinks a + a { margin-left: 10px;}
.authorBlog .authorSocialLinks { display: flex; flex-wrap: wrap; padding-top: 15px;}
.authorBlog .authorSocialLinks a svg {  fill: #fff; height: 18px;  width: auto;  position: absolute;  top: 50%;  left: 50%;  margin: 0; transform: translate(-50%, -50%);}
.authorBlog .authorSocialLinks a:hover { background-color: #807B74;}


.hs-blog-listing .pillarPost{display:none !important;}
body.hideTopListing .firstRow , body.blogAuthor .firstRow ,  body.topicPage .firstRow {display:none;} 

/* pagination */
.pagination{padding:60px 0px 0px;}
.pagination ul li{margin:0px 5px;position:relative; text-align: center;}
.pagination ul li a{ border: 0px;  display: inline-block;  text-align: center;  vertical-align: middle; background-color: #708C78;   border-radius: 0px;
  line-height: 1;font-weight:400;transition:all ease 0.3s; font-size: 20px;height:30px;width:30px;border:1px solid #708C78;color:#fff;line-height: 30px;}
.pagination ul li.active a, .pagination ul li:hover a{ background-color: #807B74;border-color:#807B74; }
.pagination ul {  display: flex; align-items: center;  flex-wrap: wrap;}
.pagination ul li.disabled.arrow{  opacity: 50%;}

/* landing page */
.hs-landing-page .pillarPost,.hs-landing-page .blogInnerTitle.postTitle { display: none !important; }

.lpHeader{padding:16px 0px;}
.lpHeader .headLogo {   max-width: 230px;  margin: 0 auto;}

.lpFooter {  padding: 40px 0px;}
.lpFooter .copyText { font-size: 20px; padding: 18px 0px;}
.lpFooter .footerLinks a {  padding: 8px 16px;  display: inline-block;}
.lpFooter .footerLinks a:hover{color: #807B74;}

.faqSection {padding: 50px 0px 35px;}
.faqSection .parentBox {  max-width: 1080px; margin: 0 auto;}
.faqSection .faqParent { padding-top: 45px;}
.faqSection .ans { display: none; padding: 15px 24px 20px 48px;}
.faqSection .ques {  padding: 0px 48px 15px;  position: relative; cursor: pointer;}
.faqSection .ques:before {content: ' ';font-family: fontawesome; font-size: 20px;font-weight: 700; position: absolute; left: 10px;color:#814F79;
  height: 20px;width: 20px; line-height: 24px; text-align: center; top:1px;transition: all ease 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 792.049 792.049' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(1,-2.4492935982947064e-16,-2.4492935982947064e-16,-1,1.1368683772161603e-13,792.0489959716798)'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='_x38__35_'%3E%3Cg%3E%3Cpath d='M622.955,342.127L268.424,20.521c-27.36-27.36-71.677-27.36-99.037,0c-27.36,27.36-27.36,71.676,0,99.037 l304.749,276.468L169.387,672.492c-27.36,27.359-27.36,71.676,0,99.036s71.677,27.36,99.037,0l354.531-321.606 c14.783-14.783,21.302-34.538,20.084-53.897C644.225,376.665,637.738,356.911,622.955,342.127z' fill='%23814f79' data-original='%23814f79' style='' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center; background-repeat: no-repeat; background-size: cover;  }
.faqSection .faqList.active .ques:before { transform: rotate(90deg) translateY(0px); top: 1px;}
.faqSection .titleBox h2 {  margin-bottom: 0px;}
.faqSection .faqList {  margin-bottom: 30px;}
.faqSection .faqList:last-child{margin-bottom:0px;}

.buttonPopupForm.white-popup {  border-radius: 8px;}
.buttonPopupForm input[type="text"],.buttonPopupForm input[type="email"],.buttonPopupForm input[type="number"],
.buttonPopupForm input[type="password"],.buttonPopupForm select,.buttonPopupForm textarea,.form-section form input[type="text"],.form-section form input[type="email"],.form-section form input[type="number"],
.form-section form input[type="password"], form input[type="tel"],.form-section form select,.form-section form textarea{background-color: #efefef !important; border-color: #E1E6EA !important; border-radius:4px; }
.buttonPopupForm .formTopContent {  padding-bottom: 20px;}
.buttonPopupForm form .hs-form-field >label { display: none;}

.body-container--landing-page , .body-container--landing-page p{font-size:20px;}
.body-container--landing-page h2{margin-bottom:20px;font-weight:400;}
.body-container--landing-page .hs_cos_wrapper_type_rich_text ul{list-style:none;padding:0 0 0 10px}
.body-container--landing-page .hs_cos_wrapper_type_rich_text ul li{padding-left:48px;position:relative;}
.body-container--landing-page .hs_cos_wrapper_type_rich_text ul li:before{content:'';background: url('https://blog.futurefocusedlearning.net/hubfs/FFL%20-%202021/images/checkmark.svg') no-repeat left top;
  height: 24px; width: 24px;  border-radius: 50%;  display: inline-block;  position: absolute; left: 0;top: 3px;}
.body-container--landing-page .hs_cos_wrapper_type_rich_text ul li + li{margin:16px 0 0 0;}
.body-container--landing-page .slick-prev:before,
.body-container--landing-page .slick-next:before{color: #708C78 !important;font-size:24px;}


/*  progress bar */
.progress { position: fixed;top: 0;left: 0;height: 5px; background-color: #807B74;transition: all linear 0.1s;min-width: 0%;  z-index:9999;}
.blog-post__body > .hs_cos_wrapper {display:block;}


/* sytem pages */

/* search result page  */
.systems-page{padding:50px 0px 100px !important}
.systems-page--search-results h1 {  font-size: 36px; margin-bottom: 30px;}
.hs-search-results__listing li { padding: 24px 32px !important; display: flex; flex-wrap: wrap; align-items: center;  margin-bottom: 24px !important;  background-color: #fff;  border-radius: 4px;}
.hs-site-page #main-content {  background-color: #807B74;}
.hs-search-results__title {   width: 40%;  padding-right: 32px;  margin: 0px;  text-decoration: none;  color: #708C78;  font-weight: 400;}
.hs-search-results__description {  width: 60%;  padding: 0 0 0 32px;  margin: 0px;  font-weight: 400;  line-height: 1.5;  font-size: 18px;  border-left: 1px solid #cbd6e2;}
.hs-search-results__title:hover {  color: #807B74;}
.hs-search-results__pagination a , a.button {  border-radius: 4px; font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 13px 22px; font-family: MrEavesXLModOT,sans-serif; font-style: normal;
  font-weight: normal;  text-decoration: none; background-color: rgba(129,79,121,1.0);  color: #fff; border: 1px solid #708C78; display: inline-block;}
.hs-search-results__pagination a:hover ,  a.button:hover{background-color: rgba(89,39,81,1.0); border-color: #592751;}
.hs-search-results__pagination {  padding-top: 30px;}
.hs-site-page .content-wrapper{padding:0px 20px !important}

/* error page */
.errorPage, .systemPages{background-color: #807B74;}
.errorPage #main-content, .systemPages #main-content {  background-color: #fff;}
.errorPage .hs-error-msg , .systemPages .hs-error-msg {   color: #404040;}
.errorPage a.button{ margin-top: 20px;}

#email-prefs-form , #hs_cos_wrapper_password_prompt_ {  padding-top: 30px;  display: inline-block;}
#hs-membership-form a , #email-prefs-form a , #hs_cos_wrapper_membership_admin_content_ a{color: #708C78;}
form#email-prefs-form h3 {  margin-bottom: 15px;}
div#hs-membership-password-requirements {  margin-top: -20px;}
form#email-prefs-form .item * + p { margin-top: 2px;padding-left:23px;}
form#email-prefs-form .item {padding:20px 0px;}
form#email-prefs-form .item + .item {     border-top: 1px solid #D7D7D7; }
form#email-prefs-form h1 { margin-bottom: 10px;  font-size: 36px;}
form#email-prefs-form .item .checkbox-row span ,form#email-prefs-form .subscribe-options span { font-weight: 700;}
form#email-prefs-form input#submitbutton { margin: 30px 0px 15px;}
#email-prefs-form .page-header h1,
#email-prefs-form .page-header h2 {  text-align: center;}
.systemPages .emailImage { max-width: 250px;  margin: 0 auto;}
#email-prefs-form .page-header h2 {  font-size: 22px;}

.errorPage .searchParent {width: 100%;max-width:700px;margin:0 auto;}
.errorPage .searchParent form {position: relative}
.errorPage .searchParent form button {position: absolute;right: 0; height: 100%; width: 40px; background-color: #708C78; border: 0px; padding: 5px;  display: inline-block;
  border-radius: 0px 4px 4px 0px; z-index: 5}
.errorPage .searchParent form input { border: 1px solid #708C78 !important; border-radius: 4px;  outline: none !important; overflow: hidden}
.errorPage .searchParent form button svg { fill: #fff; height: 16px; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.errorPage span.pageText {  display: block;  font-size: 90px;  font-weight: 700;  letter-spacing: 0.02em;   line-height: 1;}

.systemPages h1 , .errorPage h1,
.systemPages h2 , .errorPage h2{  font-weight: 400;}

/* New FAQ Module Css Here */
.ff-bh-faq .faqList{box-shadow:0 1px 5px 0 rgb(45 62 80 / 12%);}
.ff-bh-faq.faqSection .ques{padding:0px;}
.ff-bh-faq .faqList { padding: 20px 20px 20px 50px; }
.ff-bh-faq.faqSection .ques:before{left:-30px;}
.ff-bh-faq.faqSection .ans {  padding: 0; margin-top: 30px; }
.ff-bh-faq.faqSection{padding:50px 0px 85px;}



/*   responsive css  */

@media(min-width:992px){

  .menuBar{display:none;}
  .hs-blog-post .headerFixed .navigationMenu , 
  header.header .blogForm { display: none;}
  header.header .navigationMenu {display: inherit !important;justify-content:flex-end;}
  .postBanner .leftBox{position: relative;background:none !important;}
  .postBanner .bannerRight img{display:none}
  .postBanner .bannerLeft  > .wrapper{max-width:100%;padding:0px;}


}

@media(min-width:1231px){

  .mobileIcon{display:none;}
}

@media(max-width:1280px){

  .postPillarBanner .blogTitle h1 , .heroSection .blogTitle h1{  font-size: 46px;}
  .postPillarBanner .bannerContent p , .heroSection .heroContent p{font-size:24px;}

  .mannualPostSection .postContentBox, .blogListing .blog-index__post-content {  padding: 20px 20px;}
  .blogListing .contentInner{padding:0px;}

}

@media (max-width:1230px ) {

  .wrapper{ max-width:1000px }
  h1{font-size:46px;}
  h2 , .blogListing .blog-index__post-title , .systems-page--search-results h1 ,.backContent > span ,
  form#email-prefs-form h1{font-size:30px;}

  .twoColumnBanner header.header .postTitle{font-size:18px;}
  .pillarPostBanner header.header .postTitle{font-size:20px;}

  .sidebar {  transform: translateX(-100%);  transition: all ease 0.3s;}
  .sidebar.out {  transform: translateX(0px);}

  /*   .footerSection .footerLinkParent { max-width: 400px;}
  .footerSection .footerLinkParent>div {  width: 50%; padding: 0px 15px;margin-bottom:30px;}
  .footerSection .footerLinkParent>div:first-child{padding-left:15px;}
  .footerSection .footerLinkParent>div:last-child{padding-right:15px;text-align:left;}
  .footerSection .footerLinkParent>div:last-child .footerLinks {text-align:center;} */

  .footerSection .footerNav{max-width:100%;}
  .footerSection .rigthInner {   margin: 0px -10px;}
  .footerSection .navInner{padding:0px 10px;}

  .firstRow .row-fluid .span8.dnd-column {  width: calc(100% - 300px) !important;}
  .firstRow .row-fluid .span4.dnd-column {  width: 300px !important;}

  .pagination .pagination__link--number{font-size:24px;}

  .blogCta {  padding: 200px 25px;}

}

@media (max-width:1080px ) {

  .wrapper{ max-width:900px }
  h1{font-size:40px;}
  h3{font-size:26px;}

  header.header .logo {  width: 200px;}
  header.header .navigationMenu {  width: calc(100% - 200px);}
  header.header .hs-menu-wrapper>ul>li {  padding: 0px 10px;}
  header.header .hs-menu-wrapper>ul {  margin: 0px -10px;}
  header.header .hs-menu-wrapper>ul>li:last-child {  padding-left: 30px;}  
  header.header.headerFixed .logo, header.header.headerFixed .logo img {  width: 40px;}

  .postPillarBanner .blogTitle h1 , .heroSection .blogTitle h1 {  font-size: 40px;}
  .postPillarBanner .bannerContent p , .heroSection .heroContent p{font-size:20px;}

  header.header .postTitle { font-size: 15px; padding: 0px 10px;}
  header.header .headerInner{ flex-wrap: nowrap;}
  .twoColumnBanner header.header .blogSubscribeForm {  width: 285px;}
  .pillarPostBanner header.header .postTitle {  font-size: 18px;}

  .blogListing article {  width: 50% !important;}
  .blogListing .bottomContent {   padding-top: 30px !important;}

  .footerSection .footerLeft, .footerSection .footerRight {  width: 100%;}
  .footerSection .footerRight {   padding-top: 20px;}
  .footerSection .footerInner:before{display:none;}


}

@media (max-width:991px ) {

  .wrapper { max-width:700px }
  h1{font-size:36px;}

  .tabw100{width:100%;display:block;float:none;}

  body.menuOpen {  overflow: hidden;}
  body.menuOpen header.header{background-color: #404040;}
  header.header .postTitle , 
  header.header.headerFixed .postTitle, .twoColumnBanner header.header.headerFixed .blogSubscribeForm{display:none !important;}
  header.header {  padding: 20px 0px;}
  header.header .menuBar{ position: absolute; right: 15%; width: 30px; height: 30px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } 
  header.header .menuBar span { display: block; position: absolute; height: 1px; width: 100%; background: #807B74; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
  header.header .menuBar span:nth-child(1) { top: 0px; }
  header.header .menuBar span:nth-child(2) { top: 10px;width:20px;left:inherit;right:0; } 
  header.header .menuBar span:nth-child(3) { top: 20px; }
  header.header .menuBar.open span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  header.header .menuBar.open span:nth-child(2) { opacity: 0; left: inherit;right:40px; }
  header.header .menuBar.open span:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

  header.header .hs-menu-wrapper>ul { display: block;  flex-direction: inherit;  justify-content: inherit;  margin: 0px;}
  header.header .navigationMenu { width: 100%;height:100vh;  position: absolute; top: 79px; left: 0;  background-color: #404040;z-index:999;}
  header.header .navigationMenu  { display:none;}
  header.header .hs-menu-wrapper>ul>li>a { display: block;}
  header.header .hs-menu-wrapper>ul>li{padding:10px 15px;width:100%;text-align:center;}
  header.header .hs-menu-wrapper > ul > li:last-child > a{ display: inline-block;}
  header.header .hs-menu-wrapper > ul > li:last-child { padding: 10px 15px;display: block;  width: 100%;}
  header.header .hs-menu-wrapper>ul>li ,
  header.header .downloadButton, header.header .blogForm {position:relative;top:50px;transition:all ease 0.6s;}  
  header.header .blogForm .hs_submit {  text-align: center;}
  header.header .blogForm {max-width:400px;margin:30px auto 0px;display:none;}
  header.header .navigationMenu > span {  max-width: 700px;  margin: 150px auto 0px;  display: inherit;}
  header.header .logo {  position: relative;}
  header.header.headerFixed .logo, header.header.headerFixed .logo img { width: 200px;}

  header.header .hs-menu-wrapper>ul>li>a { font-size: 30px;}
  header.header .hs-menu-wrapper>ul>li:last-child>a,
  header.header .blogForm .hs_submit input , header.header .downloadButton a ,header.header .blogForm form input[type=email]{  font-size: 18px;}
  header.header .hs-menu-wrapper>ul>li,header.header .hs-menu-wrapper>ul>li:last-child {  padding: 20px 15px;}

  .twoColumnSection .innerbox > div {  width: 100%;}
  .twoColumnSection .leftBox , .twoColumnBanner .bannerLeft {order:2;}
  .twoColumnSection .innerbox{flex-direction: column;}
  .twoColumnSection .rightBox img ,
  .postBanner .bannerRight img{display:block !important;width: 100%;}
  .twoColumnSection .innerbox{background-image:none !important;}
  .twoColumnSection .innerbox span.overlayColor{display:none;}
  .twoColumnSection .leftInner{padding:50px 0px ;}
  .postBanner .bannerContent {  max-width: 100%; padding-left: 0px;}
  .postBanner > .wrapper { max-width: 100%;  padding: 0px;}

  .postBanner .wrapLeft{ padding:0px 20px !important;max-width:700px;margin:0 auto;}
  .postBanner .bannerLeft{padding:50px 0px;}
  .postBanner .bannerParent { display: flex;  flex-wrap: wrap;  flex-direction: column;}   
  .postBanner .bannerRight {background-image:none !important;}
  .postBanner .bannerRight{padding:0px}
  .postBanner span.bannerBg{width:100%}


  .relatedPostSection .postImage {  height: 150px;}

  .footerSection .socialParent ul li {   padding: 0px 15px;}

  .firstRow .row-fluid .span4.dnd-column ,.firstRow .row-fluid .span8.dnd-column {  width: 100% !important;}
  .firstRow .mannualPostSection .innerBox{height:auto !important;width: 100% !important;}
  .firstRow .postBoxChild .contentBottomBox {  position: relative; bottom: inherit; padding-top: 50px;}
  .firstRow:first-child .row-fluid .span4.dnd-column{padding-top:30px !important;}
  .firstRow:nth-child(3)>.row-fluid { display: flex; flex-wrap: wrap; flex-direction: column;  }
  .firstRow:nth-child(3)>.row-fluid .span4 {order: 2;}
  .firstRow:nth-child(3)>.row-fluid [class*='span'] {  float: none !important;  }

  .blogCta { padding: 100px 20px;}

  .popularPopSection .popPostTitle , .editorChoice .listTitle{height:auto !important;}
  .ff-bh-faq.faqSection { padding: 50px 0px 50px; }



}

@media (max-width:800px ) {

  header.header .menuBar{ position: absolute; right: 10%;}
}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {

  .wrapper  { max-width:100%; padding-left:20px; padding-right:20px; }

  h1{font-size:32px;}
  h2 , .blogListing .blog-index__post-title , .systems-page--search-results h1 , .backContent > span ,
  form#email-prefs-form h1{font-size:28px;}
  h3{font-size:24px;}
  h4{font-size:20px}
  h5{font-size:18px;}
  h6{font-size:16px;}

  .mw100{width:100%;display:block;float:none;}
  .stickyParent .content-wrapper{padding:0px 20px;}
  header.header .menuBar{right:5%}

  .postPillarBanner .blogTitle h1 , .heroSection .blogTitle h1{  font-size: 36px;}
  .postPillarBanner .bannerContent p , .heroSection .heroContent p{font-size:18px;}

  .relatedPostSection .relatedPostInner{display:block;}
  .relatedPostSection .postBoxes + .postBoxes {margin-top:30px;}
  .title_listing{margin-left:-20px;margin-right:-20px;}

  /*   .footerSection .footerLeft{max-width:336px;width:100%;}
  .footerSection .footerLinkParent>div {  width: 50%; padding: 0px 15px;margin-bottom:30px;}
  .footerSection .footerLinkParent>div:first-child{padding-left:15px;}
  .footerSection .footerLinkParent>div:last-child{padding-right:15px;text-align:left;}
  .footerSection .footerLinkParent>div:last-child .footerLinks {text-align:center;}
  .footerSection .footerLinkParent {  margin: 0px -15px;}
  .footerSection .linkBox .footerLinks{margin:0px -10px;}
  .footerSection .linkBoxn .footerLinks >ul { display: flex; flex-wrap: wrap;  align-items: center;}
  .footerSection .linkBox .footerLinks > ul > li {  margin: 0px;  padding: 0px 10px;}
  .footerSection .linkBox .footerLinks ul li+li{margin-top:0px;} */

  .footerSection .postList {  margin: 0px;}
  .footerSection .postList ul li {  width: 100%; padding: 0px;}
  .footerSection .bottomInner:before, .footerSection .bottomInner:after{display:none;}
  .footerSection .navInner {  width: 50%;  margin-bottom: 30px;}
  .footerSection .footerBottom {  padding-top: 20px;}

  .mannualPostSection .postBoxChild .postImage {  height: 234px;}
  .blogListing article{width:100% !important;}
  .blogListing .blog-index__post-content h2 ,.blogListing article .bottomContent ,
  .blogListing .blog-index__post-content{height:auto !important;}

  .hs-search-results__title ,.hs-search-results__description {  width: 100%;}
  .hs-search-results__title{padding:24px 0px;}
  .hs-search-results__description{padding:18px 0px;border-left:0px;border-top:1px solid #cbd6e2;}

  .authorBlog{padding-bottom:50px;}
  .authorBlog .authoImage {  height: 150px;  width: 150px;}
  .authorBlog .authorContent {  width: calc(100% - 150px);  padding-left: 30px;}

  .faqSection .ques {  padding: 0px 0px 15px 30px;}
  .faqSection .ques:before {  left: 0px; height: 15px; width: 15px;}
  .faqSection .ans {  padding: 0px 0px 20px 30px;}



}


@media(max-width:575px){

  .firstRow .mannualPostSection .postBoxChild .postImage{height:234px !important;}


}


@media(max-width:480px){

  header.header .menuBar{right:20px;}
  header.header .hs-menu-wrapper>ul>li>a { font-size: 24px;}
  header.header .hs-menu-wrapper>ul>li:last-child>a,
  header.header .blogForm .hs_submit input , header.header .downloadButton a ,header.header .blogForm form input[type=email]{  font-size: 16px;}
  header.header .hs-menu-wrapper>ul>li,header.header .hs-menu-wrapper>ul>li:last-child {  padding:15px;}

  .at-resp-share-element .at-share-btn {  margin-bottom: 15px !important;}
  /*   .footerSection .footerLinkParent>div {  width: 100%;display:block;margin-right:0px;}
  .footerSection .footerLinkParent>div:last-child{margin-bottom:0px;} */
  .footerSection .navInner {  width: 100%;}
  .blogListing .contentInner{padding:0px;}

  .authorBlog .authorInner { flex-direction: column;}
  .authorBlog .authorContent {  width: 100%;  padding: 20px 0px 0px;}

  .white-popup {  padding: 40px 15px;}
  .buttonPopupForm input[type="text"], .buttonPopupForm input[type="email"], .buttonPopupForm input[type="number"],
  .buttonPopupForm input[type="password"], .buttonPopupForm select, .buttonPopupForm textarea{width:100% !important;}


}

@media(max-width:375px){

  .hs-search-results__listing li{padding:20px 15px !important;}

}





@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);   } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { from { opacity: 0;     -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);   }  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }

@-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(30px,0,0); opacity: 0; transform: translate3d(30px,0,0) }
  to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } }
@keyframes fadeInRight { 0% { -webkit-transform: translate3d(30px,0,0); opacity: 0; transform: translate3d(30px,0,0) }
  to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } }

header.header{background:transparent;}