@charset "UTF-8";
@media(min-width:1200px) and (max-width:1290px) {
    .container {
        padding-right: 110px
    }
}

@media(min-width:992px) and (max-width:1080px) {
    .container {
        padding-right: 110px
    }
}

@media(min-width:830px) and (max-width:870px) {
    .container {
        padding-right: 55px
    }
}

@media(min-width:767px) and (max-width:830px) {
    .container {
        padding-right: 110px
    }
}


/***** FONT FAMILIES *****/
@font-face {
    font-family: 'Karbon Slab Stencil';
    src: url('../fonts/KarbonSlabStencilWeb-Regular.eot');
    src: url('../fonts/KarbonSlabStencilWeb-Regular.eot#iefix') format('embedded-opentype'), 
         url('../fonts/KarbonSlabStencilWeb-Regular.ttf') format('truetype'), 
         url('../fonts/KarbonSlabStencilWeb-Regular.woff') format('woff'), 
         url('../fonts/KarbonSlabStencilWeb-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Karbon Slab Stencil';
    src: url('../fonts/KarbonSlabStencilWeb-Bold.eot');
    src: url('../fonts/KarbonSlabStencilWeb-Bold.eot#iefix') format('embedded-opentype'), 
         url('../fonts/KarbonSlabStencilWeb-Bold.ttf') format('truetype'), 
         url('../fonts/KarbonSlabStencilWeb-Bold.woff') format('woff'), 
         url('../fonts/KarbonSlabStencilWeb-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal
}

@font-face {
  font-family: 'iconfont';
  src:  url('../fonts/iconfont.eot?uxrzhl4');
  src:  url('../fonts/iconfont.eot?uxrzhl4#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.ttf?uxrzhl4') format('truetype'),
    url('../fonts/iconfont.woff?uxrzhl4') format('woff'),
    url('../fonts/iconfont.svg?uxrzhl4#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lightbulb:before {
    content: "\e900";
  }
  .icon-product:before {
    content: "\e901";
  }
  .icon-login:before {
    content: "\e902";
  }
  .icon-chat:before {
    content: "\e903";
  }
  .icon-arrow-right:before {
    content: "\e904";
  }
  .icon-google-plus:before {
    content: "\e905";
  }
  .icon-handshake:before {
    content: "\e906";
  }
  .icon-instagram:before {
    content: "\e907";
  }
  .icon-youtube:before {
    content: "\e908";
  }
  .icon-arrow_drop_up:before {
    content: "\e909";
  }
  .icon-arrow_drop_down:before {
    content: "\e90a";
  }
  .icon-video:before {
    content: "\e90b";
  }
  .icon-video-play:before {
    content: "\e90c";
  }
  .icon-school:before {
    content: "\e90d";
  }
  .icon-paper:before {
    content: "\e90e";
  }
  .icon-book:before {
    content: "\e910";
  }
  .icon-money-heart:before {
    content: "\e911";
  }
  .icon-person-time:before {
    content: "\e912";
  }
  .icon-teacher-presentation:before {
    content: "\e913";
  }
  .icon-user-paperwork:before {
    content: "\e914";
  }
  .icon-user-profile:before {
    content: "\e915";
  }
  .icon-ping-pong:before {
    content: "\e916";
  }
  .icon-employee-absence:before {
    content: "\e917";
  }
  .icon-badge:before {
    content: "\e918";
  }
  .icon-bandaid:before {
    content: "\e919";
  }
  .icon-bar-chart:before {
    content: "\e91a";
  }
  .icon-bell:before {
    content: "\e91b";
  }
  .icon-calendar:before {
    content: "\e91c";
  }
  .icon-chat-bubble:before {
    content: "\e91d";
  }
  .icon-clipboard:before {
    content: "\e91e";
  }
  .icon-desktop-computer:before {
    content: "\e920";
  }
  .icon-email:before {
    content: "\e921";
  }
  .icon-government-building:before {
    content: "\e922";
  }
  .icon-graduate:before {
    content: "\e923";
  }
  .icon-ipad-complete:before {
    content: "\e924";
  }
  .icon-ipad-grade:before {
    content: "\e925";
  }
  .icon-ipad:before {
    content: "\e926";
  }
  .icon-laptop:before {
    content: "\e927";
  }
  .icon-location-pin:before {
    content: "\e928";
  }
  .icon-mountains:before {
    content: "\e929";
  }
  .icon-open-email:before {
    content: "\e92a";
  }
  .icon-partly-sunny:before {
    content: "\e92b";
  }
  .icon-pencil:before {
    content: "\e92c";
  }
  .icon-iphone:before {
    content: "\e92d";
  }
  .icon-pie-chart:before {
    content: "\e92e";
  }
  .icon-profile-card:before {
    content: "\e930";
  }
  .icon-sand-timer:before {
    content: "\e931";
  }
  .icon-school-house:before {
    content: "\e932";
  }
  .icon-target:before {
    content: "\e933";
  }
  .icon-thumbs-up:before {
    content: "\e934";
  }
  .icon-tie:before {
    content: "\e935";
  }
  .icon-video-camera:before {
    content: "\e936";
  }
  .icon-Frontline-Icon:before {
    content: "\e937";
  }
  .icon-Frontline-Logo:before {
    content: "\e938";
  }
  .icon-play:before {
    content: "\e939";
  }
  .icon-arrow-down:before {
    content: "\e93a";
  }
  .icon-arrow-left:before {
    content: "\e93b";
  }
  .icon-arrow-up:before {
    content: "\e93c";
  }
  .icon-checkmark:before {
    content: "\e93d";
  }
  .icon-down:before {
    content: "\e93f";
  }
  .icon-left:before {
    content: "\e940";
  }
  .icon-right:before {
    content: "\e941";
  }
  .icon-up:before {
    content: "\e942";
  }
  .icon-facebook:before {
    content: "\e943";
  }
  .icon-twitter:before {
    content: "\e944";
  }
  .icon-linkedin2:before {
    content: "\e945";
  }
  .icon-about:before {
    content: "\e946";
  }
  .icon-search:before {
    content: "\e947";
  }
  .icon-404:before {
    content: "\e948";
  }
  .icon-insight_reports:before {
    content: "\e949";
  }
  .icon-shield:before {
    content: "\e94a";
  }
  .icon-light:before {
    content: "\e94b";
  }
  .icon-umbrella:before {
    content: "\e94c";
  }
  .icon-online_feedback:before {
    content: "\e94d";
  }
  .icon-cloud_storage:before {
    content: "\e94e";
  }
  .icon-online_grade:before {
    content: "\e94f";
  }
  .icon-manage_leave:before {
    content: "\e950";
  }
  .icon-screening_tool:before {
    content: "\e951";
  }
  .icon-student_learning:before {
    content: "\e952";
  }
  .icon-calculator:before {
    content: "\e953";
  }
  .icon-vacation_days:before {
    content: "\e954";
  }
  .icon-clock2:before {
    content: "\e955";
  }
  .icon-information:before {
    content: "\e956";
  }
  .icon-warning:before {
    content: "\e957";
  }
  .icon-navigation:before {
    content: "\e958";
  }
  .icon-integration:before {
    content: "\e959";
  }
  .icon-dashboard-status:before {
    content: "\e95a";
  }
  .icon-printer:before {
    content: "\e95b";
  }
  .icon-batman:before {
    content: "\e95c";
  }
  .icon-certificate:before {
    content: "\e95d";
  }
  .icon-learning-loop:before {
    content: "\e95e";
  }
  .icon-life-work-balance:before {
    content: "\e95f";
  }
  .icon-listening:before {
    content: "\e960";
  }
  .icon-manage-online:before {
    content: "\e961";
  }
  .icon-medicaid_plan:before {
    content: "\e962";
  }
  .icon-reporting:before {
    content: "\e963";
  }
  .icon-roadmap:before {
    content: "\e964";
  }
  .icon-rocket:before {
    content: "\e965";
  }
  .icon-RTI:before {
    content: "\e966";
  }
  .icon-rubric:before {
    content: "\e967";
  }
  .icon-save-money:before {
    content: "\e968";
  }
  .icon-self-aware:before {
    content: "\e969";
  }
  .icon-servant-leadership:before {
    content: "\e96a";
  }
  .icon-phone:before {
    content: "\e96b";
  }
  .icon-apple:before {
    content: "\e96c";
  }
  .icon-reduce_paperwork:before {
    content: "\e96d";
  }
  .icon-easy_select:before {
    content: "\e96e";
  }
  .icon-interview:before {
    content: "\e96f";
  }
  .icon-contact_email:before {
    content: "\e970";
  }
  .icon-18-Calendar-Year:before {
    content: "\e971";
  }
  .icon-Alabama:before {
    content: "\e972";
  }
  .icon-Alaska:before {
    content: "\e973";
  }
  .icon-airplane:before {
    content: "\e974";
  }
  .icon-Arizona:before {
    content: "\e975";
  }
  .icon-arrow:before {
    content: "\e976";
  }
  .icon-backpack:before {
    content: "\e977";
  }
  .icon-Arkansas:before {
    content: "\e978";
  }
  .icon-badge-check:before {
    content: "\e979";
  }
  .icon-California:before {
    content: "\e97a";
  }
  .icon-Colorado:before {
    content: "\e97b";
  }
  .icon-baseball_field:before {
    content: "\e97c";
  }
  .icon-batman-mask:before {
    content: "\e97d";
  }
  .icon-beacon:before {
    content: "\e97e";
  }
  .icon-Connecticut:before {
    content: "\e97f";
  }
  .icon-Delaware:before {
    content: "\e980";
  }
  .icon-bottle:before {
    content: "\e981";
  }
  .icon-brain:before {
    content: "\e982";
  }
  .icon-bucket:before {
    content: "\e983";
  }
  .icon-cactus:before {
    content: "\e984";
  }
  .icon-Florida:before {
    content: "\e985";
  }
  .icon-calendar_add:before {
    content: "\e986";
  }
  .icon-calendar_complete:before {
    content: "\e987";
  }
  .icon-calendar_employee:before {
    content: "\e988";
  }
  .icon-calendar_next:before {
    content: "\e989";
  }
  .icon-calendar-mid-month:before {
    content: "\e98a";
  }
  .icon-camera:before {
    content: "\e98b";
  }
  .icon-candle:before {
    content: "\e98c";
  }
  .icon-candy-cane:before {
    content: "\e98d";
  }
  .icon-car:before {
    content: "\e98e";
  }
  .icon-Georgia:before {
    content: "\e98f";
  }
  .icon-cat:before {
    content: "\e990";
  }
  .icon-chat-two-way:before {
    content: "\e991";
  }
  .icon-check_box:before {
    content: "\e992";
  }
  .icon-check_conversation:before {
    content: "\e993";
  }
  .icon-check_list:before {
    content: "\e994";
  }
  .icon-checklist_complete:before {
    content: "\e995";
  }
  .icon-Hawaii:before {
    content: "\e996";
  }
  .icon-chrismas_tree:before {
    content: "\e997";
  }
  .icon-city:before {
    content: "\e998";
  }
  .icon-clipboard_checkmark:before {
    content: "\e999";
  }
  .icon-clipboard-file:before {
    content: "\e99a";
  }
  .icon-clock_calendar:before {
    content: "\e99b";
  }
  .icon-Idaho:before {
    content: "\e99c";
  }
  .icon-Illinois:before {
    content: "\e99d";
  }
  .icon-clock-in:before {
    content: "\e99e";
  }
  .icon-Indiana:before {
    content: "\e99f";
  }
  .icon-Iowa:before {
    content: "\e9a0";
  }
  .icon-Kansas:before {
    content: "\e9a1";
  }
  .icon-cloud:before {
    content: "\e9a2";
  }
  .icon-cocktail:before {
    content: "\e9a3";
  }
  .icon-coffee:before {
    content: "\e9a4";
  }
  .icon-collaboration-2:before {
    content: "\e9a5";
  }
  .icon-compass:before {
    content: "\e9a6";
  }
  .icon-computer_screen:before {
    content: "\e9a7";
  }
  .icon-conversation_hello:before {
    content: "\e9a8";
  }
  .icon-conversation:before {
    content: "\e9a9";
  }
  .icon-cowboy_boot:before {
    content: "\e9aa";
  }
  .icon-cowboy_hat:before {
    content: "\e9ab";
  }
  .icon-creative-pencil_ruler:before {
    content: "\e9ac";
  }
  .icon-crystal_ball:before {
    content: "\e9ad";
  }
  .icon-Kentucky:before {
    content: "\e9ae";
  }
  .icon-Louisiana:before {
    content: "\e9af";
  }
  .icon-Maine:before {
    content: "\e9b0";
  }
  .icon-code-bubble:before {
    content: "\e9b1";
  }
  .icon-DevCommunity:before {
    content: "\e9b2";
  }
  .icon-direction_person:before {
    content: "\e9b3";
  }
  .icon-door_open:before {
    content: "\e9b4";
  }
  .icon-door-2:before {
    content: "\e9b5";
  }
  .icon-doughnuts:before {
    content: "\e9b6";
  }
  .icon-dreidel:before {
    content: "\e9b7";
  }
  .icon-employee_calendar:before {
    content: "\e9b8";
  }
  .icon-employee_chart:before {
    content: "\e9b9";
  }
  .icon-employee_data:before {
    content: "\e9ba";
  }
  .icon-employee_profile-3:before {
    content: "\e9bb";
  }
  .icon-employee_search:before {
    content: "\e9bc";
  }
  .icon-employees-1:before {
    content: "\e9bd";
  }
  .icon-eye:before {
    content: "\e9be";
  }
  .icon-farm-fields:before {
    content: "\e9bf";
  }
  .icon-farm:before {
    content: "\e9c0";
  }
  .icon-festivus:before {
    content: "\e9c1";
  }
  .icon-flag:before {
    content: "\e9c2";
  }
  .icon-FLI:before {
    content: "\e9c3";
  }
  .icon-folder:before {
    content: "\e9c4";
  }
  .icon-folders:before {
    content: "\e9c5";
  }
  .icon-food_dish_fancy:before {
    content: "\e9c6";
  }
  .icon-Football:before {
    content: "\e9c7";
  }
  .icon-FRLI:before {
    content: "\e9c8";
  }
  .icon-full_cycle:before {
    content: "\e9c9";
  }
  .icon-gingerbread:before {
    content: "\e9ca";
  }
  .icon-giraffe:before {
    content: "\e9cb";
  }
  .icon-glasses:before {
    content: "\e9cc";
  }
  .icon-globe:before {
    content: "\e9cd";
  }
  .icon-big-government:before {
    content: "\e9ce";
  }
  .icon-Maryland:before {
    content: "\e9cf";
  }
  .icon-graduation_cap:before {
    content: "\e9d0";
  }
  .icon-grill:before {
    content: "\e9d1";
  }
  .icon-Massacheusetts:before {
    content: "\e9d2";
  }
  .icon-healthy_shake:before {
    content: "\e9d3";
  }
  .icon-Michigan:before {
    content: "\e9d4";
  }
  .icon-higher_oustanding:before {
    content: "\e9d5";
  }
  .icon-house:before {
    content: "\e9d6";
  }
  .icon-humility:before {
    content: "\e9d7";
  }
  .icon-Minnesota:before {
    content: "\e9d8";
  }
  .icon-insights_data:before {
    content: "\e9d9";
  }
  .icon-insights-trend:before {
    content: "\e9da";
  }
  .icon-Mississippi:before {
    content: "\e9db";
  }
  .icon-insights-dashboard:before {
    content: "\e9dc";
  }
  .icon-insights-combo-chart:before {
    content: "\e9dd";
  }
  .icon-Missouri:before {
    content: "\e9de";
  }
  .icon-Montana:before {
    content: "\e9df";
  }
  .icon-Nebraska:before {
    content: "\e9e0";
  }
  .icon-kayak:before {
    content: "\e9e1";
  }
  .icon-key-1:before {
    content: "\e9e2";
  }
  .icon-key-2:before {
    content: "\e9e3";
  }
  .icon-Nevada:before {
    content: "\e9e4";
  }
  .icon-leave:before {
    content: "\e9e5";
  }
  .icon-lightbulb-2:before {
    content: "\e9e6";
  }
  .icon-lightning:before {
    content: "\e9e7";
  }
  .icon-lights:before {
    content: "\e9e8";
  }
  .icon-New-Hampshire:before {
    content: "\e9e9";
  }
  .icon-lock:before {
    content: "\e9ea";
  }
  .icon-mail:before {
    content: "\e9eb";
  }
  .icon-measuring:before {
    content: "\e9ec";
  }
  .icon-medical_aid:before {
    content: "\e9ed";
  }
  .icon-New-Jersey:before {
    content: "\e9ee";
  }
  .icon-microphone:before {
    content: "\e9ef";
  }
  .icon-milk_cookies:before {
    content: "\e9f0";
  }
  .icon-money-bag:before {
    content: "\e9f1";
  }
  .icon-money-move:before {
    content: "\e9f2";
  }
  .icon-New-Mexico:before {
    content: "\e9f3";
  }
  .icon-money_paper:before {
    content: "\e9f4";
  }
  .icon-money_receipts:before {
    content: "\e9f5";
  }
  .icon-money:before {
    content: "\e9f6";
  }
  .icon-New-York:before {
    content: "\e9f7";
  }
  .icon-mousepad:before {
    content: "\e9f8";
  }
  .icon-onboard_online:before {
    content: "\e9f9";
  }
  .icon-online_clock:before {
    content: "\e9fa";
  }
  .icon-North-Carolina:before {
    content: "\e9fb";
  }
  .icon-North-Dakota:before {
    content: "\e9fc";
  }
  .icon-Ohio:before {
    content: "\e9fd";
  }
  .icon-online_search:before {
    content: "\e9fe";
  }
  .icon-Oklahoma:before {
    content: "\e9ff";
  }
  .icon-Oregon:before {
    content: "\ea00";
  }
  .icon-page_not_found:before {
    content: "\ea01";
  }
  .icon-Pennsylvania:before {
    content: "\ea02";
  }
  .icon-papers:before {
    content: "\ea03";
  }
  .icon-Rhode-Island:before {
    content: "\ea04";
  }
  .icon-pay_complete:before {
    content: "\ea05";
  }
  .icon-pencil_profile:before {
    content: "\ea06";
  }
  .icon-South-Carolina:before {
    content: "\ea07";
  }
  .icon-South-Dakota:before {
    content: "\ea08";
  }
  .icon-person_conversation:before {
    content: "\ea09";
  }
  .icon-phone-call-out:before {
    content: "\ea0a";
  }
  .icon-phone_ringing:before {
    content: "\ea0b";
  }
  .icon-Tennessee:before {
    content: "\ea0c";
  }
  .icon-Texas:before {
    content: "\ea0d";
  }
  .icon-play_screen:before {
    content: "\ea0e";
  }
  .icon-Utah:before {
    content: "\ea0f";
  }
  .icon-plus:before {
    content: "\ea10";
  }
  .icon-popsicle:before {
    content: "\ea11";
  }
  .icon-presents:before {
    content: "\ea12";
  }
  .icon-profile_computer:before {
    content: "\ea13";
  }
  .icon-profile_paper:before {
    content: "\ea14";
  }
  .icon-Vermont:before {
    content: "\ea15";
  }
  .icon-raindrop:before {
    content: "\ea16";
  }
  .icon-Virginia:before {
    content: "\ea17";
  }
  .icon-reflection:before {
    content: "\ea18";
  }
  .icon-Washington:before {
    content: "\ea19";
  }
  .icon-ruler:before {
    content: "\ea1a";
  }
  .icon-running:before {
    content: "\ea1b";
  }
  .icon-savings:before {
    content: "\ea1c";
  }
  .icon-school_bus:before {
    content: "\ea1d";
  }
  .icon-school_district:before {
    content: "\ea1e";
  }
  .icon-apple-worm:before {
    content: "\ea1f";
  }
  .icon-West-Virginia:before {
    content: "\ea20";
  }
  .icon-scissors:before {
    content: "\ea21";
  }
  .icon-search_found:before {
    content: "\ea22";
  }
  .icon-search_records:before {
    content: "\ea23";
  }
  .icon-search-large:before {
    content: "\ea24";
  }
  .icon-secure_ipad:before {
    content: "\ea25";
  }
  .icon-Wisconsin:before {
    content: "\ea26";
  }
  .icon-shield_security:before {
    content: "\ea27";
  }
  .icon-shopping_cart:before {
    content: "\ea28";
  }
  .icon-sick_time:before {
    content: "\ea29";
  }
  .icon-snowflake:before {
    content: "\ea2a";
  }
  .icon-Wyoming:before {
    content: "\ea2b";
  }
  .icon-speed_guage-2:before {
    content: "\ea2c";
  }
  .icon-speed_guage:before {
    content: "\ea2d";
  }
  .icon-star_badge:before {
    content: "\ea2e";
  }
  .icon-star2:before {
    content: "\ea2f";
  }
  .icon-starred_paper:before {
    content: "\ea30";
  }
  .icon-stocking:before {
    content: "\ea31";
  }
  .icon-stop-sign:before {
    content: "\ea32";
  }
  .icon-stoplight:before {
    content: "\ea33";
  }
  .icon-sun:before {
    content: "\ea36";
  }
  .icon-sync:before {
    content: "\ea37";
  }
  .icon-teacher_complete:before {
    content: "\ea38";
  }
  .icon-teacher_desk:before {
    content: "\ea39";
  }
  .icon-teacher-board:before {
    content: "\ea3b";
  }
  .icon-teacher:before {
    content: "\ea3c";
  }
  .icon-teaching:before {
    content: "\ea3d";
  }
  .icon-telescope:before {
    content: "\ea3e";
  }
  .icon-The_Line:before {
    content: "\ea3f";
  }
  .icon-timer:before {
    content: "\ea43";
  }
  .icon-town-2:before {
    content: "\ea44";
  }
  .icon-town:before {
    content: "\ea45";
  }
  .icon-turkey_dinner:before {
    content: "\ea48";
  }
  .icon-unicorn:before {
    content: "\ea4a";
  }
  .icon-value_input:before {
    content: "\ea4b";
  }
  .icon-wing:before {
    content: "\ea4f";
  }
  .icon-work_life_balance:before {
    content: "\ea50";
  }
  .icon-star:before {
    content: "\f005";
  }
  .icon-star-o:before {
    content: "\f006";
  }
  .icon-bookmark:before {
    content: "\f02e";
  }
  .icon-caret-left:before {
    content: "\f0d9";
  }
  .icon-caret-right:before {
    content: "\f0da";
  }
  .icon-smile-o:before {
    content: "\f118";
  }
  .icon-frown-o:before {
    content: "\f119";
  }
  .icon-meh-o:before {
    content: "\f11a";
  }
  .icon-pause-circle:before {
    content: "\f28b";
  }
  .icon-pause-circle-o:before {
    content: "\f28c";
  }
  .icon-stop-circle:before {
    content: "\f28d";
  }
  .icon-stop-circle-o:before {
    content: "\f28e";
  }
  .icon-question-circle-o:before {
    content: "\f29c";
  }
  .icon-news:before {
    content: "\ea34";
  }
  .icon-blog:before {
    content: "\ea35";
  }
  .icon-resources:before {
    content: "\ea3a";
  }
  .icon-events:before {
    content: "\ea40";
  }
  .icon-notification:before {
    content: "\ea41";
  }
  .icon-filter:before {
    content: "\ea42";
  }
  .icon-featured_star:before {
    content: "\ea46";
  }
  .icon-mini_calendar:before {
    content: "\ea47";
  }
  .icon-mini_location:before {
    content: "\ea49";
  }
  .icon-mini_time:before {
    content: "\ea4c";
  }
  .icon-ui_Search:before {
    content: "\ea4d";
  }
  .icon-close_mobile:before {
    content: "\ea4e";
  }
  .icon-chevron_Arrow:before {
    content: "\ea51";
  }
  .icon-new_window:before {
    content: "\ea52";
  }
  .icon-video_Play_Icon:before {
    content: "\e90f";
  }
  .icon-ui_absence_time:before {
    content: "\e91f";
  }
  .icon-ui_analytics_suite:before {
    content: "\e92f";
  }
  .icon-ui_asset_management:before {
    content: "\e93e";
  }
  .icon-ui_budget_planning_management:before {
    content: "\ea53";
  }
  .icon-ui_business_analytics:before {
    content: "\ea54";
  }
  .icon-ui_business_suite:before {
    content: "\ea55";
  }
  .icon-ui_central:before {
    content: "\ea56";
  }
  .icon-ui_comparative_analytics:before {
    content: "\ea57";
  }
  .icon-ui_erp:before {
    content: "\ea58";
  }
  .icon-ui_hcm_analytics:before {
    content: "\ea59";
  }
  .icon-ui_hcm_suite:before {
    content: "\ea5a";
  }
  .icon-ui_help_desk_management:before {
    content: "\ea5b";
  }
  .icon-ui_hrms:before {
    content: "\ea5c";
  }
  .icon-ui_location_analytics:before {
    content: "\ea5d";
  }
  .icon-ui_medicaid_service_management:before {
    content: "\ea5e";
  }
  .icon-ui_professional_growth:before {
    content: "\ea5f";
  }
  .icon-ui_recruiting_hiring:before {
    content: "\ea60";
  }
  .icon-ui_school_health_management:before {
    content: "\ea61";
  }
  .icon-ui_sis:before {
    content: "\ea62";
  }
  .icon-ui_special_programs_management:before {
    content: "\ea63";
  }
  .icon-ui_student_analytics_lab:before {
    content: "\ea64";
  }
  .icon-ui_student_analytics:before {
    content: "\ea65";
  }
  .icon-ui_student_suite:before {
    content: "\ea66";
  }
  .icon-podcast:before {
    content: "\ea67";
  }
  .icon-product-demo:before {
    content: "\ea68";
  }
  .icon-case-study:before {
    content: "\ea69";
  }




/* END ICON FONT */


/****** CUSTOM FONTS *******/


/* Main STYLES */

* {
    /*behavior: url(/plugins/PIE-1.0.0/PIE.htc)*/
}

html {
    margin: 0;
    padding: 0
}

body {
    height: 100%;
    z-index: 0;
    min-width: 320px;
    width: 100%;
    margin: 0;
    padding: 0;
    /*behavior: url("/plugins/csshover3/csshover3.htc");*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* @media only screen and (min-width:767px) and (min-height:540px) {
    body {
        padding-left: 90px
    }
}

@media only screen and (min-width:767px) and (min-height:650px) {
    body {
        padding-left: 110px
    }
} */

@-ms-viewport {
    width: device-width;
}

.content-wrapper {
    padding-left: 0
}

@media only screen and (min-width:767px) and (min-height:540px) {
    .content-wrapper {
        position: relative;
        width: 100%
    }
    .content-wrapper .navbar {
        position: fixed;
        top: 0;
        padding-left: 110px
    }
}

@media only screen and (max-height:540px) {
    .content-wrapper {
        padding-left: 0
    }
    .content-wrapper .navbar {
        display: none
    }
}

#content {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    width: 100%;
    background-color: #fff
}

#content.is-active {
    position: fixed;
    overflow: hidden
}

a,
btn {
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s
}

.full-width {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.main-footer {
    background-color: #eaeaea;
    padding: 50px 0 60px;
    position: relative;
    z-index: 99
}

@media(min-width:767px) {
    .main-footer .container {
        width: 100%;
        padding-right: 30px
    }
}

@media(min-width:992px) {
    .main-footer .container {
        width: 940px
    }
}

@media(min-width:1200px) {
    .main-footer .container {
        width: 1170px;
        padding-right: 0
    }
}

.main-footer h3 {
    color: #7e4082;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px
}

@media(max-width:480px) {
    .main-footer h3 {
        font-size: 17px
    }
}

@media(min-width:767px) {
    .main-footer h3 {
        font-size: 24px
    }
}

.main-footer .footer-txt-link {
    display: inline-block;
    margin: 0 8px 8px 0;
    line-height: 32px;
    background-color: rgb(75, 75, 75);;
    color: #FFFFFF;
    padding: 2px 12px;
    font-weight: 600;
    border-radius: 100px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media(max-width:767px){
    .main-footer .footer-txt-link.strong{
        background-color: #7e4082;
    }
    .main-footer .footer-txt-link.strong strong{
        color: #FFFFFF;
    }
}

.main-footer .footer-txt-link:last-child {
    margin: 0 auto
}

.main-footer .footer-txt-link:active {
    background-color: rgba(164, 169, 173, .4);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: all .4s;
    transition: all .4s
}

.main-footer .footer-txt-link strong {
    font-weight: 600;
    color: #7e4082
}

@media(min-width:767px) {
    .main-footer .footer-txt-link strong {
        color: #7e4082;
        font-size: 15px;
        font-weight: 800;
        -webkit-transition: all .4s;
        transition: all .4s
    }
    .main-footer .footer-txt-link strong:hover {
        color: #402b56
    }
}

@media(max-width:480px) {
    .main-footer .footer-txt-link {
        line-height: 28px;
        font-size: 14px;
        padding: 0 10px
    }
}

@media(min-width:767px) {
    .main-footer .footer-txt-link {
        display: block;
        margin: 0 auto;
        color: #4b4b4b;
        background-color: transparent;
        font-size: 18px;
        font-weight: 400;
        padding: 0;
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .main-footer .footer-txt-link:hover {
        color: #6bccb3
    }
}

@-webkit-keyframes growIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes growIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes blip {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        border: 5px solid #a4a9ad
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        border: 1px solid #a4a9ad;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@keyframes blip {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        border: 5px solid #a4a9ad
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        border: 1px solid #a4a9ad;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spin {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes spinOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes spinOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

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

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

@keyframes growIn {
    from {
        opacity: 0;
        font-size: 0;
        -webkit-transform-origin: center;
        transform-origin: center
    }
    100% {
        opacity: 1
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 100%;
    min-height: 50px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
    background-color: #eaeaea;
    margin-right: 10px;
    padding: 4px 10px;
    border-radius: 2px;
    color: #e56a54
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #d1d3d3;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    box-shadow: 0 0 18px 1px rgba(0, 0, 0, .1)
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 10px 18px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    font-weight: 300;
    font-size: 15px
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.select2-container--default .select2-selection--single {
    background-color: rgba(255, 255, 255, .85);
    border: 1px solid #d1d3d3;
    border-radius: 5px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    color: #68727b;
    font-weight: 300;
    font-size: 16px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: none;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(92, 102, 112, .5)!important;
    font-size: 16px;
    font-weight: 300;
    margin: 5px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(92, 102, 112, .6) transparent transparent transparent;
    border-style: solid;
    border-width: 9px 8px 0 8px;
    height: 0;
    left: -12px;
    position: absolute;
    top: 19px;
    width: 0;
    border-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent rgba(92, 102, 112, .6) transparent;
    border-width: 0 8px 9px 8px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #eaeaea
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #5c6670
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #eaeaea
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #6bccb3;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 300px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
    overflow-y: auto
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #6bccb3;
    -webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input[type="email"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
    color: #d1d3d3;
    padding: 20px 20px 20px 20px;
    visibility: hidden
}

input[type="email"]:-moz-placeholder,
input[type="text"]:-moz-placeholder {
    color: #d1d3d3;
    padding: 20px 20px 20px 20px;
    visibility: hidden;
    opacity: 1
}

input[type="email"]::-moz-placeholder,
input[type="text"]::-moz-placeholder {
    color: #d1d3d3;
    padding: 20px 20px 20px 20px;
    visibility: hidden;
    opacity: 1
}

input[type="email"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
    color: #fff!important;
    padding: 20px 20px 20px 20px
}

input[type="email"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder {
    color: #fff!important;
    padding: 20px 20px 20px 20px
}

div.form {
    margin: 0 40px
}

div.form>div {
    position: relative;
    margin: 0 0 34px
}

div.form>div>label {
    position: absolute;
    top: 16px;
    left: 20px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-weight: 300;
    color: #a4a9ad
}

div.form>div>input[type="text"],
div.form>div>input[type="email"],
div.form>div>input[type="password"] {
    width: 100%;
    border: 1px solid #d1d3d3;
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    border-radius: 5px;
    color: #5c6670;
    -webkit-transition: border-color .4s ease;
    transition: border-color .4s ease
}

div.form>div>input[type="text"]:focus,
div.form>div>input[type="email"]:focus,
div.form>div>input[type="password"]:focus {
    outline: 0;
    background: #fff;
    border-color: #6bccb3
}

div.form>div>input[type="text"]:focus+label,
div.form>div>input[type="email"]:focus+label,
div.form>div>input[type="password"]:focus+label {
    color: #5c6670;
    font-size: 12px;
    top: -20px;
    left: 4px;
    padding-bottom: 4px
}

div.form>div>input[type="text"]:valid,
div.form>div>input[type="email"]:valid,
div.form>div>input[type="password"]:valid {
    border-color: #6bccb3;
    -webkit-transition: border-color .4s ease, color .7s 400ms;
    transition: border-color .4s ease, color .7s 400ms
}

div.form>div>input[type="text"]:valid+label,
div.form>div>input[type="email"]:valid+label,
div.form>div>input[type="password"]:valid+label {
    color: #6bccb3;
    -webkit-transition: border-color .4s ease, color .7s 400ms;
    transition: border-color .4s ease, color .7s 400ms;
    font-size: 12px;
    top: -20px;
    left: 4px;
    padding-bottom: 4px
}

div.form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown),
div.form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown),
div.form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown) {
    border-color: #e56a54;
    color: #e56a54
}

div.form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown)+label,
div.form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown)+label,
div.form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown)+label {
    color: #e56a54;
    font-size: 12px;
    top: -20px;
    left: 4px;
    padding-bottom: 4px
}

div.form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown)~.requirements,
div.form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown)~.requirements,
div.form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown)~.requirements {
    max-height: 200px;
    padding: 10px 30px 0 0;
    text-align: left;
    font-size: 13px;
    color: #e56a54
}

div.form>div>input[type="text"]:invalid:focus:not(:placeholder-shown)~.requirements,
div.form>div>input[type="email"]:invalid:focus:not(:placeholder-shown)~.requirements,
div.form>div>input[type="password"]:invalid:focus:not(:placeholder-shown)~.requirements {
    max-height: 200px;
    padding: 10px 30px 0 0;
    text-align: left;
    font-size: 13px
}

div.form>div .requirements {
    padding: 0 30px 0 50px;
    max-height: 0;
    -webkit-transition: .28s;
    transition: .28s;
    overflow: hidden;
    color: #7e4082;
    text-align: left
}

div.form input[type="submit"] {
    display: block;
    width: 100%;
    margin: 20px 0;
    background: #41d873;
    color: #fff;
    border: 0;
    padding: 20px;
    font-size: 1.2rem
}

@media(max-width:480px) {
    div.form {
        margin: 0
    }
}

.form-control {
    border: 1px solid #d1d3d3;
    background-color: rgba(255, 255, 255, .85);
    color: #5c6670;
    font-size: 16px;
    font-weight: 300
}

.form-control:focus {
    border-color: #6bccb3;
    outline: 0;
    box-shadow: none
}

.sidebar-demo-form {
    margin: 30px 40px
}

.sidebar-demo-form .form-group {
    margin: 20px 0
}

.sidebar-demo-form ul.options {
    display: none
}

.sidebar-demo-form input {
    height: 50px
}

.sidebar-demo-form input[type="email"]::-webkit-input-placeholder,
.sidebar-demo-form input[type="text"]::-webkit-input-placeholder,
.sidebar-demo-form textarea[type="text"]::-webkit-input-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300
}

.sidebar-demo-form input[type="email"]:-moz-placeholder,
.sidebar-demo-form input[type="text"]:-moz-placeholder,
.sidebar-demo-form textarea[type="text"]:-moz-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300;
    opacity: 1
}

.sidebar-demo-form input[type="email"]::-moz-placeholder,
.sidebar-demo-form input[type="text"]::-moz-placeholder,
.sidebar-demo-form textarea[type="text"]::-moz-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300;
    opacity: 1
}

.sidebar-demo-form input[type="email"]:-ms-input-placeholder,
.sidebar-demo-form input[type="text"]:-ms-input-placeholder,
.sidebar-demo-form textarea[type="text"]:-ms-input-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300
}

.sidebar-demo-form input[type="email"]::-ms-input-placeholder,
.sidebar-demo-form input[type="text"]::-ms-input-placeholder,
.sidebar-demo-form textarea[type="text"]::-ms-input-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300
}

.sidebar-demo-form .styledSelect {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

button {
    display: block;
    background-color: #6bccb3;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: .063rem;
    -webkit-transition: all .3s cubic-bezier(.24, .6, .58, 1);
    transition: all .3s cubic-bezier(.24, .6, .58, 1);
    border-width: 0;
    border-style: none;
    width: 100%
}

button:active {
    outline: none;
    border: none
}

.nav-demo-btn {
    display: block;
    margin: 30px auto;
    background-color: #6bccb3;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: .063rem;
    -webkit-transition: all .3s cubic-bezier(.24, .6, .58, 1);
    transition: all .3s cubic-bezier(.24, .6, .58, 1);
    padding: 2px
}

@media screen and (max-width:360px) {
    .nav-demo-btn {
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 400
    }
}

.nav-demo-btn:hover,
.nav-demo-btn:active {
    background-color: #54c4a7
}

.nav-demo-btn .icon-arrow-right {
    position: relative;
    margin-left: 10px;
    font-size: 32px;
    top: 9px
}

.btn-primary {
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    box-shadow: none
}

a.nav-btn {
    background-color: #305563;
    padding: 12px 34px!important;
    border-radius: 40px;
    width: auto;
    font-weight: 800;
    font-size: 1.675rem;
    border: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a.nav-btn:hover {
    background-color: #26434f!important
}

a.nav-btn:focus {
    background-color: #305563
}

.product-tabs .events-nav-tabs>li>a:focus {
    background-color: #305563
}

.button.button--push-left {
    padding: 1em 30px 1em 50px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.button.button--push-left:before {
    content: ''
}

.button--push-left.button--inverted {
    color: #fff;
    background: #7986cb
}

.button--push-left>span {
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--push-left .button__icon {
    position: absolute;
    right: 0;
    font-size: 26px;
    top: 10px;
    -webkit-transform: translate3d(40px, 2.5em, 0);
    transform: translate3d(40px, 2.5em, 0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--push-left .button__icon:active {
    right: -2px
}

.button--push-left:hover .button__icon,
.button--push-left:hover>span,
.button--push-left:focus .button__icon,
.button--push-left:focus>span {
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0)
}

.button--push-left:active .button__icon {
    right: 0
}

.button--push-left:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.btn-swivel-global {
    color: #a4a9ad;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 1.5rem;
    text-decoration: none;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    -webkit-transition: border .3s ease-in-out, color .3s ease-in-out;
    transition: border .3s ease-in-out, color .3s ease-in-out
}

.btn-swivel-global:hover {
    border: 1px solid transparent;
    color: #7e4082
}

.btn-swivel-global:before,
.btn-swivel-global:after,
.btn-swivel-global .btn--inner:before,
.btn-swivel-global .btn--inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: currentColor;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.btn--cw-trbl-global:after {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.btn--cw-trbl-global .btn--inner:before {
    right: 0;
    left: auto
}

.btn--cw-trbl-global .btn--inner:after {
    top: auto;
    bottom: 0
}

.btn--cw-trbl-global:before,
.btn--cw-trbl-global:after,
.btn--cw-trbl-global .btn--inner:before,
.btn--cw-trbl-global .btn--inner:after {
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.btn--cw-trbl-global:before,
.btn--cw-trbl-global:after {
    width: 0;
    height: 1px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    color: #7e4082
}

.btn--cw-trbl-global .btn--inner:before,
.btn--cw-trbl-global .btn--inner:after {
    width: 1px;
    height: 0;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.btn--cw-trbl-global:hover:before,
.btn--cw-trbl-global:hover:after {
    width: 100%;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.btn--cw-trbl-global:hover .btn--inner:before,
.btn--cw-trbl-global:hover .btn--inner:after {
    height: 100%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    color: #7e4082
}

nav.side-main {
    background-color: rgba(255, 255, 255, .98);
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #eaeaea;
    height: 50px;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 110;
    position: fixed;
    width: 100%;
    top: 0;
    overflow: hidden
}

nav.side-main.active {
    height: 0;
    opacity: 0;
    position: fixed;
    border: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: opacity .082s 0s, height .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .082s 0s, height .6s cubic-bezier(.19, 1, .22, 1)
}

@media screen and (max-width:767px) {
    nav.side-main.active {
        height: 100%;
        opacity: 1;
        position: fixed;
        border: none;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transition: opacity .1s 0s, height .8s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s 0s, height .8s cubic-bezier(.19, 1, .22, 1)
    }
}

@media screen and (max-height:540px) {
    nav.side-main.active {
        height: 100%;
        opacity: 1;
        position: fixed;
        border: none;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transition: opacity .1s 0s, height .8s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s 0s, height .8s cubic-bezier(.19, 1, .22, 1)
    }
}

@media(max-width:767px) {
    nav.side-main.active li#products-nav,
    nav.side-main.active li#insights-nav,
    nav.side-main.active li#about-nav,
    nav.side-main.active li#demo-nav,
    nav.side-main.active li#contact-nav {
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    nav.side-main.active li#products-nav a,
    nav.side-main.active li#insights-nav a,
    nav.side-main.active li#about-nav a,
    nav.side-main.active li#demo-nav a,
    nav.side-main.active li#contact-nav a {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    nav.side-main.active li#products-nav a {
        -webkit-transition: opacity .082s 0s, -webkit-transform 1.2s 0s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s 0s, -webkit-transform 1.2s 0s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s 0s, transform 1.2s 0s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s 0s, transform 1.2s 0s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s 0s cubic-bezier(.19, 1, .22, 1)
    }
    nav.side-main.active li#insights-nav a {
        -webkit-transition: opacity .082s .1s, -webkit-transform 1.2s .1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .1s, -webkit-transform 1.2s .1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .1s, transform 1.2s .1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .1s, transform 1.2s .1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s .1s cubic-bezier(.19, 1, .22, 1)
    }
    nav.side-main.active li#about-nav a {
        -webkit-transition: opacity .082s .2s, -webkit-transform 1.2s .2s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .2s, -webkit-transform 1.2s .2s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .2s, transform 1.2s .2s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .2s, transform 1.2s .2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s .2s cubic-bezier(.19, 1, .22, 1)
    }
    nav.side-main.active li#demo-nav a,
    nav.side-main.active li#contact-nav a {
        -webkit-transition: opacity .082s .3s, -webkit-transform 1.2s .3s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .3s, -webkit-transform 1.2s .3s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .3s, transform 1.2s .3s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .3s, transform 1.2s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s .3s cubic-bezier(.19, 1, .22, 1)
    }
    nav.side-main.active li#mobile-login a.login.icon {
        opacity: 1;
        -webkit-transition: opacity .2s .4s, -webkit-transform 1.2s .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .2s .4s, -webkit-transform 1.2s .4s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .2s .4s, transform 1.2s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s .4s cubic-bezier(.19, 1, .22, 1)
    }
    nav.side-main.active li#mobile-search a.search.icon {
        opacity: 1;
        -webkit-transition: opacity .082s .6s, -webkit-transform 1.2s .6s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .6s, -webkit-transform 1.2s .6s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .6s, transform 1.2s .6s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s .6s, transform 1.2s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s .6s cubic-bezier(.19, 1, .22, 1)
    }
}

nav.side-main.active li#mobile-login,
nav.side-main.active li#mobile-search {
    position: relative;
    bottom: 0;
    right: 0;
    width: 90px;
    float: right;
    padding: 20px 0
}

@media screen and (max-width:767px) and (min-height:540px) {
    nav.side-main.active li#mobile-login,
    nav.side-main.active li#mobile-search {
        position: absolute;
        bottom: 14px;
        right: 14px;
        width: 60px;
        height: 60px;
        padding: 0
    }
}

nav.side-main.active li#mobile-login a.login.icon,
nav.side-main.active li#mobile-login a.search.icon,
nav.side-main.active li#mobile-search a.login.icon,
nav.side-main.active li#mobile-search a.search.icon {
    outline: none;
    margin: 0 auto;
    text-align: center;
    display: block;
    line-height: 60px
}

nav.side-main.active li#mobile-login a.login.icon:focus,
nav.side-main.active li#mobile-login a.search.icon:focus,
nav.side-main.active li#mobile-search a.login.icon:focus,
nav.side-main.active li#mobile-search a.search.icon:focus {
    outline: none
}

nav.side-main.active li#mobile-search {
    left: 0;
    float: left
}

@media screen and (max-width:767px) and (min-height:540px) {
    nav.side-main.active li#mobile-search {
        left: 14px;
        bottom: 18px
    }
}

nav.side-main.active:before {
    content: '';
    background-color: #000;
    z-index: 220;
    position: absolute
}

nav.side-main ul {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

nav.side-main ul li:hover {
    color: #515962
}

nav.side-main ul li:hover a.products.icon:before,
nav.side-main ul li:hover a.insights.icon:before,
nav.side-main ul li:hover a.about.icon:before,
nav.side-main ul li:hover a.contact.icon:before {
    color: #7e4082
}

nav.side-main ul li:hover a.login.icon:before,
nav.side-main ul li:hover a.search.icon:before {
    color: #a4a9ad
}

nav.side-main span.label {
    color: #5c6670;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .035rem;
    font-family: "Lato", Arial, sans-serif;
    padding-top: 10px;
    padding-left: 16px;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

nav.side-main span.label:after {
    content: '';
    font-family: 'iconfont'!important;
    font-smooth: always;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 26px;
    font-size: 36px;
    line-height: 108px;
    color: rgba(126, 64, 130, .2);
    -webkit-transition: right .2s ease, color .1s ease-in-out;
    transition: right .2s ease, color .1s ease-in-out
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main span.label:after {
        display: none
    }
}

nav.side-main span.label:active:after {
    right: 20px;
    color: #7e4082
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main span.label {
        padding-left: .6em
    }
}

nav.side-main span.label.login-label {
    color: #a4a9ad;
    font-weight: 400
}

nav.side-main span.label.menu-label {
    position: absolute;
    left: -3px;
    display: inline-block;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.02rem;
    padding-left: 0
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main span.label.menu-label {
        padding-left: .6em
    }
}

nav.side-main span.label.menu-label:after {
    display: none
}

nav.side-main span.label.mobile-demo-label:before {
    content: 'Schedule a '
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main span.label.mobile-demo-label:before {
        display: none
    }
}

nav.side-main span.label.mobile-contact-label {
    margin-left: -22px
}

nav.side-main span.label.mobile-contact-label:before {
    content: ' Us';
    position: relative;
    top: 0;
    right: -105px
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main span.label.mobile-contact-label:before {
        display: none
    }
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main span.label.mobile-contact-label {
        margin-left: 0
    }
}

nav.side-main span.label.label-secondary,
nav.side-main span.label.label-secondary-search {
    color: #a4a9ad;
    font-weight: 300;
    letter-spacing: .05rem;
    font-size: 1.4rem;
    display: block;
    margin: 0 auto
}

nav.side-main span.label.label-secondary-search {
    margin-bottom: 50px
}

nav.side-main li {
    list-style-type: none
}

nav.side-main li.toggle-home {
    width: 50px;
    float: left;
    height: auto;
    text-align: center;
    padding: 0;
    margin: 0
}

nav.side-main li.toggle-menu {
    float: right;
    width: 64px;
    height: 50px;
    clear: none;
    position: relative;
    text-align: center;
    padding: 3px
}

nav.side-main li.toggle-items.return-home,
nav.side-main li.toggle-items.blog-return-home {
    display: none
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main li.toggle-items.return-home,
    nav.side-main li.toggle-items.blog-return-home {
        display: block
    }
}

nav.side-main li#products-nav,
nav.side-main li#insights-nav,
nav.side-main li#about-nav,
nav.side-main li#demo-nav,
nav.side-main li#login,
nav.side-main li#search,
nav.side-main li#contact-nav {
    width: 100%;
    display: block;
    clear: both;
    padding: 0;
    border-bottom: 1px solid #eaeaea
}

nav.side-main li#products-nav a,
nav.side-main li#insights-nav a,
nav.side-main li#about-nav a,
nav.side-main li#demo-nav a,
nav.side-main li#login a,
nav.side-main li#search a,
nav.side-main li#contact-nav a {
    padding: 2px 24px
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main li#products-nav a,
    nav.side-main li#insights-nav a,
    nav.side-main li#about-nav a,
    nav.side-main li#demo-nav a,
    nav.side-main li#login a,
    nav.side-main li#search a,
    nav.side-main li#contact-nav a {
        padding: 25px 0
    }
}

@media(max-width:767px) {
    nav.side-main li#products-nav a,
    nav.side-main li#insights-nav a,
    nav.side-main li#about-nav a,
    nav.side-main li#demo-nav a,
    nav.side-main li#login a,
    nav.side-main li#search a,
    nav.side-main li#contact-nav a {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        -webkit-transition: opacity .1s .2s, -webkit-transform 1.7s .1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s .2s, -webkit-transform 1.7s .1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s .2s, transform 1.7s .1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .1s .2s, transform 1.7s .1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.7s .1s cubic-bezier(.19, 1, .22, 1)
    }
}

nav.side-main li#login,
nav.side-main li#search {
    display: none
}

@media(max-width:767px) {
    nav.side-main li#mobile-login a.login.icon,
    nav.side-main li#mobile-search a.search.icon {
        opacity: 0
    }
}

nav.side-main a {
    color: #a4a9ad;
    cursor: pointer;
    display: block;
    font-size: 17.2px;
    height: 60px;
    line-height: 1;
    padding-top: 14.33px;
    text-align: center
}

nav.side-main a:hover {
    color: #4e575f
}

nav.side-main a.menu.icon.has-label {
    line-height: 0;
    padding-top: 4px
}

nav.side-main a span.label {
    vertical-align: middle
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main a span.label {
        vertical-align: baseline
    }
}

nav.side-main .toggle-home .home {
    display: none
}

nav.side-main .icon {
    background-color: transparent;
    line-height: 6;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: inline-block;
    text-align: left;
    padding: 0;
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out
}

nav.side-main .icon:focus {
    outline: none;
    background-color: #eaeaea
}

nav.side-main .icon.short {
    line-height: normal
}

nav.side-main .icon:before {
    font-family: 'iconfont'!important;
    font-smooth: always;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 39px;
    line-height: .75;
    margin: 0 auto 4px;
    vertical-align: middle;
    color: #747b82;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

nav.side-main .icon:hover {
    color: #7e4082
}

nav.side-main .icon.logo-color {
    line-height: 0
}

nav.side-main .icon.about:before {
    content: '';
    font-size: 40px
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main .icon.about:before {
        font-size: 49px
    }
}

nav.side-main .icon.home:before {
    content: ''
}

nav.side-main .icon.blog-home:before {
    content: '';
    font-size: 50px
}

nav.side-main .icon.blog-home:before:hover {
    color: #7e4082
}

nav.side-main .icon.insights:before {
    content: ''
}

nav.side-main .icon.products:before {
    content: ''
}

nav.side-main .icon.logo:before {
    content: '';
    color: #7e4082;
    font-size: 50px;
    line-height: normal
}

@media only screen and (min-width:767px) and (min-height:540px) {
    nav.side-main .icon.logo:before {
        content: ''
    }
}

nav.side-main .icon.menu:before {
    position: absolute;
    content: '';
    font-family: 'Material Icons'!important;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 40px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: -16px;
    top: 5px;
    height: 50px;
    width: 50px;
    color: #7e4082
}

nav.side-main .icon.login:before {
    content: '';
    font-size: 44px;
    color: #d1d3d3
}

@media screen and (min-width:767px) {
    nav.side-main .icon.login:before {
        font-size: 32px
    }
}

nav.side-main .icon.demo:before {
    content: '';
    color: #7e4082;
    margin-bottom: 0
}

nav.side-main .icon.demo:hover:before {
    color: #45bfa0
}

nav.side-main .icon.contact:before {
    content: '';
    margin-bottom: 0
}

nav.side-main .icon.demo:hover:before {
    color: #7e4082
}

nav.side-main .icon.search:before {
    content: '';
    color: #d1d3d3;
    font-size: 56px
}

@media screen and (min-width:767px) {
    nav.side-main .icon.search:before {
        font-size: 48px
    }
}

nav.side-main .icon.info:before {
    content: '';
    font-family: 'Material Icons'!important;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 2.1;
    font-size: 49px;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -16px;
    left: 30px
}

nav.side-main .menu-label {
    display: block!important;
    position: absolute;
    margin: 6px 0 0 12px
}

nav.side-main .toggle-search .icon {
    right: 0
}

nav.side-main .toggle-info {
    display: none
}

nav.side-main .close-wrapper,
nav.side-main .sub-nav.active .search-back-wrapper,
.sub-nav.active nav.side-main .search-back-wrapper {
    position: relative;
    z-index: 0;
    width: 0;
    display: none;
    height: 0;
    background-color: transparent;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

nav.side-main a.active.has-label.icon.menu {
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

nav.side-main a.close.icon {
    position: absolute;
    width: 24px;
    height: 24px;
    overflow: hidden;
    opacity: 0;
    right: 12px;
    top: 12px;
    background-color: #fff;
    color: transparent;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .3s, -webkit-transform .2s;
    transition: opacity .3s, -webkit-transform .2s;
    transition: transform .2s, opacity .3s;
    transition: transform .2s, opacity .3s, -webkit-transform .2s
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main a.close.icon {
        width: 28px;
        height: 28px;
        left: 31px;
        top: 20px;
        background-color: transparent;
        border: none
    }
}

@media screen and (min-width:767px) and (min-height:650px) {
    nav.side-main a.close.icon {
        left: 41px;
        top: 30px
    }
}

nav.side-main a.close.icon.more-info {
    top: 32px
}

nav.side-main a.close.icon::before,
nav.side-main a.close.icon::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #bfc2c5;
    border-radius: 100px
}

@media screen and (min-width:767px) and (min-height:540px) {
    nav.side-main a.close.icon::before,
    nav.side-main a.close.icon::after {
        background-color: #58c5a9;
        height: 4px
    }
}

nav.side-main a.close.icon::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

nav.side-main a.close.icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

nav.side-main a.close.icon.active {
    z-index: 3;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media only screen and (min-width:767px) and (min-height:540px) {
    nav.side-main a.close.icon.more-info {
        top: 12px
    }
    nav.side-main {
        background-color: #fff;
        border-style: solid;
        border-width: 0 1px 0 0;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 90px
    }
    nav.side-main .toggle-info {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -28px
    }
    nav.side-main a.search.icon.active:focus {
        outline: none
    }
    nav.side-main a.search.icon.active:before {
        content: '';
        font-size: 27px;
        left: 12px;
        position: relative;
        top: 7px
    }
    nav.side-main .close-wrapper,
    nav.side-main .sub-nav.active .search-back-wrapper,
    .sub-nav.active nav.side-main .search-back-wrapper {
        position: absolute;
        display: block;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-color: #f4f4f4;
        opacity: 0;
        top: 7px;
        left: 0;
        cursor: pointer
    }
    nav.side-main .close-wrapper.more-info-close,
    nav.side-main .sub-nav.active .more-info-close.search-back-wrapper,
    .sub-nav.active nav.side-main .more-info-close.search-back-wrapper {
        top: -18px
    }
    nav.side-main .close-wrapper.active,
    nav.side-main .sub-nav.active .active.search-back-wrapper,
    .sub-nav.active nav.side-main .active.search-back-wrapper {
        opacity: 1;
        z-index: 3
    }
    nav.side-main span.label {
        font-size: 1.55rem
    }
    nav.side-main .toggle-items {
        display: block
    }
    nav.side-main .return-home {
        display: none
    }
    nav.side-main .icon {
        left: 0;
        padding-top: 25px;
        line-height: 1;
        position: absolute;
        top: 0;
        text-align: center
    }
    nav.side-main .icon:before {
        display: block
    }
    nav.side-main .icon.has-label {
        padding-top: 25px
    }
    nav.side-main .icon.logo:before {
        position: relative
    }
    nav.side-main .icon.info:before {
        padding-top: 4px
    }
    nav.side-main .icon.info:hover:before {
        color: #5c6670!important
    }
    nav.side-main .toggle-home,
    nav.side-main li {
        position: relative;
        height: 90px
    }
    nav.side-main a.logo.logo-color.icon {
        -webkit-filter: none;
        filter: none;
        margin-top: 25px
    }
    nav.side-main .toggle-home .icon {
        -webkit-transform: none;
        transform: none;
        right: 0
    }
    nav.side-main .toggle-home .logo {
        display: block;
        margin: 0 auto
    }
    nav.side-main .toggle-home .logo:before {
        margin-bottom: 20px
    }
    nav.side-main li#search {
        padding-top: 70%;
        position: absolute;
        bottom: 40px;
        left: 17px
    }
    nav.side-main li.toggle-menu,
    nav.side-main li.toggle-home {
        visibility: hidden;
        display: none;
        height: 2px
    }
    nav.side-main li#login,
    nav.side-main li#search {
        display: block
    }
    nav.side-main li#mobile-login,
    nav.side-main li#mobile-search {
        display: none
    }
    nav.side-main li#products-nav,
    nav.side-main li#insights-nav,
    nav.side-main li#about-nav,
    nav.side-main li#demo-nav,
    nav.side-main li#login,
    nav.side-main li#contact-nav {
        border-bottom: none
    }
    nav.side-main li#products-nav.current,
    nav.side-main li#insights-nav.current,
    nav.side-main li#about-nav.current,
    nav.side-main li#demo-nav.current,
    nav.side-main li#login.current,
    nav.side-main li#contact-nav.current {
        background-color: rgba(208, 211, 212, .2)
    }
    nav.side-main li#products-nav.current:before,
    nav.side-main li#insights-nav.current:before,
    nav.side-main li#about-nav.current:before,
    nav.side-main li#demo-nav.current:before,
    nav.side-main li#login.current:before,
    nav.side-main li#contact-nav.current:before {
        content: '';
        background-color: #6d3871;
        width: 4%;
        position: absolute;
        left: 0;
        height: 100%;
        top: 0
    }
    nav.side-main li#products-nav.current span,
    nav.side-main li#products-nav.current .icon:before,
    nav.side-main li#insights-nav.current span,
    nav.side-main li#insights-nav.current .icon:before,
    nav.side-main li#about-nav.current span,
    nav.side-main li#about-nav.current .icon:before,
    nav.side-main li#demo-nav.current span,
    nav.side-main li#demo-nav.current .icon:before,
    nav.side-main li#login.current span,
    nav.side-main li#login.current .icon:before,
    nav.side-main li#contact-nav.current span,
    nav.side-main li#contact-nav.current .icon:before {
        color: #5c6670;
        font-weight: 400
    }
    nav.side-main a {
        display: block;
        height: 110px;
        padding: 0;
        text-align: center;
        width: 100%
    }
    nav.side-main .icon .label {
        display: block
    }
    ul li:hover span.label,
    ul li:hover span.label.side-nav-home-link {
        color: #151b20
    }
    li.current-section .icon {
        color: #666
    }
    .icon.has-label {
        padding-top: 25px
    }
    .icon.has-label:before {
        margin-bottom: 6px
    }
    .icon .label {
        display: block;
        font-size: 12px
    }
    .toggle-home {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
    .toggle-items,
    .toggle-menu,
    .toggle-search {
        padding: 6px
    }
    .toggle-info {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media only screen and (min-width:767px) and (min-height:650px) {
    nav.side-main a.close.icon.more-info {
        top: 24px
    }
    nav.side-main {
        background-color: #fff;
        border-style: solid;
        border-width: 0 1px 0 0;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 110px
    }
    nav.side-main .toggle-info {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -38px
    }
    nav.side-main .close-wrapper,
    nav.side-main .sub-nav.active .search-back-wrapper,
    .sub-nav.active nav.side-main .search-back-wrapper {
        position: absolute;
        display: block;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-color: #f4f4f4;
        opacity: 0;
        top: 0;
        left: 0;
        cursor: pointer
    }
    nav.side-main .close-wrapper.active,
    nav.side-main .sub-nav.active .active.search-back-wrapper,
    .sub-nav.active nav.side-main .active.search-back-wrapper {
        opacity: 1;
        z-index: 3
    }
    nav.side-main li.more-toggle .close-wrapper.active,
    nav.side-main li.more-toggle .sub-nav.active .active.search-back-wrapper,
    .sub-nav.active nav.side-main li.more-toggle .active.search-back-wrapper {
        top: -12px
    }
    nav.side-main span.label {
        font-size: 1.55rem
    }
    nav.side-main .toggle-items {
        display: block
    }
    nav.side-main .return-home {
        display: none
    }
    nav.side-main .icon {
        left: 0;
        padding-top: 25px;
        line-height: 1;
        position: absolute;
        top: 0;
        text-align: center
    }
    nav.side-main .icon:before {
        display: block
    }
    nav.side-main .icon.has-label {
        padding-top: 25px
    }
    nav.side-main .icon.logo:before {
        position: relative
    }
    nav.side-main .icon.info:hover:before {
        color: #5c6670!important
    }
    nav.side-main .toggle-home,
    nav.side-main li {
        position: relative;
        height: 110px
    }
    nav.side-main a.logo.logo-color.icon {
        -webkit-filter: none;
        filter: none;
        margin-top: 25px
    }
    nav.side-main .toggle-home .icon {
        -webkit-transform: none;
        transform: none;
        right: 0
    }
    nav.side-main .toggle-home .logo {
        display: block;
        margin: 0 auto
    }
    nav.side-main .toggle-home .logo:before {
        margin-bottom: 20px
    }
    nav.side-main li#search {
        padding-top: 70%;
        position: absolute;
        bottom: 50px;
        left: 29px
    }
    nav.side-main li.toggle-menu,
    nav.side-main li.toggle-home {
        visibility: hidden;
        display: none;
        height: 2px
    }
    nav.side-main li#login,
    nav.side-main li#search {
        display: block
    }
    nav.side-main li#mobile-login,
    nav.side-main li#mobile-search {
        display: none
    }
    nav.side-main li#products-nav,
    nav.side-main li#insights-nav,
    nav.side-main li#about-nav,
    nav.side-main li#demo-nav,
    nav.side-main li#contact-nav {
        border-bottom: none
    }
    nav.side-main a {
        display: block;
        height: 110px;
        padding: 0;
        text-align: center;
        width: 100%
    }
    nav.side-main .icon .label {
        display: block
    }
    ul li:hover span.label {
        color: #151b20
    }
    li.current-section .icon {
        color: #666
    }
    .icon.has-label {
        padding-top: 25px
    }
    .icon.has-label:before {
        margin-bottom: 6px
    }
    .icon .label {
        display: block;
        font-size: 12px
    }
    .toggle-home {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
    .toggle-items,
    .toggle-menu,
    .toggle-search {
        padding: 6px
    }
    .toggle-info {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media only screen and (min-width:767px) {
    .toggle-home {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .toggle-home .logo {
        display: none
    }
    .toggle-home .home {
        display: block
    }
}

.navbar {
    z-index: 108;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0
}

.nav-stacked>li+li {
    margin-top: 0
}

.nav-logo {
    max-width: 180px;
    width: 100%
}

@media(max-width:767px) {
    .nav-logo {
        text-align: left
    }
}

.navbar-brand,
.navbar-nav>li>a {
    text-shadow: none
}

@media screen and (max-width:767px) {
    .navbar {
        display: none!important;
        -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1) 0;
        transition: all .3s cubic-bezier(.23, 1, .32, 1) 0
    }
}

@media screen and (max-width:767px) and (max-height:540px) {
    .navbar {
        display: none;
        -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1) 0;
        transition: all .3s cubic-bezier(.23, 1, .32, 1) 0
    }
}

@media screen and (max-width:767px) {
    .navbar-nav {
        display: none
    }
}

@media(min-width:767px) and (max-width:768px) {
    .navbar-header {
        float: left
    }
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix {
    background: #fff;
    min-height: 55px;
    border-radius: 0;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 6px
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix .nav-logo:before {
    color: #7e4082
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix .navbar-nav>li {
    padding-top: 8px
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix>.navbar-header>ul.breadcrumbs {
    margin: 18px -19px 0
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix>.navbar-header>.navbar-brand {
    line-height: 0
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix>.navbar-header>.navbar-brand>.nav-logo:before {
    content: '';
    margin-right: -30px;
    font-size: 70px
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix>.navbar-right {
    padding: 5px 40px
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix a.nav-btn {
    background-color: #6bccb3
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix ul.breadcrumbs:before {
    border-color: #a4a9ad
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix ul.breadcrumbs .bread-header {
    color: #2a343e
}

nav.navbar.navbar-custom.navbar-main-collapse.gradient.affix ul.breadcrumbs li.list-caret:after {
    color: #2a343e
}

.nav-solid {
    border-radius: 0
}

/* .nav-open {
    overflow: auto;
    position: relative
} */

.mega-menu{
    padding: 25px 0px; /* Jake */
}

/* @media(min-width:767px) and (min-height:540px) {
    .nav-open {
        overflow: hidden;
        position: absolute
    }
} */

ul.mega-menu>li.sub-head {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sub-nav {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    margin-left: 0;
    background-color: #fff;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .4s 0s;
    transition: -webkit-transform .4s 0s;
    transition: transform .4s 0s;
    transition: transform .4s 0s, -webkit-transform .4s 0s
}

@media screen and (min-width:767px) and (min-height:540px) {
    .sub-nav {
        z-index: 109;
        max-width: 520px;
        width: 100%;
        height: 100%;
        display: block;
        text-align: left;
        background-color: #eaeaea
    }
}

@media screen and (min-width:767px) and (min-height:540px) {
    .sub-nav {
        min-width: 440px;
        max-width: 442px;
        background-image: url(../images/NavMegaMenuBackgroundPattern.png);
        background-repeat: no-repeat;
        background-position: -330px 580px;
        background-size: 800px
    }
}

.sub-nav ul.mega-menu>li {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sub-nav.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sub-nav.active ul.mega-menu>li:hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(1) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s, -webkit-transform 1.2s .15s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s, -webkit-transform 1.2s .15s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s, transform 1.2s .15s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s, transform 1.2s .15s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s .15s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(1):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(2) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .2s, -webkit-transform 1.4s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .2s, -webkit-transform 1.4s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .2s, transform 1.4s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .2s, transform 1.4s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .3s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(2):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(3) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .3s, -webkit-transform 1.4s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .3s, -webkit-transform 1.4s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .3s, transform 1.4s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .3s, transform 1.4s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .4s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(3):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(4) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .4s, -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .4s, -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .4s, transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .4s, transform 1.4s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(4):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(5) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .5s, -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .5s, -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .5s, transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .5s, transform 1.4s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(5):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(6) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .6s, -webkit-transform 1.4s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .6s, -webkit-transform 1.4s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .6s, transform 1.4s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .6s, transform 1.4s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .6s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(6):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(7) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .7s, -webkit-transform 1.4s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .7s, -webkit-transform 1.4s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .7s, transform 1.4s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .7s, transform 1.4s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .7s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(7):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active ul.mega-menu>li:nth-child(8),
.sub-nav.active ul.mega-menu>li:nth-child(9) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .7s, -webkit-transform 1.4s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .7s, -webkit-transform 1.4s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .7s, transform 1.4s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .7s, transform 1.4s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .7s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active ul.mega-menu>li:nth-child(8):hover,
.sub-nav.active ul.mega-menu>li:nth-child(9):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sub-nav.active .sub-nav-demo {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s .5s, -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .5s, -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .5s, transform 1.4s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s .5s, transform 1.4s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.4s .5s cubic-bezier(.19, 1, .22, 1)
}

.sub-nav.active .close-wrapper,
.sub-nav.active .search-back-wrapper,
.sub-nav.active .back-wrapper {
    position: absolute;
    z-index: 110;
    display: block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    top: 0;
    right: 0;
    cursor: pointer
}

@media screen and (min-width:767px) and (min-height:540px) {
    .sub-nav.active .close-wrapper,
    .sub-nav.active .search-back-wrapper,
    .sub-nav.active .back-wrapper {
        display: none
    }
}

.sub-nav.active .back-wrapper {
    left: 0;
    border-radius: 50px
}

.sub-nav.active .back-wrapper:before {
    content: '';
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 50px;
    z-index: -1
}

.sub-nav.active .back-wrapper.pulse:before {
    -webkit-animation: blip .7s;
    animation: blip .7s
}

.sub-nav.active .search-back-wrapper {
    bottom: 50px;
    left: 0;
    top: auto
}

.sub-nav.active .back.icon {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 7px;
    left: 14px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-animation: slideIn .4s .1s ease-in;
    animation: slideIn .4s .1s ease-in
}

.sub-nav.active .back.icon:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 10px;
    border-bottom: 2px solid #bfc2c5;
    -webkit-transform: none;
    transform: none
}

.sub-nav.active .back.icon:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -11px;
    border-top: 2px solid #bfc2c5;
    border-right: 2px solid #bfc2c5;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.sub-nav.active .close.icon {
    position: absolute;
    z-index: 110;
    width: 24px;
    height: 24px;
    overflow: hidden;
    right: 12px;
    top: 12px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: growIn .4s .1s ease-in;
    animation: growIn .4s .1s ease-in
}

.sub-nav.active .close.icon::before,
.sub-nav.active .close.icon::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #bfc2c5;
    border-radius: 100px
}

.sub-nav.active .close.icon::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sub-nav.active .close.icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sub-nav .form-control {
    border: 1px solid #d1d3d3;
    background-color: rgba(255, 255, 255, .85);
    color: #5c6670;
    font-size: 16px;
    font-weight: 300
}

.sub-nav .form-control:focus {
    border-color: #6bccb3;
    outline: 0;
    box-shadow: none
}

.sub-nav .sidebar-demo-form {
    margin: 30px 40px
}

.sub-nav .sidebar-demo-form .select-field-contain {
    width: 100%!important;
    overflow: hidden
}

.sub-nav .sidebar-demo-form .form-group {
    margin: 20px 0
}

.sub-nav .sidebar-demo-form ul.options {
    display: none
}

.sub-nav .sidebar-demo-form input {
    height: 50px
}

.sub-nav .sidebar-demo-form input[type="email"]::-webkit-input-placeholder,
.sub-nav .sidebar-demo-form input[type="text"]::-webkit-input-placeholder,
.sub-nav .sidebar-demo-form textarea[type="text"]::-webkit-input-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300
}

.sub-nav .sidebar-demo-form input[type="email"]:-moz-placeholder,
.sub-nav .sidebar-demo-form input[type="text"]:-moz-placeholder,
.sub-nav .sidebar-demo-form textarea[type="text"]:-moz-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300
}

.sub-nav .sidebar-demo-form input[type="email"]::-moz-placeholder,
.sub-nav .sidebar-demo-form input[type="text"]::-moz-placeholder,
.sub-nav .sidebar-demo-form textarea[type="text"]::-moz-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300
}

.sub-nav .sidebar-demo-form input[type="email"]:-ms-input-placeholder,
.sub-nav .sidebar-demo-form input[type="text"]:-ms-input-placeholder,
.sub-nav .sidebar-demo-form textarea[type="text"]:-ms-input-placeholder {
    color: rgba(92, 102, 112, .5);
    letter-spacing: -.03rem;
    font-size: 16px;
    font-weight: 300
}

.sub-nav .sidebar-demo-form .styledSelect {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.sub-nav button {
    display: block;
    background-color: #6bccb3;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: .063rem;
    -webkit-transition: all .3s cubic-bezier(.24, .6, .58, 1);
    transition: all .3s cubic-bezier(.24, .6, .58, 1);
    border-width: 0;
    border-style: none;
    width: 100%
}

.sub-nav button:active {
    outline: none;
    border: none
}

.sub-nav ul,
.sub-nav li {
    list-style-type: none;
    padding: 0
}

.sub-nav .sub-head.sub-head-no-link.form-menu {
    margin-left: 40px
}

.sub-nav .sub-head.sub-head-no-link.form-menu:hover {
    background-color: transparent
}

@media screen and (max-width:360px) {
    .sub-nav .sub-head.sub-head-no-link.form-menu {
        padding-right: 20px
    }
}

.sub-nav .mega-menu .menu-header {
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .1rem;
    margin-top: 40px;
    color: #A4A9AD;
}

@media screen and (min-width:767px) and (min-height:540px) {
    .sub-nav .mega-menu .menu-header {
        margin-top: 0
    }
}

.sub-nav .mega-menu .menu-header .text {
    position: relative;
    margin-left: 40px;
    padding: 0 20px 0 40px
}

@media screen and (max-width:340px) {
    .sub-nav .mega-menu .menu-header .text {
        margin-left: 0;
        padding: 0 0 0 84px;
        display: inherit
    }
}

.sub-nav .mega-menu .menu-header .icon-wrap {
    position: absolute;
    font-size: 3rem;
    left: 36px;
    bottom: 15px
}

.sub-nav .mega-menu .menu-header a,
.sub-nav .mega-menu .menu-header .demo,
.sub-nav .mega-menu .menu-header .sub-head-no-link,
.sub-nav .mega-menu .menu-header .products,
.sub-nav .mega-menu .menu-header .insights,
.sub-nav .mega-menu .menu-header .about {
    transition: all .3s cubic-bezier(.24, .6, .58, 1);
    -webkit-transition: all .3s cubic-bezier(.24, .6, .58, 1);
    color: #2b4c59;
    padding: 20px 0 20px 0;
    line-height: 2rem;
    display: block
}

@media screen and (min-width:767px) {
    .sub-nav .mega-menu .menu-header a,
    .sub-nav .mega-menu .menu-header .demo,
    .sub-nav .mega-menu .menu-header .sub-head-no-link,
    .sub-nav .mega-menu .menu-header .products,
    .sub-nav .mega-menu .menu-header .insights,
    .sub-nav .mega-menu .menu-header .about {
        padding: 45px 0 20px 0
    }
}

.sub-nav .mega-menu .menu-header a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.sub-nav .sub-head {
    font-size: 20px;
    letter-spacing: .063rem;
    margin: 4px auto;
    font-weight: 600;
    color: #376171
}

.sub-nav .sub-head.no-link {
    padding: 8px 20px 0 40px
}

.sub-nav .sub-head.no-link:hover {
    background-color: transparent
}

.sub-nav .sub-head.subber {
    margin: 0;
    font-weight: 400;
    background-color: transparent
}

.sub-nav .sub-head.subber .sub-text {
    font-weight: 400;
    font-size: 14px
}

.sub-nav .sub-head.subber a {
    margin: 16px 20px;
    padding: 0;
    font-size: 18px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.sub-nav .sub-head.subber a:hover {
    background-color: transparent;
    color: #7e4082
}

.sub-nav .sub-head.subber a:hover .sub-text {
    color: #2a343e
}

.sub-nav .sub-head.subber a.sub-nav-link {
    padding: 0
}

.sub-nav .sub-head a.sub-nav-link {
    padding: 8px 20px 12px 40px;
    color: #376171;
    display: block;
    -webkit-transition: all .3s cubic-bezier(.24, .6, .58, 1);
    transition: all .3s cubic-bezier(.24, .6, .58, 1)
}

.sub-nav .sub-head ul.nav-sub a.nav-sub-link {
    color: #5c6670
}

.sub-nav .sub-head .sub-text {
    display: block;
    font-size: 15px;
    color: #5c6670;
    font-weight: 400;
    line-height: 2rem;
    -webkit-transition: color .2s;
    transition: color .2s
}

.sub-nav .sub-head .demo-text {
    color: #5c6670;
    font-weight: 300;
    padding-right: 40px
}

.sub-nav .sub-nav-demo {
    border-top: 1px solid #d1d3d3;
    margin: 24px 40px 0;
    color: #2b4c59;
    letter-spacing: .03rem;
    padding: 22px 0 10px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.sub-nav .nav-demo-btn {
    display: block;
    margin: 14px auto;
    background-color: #6bccb3;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: .063rem;
    -webkit-transition: all .3s cubic-bezier(.24, .6, .58, 1);
    transition: all .3s cubic-bezier(.24, .6, .58, 1);
    padding: 2px
}

@media screen and (max-width:360px) {
    .sub-nav .nav-demo-btn {
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 400
    }
}

.sub-nav .nav-demo-btn:hover,
.sub-nav .nav-demo-btn:active {
    background-color: #54c4a7
}

.sub-nav .nav-demo-btn .icon-arrow-right {
    position: relative;
    margin-left: 10px;
    font-size: 32px;
    top: 9px
}

ul.nav-sub {
    display: block;
    padding: 0 20px 8px 24px;
    font-size: 17px
}

@media(min-width:767px) {
    ul.nav-sub {
        display: none
    }
}

ul.nav-sub hr {
    display: block;
    margin: 0 30px;
    border-top: 1px solid #d1d3d3
}

ul.nav-sub li {
    padding: 20px 0
}

@media(min-width:767px) and (min-height:540px) {
    ul.nav-sub li {
        margin: 0 auto;
        padding: 0
    }
}

ul.nav-sub li a {
    margin: 12px;
    color: #2b4c59;
    text-align: left;
    padding: 20px 12px
}

@media(min-width:767px) {
    ul.nav-sub li a {
        display: block;
        color: #5c6670
    }
    ul.nav-sub li a:hover {
        background-color: rgba(0, 0, 0, .09)
    }
}

@media(min-width:767px) {
    li.sub-head:hover,
    li.has-sub:hover {
        background-color: rgba(0, 0, 0, .05);
        -webkit-transition: background-color .5s;
        transition: background-color .5s
    }
}

@media(min-width:767px) {
    .sub-nav li:hover .nav-sub {
        display: block;
        margin: 0;
        width: 100%;
        background-color: rgba(245, 245, 245, .6);
        margin-bottom: 20px;
        padding: 10px;
        background: #ddd;
        width: 12em;
        right: -12em;
        top: 0;
        margin-bottom: 0;
        padding: 0;
        font-size: 20px;
        position: absolute
    }
}

.sub-nav li:hover .nav-sub a.sub-sub-nav-link {
    padding: 12px 24px!important
}

.sub-nav li:hover .nav-sub:after {
    content: '';
    width: 100%;
    overflow: hidden;
    clear: both
}

.sub-nav-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sub-nav-wrapper.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media all and (min-width:480px) {
    .sub-nav-wrapper {
        background-color: rgba(42, 52, 62, .7);
        z-index: 109
    }
}

.nav-exit-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

@media(min-width:767px) and (min-height:540px) {
    #about-nav .sub-nav.active,
    #insight-nav .sub-nav.active {
        overflow: visible
    }
}

#search-nav div.form {
    padding-top: 0;
    margin: 50px 10px 40px
}

@media(min-width:767px) and (min-height:540px) {
    #search-nav div.form {
        padding-top: 50px;
        margin: 50px 0
    }
}

@media(min-width:767px) and (min-height:540px) {
    #search-nav div.form {
        padding-top: 0
    }
}

#search-nav .panel-default>.panel-heading {
    cursor: pointer;
    background-color: #6bccb3;
    background-image: none;
    margin: 0 auto 12px;
    padding: 2px 22px;
    border-radius: 2px
}

#search-nav .panel-default>.panel-heading h4 {
    font-weight: 600
}

#search-nav .collapse {
    margin: 24px auto 36px
}

#search-nav .search-links {
    display: block;
    margin: 14px auto
}

#more-nav .sub-nav,
#search-nav .sub-nav {
    z-index: 109;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    display: block;
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 0;
    background: #2a343e;
    color: #eaeaea;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    font-weight: 300
}

#more-nav .sub-nav .site-map,
#search-nav .sub-nav .site-map {
    margin-bottom: 12px;
    color: #eaeaea;
    background-color: #20272f;
    margin: 0 auto 20px;
    padding: 3% 0% 3% 4%;
    font-size: 21px;
    font-weight: 600
}

#more-nav .sub-nav .form.search,
#search-nav .sub-nav .form.search {
    margin: -10px
}

@media(min-width:767px) {
    #more-nav .sub-nav .form.search,
    #search-nav .sub-nav .form.search {
        margin: 0 auto
    }
}

#more-nav .sub-nav .search-form,
#search-nav .sub-nav .search-form {
    margin: 0 auto
}

@media(min-width:767px) {
    #more-nav .sub-nav .search-form,
    #search-nav .sub-nav .search-form {
        margin: 0 120px 20px 0
    }
}

#more-nav .sub-nav .search-form input#search-term,
#search-nav .sub-nav .search-form input#search-term {
    height: 47px
}

#more-nav .sub-nav .search-form label,
#search-nav .sub-nav .search-form label {
    position: absolute;
    top: 10px;
    z-index: 2;
    color: #5c6670;
    left: 12px;
    font-weight: 300
}

#more-nav .sub-nav .search-form button.btn.btn-search,
#search-nav .sub-nav .search-form button.btn.btn-search {
    background-color: #5c6670;
    color: #fff;
    font-size: 47px;
    line-height: 0;
    padding: 0 14px;
    max-height: 50px;
    left: -4px
}

#more-nav .sub-nav ul.list-parent,
#search-nav .sub-nav ul.list-parent {
    border-top: solid 1px #cfcfcf;
    padding: 10px 0
}

#more-nav .sub-nav ul.list-parent>li>span.no-link,
#search-nav .sub-nav ul.list-parent>li>span.no-link {
    display: inline-block;
    margin: 10px 0
}

#more-nav .sub-nav ul.list-parent>li>ul li,
#search-nav .sub-nav ul.list-parent>li>ul li {
    padding-left: 20px
}

#more-nav .sub-nav .container.no-padding,
#search-nav .sub-nav .container.no-padding {
    margin: 0;
    width: 100%
}

#more-nav .sub-nav .container.small-padding,
#search-nav .sub-nav .container.small-padding {
    padding: 0 90px 0 0
}

@media all and (max-width:768px) {
    #more-nav .sub-nav .container.small-padding,
    #search-nav .sub-nav .container.small-padding {
        padding: 0 140px 0 30px
    }
}

#more-nav .sub-nav .more-close-wrapper,
#search-nav .sub-nav .more-close-wrapper {
    position: absolute;
    z-index: 3;
    width: 24px;
    height: 24px;
    opacity: 1;
    top: 20px;
    right: 140px;
    cursor: pointer
}

@media(max-width:767px) {
    #more-nav .sub-nav .more-close-wrapper,
    #search-nav .sub-nav .more-close-wrapper {
        position: absolute;
        top: 16px;
        right: 30px
    }
}

#more-nav .sub-nav a.more-close.icon,
#search-nav .sub-nav a.more-close.icon {
    position: absolute;
    width: 21px;
    height: 21px;
    overflow: hidden;
    opacity: .4;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#more-nav .sub-nav a.more-close.icon::before,
#more-nav .sub-nav a.more-close.icon::after,
#search-nav .sub-nav a.more-close.icon::before,
#search-nav .sub-nav a.more-close.icon::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #eaeaea;
    border-radius: 100px
}

#more-nav .sub-nav a.more-close.icon::before,
#search-nav .sub-nav a.more-close.icon::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#more-nav .sub-nav a.more-close.icon::after,
#search-nav .sub-nav a.more-close.icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#more-nav .sub-nav .more-close-wrapper:hover a.more-close.icon,
#search-nav .sub-nav .more-close-wrapper:hover a.more-close.icon {
    opacity: 1
}

#more-nav .sub-nav ul li,
#search-nav .sub-nav ul li {
    margin: 8px 0
}

#more-nav .sub-nav ul li a,
#search-nav .sub-nav ul li a {
    position: relative;
    display: inline-block;
    padding: 6px 18px;
    left: -18px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#more-nav .sub-nav ul li a:hover,
#search-nav .sub-nav ul li a:hover {
    background-color: #7e4082;
    color: #fff;
    border-radius: 300px
}

#more-nav .sub-nav a,
#search-nav .sub-nav a {
    color: #eaeaea
}

#more-nav .sub-nav .list-heading,
#search-nav .sub-nav .list-heading {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}

#more-nav .sub-nav .logo,
#search-nav .sub-nav .logo {
    float: none;
    margin: 30px auto;
    clear: both;
    display: block;
    text-align: center
}

@media(max-width:767px) {
    #more-nav .sub-nav .logo,
    #search-nav .sub-nav .logo {
        margin: 0 auto;
        text-align: left
    }
}

#more-nav .sub-nav .buttons,
#search-nav .sub-nav .buttons,
#privacy .buttons {
    float: none;
    margin-top: 20px;
    text-align: left
}

#privacy .buttons {
    float: none;
    display: inline-block;
    clear: both
}

@media(max-width:992px) {
    #more-nav .sub-nav .buttons,
    #search-nav .sub-nav .buttons,
    #privacy .buttons {
        text-align: center
    }
}

#more-nav .sub-nav .button,
#search-nav .sub-nav .button,
#privacy .buttons .button {
    cursor: pointer;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5em 1em;
    line-height: 1.2;
    display: block;
    margin-bottom: 15px;
    color: #eaeaea;
    font-size: 14px;
    letter-spacing: .0625rem;
    font-weight: 300;
    text-align: center;
    background-color: #2e3944;
    border-radius: 3px
}

#more-nav .sub-nav .button,
#search-nav .sub-nav .button,
#privacy .buttons .button {
    margin-bottom: 20px;
    display: inline-block;
    text-align: left
}

#privacy .buttons .button {
    margin-bottom: 14px;
    text-align: left;
    float: left;
    margin-right: 14px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.5
}

@media screen and (min-width:767px) {
    #more-nav .sub-nav .logo,
    #search-nav .sub-nav .logo {
        float: right
    }
}

#more-nav .sub-nav footer.site .more-footer,
#search-nav .sub-nav footer.site .more-footer {
    font-size: 12px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #5c6670
}

@media screen and (max-width:767px) {
    #more-nav .sub-nav footer.site .more-footer,
    #search-nav .sub-nav footer.site .more-footer {
        padding-top: 12px;
        margin-bottom: 40px
    }
}

@media all and (max-width:640px) {
    #more-nav .sub-nav footer.site,
    #search-nav .sub-nav footer.site {
        padding-bottom: 30px
    }
}

@media all and (min-height:900px) and (min-width:992px) {
    #more-nav .sub-nav footer.site,
    #search-nav .sub-nav footer.site {
        position: absolute;
        bottom: 40px
    }
}

#more-nav .sub-nav footer.site ul.social,
#search-nav .sub-nav footer.site ul.social {
    clear: both;
    text-align: center
}

@media(min-width:992px) and (min-height:540px) {
    #more-nav .sub-nav footer.site ul.social,
    #search-nav .sub-nav footer.site ul.social {
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: left
    }
}

#more-nav .sub-nav footer.site ul.social li,
#search-nav .sub-nav footer.site ul.social li {
    display: inline-block
}

#more-nav .sub-nav footer.site ul.social li a,
#search-nav .sub-nav footer.site ul.social li a {
    left: auto
}

#more-nav .sub-nav.active,
#search-nav .sub-nav.active {
    -webkit-transform: translatex(0);
    transform: translatex(0)
}

#search-nav .sub-nav.active {
    z-index: 109
}

@media(max-width:767px) {
    #search-nav .sub-nav.active {
        z-index: 110
    }
}

#search-nav::-moz-placeholder {
    opacity: 1
}

#search-nav input[type="email"]::-webkit-input-placeholder,
#search-nav input[type="text"]::-webkit-input-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible
}

#search-nav input[type="email"]:-moz-placeholder,
#search-nav input[type="text"]:-moz-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible;
    opacity: 1
}

#search-nav input[type="email"]::-moz-placeholder,
#search-nav input[type="text"]::-moz-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible;
    opacity: 1
}

#search-nav input[type="email"]:-ms-input-placeholder,
#search-nav input[type="text"]:-ms-input-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible
}

#search-nav input[type="email"]::-ms-input-placeholder,
#search-nav input[type="text"]::-ms-input-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible
}

#search-nav input[type="email"]:valid,
#search-nav input[type="text"]:valid {
    color: #2a343e
}

#more-nav {}

#more-nav::-moz-placeholder {
    opacity: 1
}

#more-nav input[type="email"]::-webkit-input-placeholder,
#more-nav input[type="text"]::-webkit-input-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible
}

#more-nav input[type="email"]:-moz-placeholder,
#more-nav input[type="text"]:-moz-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible;
    opacity: 1
}

#more-nav input[type="email"]::-moz-placeholder,
#more-nav input[type="text"]::-moz-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible;
    opacity: 1
}

#more-nav input[type="email"]:-ms-input-placeholder,
#more-nav input[type="text"]:-ms-input-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible
}

#more-nav input[type="email"]::-ms-input-placeholder,
#more-nav input[type="text"]::-ms-input-placeholder {
    color: #5c6670;
    padding: 20px 20px 20px 20px;
    visibility: visible
}

#more-nav input[type="email"]:valid,
#more-nav input[type="text"]:valid {
    color: #2a343e
}

#more-nav .nav-logo {
    margin: 0 auto
}

#more-nav .nav-logo:hover {
    color: #fff
}

#more-nav .sub-nav .logo {
    margin: -15px auto 0;
    text-align: center
}

h3.site-map-header {
    margin: 60px 0 30px;
}

@media(min-width:767px) and (max-width:992px) {
    #more-nav .sub-nav .logo {
        float: none
    }
}

@media(min-width:767px) {
    #more-nav .sub-nav .logo {
        text-align: left
    }
}

@media screen and (max-width:340px) {
    #product-nav .sub-nav .mega-menu .menu-header .icon-wrap {
        bottom: inherit
    }
}

#demo-nav .sub-nav {
    background-image: none
}

.dotted-menu {
    display: none
}

@media(max-width:767px),
(max-height:540px) {
    .dotted-menu {
        position: relative;
        height: 50px;
        width: 50px;
        display: block;
        margin: 0 auto;
        float: right;
        padding-left: 20px;
        cursor: pointer;
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        -ms-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;
        border-radius: 100%
    }
    .dotted-menu.focus {
        border-radius: 100%
    }
    .dotted-menu.unclicked {
        -webkit-animation: rotateOut .4s cubic-bezier(.645, .045, .355, 1);
        animation: rotateOut .4s cubic-bezier(.645, .045, .355, 1)
    }
    .dotted-menu.unclicked>div:nth-child(1) {
        -webkit-transform-origin: 25% 50%;
        -ms-transform-origin: 25% 50%;
        transform-origin: 25% 50%;
        -webkit-animation: swirl .8s;
        animation: swirl .8s
    }
    .dotted-menu.active {
        -webkit-animation: rotateIn .22s .14s cubic-bezier(.645, .045, .355, 1) forwards;
        animation: rotateIn .22s .14s cubic-bezier(.645, .045, .355, 1) forwards
    }
    .dotted-menu.active>div {
        height: 24px;
        width: 4px;
        border-radius: 12px;
        -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
        transition: all .3s cubic-bezier(.645, .045, .355, 1);
        background-color: #a4a9ad
    }
    .dotted-menu.active>div:nth-child(1) {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        height: 0
    }
    .dotted-menu.active>div:nth-child(2) {
        top: 26px;
        left: 4px
    }
    .dotted-menu.active>div:nth-child(3) {
        -webkit-transform: rotate(90deg) translate(-50%, -50%);
        -ms-transform: rotate(90deg) translate(-50%, -50%);
        transform: rotate(90deg) translate(-50%, -50%);
        top: -8px;
        left: -10px
    }
    .dotted-menu.active .text-menu {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
    .dotted-menu>div {
        content: "";
        position: relative;
        top: 24px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 6px;
        height: 6px;
        background-color: #7e4082;
        border-radius: 50%;
        -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
        transition: all .3s cubic-bezier(.645, .045, .355, 1)
    }
    .dotted-menu>div:nth-child(2) {
        top: 8px
    }
    .dotted-menu>div:nth-child(3) {
        top: 22px
    }
    .dotted-menu .text-menu {
        position: absolute;
        bottom: 16px;
        left: -14px;
        display: block;
        color: #5c6670;
        font-size: 15px;
        font-weight: 700;
        -webkit-transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
        transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
        -webkit-transition-delay: .14s;
        transition-delay: .14s
    }
}

nav.side-main {
    -webkit-transition: none;
    transition: none
}

nav.side-main:focus {
    outline: thin solid rgba(0, 0, 0, .1)
}

@media(max-width:767px) {
    nav.side-main {
        -webkit-transition: opacity .082s 0s, height .44s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s 0s, height .44s cubic-bezier(.19, 1, .22, 1)
    }
    .products>span.icon-wrap {
        bottom: 30px!important
    }
    nav.side-main.active {
        -webkit-transform: translateZ(0)
    }
}

@media(max-height:540px) {
    nav.side-main {
        -webkit-transition: opacity .082s 0s, height .44s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .082s 0s, height .44s cubic-bezier(.19, 1, .22, 1)
    }
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 0 0 0 rgba(209, 211, 211, .7)
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: 0 0 0 12px rgba(209, 211, 211, 0)
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 0 0 0 rgba(209, 211, 211, .7)
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: 0 0 0 12px rgba(209, 211, 211, 0)
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: 0 0 0 0 rgba(209, 211, 211, .7)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 0 0 12px rgba(209, 211, 211, 0)
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: 0 0 0 0 rgba(209, 211, 211, .7)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 0 0 12px rgba(209, 211, 211, 0)
    }
}

@-webkit-keyframes swirl {
    from {
        -webkit-transform: rotate(180deg) translateY(28px) translateX(-4px) rotate(-180deg);
        transform: rotate(180deg) translateY(28px) translateX(-4px) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(0deg) translateY(-4px) translateX(-4px) rotate(0deg);
        transform: rotate(0deg) translateY(-4px) translateX(-4px) rotate(0deg)
    }
}

@keyframes swirl {
    from {
        -webkit-transform: rotate(180deg) translateY(28px) translateX(-4px) rotate(-180deg);
        transform: rotate(180deg) translateY(28px) translateX(-4px) rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(0deg) translateY(-4px) translateX(-4px) rotate(0deg);
        transform: rotate(0deg) translateY(-4px) translateX(-4px) rotate(0deg)
    }
}

@media only screen and (min-width:640px) {
    ul.breadcrumbs {
        position: relative;
        float: left;
        margin: 24px -16px;
        white-space: nowrap
    }
    ul.breadcrumbs:before {
        content: '';
        position: absolute;
        border-left: 1px solid #fff;
        top: 3px;
        left: 0;
        height: 32px
    }
    ul.breadcrumbs.has-ancestor:after {
        color: #a4a9ad;
        content: '/';
        font-size: 30px;
        position: absolute;
        right: -14px;
        top: -2px;
        font-weight: 300
    }
    ul.breadcrumbs .bread-header {
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        letter-spacing: .03rem;
        background-color: transparent!important
    }
    ul.breadcrumbs .bread-header a {
        color: #a4a9ad;
        padding: 8px 12px 8px 12px;
        margin: -12px;
        -webkit-transition: all .3s 200ms ease-in-out;
        transition: all .3s 200ms ease-in-out;
        border-radius: 3px
    }
    ul.breadcrumbs .bread-header a:hover {
        color: #5cc7ab;
        background-color: rgba(164, 169, 173, .1)
    }
    ul.breadcrumbs ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    ul.breadcrumbs li {
        list-style-type: none;
        margin-left: -20px;
        padding: 0 0 20px 0;
        cursor: default
    }
    ul.breadcrumbs li .bread-divider {
        float: right
    }
    ul.breadcrumbs li.list-caret {
        display: inline-block
    }
    ul.breadcrumbs li.list-caret:after {
        content: '';
        font-family: 'iconfont'!important;
        margin-left: 6px;
        font-size: 22px;
        position: relative;
        top: 4px;
        color: #fff
    }
    ul.breadcrumbs li.list-caret:hover::after {
        content: ''
    }
    ul.breadcrumbs .breadcrumb-sub {
        position: absolute;
        z-index: 110;
        max-height: 400px;
        overflow: hidden;
        left: -99999px;
        top: 54px;
        border: 1px solid #eaeaea;
        opacity: 0
    }
    ul.breadcrumbs .breadcrumb-sub li {
        float: none;
        color: #fff;
        margin: 0;
        padding: 6px 14px 6px 10px;
        line-height: 2.625rem;
        font-weight: 500;
        font-size: 14px
    }
    ul.breadcrumbs .breadcrumb-sub li.crumb-links {
        color: #5c6670
    }
    ul.breadcrumbs .breadcrumb-sub li.crumb-links ul,
    ul.breadcrumbs .breadcrumb-sub li.crumb-links li {
        color: #5c6670
    }
    ul.breadcrumbs .breadcrumb-sub li.crumb-links a {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    ul.breadcrumbs .breadcrumb-sub li.crumb-no-link {
        font-weight: 400;
        letter-spacing: 0;
        color: #a4a9ad
    }
    ul.breadcrumbs .breadcrumb-sub li.crumb-no-link>ul>li>a {
        color: #5c6670
    }
    ul.breadcrumbs li:hover .breadcrumb-sub {
        position: absolute;
        opacity: 1;
        margin: 0;
        background-color: #fff;
        overflow: visible;
        width: auto;
        border-radius: 3px;
        left: 12px;
        top: 40px;
        padding: 12px;
        box-shadow: 0 0 12px rgba(92, 102, 112, .1);
        -webkit-transition: top .3s ease, opacity .5s ease;
        transition: top .3s ease, opacity .5s ease
    }
    ul.breadcrumbs li:hover .breadcrumb-sub:before {
        content: '';
        position: absolute;
        top: -7px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #fff transparent
    }
    ul.breadcrumbs li:hover .breadcrumb-sub:after {
        content: '';
        position: absolute;
        top: -7px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #fff transparent
    }
    ul.breadcrumbs li:hover .breadcrumb-sub a {
        color: #2a343e;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    ul.breadcrumbs li:hover .breadcrumb-sub a.current {
        font-weight: 800;
        color: #4ec3e0
    }
    ul.breadcrumbs li:hover .breadcrumb-sub a.current:after {
        font-family: 'iconfont'!important;
        content: '';
        color: #4ec3e0;
        font-size: 16px;
        top: 16px;
        margin-left: 10px
    }
    ul.breadcrumbs li:hover .breadcrumb-sub a.current:hover {
        color: #4ec3e0;
        cursor: text
    }
    ul.breadcrumbs li:hover .breadcrumb-sub a.current>i {
        display: none
    }
    ul.breadcrumbs li:hover .breadcrumb-sub a:hover,
    ul.breadcrumbs li:hover .breadcrumb-sub a:hover>i.button__icon.icon-arrow-right {
        color: #7e4082;
        background-color: transparent;
        opacity: 1
    }
    ul.breadcrumbs li:hover .breadcrumb-sub a:hover>i.button__icon.icon-arrow-right {
        left: 4px
    }
    ul.breadcrumbs i.button__icon.icon-arrow-right {
        opacity: 0;
        position: relative;
        top: 1px;
        left: 0
    }
}

.blog-wrapper,
.about-wrapper,
.culture-wrapper,
.people-wrapper,
.events-wrapper {
    position: relative;
    width: 100%;
    padding-top: 50px
}

@media only screen and (min-width:767px) and (min-height:600px) {
    .blog-wrapper,
    .about-wrapper,
    .culture-wrapper,
    .people-wrapper,
    .events-wrapper {
        padding-top: 0
    }
}

.blog-hero,
.about-video-hero,
.people-wrapper .people-hero,
.people-wrapper .careers-hero {
    color: #fff;
    max-height: 480px;
    min-height: 180px;
    height: 100%;
    background: url(../images/bg_blog_hero_inner_right_top.png) top right no-repeat, url(../images/bg_blog_hero_inner_left_bottom.png) bottom left no-repeat;
    background-color: #402b56;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

.jumbotron h1 {
    font-family: 'Karbon Slab Stencil', sans-serif;
    font-weight: 100;
    font-size: 36px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media(min-width:640px) {
    .jumbotron h1 {
        font-size: 48px
    }
}

@media(min-width:1180px) {
    .jumbotron h1 {
        margin-top: 0;
        font-size: 64px
    }
}

.jumbotron p.lead {
    font-weight: 300;
    font-size: 16px;
    padding: 0 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media(min-width:640px) {
    .jumbotron p.lead {
        font-size: 18px
    }
}

@media(min-width:1180px) {
    .jumbotron p.lead {
        font-size: 21px
    }
}

.blog-large-container {
    width: 92%;
    padding: 0
}

@media(min-width:640px) {
    .blog-large-container {
        width: 90%
    }
}

@media(min-width:1441px) {
    .blog-large-container {
        width: 82%
    }
}

nav.blog-post-options,
nav.event-filter-options {
    font-size: 12px;
    font-weight: 900;
    color: #4b4b4b;
    margin: 4px auto 20px
}

@media(min-width:1180px) {
    nav.blog-post-options,
    nav.event-filter-options {
        font-size: 13px
    }
}

nav.blog-post-options ul.topics,
nav.event-filter-options ul.topics {
    display: none
}

@media(min-width:992px) {
    nav.blog-post-options ul.topics,
    nav.event-filter-options ul.topics {
        display: block!important;
        margin: 0 auto
    }
}

nav.blog-post-options ul.topics>li,
nav.event-filter-options ul.topics>li {
    float: left
}

nav.blog-post-options .navbar-form .input-group .input-group-btn,
nav.event-filter-options .navbar-form .input-group .input-group-btn,
nav.blog-post-options #more-nav .sub-nav .search-form .input-group .input-group-btn,
#more-nav .sub-nav nav.blog-post-options .search-form .input-group .input-group-btn,
nav.event-filter-options #more-nav .sub-nav .search-form .input-group .input-group-btn,
#more-nav .sub-nav nav.event-filter-options .search-form .input-group .input-group-btn,
nav.blog-post-options #search-nav .sub-nav .search-form .input-group .input-group-btn,
#search-nav .sub-nav nav.blog-post-options .search-form .input-group .input-group-btn,
nav.event-filter-options #search-nav .sub-nav .search-form .input-group .input-group-btn,
#search-nav .sub-nav nav.event-filter-options .search-form .input-group .input-group-btn {
    position: absolute;
    right: 31px
}

@media(min-width:767px) {
    nav.blog-post-options .navbar-form .input-group .input-group-btn,
    nav.event-filter-options .navbar-form .input-group .input-group-btn,
    nav.blog-post-options #more-nav .sub-nav .search-form .input-group .input-group-btn,
    #more-nav .sub-nav nav.blog-post-options .search-form .input-group .input-group-btn,
    nav.event-filter-options #more-nav .sub-nav .search-form .input-group .input-group-btn,
    #more-nav .sub-nav nav.event-filter-options .search-form .input-group .input-group-btn,
    nav.blog-post-options #search-nav .sub-nav .search-form .input-group .input-group-btn,
    #search-nav .sub-nav nav.blog-post-options .search-form .input-group .input-group-btn,
    nav.event-filter-options #search-nav .sub-nav .search-form .input-group .input-group-btn,
    #search-nav .sub-nav nav.event-filter-options .search-form .input-group .input-group-btn {
        right: 0
    }
}

nav.blog-post-options .navbar-form .input-group>.form-control,
nav.event-filter-options .navbar-form .input-group>.form-control,
nav.blog-post-options #more-nav .sub-nav .search-form .input-group>.form-control,
#more-nav .sub-nav nav.blog-post-options .search-form .input-group>.form-control,
nav.event-filter-options #more-nav .sub-nav .search-form .input-group>.form-control,
#more-nav .sub-nav nav.event-filter-options .search-form .input-group>.form-control,
nav.blog-post-options #search-nav .sub-nav .search-form .input-group>.form-control,
#search-nav .sub-nav nav.blog-post-options .search-form .input-group>.form-control,
nav.event-filter-options #search-nav .sub-nav .search-form .input-group>.form-control,
#search-nav .sub-nav nav.event-filter-options .search-form .input-group>.form-control {
    background-color: #eaeaea;
    border-color: #eaeaea;
    box-shadow: none
}

nav.blog-post-options .navbar-form .input-group>.form-control:focus,
nav.event-filter-options .navbar-form .input-group>.form-control:focus,
nav.blog-post-options #more-nav .sub-nav .search-form .input-group>.form-control:focus,
#more-nav .sub-nav nav.blog-post-options .search-form .input-group>.form-control:focus,
nav.event-filter-options #more-nav .sub-nav .search-form .input-group>.form-control:focus,
#more-nav .sub-nav nav.event-filter-options .search-form .input-group>.form-control:focus,
nav.blog-post-options #search-nav .sub-nav .search-form .input-group>.form-control:focus,
#search-nav .sub-nav nav.blog-post-options .search-form .input-group>.form-control:focus,
nav.event-filter-options #search-nav .sub-nav .search-form .input-group>.form-control:focus,
#search-nav .sub-nav nav.event-filter-options .search-form .input-group>.form-control:focus {
    z-index: 1
}

nav.blog-post-options input[type="text"],
nav.event-filter-options input[type="text"],
nav.blog-post-options textarea[type="text"]::-webkit-input-placeholder,
nav.event-filter-options textarea[type="text"]::-webkit-input-placeholder {
    color: #a4a9ad!important;
    font-size: 19px;
    font-weight: 900;
    padding: 20px!important;
    background-color: #eaeaea!important;
    box-shadow: none!important;
    border: none!important
}

nav.blog-post-options .add-on .input-group-btn>div>.btn,
nav.event-filter-options .add-on .input-group-btn>.btn {
    border-left-width: 0;
    box-shadow: none;
    background-image: none;
    color: #fff;
    background-color: #7e4082;
    border: 1px solid #7e4082;
    font-size: 38px;
    padding: 0;
    line-height: 0
}

nav.blog-post-options .navbar-nav>li>a,
nav.event-filter-options .navbar-nav>li>a {
    border-right: 2px solid #eaeaea;
    color: #d1d3d3;
    padding: 6px 6px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media(min-width:1180px) {
    nav.blog-post-options .navbar-nav>li>a,
    nav.event-filter-options .navbar-nav>li>a {
        padding: 6px 12px
    }
}

nav.blog-post-options .navbar-nav>li>a.blog-type-last-child,
nav.event-filter-options .navbar-nav>li>a.blog-type-last-child {
    border-right: none
}

nav.blog-post-options .navbar-nav>li>a:hover,
nav.event-filter-options .navbar-nav>li>a:hover {
    color: #7e4082
}

nav.blog-post-options .navbar-nav>li>a.selected,
nav.event-filter-options .navbar-nav>li>a.selected {
    color: #7e4082
}

nav.blog-post-options .navbar-form,
nav.event-filter-options .navbar-form,
nav.blog-post-options #more-nav .sub-nav .search-form,
#more-nav .sub-nav nav.blog-post-options .search-form,
nav.event-filter-options #more-nav .sub-nav .search-form,
#more-nav .sub-nav nav.event-filter-options .search-form,
nav.blog-post-options #search-nav .sub-nav .search-form,
#search-nav .sub-nav nav.blog-post-options .search-form,
nav.event-filter-options #search-nav .sub-nav .search-form,
#search-nav .sub-nav nav.event-filter-options .search-form {
    margin: 0 auto;
    padding: 0
}

nav.blog-post-options .search,
nav.event-filter-options .search {
    float: none;
    width: 100%
}

@media(min-width:767px) {
    nav.blog-post-options .search,
    nav.event-filter-options .search {
        float: right
    }
}

nav.blog-post-options .search .input-group,
nav.event-filter-options .search .input-group {
    width: 100%;
    display: block
}

nav.blog-post-options .show-small,
nav.event-filter-options .show-small {
    display: inline-block;
    width: 100%
}

@media(min-width:992px) {
    nav.blog-post-options .show-small,
    nav.event-filter-options .show-small {
        display: none
    }
}

nav.blog-post-options .dropdown-menu,
nav.event-filter-options .dropdown-menu {
    min-width: 100%;
    padding: 12px 0;
    margin: 0;
    list-style: none;
    font-weight: 700;
    text-align: center;
    background-color: #eaeaea;
    box-shadow: none;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

nav.blog-post-options .dropdown-menu>li>a,
nav.event-filter-options .dropdown-menu>li>a {
    padding: 10px 20px;
    color: #a4a9ad;
    line-height: 2;
    font-weight: 900;
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s
}

nav.blog-post-options .dropdown-menu>li>a:hover,
nav.event-filter-options .dropdown-menu>li>a:hover,
nav.blog-post-options .dropdown-menu>li>a:focus,
nav.event-filter-options .dropdown-menu>li>a:focus {
    background-image: none;
    background-repeat: none;
    -webkit-filter: none;
    filter: none;
    background-color: #d1d3d3;
    color: #5c6670
}

nav.blog-post-options .wrapper-dropdown-blog,
nav.event-filter-options .wrapper-dropdown-blog,
nav.event-filter-options .wrapper-dropdown-events {
    position: relative;
    margin: 0 auto 20px auto;
    padding: 8px 10px 10px 20px;
    height: 34px;
    background: #eaeaea;
    border-radius: 2px;
    cursor: pointer;
    outline: none;
    color: #aab1bb;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 13px;
    list-style-type: none
}

nav.blog-post-options .wrapper-dropdown-blog .dropdown-blog,
nav.event-filter-options .wrapper-dropdown-blog .dropdown-blog,
nav.event-filter-options .wrapper-dropdown-events .dropdown-blog,
nav.blog-post-options .wrapper-dropdown-blog nav.event-filter-options .dropdown-events,
nav.event-filter-options .wrapper-dropdown-blog .dropdown-events,
nav.event-filter-options .wrapper-dropdown-events .dropdown-events {
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e5e8eb;
    font-weight: normal;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    list-style: none;
    opacity: 1;
    pointer-events: none;
    padding: 8px 0
}

nav.blog-post-options .wrapper-dropdown-blog .dropdown-blog:before,
nav.event-filter-options .wrapper-dropdown-blog .dropdown-blog:before,
nav.event-filter-options .wrapper-dropdown-events .dropdown-blog:before,
nav.blog-post-options .wrapper-dropdown-blog nav.event-filter-options .dropdown-events:before,
nav.event-filter-options .wrapper-dropdown-blog .dropdown-events:before,
nav.event-filter-options .wrapper-dropdown-events .dropdown-events:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -11px;
    border-width: 0 11px 11px 11px;
    border-style: solid;
    border-color: #e5e8eb transparent
}

nav.blog-post-options .wrapper-dropdown-blog .dropdown-blog:after,
nav.event-filter-options .wrapper-dropdown-blog .dropdown-blog:after,
nav.event-filter-options .wrapper-dropdown-events .dropdown-blog:after,
nav.blog-post-options .wrapper-dropdown-blog nav.event-filter-options .dropdown-events:after,
nav.event-filter-options .wrapper-dropdown-blog .dropdown-events:after,
nav.event-filter-options .wrapper-dropdown-events .dropdown-events:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -9px;
    border-width: 0 9px 9px 9px;
    border-style: solid;
    border-color: #fff transparent
}

nav.blog-post-options .wrapper-dropdown-blog .dropdown li a,
nav.event-filter-options .wrapper-dropdown-blog .dropdown li a,
nav.event-filter-options .wrapper-dropdown-events .dropdown li a {
    display: block;
    padding: 9px 20px 8px;
    margin: 4px 0;
    text-decoration: none;
    color: #aab1bb;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 600
}

nav.blog-post-options .wrapper-dropdown-blog .dropdown li a:hover,
nav.event-filter-options .wrapper-dropdown-blog .dropdown li a:hover,
nav.event-filter-options .wrapper-dropdown-events .dropdown li a:hover {
    background-color: #f2f3f6
}

nav.blog-post-options .wrapper-dropdown-blog .center,
nav.event-filter-options .wrapper-dropdown-blog .center,
nav.event-filter-options .wrapper-dropdown-events .center {
    text-align: center;
    padding-right: 30px;
    color: #5c6670;
    font-weight: 900
}

nav.blog-post-options .wrapper-dropdown-blog span,
nav.event-filter-options .wrapper-dropdown-blog span {
    color: #7e4082;
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 4px;
    position: relative
}

nav.blog-post-options .wrapper-dropdown-blog span:before,
nav.event-filter-options .wrapper-dropdown-blog span:before,
nav.event-filter-options .wrapper-dropdown-events span:before {
    top: 31%;
    right: -17px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #7e4082;
    border-width: 5px;
    margin-left: -6px;
    border-radius: 10px
}

nav.blog-post-options .wrapper-dropdown-blog span:after,
nav.event-filter-options .wrapper-dropdown-blog span:after,
nav.event-filter-options .wrapper-dropdown-events span:after {
    top: 31%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #eaeaea;
    border-width: 2px;
    right: -14px
}

.blog-home-page {
    position: absolute;
    animation: bugfix infinite 2s;
    -webkit-animation: bugfix infinite 2s
}

@media(min-width:640px) {
    .blog-home-page {
        display: none
    }
}

@-webkit-keyframes bugfix {
    from {
        padding: 0
    }
    to {
        padding: 0
    }
}

@keyframes bugfix {
    from {
        padding: 0
    }
    to {
        padding: 0
    }
}

.invis {
    height: 1px;
    left: -100%;
    position: absolute;
    top: -100%;
    visibility: hidden;
    width: 1px
}

.main-base {
    left: 0;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.mobile-blog-subscribe {
    background: #2b4c59;
    color: #6bccb3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    max-height: 60px;
    height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    width: 100%;
    z-index: 109;
    bottom: 0;
    border-top: 1px solid #6bccb3
}

.mobile-blog-signup-content {
    height: 0;
    max-height: 0;
    list-style: none;
    margin: 0;
    cursor: pointer;
    overflow: auto;
    padding: 0;
    opacity: 0;
    visibility: hidden
}

.mobile-blog-signup-content p.mobile-cta-txt {
    opacity: 0
}

.mobile-cta-blog {
    cursor: pointer;
    display: block;
    max-height: 280px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s 100ms ease;
    transition: opacity .3s 100ms ease
}

@media(min-width:340px) {
    .mobile-cta-blog {
        max-height: 224px
    }
}

.mobile-cta-blog span.mobile-cta-label {
    text-align: left;
    position: absolute;
    bottom: 21px;
    left: 18px;
    right: 0;
    font-weight: bold;
    padding: 0;
    font-size: 18px;
    color: #6bccb3
}

.mobile-cta-blog span.mobile-cta-label i.icon-up {
    position: absolute;
    top: 3px;
    right: 20px;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    border: 1px solid #6bccb3;
    line-height: 24px;
    text-align: center
}

.close-down-arrow {
    text-align: right;
    padding-right: 16px;
    padding-top: 12px;
    line-height: 30px;
    font-size: 30px;
    cursor: pointer;
    display: none;
    height: 40px
}

#nav-expand:checked+.mobile-blog-subscribe .close-down-arrow {
    display: block
}

#nav-expand:checked+.mobile-blog-subscribe .close-down-arrow .icon-down {
    position: absolute;
    top: 16px;
    right: 20px;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    border: 1px solid #6bccb3;
    line-height: 24px;
    text-align: center;
    padding: 0;
    font-size: 18px
}

#nav-expand:checked+.mobile-blog-subscribe {
    max-height: 280px;
    height: 100%;
    left: 0
}

@media(min-width:340px) {
    #nav-expand:checked+.mobile-blog-subscribe {
        max-height: 224px
    }
}

#nav-expand:checked+.mobile-blog-subscribe .mobile-blog-signup-content {
    max-height: 280px;
    float: left;
    width: 90%;
    height: 100%;
    opacity: 1;
    text-align: left;
    margin-top: -48px;
    overflow: hidden;
    font-weight: bold;
    padding: 0;
    font-size: 18px;
    color: #6bccb3;
    padding: 18px;
    cursor: auto;
    visibility: visible
}

@media(min-width:340px) {
    #nav-expand:checked+.mobile-blog-subscribe .mobile-blog-signup-content {
        max-height: 224px
    }
}

#nav-expand:checked+.mobile-blog-subscribe .mobile-blog-signup-content p.mobile-cta-txt {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    opacity: 1
}

#nav-expand:checked+.mobile-blog-subscribe .mobile-cta-blog {
    opacity: 0;
    visibility: hidden
}

#nav-expand:checked+.mobile-blog-subscribe+.main-base {
    left: 0
}

#nav-collapse+.main-base>.overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 108;
    background: rgba(42, 52, 62, .7);
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    overflow: hidden
}

#nav-collapse:checked+.main-base {
    left: 0
}

#nav-collapse:checked+.main-base>.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden
}

.blog-mini-form-btn {
    position: absolute;
    right: -3px;
    width: auto;
    top: 0;
    border: 0;
    background-color: #5c6670;
    color: #fff;
    font-size: 18px;
    height: 100%;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-weight: 900;
    line-height: 18px;
    padding: 6px 32px
}

.form.blog-mini-form {
    position: absolute;
    width: 92%;
    margin: 0 auto
}

.form.blog-mini-form>div {
    position: relative;
    margin: 24px 0 34px
}

.form.blog-mini-form>div>label {
    position: absolute;
    top: 9px;
    left: 20px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-weight: 300;
    color: #a4a9ad
}

.form.blog-mini-form>div>input[type="text"],
.form.blog-mini-form>div>input[type="email"],
.form.blog-mini-form>div>input[type="password"] {
    width: 100%;
    border: 1px solid #d1d3d3;
    padding: 8px;
    background-color: #fff;
    border-radius: 5px;
    color: #5c6670;
    -webkit-transition: border-color .4s ease;
    transition: border-color .4s ease
}

.form.blog-mini-form>div>input[type="text"]:focus,
.form.blog-mini-form>div>input[type="email"]:focus,
.form.blog-mini-form>div>input[type="password"]:focus {
    outline: 0;
    background: #fff;
    border-color: #6bccb3
}

.form.blog-mini-form>div>input[type="text"]:focus+label,
.form.blog-mini-form>div>input[type="email"]:focus+label,
.form.blog-mini-form>div>input[type="password"]:focus+label {
    color: #5c6670;
    font-size: 12px;
    top: -20px;
    left: 4px;
    padding-bottom: 4px
}

.form.blog-mini-form>div>input[type="text"]:valid,
.form.blog-mini-form>div>input[type="email"]:valid,
.form.blog-mini-form>div>input[type="password"]:valid {
    border-color: #6bccb3;
    -webkit-transition: border-color .4s ease, color .7s 400ms;
    transition: border-color .4s ease, color .7s 400ms
}

.form.blog-mini-form>div>input[type="text"]:valid+label,
.form.blog-mini-form>div>input[type="email"]:valid+label,
.form.blog-mini-form>div>input[type="password"]:valid+label {
    color: #6bccb3;
    -webkit-transition: border-color .4s ease, color .7s 400ms;
    transition: border-color .4s ease, color .7s 400ms;
    font-size: 12px;
    top: -20px;
    left: 4px;
    padding-bottom: 4px
}

.form.blog-mini-form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown),
.form.blog-mini-form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown),
.form.blog-mini-form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown) {
    border-color: #e56a54;
    color: #e56a54
}

.form.blog-mini-form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown)+label,
.form.blog-mini-form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown)+label,
.form.blog-mini-form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown)+label {
    color: #e56a54;
    font-size: 12px;
    top: -20px;
    left: 4px;
    padding-bottom: 4px
}

.form.blog-mini-form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown)~.requirements,
.form.blog-mini-form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown)~.requirements,
.form.blog-mini-form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown)~.requirements {
    max-height: 200px;
    padding: 10px 30px 0 0;
    text-align: left;
    font-size: 13px;
    color: #e56a54
}

.form.blog-mini-form>div>input[type="text"]:invalid:focus:not(:placeholder-shown)~.requirements,
.form.blog-mini-form>div>input[type="email"]:invalid:focus:not(:placeholder-shown)~.requirements,
.form.blog-mini-form>div>input[type="password"]:invalid:focus:not(:placeholder-shown)~.requirements {
    max-height: 80px;
    padding: 0;
    text-align: left;
    font-size: 13px;
    color: #e56a54;
    top: 25px;
    position: absolute;
    right: 34%
}

.form.blog-mini-form-footer-plus-mobile>div>input[type="text"]:focus+label,
.form.blog-mini-form-footer-plus-mobile>div>input[type="email"]:focus+label,
.form.blog-mini-form-footer-plus-mobile>div>input[type="password"]:focus+label {
    color: #fff!important
}

.fePost {
    position: relative;
    margin: 1.5rem 0 5rem;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.column {
    height: 100%;
    margin: 12px auto;
    vertical-align: top;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.column.one-column,
.column.two-column,
.column.three-column,
.column.four-column {
    width: 100%;
    padding: 0 12px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    float: left;
    display: inline-block
}

.column.one-column .signup-cta,
.column.two-column .signup-cta,
.column.three-column .signup-cta,
.column.four-column .signup-cta {
    background-color: #eaeaea;
    color: #5c6670;
    padding: 16px;
    text-align: center;
    height: 100%
}

@media(min-width:640px) and (max-width:992px) {
    .column.one-column .signup-cta,
    .column.two-column .signup-cta,
    .column.three-column .signup-cta,
    .column.four-column .signup-cta {
        height: 396px
    }
}

@media(min-width:992px) {
    .column.one-column .signup-cta,
    .column.two-column .signup-cta,
    .column.three-column .signup-cta,
    .column.four-column .signup-cta {
        height: 350px
    }
}

@media(min-width:1441px) {
    .column.one-column .signup-cta,
    .column.two-column .signup-cta,
    .column.three-column .signup-cta,
    .column.four-column .signup-cta {
        height: 360px
    }
}

.column.one-column .signup-cta i,
.column.two-column .signup-cta i,
.column.three-column .signup-cta i,
.column.four-column .signup-cta i {
    font-size: 11rem;
    font-weight: 100;
    margin-bottom: 12px
}

.column.one-column .signup-cta i.aqua,
.column.two-column .signup-cta i.aqua,
.column.three-column .signup-cta i.aqua,
.column.four-column .signup-cta i.aqua {
    color: #6bccb3
}

.column.one-column .signup-cta i.purple,
.column.two-column .signup-cta i.purple,
.column.three-column .signup-cta i.purple,
.column.four-column .signup-cta i.purple {
    color: #7e4082
}

.column.one-column .signup-cta i.deep-purple,
.column.two-column .signup-cta i.deep-purple,
.column.three-column .signup-cta i.deep-purple,
.column.four-column .signup-cta i.deep-purple {
    color: #402b56
}

.column.one-column .signup-cta i.orange,
.column.two-column .signup-cta i.orange,
.column.three-column .signup-cta i.orange,
.column.four-column .signup-cta i.orange {
    color: #e56a54
}

.column.one-column .signup-cta i.charter,
.column.two-column .signup-cta i.charter,
.column.three-column .signup-cta i.charter,
.column.four-column .signup-cta i.charter {
    color: #4ec3e0
}

.column.one-column .signup-cta .cta-headline,
.column.two-column .signup-cta .cta-headline,
.column.three-column .signup-cta .cta-headline,
.column.four-column .signup-cta .cta-headline {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 8px;
    color: #2a343e;
    padding: 2px 16px 0
}

.column.one-column .signup-cta .cta-headline.aqua,
.column.two-column .signup-cta .cta-headline.aqua,
.column.three-column .signup-cta .cta-headline.aqua,
.column.four-column .signup-cta .cta-headline.aqua {
    color: #6bccb3
}

.column.one-column .signup-cta .cta-headline.purple,
.column.two-column .signup-cta .cta-headline.purple,
.column.three-column .signup-cta .cta-headline.purple,
.column.four-column .signup-cta .cta-headline.purple {
    color: #7e4082
}

.column.one-column .signup-cta .cta-headline.deep-purple,
.column.two-column .signup-cta .cta-headline.deep-purple,
.column.three-column .signup-cta .cta-headline.deep-purple,
.column.four-column .signup-cta .cta-headline.deep-purple {
    color: #402b56
}

.column.one-column .signup-cta .cta-headline.orange,
.column.two-column .signup-cta .cta-headline.orange,
.column.three-column .signup-cta .cta-headline.orange,
.column.four-column .signup-cta .cta-headline.orange {
    color: #e56a54
}

.column.one-column .signup-cta .cta-headline.charter,
.column.two-column .signup-cta .cta-headline.charter,
.column.three-column .signup-cta .cta-headline.charter,
.column.four-column .signup-cta .cta-headline.charter {
    color: #4ec3e0
}

.column.one-column .signup-cta .cta-txt,
.column.two-column .signup-cta .cta-txt,
.column.three-column .signup-cta .cta-txt,
.column.four-column .signup-cta .cta-txt {
    font-weight: 300;
    color: #5c6670;
    font-size: 16px;
    line-height: 26px;
    padding: 0 16px
}

@media(min-width:1441px) and (max-width:1600px) {
    .column.one-column .signup-cta .cta-txt,
    .column.two-column .signup-cta .cta-txt,
    .column.three-column .signup-cta .cta-txt,
    .column.four-column .signup-cta .cta-txt {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width:992px) and (max-width:1080px) {
    .column.one-column .signup-cta .cta-txt,
    .column.two-column .signup-cta .cta-txt,
    .column.three-column .signup-cta .cta-txt,
    .column.four-column .signup-cta .cta-txt {
        font-size: 14px;
        line-height: 20px
    }
}

.column.one-column .signup-cta .blog-mini-form,
.column.two-column .signup-cta .blog-mini-form,
.column.three-column .signup-cta .blog-mini-form,
.column.four-column .signup-cta .blog-mini-form {
    position: relative;
    width: 96%
}

.column.one-column .signup-cta .blog-mini-form>div,
.column.two-column .signup-cta .blog-mini-form>div,
.column.three-column .signup-cta .blog-mini-form>div,
.column.four-column .signup-cta .blog-mini-form>div {
    margin: 20px 0
}

.column.one-column .signup-cta .blog-mini-form-btn,
.column.two-column .signup-cta .blog-mini-form-btn,
.column.three-column .signup-cta .blog-mini-form-btn,
.column.four-column .signup-cta .blog-mini-form-btn {
    height: 100%;
    background-color: #6bccb3;
    font-size: 16px;
    padding: 0 14px
}

.column.one-column .product-cta,
.column.two-column .product-cta,
.column.three-column .product-cta,
.column.four-column .product-cta {
    height: 100%;
    background-color: #eaeaea;
    color: #5c6670;
    padding: 30px;
    font-size: 54px;
    text-align: left
}

@media(min-width:640px) and (max-width:992px) {
    .column.one-column .product-cta,
    .column.two-column .product-cta,
    .column.three-column .product-cta,
    .column.four-column .product-cta {
        height: 396px
    }
}

@media(min-width:992px) {
    .column.one-column .product-cta,
    .column.two-column .product-cta,
    .column.three-column .product-cta,
    .column.four-column .product-cta {
        height: 350px
    }
}

@media(min-width:1441px) {
    .column.one-column .product-cta,
    .column.two-column .product-cta,
    .column.three-column .product-cta,
    .column.four-column .product-cta {
        height: 360px
    }
}

.column.one-column .product-cta i,
.column.two-column .product-cta i,
.column.three-column .product-cta i,
.column.four-column .product-cta i {
    font-size: 10rem;
    margin: 10px 0
}

.column.one-column .product-cta .cta-headline,
.column.two-column .product-cta .cta-headline,
.column.three-column .product-cta .cta-headline,
.column.four-column .product-cta .cta-headline {
    padding: 2px 0 0 16px
}

.column.one-column .product-cta .icon-arrow-right,
.column.two-column .product-cta .icon-arrow-right,
.column.three-column .product-cta .icon-arrow-right,
.column.four-column .product-cta .icon-arrow-right {
    font-size: 21px
}

.column.one-column .product-cta .btn-stroke-purple,
.column.two-column .product-cta .btn-stroke-purple,
.column.three-column .product-cta .btn-stroke-purple,
.column.four-column .product-cta .btn-stroke-purple {
    margin: 0;
    color: #7e4082;
    border: 2px solid #7e4082;
    line-height: 10px;
    margin-top: -15px
}

.column.one-column .product-cta .btn-stroke-purple:hover,
.column.two-column .product-cta .btn-stroke-purple:hover,
.column.three-column .product-cta .btn-stroke-purple:hover,
.column.four-column .product-cta .btn-stroke-purple:hover {
    border: 2px solid #402b56;
    color: #402b56;
    background-color: transparent!important
}

.column.one-column .product-cta .subscribe-btn-blog,
.column.one-column .product-cta .subscribe-btn-culture,
.column.two-column .product-cta .subscribe-btn-blog,
.column.two-column .product-cta .subscribe-btn-culture,
.column.three-column .product-cta .subscribe-btn-blog,
.column.three-column .product-cta .subscribe-btn-culture,
.column.four-column .product-cta .subscribe-btn-blog,
.column.four-column .product-cta .subscribe-btn-culture {
    padding: 0 16px
}

@media(max-width:640px) {
    .column.one-column .product-cta .subscribe-btn-blog,
    .column.one-column .product-cta .subscribe-btn-culture,
    .column.two-column .product-cta .subscribe-btn-blog,
    .column.two-column .product-cta .subscribe-btn-culture,
    .column.three-column .product-cta .subscribe-btn-blog,
    .column.three-column .product-cta .subscribe-btn-culture,
    .column.four-column .product-cta .subscribe-btn-blog,
    .column.four-column .product-cta .subscribe-btn-culture {
        display: block
    }
}

.column.one-column a.post-link,
.column.two-column a.post-link,
.column.three-column a.post-link,
.column.four-column a.post-link {
    display: block;
    border-radius: 4px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    margin: 0;
    padding: 0;
    position: relative
}

.column.one-column a.post-link:hover,
.column.two-column a.post-link:hover,
.column.three-column a.post-link:hover,
.column.four-column a.post-link:hover {
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

@media(min-width:767px) {
    .column.one-column a.post-link:hover .postInner:before,
    .column.two-column a.post-link:hover .postInner:before,
    .column.three-column a.post-link:hover .postInner:before,
    .column.four-column a.post-link:hover .postInner:before {
        opacity: .85;
        border-radius: 4px
    }
}

@media(min-width:767px) {
    .column.one-column a.post-link:after,
    .column.two-column a.post-link:after,
    .column.three-column a.post-link:after,
    .column.four-column a.post-link:after {
        content: 'Read More...';
        color: #fff;
        font-size: 36px;
        position: absolute;
        z-index: 5;
        font-weight: 900;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
}

.column.one-column a.post-link:hover:after,
.column.two-column a.post-link:hover:after,
.column.three-column a.post-link:hover:after,
.column.four-column a.post-link:hover:after {
    opacity: 1
}

.column.one-column .postInner,
.column.two-column .postInner,
.column.three-column .postInner,
.column.four-column .postInner {
    border: 1px solid #eaeaea;
    border-radius: 2px;
    padding: 20px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    height: 100%
}

@media(min-width:767px) and (max-width:992px) {
    .column.one-column .postInner,
    .column.two-column .postInner,
    .column.three-column .postInner,
    .column.four-column .postInner {
        height: 396px
    }
}

@media(min-width:992px) {
    .column.one-column .postInner,
    .column.two-column .postInner,
    .column.three-column .postInner,
    .column.four-column .postInner {
        height: 350px
    }
}

@media(min-width:1441px) {
    .column.one-column .postInner,
    .column.two-column .postInner,
    .column.three-column .postInner,
    .column.four-column .postInner {
        height: 360px
    }
}

.column.one-column .postInner:before,
.column.two-column .postInner:before,
.column.three-column .postInner:before,
.column.four-column .postInner:before {
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(52, 25, 66, .94);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #341942), color-stop(36%, #341942), color-stop(100%, #57225c));
    background: -webkit-linear-gradient(45deg, #341942 0%, #341942 36%, #57225c 100%);
    background: linear-gradient(45deg, #341942 0%, #341942 36%, #57225c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#341942', endColorstr='#57225c', GradientType=1);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 4px
}

.column.one-column .postInner:after,
.column.two-column .postInner:after,
.column.three-column .postInner:after,
.column.four-column .postInner:after {
    clear: both
}

.column.one-column .postInner a,
.column.two-column .postInner a,
.column.three-column .postInner a,
.column.four-column .postInner a {
    padding: 0;
    margin: 0
}

.column.one-column .postInner .post-image,
.column.two-column .postInner .post-image,
.column.three-column .postInner .post-image,
.column.four-column .postInner .post-image {
    width: 100%;
    height: 140px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: inline-block
}

.column.one-column .postInner .post-txt,
.column.two-column .postInner .post-txt,
.column.three-column .postInner .post-txt,
.column.four-column .postInner .post-txt {
    width: 100%;
    display: block;
    float: none;
    clear: both;
    text-align: left;
    color: #2a343e
}

@media(min-width:640px) {
    .column.one-column .postInner .post-txt,
    .column.two-column .postInner .post-txt,
    .column.three-column .postInner .post-txt,
    .column.four-column .postInner .post-txt {
        float: right;
        width: 66%;
        padding: 0 30px 0
    }
}

@media(min-width:767px) {
    .column.one-column {
        width: 50%
    }
}

@media(min-width:992px) {
    .column.one-column {
        width: 33.33333333%
    }
}

@media(min-width:1441px) {
    .column.one-column {
        width: 25%
    }
}

.column.one-column .postInner {
    padding: 14px;
    display: block
}

@media(min-width:640px) {
    .column.one-column .postInner {
        padding: 0
    }
}

.column.one-column .postInner a {
    display: block;
    margin: 12px 0
}

.column.one-column .postInner .post-image {
    width: 100%;
    margin-bottom: 10px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

@media(min-width:1441px) {
    .column.one-column .postInner .post-image {
        height: 150px
    }
}

@media(min-width:640px) {
    .column.one-column .postInner .post-txt {
        width: 100%;
        padding: 0 20px;
        float: none
    }
}

.column.one-column .postInner:before {
    display: none
}

.column.one-column .post-category {
    font-size: 14px;
    font-weight: 600;
    color: #2a343e;
    margin-bottom: 4px
}

.column.one-column .post-category.aqua-green {
    color: #6bccb3
}

.column.one-column .post-category.emerald-green {
    color: #2b4c59
}

.column.one-column .post-category.lte-purple {
    color: #7e4082
}

.column.one-column .post-category.drk-purple {
    color: #402b56
}

.column.one-column .post-category.salmon {
    color: #e56a54
}

.column.one-column .post-category.charter-blue {
    color: #4ec3e0
}

.column.one-column .post-category.canary-yellow {
    color: #f6dc6b
}

.column.one-column .postInner .post-txt .post-title {
    font-size: 18px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;
    max-height: 52px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media(min-width:1441px) {
    .column.one-column .postInner .post-txt .post-title {
        font-size: 20px
    }
}

.column.one-column .postInner .post-txt .post-title h3.post-subtitle {
    display: none
}

@media(max-width:992px) {
    .column.one-column .postInner .post-txt .post-title h3.post-subtitle {
        display: block
    }
}

.column.one-column .postInner .post-txt .post-summary {
    display: none
}

@media(max-width:640px) {
    .column.one-column .postInner .post-txt .post-summary {
        display: -webkit-box
    }
}

.column.one-column .continue-reading-btn {
    display: inline-block;
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 0 0;
    -webkit-transition: right .3s ease-in-out, color .2s ease-in-out;
    transition: right .3s ease-in-out, color .2s ease-in-out
}

.column.one-column .continue-reading-btn:hover,
.column.one-column .continue-reading-btn:active {
    color: #402b56!important
}

.column.one-column .continue-reading-btn:hover i,
.column.one-column .continue-reading-btn:active i {
    right: -4px;
    color: #402b56
}

a.postInner:hover .continue-reading-btn i, a.postInner:hover .continue-reading-btn {
    right: -4px;
    color: #402b56;
}

.column.one-column .continue-reading-btn i {
    right: 0;
    top: 5px;
    position: relative;
    font-size: 20px;
    line-height: 0;
    -webkit-transition: right .3s ease;
    transition: right .3s ease
}

@media(max-width:768px) {
    .column.one-column .continue-reading-btn {
        font-size: 16px
    }
}

@media(min-width:767px) {
    .column.two-column {
        width: 50%
    }
}

@media(min-width:992px) {
    .column.two-column {
        width: 66.66666667%
    }
}

@media(min-width:1441px) {
    .column.two-column {
        width: 50%
    }
}

.column.two-column .postInner {
    padding: 14px
}

@media(min-width:640px) and (max-width:992px) {
    .column.two-column .postInner {
        padding: 0
    }
}

@media(min-width:992px) {
    .column.two-column .postInner {
        padding: 20px
    }
}

.column.two-column .postInner .post-image {
    width: 100%;
    margin-bottom: 10px
}

@media(min-width:992px) {
    .column.two-column .postInner .post-image {
        height: 100%;
        width: 33%;
        margin-bottom: 0
    }
}

@media(min-width:640px) and (max-width:992px) {
    .column.two-column .postInner .post-txt {
        width: 100%;
        padding: 0;
        float: none;
        padding: 0 20px 20px
    }
}

.column.two-column .postInner .post-txt .post-title {
    font-size: 21px;
    line-height: 1.2
}

@media(min-width:1441px) {
    .column.two-column .postInner .post-txt .post-title {
        font-size: 24px
    }
}

.column.two-column .postInner .post-txt .post-title h3.post-subtitle {
    font-size: 16px;
    line-height: 1.2
}

@media(min-width:1441px) {
    .column.two-column .postInner .post-txt .post-title h3.post-subtitle {
        font-size: 18px
    }
}

@media(min-width:640px) and (max-width:992px) {
    .column.two-column .post-summary {
        -webkit-line-clamp: 2
    }
}

@media(min-width:1441px) {
    .column.four-column {
        width: 75%
    }
}

.column.four-column .postInner {
    padding: 14px
}

@media(min-width:767px) {
    .column.four-column .postInner {
        padding: 20px
    }
}

.column.four-column .postInner .post-image {
    width: 100%;
    margin-bottom: 10px
}

@media(min-width:767px) {
    .column.four-column .postInner .post-image {
        height: 100%;
        width: 33%;
        margin-bottom: 0
    }
}

@media(min-width:640px) and (max-width:767px) {
    .column.four-column .postInner .post-txt {
        width: 100%;
        padding: 0;
        float: none;
        padding: 0 0 12px
    }
}

.column .post-byline {
    color: #4b4b4b;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5
}

@media(min-width:992px) {
    .column .post-byline {
        font-size: 13px
    }
}

.column .post-byline span.post-comments {
    font-size: 11px;
    font-weight: 400;
    display: inline
}

@media(min-width:992px) {
    .column .post-byline span.post-comments {
        display: block
    }
}

.column .post-byline span.post-comments:before {
    content: ' • '
}

@media(min-width:992px) {
    .column .post-byline span.post-comments:before {
        display: none
    }
}

.column .post-title {
    margin: 10px auto 0;
    color: #402b56;
    font-weight: 500;
    letter-spacing: -.063rem;
    font-size: 21px;
    line-height: 27px
}

@media(min-width:640px) {
    .column .post-title {
        font-size: 28px;
        line-height: 34px
    }
}

@media(min-width:1441px) {
    .column .post-title {
        font-size: 32px;
        line-height: 37px
    }
}

.column .post-title h3.post-subtitle {
    margin: 10px auto 10px;
    font-size: 16px;
    line-height: 1.25;
    color: #2a343e;
    font-style: italic
}

@media(min-width:992px) {
    .column .post-title h3.post-subtitle {
        font-size: 18px
    }
}

.column .post-summary {
    color: #2a343e;
    font-size: 18px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;
    max-height: 120px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.guest-post {
    position: absolute;
    top: 54px;
    background-color: rgba(126, 64, 130, .5);
    color: #fff;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    padding: 9px 16px 9px 20px;
    z-index: 3
}

.guest-post:after {
    content: 'Guest Post'
}

.new-post {
    position: absolute;
    height: 42px;
    width: 42px;
    top: 0;
    left: 42px;
    background-color: rgba(42, 52, 62, .85);
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 84px;
    line-height: 42px;
    text-align: center;
    z-index: 108
}

@media(min-width:640px) {
    .new-post {
        top: -8px;
        left: 34px
    }
}

.new-post:after {
    content: 'NEW'
}

.tagBG {
    position: relative;
    margin: 8px 0 6px
}

@media(min-width:640px) {
    .tagBG {
        margin: 0 0 6px
    }
}

@media(min-width:767px) {
    .tagBG {
        margin: 0 0 18px
    }
}

.tagBG .postTag {
    display: block;
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    color: #5c6670;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 26px;
    padding: 0 12px 0 0
}

@media(min-width:767px) {
    .tagBG .postTag {
        background-color: #5c6670;
        margin-left: 0;
        font-size: 13px;
        line-height: 1;
        padding: 9px 15px;
        text-align: left;
        border-radius: 0;
        width: 100%;
        color: #fff
    }
}

.tagBG .postTag:before {
    content: ' ';
    left: 0;
    top: -.2rem;
    display: inline;
    position: absolute;
    height: 16px;
    width: 16px;
    line-height: 16px;
    border-radius: 32px;
    background-color: #5c6670
}

@media(min-width:767px) {
    .tagBG .postTag:before {
        display: none
    }
}

.tagBG .postTag:after {
    display: none
}

@media(min-width:992px) {
    .tagBG .postTag:after {
        display: block;
        content: '';
        position: absolute;
        bottom: -14px;
        left: 0;
        border-color: #5c6670 transparent transparent;
        border-style: solid;
        border-width: 15px 15px 0 0;
        height: 0;
        width: 0
    }
}

.tagBG .postTag.aqua {
    background-color: #6bccb3
}

@media(max-width:767px) {
    .tagBG .postTag.aqua {
        color: #6bccb3;
        background-color: transparent
    }
}

.tagBG .postTag.aqua:before {
    background-color: #6bccb3
}

.tagBG .postTag.aqua:after {
    border-color: #6bccb3 transparent transparent
}

.tagBG .postTag.emerald {
    background-color: #2b4c59
}

@media(max-width:992px) {
    .tagBG .postTag.emerald {
        color: #2b4c59;
        background-color: transparent
    }
}

.tagBG .postTag.emerald:before {
    background-color: #2b4c59
}

.tagBG .postTag.emerald:after {
    border-color: #2b4c59 transparent transparent
}

.tagBG .postTag.light-purple {
    background-color: #7e4082
}

@media(max-width:992px) {
    .tagBG .postTag.light-purple {
        color: #7e4082;
        background-color: transparent
    }
}

.tagBG .postTag.light-purple:before {
    background-color: #7e4082
}

.tagBG .postTag.light-purple:after {
    border-color: #7e4082 transparent transparent
}

.tagBG .postTag.dark-purple {
    background-color: #402b56
}

@media(max-width:992px) {
    .tagBG .postTag.dark-purple {
        color: #402b56;
        background-color: transparent
    }
}

.tagBG .postTag.dark-purple:before {
    background-color: #402b56
}

.tagBG .postTag.dark-purple:after {
    border-color: #402b56 transparent transparent
}

.tagBG .postTag.orange {
    background-color: #e56a54
}

@media(max-width:992px) {
    .tagBG .postTag.orange {
        color: #e56a54;
        background-color: transparent
    }
}

.tagBG .postTag.orange:before {
    background-color: #e56a54
}

.tagBG .postTag.orange:after {
    border-color: #e56a54 transparent transparent
}

.tagBG .postTag.blue {
    background-color: #4ec3e0
}

@media(max-width:992px) {
    .tagBG .postTag.blue {
        color: #4ec3e0;
        background-color: transparent
    }
}

.tagBG .postTag.blue:before {
    background-color: #4ec3e0
}

.tagBG .postTag.blue:after {
    border-color: #4ec3e0 transparent transparent
}

.tagBG .postTag.canary {
    background-color: #f6dc6b
}

@media(max-width:992px) {
    .tagBG .postTag.canary {
        color: #f6dc6b;
        background-color: transparent
    }
}

.tagBG .postTag.canary:before {
    background-color: #f6dc6b
}

.tagBG .postTag.canary:after {
    border-color: #f6dc6b transparent transparent
}

.tagBG .postTag.obsidian {
    background-color: #2a343e
}

@media(max-width:992px) {
    .tagBG .postTag.obsidian {
        color: #2a343e;
        background-color: transparent
    }
}

.tagBG .postTag.obsidian:before {
    background-color: #2a343e
}

.tagBG .postTag.obsidian:after {
    border-color: #2a343e transparent transparent
}



.tagBG .postTag.deep-purple {
    background-color: #402b56
}

@media(max-width:992px) {
    .tagBG .postTag.deep-purple {
        color: #402b56;
        background-color: transparent
    }
}

.tagBG .postTag.deep-purple:before {
    background-color: #402b56
}

.tagBG .postTag.deep-purple:after {
    border-color: #402b56 transparent transparent
}







.subscribe-btn-blog,
.subscribe-btn-culture {
    display: none
}

.subscribe-btn-blog a.btn-blog-stroke-white,
.subscribe-btn-culture a.btn-blog-stroke-white,
.subscribe-btn-culture a.btn-culture-stroke-white {
    margin: 24px auto 0;
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent!important;
    border-radius: 36px;
    padding: 4px 15px 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.subscribe-btn-blog a.btn-blog-stroke-white span,
.subscribe-btn-culture a.btn-blog-stroke-white span,
.subscribe-btn-culture a.btn-culture-stroke-white span {
    position: relative;
    bottom: 4px
}

.subscribe-btn-blog a.btn-blog-stroke-white i.icon-arrow-right,
.subscribe-btn-culture a.btn-blog-stroke-white i.icon-arrow-right,
.subscribe-btn-culture a.btn-culture-stroke-white i.icon-arrow-right {
    position: relative;
    font-size: 26px;
    top: 2px;
    left: 6px
}

.subscribe-btn-blog a.btn-blog-stroke-white:hover,
.subscribe-btn-culture a.btn-blog-stroke-white:hover,
.subscribe-btn-culture a.btn-culture-stroke-white:hover {
    background-color: #fff!important;
    color: #402b56;
    border-color: #fff
}

.subscribe-btn-blog a.btn-blog-stroke-white:active,
.subscribe-btn-culture a.btn-blog-stroke-white:active,
.subscribe-btn-culture a.btn-culture-stroke-white:active,
.subscribe-btn-blog a.btn-blog-stroke-white:focus,
.subscribe-btn-culture a.btn-blog-stroke-white:focus,
.subscribe-btn-culture a.btn-culture-stroke-white:focus {
    color: #402b56!important;
    background-color: #fff!important
}

@media only screen and (min-width:640px) and (min-height:600px) {
    .subscribe-btn-blog,
    .subscribe-btn-culture {
        display: block
    }
}

.subscribe-btn-blog a.btn-blog-stroke-white {
    padding: 6px 20px 8px;
    font-size: 18px;
    line-height: auto
}

footer.blog-footer {
    display: none
}

@media(min-width:640px) {
    footer.blog-footer {
        display: block;
        position: relative
    }
}

footer.blog-footer .jumbotron {
    margin-bottom: 0
}

footer.blog-footer .jumbotron h1 {
    font-size: 32px;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0 60px 10px
}

footer.blog-footer .jumbotron p.lead {
    font-size: 18px;
    font-weight: 600;
    padding: 0 60px 10px
}

footer.blog-footer .mini-form-container {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center
}

footer.blog-footer .blog-footer-hero {
    max-height: 360px;
    min-height: 260px;
    background: url(../images/bg_blog_footer_signup_inner_top_left.png) top left no-repeat;
    background-color: #7e4082;
    background-size: 100%;
    padding: 5% 4% 4%
}

@media(min-width:992px) {
    footer.blog-footer .blog-footer-hero {
        background: url(../images/bg_blog_footer_signup_inner_top_right.png) center right no-repeat, url(../images/bg_blog_footer_signup_inner_top_left.png) center left no-repeat;
        background-color: #7e4082;
        background-size: 33%;
        max-height: 400px
    }
}

footer.blog-footer .blog-mini-form {
    position: relative;
    width: 100%;
    margin: 0 auto
}

@media(min-width:360px) {
    footer.blog-footer .blog-mini-form {
        width: 100% !important
			max-width: 340px;
    }
}

footer.blog-footer .blog-mini-form>div {
    margin: 0 auto
}

footer.blog-footer .blog-mini-form>div>label {
    top: 14px
}

footer.blog-footer .blog-mini-form input {
    height: 50px;
    border-radius: 2px
}

footer.blog-footer .blog-mini-form>div>input[type="text"],
footer.blog-footer .blog-mini-form>div>input[type="email"],
footer.blog-footer .blog-mini-form>div>input[type="password"] {
    color: #5c6670
}

footer.blog-footer .blog-mini-form-btn {
    position: relative;
    width: auto;
    right: 0;
    display: inline-block;
    margin-top: 20px;
    top: 0;
    border: 0;
    background-color: #402b56;
    color: #fff;
    font-size: 18px;
    height: auto;
    border-radius: 100px;
    font-weight: 900;
    padding: 14px 34px;
    text-align: center
}

.pagination-nav {
    text-align: center
}

.pagination {
    margin: 30px auto 10px;
    font-weight: 700
}

@media(max-width:640px) {
    .pagination {
        margin-bottom: 50px
    }
}

.pagination>li>a,
.pagination>li>span {
    color: #7e4082;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-size: 18px;
    margin: 0 6px;
    border: 1px solid #7e4082;
    border-radius: 100%;
    padding: 4px 12px;
    font-weight: 900;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.pagination>li>a:hover,
.pagination>li>span:hover {
    background-color: #7e4082;
    border: 1px solid #7e4082;
    color: #fff
}

.pagination>li>a:active,
.pagination>li>a:focus,
.pagination>li>span:active,
.pagination>li>span:focus {
    outline: none;
    position: relative;
    background-color: #7e4082;
    border: 1px solid #7e4082;
    color: #fff;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.pagination .active>a {
    background-color: #6bccb3;
    border: 1px solid #6bccb3
}

.pagination>li>a>span>i {
    position: relative;
    top: 4px;
    font-size: 24px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border: none;
    position: relative;
    padding: 4px 0
}

.pagination>li:first-child>a:hover,
.pagination>li:first-child>span:hover,
.pagination>li:last-child>a:hover,
.pagination>li:last-child>span:hover {
    background-color: transparent;
    color: #402b56
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    left: 0;
    -webkit-transition: left .2s ease;
    transition: left .2s ease
}

.pagination>li:first-child>a:hover,
.pagination>li:first-child>span:hover {
    left: -2px
}

.pagination>li:first-child>a:active,
.pagination>li:first-child>span:active {
    left: -6px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    right: 0;
    -webkit-transition: right .2s ease;
    transition: right .2s ease
}

.pagination>li:last-child>a:hover,
.pagination>li:last-child>span:hover {
    right: -2px
}

.pagination>li:last-child>a:active,
.pagination>li:last-child>span:active {
    right: -6px
}

.pagination>li.disabled:first-child>a:hover {
    color: #a4a9ad;
    left: 0
}

.pagination>li.disabled:last-child>a:hover {
    color: #a4a9ad;
    right: 0
}

@media(max-width:767px) {
    nav.blog-post-options input[type="text"] {
        margin-top: 16px
    }
}

nav.blog-post-options input[type="text"]:focus {
    outline: 1px solid #6bccb3!important
}

.post-page-wrapper {
    padding-top: 80px
}

@media(min-width:640px) and (max-width:767px) {
    .post-page-wrapper {
        padding-top: 25px
    }
}

@media(min-width:767px) {
    .post-page-wrapper {
        padding-top: 110px
    }
}

.post-page-wrapper .blog-large-container {
    margin-bottom: 4rem
}

@media(min-width:640px) {
    .post-page-wrapper .blog-large-container {
        width: 92%
    }
}

.blog-large-container p {
    color: #525961;
    font-size: 18px;
    line-height: 1.7em
}

.blog-large-container p a {
    font-weight: 700;
    -webkit-transition: color .3s;
    transition: color .3s
}

.nav-solid-purple {
    display: none
}

@media(min-width:767px) {
    .nav-solid-purple {
        position: absolute!important;
        display: block!important;
        background: transparent;
        background-color: #402b56;
        max-height: 70px;
        min-height: 50px;
        height: 100%;
        border-radius: 0;
        padding-left: 0!important
    }
}

.blog-navbar-brand {
    padding-left: 14px;
    opacity: .1
}

.blog-navbar-brand:before {
    font-size: 72px!important
}

.navbar-brand.pad-less {
    padding-top: 20px;
    padding-bottom: 14px
}

.navbar-right.pad-less {
    padding-top: 14px;
    padding-bottom: 14px
}

a.nav-btn.blog-button-aqua {
    background-color: #6bccb3!important;
    font-weight: 700!important;
    padding: 9px 36px!important;
    line-height: inherit!important
}

.fePost-social .scrolling-post-info {
    display: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.fePost-social.affix {
    display: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media(min-width:992px) {
    .fePost-social.affix {
        display: block;
        position: fixed;
        top: 0!important;
        left: 0!important;
        z-index: 108!important;
        background-color: #fff;
        border-bottom: 1px solid #d1d3d3;
        width: 100%!important;
        padding: 12px 30px 5px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
    .fePost-social.affix ul.social {
        float: right;
        margin-bottom: 10px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

@media(min-width:992px) and (max-width:1280px) {
    .fePost-social.affix ul.social li a {
        padding: 6px 8px;
        margin: 0
    }
}

@media(min-width:992px) {
    .fePost-social.affix .scrolling-post-info {
        display: block;
        float: left;
        padding-left: 110px;
        padding-top: 5px
    }
    .fePost-social.affix .scrolling-post-info i.icon-Frontline-Icon {
        font-size: 62px;
        vertical-align: middle;
        color: #7e4082;
        line-height: 0
    }
    .fePost-social.affix .scrolling-post-info .post-type-tag {
        font-weight: 500;
        font-size: 12px;
        margin-bottom: 0;
        margin-left: 20px
    }
}

@media(min-width:992px) and (max-width:1280px) {
    .fePost-social.affix .scrolling-post-info .post-type-tag {
        margin-left: 12px
    }
}

@media(min-width:992px) {
    .fePost-social.affix .scrolling-post-info .page-post-title {
        font-weight: 600;
        font-size: 15px;
        text-transform: none;
        letter-spacing: .03rem;
        padding-left: 20px
    }
}

@media(min-width:992px) and (max-width:1280px) {
    .fePost-social.affix .scrolling-post-info .page-post-title {
        padding-left: 14px
    }
}

@media(max-height:540px) {
    .fePost-social.affix {
        display: none
    }
    #blog-post--page {
        padding-top: 50px
    }
}

.fePost-social ul.social {
    display: block;
    margin-bottom: 34px;
    padding: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media(max-width:480px) {
    .fePost-social ul.social {
        text-align: center;
        margin-bottom: 14px
    }
}

.fePost-social ul.social li {
    display: inline-block;
    padding-bottom: 12px
}

@media(min-width:640px) {
    .fePost-social ul.social li {
        display: inline;
        padding-bottom: 0
    }
}

.fePost-social ul.social li a {
    display: inline-block;
    background-color: #6bccb3;
    border-radius: 100px;
    color: #1D1934;
    margin: 0 5px;
    padding: 8px 14px;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
    text-align: center;
    font-weight: 900
}

.fePost-social ul.social li a span.comment-count:before {
    content: '  '
}

.fePost-social ul.social li a.comments {
    font-size: 14px;
    background-color: transparent;
    text-transform: uppercase;
    color: #5c6670;
    padding: 2px
}

.fePost-social ul.social li a.comments i {
    font-size: 30px;
    position: relative;
    top: 8px
}

.fePost-social ul.social li a.comments i:after {
    display: none
}

.post-type-tag {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
    background-color: transparent;
    padding: 0 0 0 26px;
    font-size: 14px;
    color: #5c6670;
    text-transform: uppercase;
    font-weight: 700
}

.post-type-tag:before {
    content: ' ';
    left: 0;
    top: 50%;
    display: inline;
    position: absolute;
    height: 16px;
    width: 16px;
    line-height: 16px;
    border-radius: 32px;
    background-color: #5c6670;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.post-type-tag.aqua {
    color: #6bccb3
}

.post-type-tag.aqua:before {
    background-color: #6bccb3
}

.post-type-tag.emerald {
    color: #2b4c59
}

.post-type-tag.emerald:before {
    background-color: #2b4c59
}

.post-type-tag.canary {
    color: #f6dc6b
}

.post-type-tag.canary:before {
    background-color: #f6dc6b
}

.post-type-tag.smog {
    color: #a4a9ad
}

.post-type-tag.smog:before {
    background-color: #a4a9ad
}

.post-type-tag.purple-haze {
    color: #7e4082
}

.post-type-tag.purple-haze:before {
    background-color: #7e4082
}

.post-type-tag.deep-purple {
    color: #402b56
}

.post-type-tag.deep-purple:before {
    background-color: #402b56
}

.post-type-tag.salmon {
    color: #e56a54
}

.post-type-tag.salmon:before {
    background-color: #e56a54
}

.post-type-tag.charter {
    color: #2b4c59
}

.post-type-tag.charter:before {
    background-color: #4ec3e0
}

.post-type-tag.obsidian {
    color: #2a343e
}

.post-type-tag.obsidian:before {
    background-color: #2a343e
}

span.post-byline {
    color: #414c56;
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none
}

@media(min-width:640px) {
    span.post-byline {
        display: inline;
        margin-left: 12px
    }
}

@media(min-width:992px) {
    span.post-byline {
        font-size: 13px
    }
}

span.post-byline span.post-comments {
    font-size: 11px;
    font-weight: 400;
    display: inline
}

@media(min-width:992px) {
    span.post-byline span.post-comments {
        display: block
    }
}

span.post-byline span.post-comments:before {
    content: ' • '
}

@media(min-width:992px) {
    span.post-byline span.post-comments:before {
        display: none
    }
}

.page-post-title {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1.25;
    color: #2a343e;
    font-weight: 700;
    letter-spacing: -.063rem
}

.post-page-img {
    width: 100%
}

.author-bio {
    background-color: #eaeaea;
    margin: 40px 0;
    padding: 12px 40px 16px;
    color: #a4a9ad;
    border-radius: 3px;
    line-height: 2.6rem
}

.author-bio h3.about-author {
    font-style: italic;
    color: #402b56;
    font-weight: 400
}

.author-bio img.author-pic {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: block;
    float: none;
    margin: 0 auto 20px
}

@media(min-width:640px) {
    .author-bio img.author-pic {
        float: left;
        margin: 0 40px 16px 0
    }
}

.fePost-sidebar {
    display: none
}

@media(min-width:992px) {
    .fePost-sidebar {
        display: block;
        min-height: 600px;
        height: 100%
    }
}

.fePost-sidebar.sticky {
    margin-top: 20px!important
}

@media(min-width:9922px) {
    .fePost-sidebar.sticky {
        margin-top: 80px!important;
        -webkit-transition: margin .2s ease;
        transition: margin .2s ease
    }
}

.fePost-sidebar .recent-posts {
    color: #414C56;
    font-weight: 500;
    margin-bottom: 16px;
    border-bottom: 1px solid #d1d3d3;
    padding-bottom: 16px
}

.fePost-sidebar ul,
.fePost-sidebar li {
    list-style-type: none;
    padding: 0
}

.fePost-sidebar li {
    margin-top: 16px;
    border-bottom: 1px solid #d1d3d3
}

.fePost-sidebar li a {
    display: block
}

.fePost-sidebar li a h4.recent-post-title {
    color: #5c6670;
    line-height: 1.5;
    font-weight: 700;
    font-family: 'Lato';
    font-size: 18px;
    margin-top: 0
}

.related-posts {
    display: block;
    margin: 40px auto;
    text-align: center;
    max-width: 992px;
    overflow: auto
}

.related-posts .recommended-header {
    color: #402b56;
    position: relative;
    display: block;
    margin: 0 auto 30px
}

.related-posts .recommended-header span.next-enjoy {
    position: relative;
    padding: 0 18px 0 12px;
    background-color: #fff
}

.related-posts .recommended-header p {
    width: auto;
    position: relative
}

.related-posts .recommended-header p.next-border {
    position: absolute;
    width: 100%;
    top: 24px;
    padding: 0 20px 0 12px;
    border-bottom: 1px solid #a4a9ad
}

@media(max-width:480px) {
    .related-posts .recommended-header p.next-border {
        display: none
    }
}

.related-posts .recommended-header i {
    font-size: 48px;
    color: #7e4082;
    vertical-align: middle;
    margin-left: 6px
}

.related-posts .post-tag-header {
    max-height: 45px;
    min-height: 34px;
    margin-bottom: 8px;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0 6px 6px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 24px
}

@media(min-width:767px) {
    .related-posts .post-tag-header {
        text-align: left
    }
}

.related-posts .post-tag-header i {
    font-size: 32px;
    vertical-align: middle;
    margin-right: 6px
}

.related-posts .post-tag-header img {
    max-width: 28px;
    margin-right: 20px;
}

.related-posts .column.one-column {
    width: 100%;
    height: 100%;
    padding: 0
}

@media(min-width:767px) {
    .related-posts .column.one-column {
        width: 33.33333%;
        padding-right: 30px
    }
}

.related-posts .column.one-column.no-padding {
    padding-right: 0
}

.related-posts .column.one-column .post-title {
    color: #2a343e
}

.related-posts .column.one-column .postInner {
    height: 100%;
    padding: 0
}

.related-posts .column.one-column .postInner .post-txt {
    padding: 4px 20px 12px
}

.related-posts .column.one-column .continue-reading-btn {
    color: #7e4082;
    margin-bottom: 6px;
    display: inline-block
}

.related-posts .column.one-column .product-cta {
    height: auto;
    padding: 24px 30px;
    line-height: 0
}

.related-posts .column.one-column .cta-headline {
    padding: 0;
    font-size: 18px;
    font-weight: 700
}

.related-posts .column.one-column .cta-txt {
    font-size: 15px;
    line-height: 1.9rem;
    color: #5c6670;
    font-weight: 400;
    padding: 0;
    display: block;
    margin-bottom: 16px
}

.column.one-column .signup-cta {
    background-color: #402b56;
    border-radius: 2px
}

.signup-cta .cta-txt {
    color: #fff!important;
    font-weight: 400!important
}

.column.one-column .signup-cta.product-cta {
    background-color: #eaeaea
}

.product-cta .cta-txt {
    color: #5c6670!important
}

div.sidebarCTA {
    display: none
}

@media(min-width:640px) {
    div.sidebarCTA {
        display: block;
        position: relative
    }
}

div.sidebarCTA .jumbotron {
    margin-bottom: 0
}

div.sidebarCTA .jumbotron h1 {
    font-size: 24px;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 12px 0 10px
}

div.sidebarCTA .jumbotron p.lead {
    font-size: 17px;
    font-weight: 900;
    padding: 0 20px
}

div.sidebarCTA .mini-form-container {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center
}

div.sidebarCTA .blog-sidebar-hero {
    max-height: 360px;
    min-height: 260px;
    background: url(../images/bg_blog_footer_signup_inner_top_left.png) top left no-repeat;
    background-color: #7e4082;
    background-size: 100%;
    padding: 5% 4% 4%
}

@media(min-width:992px) {
    div.sidebarCTA .blog-sidebar-hero {
        background: url(../images/bg_blog_footer_signup_inner_top_right.png) center right no-repeat, url(../images/bg_blog_footer_signup_inner_top_left.png) center left no-repeat;
        background-color: #7e4082;
        background-size: 33%;
        max-height: 400px
    }
}

div.sidebarCTA .blog-mini-form {
    position: relative;
    width: 100%;
    margin: 0 auto
}

@media(min-width:360px) {
    div.sidebarCTA .blog-mini-form {
        width: 340px
    }
}

div.sidebarCTA .blog-mini-form>div {
    margin: 0 auto
}

div.sidebarCTA .blog-mini-form>div>label {
    top: 14px
}

div.sidebarCTA .blog-mini-form input {
    height: 50px;
    border-radius: 2px
}

div.sidebarCTA .blog-mini-form>div>input[type="text"],
footer.sidebarCTA .blog-mini-form>div>input[type="email"],
footer.sidebarCTA .blog-mini-form>div>input[type="password"] {
    color: #5c6670
}

div.sidebarCTA .blog-mini-form-btn {
    position: relative;
    width: auto;
    right: 0;
    display: inline-block;
    margin-top: 20px;
    top: 0;
    border: 0;
    background-color: #402b56;
    color: #fff;
    font-size: 18px;
    height: auto;
    border-radius: 100px;
    font-weight: 900;
    padding: 14px 34px;
    text-align: center
}

div.sidebarCTA .blog-mini-form label.mktoLabel.mktoHasWidth {
    width: auto!important;
    color: #fff!important;
    text-align: left!important;
    display: block!important
}

div.sidebarCTA .blog-mini-form .mktoAsterix {
    width: auto!important;
    display: inline!important;
    margin-right: 4px
}

div.sidebarCTA .blog-mini-form button.mktoButton {
    margin-top: 45px!important;
    padding: 0 30px!important;
    border-radius: 36px!important
}

@media(max-width:480px) {
    .related-posts .recommended-header i {
        display: block;
        margin-bottom: 14px;
        margin-left: 0
    }
}

.about-wrapper,
.culture-wrapper,
.people-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 50px;
    overflow-x: hidden
}

@media only screen and (min-width:767px) and (min-height:540px) {
    .about-wrapper,
    .culture-wrapper,
    .people-wrapper {
        padding-top: 0
    }
}

.nav-logo {
    margin-left: -6px;
    margin-right: -12px;
    max-width: 160px
}
.nav-logo:before {
    font-family: 'iconfont'!important;
    content: '';
    color: #fff;
    vertical-align: middle;
    font-size: 54px
}

@media(min-width:767px) {
    .nav-logo {
        margin-right: 0
    }
    .nav-logo:before {
        content: '';
        font-size: 80px;
        position: relative;
        top: 4px;
        left: -14px
    }
}

#intro,
.people-wrapper #people-intro {
    position: relative;
    min-height: 100vh;
    height: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#intro header,
.people-wrapper #people-intro header,
#intro #video,
.people-wrapper #people-intro #video,
#intro .people-wrapper #people-cta-bar,
.people-wrapper #intro #people-cta-bar,
.people-wrapper #people-intro #people-cta-bar,
#intro .people-wrapper #careers-cta-bar,
.people-wrapper #intro #careers-cta-bar,
.people-wrapper #people-intro #careers-cta-bar,
#intro #why-intro,
.people-wrapper #people-intro #why-intro {
    width: 100%
}

#intro header.video-bkgd-intro,
.people-wrapper #people-intro header.video-bkgd-intro {
    overflow: hidden
}

#why-intro {
    margin: 50px auto
}

.about-hero,
footer.why-footer-hero {
    max-height: 500px;
    background: url(../images/AboutPage_header_culture_hero.jpg);
    background-color: #402b56;
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: luminosity;
    margin-bottom: 0;
    padding: 12% 0
}

@media(min-width:1441px) {
    .about-hero,
    footer.why-footer-hero {
        padding: 15% 5%
    }
}

.jumbotron.about-video-hero {
    margin: 0;
    padding: 0
}

.about-video-hero {
    background: transparent;
    position: relative;
    max-height: 500px;
    min-height: 560px;
    background: url("../images/About_Page_hero_web.jpg");
    background-color: #402b56;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%
}

@media(max-width:1200px) {
    .about-video-hero {
        background: transparent;
        position: relative;
        max-height: 500px;
        min-height: 560px;
        background: url("../images/About_Page_hero_web.jpg");
        background-color: #402b56;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover
    }
}

.about-video-hero video {
    position: relative;
    top: 0;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    left: 0;
    min-width: 100%;
    min-height: 680px;
    height: 100%;
    width: 100%;
    z-index: -100;
    background: url("../images/About_Page_hero_web.jpg");
    background-color: #402b56;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-blend-mode: multiply;
    background-size: cover;
    vertical-align: top
}

.about-video-hero #about-video-intro {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

.about-video-hero #about-video-intro h1 {
    margin: 0 auto;
    text-align: center;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 210px
}

.centered {
    margin: 0 auto;
    float: none;
    text-align: center
}

@media(max-width:768px) {
    .centered {
        padding: 0 40px
    }
}

.video-bar-graphic {
    height: 80px;
    width: 100%;
    background: url(../images/bg_blog_hero_inner_left_bottom.png) bottom left no-repeat;
    background-color: #7e4082;
    background-size: 25%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.video-bar-graphic .white-heading-4-slab {
    padding: 10px
}

@media(max-width:480px) {
    .video-bar-graphic {
        height: auto;
        padding: 0 12px
    }
}

.video-icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 40px;
    margin: 0 20px;
    background: #6d3771;
    border-radius: 50%/10%;
    color: #fff;
    text-align: center;
    text-indent: .1em;
    vertical-align: middle
}

.video-icon:before {
    content: '';
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: -5%;
    left: -5%;
    background: inherit;
    border-radius: 5%/50%
}

.video-icon .icon-play {
    position: absolute;
    top: 8px;
    left: 11px;
    font-size: 22px
}

.learn-more {
    position: relative;
    z-index: 2;
    margin: 30px auto 0;
    padding-bottom: 40px
}

@media(min-width:1441px) {
    .learn-more {
        margin: 70px auto 0
    }
}

.learn-more span {
    margin-right: 14px;
    cursor: pointer
}

.learn-more a {
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    color: #7e4082;
    opacity: .6;
    -webkit-transition: all .2s;
    transition: all .2s
}

.learn-more a:hover {
    opacity: 1
}

.learn-more-nav,
.scroll-slide-nav {
    border-radius: 100%;
    color: #7e4082;
    border: 1px solid #7e4082;
    text-align: center;
    height: 34px;
    display: inline-block;
    width: 34px;
    line-height: 40px;
    vertical-align: middle
}

.learn-more-nav i,
.scroll-slide-nav i {
    font-size: 24px
}

.learn-more-nav:hover,
.scroll-slide-nav:hover {
    opacity: 1
}

.scroll-slide-nav {
    border-color: #fff;
    color: #fff
}

nav.about-page-tab-nav {
    position: absolute;
    width: 100%;
    display: block;
    min-height: 80px;
    max-height: 55px;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 90
}

@media(max-width:767px) {
    nav.about-page-tab-nav {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

nav.about-page-tab-nav .in-page-nav-wrapper {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 108;
    padding: 12px 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

nav.about-page-tab-nav .in-page-nav-wrapper.affix {
    position: fixed;
    border-top: 1px solid #eaeaea;
    margin: 0 -65px
}

@media(max-height:539px) {
    nav.about-page-tab-nav .in-page-nav-wrapper.affix {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

nav.about-page-tab-nav a.in-page-link {
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    margin: 3px;
    padding: 6px 14px;
    color: #a4a9ad;
    font-weight: 300;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media(min-width:992px) {
    nav.about-page-tab-nav a.in-page-link {
        margin: 6px 12px;
        padding: 6px 24px
    }
}

nav.about-page-tab-nav a.in-page-link:hover {
    color: #5c6670;
    border: 1px solid #a4a9ad
}

nav.about-page-tab-nav a.in-page-link.current {
    background-color: #d1d3d3;
    color: #5c6670;
    border: 1px solid #d1d3d3
}

.why-intro,
.harmony-intro,
.what-intro,
.partners-intro,
.people-wrapper .people-intro {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5c6670
}

.why-intro h2,
.harmony-intro h2,
.what-intro h2,
.partners-intro h2,
.people-wrapper .people-intro h2 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 0
}

.why-intro p,
.harmony-intro p,
.what-intro p,
.partners-intro p,
.people-wrapper .people-intro p {
    font-weight: 500;
    line-height: 2.4rem
}

.harmony-intro,
.what-intro,
.partners-intro,
.people-wrapper .people-intro {
    display: block;
    padding: 120px 0 0
}

.harmony-intro .learn-more,
.what-intro .learn-more,
.partners-intro .learn-more,
.people-wrapper .people-intro .learn-more {
    margin-bottom: 100px
}

#why-frontline,
#integrated-insights,
#insights-slides,
#what-we-do,
#partners {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

#why-frontline .row.no-gutter>[class*='col-'],
#integrated-insights .row.no-gutter>[class*='col-'],
#insights-slides .row.no-gutter>[class*='col-'],
#what-we-do .row.no-gutter>[class*='col-'],
#partners .row.no-gutter>[class*='col-'] {
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width:1200px) {
    #why-frontline .row.no-gutter>[class*='col-'],
    #integrated-insights .row.no-gutter>[class*='col-'],
    #insights-slides .row.no-gutter>[class*='col-'],
    #what-we-do .row.no-gutter>[class*='col-'],
    #partners .row.no-gutter>[class*='col-'] {
        padding-right: 0;
        padding-left: 0
    }
    #why-frontline .row.no-gutter>[class*='col-']:first-child,
    #integrated-insights .row.no-gutter>[class*='col-']:first-child,
    #insights-slides .row.no-gutter>[class*='col-']:first-child,
    #what-we-do .row.no-gutter>[class*='col-']:first-child,
    #partners .row.no-gutter>[class*='col-']:first-child {
        padding-left: 15px
    }
    #why-frontline .row.no-gutter>[class*='col-']:last-child,
    #integrated-insights .row.no-gutter>[class*='col-']:last-child,
    #insights-slides .row.no-gutter>[class*='col-']:last-child,
    #what-we-do .row.no-gutter>[class*='col-']:last-child,
    #partners .row.no-gutter>[class*='col-']:last-child {
        padding-right: 15px
    }
}

#integrated-insights,
#insights-slides,
#what-we-do,
#partners {
    position: relative;
    display: block;
    width: 100%;
    background-color: #eaeaea
}

#insights-slides,
#what-we-do,
#partners {
    overflow: hidden;
    background-color: transparent
}

#partners {
    background-color: #f1f2f2
}

.scroll-more {
    margin-top: 36px;
    padding-bottom: 0
}

@media(min-width:767px) {
    .scroll-more {
        margin-top: 70px
    }
}

.scroll-more span {
    margin-right: 0;
    cursor: pointer
}

.half-column,
.quarter-column,
.people-wrapper .third-column,
.people-wrapper .single-column {
    width: 100%;
    height: 100%;
    display: inline-block
}

@media(min-width:767px) and (min-height:540px) {
    .half-column,
    .quarter-column,
    .people-wrapper .third-column,
    .people-wrapper .single-column {
        height: 100vh;
        padding: 0
    }
}

.half-column .copy-block-container,
.quarter-column .copy-block-container,
.people-wrapper .third-column .copy-block-container,
.people-wrapper .single-column .copy-block-container {
    padding: 21% 5% 10%
}

@media(min-width:767px) and (min-height:540px) {
    .half-column .copy-block-container,
    .quarter-column .copy-block-container,
    .people-wrapper .third-column .copy-block-container,
    .people-wrapper .single-column .copy-block-container {
        padding: 30% 15% 0%
    }
}

@media(min-width:992px) and (min-height:540px) {
    .half-column .copy-block-container,
    .quarter-column .copy-block-container,
    .people-wrapper .third-column .copy-block-container,
    .people-wrapper .single-column .copy-block-container {
        padding: 25% 20% 0 15%
    }
}

.half-column .slide-icon,
.quarter-column .slide-icon,
.people-wrapper .third-column .slide-icon,
.people-wrapper .single-column .slide-icon,
.half-column .slide-icon-slide2,
.quarter-column .slide-icon-slide2,
.people-wrapper .third-column .slide-icon-slide2,
.people-wrapper .single-column .slide-icon-slide2 {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 12.5rem 0
}

@media(min-width:767px) and (min-height:540px) {
    .half-column .slide-icon,
    .quarter-column .slide-icon,
    .people-wrapper .third-column .slide-icon,
    .people-wrapper .single-column .slide-icon,
    .half-column .slide-icon-slide2,
    .quarter-column .slide-icon-slide2,
    .people-wrapper .third-column .slide-icon-slide2,
    .people-wrapper .single-column .slide-icon-slide2 {
        top: 50%;
        margin-top: -11rem;
        padding: 0
    }
}

.half-column .slide-icon .lrg-icon,
.quarter-column .slide-icon .lrg-icon,
.people-wrapper .third-column .slide-icon .lrg-icon,
.people-wrapper .single-column .slide-icon .lrg-icon,
.half-column .slide-icon-slide2 .lrg-icon,
.quarter-column .slide-icon-slide2 .lrg-icon,
.people-wrapper .third-column .slide-icon-slide2 .lrg-icon,
.people-wrapper .single-column .slide-icon-slide2 .lrg-icon {
    position: relative;
    font-size: 18rem;
    color: #fff
}

@media(min-width:767px) {
    .half-column .slide-icon-slide2,
    .quarter-column .slide-icon-slide2,
    .people-wrapper .third-column .slide-icon-slide2,
    .people-wrapper .single-column .slide-icon-slide2 {
        margin-top: -12.5rem
    }
}

.category-pill {
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 100px;
    padding: 17px 21px;
    color: #fff;
    line-height: 18px;
    font-size: 19px;
    font-weight: 300
}

.about-headline {
    font-size: 42px;
    color: #fff;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    margin-bottom: 30px
}

.about-txt {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    line-height: 2.5rem;
    padding-bottom: 14px
}

.about-txt a {
    text-decoration: underline;
    font-weight: 500;
    color: #fff
}

.about-txt.continue {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    font-size: 13px;
    letter-spacing: .02rem
}

@media(min-width:767px) {
    .about-txt.continue {
        position: relative;
        overflow: auto;
        clip: rect(0 0 0 0);
        height: auto;
        width: auto;
        margin: auto
    }
}

.about-txt.continue>a {
    font-weight: 300;
    text-decoration: none
}

.js-slide-arrow,
.js-slide-arrow-2 {
    cursor: pointer
}

@media(min-width:767px) and (min-height:540px) {
    .slide-up-container-right {
        padding: 0;
        position: absolute;
        right: 0;
        width: 50%
    }
}

.slide-up-container-left {
    position: absolute;
    left: 0;
    width: 50%
}

@media(min-width:767px) and (min-height:650px) {
    .slide-up-container-left {
        padding: 0
    }
}

@media(max-width:767px) {
    .slide-up-container-right,
    .slide-up-container-left {
        position: relative;
        width: 100%
    }
}

.slide-down-container,
.slide-down-container-icon {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition: all .7s;
    transition: all .7s
}

@media(min-width:767px) and (min-height:540px) {
    .slide-down-container,
    .slide-down-container-icon {
        padding: 0
    }
    .slide-down-container.active,
    .slide-down-container-icon.active {
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        -webkit-transition: all .8s;
        transition: all .8s;
        opacity: 0
    }
}

.slide-down-container-icon {
    -webkit-transition: all .7s 200ms;
    transition: all .7s 200ms
}

@media(min-width:767px) {
    .slide-up-container,
    .slide-up-container-right,
    .slide-up-container-left {
        -webkit-transform: translateY(-500%);
        transform: translateY(-500%);
        -webkit-transition: all 1.2s;
        transition: all 1.2s;
        height: 0;
        overflow: hidden;
        visibility: hidden
    }
    .slide-up-container.active,
    .active.slide-up-container-right,
    .active.slide-up-container-left {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .6s 300ms;
        transition: -webkit-transform .6s 300ms;
        transition: transform .6s 300ms;
        transition: transform .6s 300ms, -webkit-transform .6s 300ms;
        height: 100%;
        overflow: auto;
        visibility: visible
    }
    .slide-up-container-right,
    .slide-up-container-left {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    .slide-up-container-right.active,
    .slide-up-container-left.active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform .5s cubic-bezier(0, .15, 0, .4);
        transition: -webkit-transform .5s cubic-bezier(0, .15, 0, .4);
        transition: transform .5s cubic-bezier(0, .15, 0, .4);
        transition: transform .5s cubic-bezier(0, .15, 0, .4), -webkit-transform .5s cubic-bezier(0, .15, 0, .4)
    }
    .slide-up-container-left .slide-icon,
    .slide-up-container-left .half-column .slide-icon-slide2,
    .half-column .slide-up-container-left .slide-icon-slide2,
    .slide-up-container-left .quarter-column .slide-icon-slide2,
    .quarter-column .slide-up-container-left .slide-icon-slide2,
    .slide-up-container-left .people-wrapper .third-column .slide-icon-slide2,
    .people-wrapper .third-column .slide-up-container-left .slide-icon-slide2,
    .slide-up-container-left .people-wrapper .single-column .slide-icon-slide2,
    .people-wrapper .single-column .slide-up-container-left .slide-icon-slide2 {
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.slide-up-icon {
    margin-top: 0;
    margin-bottom: 70px;
    padding-bottom: 0;
    padding-right: 15px
}

.slide-right-absolute {
    right: 0
}

.col-sm-6.slide-left-absolute,
.col-sm-6.slide-right-absolute {
    position: absolute;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity .6s, -webkit-transform .5s cubic-bezier(0, .15, 0, .4);
    transition: opacity .6s, -webkit-transform .5s cubic-bezier(0, .15, 0, .4);
    transition: transform .5s cubic-bezier(0, .15, 0, .4), opacity .6s;
    transition: transform .5s cubic-bezier(0, .15, 0, .4), opacity .6s, -webkit-transform .5s cubic-bezier(0, .15, 0, .4)
}

.col-sm-6.slide-left-absolute.active,
.col-sm-6.slide-right-absolute.active {
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}

.col-sm-6.slide-right-absolute.active {
    -webkit-transform: translateY(40%);
    transform: translateY(40%)
}

@media(min-width:767px) and (max-width:992px) {
    .col-sm-6.slide-left-absolute.active,
    .col-sm-6.slide-right-absolute.active {
        z-index: 2;
        opacity: 1;
        -webkit-transform: translateY(53%);
        transform: translateY(53%)
    }
    .col-sm-6.slide-right-absolute.active {
        -webkit-transform: translateY(69%);
        transform: translateY(69%)
    }
}

@media(min-width:992px) and (max-width:1440px) {
    .col-sm-6.slide-left-absolute.active,
    .col-sm-6.slide-right-absolute.active {
        z-index: 2;
        opacity: 1;
        -webkit-transform: translateY(40%);
        transform: translateY(40%)
    }
    .col-sm-6.slide-right-absolute.active {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@media(max-width:767px) {
    .col-sm-6.slide-left-absolute,
    .col-sm-6.slide-right-absolute {
        position: relative;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .col-sm-6.slide-left-absolute.active,
    .col-sm-6.slide-right-absolute.active {
        z-index: 2;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

footer.careers,
footer.why-demo {
    position: relative;
    z-index: -2;
    width: 100%;
    height: auto;
    min-height: 1004px;
    padding-top: 70px
}

@media(min-width:560px) {
    footer.careers,
    footer.why-demo {
        min-height: 900px;
        padding-top: 0
    }
}

@media(min-width:767px) {
    footer.careers,
    footer.why-demo {
        min-height: 700px;
        padding-top: 0
    }
}

footer.careers .footer-container,
footer.why-demo .footer-container {
    bottom: 0;
    right: 0;
    padding-bottom: 0
}

@media(min-width:767px) {
    footer.careers .footer-container,
    footer.why-demo .footer-container {
        padding-bottom: 50px
    }
}

footer.careers.jumbotron h1,
footer.why-demo.jumbotron h1 {
    font-size: 4rem;
    padding-bottom: 30px
}

footer.careers.jumbotron p,
footer.why-demo.jumbotron p {
    font-weight: 400;
    font-size: 18px;
    padding: 20px 10% 0
}

@media(max-width:480px) {
    footer.careers.jumbotron p,
    footer.why-demo.jumbotron p {
        font-size: 16px
    }
}

footer.careers.jumbotron p.footer-txt,
footer.why-demo.jumbotron p.footer-txt {
    font-size: 12px;
    opacity: .7;
    margin: 0;
    padding-bottom: 0
}

footer .fixed-footer-wrapper,
footer .culture-fixed-footer-wrapper {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: auto;
    min-width: 320px;
    width: 100%;
    right: 0;
    padding-top: 30px
}

@media(min-width:767px) and (min-height:767px) {
    footer .fixed-footer-wrapper,
    footer .culture-fixed-footer-wrapper {
        position: fixed;
        top: auto;
        bottom: 0;
        padding-left: 110px
    }
}

footer.why-footer-hero {
    background: url(../images/about_footer_background.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0 auto
}

@media(min-width:767px) {
    footer.why-footer-hero {
        padding-left: 110px
    }
}

footer.careers {
    min-height: 260px;
    background-color: #5c6670
}

@media(min-width:480px) {
    footer.careers {
        min-height: 200px
    }
}

footer.culture-footer {
    margin-bottom: 0;
    padding: 0
}

footer.culture-footer.jumbotron p {
    padding: 0 0 8px 0
}

footer.culture-footer.jumbotron h1 {
    margin: 0 auto 10px;
    padding-bottom: 20px
}

footer .footer-demo-form {
    width: 100%;
    background-color: rgba(255, 255, 255, .72);
    margin: 0 auto
}

@media(min-width:480px) {
    footer .footer-demo-form {
        width: 92%
    }
}

@media(min-width:767px) {
    footer .footer-demo-form {
        max-width: 740px;
        padding: 8px 30px
    }
}

footer .footer-demo-form .nav-demo-btn {
    display: inline-block;
    width: 92%;
    margin-top: 18px;
    padding: 2px
}

@media(min-width:767px) {
    footer .footer-demo-form .nav-demo-btn {
        width: auto;
        padding-left: 36px;
        padding-right: 36px
    }
}

footer.why-demo div.form>div {
    position: relative;
    margin: 0;
    float: none;
    width: 100%;
    padding: 12px 24px
}

@media(min-width:767px) {
    footer.why-demo div.form>div {
        width: 50%;
        float: left;
        padding: 12px
    }
    footer.why-demo div.form>div:nth-child(even) {
        padding-left: 0
    }
    footer.why-demo div.form>div:nth-child(odd) {
        padding-right: 0
    }
}

footer.why-demo div.form>div input[type="text"]:focus,
footer.why-demo div.form>div input[type="email"]:focus,
footer.why-demo div.form>div input[type="password"]:focus {
    border-color: #7e4082
}

footer.why-demo div.form>div input[type="text"]:valid+label,
footer.why-demo div.form>div input[type="email"]:valid+label,
footer.why-demo div.form>div input[type="password"]:valid+label {
    top: -7px
}

footer.why-demo div.form>div input[type="text"]:focus+label,
footer.why-demo div.form>div input[type="email"]:focus+label,
footer.why-demo div.form>div input[type="password"]:focus+label {
    top: -7px
}

footer.why-demo div.form>div input[type="text"]:invalid:not(:focus):not(:placeholder-shown)~.requirements,
footer.why-demo div.form>div input[type="text"]:invalid:focus:not(:placeholder-shown)~.requirements,
footer.why-demo div.form>div input[type="email"]:invalid:not(:focus):not(:placeholder-shown)~.requirements,
footer.why-demo div.form>div input[type="email"]:invalid:focus:not(:placeholder-shown)~.requirements,
footer.why-demo div.form>div input[type="password"]:invalid:not(:focus):not(:placeholder-shown)~.requirements,
footer.why-demo div.form>div input[type="password"]:invalid:focus:not(:placeholder-shown)~.requirements {
    max-height: 0;
    padding: 0
}

footer.why-demo div.form>div input[type="text"]:invalid:not(:focus):not(:placeholder-shown)+label,
footer.why-demo div.form>div input[type="email"]:invalid:not(:focus):not(:placeholder-shown)+label,
footer.why-demo div.form>div input[type="password"]:invalid:not(:focus):not(:placeholder-shown)+label {
    top: -7px
}

footer.why-demo div.form>div>label {
    top: 26px;
    left: 0;
    padding-left: 36px
}

@media(min-width:767px) {
    footer.why-demo div.form>div>label {
        padding-left: 12px
    }
    footer.why-demo div.form>div>label.right-side-label {
        padding-left: 24px
    }
}

.footer-txt {
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 0
}

.main-footer ul.social {
    padding: 0
}

.main-footer ul.social li {
    list-style-type: none;
    display: inline-block;
    font-size: 26px;
    margin: 60px 30px 0
}

.main-footer ul.social li>a {
    color: #4b4b4b
}

#our-culture {
    overflow: hidden
}

.culture-wrapper {
    z-index: 1
}

@media(min-width:767px) and (min-height:540px) {
    .culture-wrapper {
        margin-top: 100px
    }
}

.culture-pill {
    padding: 10vh 4vw
}

.quarter-column {
    position: relative;
    min-height: 480px;
    height: 100%;
    overflow: hidden;
    display: block
}

@media(min-width:767px) and (min-height:540px) {
    .quarter-column {
        height: 50vh
    }
}

.quarter-column .slide-icon,
.quarter-column .slide-icon-slide2 {
    height: 100%;
    margin: 0
}

@media(min-width:767px) and (max-height:540px) {
    .quarter-column .slide-icon,
    .quarter-column .slide-icon-slide2 {
        margin-top: -9rem
    }
}

@media(min-width:767px) and (min-height:540px) {
    .quarter-column .slide-icon,
    .quarter-column .slide-icon-slide2 {
        height: 18rem;
        margin-top: -9rem
    }
}

.quarter-column h3 {
    font-weight: 900;
    text-align: center;
    padding: 12px 0 24px
}

.quarter-column .about-txt {
    text-align: center
}

.culture-icon {
    stroke: transparent;
    fill: #4ec3e0;
    color: #4ec3e0;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 50px;
    padding-bottom: 14px;
    padding-top: 14px
}

@media(max-width:767px) {
    .culture-icon {
        font-size: 96px;
        width: 18%
    }
}

.view-more {
    display: inline-block;
    margin: 0 auto;
    opacity: .6;
    color: #4ec3e0;
    text-align: center;
    margin-top: 5%;
    padding-bottom: 20px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.view-more:hover {
    opacity: 1;
    cursor: pointer
}

.icon-minus,
.icon-plus {
    display: inline-block
}

.icon-minus {
    background-color: #4ec3e0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    left: 0
}

.icon-minus:after {
    background-color: #2a343e;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    position: absolute;
    top: 7px;
    left: 3.5px;
    z-index: 4;
    content: ""
}

.icon-plus {
    background-color: #4ec3e0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    left: 0
}

.icon-plus:after {
    background-color: #2a343e;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    position: absolute;
    top: 7px;
    left: 4px;
    content: ""
}

.icon-plus:before {
    background-color: #2a343e;
    width: 2px;
    height: 8px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    position: absolute;
    top: 4px;
    left: 7px;
    content: ""
}

.core-values.active {
    display: none
}

.values-list {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transition: background-color .6s, opacity .4s;
    transition: background-color .6s, opacity .4s;
    padding: 18px
}

@media(min-width:767px) {
    .values-list {
        padding: 15px 30px 0 45px
    }
}

.values-list h3 {
    font-weight: 900
}

.values-list.active {
    z-index: 2;
    opacity: 1;
    background-color: #2a343e;
    margin: 10px auto;
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.values-list.active .culture-close-wrapper {
    position: absolute;
    z-index: 4;
    width: 64px;
    height: 64px;
    opacity: 1;
    right: 0;
    cursor: pointer
}

.values-list.active a.culture-close.icon {
    z-index: 3;
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid #eaeaea;
    border-radius: 48px;
    overflow: hidden;
    opacity: .7;
    top: 18px;
    cursor: pointer;
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    padding: 20px
}

@media(max-width:768px) {
    .values-list.active a.culture-close.icon {
        left: -11px;
        top: 0
    }
}

.values-list.active a.culture-close.icon:hover {
    opacity: 1
}

.values-list.active a.culture-close.icon::before,
.values-list.active a.culture-close.icon::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 10px;
    top: 20px;
    background-color: #eaeaea;
    border-radius: 100px
}

.values-list.active a.culture-close.icon::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.values-list.active a.culture-close.icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.values-list.active h3 {
    text-align: left;
    padding-left: 30px
}

.values-list.active ul {
    list-style-type: none;
    color: #fff;
    font-weight: 300;
    margin-left: -10px
}

.values-list.active ul>li {
    margin: 6px 0
}

.culture-photo {
    position: relative;
    width: 100%;
    background: url(../images/FLGroup_Happy_web.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 31% 0
}

@media(max-width:767px) {
    .culture-photo {
        min-height: 420px
    }
}

.no-padding {
    padding: 0
}

.display_cell>.content {
    display: table-cell;
    float: none
}

footer .culture-fixed-footer-wrapper {
    position: fixed;
    top: auto;
    bottom: 30px;
    width: 100%;
    right: 0
}

@media(min-width:767px) and (min-height:540px) {
    footer .culture-fixed-footer-wrapper {
        top: auto;
        bottom: 0;
        padding-left: 110px;
        padding-bottom: 30px
    }
}

@media(min-width:767px) and (min-height:767px) {
    footer .culture-fixed-footer-wrapper {
        position: fixed;
        top: auto;
        bottom: 0;
        padding-left: 110px
    }
}

footer.culture-footer .footer-container {
    padding-bottom: 0
}

.subscribe-btn-culture {
    display: block;
    padding: 0
}

.subscribe-btn-culture a.btn-culture-stroke-white {
    margin: 0 auto;
    border: 1px solid #fff
}

.careers-hero {
    background: url(../images/CareersHeader@2x.png) left center no-repeat;
    background-size: 24%;
    background-color: #e8e8e8;
    color: #7e4082;
    margin-bottom: 0
}

@media(max-width:767px) {
    .careers-hero {
        background-size: 576px;
        background-blend-mode: overlay
    }
}

#careers-cta-bar {
    background: transparent;
    background-color: #e56a54;
    height: 100%
}

#careers-cta-bar i {
    top: 0;
    font-size: 5rem;
    vertical-align: middle
}

#careers-cta-bar i:after {
    content: ' ';
    font-size: 24px
}

#careers-cta-bar i.icon-ping-pong {
    display: inline-block
}

@media(max-width:767px) {
    #careers-cta-bar i.icon-ping-pong {
        display: block;
        padding-bottom: 10px
    }
}

#careers-cta-bar.video-bar-graphic .white-heading-4-slab {
    padding: 5px
}

@media(max-width:600px) {
    #careers-cta-bar.video-bar-graphic .white-heading-4-slab {
        padding-left: 20px;
        padding-right: 20px
    }
}

.people-wrapper {}

.people-wrapper .third-column,
.people-wrapper .single-column {
    height: 100%
}

@media(min-height:540px) and (min-width:767px) {
    .people-wrapper .third-column,
    .people-wrapper .single-column {
        overflow: inherit
    }
}

@media(min-height:540px) and (min-width:992px) {
    .people-wrapper .third-column,
    .people-wrapper .single-column {
        min-height: 100vh;
        margin: 0 auto 0;
        overflow: inherit;
        padding-top: 12.5%
    }
}

.people-wrapper .third-column .copy-block-container,
.people-wrapper .single-column .copy-block-container {
    padding: 10%
}

@media(min-height:540px) and (min-width:992px) {
    .people-wrapper .third-column .copy-block-container,
    .people-wrapper .single-column .copy-block-container {
        padding: 20% 12%
    }
}

@media(min-width:1441px) {
    .people-wrapper .third-column .copy-block-container,
    .people-wrapper .single-column .copy-block-container {
        padding: 25% 12%
    }
}

.people-wrapper .single-column {
    width: 100%;
    height: 100%
}

@media(min-height:540px) and (min-width:992px) {
    .people-wrapper .single-column {
        min-height: calc(100vh - 60px)
    }
}

@media(min-height:540px) and (min-width:1441px) {
    .people-wrapper .single-column {
        min-height: 100vh;
        margin: 0 auto;
        padding: 10% 6.25% 12.5%
    }
}

.people-wrapper .single-column.bordered {
    border-color: #6bccb3;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-bottom: none;
    height: 100%;
    margin-bottom: -1px;
    padding-top: 8%;
    padding-bottom: 5%
}

.people-wrapper .center {
    text-align: center;
    padding: 0 30px
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .center {
        padding: 0
    }
}

.people-wrapper .about-headline {
    font-size: 48px;
    margin-bottom: 10px
}

.people-wrapper .about-txt {
    font-size: 21px;
    line-height: 3rem
}

.people-wrapper .about-txt.continue {
    font-size: 14px
}

.people-wrapper .about-txt.execs-about-txt {
    margin-bottom: 40px
}

.people-wrapper #people-intro {
    min-height: 100%;
    display: block
}

.people-wrapper .people-intro {
    padding: 60px 0
}

.people-wrapper .people-intro .learn-more {
    margin-bottom: 30px
}

.people-wrapper .people-hero,
.people-wrapper .careers-hero {
    background: url(../images/our-people-hero-bottom-right.png) bottom right no-repeat;
    background-color: #d1d3d3;
    background-size: 16%;
    color: #7e4082;
    margin-bottom: 0;
    padding: 15%
}

.people-wrapper #people-cta-bar i,
.people-wrapper #careers-cta-bar i {
    position: relative;
    top: 4px;
    padding-left: 10px
}

@media(min-width:992px) {
    .people-wrapper #our-people .third-column,
    .people-wrapper #our-people .single-column {
        width: 33.33333333%
    }
}

.people-wrapper #in-page-nav {
    position: relative
}

.people-wrapper .people-pics {
    min-height: 360px
}

@media(min-height:540px) and (min-width:992px) {
    .people-wrapper .people-pics {
        height: calc(100vh - 60px);
        margin: 60px 0 0
    }
    .col-md-4.bg-obsidian.third-column {
        margin-top: 60px;
        margin-bottom: -60px
    }
}

@media(min-height:540px) and (min-width:992px) {
    .people-wrapper .third-column,
    .people-wrapper .single-column {
        min-height: 100vh;
        margin: 0 auto 0;
        padding-top: 0
    }
}

.people-wrapper .people-pics.hannah {
    background: url(../images/Hannah.jpg) no-repeat 50% 0%;
    background-size: cover
}

@media(max-width:992px) {
    .people-wrapper .people-pics.hannah {
        background-position: 0 24%;
        margin-top: 60px
    }
}

.people-wrapper .people-pics.ryan-amber {
    background: url(../images/Ryan_Amber.jpg) no-repeat 50% 0%;
    background-size: cover
}

.people-wrapper #leaders {
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-block
}

.people-wrapper #leaders .copy-block-container {
    padding: 70px 40px 40px
}

.people-wrapper #leaders .row {
    position: relative;
    display: block;
    max-width: 1170px;
    margin: 0 auto;
    text-align: center
}

.people-wrapper #leaders .container {
    padding: 0;
    -webkit-transition: .4s cubic-bezier(.4, 0, .2, 1);
    transition: .4s cubic-bezier(.4, 0, .2, 1)
}

.people-wrapper #leaders .container.active {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.people-wrapper #leaders .header {
    -webkit-transition: .4s cubic-bezier(.4, 0, .2, 1);
    transition: .4s cubic-bezier(.4, 0, .2, 1)
}

.people-wrapper #leaders .header.active {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.people-wrapper .bg-leaders-pattern {
    position: relative;
    background: url(../images/leadership_bkgd@2x.png) no-repeat 50% 0%;
    background-size: cover;
    background-color: #2a343e
}

.people-wrapper .exec-bio-pic {
    position: relative;
    z-index: 1;
    max-width: 250px;
    width: 100%;
    min-height: 250px;
    max-height: 440px;
    height: 100%;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .62);
    border-radius: 2px;
    margin: 10px
}

.people-wrapper .exec-bio-pic:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    bottom: -14px;
    right: -16px;
    background-size: cover;
    opacity: .6
}

.people-wrapper .exec-bio-pic.tim {
    background-image: url(../images/TimClifford.jpg)
}

.people-wrapper .exec-bio-pic.tony {
    background-image: url(../images/Exec-Pics_TonyMarzulli.jpg)
}

.people-wrapper .exec-bio-pic.bill {
    background-image: url(../images/Exec-PicsBill-Bergen_alt.jpg)
}

.people-wrapper .exec-bio-pic.greg {
    background-image: url(/uploads/2018/05/Greg-Doran.jpg)
}

.people-wrapper .exec-bio-pic.jim {
    background-image: url(../images/Exec-Pics_Jim-Catalino.jpg)
}

.people-wrapper .exec-bio-pic.elizabeth {
    background-image: url(/uploads/2018/03/Elizabeth-Combs-1.jpg)
}

.people-wrapper .exec-bio-pic.frank {
    background-image: url(../images/Exec-Pics_FrankTait_1.jpg)
}

.people-wrapper .exec-bio-pic .info-link-overlay {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(42, 52, 62, .6);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: left;
    text-decoration: none;
    padding-top: 76%;
    overflow: hidden
}

.people-wrapper .exec-bio-pic a.info-link-overlay.long-title {
    padding-top: 57%;
}

.people-wrapper .exec-bio-pic .info-link-overlay.long-title .exec-title {
    margin-top: 0;
}

.people-wrapper .exec-bio-pic .info-link-overlay.long-title .exec-title i {
    top: 0;
    left: -8px;
}

.people-wrapper .exec-bio-pic .info-link-overlay:hover {
    opacity: 1
}

.people-wrapper .exec-bio-pic .info-link-overlay:hover .exec-name,
.people-wrapper .exec-bio-pic .info-link-overlay:hover .exec-title,
.people-wrapper .exec-bio-pic .info-link-overlay:hover .exec-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio-pic .info-link-overlay:hover .exec-title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .7s .2s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s .2s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s .2s cubic-bezier(.19, 1, .22, 1), transform .7s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s .2s cubic-bezier(.19, 1, .22, 1), transform .7s .2s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s .2s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio-pic .info-link-overlay:hover .exec-title i {
    opacity: 1;
    right: 0;
    -webkit-transition: opacity .7s .3s cubic-bezier(.19, 1, .22, 1), right .7s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s .3s cubic-bezier(.19, 1, .22, 1), right .7s .3s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio-pic .info-link-overlay .exec-name,
.people-wrapper .exec-bio-pic .info-link-overlay .exec-title {
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    display: block;
    padding-left: 14px
}

.people-wrapper .exec-bio-pic .info-link-overlay .exec-title {
    font-size: 16px;
    font-weight: 300;
    margin: -14px 0
}

.people-wrapper .exec-bio-pic .info-link-overlay .exec-title i {
    font-size: 32px;
    padding-left: 10px;
    position: relative;
    top: 9px;
    right: -50px;
    opacity: 0;
    -webkit-transition: opacity .7s cubic-bezier(.19, 1, .22, 1), right .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s cubic-bezier(.19, 1, .22, 1), right .7s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio-pic .info-link-overlay .exec-name,
.people-wrapper .exec-bio-pic .info-link-overlay .exec-title,
.people-wrapper .exec-bio-pic .info-link-overlay .exec-title {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
    -webkit-transition: opacity .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s cubic-bezier(.19, 1, .22, 1), transform .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio-pic .info-link-overlay .exec-title {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

@media(max-width:768px) {
    .people-wrapper .exec-bio-pic .info-link-overlay {
        opacity: 1
    }
    .people-wrapper .exec-bio-pic .info-link-overlay .exec-name,
    .people-wrapper .exec-bio-pic .info-link-overlay .exec-title,
    .people-wrapper .exec-bio-pic .info-link-overlay .exec-title {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity 1s cubic-bezier(.19, 1, .22, 1), transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity 1s cubic-bezier(.19, 1, .22, 1), transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
    }
    .people-wrapper .exec-bio-pic .info-link-overlay .exec-title i {
        opacity: 1;
        right: 0;
        -webkit-transition: opacity 1s .3s cubic-bezier(.19, 1, .22, 1), right 1s .3s cubic-bezier(.19, 1, .22, 1);
        transition: opacity 1s .3s cubic-bezier(.19, 1, .22, 1), right 1s .3s cubic-bezier(.19, 1, .22, 1)
    }
}

section#exec-bios {
    background-color: transparent;
    -webkit-transition: background-color .4s;
    transition: background-color .4s
}

section#exec-bios.active {
    background-color: #2a343e;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 107
}

.people-wrapper .border {
    border-top: 1px solid #5c6670;
    margin: 40px auto 60px
}

.people-wrapper a.block-link-container {
    position: relative;
    display: block
}

.people-wrapper a.block-link-container:hover .block-link {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: rgba(107, 204, 179, .2);
    box-shadow: 0 4px 14px 0 rgba(41, 41, 41, .62)
}

.people-wrapper .block-link {
    min-height: 100%;
    width: 100%;
    margin: 12px 0;
    display: inline-block;
    border: 2px solid #6bccb3;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    font-size: 21px;
    padding: 20px 12px;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: .34s cubic-bezier(.4, 0, .2, 1);
    transition: .34s cubic-bezier(.4, 0, .2, 1)
}

@media(min-width:767px) {
    .people-wrapper .block-link {
        margin: 40px 0;
        padding: 20px 40px
    }
}

.people-wrapper .block-link i {
    font-size: 9rem;
    display: block;
    margin-bottom: 12px
}

.people-wrapper header .exec-headshot {
    width: 0
}

.people-wrapper .exec-team-modal {
    z-index: 107;
    position: fixed;
    height: 0;
    width: 0;
    opacity: 0
}

.people-wrapper .exec-team-modal .bio-container {
    position: relative
}

.people-wrapper .exec-team-modal.active {
    opacity: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    padding: 40px 0 0;
    background-color: #2a343e;
    overflow: hidden;
    -webkit-transition: opacity 1.4s 0s, -webkit-transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.4s 0s, -webkit-transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.4s 0s, transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.4s 0s, transform .6s 0s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-team-modal.active:before {
        display: inline-block;
        vertical-align: middle;
        content: '';
        height: 100%
    }
}

.people-wrapper .exec-team-modal.active .exec-bio {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .6s 7s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .6s 7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s 7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .6s 7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s 7s cubic-bezier(.19, 1, .22, 1)
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-team-modal.active {
        padding: 0 0 0 90px
    }
}

@media(min-width:767px) and (min-height:650px) {
    .people-wrapper .exec-team-modal.active {
        padding: 0 0 0 110px
    }
}

.people-wrapper .exec-team-modal.active .bio-container {
    position: relative;
    padding: 20px;
    height: 100%;
    overflow: auto
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-team-modal.active .bio-container {
        max-width: 99%;
        padding: 0 8% 0 8%;
        overflow: hidden
    }
}

.people-wrapper .exec-team-modal.active .exec-bio-close-wrapper {
    position: absolute;
    z-index: 4;
    width: 64px;
    height: 64px;
    opacity: 1;
    top: 40px;
    right: 5px;
    cursor: pointer;
    text-align: center
}

@media(max-width:480px) {
    .people-wrapper .exec-team-modal.active .exec-bio-close-wrapper {
        width: 50px;
        height: 50px;
        top: 10px;
        right: 10px
    }
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-team-modal.active .exec-bio-close-wrapper {
        top: 120px;
        right: 30px
    }
}

.people-wrapper .exec-team-modal.active a.exec-close.icon {
    z-index: 3;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #eaeaea;
    border-radius: 48px;
    overflow: hidden;
    opacity: .7;
    top: 18px;
    cursor: pointer;
    line-height: 24px;
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    padding: 10px 20px
}

@media(max-width:480px) {
    .people-wrapper .exec-team-modal.active a.exec-close.icon {
        padding: 6px 16px
    }
}

.people-wrapper .exec-team-modal.active a.exec-close.icon:hover {
    opacity: 1
}

.people-wrapper .exec-team-modal.active a.exec-close.icon::before,
.people-wrapper .exec-team-modal.active a.exec-close.icon::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 10px;
    top: 20px;
    background-color: #eaeaea;
    border-radius: 100px
}

@media(max-width:480px) {
    .people-wrapper .exec-team-modal.active a.exec-close.icon::before,
    .people-wrapper .exec-team-modal.active a.exec-close.icon::after {
        width: 40%;
        top: 16px
    }
}

.people-wrapper .exec-team-modal.active a.exec-close.icon::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.people-wrapper .exec-team-modal.active a.exec-close.icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.people-wrapper .exec-bio {
    height: 0;
    width: 0;
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform 1.2s .15s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s, -webkit-transform 1.2s .15s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s, transform 1.2s .15s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s, transform 1.2s .15s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s .15s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .bio-content {
    display: inline-block
}

.exec-bio-txt p {
    color: #fff
}

.exec-bio-txt a {
    color: #6bccb3;
    font-weight: 400;
    -webkit-transition: color .3s;
    transition: color .3s
}

.exec-bio-txt a:hover {
    color: #4eab93
}

.people-wrapper .exec-bio .bio-content .exec-bio-txt {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: 300;
    padding-bottom: 40px
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-bio .bio-content .exec-bio-txt {
        max-height: 440px;
        overflow-y: auto;
        padding-right: 24px;
        scrollbar-base-color: #2a343e;
        -ms-scrollbar-base-color: #2a343e;
        scrollbar-highlight-color: transparent;
        -ms-scrollbar-highlight-color: transparent;
        scrollbar-face-color: #5c6670;
        -ms-scrollbar-face-color: #5c6670;
        scrollbar-arrow-color: #5c6670!important;
        -ms-scrollbar-arrow-color: #5c6670!important;
        scrollbar-darkshadow-color: #2a343e;
        -ms-scrollbar-darkshadow-color: #2a343e;
        scrollbar-track-color: #2a343e;
        -ms-scrollbar-track-color: #2a343e;
        scrollbar-shadow-color: #2a343e;
        -ms-scrollbar-shadow-color: #2a343e
    }
    .people-wrapper .exec-bio .bio-content .exec-bio-txt::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        padding-left: 40px
    }
    .people-wrapper .exec-bio .bio-content .exec-bio-txt::-webkit-scrollbar-track {
        background: #5c6670;
        border-radius: 10px;
        border: 3px solid #2a343e
    }
    .people-wrapper .exec-bio .bio-content .exec-bio-txt::-webkit-scrollbar-thumb {
        border-radius: 3px;
        height: 50px;
        width: 7px;
        background: #5c6670
    }
    .people-wrapper .exec-bio .bio-content .exec-bio-txt::-webkit-scrollbar-track-piece {
        height: 7px;
        width: 7px
    }
}

.people-wrapper .exec-bio .bio-content .fun-facts-heading,
.people-wrapper .exec-bio .bio-content .fun-facts-txt {
    text-align: center;
    font-weight: 700;
    color: #7e4082;
    font-size: 21px
}

.people-wrapper .exec-bio .bio-content .fun-facts-heading:after,
.people-wrapper .exec-bio .bio-content .fun-facts-txt:after {
    content: '';
    height: 5px;
    background-color: #7e4082;
    border-radius: 100px;
    width: 20%;
    display: block;
    text-align: center;
    margin: 10px auto 30px
}

.people-wrapper .exec-bio .bio-content .fun-facts-txt {
    color: #a4a9ad;
    font-size: 16px;
    font-weight: 300;
    padding: 20px
}

.people-wrapper .exec-bio .bio-content .fun-facts-txt i {
    font-size: 5rem;
    color: #7e4082;
    display: block;
    margin: 0 auto 12px
}

@media(max-width:767px) {
    .people-wrapper .exec-bio .bio-content .fun-facts-txt i {
        display: inline-block;
        vertical-align: middle;
        padding: 0 20px
    }
}

.people-wrapper .exec-bio .bio-content .fun-facts-txt:after {
    display: none
}

.people-wrapper .exec-bio.active {
    position: fixed;
    opacity: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 107;
    padding: 40px 0 0;
    background-color: #2a343e;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 1.4s 0s, -webkit-transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.4s 0s, -webkit-transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.4s 0s, transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.4s 0s, transform .6s 0s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s 0s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.people-wrapper .exec-bio.active header {
    margin-bottom: 24px
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-bio.active header {
        margin-top: 36px;
        margin-bottom: 50px
    }
}

.people-wrapper .exec-bio.active header:after {
    clear: both;
    content: '';
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: table
}

.people-wrapper .exec-bio.active header .exec-headshot {
    float: left;
    max-width: 150px;
    width: 100%;
    margin-right: 20px;
    border-radius: 300px;
    border: 2px solid #5c6670;
    vertical-align: middle;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 1s .2s, -webkit-transform 1.6s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .2s, -webkit-transform 1.6s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .2s, transform 1.6s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .2s, transform 1.6s .2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.6s .2s cubic-bezier(.19, 1, .22, 1)
}

@media(max-width:480px) {
    .people-wrapper .exec-bio.active header .exec-headshot {
        max-width: 100px
    }
}

.people-wrapper .exec-bio.active header h2.exec-name,
.people-wrapper .exec-bio.active header .exec-bio-pic .info-link-overlay h2.exec-title,
.people-wrapper .exec-bio-pic .info-link-overlay .exec-bio.active header h2.exec-title {
    text-align: left;
    margin-bottom: 0;
    padding-top: 30px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .6s 1s, -webkit-transform .6s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s 1s, -webkit-transform .6s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s 1s, transform .6s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s 1s, transform .6s 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s 1s cubic-bezier(.19, 1, .22, 1)
}

@media(max-width:480px) {
    .people-wrapper .exec-bio.active header h2.exec-name,
    .people-wrapper .exec-bio.active header .exec-bio-pic .info-link-overlay h2.exec-title,
    .people-wrapper .exec-bio-pic .info-link-overlay .exec-bio.active header h2.exec-title {
        padding-top: 12px
    }
}

@media(max-width:480px) {
    .people-wrapper .exec-bio.active header h2.exec-name,
    .people-wrapper .exec-bio.active header .exec-bio-pic .info-link-overlay h2.exec-title,
    .people-wrapper .exec-bio-pic .info-link-overlay .exec-bio.active header h2.exec-title {
        font-size: 36px;
        padding-right: 40px
    }
}

.people-wrapper .exec-bio.active header .exec-title {
    font-weight: 300;
    font-size: 21px;
    color: #fff;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .6s 1.2s, -webkit-transform .6s 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s 1.2s, -webkit-transform .6s 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s 1.2s, transform .6s 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .6s 1.2s, transform .6s 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s 1.2s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .next-txt,
.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme {
    display: block;
    text-align: center;
    font-weight: 300;
    padding: 40px 16px;
    -webkit-transition: .4s cubic-bezier(.4, 0, .2, 1);
    transition: .4s cubic-bezier(.4, 0, .2, 1)
}

.people-wrapper .next-txt a,
.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme a,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme a,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme a,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme a,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme a,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme a,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme a,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme a {
    color: #6bccb3;
    opacity: .6;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.people-wrapper .next-txt a:hover,
.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme a:hover,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme a:hover,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme a:hover,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme a:hover,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme a:hover,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme a:hover,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme a:hover,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme a:hover {
    opacity: 1
}

.people-wrapper .next-txt.active,
.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.active.next-sme,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.active.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.active.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.active.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.active.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.active.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.active.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.active.next-sme {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.people-wrapper #sme .container {
    -webkit-transition: .4s cubic-bezier(.4, 0, .2, 1);
    transition: .4s cubic-bezier(.4, 0, .2, 1)
}

@media(min-width:767px) {
    .people-wrapper #sme .container {
        max-width: 640px
    }
}

@media(min-width:992px) {
    .people-wrapper #sme .container {
        max-width: 780px
    }
}

.people-wrapper #sme .container.active {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

@media(max-width:480px) {
    .people-wrapper #sme .row.xs>[class*='col-xs-'] {
        width: 100%;
        padding: 0 24px
    }
}

.people-wrapper .exec-bio,
.people-wrapper #industry-experts-pg,
.people-wrapper #industry-experts-hr,
.people-wrapper #industry-experts-screening {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #2a343e;
    z-index: 107;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity .7s .1s ease, -webkit-transform 1.7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s .1s ease, -webkit-transform 1.7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s .1s ease, transform 1.7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .7s .1s ease, transform 1.7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.7s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper,
.people-wrapper #industry-experts-pg .modal-sme-wrapper,
.people-wrapper #industry-experts-hr .modal-sme-wrapper,
.people-wrapper #industry-experts-screening .modal-sme-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 111;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.7s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.7s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1), transform 1.7s .2s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1), transform 1.7s .2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.7s .2s cubic-bezier(.19, 1, .22, 1);
    margin: 0 auto;
    padding: 30px
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-bio .modal-sme-wrapper,
    .people-wrapper #industry-experts-pg .modal-sme-wrapper,
    .people-wrapper #industry-experts-hr .modal-sme-wrapper,
    .people-wrapper #industry-experts-screening .modal-sme-wrapper {
        padding: 5% 0 0 8%;
        width: 100%
    }
}

@media(min-width:992px) and (min-height:540px) {
    .people-wrapper .exec-bio .modal-sme-wrapper,
    .people-wrapper #industry-experts-pg .modal-sme-wrapper,
    .people-wrapper #industry-experts-hr .modal-sme-wrapper,
    .people-wrapper #industry-experts-screening .modal-sme-wrapper {
        padding: 5.5% 0 0 8%;
        width: 100%
    }
}

@media(min-width:1441px) and (min-height:540px) {
    .people-wrapper .exec-bio .modal-sme-wrapper,
    .people-wrapper #industry-experts-pg .modal-sme-wrapper,
    .people-wrapper #industry-experts-hr .modal-sme-wrapper,
    .people-wrapper #industry-experts-screening .modal-sme-wrapper {
        padding: 5.5% 0;
        max-width: 1080px;
        width: 100%
    }
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-content,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-content,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-content,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-content {
    display: inline-block;
    padding-bottom: 50px
}

.people-wrapper .exec-bio .modal-sme-wrapper .white-heading-1-slab,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .white-heading-1-slab,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .white-heading-1-slab,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .white-heading-1-slab {
    font-size: 40px;
    text-align: left;
    padding-top: 14px;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper .exec-bio .modal-sme-wrapper .fade .sme-pic,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade .sme-pic,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade .sme-pic,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade .sme-pic {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), transform 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane h3,
.people-wrapper .exec-bio .modal-sme-wrapper .fade h3,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane h3,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade h3,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane h3,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade h3,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane h3,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade h3 {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), transform 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper .exec-bio .modal-sme-wrapper .fade .white-txt,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade .white-txt,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade .white-txt,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade .white-txt {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper .exec-bio .modal-sme-wrapper .fade .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade .white-txt:nth-of-type(1) {
    -webkit-transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper .exec-bio .modal-sme-wrapper .fade .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade .white-txt:nth-of-type(2) {
    -webkit-transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), transform 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper .exec-bio .modal-sme-wrapper .fade .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade .white-txt:nth-of-type(3) {
    -webkit-transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane p,
.people-wrapper .exec-bio .modal-sme-wrapper .fade p,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane p,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade p,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane p,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade p,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane p,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade p {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper .exec-bio .modal-sme-wrapper .fade p:nth-of-type(1),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade p:nth-of-type(1),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade p:nth-of-type(1),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade p:nth-of-type(1) {
    -webkit-transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper .exec-bio .modal-sme-wrapper .fade p:nth-of-type(2),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade p:nth-of-type(2),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade p:nth-of-type(2),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade p:nth-of-type(2) {
    -webkit-transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), transform 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper .exec-bio .modal-sme-wrapper .fade p:nth-of-type(3),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade p:nth-of-type(3),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade p:nth-of-type(3),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade p:nth-of-type(3) {
    -webkit-transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .4s cubic-bezier(.19, 1, .22, 1), transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio .modal-sme-wrapper .tab-pane .next-sme,
.people-wrapper .exec-bio .modal-sme-wrapper .fade .next-sme,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .tab-pane .next-sme,
.people-wrapper #industry-experts-pg .modal-sme-wrapper .fade .next-sme,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .tab-pane .next-sme,
.people-wrapper #industry-experts-hr .modal-sme-wrapper .fade .next-sme,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .tab-pane .next-sme,
.people-wrapper #industry-experts-screening .modal-sme-wrapper .fade .next-sme {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 1s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.6s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.6s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .3s cubic-bezier(.19, 1, .22, 1), transform 1.6s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .3s cubic-bezier(.19, 1, .22, 1), transform 1.6s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.6s .3s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active,
.people-wrapper #industry-experts-pg.active,
.people-wrapper #industry-experts-hr.active,
.people-wrapper #industry-experts-screening.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media(min-width:767px) and (min-height:540px) {
    .people-wrapper .exec-bio.active,
    .people-wrapper #industry-experts-pg.active,
    .people-wrapper #industry-experts-hr.active,
    .people-wrapper #industry-experts-screening.active {
        left: 35px
    }
}

@media(min-width:767px) and (min-height:650px) {
    .people-wrapper .exec-bio.active,
    .people-wrapper #industry-experts-pg.active,
    .people-wrapper #industry-experts-hr.active,
    .people-wrapper #industry-experts-screening.active {
        left: 55px
    }
}

.people-wrapper .exec-bio.active .modal-sme-wrapper,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .white-heading-1-slab,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .white-heading-1-slab,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .white-heading-1-slab,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .white-heading-1-slab {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.1s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .4s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.1s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .4s .3s cubic-bezier(.19, 1, .22, 1), transform 1.1s .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .4s .3s cubic-bezier(.19, 1, .22, 1), transform 1.1s .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.1s .3s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .white-txt,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .white-txt,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .white-txt,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .white-txt {
    color: #fff;
    font-weight: 300;
    line-height: 24px
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .sme-pic,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .sme-pic,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .sme-pic,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .sme-pic,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .sme-pic {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.3s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.3s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s .4s cubic-bezier(.19, 1, .22, 1), transform 1.3s .4s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s .4s cubic-bezier(.19, 1, .22, 1), transform 1.3s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.3s .4s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane h3,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in h3,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane h3,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in h3,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane h3,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in h3,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane h3,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in h3 {
    font-weight: 800;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), transform 1s .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .5s cubic-bezier(.19, 1, .22, 1), transform 1s .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .5s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .white-txt,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .white-txt,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .white-txt,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .white-txt,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .white-txt {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(1),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(1) {
    -webkit-transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(2),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(2) {
    -webkit-transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), transform 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(3),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(3) {
    -webkit-transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), transform 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(4),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(4),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(4),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(4),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(4),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(4),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .white-txt:nth-of-type(4),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .white-txt:nth-of-type(4) {
    -webkit-transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), transform 1s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), transform 1s 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane p,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in p,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane p,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in p,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane p,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in p,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane p,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .6s cubic-bezier(.19, 1, .22, 1), transform 1s .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .6s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in p:nth-of-type(1),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in p:nth-of-type(1),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in p:nth-of-type(1),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane p:nth-of-type(1),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in p:nth-of-type(1) {
    -webkit-transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .7s cubic-bezier(.19, 1, .22, 1), transform 1s .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .7s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in p:nth-of-type(2),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in p:nth-of-type(2),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in p:nth-of-type(2),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane p:nth-of-type(2),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in p:nth-of-type(2) {
    -webkit-transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), transform 1s .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .8s cubic-bezier(.19, 1, .22, 1), transform 1s .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .8s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in p:nth-of-type(3),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in p:nth-of-type(3),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in p:nth-of-type(3),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane p:nth-of-type(3),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in p:nth-of-type(3) {
    -webkit-transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), transform 1s .9s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s .9s cubic-bezier(.19, 1, .22, 1), transform 1s .9s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .9s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane p:nth-of-type(4),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in p:nth-of-type(4),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane p:nth-of-type(4),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in p:nth-of-type(4),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane p:nth-of-type(4),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in p:nth-of-type(4),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane p:nth-of-type(4),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in p:nth-of-type(4) {
    -webkit-transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), transform 1s 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1s cubic-bezier(.19, 1, .22, 1), transform 1s 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane p:nth-of-type(5),
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in p:nth-of-type(5),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane p:nth-of-type(5),
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in p:nth-of-type(5),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane p:nth-of-type(5),
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in p:nth-of-type(5),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane p:nth-of-type(5),
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in p:nth-of-type(5) {
    -webkit-transition: opacity 1s 1.1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1.1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1.1s cubic-bezier(.19, 1, .22, 1), transform 1s 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s 1.1s cubic-bezier(.19, 1, .22, 1), transform 1s 1.1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s 1.1s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme {
    display: inline-block;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: rgba(164, 169, 173, .07);
    color: #d1d3d3;
    margin-top: 28px;
    margin-right: 12px;
    padding: 17px 24px;
    border-radius: 3px;
    -webkit-transition: background-color .37s ease, opacity .8s 1.1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.3s 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .37s ease, opacity .8s 1.1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.3s 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .37s ease, opacity .8s 1.1s cubic-bezier(.19, 1, .22, 1), transform 1.3s 1.1s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .37s ease, opacity .8s 1.1s cubic-bezier(.19, 1, .22, 1), transform 1.3s 1.1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.3s 1.1s cubic-bezier(.19, 1, .22, 1)
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme i,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme i,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme i,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme i,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme i,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme i,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme i,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme i {
    position: relative;
    margin-left: 10px;
    border: 1px solid;
    padding: 5px;
    border-radius: 32px
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme.back-sme i,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme.back-sme i,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme.back-sme i,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme.back-sme i,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme.back-sme i,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme.back-sme i,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme.back-sme i,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme.back-sme i {
    margin-right: 10px;
    margin-left: 0
}

.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme:hover,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme:hover,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme:hover,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme:hover,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme:hover,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme:hover,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme:hover,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme:hover {
    background-color: rgba(164, 169, 173, .12);
    -webkit-transition: background-color .46s ease-in-out;
    transition: background-color .46s ease-in-out
}

.people-wrapper .exec-bio.active .modal-sme-wrapper footer.exec-pagination,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper footer.exec-pagination,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper footer.exec-pagination,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper footer.exec-pagination {
    display: inline-block;
    margin-top: 14px
}

.people-wrapper .back-to-sme .next-txt,
.people-wrapper .back-to-sme .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
.people-wrapper .back-to-sme .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme,
.people-wrapper .back-to-sme #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
.people-wrapper .back-to-sme #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme,
.people-wrapper .back-to-sme #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
.people-wrapper .back-to-sme #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme,
.people-wrapper .back-to-sme #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
.people-wrapper .back-to-sme #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme {
    text-align: left;
    padding: 40px 0 0;
    margin-bottom: -14px;
    margin-left: 0
}

@media(min-width:1200px) and (min-height:540px) {
    .people-wrapper .back-to-sme .next-txt,
    .people-wrapper .back-to-sme .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme,
    .people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
    .people-wrapper .back-to-sme .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme,
    .people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme,
    .people-wrapper .back-to-sme #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme,
    .people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
    .people-wrapper .back-to-sme #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme,
    .people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme,
    .people-wrapper .back-to-sme #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme,
    .people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
    .people-wrapper .back-to-sme #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme,
    .people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme,
    .people-wrapper .back-to-sme #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme,
    .people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme,
    .people-wrapper .back-to-sme #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme,
    .people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme {
        margin-bottom: 0;
        margin-left: -30px
    }
}

.people-wrapper .back-to-sme .next-txt a i,
.people-wrapper .back-to-sme .exec-bio.active .modal-sme-wrapper .tab-pane a.next-sme a i,
.people-wrapper .exec-bio.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme a i,
.people-wrapper .back-to-sme .exec-bio.active .modal-sme-wrapper .fade.in a.next-sme a i,
.people-wrapper .exec-bio.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme a i,
.people-wrapper .back-to-sme #industry-experts-pg.active .modal-sme-wrapper .tab-pane a.next-sme a i,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme a i,
.people-wrapper .back-to-sme #industry-experts-pg.active .modal-sme-wrapper .fade.in a.next-sme a i,
.people-wrapper #industry-experts-pg.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme a i,
.people-wrapper .back-to-sme #industry-experts-hr.active .modal-sme-wrapper .tab-pane a.next-sme a i,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme a i,
.people-wrapper .back-to-sme #industry-experts-hr.active .modal-sme-wrapper .fade.in a.next-sme a i,
.people-wrapper #industry-experts-hr.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme a i,
.people-wrapper .back-to-sme #industry-experts-screening.active .modal-sme-wrapper .tab-pane a.next-sme a i,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .tab-pane .back-to-sme a.next-sme a i,
.people-wrapper .back-to-sme #industry-experts-screening.active .modal-sme-wrapper .fade.in a.next-sme a i,
.people-wrapper #industry-experts-screening.active .modal-sme-wrapper .fade.in .back-to-sme a.next-sme a i {
    position: relative;
    margin-right: 10px;
    border: 1px solid;
    padding: 5px;
    border-radius: 32px
}

.people-wrapper .sme-pic {
    margin-top: 20px;
    max-width: 75px
}

.people-wrapper .sme-tabs,
.people-wrapper .exec-tabs {
    background-color: transparent;
    font-weight: 700;
    color: #6bccb3;
    padding-top: 12px;
    padding-bottom: 12px
}

@media(min-width:1200px) {
    .people-wrapper .sme-tabs,
    .people-wrapper .exec-tabs {
        padding-top: 40px;
        padding-bottom: 30px
    }
}

@media(min-width:767px) and (max-width:992px) {
    .people-wrapper .sme-tabs,
    .people-wrapper .exec-tabs {}
}

.people-wrapper .sme-tabs>li,
.people-wrapper .exec-tabs>li {
    border-color: #6bccb3;
    border-style: solid;
    border-width: 0 1px 0 0
}

.people-wrapper .sme-tabs>li:last-child,
.people-wrapper .exec-tabs>li:last-child {
    border-width: 0;
    border: none
}

.people-wrapper .sme-tabs .nav-tabs>li>a,
.people-wrapper .exec-tabs .nav-tabs>li>a {
    margin-right: 0
}

.people-wrapper .sme-tabs.sme-nav-tabs,
.people-wrapper .sme-nav-tabs.exec-tabs {
    background-color: transparent;
    color: #6bccb3
}

.people-wrapper .sme-tabs.sme-nav-tabs ul>li,
.people-wrapper .sme-nav-tabs.exec-tabs ul>li {
    margin: 0 -3px;
    display: inline-block;
    text-align: center;
    float: none
}

@media(max-width:480px) {
    .people-wrapper .sme-tabs.sme-nav-tabs ul>li,
    .people-wrapper .sme-nav-tabs.exec-tabs ul>li {
        float: left
    }
}

.people-wrapper .sme-tabs .sme-nav-tabs,
.people-wrapper .exec-tabs .sme-nav-tabs {
    color: #6bccb3;
    display: inline;
    margin: 0 auto;
    text-align: center;
    border: none
}

.back-to-sme {
    display: inline-block
}

.people-wrapper .sme-tabs .sme-nav-tabs>li>a,
.people-wrapper .exec-tabs .sme-nav-tabs>li>a {
    color: #6bccb3;
    font-size: 18px;
    padding: 3px 9px;
    font-weight: 700;
    opacity: .4;
    -webkit-transition: border .6s, opacity .34s;
    transition: border .6s, opacity .34s
}

.people-wrapper .sme-tabs .sme-nav-tabs>li>a:hover,
.people-wrapper .exec-tabs .sme-nav-tabs>li>a:hover {
    opacity: .8;
    background: transparent;
    border-radius: 0;
    border: 1px solid transparent;
    -webkit-transition: opacity .34s;
    transition: opacity .34s
}

.people-wrapper .sme-tabs .sme-nav-tabs>li.active>a,
.people-wrapper .exec-tabs .sme-nav-tabs>li.active>a,
.people-wrapper .sme-tabs .sme-nav-tabs>li.active>a:hover,
.people-wrapper .exec-tabs .sme-nav-tabs>li.active>a:hover {
    background-color: rgba(107, 204, 179, .09);
    color: #6bccb3;
    font-weight: 700;
    opacity: 1;
    border: .025em solid transparent;
    border-radius: 2px;
    border-color: #6bccb3;
    -webkit-transition: border .6s, opacity .34s;
    transition: border .6s, opacity .34s
}

.people-wrapper .exec-tabs {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.people-wrapper .nav.sme-nav-tabs>li>a {
    padding: 3px 9px
}

.people-wrapper ul.sme-nav-tabs>li:first-child {
    border-right: 1px solid rgba(107, 204, 179, .4)
}

.people-wrapper ul.sme-nav-tabs>li:nth-of-type(3) {
    border-left: 1px solid rgba(107, 204, 179, .4);
    border-right: 0
}

.people-wrapper footer.people-footer {
    position: relative;
    z-index: -2;
    width: 100%;
    height: auto;
    min-height: 1004px;
    padding-top: 70px
}

@media(min-width:560px) {
    .people-wrapper footer.people-footer {
        min-height: 900px;
        padding-top: 0
    }
}

@media(min-width:767px) {
    .people-wrapper footer.people-footer {
        min-height: 700px;
        padding-top: 0
    }
}

.people-wrapper footer.people-footer .footer-container {
    bottom: 0;
    right: 0;
    padding-bottom: 0
}

@media(min-width:767px) {
    .people-wrapper footer.people-footer .footer-container {
        padding-bottom: 50px
    }
}

.people-wrapper footer.people-footer.jumbotron h1 {
    font-size: 4rem;
    padding-bottom: 30px
}

.people-wrapper footer.people-footer.jumbotron p {
    font-weight: 400;
    font-size: 18px;
    padding: 20px 10% 0
}

@media(max-width:480px) {
    .people-wrapper footer.people-footer.jumbotron p {
        font-size: 16px
    }
}

.people-wrapper footer.people-footer.jumbotron p.footer-txt {
    font-size: 12px;
    opacity: .7;
    margin: 0;
    padding-bottom: 0
}

.people-wrapper footer.people-footer .fixed-footer-wrapper,
.people-wrapper footer.people-footer .culture-fixed-footer-wrapper {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: auto;
    min-width: 320px;
    width: 100%;
    right: 0;
    padding-top: 30px
}

@media(min-width:767px) and (min-height:767px) {
    .people-wrapper footer.people-footer .fixed-footer-wrapper,
    .people-wrapper footer.people-footer .culture-fixed-footer-wrapper {
        position: fixed;
        top: auto;
        bottom: 0;
        padding-left: 110px
    }
}

section#sme {
    position: relative
}

@media(max-width:1441px) and (min-height:540px) {
    .people-wrapper .single-column.bordered {
        padding: 5% 0
    }
    .people-wrapper .about-txt {
        font-size: 18px;
        line-height: 2.6rem
    }
}

@media(max-width:992px) and (min-height:540px) {
    .people-wrapper .single-column.bordered {
        padding: 9% 0 5%
    }
}

@media(max-width:767px) {
    .people-wrapper .single-column.bordered {
        padding: 5% 2%
    }
    .people-wrapper .people-intro .learn-more {
        margin-bottom: 0!important
    }
    #why-people-intro.people-intro .learn-more {
        padding-bottom: 0!important
    }
    .people-wrapper .people-intro {
        padding: 60px 0 0!important
    }
}

.events-wrapper {
    position: relative;
    width: 100%;
    padding-top: 50px;
    background-color: #f1f2f2
}

@media only screen and (min-width:767px) and (min-height:540px) {
    .events-wrapper {
        padding-top: 0;
        padding-bottom: 7%
    }
}

.events-hero {
    min-height: 100%;
    background: url(../images/bg_circle_pattern_right.png), url(../images/bg_circle_pattern_left.png), url(../images/events-page-header-photo_compressed.jpg);
    background-color: #2b4c59;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-position: 100% 0, 0 100%, 50% 25%;
    background-size: 17%, 17%, cover;
    margin-bottom: 0
}

.events-overview-tabs {
    margin-bottom: 15px
}

.product-tabs .nav-tabs>li>a {
    margin-right: 0
}

.product-tabs .active.triangle-isosceles::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #6bccb3 transparent
}

.product-tabs.events-tabs,
.people-wrapper .product-tabs.sme-tabs,
.people-wrapper .product-tabs.exec-tabs {
    background-color: #2b4c59
}

.product-tabs.events-tabs ul>li,
.people-wrapper .product-tabs.sme-tabs ul>li,
.people-wrapper .product-tabs.exec-tabs ul>li {
    margin: 0 -3px;
    display: inline-block;
    text-align: center;
    float: none
}

@media(max-width:480px) {
    .product-tabs.events-tabs ul>li,
    .people-wrapper .product-tabs.sme-tabs ul>li,
    .people-wrapper .product-tabs.exec-tabs ul>li {
        float: left
    }
}

.product-tabs .events-nav-tabs {
    display: block;
    margin: 0 auto;
    text-align: center
}

.product-tabs .events-nav-tabs>li>a {
    font-size: 18px;
    padding: 9px 63px;
    font-weight: 400;
    opacity: .7;
    -webkit-transition: background-color .25s, color .3s;
    transition: background-color .25s, color .3s
}

@media(max-width:980px) {
    .product-tabs .events-nav-tabs>li>a {
        padding: 9px 36px
    }
}

@media(max-width:340px) {
    .product-tabs .events-nav-tabs>li>a {
        padding: 9px 18px
    }
}

.product-tabs .events-nav-tabs>li>a:hover {
    background-color: rgba(107, 204, 179, .3);
    opacity: 1
}

.product-tabs .events-nav-tabs>li.active>a,
.product-tabs .nav-tabs>li.active>a:focus,
.product-tabs .events-nav-tabs>li.active>a:hover {
    padding: 9px 63px;
    font-weight: 700;
    background-color: #6bccb3;
    color: #fff;
    margin-bottom: 0;
    border-bottom: none;
    opacity: 1
}

@media(max-width:980px) {
    .product-tabs .events-nav-tabs>li.active>a,
    .product-tabs .nav-tabs>li.active>a:focus,
    .product-tabs .events-nav-tabs>li.active>a:hover {
        padding: 9px 36px;
        border-bottom: 3px solid #e56a54
    }
    .product-tabs .events-nav-tabs>li>a:hover {
        padding-bottom: 12px
    }
}

@media(max-width:340px) {
    .product-tabs .events-nav-tabs>li.active>a,
    .product-tabs .nav-tabs>li.active>a:focus,
    .product-tabs .events-nav-tabs>li.active>a:hover {
        padding: 9px 18px
    }
}

#event-filters {
    min-height: 60px;
    height: 100%
}

nav.event-filter-options {
    display: block
}

nav.event-filter-options .dropdown-menu {
    background-color: #fff;
    border: 1px solid #eaeaea;
    max-height: 280px;
    overflow-y: auto
}

nav.event-filter-options .dropdown-menu>li>a {
    color: #a4a9ad;
    text-align: left;
    font-weight: 400;
    font-size: 14px
}

@media(max-width:800px) {
    nav.event-filter-options .hidden-xs {
        display: none
    }
}

nav.event-filter-options .column-1-7 {
    display: none
}

@media(min-width:800px) {
    nav.event-filter-options .column-1-7 {
        display: block;
        padding: 0 3px;
        width: calc(100%/7*1.375)
    }
    nav.event-filter-options .column-1-7.left-15 {
        padding-left: 15px
    }
}

@media(min-width:992px) {
    nav.event-filter-options .column-1-7 {
        width: calc(100%/7)
    }
}

@media(min-width:1180px) {
    nav.event-filter-options .column-1-7 {
        padding: 0 15px
    }
}

nav.event-filter-options .column-2-7 {
    display: none;
    width: calc(100%/7*2)
}

@media(min-width:992px) {
    nav.event-filter-options .column-2-7 {
        display: block;
        padding: 0 3px
    }
    nav.event-filter-options .column-2-7.right-15 {
        padding-right: 15px
    }
}

@media(min-width:1080px) {
    nav.event-filter-options .column-2-7 {
        padding: 0 15px
    }
}

nav.event-filter-options .column-3-7 {
    display: none;
    width: calc(100%/7*3)
}

@media(min-width:800px) {
    nav.event-filter-options .column-3-7 {
        display: block;
        padding: 0 3px
    }
}

@media(min-width:1080px) {
    nav.event-filter-options .column-3-7 {
        padding: 0 15px
    }
}

nav.event-filter-options .show-small {
    display: none
}

@media(max-width:991px) {
    nav.event-filter-options .show-small {
        display: inline-block;
        padding: 0 15px
    }
}

nav.event-filter-options .wrapper-dropdown-events {
    display: block;
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 0
}

nav.event-filter-options .wrapper-dropdown-events .dropdown-toggle {
    width: 100%;
    height: 100%;
    display: inline-block
}

nav.event-filter-options .wrapper-dropdown-events .filter-left {
    padding: 8px
}

nav.event-filter-options .wrapper-dropdown-events span {
    color: #4b4b4b;
    font-weight: 400;
    text-transform: none
}

nav.event-filter-options .wrapper-dropdown-events span:before {
    top: 25%;
    right: -24px;
    border-top-color: #a4a9ad;
    border-width: 8px;
    margin-left: -6px;
    border-radius: 6px
}

nav.event-filter-options .wrapper-dropdown-events span:after {
    top: 21%;
    border-top-color: #fff;
    border-width: 5px;
    right: -21px
}

.events-desc-txt {
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin: 0 auto 12px
}

@media(max-width:768px) {
    .events-desc-txt {
        font-size: 16px
    }
}

#events-tabbed-content {
    display: inline-block;
    margin-top: 22px
}

.filter-left {
    font-size: 11px;
    text-align: left;
    color: #a4a9ad;
    font-weight: 900
}

.event-type-container {
    display: block;
    min-height: 510px;
    max-height: 100%;
    height: 100%;
    width: 100%;
    margin-bottom: 14px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 20px;
    overflow: hidden
}

@media(max-width:768px) {
    .event-type-container {
        min-height: auto;
        padding: 20px 20px 30px
    }
}

.event-type-header {
    position: relative;
    height: 100%;
    min-height: 110px;
    width: 100%;
    display: inline-block;
    margin-bottom: 24px
}

@media(max-width:767px) {
    .event-type-header {
        min-height: auto;
        margin-bottom: 6px
    }
}

.featured-event {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 62px 62px 0;
    top: -24px;
    right: -24px;
    color: #fff;
    border-color: transparent #f6dc6b transparent transparent
}

.featured-event .icon-star {
    position: relative;
    left: 36px;
    top: 11px
}

.event-icon,
.event-icon.webinar-icon {
    position: relative;
    left: -8px;
    display: inline-block;
    font-size: 48px;
    color: #7e4082;
    float: left;
    min-height: 90px;
    height: 100%
}

@media(max-width:992px) {
    .event-icon,
    .event-icon.webinar-icon {
        min-height: 64px
    }
}

.event-icon.webinar-icon {
    margin-right: 10px;
    line-height: .95;
    padding-left: 7px
}

.event-title,
.event-sub-title {
    position: relative;
    top: 4px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.event-sub-title {
    font-weight: 300;
    font-size: 18px;
    text-transform: none;
    line-height: 2.125rem;
    letter-spacing: -.01rem;
    padding-top: 8px;
    padding-bottom: 8px
}

@media(max-width:767px) {
    .event-sub-title {
        padding-bottom: 24px
    }
}

.event-description {
    margin-bottom: 32px
}

.event-details {
    display: block;
    margin-bottom: 32px
}

.event-details a {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.event-details a:hover {
    opacity: .7
}

.event-date,
.event-time,
.event-location {
    background-color: #f1f2f2;
    border-radius: 2px;
    color: #2a343e;
    font-weight: 300;
    margin: 6px 0;
    padding: 5px 8px 10px 8px
}

.event-date i,
.event-time i,
.event-location i {
    position: relative;
    font-size: 24px;
    margin-right: 12px;
    top: 4px
}

.event-location .icon-location-pin:before {
    vertical-align: top
}

span [itemprop="addressLocality"] {
    width: 50%;
    display: inline-block;
    word-break: break-word
}

.event-register-btn,
.app-login-btn {
    display: block;
    width: 100%;
    margin: 30px auto 0;
    color: #7e4082;
    background-color: transparent;
    border: 3px solid #7e4082;
    text-align: center;
    border-radius: 120px;
    font-size: 21px;
    line-height: 2;
    font-weight: 800;
    letter-spacing: -.01rem;
    padding: 0;
    -webkit-transition: all .3s cubic-bezier(.24, .6, .58, 1);
    transition: all .3s cubic-bezier(.24, .6, .58, 1)
}

@media screen and (min-width:1200px) and (max-width:1330px) {
    .event-register-btn,
    .app-login-btn {
        font-size: 16px;
        padding-bottom: 6px
    }
}

.event-register-btn:hover,
.app-login-btn:hover,
.event-register-btn:focus,
.app-login-btn:focus {
    background-color: #7e4082;
    color: #ffffff;
    border: 3px solid #7e4082;
}

.event-register-btn:hover .icon-arrow-right,
.app-login-btn:hover .icon-arrow-right,
.event-register-btn:focus .icon-arrow-right,
.app-login-btn:focus .icon-arrow-right {
    left: 4px
}

.event-register-btn:active .icon-arrow-right,
.app-login-btn:active .icon-arrow-right,
.event-register-btn:focus .icon-arrow-right,
.app-login-btn:focus .icon-arrow-right {
    left: 7px
}

.event-register-btn .icon-arrow-right,
.app-login-btn .icon-arrow-right {
    position: relative;
    margin-left: 2px;
    font-size: 32px;
    top: 9px;
    left: 0;
    -webkit-transition: left .3s;
    transition: left .3s
}

.row.no-gutter>[class*='col-'] {
    padding-left: 30px;
    padding-right: 30px
}

@media(min-width:767px) and (max-width:1200px) {
    .row.no-gutter>[class*='col-'] {
        padding-right: 6px
    }
    .row.no-gutter>[class*='col-']:nth-child(2),
    .row.no-gutter>[class*='col-']:nth-child(4) {
        padding-right: 30px;
        padding-left: 6px
    }
}

@media(min-width:1200px) {
    .row.no-gutter>[class*='col-'] {
        padding-right: 4px;
        padding-left: 4px
    }
    .row.no-gutter>[class*='col-']:first-child {
        padding-left: 30px
    }
    .row.no-gutter>[class*='col-']:last-child {
        padding-right: 30px
    }
}

.cert-course.expired,
.webinar.expired {
    opacity: .6
}

.cert-course.expired>*,
.webinar.expired>* {
    color: #a4a9ad
}

.cert-course.expired .event-icon,
.webinar.expired .event-icon {
    color: #a4a9ad
}

.cert-course .btn-disabled,
.webinar .btn-disabled {
    cursor: not-allowed;
    color: #a4a9ad;
    border-color: #a4a9ad;
    font-size: 15px
}

.cert-course .btn-disabled:hover,
.cert-course .btn-disabled:active,
.cert-course .btn-disabled:focus,
.webinar .btn-disabled:hover,
.webinar .btn-disabled:active,
.webinar .btn-disabled:focus {
    color: #a4a9ad;
    border-color: #a4a9ad;
    background-color: transparent;
    box-shadow: none
}

.read-more-state {
    display: none
}

.read-more-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 21px;
    max-height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: max-height .2s;
    transition: max-height .2s
}

@media(max-width:768px) {
    .read-more-wrap {
        line-height: 21px;
        max-height: 50px
    }
}

.read-more-state:checked~.read-more-wrap {
    display: inline;
    overflow: auto;
    text-overflow: auto;
    display: block;
    max-height: 100%;
    -webkit-box-orient: initial
}

.read-more-state~.read-more-wrap:after {
    content: '...'
}

.read-more-state:checked~.read-more-wrap:after {
    display: none
}

label[for*="cert-"],
label[for*="webinar-"] {
    display: inline;
    position: relative
}

.read-more-trigger {
    position: absolute;
    cursor: pointer;
    display: inline;
    color: #2b4c59;
    font-size: .9em
}

.hide-more {
    display: none
}

.fl-header {
    position: relative;
    height: 100%;
    background-color: #7e4082;
    padding: 2%
}

.fl-header h1 {
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 300;
    padding: 0 14px
}

.fl-header .header-icon {
    margin: 0 auto;
    color: #fff;
    display: block;
    font-size: 80px;
    text-align: center
}

.fl-main-content {
    position: relative;
    min-height: 100vh
}

.fl-main-content:after {
    content: "";
    display: table;
    clear: both
}

.fl-main-content.is-fixed .fl-tab-filter-wrapper {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .13)
}

@media(max-width:767px) and (min-height:540px) {
    .fl-main-content.is-fixed .fl-tab-filter-wrapper {
        padding-top: 6px
    }
}

.fl-main-content.is-fixed .fl-gallery {
    padding-top: 76px
}

.fl-main-content.is-fixed .fl-filter {
    position: fixed;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    left: 0;
    float: none;
    margin: 0;
    text-align: center;
    padding: 6px 0 0 0
}

.fl-main-content.is-fixed .fl-filter form {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.fl-main-content.is-fixed .fl-filter-trigger {
    position: fixed
}

@media only screen and (min-width:768px) {
    .fl-main-content.is-fixed .fl-gallery {
        padding-top: 90px
    }
}

@media only screen and (min-width:1170px) {
    .fl-main-content.is-fixed .fl-gallery {
        padding-top: 100px
    }
}

.fl-tab-filter-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    z-index: 1;
    margin: 0 auto;
    text-align: center
}

.fl-tab-filter-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.fl-tab-filter {
    position: relative;
    display: block;
    height: 50px;
    width: auto;
    margin: 0 auto;
    z-index: 1;
    text-align: center
}

.fl-tab-filter ul {
    position: relative;
    top: 0;
    padding: 0;
    background-color: #fff
}

@media(max-width:767px) {
    .fl-tab-filter ul:after {
        content: '';
        width: 20%;
        border-bottom: 2px solid #7e4082;
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.fl-tab-filter li {
    display: none
}

.fl-tab-filter li:first-child {
    display: block
}

.fl-tab-filter a {
    width: 100%;
    display: block;
    line-height: 50px;
    text-align: center
}

.fl-tab-filter a.selected {
    background: rgba(42, 52, 62, .1);
    color: #5c6670;
    border-left: 5px solid #7e4082
}

.fl-tab-filter.is-open {
    width: 200px
}

.fl-tab-filter.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.fl-tab-filter.is-open ul {
    box-shadow: inset 0 -2px 0 transparent, 0 2px 10px rgba(0, 0, 0, .2)
}

.fl-tab-filter.is-open ul:after {
    display: none
}

.fl-tab-filter.is-open ul li {
    display: block
}

.fl-tab-filter.is-open .placeholder a {
    opacity: .4
}

@media only screen and (min-width:768px) {
    .fl-tab-filter {
        width: auto;
        cursor: auto
    }
    .fl-tab-filter::after {
        display: none
    }
    .fl-tab-filter ul {
        background: transparent;
        box-shadow: none;
        text-align: center;
        width: 100%;
        display: block
    }
    .fl-tab-filter li {
        display: inline-block;
        margin-right: 5px;
    }
    .fl-tab-filter li.placeholder {
        display: none!important
    }
    .fl-tab-filter a {
        display: inline-block;
        padding: 0 1em;
        width: auto;
        color: #9a9a9a;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px
    }
    .no-touch .fl-tab-filter a:hover {
        color: #7e4082;
        -webkit-transition: all .2s;
        transition: all .2s
    }
    .fl-tab-filter a.selected {
        background: transparent;
        color: #7e4082;
        box-shadow: inset 0 -2px 0 #7e4082;
        border: none
    }
    .fl-tab-filter.is-open ul li {
        display: inline-block
    }
}

@media only screen and (min-width:1170px) {
    .fl-tab-filter {
        margin: 0;
        -webkit-transition: width .3s;
        transition: width .3s
    }
    .fl-tab-filter.filter-is-visible {
        width: 80%
    }
}

.fl-gallery {
    padding: 26px 5%;
    width: 100%
}

.fl-gallery ul {
    padding: 0
}

.fl-gallery li {
    margin-bottom: 1.6em;
    display: none;
    width: 100%;
    margin-bottom: 6px;
    text-align: center;
    vertical-align: top;
    /*margin-right: 9px !important;*/
}

.fl-gallery li .partnerTag {
    margin-bottom: 16px
}

.fl-gallery li i.icon-Frontline-Icon:before {
    font-size: 60px;
    color: #6bccb3;
    margin-bottom: 12px;
    margin-left: -11px;
}

.fl-gallery li h4 {
    margin-top: 10px
}

.fl-gallery li .panel.panel-default.strategic {
    position: relative;
    min-height: 360px;
    height: 100%
}

.fl-gallery li .integrateLogo {
    height: 100%
}

.fl-gallery li.gap {
    opacity: 0;
    height: 0;
    display: inline-block
}

.fl-gallery img {
    display: block;
    width: 100%
}

.fl-gallery .fl-fail-message {
    display: none;
    text-align: center
}

@media only screen and (min-width:768px) {
    .fl-gallery li {
        width: 48%;
        margin-right: 3%
    }
    .fl-gallery li:nth-child(even) {
        margin-right: 0
    }
}

@media only screen and (min-width:992px) {
    .fl-gallery {
        padding: 40px 3%
    }
    .fl-gallery ul {
        text-align: justify
    }
    .fl-gallery ul:after {
        content: "";
        display: table;
        clear: both
    }
    .fl-gallery li {
        width: 32%;
        margin-right: 0
    }
}

@media only screen and (min-width:1170px) {
    .fl-gallery {
        padding: 50px 2%;
        float: right;
        -webkit-transition: width .3s;
        transition: width .3s
    }
    .fl-gallery li {
        width: 24%
    }
    .fl-gallery.filter-is-visible {
        width: 80%
    }
}

@media (min-width:1441px) {
    .fl-gallery {
        padding: 50px 2%;
        float: right;
        -webkit-transition: width .3s;
        transition: width .3s
    }
    .fl-gallery li {
        width: 19%
    }
    .fl-gallery.filter-is-visible {
        width: 80%
    }
}

.fl-filter {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: auto;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: box-shadow .3s, -webkit-transform .3s;
    transition: box-shadow .3s, -webkit-transform .3s;
    transition: transform .3s, box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s
}

@media(max-width:1080px) {
    .fl-filter {
        margin: 12px auto 0;
        width: 100%;
        text-align: center;
        float: none
    }
}

.fl-filter .fl-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    background: rgba(0, 0, 0, .09);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 3
}

.no-touch .fl-filter .fl-close:hover {
    background: rgba(0, 0, 0, .23)
}

.fl-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .2)
}

.fl-filter.filter-is-visible .fl-close {
    opacity: 1
}

.fl-filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: transparent url("../images/fl-icon-filter.svg") no-repeat center center;
    z-index: 3
}

.fl-filter-trigger.filter-is-visible {
    pointer-events: none
}

@media only screen and (min-width:1170px) {
    .fl-filter-trigger {
        width: auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .no-touch .fl-filter-trigger:hover {
        color: #41307c
    }
    .fl-filter-trigger.filter-is-visible,
    .fl-filter-trigger.filter-is-visible:hover {
        color: #fff
    }
}

.fl-filter-block {
    margin-bottom: -5px;
    display: inline-block
}

@media(max-width:992px) {
    .fl-filter-block {
        margin-bottom: 0
    }
}

.fl-filter-block .fl-filter-content {
    display: inline-block;
    padding: 8px 0
}

.fl-filter-block h4 {
    position: relative;
    display: inline-block;
    margin-bottom: .2em;
    padding: 10px 12px 10px 20px;
    color: #a4a9ad;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width:992px) {
    .fl-filter-block h4 {
        padding-left: 0
    }
}

.no-touch .fl-filter-block h4:hover {
    color: #41307c
}

.fl-filter-block h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    /*background: url("../images/fl-icon-arrow.svg") no-repeat center center;*/
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.fl-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.fl-filter-block input,
.fl-filter-block select,
.fl-filter-block .radio-label::before,
.fl-filter-block .checkbox-label::before {
    border-radius: 0;
    background-color: #fff;
    border: 2px solid #e6e6e6
}

.fl-filter-block input[type='search'],
.fl-filter-block input[type='text'],
.fl-filter-block select {
    width: 100%;
    border: 1px solid #d1d3d3;
    padding: .3em;
    background-color: #fff;
    border-radius: 3px;
    color: #d1d3d3;
    -webkit-transition: border-color .4s ease;
    transition: border-color .4s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none
}

.fl-filter-block input[type='search']:focus,
.fl-filter-block input[type='text']:focus,
.fl-filter-block select:focus {
    outline: none;
    background-color: #fff;
    color: #5c6670;
    border-color: #6bccb3
}

.fl-filter-block input[type='search'] {
    border-color: transparent;
    border: 1px solid #d1d3d3;
    background-color: #fff;
    font-size: 1.6rem!important
}

.fl-filter-block input[type='search']::-webkit-search-cancel-button {
    display: none
}

.fl-filter-block .fl-select {
    position: relative
}

.fl-filter-block .fl-select::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    /*background: url("../images/fl-icon-arrow.svg") no-repeat center center;*/
    pointer-events: none
}

.fl-filter-block select {
    cursor: pointer;
    font-size: 1.4rem
}

.fl-filter-block select::-ms-expand {
    display: none
}

.fl-filter-block .list li {
    position: relative;
    margin-bottom: .8em
}

.fl-filter-block .list li:last-of-type {
    margin-bottom: 0
}

@-moz-document url-prefix() {
    .fl-filter-block .fl-select::after {
        display: none;
    }
}

.app-login-btn {
    position: absolute;
    bottom: 8%;
    display: inline-block;
    width: auto;
    color: #7e4082;
    border: 1px solid #7e4082;
    border-radius: 30px;
    font-size: 18px;
    line-height: 18px;
    padding: 0 30px 10px
}

.app-login-btn:hover,
.app-login-btn:focus {
    color: #fff;
    background-color: #402b56;
    border-color: #7e4082
}

.app-login-btn .icon-arrow-right {
    font-size: 26px;
    top: 7px
}

.cat-title,
.app-name {
    display: block;
    margin: 0 auto 14px
}

.app-name {
    font-style: italic;
    margin-bottom: 0
}

a.return-home {
    display: none!important
}

@media(min-width:767px) {
    a.return-home {
        position: absolute;
        display: inline-block!important;
        color: #fff;
        font-size: 12px;
        opacity: .6;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    a.return-home:hover {
        opacity: 1
    }
}

@media(min-width:992px) {
    a.return-home {
        margin-top: -16px
    }
}

@media only screen and (max-width:992px) {
    .fl-gallery li .panel.panel-default.strategic {
        min-height: 320px
    }
}

.bg-aqua {
    background-color: #6bccb3
}

.bg-emerald {
    background-color: #2b4c59
}

.mktoForm.mktoHasWidth.mktoLayoutLeft .mktoRequiredField .mktoAsterix {
  color: #c44c31 !important;
}

.bg-emerald .mktoForm .mktoRequiredField .mktoAsterix,
.bg-deep-purple .mktoForm .mktoRequiredField .mktoAsterix,
.bg-obsidian .mktoForm .mktoRequiredField .mktoAsterix,
.bg-deep-emerald .mktoForm .mktoRequiredField .mktoAsterix{
    color: #FABEAF !important;
  }

.bg-slate .mktoForm .mktoRequiredField .mktoAsterix{
    color: #FFFFFF !important;
  }

.bg-deep-blue .mktoForm .mktoRequiredField .mktoAsterix{
    color: #f6dc6b !important;
  }


.bg-purple-haze {
    background-color: #7e4082
}

.bg-deep-purple {
    background-color: #402b56
}

.bg-salmon {
    background-color: #e56a54
}

.bg-charter {
    background-color: #2b4c59
}

.bg-canary {
    background-color: #f6dc6b
}

.bg-obsidian {
    background-color: #2a343e
}

.bg-slate {
    background-color: #5c6670
}

.bg-smog {
    background-color: #a4a9ad
}

.bg-smoke {
    background-color: #d1d3d3
}

.bg-haze {
    background-color: #eaeaea
}

.txt-aqua {
    color: #6bccb3
}

.txt-emerald {
    color: #2b4c59
}

.txt-purple-haze {
    color: #7e4082
}

.txt-deep-purple {
    color: #402b56
}

.txt-salmon {
    color: #e56a54
}

.txt-charter {
    /* color: #4ec3e0 */
    color: #3ca1ba;
}

.download span.txt-charter {
    color: #2f8095;
  }

.txt-canary {
    color: #f6dc6b
}

.txt-obsidian {
    color: #2a343e
}

.txt-slate {
    color: #5c6670
}

.txt-smog {
    color: #a4a9ad
}

.txt-smoke {
    color: #d1d3d3
}

.txt-haze {
    color: #eaeaea
}

.search-btn {
    position: absolute;
    top: 0;
    right: 14px;
    max-width: 60px;
    width: 100%;
    max-height: 40px;
    height: 100%;
    bottom: 0;
    background: none;
    background-color: #6d3871;
    color: #fff;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden!important
}

.search-btn:hover {
    background-color: #6d3871;
    color: #fff
}

.search-btn:active,
.search-btn:focus {
    background-color: #6d3871!important;
    color: #fff!important;
    outline: 1px solid #6bccb3!important;
    outline-offset: .1em!important
}

.search-btn:after {
    font-family: 'iconfont'!important;
    content: '';
    font-size: 40px;
    position: relative;
    top: -16px;
    right: 48px;
    left: -48px
}

.PagerNumberArea {
    padding: 20px 0
}

.PagerNumberArea>span {
    color: #a4a9ad;
    font-weight: 900
}

span.SelectedPrev {
    color: #a4a9ad;
    font-weight: 900
}

.UnselectedPage {
    color: #7e4082;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-size: 18px;
    line-height: 18px;
    margin: 0 6px;
    border: 1px solid #7e4082;
    border-radius: 100%;
    padding: 6px 12px;
    font-weight: 900;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.UnselectedPage:hover {
    background-color: #7e4082;
    color: #fff
}

.SelectedPage {
    color: #fff;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-size: 21px;
    line-height: 18px;
    margin: 0 6px;
    border: none;
    background-color: #7e4082;
    border-radius: 50%;
    padding: 10px 16px;
    font-weight: 900;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media(max-width:767px) {
    .formDemoSide div.form>div {
        margin: 0
    }
    .formDemoSide .mktoForm input[type=text],
    .formDemoSide .mktoForm input[type=email] {
        padding: 20px!important
    }
}

.privacy-hero {
    background-image: none;
    background-color: #2e3944
}

.people-wrapper {
    overflow: hidden;
    z-index: inherit
}

@media(min-height:540px) and (min-width:992px) {
    .people-wrapper .exec-bio .modal-sme-wrapper {
        max-width: 900px;
        width: 100%;
        padding: 3% 0 0 0
    }
}

@media(min-width:767px) and (max-width:992px) {
    .people-wrapper .exec-bio .modal-sme-wrapper {
        padding: 5% 0 0 12%
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .people-wrapper .exec-bio .modal-sme-wrapper {
        padding-left: 4%
    }
}

@media(max-width:1441px) and (min-height:540px) {
    .animated-block {
        padding-top: 40px
    }
}

@media(max-width:767px) {
    .animated-block {
        padding-top: 0
    }
}

.gsst_a {
    margin-left: -40px;
    position: relative;
    margin-top: 10px;
    -webkit-transition: color .3s!important;
    transition: color .3s!important
}

.gsst_a .gscb_a {
    color: #5c6670!important
}

.gsst_a:hover .gscb_a,
.gsst_a:focus .gscb_a {
    color: #2a343e!important
}

.gsc-control-cse {
    font-family: 'Lato', sans-serif!important;
    font-weight: 400!important
}

input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
    border-color: transparent!important;
    background-color: #5c6670!important;
    background-image: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    height: 32px!important;
    position: relative!important;
    margin-left: -27px!important;
    margin-top: 18px!important
}

input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
    height: 32px!important
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    width: auto!important;
    height: 32px!important
}

#more-nav div.form>div {
    position: relative;
    margin: 30px 0 34px
}

@media only screen and (min-width:767px) and (max-height:650px) {
    nav.side-main .icon.info:before {
        left: 20px
    }
}

.fl-load-copy {
    margin: 40px auto;
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #2a343e;
    font-size: 18px;
    font-weight: 300
}

.fl-load-three-bounce {
    margin: 40px auto;
    width: 80px;
    text-align: center
}

.fl-load-three-bounce .fl-load-child {
    width: 20px;
    height: 20px;
    background-color: #7e4082;
    border-radius: 100%;
    display: inline-block;
    animation: fl-load-three-bounce 1.4s ease-in-out 0s infinite both
}

.fl-load-three-bounce .fl-load-bounce1 {
    animation-delay: -.32s
}

.fl-load-three-bounce .fl-load-bounce2 {
    animation-delay: -.16s
}

@keyframes fl-load-three-bounce {
    0%,
    80%,
    100% {
        transform: scale(0)
    }
    40% {
        transform: scale(.7)
    }
}

.in-page-flex {
    -js-display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.in-page-flex .col {
    flex: 1;
    padding: 30px
}

.in-page-flex .col:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.in-page-flex .col:nth-child(2) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.in-page-flex .col:nth-child(3) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.icon-middle {
    vertical-align: middle
}

.icon-middle span {
    font-size: 0
}

.no-nav-logo {
    position: absolute;
    top: -12px;
    left: 24px
}

.no-nav-logo i.icon-Frontline-Icon,
.no-nav-logo i.icon-Frontline-Logo {
    font-size: 64px
}

.sub-header-icon {
    font-size: 90px
}

@media(max-width:767px) {
    .sub-header-icon {
        font-size: 50px
    }
    .no-nav-logo {
        left: 8px
    }
}

ul.arrow-list {
    margin-left: 40px;
    list-style-type: none
}

ul.arrow-list li {
    text-indent: -28px;
    margin-bottom: 10px
}

ul.arrow-list li:before {
    content: "";
    font-family: 'iconfont'!important;
    color: #6bccb3;
    vertical-align: middle;
    padding-right: 11px
}

.news-sticky-sidebar {
    display: none;
    position: fixed;
    z-index: 3;
    top: 40%;
    transform: translateY(-40%);
    right: 0;
    width: 280px;
    max-height: 326px;
    height: 100%;
    border-radius: 5px 0 0 5px;
    border-top: 10px solid #4ec3e0;
    background-color: #2a343e;
    color: #fff;
    -webkit-box-shadow: -1px 3px 4px 0 rgba(0, 0, 0, .14);
    -moz-box-shadow: -1px 3px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: -1px 3px 4px 0 rgba(0, 0, 0, .14);
    padding: 30px 20px 30px 40px;
    transition: max-height .2s cubic-bezier(.24, .6, .58, 1), width .3s cubic-bezier(.24, .6, .58, 1)
}

@media(min-width:767px) {
    .news-sticky-sidebar {
        display: block
    }
}

.news-sticky-sidebar .headline {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity .3s cubic-bezier(.24, .6, .58, 1)
}

.news-sticky-sidebar p.snippet {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .01em;
    color: #fff;
    margin: 16px 0 32px 20px;
    opacity: 1;
    transition: opacity .3s .18s cubic-bezier(.24, .6, .58, 1)
}

.news-sticky-sidebar p.snippet:before {
    content: '';
    position: absolute;
    top: 3px;
    left: -20px;
    width: 6px;
    height: 96%;
    background-color: #4ec3e0;
    border-radius: 12px
}

.news-sticky-sidebar p.snippet strong {
    font-weight: 900
}

.news-sticky-sidebar .news-cta {
    margin-bottom: 8px;
    display: block;
    width: 160px;
    padding: 8px 16px;
    border-radius: 3px;
    font-weight: 700;
    background-color: #402b56;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    transition: background-color .3s;
    visibility: visible
}

.news-sticky-sidebar .news-cta:hover {
    background-color: #25b3d6;
    transition: background-color .3s
}

.news-sticky-sidebar .news-alert-icon {
    position: absolute;
    opacity: 1;
    left: -30px;
    top: -32px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    background: url(../images/Icon_Announcement_Bell.png);
    background-color: #4ec3e0;
    background-repeat: no-repeat;
    background-size: 37px;
    background-position: 50%;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .09);
    transition: height .2s cubic-bezier(.24, .6, .58, 1), width .3s cubic-bezier(.24, .6, .58, 1), opacity .3s cubic-bezier(.32, .46, .54, 1)
}

.news-sticky-sidebar .news-hide {
    position: absolute;
    right: 36px;
    top: 0;
    width: 36px;
    height: 18px;
    background-color: #5c6670;
    color: #fff;
    opacity: .3;
    font-size: 11px;
    text-align: center;
    font-weight: 900;
    line-height: 18px;
    cursor: pointer;
    border-radius: 0 0 2px 2px;
    transition: opacity .2s
}

.news-sticky-sidebar .news-hide:hover {
    opacity: .7;
    transition: opacity .2s
}

.news-sticky-sidebar .news-alert-collapse {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: -26px;
    height: 28px;
    width: 26px;
    border-radius: 60px 0 0 60px;
    background: url(../images/Icon_Double_arrowhead.png) no-repeat 70% 50%;
    background-size: 12px;
    background-color: rgba(42, 52, 62, .5);
    line-height: 28px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    cursor: pointer;
    transition: background-color .3s;
    opacity: 1
}

.news-sticky-sidebar .news-alert-collapse:hover {
    background-color: rgba(42, 52, 62, .7);
    transition: background-color .3s
}

.news-sticky-sidebar.hidden-news-sidebar {
    border: none;
    padding: 0;
    max-height: 0;
    width: 0;
    transition: max-height .2s cubic-bezier(.24, .6, .58, 1), width .3s cubic-bezier(.24, .6, .58, 1)
}

.news-sticky-sidebar.hidden-news-sidebar p.snippet,
.news-sticky-sidebar.hidden-news-sidebar .headline {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: opacity .3s cubic-bezier(.24, .6, .58, 1)
}

.news-sticky-sidebar.hidden-news-sidebar .news-cta {
    visibility: hidden
}

.news-sticky-sidebar.hidden-news-sidebar .news-alert-icon {
    height: 0;
    width: 0;
    opacity: 0;
    transition: height .2s cubic-bezier(.24, .6, .58, 1), width .3s cubic-bezier(.24, .6, .58, 1), opacity .3s cubic-bezier(.32, .46, .54, 1)
}

.news-sticky-sidebar.hidden-news-sidebar .news-hide,
.news-sticky-sidebar.hidden-news-sidebar .news-alert-collapse {
    opacity: 0;
    transition: opacity .12s cubic-bezier(.24, .6, .58, 1)
}

.news-alert-icon-collapsed {
    position: fixed;
    z-index: 4;
    right: 14px;
    bottom: 12px;
    width: 0;
    height: 0;
    line-height: 48px;
    transform: scale(0);
    border-radius: 100%;
    background: url(../images/Icon_Announcement_Bell.png);
    background-color: #4ec3e0;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 50%;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .09);
    transition: transform .2s cubic-bezier(.24, .6, .58, 1), height .3s, width .3s;
    cursor: pointer
}

.news-alert-icon-collapsed.icon-shown {
    height: 48px;
    width: 48px;
    transform: scale(1);
    transition: transform .2s cubic-bezier(.24, .6, .58, 1), height .3s, width .3s
}

.news-alert-icon-collapsed.icon-shown+.news-sticky-sidebar {
    position: fixed!important;
    top: 50%!important;
    bottom: auto!important
}

.icon-shown.new-alert-warn.news-alert-icon-collapsed:after {
    content: '1';
    color: #fff;
    height: 20px;
    width: 20px;
    background: #e56a54;
    position: absolute;
    right: 0;
    top: -7px;
    border-radius: 3px;
    font-family: 'Lato';
    line-height: 18px;
    font-weight: 900;
    font-size: 13px;
    text-align: center
}

.mobile-news-bar {
    display: none
}

@media(max-width:767px) {
    .mobile-news-bar {
        display: block;
        position: fixed;
        z-index: 4;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        background-color: #2a343e
    }
    .mobile-news-bar input#news-open[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    .mobile-news-bar .mobile-news-expander {
        font-size: 11px;
        color: #a4a9ad;
        line-height: 30px;
        position: absolute;
        right: 12px;
        font-weight: 400;
        letter-spacing: .01em
    }
    .mobile-news-bar .news-expand-wrapper~.mobile-news-expander:before {
        content: '[ Show ]'
    }
    .mobile-news-bar .news-expand-wrapper:checked~.mobile-news-expander:before {
        content: '[ Hide ]';
        background-color: transparent!important
    }
    .mobile-news-sticky-sidebar {
        display: block;
        z-index: 3;
        transform: none;
        max-height: 30px;
        height: 100%;
        line-height: 30px;
        color: #fff;
        -webkit-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        -moz-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        padding-left: 52px;
        padding-right: 12px;
        transition: max-height .3s ease
    }
    .mobile-news-sticky-sidebar .headline {
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        font-weight: 900;
        text-transform: uppercase
    }
    .mobile-news-sticky-sidebar p.snippet {
        color: #fff;
        position: relative;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0;
        margin: 14px 0 6px 14px;
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .3s, transform .2s cubic-bezier(.24, .6, .58, 1)
    }
}

@media(max-width:767px) and (max-width:340px) {
    .mobile-news-sticky-sidebar p.snippet {
        margin: 4px 0 4px 14px
    }
}

@media(max-width:767px) {
    .mobile-news-sticky-sidebar p.snippet:before {
        content: '';
        position: absolute;
        top: 2px;
        left: -14px;
        width: 4px;
        height: 96%;
        background-color: #4ec3e0;
        border-radius: 12px
    }
    .mobile-news-sticky-sidebar p.snippet strong {
        font-weight: 900
    }
    .mobile-news-sticky-sidebar .news-alert-icon {
        position: absolute;
        left: 8px;
        top: -12px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 100%;
        background: url(../images/Icon_Announcement_Bell.png);
        background-color: #4ec3e0;
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: 50%;
        -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21);
        -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21);
        box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21)
    }
    .mobile-news-sticky-sidebar .news-cta {
        margin-bottom: 8px;
        display: inline-block;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 13px;
        color: #fff;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .44s, transform .34s cubic-bezier(.24, .6, .58, 1), color .3s
    }
    .mobile-news-sticky-sidebar .news-cta:active {
        color: #e6e6e6;
        transition: color .3s
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar {
        max-height: 140px;
        transition: max-height .3s cubic-bezier(.24, .6, .58, 1)
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar p.snippet {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .45s, transform .56s cubic-bezier(.24, .6, .58, 1)
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar .news-cta {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .56s, transform .73s cubic-bezier(.24, .6, .58, 1), color .3s
    }
}

.fixed-sidebar {
    position: fixed!important;
    top: 50%!important;
    bottom: auto!important
}

@media(max-width:767px) {
    .news-alert-icon-collapsed.icon-shown {
        display: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .news-alert-icon-collapsed.icon-shown {
        display: none
    }
    .news-sticky-sidebar {
        display: none
    }
    .mobile-news-bar {
        display: block;
        position: fixed;
        z-index: 4;
        bottom: 0;
        right: 0;
        width: calc(100% - 110px);
        background-color: #2a343e
    }
    .mobile-news-bar input#news-open[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    .mobile-news-bar .mobile-news-expander {
        font-size: 11px;
        color: #a4a9ad;
        line-height: 30px;
        position: absolute;
        right: 12px;
        font-weight: 400;
        letter-spacing: .01em
    }
    .mobile-news-bar .news-expand-wrapper~.mobile-news-expander:before {
        content: '[ Show ]'
    }
    .mobile-news-bar .news-expand-wrapper:checked~.mobile-news-expander:before {
        content: '[ Hide ]';
        background-color: transparent!important
    }
    .mobile-news-sticky-sidebar {
        display: block;
        z-index: 3;
        transform: none;
        max-height: 30px;
        height: 100%;
        line-height: 30px;
        color: #fff;
        -webkit-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        -moz-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        padding-left: 52px;
        padding-right: 12px;
        transition: max-height .3s ease
    }
    .mobile-news-sticky-sidebar .headline {
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        font-weight: 900;
        text-transform: uppercase
    }
    .mobile-news-sticky-sidebar p.snippet {
        color: #fff;
        position: relative;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0;
        margin: 14px 0 6px 14px;
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .3s, transform .2s cubic-bezier(.24, .6, .58, 1)
    }
    .mobile-news-sticky-sidebar p.snippet:before {
        content: '';
        position: absolute;
        top: 2px;
        left: -14px;
        width: 4px;
        height: 96%;
        background-color: #4ec3e0;
        border-radius: 12px
    }
    .mobile-news-sticky-sidebar p.snippet strong {
        font-weight: 900
    }
    .mobile-news-sticky-sidebar .news-alert-icon {
        position: absolute;
        left: 8px;
        top: -12px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 100%;
        background: url(../images/Icon_Announcement_Bell.png);
        background-color: #4ec3e0;
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: 50%;
        -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21);
        -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21);
        box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21)
    }
    .mobile-news-sticky-sidebar .news-cta {
        margin-bottom: 8px;
        display: inline-block;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 13px;
        color: #fff;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .44s, transform .34s cubic-bezier(.24, .6, .58, 1), color .3s
    }
    .mobile-news-sticky-sidebar .news-cta:active {
        color: #e6e6e6;
        transition: color .3s
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar {
        max-height: 140px;
        transition: max-height .3s cubic-bezier(.24, .6, .58, 1)
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar p.snippet {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .45s, transform .56s cubic-bezier(.24, .6, .58, 1)
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar .news-cta {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .56s, transform .73s cubic-bezier(.24, .6, .58, 1), color .3s
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .news-alert-icon-collapsed.icon-shown {
        display: none
    }
    .news-sticky-sidebar {
        display: none
    }
    .mobile-news-bar {
        display: block;
        position: fixed;
        z-index: 4;
        bottom: 0;
        right: 0;
        width: calc(100% - 110px);
        background-color: #2a343e
    }
    .mobile-news-bar input#news-open[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
    .mobile-news-bar .mobile-news-expander {
        font-size: 11px;
        color: #a4a9ad;
        line-height: 30px;
        position: absolute;
        right: 12px;
        font-weight: 400;
        letter-spacing: .01em
    }
    .mobile-news-bar .news-expand-wrapper~.mobile-news-expander:before {
        content: '[ Show ]'
    }
    .mobile-news-bar .news-expand-wrapper:checked~.mobile-news-expander:before {
        content: '[ Hide ]';
        background-color: transparent!important
    }
    .mobile-news-sticky-sidebar {
        display: block;
        z-index: 3;
        transform: none;
        max-height: 30px;
        height: 100%;
        line-height: 30px;
        color: #fff;
        -webkit-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        -moz-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, .11);
        padding-left: 52px;
        padding-right: 12px;
        transition: max-height .3s ease
    }
    .mobile-news-sticky-sidebar .headline {
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        font-weight: 900;
        text-transform: uppercase
    }
    .mobile-news-sticky-sidebar p.snippet {
        color: #fff;
        position: relative;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0;
        margin: 14px 0 6px 14px;
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .3s, transform .2s cubic-bezier(.24, .6, .58, 1)
    }
    .mobile-news-sticky-sidebar p.snippet:before {
        content: '';
        position: absolute;
        top: 2px;
        left: -14px;
        width: 4px;
        height: 96%;
        background-color: #4ec3e0;
        border-radius: 12px
    }
    .mobile-news-sticky-sidebar p.snippet strong {
        font-weight: 900
    }
    .mobile-news-sticky-sidebar .news-alert-icon {
        position: absolute;
        left: 8px;
        top: -12px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 100%;
        background: url(../images/Icon_Announcement_Bell.png);
        background-color: #4ec3e0;
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: 50%;
        -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21);
        -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21);
        box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .21)
    }
    .mobile-news-sticky-sidebar .news-cta {
        margin-bottom: 8px;
        display: inline-block;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 13px;
        color: #fff;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .44s, transform .34s cubic-bezier(.24, .6, .58, 1), color .3s
    }
    .mobile-news-sticky-sidebar .news-cta:active {
        color: #e6e6e6;
        transition: color .3s
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar {
        max-height: 140px;
        transition: max-height .3s cubic-bezier(.24, .6, .58, 1)
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar p.snippet {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .45s, transform .56s cubic-bezier(.24, .6, .58, 1)
    }
    .news-expand-wrapper:checked~.mobile-news-sticky-sidebar .news-cta {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .56s, transform .73s cubic-bezier(.24, .6, .58, 1), color .3s
    }
}

::-moz-selection {
    background: #7e4082;
    color: #fff
}

::selection {
    background: #7e4082;
    color: #fff
}

.scrollmagic-pin-spacer .fePost-sidebar.sticky {
    margin-top: 70px!important
}

.huge-headline-sans {
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 7.5rem
}

@media(max-width:768px) {
    .huge-headline-sans {
        color: #fff;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 3.5rem
    }
}

.hero {
    min-height: 720px;
    padding-top: 0
}

.hero--home {
    background: url(../images/Home_Page_Image_1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: top;
    overflow: hidden
}

.home-video-container {
    position: absolute;
    z-index: 1;
    background-color: rgba(42, 52, 62, .42);
    height: 100%;
    width: 100%;
    padding-top: 18rem
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%
}

.video-bar-graphic {
    background-size: 308px
}

@media(max-width:992px) {
    .video-bar-graphic {
        background-size: 25%
    }
}

@media(max-width:766px) {
    .hero--home {
        background-image: url(../images/Home_Page_Image_1.jpg);
        min-height: 60rem
    }
}

@media(max-width:400px) {
    .home-video-container {
        padding-top: 10rem
    }
}

.SolutionItem:hover a.iconlink-text,
.SolutionItem:hover .solutionIcon {
    color: #6bccb3!important;
    transition: color .3s ease
}

.insights-platform {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    letter-spacing: .04em;
    position: relative;
    display: inline-block;
    width: auto;
    margin-bottom: 10px;
    padding-bottom: 12px;
    padding-top: 40px
}

.insights-platform:after {
    height: 4px;
    width: 100%;
    border-radius: 12px;
    background-color: #fff;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0
}

.insights-platform+h1.white-heading-1-slab {
    padding-top: 0
}

.sub-nav .mega-menu .menu-header .text {
    display: inherit;
    /* line-height: 1.3 */
    line-height: 1; /* Jake */
}

.feature-nav-tabs {
    display: inline-block;
    width: 100%
}

.feature-nav-tabs>li {
    font-size: 14px
}

.feature-nav-tabs>li>a {
    font-weight: 400;
    padding: 14px 14px;
    margin-bottom: 2px
}

.feature-nav-tabs>li.active>a {
    padding: 14px 14px
}

#resource-wrapper .filter-group h4 {
    font-weight: 700;
    margin-bottom: .5em
}

#resource-wrapper .filter-group h4 {
    font-size: 12px;
    display: inline;
    padding-left: 6px
}

#resource-wrapper label {
    font-weight: 300
}

#resource-wrapper fieldset.search {
    border: none;
    padding: 0
}

#resource-wrapper fieldset.search input[type="text"] {
    font-family: 'Lato';
    font-size: 14px;
    border: 1px solid transparent;
    border-bottom: 1px solid #d1d3d3;
    transition: border .4s ease-in-out;
    padding-top: 4px
}

#resource-wrapper fieldset.search input[type="text"]:focus {
    outline: 0 none;
    border-bottom: 1px solid #7e4082
}

#resource-wrapper button {
    display: inline;
    padding: .3em .6em;
    margin: 0;
    border: 0;
    color: #a4a9ad;
    background-color: #eaeaea;
    font-weight: 300;
    font-size: 12px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer
}

#resource-wrapper button:focus {
    outline: 0 none
}

#resource-wrapper .controls {
    background: #fff;
    padding: 1%;
    display: block
}

#resource-wrapper fieldset {
    display: inline-block;
    margin: 0;
    background: #fff;
    color: #a4a9ad;
    padding: 0 .6em;
    border-radius: 3px;
    font-size: 14px
}

#resource-wrapper .checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 6px 10px 8px 0;
    font-size: 14px
}

#resource-wrapper .checkbox:first-of-type {
    margin-left: 8px
}

#resource-wrapper .checkbox input[type="checkbox"] {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    margin: 0;
    opacity: 0;
    z-index: 1
}

#resource-wrapper .checkbox label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 1.4em;
    font-size: 12px
}

#resource-wrapper .checkbox label:before,
#resource-wrapper .checkbox label:after {
    content: '';
    display: block;
    position: absolute
}

#resource-wrapper .checkbox label:before {
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    border: 1px solid #d1d3d3;
    border-radius: 3px;
    transition: all .35s
}

#resource-wrapper .checkbox label:after {
    font-family: iconfont!important;
    content: '';
	font-size: 18px;
    line-height: 24px;
    max-width: 0;
    top: 0;
    left: 5px;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .35s;
    transition: all .35s;
    display: block;
    pointer-events: none
}

#resource-wrapper .checkbox input:checked~label:before {
    background-color: #d1d3d3;
    transition: all .35s
}

#resource-wrapper .checkbox input:checked~label:after {
    max-width: 44px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .35s;
    transition: all .35s
}

#resource-wrapper .checkbox input:hover~label:before {
    background-color: #d1d3d3;
    transition: background-color .3s ease
}

#resource-wrapper::-webkit-input-placeholder {
    font-family: 'Lato'
}

#resource-wrapper::-moz-placeholder {
    font-family: 'Lato'
}

#resource-wrapper:-ms-input-placeholder {
    font-family: 'Lato'
}

#resource-wrapper:-moz-placeholder {
    font-family: 'Lato'
}

#resource-wrapper .mix-container {
    padding: 1%;
    width: 100%;
    min-height: 400px;
    text-align: justify;
    position: relative;
    display: inline-block
}

#resource-wrapper .mix-container .mix,
#resource-wrapper .mix-container .gap {
    display: inline-block;
    vertical-align: top;
    text-align: center
}

#resource-wrapper .mix-container .mix {
    color: #fff;
    display: none
}

#resource-wrapper .mix-container .mix>.resource-link {
    width: 100%;
    background: #7e4082;
    min-height: 200px;
    margin-bottom: 30px;
    border-radius: 4px;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: background-color .4s
}

#resource-wrapper .mix-container .mix>.resource-link:hover {
    background: #6e3d71
}

#resource-wrapper .mix-container .mix>.resource-link:active {
    transform: scale(1.01)
}

#resource-wrapper .mix-container .fail-message {
    margin-top: 30px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    color: #a4a9ad;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    transition: 150ms
}

#resource-wrapper .mix-container .fail-message:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

#resource-wrapper .mix-container .fail-message span {
    display: inline-block;
    font-size: 18px;
    font-weight: 500
}

#resource-wrapper .mix-container.fail .fail-message {
    opacity: 1;
    pointer-events: auto
}

@media(max-width:767px) {
    #resource-wrapper .mix-container .mix,
    #resource-wrapper .mix-container .gap {
        width: 100%
    }
}

.ghost-pattern-hero {
    margin-bottom: 0;
    max-height: none;
    color: #fff;
    min-height: 180px;
    height: 100%;
    background: url(../images/Green_DotLine_doubled_top_right.png) top right no-repeat, url(../images/Green_DotLine_doubled_bottom_left.png) bottom left no-repeat;
    background-color: #2b4c59;
    background-size: 20%;
    text-align: center;
    font-weight: 300;
    padding: 9% 0
}

#overallCon {
    position: relative;
    max-width: 960px;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center
}

#headCon {
    max-width: 600px;
    width: 100%;
    margin: 0 auto
}

#scoreCon {
    display: block;
    text-align: left;
    position: absolute;
    background-color: #eaeaea;
    padding: 12px 24px;
    border-radius: 2px;
    left: 0;
    top: 30%
}

#tatCon {
    display: inline-block;
    margin: 20px auto;
    text-align: center;
    position: relative;
    max-width: 600px;
    width: 100%;
    min-height: 600px;
    height: 100%;
    background: url(../images/Chocolate_Heart_box_no_labels.svg) no-repeat;
    background-size: contain;
    background-position: center center
}

.headcircle {
    max-width: 76px;
    width: 100%;
    display: inline-block;
    margin: 0 10px 15px;
    z-index: 1;
    cursor: move
}

.headcircleinside {
    max-width: 110px;
    width: 100%;
    text-align: center;
    color: #fff;
    float: left;
    margin: -70px 0 0 -5px;
    position: absolute;
    display: none;
    text-shadow: 0 0 .2em #000, 0 0 .2em #000;
    cursor: pointer
}

.drop-zone-link {
    color: #fff;
    text-decoration: none;
    cursor: text;
    padding: 40px 20px;
    display: block
}

.milk {
    padding-top: 34px
}

.lemon {
    padding: 17px
}

.rasp-truffle {
    padding: 32px 0
}

.pb {
    padding: 25px
}

#tbutter .drop-zone-link,
#tstraw .drop-zone-link {
    padding-top: 25px;
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg)
}

#tbdaycake .drop-zone-link {
    padding-top: 27px
}

.headcircleinside img {
    margin-bottom: -4px;
    width: 50px
}

.atattoo {
    position: absolute;
    display: block;
    max-width: 110px;
    width: 100%;
    max-height: 110px;
    height: 100%;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 900;
    cursor: text
}

#tcoconut {
    right: 150px;
    top: 28px
}

#tbdaycake {
    left: 244px;
    bottom: 87px
}

#tmint {
    left: 165px;
    top: 158px;
    border-radius: 0
}

#torange {
    left: 250px;
    bottom: 236px
}

#tbutter {
    left: 29px;
    top: 136px
}

#tpb {
    right: 84px;
    bottom: 244px;
    max-width: 130px
}

#traspganache {
    left: 96px;
    top: 28px
}

#tstraw {
    right: 174px;
    top: 146px
}

#tmilk {
    top: 243px;
    left: 76px;
    border-radius: 0
}

#tcherry {
    top: 56px;
    left: 218.743px
}

#tlemon {
    bottom: 153px;
    right: 153px;
    border-radius: 0
}

#trasptruffle {
    right: 35px;
    top: 140px;
    border-radius: 30px;
    max-width: 120px
}

#tlemon .messageright.answered.locked-loaded {
    -webkit-transform: translate(-50%, -50%) scale(.8) rotate(0deg);
    -ms-transform: translate(-50%, -50%) scale(.8) rotate(0deg);
    transform: translate(-50%, -50%) scale(.8) rotate(0deg)
}

.atattoo img {
    display: block;
    margin-right: 3px
}

.atattoo>img {
    filter: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter%20id=%22filter%22%3E%3CfeColorMatrix%20type=%22matrix%22%20color-interpolation-filters=%22sRGB%22%20values=%220.2126%200.7152%200.0722%200%200%200.2126%200.7152%200.0722%200%200%200.2126%200.7152%200.0722%200%200%200%200%200%201%200%22%20/%3E%3C/filter%3E%3C/svg%3E#filter');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    -webkit-transition: -webkit-filter .4s;
    transition: -webkit-filter .4s;
    transition: filter .4s;
    transition: filter .4s, -webkit-filter .4s
}

.atattoo.boxHover>img {
    filter: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter%20id=%22filter%22%3E%3CfeColorMatrix%20type=%22matrix%22%20color-interpolation-filters=%22sRGB%22%20values=%220.433072%200.514944%200.051984%200%200%200.15307199999999999%200.794944%200.051984%200%200%200.15307199999999999%200.514944%200.331984%200%200%200%200%200%201%200%22%20/%3E%3C/filter%3E%3C/svg%3E#filter');
    -webkit-filter: grayscale(72%);
    filter: grayscale(72%);
    -webkit-filter: gray;
    filter: gray
}

.atattoo>.answered+img {
    filter: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter%20id=%22filter%22%3E%3CfeColorMatrix%20type=%22matrix%22%20color-interpolation-filters=%22sRGB%22%20values=%221%200%200%200%200%200%201%200%200%200%200%200%201%200%200%200%200%200%201%200%22%20/%3E%3C/filter%3E%3C/svg%3E#filter');
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.messagewrong {
    position: absolute;
    top: 40%;
    left: 50%;
    font: 300 36px 'Lato';
    max-width: 310px;
    width: 100%;
    color: #e56a54;
    display: none;
    box-shadow: inset 0 0 20px 8px rgba(229, 106, 84, .11);
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 0;
    background-color: rgba(255, 255, 255, .85);
    border-radius: 5px
}

.messageright {
    position: absolute;
    z-index: 999;
    display: none;
    top: 49%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.messageright.answered {
    display: block
}

.messageright.answered.locked-loaded {
    -webkit-transform: translate(-50%, -50%) scale(.8);
    -ms-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8)
}

.instruct {
    font: 14px 'Lato';
    color: #7e4082;
    margin-bottom: 20px
}

.score {
    font: bold 18px 'Lato';
    margin-bottom: 5px;
    color: #a4a9ad
}

.numDisp {
    font: 18px 'Lato';
    color: #a4a9ad
}

#desc {
    font: 14px 'Lato';
    margin-top: 25px;
    color: #666;
    padding-right: 20px
}

.head-container {
    margin: 15px auto
}

#shareCon {
    position: absolute;
    background-color: rgba(255, 255, 255, .97);
    width: 100%;
    text-align: center;
    top: 37%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 40px;
    border-radius: 4px;
    border: 1px solid #6bccb3
}

.congrats {
    font: bold 18px 'Lato';
    color: #6bccb3;
    margin-bottom: 0;
    margin: 0
}

@-webkit-keyframes fave-heart {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -11700px 0
    }
}

@keyframes fave-heart {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -11700px 0
    }
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes scale {
    0%,
    100% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes scale {
    0%,
    100% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@-webkit-keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #6bccb3
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #6bccb3
    }
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 6;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke: #6bccb3;
    fill: none;
    -webkit-animation: stroke .4s cubic-bezier(.65, 0, .45, 1) forwards;
    animation: stroke .4s cubic-bezier(.65, 0, .45, 1) forwards
}

.checkmark {
    position: relative;
    z-index: 999999;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    stroke-width: 6;
    stroke-linecap: round;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #6bccb3;
    -webkit-animation: fill .4s ease-in-out .3s forwards, scale .3s ease-in-out .7s both;
    animation: fill .4s ease-in-out .3s forwards, scale .3s ease-in-out .7s both
}

.checkmark__check {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: stroke .4s cubic-bezier(.65, 0, .45, 1) .6s forwards;
    animation: stroke .4s cubic-bezier(.65, 0, .45, 1) .6s forwards
}

.heart {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../images/Final_Animated_Heart_300Master_Artboard.png) no-repeat;
    background-position: 0 0;
    cursor: pointer;
    -webkit-animation: fave-heart .9s steps(39);
    animation: fave-heart .9s steps(39);
    -webkit-transform: translate3d(0);
    transform: translate3d(0);
    will-change: background-position
}

.heart-container {
    position: absolute;
    height: 300px;
    width: 300px;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 108;
    border-radius: 50%;
    background: rgba(64, 43, 86, 1);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(20%, rgba(64, 43, 86, 1)), color-stop(60%, rgba(64, 43, 86, .2)), color-stop(64%, rgba(64, 43, 86, .12)), color-stop(70%, rgba(64, 43, 86, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(64, 43, 86, 1) 20%, rgba(64, 43, 86, .2) 60%, rgba(64, 43, 86, .12) 64%, rgba(64, 43, 86, 0) 70%);
    background: -webkit-radial-gradient(center ellipse, rgba(64, 43, 86, 1) 20%, rgba(64, 43, 86, .2) 60%, rgba(64, 43, 86, .12) 64%, rgba(64, 43, 86, 0) 70%);
    background: radial-gradient(ellipse at center, rgba(64, 43, 86, 1) 20%, rgba(64, 43, 86, .2) 60%, rgba(64, 43, 86, .12) 64%, rgba(64, 43, 86, 0) 70%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#402b56', endColorstr='#402b56', GradientType=1)
}

@media(max-width:992px) {
    #scoreCon {
        text-align: center;
        position: relative;
        left: 0;
        top: 0;
        width: 50%;
        margin: 0 auto
    }
}

@media(max-width:600px) {
    #tatCon {
        background: none;
        min-height: auto;
        margin-bottom: 30px
    }
    .atattoo {
        position: relative;
        display: inline-block;
        max-width: 110px!important;
        width: 100%;
        height: 100%;
        border-radius: 2px;
        background: rgba(0, 0, 0, .32);
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-weight: 900;
        cursor: text;
        margin: 6px;
        vertical-align: top
    }
    .drop-zone-link {
        color: #fff;
        text-decoration: none;
        cursor: text;
        padding: 30px 10px;
        display: block;
        min-height: 110px;
        height: 100%
    }
    #tbutter .drop-zone-link,
    #tstraw .drop-zone-link {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    #tcoconut {
        right: auto;
        top: auto
    }
    #tbdaycake {
        left: auto;
        bottom: auto
    }
    #tmint {
        left: auto;
        top: auto;
        border-radius: 0
    }
    #torange {
        left: auto;
        bottom: auto
    }
    #tbutter {
        left: auto;
        top: auto
    }
    #tpb {
        right: auto;
        bottom: auto;
        max-width: auto
    }
    #traspganache {
        left: auto;
        top: auto
    }
    #tstraw {
        right: auto;
        top: auto
    }
    #tmilk {
        top: auto;
        left: auto;
        border-radius: 0
    }
    #tcherry {
        top: auto;
        left: auto
    }
    #tlemon {
        right: auto;
        bottom: auto;
        border-radius: 0
    }
    #trasptruffle {
        right: auto;
        top: auto;
        border-radius: 0;
        max-width: auto
    }
    #tlemon .messageright.answered.locked-loaded {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .milk,
    .rasp-truffle,
    .lemon {
        padding-top: 22px
    }
    .headcircle {
        max-width: 60px;
        -webkit-transition: max-width .3s;
        transition: max-width .3s
    }
}

@media(max-width:480px) {
    .headcircle {
        max-width: 50px;
        margin: 6px 1px;
        -webkit-transition: max-width .3s;
        transition: max-width .3s
    }
    #tatCon {
        margin-top: 0
    }
    .atattoo {
        max-width: 72px!important
    }
    .drop-zone-link {
        padding: 30px 0 0;
        max-width: 100%;
        min-height: 91px;
        font-size: 13px
    }
}

.buorg {
    background-position: 9% 17px!important;
    border-bottom: none!important;
    text-align: center!important;
    background-color: #e56a54!important;
    font: 17px 'Lato', Helvetica, Arial, sans-serif!important
}

.buorg p {
    color: #fff
}

.buorg-button {
    background: #6bccb3!important;
    color: #2b4c59!important
}

.buorg-ignore {
    background: #f6dc6b!important;
    color: #e56a54!important
}

nav.side-main span.label.label-secondary {
    color: #5c6670;
    font-weight: 700;
    letter-spacing: 0;
    margin: -12px auto
}

nav.side-main .icon.info:before {
    content: '';
    font-family: 'iconfont'!important
}

@media only screen and (min-height:540px) and (min-width:767px) {
    nav.side-main .icon.info:before {
        padding-top: 1px
    }
}

section.section.news-post>.container>hr:last-of-type {
    display: none
}

section.section.news-post>.container>hr {
    border-top: 1px solid #eaeaea
}

/*#mktoForm_2742>div>div>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth {
    color: #fff;
    font-size: 20px;
    width: auto!important
}

#mktoForm_2742>div>div>div.mktoFieldWrap.mktoRequiredField {
    width: auto!important
}

#mktoForm_2742 div {
    width: auto!important
}

form#mktoForm_2742 {
    width: auto!important;
    font-size: 17px!important;
    color: #fff!important
}

form#mktoForm_2742 input,
form#mktoForm_2742 select {
    background-color: rgba(64, 43, 86, .25)!important;
    border: none!important;
    border-bottom: 3px solid #d1d3d3!important;
    border-radius: 0!important;
    color: #fff!important
}

form#mktoForm_2742 .mktoButtonRow {
    margin: 0 auto!important;
    text-align: center
}

form#mktoForm_2742 button.mktoButton {
    width: auto!important;
    margin-top: 10px!important;
    margin-bottom: 46px!important;
    padding: 0 36px!important;
    border-radius: 64px!important
}

form#mktoForm_2742 .mktoFormCol {
    margin-top: 18px!important;
    margin-bottom: 0!important;
    width: auto!important
}

form#mktoForm_2742 .mktoForm .mktoFormCol {
    float: none!important;
    position: relative
}

form#mktoForm_2742 .mktoForm div,
.mktoCheckboxList {
    display: inline-block!important
}

form#mktoForm_2742 .mktoFieldDescriptor.mktoFormCol {
    margin: 0 0 22px 0!important
}

form#mktoForm_2742 input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .4)!important
}

form#mktoForm_2742 input::-moz-placeholder {
    color: rgba(255, 255, 255, .4)!important
}

form#mktoForm_2742 input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .4)!important
}

form#mktoForm_2742 input:-moz-placeholder {
    color: rgba(255, 255, 255, .4)!important
}

form#mktoForm_2742 input~.mktoClear:before,
form#mktoForm_2742 select~.mktoClear:before {
    content: '';
    height: 3px!important;
    width: 0%!important;
    background-color: #4ec3e0!important;
    position: absolute;
    bottom: 0;
    transition: width .3s ease-in-out
}

form#mktoForm_2742 input:focus~.mktoClear:before,
form#mktoForm_2742 select:focus~.mktoClear:before {
    width: 95%!important;
    background-color: #4ec3e0!important;
    transition: width .3s ease-in-out
}

form#mktoForm_2742 .mktoValid {
    border-color: #6bccb3!important;
    opacity: .82!important;
    transition: opacity .2s ease-in-out
}

form#mktoForm_2742 .mktoInvalid {
    border-color: #e56a54!important;
    opacity: 1!important;
    transition: opacity .2s ease-in-out
}

form#mktoForm_2742 input:focus {
    background-color: rgba(255, 255, 255, .2)!important;
    opacity: 1!important;
    transition: opacity .2s ease-in-out
}

form#mktoForm_2742 .mktoError {
    width: 100%!important;
    z-index: 999
}

form#mktoForm_2742 .mktoErrorArrowWrap,
form#mktoForm_2742 .mktoErrorArrowWrap>.mktoErrorArrow {
    width: 16px!important
}

form#mktoForm_2742 select {
    background: rgba(64, 43, 86, .25) url(../images/caret-down-white.png) no-repeat!important;
    background-size: 18px!important;
    background-position: 97% 12px!important
}

form#mktoForm_2742.mktoForm .mktoAsterix {
    position: absolute;
    right: 12px;
    z-index: 99;
    color: #d1d3d3!important
}

form#mktoForm_2742 input[type="email"]::-webkit-input-placeholder,
form#mktoForm_2742 input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .4)!important;
    padding: 0!important;
    visibility: visible
}

form#mktoForm_2742 input[type="email"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder {
    color: rgba(255, 255, 255, .4)!important;
    padding: 0!important;
    visibility: visible;
    opacity: 1
}

form#mktoForm_2742 input[type="email"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder {
    color: rgba(255, 255, 255, .4)!important;
    padding: 0!important;
    visibility: visible;
    opacity: 1
}

form#mktoForm_2742 input[type="email"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder {
    color: rgba(255, 255, 255, .4)!important
}

form#mktoForm_2742 input[type="email"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder {
    color: rgba(255, 255, 255, .4)!important
}*/

@media(max-width:767px) {
    /*form#mktoForm_2742 .mktoFormRow {
        display: inline-block!important
    }
    #mktoForm_2742.mktoForm .mktoFieldWrap {
        float: none!important
    }
    form#mktoForm_2742 .mktoFormCol {
        display: none!important
    }
    form#mktoForm_2742 input#FirstName {
        width: 100%!important
    }
    form#mktoForm_2742>div>div>div.mktoFieldWrap.mktoRequiredField {
        width: 100%!important
    }
    form#mktoForm_2742 .mktoFieldDescriptor.mktoFormCol {
        margin: 10px auto 10px!important;
        width: 100%!important;
        display: inline-block!important;
        padding: 0 10px
    }
    form#mktoForm_2742 input,
    form#mktoForm_2742 select {
        width: 100%!important
    }
    form#mktoForm_2742 .mktoClear {
        float: left!important
    }
    form#mktoForm_2742 input~.mktoClear:before,
    form#mktoForm_2742 select~.mktoClear:before {
        bottom: 0
    }
    form#mktoForm_2742 input:focus~.mktoClear:before,
    form#mktoForm_2742 select:focus~.mktoClear:before {
        width: 96%!important
    }
    form#mktoForm_2742 .mktoAsterix {
        top: 22px!important;
        left: 96.5%!important
    }
    form#mktoForm_2742.mktoForm .mktoAsterix {
        position: absolute;
        right: -3px;
        left: auto!important;
        top: 0!important
    }
    form#mktoForm_2742 .mktoGutter.mktoHasWidth {
        display: none!important
    }
    form#mktoForm_2742 label.mktoLabel.mktoHasWidth {
        position: absolute;
        left: 96.5%;
        top: 5px!important;
        z-index: 99
    }
    form#mktoForm_2742.mktoForm .mktoError {
        bottom: -34px!important;
        left: 10px!important;
        pointer-events: none
    }
    form#mktoForm_2742 input[type="email"]::-webkit-input-placeholder,
    form#mktoForm_2742 input[type="tel"]::-webkit-input-placeholder,
    input[type="text"]::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 input[type="email"]:-moz-placeholder,
    input[type="text"]:-moz-placeholder,
    input[type="tel"]:-moz-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 input[type="email"]::-moz-placeholder,
    input[type="text"]::-moz-placeholder,
    input[type="tel"]::-moz-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 input[type="email"]:-ms-input-placeholder,
    input[type="text"]:-ms-input-placeholder,
    input[type="tel"]:-ms-input-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 input[type="email"]::-ms-input-placeholder,
    input[type="text"]::-ms-input-placeholder,
    input[type="tel"]::-ms-input-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 button.mktoButton {
        margin-top: 28px!important
    }
    form#mktoForm_2742 input[type="email"]:focus::-webkit-input-placeholder,
    form#mktoForm_2742 input[type="tel"]:focus::-webkit-input-placeholder,
    input[type="text"]:focus::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .3)!important
    }
    form#mktoForm_2742 input[type="email"]:focus:-moz-placeholder,
    input[type="text"]:focus:-moz-placeholder,
    input[type="tel"]:focus:-moz-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 input[type="email"]:focus::-moz-placeholder,
    input[type="text"]:focus::-moz-placeholder,
    input[type="tel"]:focus::-moz-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 input[type="email"]:focus:-ms-input-placeholder,
    input[type="text"]:focus:-ms-input-placeholder,
    input[type="tel"]:focus:-ms-input-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }
    form#mktoForm_2742 input[type="email"]:focus::-ms-input-placeholder,
    input[type="text"]:focus::-ms-input-placeholder,
    input[type="tel"]:focus::-ms-input-placeholder {
        color: rgba(255, 255, 255, .8)!important
    }*/
	input[type="text"],
	input[type="email"],
	input[type="textarea"],
	input[type="tel"],
	textarea,
	input[type="url"] {
		padding: 12px!important
	}

}

/*@media(max-width:480px) {
    form#mktoForm_2742 input[type="text"],
    form#mktoForm_2742 input[type="email"],
    form#mktoForm_2742 input[type="textarea"],
    form#mktoForm_2742 input[type="tel"],
    form#mktoForm_2742 textarea,
    form#mktoForm_2742 input[type="url"] {
        padding: 24px!important
    }
    form#mktoForm_2742 input:focus~.mktoClear:before,
    form#mktoForm_2742 select:focus~.mktoClear:before {
        width: 93.125%!important
    }
}*/

@media(min-width:992px) {
    #solutions-bar>.row>.container {
        width: 630px
    }
}

@media(min-width:1200px) {
    #solutions-bar>.row>.container {
        width: 970px;
        padding-right: inherit
    }
}

@media(min-width:1441px) {
    #solutions-bar>.row>.container {
        width: 1105px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    @media(min-width: 1441px) {
        #solutions-bar>.row>.container {
            width: 1170px
        }
    }
}

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    @media (min-width: 767px) {
        #solutions-bar > .row > .container {
            width: 650px;
        }
    }
    @media (min-width:992px) {
        #solutions-bar > .row > .container {
            width: 700px;
        }
    }
    @media (min-width:1200px) {
        #solutions-bar > .row > .container {
            width: 1105px;
            padding-right: 110px;
        }
    }
}

@media not all and (min-resolution:.001dpcm) {
    @media(min-width: 767px) {
        #solutions-bar>.row>.container {
            width: 650px
        }
    }
    @media(min-width:992px) {
        #solutions-bar>.row>.container {
            width: 700px
        }
    }
    @media(min-width:1200px) {
        #solutions-bar>.row>.container {
            width: 1105px;
            padding-right: 110px
        }
    }
}

@media(max-width:1080px) and (min-width:992px) {
    #solutions-bar>.row>.container {
        padding-right: 20px
    }
}

@media(min-width:1200px) and (max-width:1290px) {
    #solutions-bar>.row>.container {
        padding-right: inherit
    }
}

@media(max-width:480px) {
    /*form#mktoForm_2742 label.mktoLabel.mktoHasWidth {
        left: -20px
    }*/
}

.mobileNavCTA {
    display: none
}

@media(max-width:767px) {
    .mobile-menu.mobile-show {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }
    .mobile-menu.mobile-show.open {
        position: fixed;
        height: 100%;
        width: 100%;
        background: rgba(92, 102, 112, .2);
        z-index: 111;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    .mobileNavCTA {
        display: inline-block;
        position: fixed;
        width: 100%;
        z-index: 112
    }
    .mobileNavCTA * {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    .mobileNavCTA .btn-mobile-nav-main {
        border: 1px solid #6bccb3;
        height: auto;
        width: auto;
        display: block;
        margin: 0 auto;
        z-index: 0;
        position: fixed;
        left: 50%;
        top: 7px;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #6bccb3;
        background: #fff;
        padding: 4px 20px
    }
    .btn-mobile-nav-main.active i.icon-arrow_drop_down.icon-middle {
        display: inline-block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
    .btn-mobile-nav-main.active i.icon-arrow_drop_down.icon-middle {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .mobile-cta-drawer {
        visibility: hidden;
        width: 0;
        max-height: 0;
        position: fixed;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        left: 50%;
        top: 54px;
        -webkit-transform: translate(-50%, -10%);
        -ms-transform: translate(-50%, -10%);
        transform: translate(-50%, -10%);
        background: rgba(250, 250, 250, 1);
        visibility: visible;
        border: 1px solid #eaeaea;
        border-radius: 4px;
        padding: 20px;
        box-shadow: 0 1px 20px 5px rgba(42, 52, 62, .06);
        pointer-events: none;
        -webkit-transition: max-height .2s cubic-bezier(.69, .01, .5, 1), width .2s cubic-bezier(.69, .01, .5, 1), opacity .3s ease-in-out, visibility 0s linear 300s, -webkit-transform .2s cubic-bezier(.58, 0, .5, 1) .1s;
        transition: max-height .2s cubic-bezier(.69, .01, .5, 1), width .2s cubic-bezier(.69, .01, .5, 1), opacity .3s ease-in-out, visibility 0s linear 300s, -webkit-transform .2s cubic-bezier(.58, 0, .5, 1) .16s;
        transition: max-height .2s cubic-bezier(.69, .01, .5, 1), width .2s cubic-bezier(.69, .01, .5, 1), opacity .3s ease-in-out, transform .2s cubic-bezier(.58, 0, .5, 1) .16s, visibility 0s linear 300s;
        transition: max-height .2s cubic-bezier(.69, .01, .5, 1), width .2s cubic-bezier(.69, .01, .5, 1), opacity .3s ease-in-out, transform .2s cubic-bezier(.58, 0, .5, 1) .16s, visibility 0s linear 300s, -webkit-transform .2s cubic-bezier(.58, 0, .5, 1) .16s
    }
    .mobile-cta-drawer * {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    .mobile-cta-drawer.open {
        max-height: 100%;
        height: auto;
        width: 90%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        pointer-events: auto;
        display: block;
        text-align: center
    }
    .mobile-cta-drawer.open:after,
    .mobile-cta-drawer.open:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }
    .mobile-cta-drawer.open:after {
        background: transparent;
        border-bottom-color: #fafafa;
        border-width: 10px;
        margin-left: -10px
    }
    .mobile-cta-drawer.open:before {
        border-color: rgba(234, 234, 234, 0);
        border-bottom-color: #eaeaea;
        border-width: 11px;
        margin-left: -11px
    }
    .mobile-cta-drawer.open * {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out
    }
    .mobile-cta-drawer .mobile-cta-header {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(4rem);
        -ms-transform: translateY(4rem);
        transform: translateY(4rem)
    }
    .mobile-cta-drawer.open .mobile-cta-header {
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transition: opacity .4s ease-in-out .2s, -webkit-transform .2s cubic-bezier(.69, .01, .5, 1) .1s;
        transition: opacity .4s ease-in-out .2s, -webkit-transform .2s cubic-bezier(.69, .01, .5, 1) .1s;
        transition: transform .2s cubic-bezier(.69, .01, .5, 1) .1s, opacity .4s ease-in-out .2s;
        transition: transform .2s cubic-bezier(.69, .01, .5, 1) .1s, opacity .4s ease-in-out .2s, -webkit-transform .2s cubic-bezier(.69, .01, .5, 1) .1s
    }
    .mobile-cta-drawer.open .mobile-cta-header:first-of-type {
        border-right: 1px solid #eaeaea;
        padding-right: 7.5%;
        float: left
    }
    .mobile-cta-link {
        font-size: 16px
    }
}

@media(max-width:375px) {
    .mobile-cta-drawer.open .mobile-cta-header:first-of-type {
        padding-right: 3.5%
    }
}

@media(max-width:320px) {
    .mobile-cta-drawer.open {
        width: 95%
    }
    .mobile-cta-drawer {
        padding: 12px
    }
    .mobile-cta-drawer.open .mobile-cta-header {
        font-size: 17px
    }
}

@media screen and (max-width:767px) {
    .fl-header .header-icon {
        left: 20px;
        position: relative
    }
}

.wistiaMarketoFormWrapper .mktoButton {
    display: inline-block!important;
    padding: 0!important;
    margin: 10px 0 0!important;
    border: none!important;
    background-color: #6bccb3!important;
    background-image: none!important;
    color: #fff!important;
    font-size: 1em!important;
    -webkit-border-radius: 0;
    box-shadow: none!important
}

.wistiaMarketoFormWrapper {
    width: 75%!important
}

[id^=wistia_grid_] h1 {
    margin: 22px auto 12px!important;
    font-size: 24px!important;
    line-height: 24px!important
}

.blog-nav-filters {
    margin-left: 60px;
    position: relative;
}

.blog-nav-filters:before {
    content: 'Filter by:';
    position: absolute;
    left: -60px;
    width: 100%;
    top: 6px;
}

@media (max-width: 767px) {
  .blog-nav-filters {
    margin-left: 0;
  }

  .blog-nav-filters:before {
    position: relative;
    left: 24px;
    top: -10px;
  }

  body.search.search-results {
    padding-top: 50px;
  }
}