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

* {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

body {
    /* font-family: 'Museo';
    font-family: 'open sans'; */
    /* font-family: 'Helvetica Neue'; */
}

ul:after {
    content: "";
    clear: both;
    display: block;
}

button,
input {
    outline: none;
}

.overlay_container {
    width: 600px;
    margin-top: 3%;
    background-color: #fff;
    /* height: 400px; */
    margin: 0 auto;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(174, 174, 174, 0.7);
    top: 0;
    z-index: 1000;
}

.container {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

h1 {
    font-size: 40px;
    font-weight: 300;
    margin: 0 0px 20px 0;
}

hr {
    width: 100px;
    text-align: center;
    margin: 25px auto;
    background-color: rgba(35, 140, 169, 0.75);
    height: 2px;
    border: 0;
}

h4 {
    margin-top: 0;
}

p {
    font-size: 15px;
    font-weight: 300;
    color: #607286;
    line-height: 1.7em;
}

h2 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: #474e4e;
    margin-top: 0;
}

.home_page h2 {
    font-weight: 500;
}

ul {
    list-style-type: none;
}

.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    padding-left: 0;
}

header {
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%;
    height: 85px;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 0 1px rgba(232, 232, 232, 0.38);
    padding: 0 30px;
}

header .container {
    position: relative;
}

header .logo {
    background: url(https://storage.googleapis.com/adaptiveyou-signup/images/newu_logo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 31px;
    position: absolute;
    width: 170px;
    top: 30px;
}

header ul.header_menu {
    position: absolute;
    top: 33px;
    left: 179px;
    font-size: 16px;
    color: #000;
    margin-left: 30px;
    padding-left: 0;
    font-weight: 400;
}

header .header_menu li {
    display: inline-block;
    margin-right: 30px;
}

header ul.header_action {
    position: absolute;
    top: 26px;
    right: 0;
    font-size: 16px;
    color: #000;
}

header .header_action li {
    display: inline-block;
    margin-right: 30px;
}
li.book-appointment a {
    border-radius: 6px;
    font-size: 16px;
    text-decoration: underline;
    transition: .2s linear;
}
li.book-appointment a:hover {
    text-decoration: underline;
}
li.book-appointment:after {
	height: 0;
}

header .header_action li.loginv2 {
    margin-right: 20px;
}

header li {
    cursor: pointer;
    transition: 0.2s ease;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}
header li:after {
	content: '';
	display: block;
	margin: auto;
	height: 2px;
	width: 0px;
	background: transparent;
	transition: width .3s ease, background-color .3s ease;
}

header li a {
    text-decoration: none;
    color: #474e4e;
    position: relative;
}

header li a:hover {
    text-decoration: none;
    color: #474e4e;
}

.header_menu li a {
    opacity: .6;
    transition: .1s linear;
}

.header_menu li:hover a,
.header_menu li.active a {
    opacity: 1;
}

/* header li a:after {
    content: '';
    position: absolute;
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    left: 0;
    background: transparent;
    transition: width .3s ease, background-color .3s ease;
}
header li:hover > a:after, header li.active a:after {
    width: 100%;
    background:#238CA9;
} */

/* header popup */

header .header_menu li.header_resources,
header .header_menu li.integrations {
    position: relative;
    padding-bottom: 17px;
}

header .header_menu li.header_resources>a:after,
header .header_menu li.integrations>a:after {
    display: none;
}

header .header_menu li.header_resources ul,
header .header_menu li.integrations ul {
    position: absolute;
    display: none;
    padding: 0;
    margin: 0;
    width: 170px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    box-shadow: -2px 0 4px 0 rgba(171, 171, 171, 0.50);
    border-radius: 1px;
    left: -45px;
    top: 35px;
}

header .header_menu li.header_resources ul:before,
header .header_menu li.integrations ul:before {
    content: '';
    display: inline-block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    border-bottom-color: #DDE2E5;
    position: absolute;
    top: -10px;
    left: 72px;
}

header .header_menu li.header_resources:hover>ul,
header .header_menu li.integrations:hover>ul {
    display: block;
}

header .header_menu li.header_resources ul:after,
header .header_menu li.integrations ul:after {
    content: '';
    display: inline-block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ffffff;
    position: absolute;
    top: -9px;
    left: 73px;
}

header .header_menu li.header_resources ul li,
header .header_menu li.integrations ul li {
    display: block;
    margin: 15px 0;
    font-size: 15px;
    padding: 0;
}

.header_menu li.header_resources ul li a,
header .header_menu li.integrations ul li a {
    opacity: .6;
}

.header_menu li.header_resources ul li:hover a,
.header_menu li.header_resources ul li.active a,
header .header_menu li.integrations ul li:hover a,
header .header_menu li.integrations ul li.active a {
    opacity: 1;
}

/* header popup */

header .mobile_menu {
    display: none;
}

header .mobile_bar {
    display: none;
}

.header_action li.signupv2 {
    background-color: #f87070;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    transition: 0.4s linear;
    text-transform: uppercase;
}

.header_action li.signupv2 a {
    color: #fff !important;
}

.header_action li.signupv2:hover {
    background-color: #ED6161;
}

.header_action li.signupv2:hover:after {
    width: 0;
}

.course_creation figure {
    height: 35px;
}

.responsive hr,
.mail_templates hr,
.review hr {
    margin: 20px auto;
    margin-left: 0;
}

.landing_header {
    background-color: #238CA9;
    text-align: center;
    color: #fff;
    padding: 70px 0 60px 0;
    font-family: 'Helvetica Neue';
    margin-bottom: 0;
    margin-top: 85px;
}

.course_creation {
    background-color: #fff;
    padding: 90px 0 60px 0;
}

.course_creation>.container>h3 {
    text-align: center;
    font-weight: 400;
}

.landing_header h1 {
    font-size: 40px;
    font-weight: 200;
    margin: 0 0px 20px 0;
}

.landing_header p {
    font-weight: 100;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1.28px;
    margin-bottom: 20px;
}

.course_list {
    list-style-type: none;
}

.course_list li {
    padding: 20px 13px;
    margin: 20px 47px 25px 33px;
    border: 1px solid rgba(232, 232, 232, 0.38);
    transition: 0.4s ease;
    width: 24%;
}

.course_list li:hover {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07);
    cursor: default;
    transform: translateY(-10px);
}

.course_list figure {
    margin-bottom: 20px;
}

.course_list .course_builder figure {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -254px;
}

.course_list .video figure {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -910px;
}

.course_list .files figure {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -830px;
}

.course_list .quiz figure {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -666px;
}

.course_list .scheduling figure {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -750px;
}

.course_list .course_links figure {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -334px;
}

.course_list figcaption {
    padding-top: 20px;
}

.course_list figcaption h3 {
    margin-top: 0;
    font-size: 15px;
    color: #3D4351;
    font-weight: 500;
}

.responsive_bgvideo {
    height: auto;
    padding: 0;
}

.responsive figcaption {
    float: left;
}

.responsive,
.review,
.about_zapier,
.how_zapier,
.zapier_business {
    background-repeat: no-repeat;
    background-position: right -10px top 80px;
    background-color: #F8F8F8;
    padding: 90px 0;
}

.responsive {
    padding: 20px 0;
}

.responsive .mobile_responsive {
    padding-left: 0;
    margin-top: 70px;
}

.responsive p,
.reports p,
.awards p {
    padding-right: 30px;
}

.responsive h2,
.mail_templates h2,
.review h2,
.forums h2 {
    text-align: left;
}

.responsive p,
.review p {
    margin: 25px 0 0 0;
}

.custom_branding {
    background-color: #fff;
    padding: 90px 0 30px 0;
}

.custom_branding .container {
    background: url(/images/custom.png);
    background-repeat: no-repeat;
    background-position: right 0px top 125px;
}

.custom_branding div ul {
    margin: 30px 0;
}

.custom_branding div ul li {
    margin: 20px 0 90px 0;
    padding-right: 60px;
}

h3 {
    margin-top: 0;
    color: #3D4351;
    font-weight: 400;
    font-size: 15px;
}

.user_management {
    background-color: #F8F8F8;
    padding: 90px 0;
}

.user_management ul {
    text-align: center;
    margin-top: 50px;
}

.user_management ul li {
    vertical-align: top;
}

.user_management ul li figure {
    margin-bottom: 25px;
}

.user_management ul li p {
    padding-top: 5px;
}

.message {
    background-color: #fff;
    padding: 90px 0;
}

.message_video {
    position: relative;
}

.message_video .message_overlay {
    position: absolute;
    background-color: white;
    display: block;
    margin: 0;
    padding: 2px;
    width: 100%;
    bottom: -2px;
}

.message video {
    margin: 50px auto;
    width: auto;
    display: block;
}

.message .send_message {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/chat_icon.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.message .notification {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/notify.png);
    background-position: 35px 0px;
    background-repeat: no-repeat;
    padding-right: 0;
    padding-left: 34px;
}

.message figcaption img {
    float: left;
}

.message figcaption>div {
    padding-right: 20px;
}

.message figcaption .message_text {
    padding-left: 60px;
    padding-right: 40px;
}

.mail_templates {
    background: url(/images/template_bg2.png);
    background-repeat: no-repeat;
    background-position: 0px 0;
    background-size: contain;
    background-color: #FAFAFA;
}

.mail_templates .container {
    background: url(/images/mobile_template.png);
    background-repeat: no-repeat;
    background-position: right 0px top 30px;
    background-size: contain;
    padding: 90px 0;
    background-size: 500px;
}

.forums {
    background-color: #F2F2F2 !important;
}

.forums .container {
    background: url(/images/forum.png);
    background-repeat: no-repeat;
    background-position: right 0px top 85px;
    padding: 150px 0;
}

.reports,
.awards {
    background-color: #fff;
    padding: 90px 0;
}

article.reports {
    padding: 90px 0 0 0;
    background-color: #fff;
}

.reports h2,
.awards h2 {
    text-align: left;
}

.reports hr,
.awards hr,
.forums hr {
    width: 60px;
    margin-left: 0px;
}

.forums hr {
    margin-left: 0;
}

.reports figure,
.awards figure {
    float: left;
}

.reports .track_user {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/map_pin.png);
    background-position: 6px 0px;
    background-repeat: no-repeat;
}

.reports .export_report {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/export.png);
    background-position: 51px 0px;
    background-repeat: no-repeat;
}

.reports .container figcaption,
.awards figcaption {
    padding-left: 50px;
}

.reports .container div {
    padding-right: 30px;
    border-right: 1px solid rgba(206, 217, 220, 0.67);
    margin-top: 40px;
}

.reports .container div:last-child,
.awards .container div:last-child {
    border: 0;
    padding-right: 0;
    padding-left: 50px;
}

.reports_bg {}

.reports_bgvideo {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
}

.review {
    background-color: #F8F8F8;
    padding: 0px 0;
}

.review .container {
    background: url(/images/review_2xa.png);
    background-repeat: no-repeat;
    background-position: right 0px top 85px;
    background-size: 467px;
    padding: 120px 0 130px 0;
}

.awards .container div {
    margin-top: 40px;
    padding-right: 30px;
}

.awards {
    background-color: #FAFAFA;
}

.awards .award_badges {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/awards.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.awards .challenge_peers {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/coin_icon.png);
    background-position: 50px 0px;
    background-repeat: no-repeat;
}

.get_started {
    padding: 90px 0;
    background-color: #fff;
}

.get_started .start_action {
    width: 460px;
    margin: 0 auto;
    padding: 10px;
}

.get_started p,
.mail_faq p {
    text-align: center;
    font-size: 16px;
}

.get_started .start_action input {
    display: block;
    margin: 10px auto;
    width: 100%;
    height: 55px;
    padding: 15px;
}

.get_started .start_action hr {
    width: 100%;
    background-color: #E6E9EA;
    height: 1px;
}

.get_started .start_action .subdomain {
    position: relative;
}

.get_started .start_action .subdomain input {
    padding-right: 105px;
}

.get_started .start_action .subdomain span {
    position: absolute;
    right: 0;
    line-height: 55px;
    padding: 0 20px;
    color: #788A95;
}

.get_started .start_action input.email {
    width: 49%;
    float: left;
}

.get_started .start_action input.password {
    width: 49%;
    display: inline-block;
    float: right;
}

.get_started .start_action .demosignup,
.get_started .start_action .demo {
    color: #fff;
    border: 0;
    background-color: #F87070;
    width: 100%;
    padding: 18px 0;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 200;
    transition: 0.4s ease;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.get_started .start_action button.demosignup:hover {
    background-color: #ED6161;
}

.get_started .start_action button.demo {
    background-color: #FAFAFA;
    border: 1px solid transparent;
    color: #238CA9;
    transition: 0.6s ease;
    margin-top: 30px;
    font-weight: 500;
}

.feature_page .get_started .start_action button.demo {
    background-color: #fff;
}

.get_started .start_action button.demo:hover {
    /* color:#fff; */
    border: 1px solid #238CA9;
}

.get_started .start_action hr {
    width: 100%;
    background-color: #E6E9EA;
    margin: 35px 0 0 0;
}

.start_action>span {
    display: block;
    text-align: center;
    background-color: #FAFAFA;
    width: 40px;
    margin: 0 auto;
    margin-top: -11px;
    font-size: 13px;
    font-weight: 200;
}

.feature_page .start_action>span {
    background-color: #fff;
}

.get_started .start_action button.fb_btn,
.get_started .start_action button.google_btn {
    border: 0;
    color: #fff;
    background-color: #6991C9;
    padding: 17px;
    width: 49.5%;
    border-radius: 5px;
    font-size: 17px;
    margin-top: 25px;
    font-weight: 200;
    transition: 0.2s ease;
}

.get_started .start_action button.fb_btn:hover {
    background-color: #597EB1;
}

.get_started .start_action button.google_btn {
    float: right;
    background-color: #EB7271;
}

.get_started .start_action button.google_btn:hover {
    background-color: #DC6968;
}

span.privacy-message {
    margin-top: 10px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
}

/* pricing page */

/* article.pricing_plans {
    padding: 90px 0;
    background-color: #fff;
} */

.pricing_plans {
    padding: 90px 0;
    background-color: #fff;
}

.pricing_plans h1 {
    text-align: center;
    font-weight: normal;
    color: #3D4351;
}

.pricing_plans hr {
    width: 278px;
}

.pricing_plans .container {
    max-width: 715px;
}

.pricing_details {
    padding: 0;
    margin-bottom: 50px;
}

.pricing_plans ul.pricing>li {
    padding: 40px 0 50px;
    margin: 40px 46px 40px 0;
    box-sizing: border-box;
    width: 314px;
    border: 2px solid rgba(232, 232, 232, 0.38);
    transition: 0.4s ease;
}

.pricing_plans ul.pricing>li:hover {
    box-shadow: 0 0 10px 0 rgba(211, 211, 211, 0.5);
}
.pricing_plans ul.pricing>li:nth-child(2n) > a {
	box-shadow: 0 2px 4px 0 rgba(224, 224, 224, 0.5);
  	background-color: #f87070;
  	color: #fff;
}
.pricing_plans .pricing .pricing_signup {
    height: 44px;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(224, 224, 224, 0.5);
    border: solid 1px #ed6161;
    background-color: rgba(253, 253, 253, 0.1);
    font-size: 16px;
    color: #f87070;
    padding: 11px 33px;
    transition: .2s linear;
    position: relative;
    left: calc(50% - 75px);
}
.pricing_plans .pricing .pricing_signup:hover {
	box-shadow: 0 2px 4px 0 rgba(224, 224, 224, 0.5);
  	background-color: #ed6161;
  	color: #fff;
}
.pricing_page .get_started {
    display: none;
}


.pricing_plans ul.pricing a {
    text-decoration: none;
}

.pricing_plans .pricing .pricing_free figure {
    background: url(/images/free.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 130px;
}

.pricing_plans .pricing .pricing_starter figure {
    background: url(/images/starter.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 130px;
}

.pricing_plans .pricing .pricing_pro figure {
    background: url(/images/pro.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 130px;
}

.pricing_plans .pricing_details li {
    display: block;
    margin: 25px 0;
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 400;
    background: url(/images/check.png);
    background-repeat: no-repeat;
    background-position: 60px 6px;
    background-size: 15px;
    color: #474e4e;
}

.pricing_plans .pricing .pricing_free li {
    padding-left: 90px;
}

.pricing_plans .pricing .pricing_starter li {
    padding-left: 90px;
    background-position: 60px 7px;
}

.pricing_plans .pricing .pricing_pro li {
    padding-left: 80px;
    background-position: 50px 6px;
}

.pricing_plans .pricing li:last-child {}

.pricing_plans .pricing {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.pricing_plans .pricing li:last-child {
    margin-right: 0;
}

.pricing_plans .pricing h3 {
    text-align: center;
    font-size: 30px;
    line-height: 20px;
    margin: 20px 0 25px 0;
    letter-spacing: 3.3px;
    font-weight: 500;
}
.pricing_plans .pricing h3 > span {
    font-size: 14px;
    position: relative;
    top: -6px;
    font-weight: 400;
    letter-spacing: 2px;
}
.pricing_plans .pricing h3 > cite {
    font-size: 14px;
    position: relative;
    font-weight: 400;
}
.pricing_plans .pricing h2 {
    font-size: 22px;
    letter-spacing: 1.4px;
    line-height: 14px;
    color: #f87070;
    font-weight: 500;
}
.pricing_plans ul.pricing li hr {
    width: 129px;
    height: 0.5px;
    opacity: 0.2;
    background-color: #979797;
    margin: 30px auto;
}
.pricing_started {
    background-color: #fff;
}
.pricing_plans .container > div {
    float: left;
    width: 50%;
    padding: 0 70px;
    margin-top: 90px;
    border-right: solid 1px rgba(151, 151, 151, 0.2);
}
.pricing_plans .container > div:last-child {
    border: none;
}
.pricing_plans .container > div h3 {
    font-size: 24px;
}
.pricing_plans .container > div p {
    font-size: 15px;
    margin: 18px 0 20px;
    line-height: 1.47;
}
.pricing_plans .container > div a {
	font-size: 14px;
	font-weight: 500;
	color: #ed6161;
	text-decoration: underline;
}

.links {
    padding: 90px 0;
    background-color: #F8F8F8;
}

.links hr {
    width: 60px;
    margin: 20px 0;
}

.links .contacts {
    border-right: 2px solid rgba(60, 176, 199, 0.63);
    width: 23%;
    float: left;
    padding: 10px 30px 20px 0;
}

.links h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
}

.links h4 a {
    color: inherit;
}

.links .contacts a {
    display: inline-block;
    background: url();
    margin: 0px 0 20px 0;
    padding-left: 30px;
    font-size: 15px;
    font-weight: 200;
    color: #607286;
    cursor: pointer;
    text-decoration: none;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
}

.links .contacts a:hover {
    color: #3CB0C7;
    text-decoration: underline;
}

.links .contacts a.phone {
    background: url(/images/phone.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
}

.links .contacts a.mail {
    background: url(/images/mail.png);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 32px;
    margin: 0 0 35px 0;
}

.links .contacts i.fa {
    font-size: 20px;
    height: 40px;
    text-align: center;
    width: 40px;
    cursor: pointer;
    margin-right: 15px;
    padding-top: 9px;
    border: 2px solid rgba(96, 114, 134, 0.5);
    border-radius: 100%;
    color: rgba(96, 114, 134, 0.5);
}

.links .contacts i.fa.fa-facebook:hover {
    color: #6991C9;
    border: 2px solid #6991C9;
}

.links .contacts i.fa.fa-twitter:hover {
    color: #5EA9DD;
    border: 2px solid #5EA9DD;
}

.links .contacts i.fa.fa-google-plus:hover {
    color: #DC4937;
    border: 2px solid #DC4937;
}

.page_links {
    padding: 10px 0 0 5%;
    max-width: initial;
    width: 50%;
}

.industry_page {
    width: 236px;
    padding: 10px;
}

.industry_page ul {
    padding: 0 !important;
}

.links .page_links hr {
    margin-bottom: 20px;
}

.links .page_links ul {
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    padding: 0;
}

/* .links .page_links ul:last-child {
    padding-left: 5%;
} */

.links .page_links ul a {
    color: #607286;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 0;
    display: inline-block;
    text-decoration: none;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
}

.links .page_links ul a:hover {
    transform: scale(-10px);
    -webkit-transform: scale(-10px);
    color: #2B91AB;
    text-decoration: underline;
}

footer {
    padding: 40px 30px 35px 30px;
    background-color: #238CA9;
}

footer h4 {
    color: #fff;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .5px;
    font-weight: 400;
    padding-top: 2px;
}

footer ul {
    margin: 0;
}

footer b {
    text-align: left;
    display: inline-block;
    color: #CCE8EA;
    float: left;
    font-size: 14px;
    font-weight: 400;
}

footer li {
    display: inline-block;
    margin-right: 40px;
    font-size: 15px;
    color: #CCE8EA;
    font-weight: 300;
    cursor: pointer;
    transition: 0.3s ease;
}

footer li:last-child {
    margin-right: 0;
}

footer li:hover {
    color: #fff;
}

div#signuppoup {
    z-index: 1000;
}

div#loginuppoup {
    z-index: 100000;
}

.reports_img,
.chat_img,
.responsive_img {
    display: none;
}

/*home page*/

.home_page h2 {
    color: #2B343F;
    font-size: 30px;
}

.home_page h3 {
    color: #2B343F;
}

.home_page p {
    color: #788897;
}

.home_page hr {
    background-color: #2B343F;
    opacity: .2;
    width: 200px;
}

/* header .logo{
    background:url('https://storage.googleapis.com/adaptiveyou-signup/images/logo_new.png');
    background-repeat: no-repeat;
} */

.home_page .landing_header {
    height: 600px;
    position: relative;
    padding: 90px 0 60px 0;
    background-color: #2B343F;
    position: relative;
}

.home_page .landing_header h1 {
    font-size: 34px;
    font-weight: 200;
    letter-spacing: 1px;
}

.home_page .landing_header p {
    color: #fff;
}

.home_page input.domain_input {
    color: #fff;
    font-size: 18px;
    padding: 18px 132px 18px 21px;
    width: 314px;
    font-weight: 200;
    background-color: #242C35;
    box-sizing: border-box;
    text-align: left;
    border-radius: 5px;
    border: 0;
    line-height: initial;
}

.home_page input::-webkit-input-placeholder {
    font-weight: 200;
    text-align: center;
    font-size: 18px;
}

.home_page .home_action span {
    font-size: 18px;
    margin-left: -130px;
    font-weight: 200;
}

.home_page .home_action button.start_btn {
    text-align: center;
    margin: 23px 0 37px 50px;
    width: 195px;
    padding: 15px 0;
    background-color: #F87070;
    color: #fff;
    border: 0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 400;
    line-height: initial;
    letter-spacing: 1px;
    transition: 0.4s linear;
}

.home_page .home_action button.start_btn:hover {
    background-color: #ED6161;
}

.home_page .home_action .home_demo {
    /*background-color: #fff;*/
    width: 100%;
    height: 480px;
    position: absolute;
    left: 0;
    margin: 60px 0%;
    padding: 0 20px;
}

.home_page .demo_content {
    width: 840px;
    height: 510px;
    margin: 0 auto;
    position: relative;
}

.home_page .home_demo .demo_video {
    display: none;
}

.pulse_overlay {
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    height: 46px;
    width: 100%;
    top: 35px;
    margin: 0;
}

.pulse_overlay li {
    display: inline-block;
    height: 46px;
    cursor: pointer;
    min-width: 50px;
}

.pulse_overlay .challenge_click {
    width: 90px;
}

.pulse_overlay .admin_click {
    margin-right: 168px;
}

.challenge_demo {
    overflow: hidden;
    height: 510px;
}

.line-wrapper {
    height: 1px;
    position: absolute;
    background-color: white;
    width: 40px;
    margin: 0 8px;
}

/*pulse*/

.pulse {
    border: 30px solid #5AE2F6;
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 90px;
    height: 0px;
    width: 0px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    z-index: 1;
    top: -7px;
    opacity: 0;
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    75% {
        -webkit-transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

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

.challenge_pulse {
    left: 240px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.peers_pulse {
    left: 315px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.store_pulse {
    left: 370px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.admin_pulse {
    left: 425px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

/*pulse end*/

/*challenge*/

.challenge_img .pulse,
.peers_img .pulse {
    top: 130px;
    left: 25px;
    animation: pulse 1s ease-out;
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.home_demo .challenge_img p {
    font-size: 12px;
    position: absolute;
    color: #fff;
    font-weight: 400 !important;
}

.home_demo p.challenge_text {
    position: absolute;
    top: 50px;
    left: -155px;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.challenge_line {
    top: 157px;
    left: -31px;
}

/*peers*/

.peers_img .pulse,
.store_img .pulse {
    top: 85px;
    left: initial;
    right: 65px;
}

.peers_line,
.tracks_line,
.store_img .addstuff_line,
.store_img .stuff_line {
    background-color: #fff;
    top: 113px;
    right: -30px;
}

.challenge_img .pulse,
.peers_img .pulse,
.store_img .pulse,
.admin_img .pulse {
    display: none;
}

.home_demo .peers_text,
.home_demo .track_text,
.store_img .addstuff_text,
.store_img .stuff_text,
.admin_img .admin_text {
    top: 10px;
    right: -155px;
    font-weight: 400;
    position: absolute;
    font-size: 12px;
}

.store_img .addstuff_text,
.admin_img .admin_text {
    right: -135px;
}

.tracks_line,
.store_img .stuff_line {
    top: 185px;
    width: 24px;
    right: -14px;
}

.home_demo .track_text,
.store_img .stuff_text {
    top: 70px;
    right: -128px;
}

.store_img .stuff_text {
    right: -170px;
    font-size: 11px;
}

.peers_img,
.store_img,
.admin_img {
    display: none;
}

.admin_img .pulse {
    right: 31px;
    top: 89px;
}

.admin_img .admin_line {
    background-color: #fff;
    top: 119px;
    right: -31px;
}

/*landing ends*/

/*adaptive best*/

.adaptive_best {
    padding: 300px 0 90px 0;
    background-color: #F8F8F8;
}

.adaptive_best ul {
    padding: 0;
    margin: 0px 0 0 0;
    text-align: center;
}

.adaptive_best ul li {
    list-style-type: none;
    display: inline-block;
    width: 260px;
    text-align: center;
}

.adaptive_best ul li.customer_training {
    margin: 0 62px;
}

.adaptive_best ul li h3 {
    margin: 30px 0 18px 0px;
}

/*adaptive ends*/

/*business features*/

.business_feature {
    padding: 90px 0;
    background-color: #fff;
}

.business_feature ul {
    margin: 124px 0 0 0;
    padding: 0;
}

.business_feature figure {
    height: 35px;
    margin-bottom: 15px;
}

.business_feature li .image {
    padding: 0;
}

.business_feature li.courses .content,
.business_feature li.home_reports .content {
    padding-right: 40px;
}

li.home_reports .image img,
li.branding .image img,
li.courses .image img {
    width: 100%;
}

.business_feature li.home_reports .image {
    margin-top: 50px;
    text-align: right;
}

.business_feature .courses figure {
    background-image: url('https://storage.googleapis.com/adaptiveyou-signup/images/course_builder.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.business_feature .branding figure {
    background-image: url('https://storage.googleapis.com/adaptiveyou-signup/images/brand_icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.business_feature .home_reports figure {
    background-image: url('https://storage.googleapis.com/adaptiveyou-signup/images/reports_icon.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.business_feature ul li {
    min-height: 300px;
}

.business_feature ul li hr {
    background-color: #41BCBE;
    width: 20px;
    opacity: 1;
    height: 1px;
    margin: 14px 0 30px 0;
}

.business_feature .courses .image {
    padding: 20px 0 0 0px;
}

.business_feature .branding .content {
    padding: 0 0 0 60px;
}

.business_feature ul li.branding {
    margin: 100px 0;
}

/*business features ends*/

/*about au*/

.about_au {
    padding: 90px 0;
    background-color: #FBFBFB;
}

.text_slide {
    position: relative;
}

.text_inner {
    margin: 90px 0 0 0;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.text_inner li {
    display: inline-block;
    text-align: center;
    width: 650px;
    font-size: 20px;
    color: #2E2F2E;
    line-height: 36px;
    opacity: .1;
}

.text_inner li.active {
    opacity: 1;
}

.text_inner li:first-child,
.text_inner li:last-child {
    position: absolute;
}

.text_inner li:first-child {
    left: -450px;
}

.text_inner li:last-child {
    right: -450px;
}

.about_au .text_slide .angle_left,
.about_au .text_slide .angle_right {
    position: absolute;
    top: 17px;
    cursor: pointer;
    transition: 0.2s ease;
}

.about_au .text_slide .angle_left {
    left: 250px;
}

.about_au .text_slide .angle_left:hover {
    left: 240px;
}

.about_au .text_slide .angle_right {
    right: 250px;
}

.about_au .text_slide .angle_right:hover {
    right: 240px;
}

.about_au .text_slide hr {
    width: 600px;
    background-color: #545454;
    height: 1px;
    position: relative;
    margin-top: 50px;
}

.about_au .text_slide hr:before,
.about_au .text_slide hr:after {
    content: '';
    display: inline-block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #545454;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    margin-left: 291px;
}

.about_au .text_slide hr:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    left: 1px;
}

.about_au .text_author {
    text-align: center;
}

.about_au .text_slide .text_author img {
    display: block;
    margin: 0 auto 16px auto;
    width: 60px;
    border-radius: 100%;
}

.about_au .text_author span {
    font-size: 16px;
    color: #4D4D4D;
}

.text_author span:last-child {
    color: #808080;
}

/*about au ends*/

/*sustain*/

article.sustainable {
    padding: 90px 0 0 0;
    background-color: #fff;
    text-align: center;
}

article.sustainable p {
    font-size: 18px;
}

.sustainable h3 {
    text-align: center;
}

.sustainable .sustainable_video,
.home_demo .demo_video {
    width: 100%;
}

.sustainable button {
    border: 0;
    background-color: #F87070;
    font-size: 20px;
    margin: 20px auto;
    color: #fff;
    font-weight: 400;
    padding: 18px 44px;
    border-radius: 5px;
}

.sustainable button:hover {
    background-color: #ED6161;
}

/*sustain ends*/

/* home_page */

/* FAQ page starts */

.faq_interaction {
    background-color: #F8F8F8;
    padding: 90px 20px;
}

.faq_interaction .panel-group {
    margin: 0px auto;
    max-width: 960px;
    position: relative;
}

.faq_interaction .panel-group .expand_all,
.faq_interaction .panel-group .collapse_all {
    position: absolute;
    right: 0;
    top: -32px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    color: #238ca9;
}

.faq_interaction .panel-default {
    border: 1px solid #E3E3E3;
    border-radius: 0;
    margin: 0 !important;
    border-top: 0;
}

.faq_interaction .panel-default:first-child {
    border-radius: 5px;
    border: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.faq_interaction .panel-default:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.faq_interaction .faq_heading {
    background-color: #fff;
    color: #313131;
    cursor: pointer;
    padding: 0;
}

.faq_interaction .faq_heading:not(.selected) h4:hover {
    background-color: #f5f5f5;
}

.faq_interaction .faq_heading.selected h4:hover {
    background-color: #fff;
}

.faq_interaction .faq_heading h4 {
    margin: 0;
    padding: 30px 15px;
}

.faq_interaction .faq_content .panel-body {
    border-top: 0 !important;
    padding: 0 20px 0 18px;
    border-left: 2px solid #238ca9;
    margin: 0px 0 15px 17px;
}

.faq_interaction .faq_content .panel-body p {
    margin: 0;
}

.mail_faq {
    padding: 90px 0;
    background-color: #FCFCFC;
    text-align: center;
}

button.mail_us {
    padding: 19px 45px;
    margin: 30px 0 0 0;
    background-color: rgba(252, 252, 252, 0);
    border: 1px solid #3CB0C7;
    border-radius: 5px;
    font-size: 16px;
    color: #3CB0C7;
    transition: 0.2s linear;
}

button.mail_us:hover {
    border: 1px solid #238a9e;
    color: #238a9e;
}

/* FAQ page ends */

/* support article starts */

.support_display p {
    font-size: 16px;
    color: #313131;
}

.support_display p b {
    font-size: 16px;
    font-weight: 400;
}

.support_display h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 30px 0;
}

.support_article>.container {
    margin: 90px auto;
}

section.support_article {
    background-color: #F8F8F8;
}

.support_content:after {
    content: "";
    display: block;
    clear: both;
}

input.support_search {
    width: 100%;
    margin: 0 0 60px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.01);
    border-radius: 2px;
    padding-left: 60px;
}

.support_list {
    padding: 0;
    margin: 0;
    float: left;
    width: 25%;
}

.support_display {
    width: 74%;
    float: right;
    padding: 0 30px 30px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.01);
}

.support_display>ul {
    padding: 0;
    margin: 0;
}

.support_display h4 {
    font-weight: 500;
    font-size: 18px;
    margin-top: 26px;
}

.support_display strong {
    font-weight: 400;
}

.support_display img {
    margin: 20px 0;
    width: 100%;
}

.support_list>li:first-child {
    margin-top: 0;
}

.support_list>li {
    margin: 25px 0;
    font-size: 16px;
    font-weight: 500;
    height: 22px;
    cursor: pointer;
    transition: .2s linear;
    overflow: hidden;
}

.support_list>li {
    height: auto;
}

.support_list>li i {
    float: right;
    margin-top: 5px;
}

.support_list>li>span,
.support_list>li>i {
    transition: .1s linear;
}

.support_list>li.open>span,
.support_list>li.open>i {
    opacity: 1;
}

.support_list>li.open>i {
    transform: rotate(180deg);
}

.support_list>li:hover span,
.support_list>li:hover i {
    opacity: 1;
}

.support_display>div {
    display: none;
}

.support_display>div.create_challenge {
    display: block;
}

.support_list li ul {
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #53677E;
    font-weight: 400;
}

.support_list li ul li {
    margin: 20px 0;
    padding: 0 10px;
    opacity: .6;
    border-left: 2px solid transparent;
    transition: .1s linear;
}

.support_list li ul li a {
    color: #53677E;
    text-decoration: none;
}

.support_list li ul li:hover,
.support_list li ul li.active {
    opacity: 1;
    border-left: 2px solid #3CB0C7;
}

.support_cards ul.support_cards_ul>li {
    padding: 32px 33px;
    overflow: hidden;
    margin: 30px 0;
    transition: .2s linear;
    border: solid 1px #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

.support_cards ul.support_cards_ul>li:hover {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

.support_cards ul.support_cards_ul>li.open {
    height: 360px;
}

.support_cards ul.support_cards_ul {
    margin: 90px 0 0 0;
    padding: 0;
    background: #FFFFFF;
    font-size: 16px;
}

.support_cards ul.support_cards_ul figure.support_icon {
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 40px;
    background: url(https://storage.googleapis.com/adaptiveyou-signup/images/getting_started_1x.png) no-repeat;
}

.support_cards ul.support_cards_ul .peers figure.support_icon {
    background: url(https://storage.googleapis.com/adaptiveyou-signup/images/peers_2x.png) no-repeat;
    background-size: 45px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .support_cards ul.support_cards_ul figure.support_icon {
        background: url(https://storage.googleapis.com/adaptiveyou-signup/images/getting_started_2x.png) no-repeat;
        background-size: 45px;
    }
}

.support_cards ul.support_cards_ul .support_cards_content {
    padding-left: 85px;
}

.support_cards ul.support_cards_ul .support_cards_content h4 {
    float: left;
    margin: 0 5px 0 0;
}

.support_cards ul.support_cards_ul .support_cards_content p {
    line-height: 21px;
    font-size: 16px;
    color: #313131;
}

.support_cards ul.support_cards_ul .support_cards_content span {
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    opacity: .8;
    transition: .1s linear;
}

.support_cards ul.support_cards_ul .support_cards_content span i {
    display: none;
}

.support_cards ul.support_cards_ul .support_cards_content span:hover {
    opacity: 1;
}

.support_cards ul.support_cards_ul .support_cards_content span i {
    padding-left: 6px;
}

.support_cards li a {
    color: #607286;
}

.support_cards ul.support_cards_ul .support_cards_content ul {
    margin: 30px 0 0 0;
    padding: 30px 10px 0 10px;
    border-top: 1px solid #EEEEEE;
    /* border-bottom: 1px solid #EEEEEE; */
}

.support_cards ul.support_cards_ul .support_cards_content ul li {
    margin-bottom: 24px;
    color: #607286;
    opacity: .6;
    transition: .1s linear;
}

.support_cards ul.support_cards_ul .support_cards_content ul li:hover {
    opacity: 1;
}

.support_cards ul.support_cards_ul .support_cards_content ul li a {
    cursor: pointer;
    text-decoration: none;
}

.support_cards ul.support_cards_ul .support_cards_content ul li:last-child {
    margin-bottom: 0;
}

/* support article ends */

/* happy customers */

.happy_customers .container {
    padding: 0;
}

.customers_page ul.customers_list {
    padding: 0;
    margin: 90px 0;
}

.customers_page ul.customers_list li {
    padding: 50px 0 0 0;
    margin-top: 80px;
}

.customers_page ul.customers_list li:first-child {
    margin-top: 0;
}

.happy_customers .container>h2 {
    margin: 90px 0;
}

.customers_page ul.customers_list li:after {
    display: block;
    content: "";
    clear: both;
}

.customers_page ul.customers_list li .customer_image {
    float: left;
    width: 260px;
    height: 240px;
    position: relative;
    margin: 0 70px 0 0;
    border: 1px solid #F2F2F2;
    box-shadow: 4px 6px 8px 5px rgba(226, 226, 226, 0.55);
}

.customers_page ul.customers_list li .customer_image:before {
    content: '';
    display: inline-block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #ffffff;
    position: absolute;
    top: -56px;
    right: 27px;
    z-index: 99;
}

.customers_page ul.customers_list li .customer_image:after {
    content: '';
    display: inline-block;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #F2F2F2;
    position: absolute;
    top: -56px;
    right: 25px;
    z-index: 98;
}

.customers_page ul.customers_list li .customer_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customers_page ul.customers_list li .customer_feedback {
    margin-top: 25px;
    position: relative;
    padding-right: 70px;
    padding-left: 330px;
}

.customers_page ul.customers_list li .customer_feedback:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(https://storage.googleapis.com/adaptiveyou-signup/images/quotes_2x.png) no-repeat;
    top: -82px;
    left: 216px;
    z-index: 99;
}

.customers_page ul.customers_list li .customer_feedback:after {
    height: 280px;
    width: 82%;
    z-index: -1;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    content: '';
    display: block;
    position: absolute;
    top: -80px;
    right: 0;
    border-radius: 4px;
}

.customers_page ul.customers_list li .customer_feedback h3 {
    font-size: 16px;
    font-weight: 500;
}

.customers_page ul.customers_list li .customer_feedback h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 13px 0 18px 0;
}

.customers_page ul.customers_list li .customer_feedback p {
    font-size: 15px;
}

.happy_customers button.load_customers {
    border: 1px solid #3CB0C7;
    border-radius: 5px;
    font-size: 13px;
    color: #1A7688;
    background: #fff;
    display: block;
    margin: 100px auto;
    padding: 20px;
    width: 450px;
    opacity: .7;
}

.happy_customers button.load_customers:hover {
    opacity: 1;
}

/* for integrations page */

.about_zapier,
.how_zapier,
.zapier_business {
    background-color: #fff;
}

.about_zapier .container {
    background: url(https://storage.googleapis.com/adaptiveyou-signup/images/zapier-1x.png) no-repeat right;
    padding: 150px 0;
    max-width: 1100px;
}

.how_zapier .container,
.zapier_works .container,
.zapier_needs .container {
    max-width: 1100px;
}

.zapier_needs .container {
    padding: 90px 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .about_zapier .container {
        background: url(https://storage.googleapis.com/adaptiveyou-signup/images/zapier-2x.png) no-repeat right;
        background-size: 444px;
    }
    article.zapier_works {
        background: url(https://storage.googleapis.com/adaptiveyou-signup/images/zapier-trigger-2x.png) no-repeat right;
        background-size: 563px;
    }
}

.about_zapier h2,
.how_zapier h2,
.zapier_needs h2 {
    text-align: left;
    margin-bottom: 30px;
}

.about_zapier hr,
.how_zapier hr,
.zapier_needs hr {
    margin-left: 0;
}

.zapier_business ul,
.how_zapier .col-sm-6 ul {
    padding: 0;
    margin-top: 10px;
}

.how_zapier .col-sm-6 ul li {
    margin-bottom: 60px;
}

.zapier_business ul li h4 {
    margin-bottom: 20px;
}

.how_zapier .col-sm-6>img {
    margin-bottom: 70px;
}

article.zapier_works .container h2,
article.zapier_works .container hr {
    text-align: left;
    margin-left: 0;
}

article.zapier_works .container .col-sm-5 {
    padding: 0;
}

article.zapier_works {
    background: url(https://storage.googleapis.com/adaptiveyou-signup/images/zapier-trigger-1x.png) no-repeat right;
    padding: 110px 0;
}

.zapier_needs p {
    background: url(https://storage.googleapis.com/adaptiveyou/core/images/pricing/check.png) no-repeat left center;
    padding-left: 40px;
    color: #474e4e;
    line-height: 30px;
}

/* integrations page ends */

/* for even customers */

.customers_page ul.customers_list li:nth-of-type(even) .customer_image {
    float: right;
    margin: 0 0 0 70px;
}

.customers_page ul.customers_list li:nth-of-type(even) .customer_feedback {
    padding-left: 70px;
}

.customers_page ul.customers_list li:nth-of-type(even) .customer_feedback:after {
    left: 0;
}

.customers_page ul.customers_list li:nth-of-type(even) .customer_image:before {
    right: 205px;
}

.customers_page ul.customers_list li:nth-of-type(even) .customer_image:after {
    right: 203px;
}

.customers_page ul.customers_list li:nth-of-type(even) .customer_feedback:before {
    right: 214px;
    left: initial;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* happy customers ends */

.popin {
    -webkit-animation-name: popin;
    -moz-animation-name: popin;
    -ms-animation-name: popin;
    animation-name: popin;
    -webkit-animation-duration: 275ms;
    -moz-animation-duration: 275ms;
    -ms-animation-duration: 275ms;
    animation-duration: 275ms;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
}

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

@-moz-keyframes popin {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes popin {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 1145px) {
    .home_demo .challenge_img p,
    .store_img .stuff_text {
        font-size: 9px;
    }
    .store_img .stuff_text {
        right: -140px;
    }
    .home_demo p.challenge_text {
        left: -120px;
    }
    .home_demo .peers_text,
    .home_demo .track_text,
    .store_img .addstuff_text,
    .store_img .stuff_text,
    .admin_img .admin_text {
        font-size: 9px;
        right: -110px;
    }
    .home_demo .track_text {
        right: -95px;
    }
    .store_img .stuff_text {
        right: -138px;
    }
}

@media (max-width: 980px) {
    .links .contacts {
        width: 30%;
    }
    .page_links {
        width: 35%;
    }
    .links .page_links ul:last-child {
        padding: 0;
    }
    /* for home page */
    .home_demo .demo_content {
        display: none;
    }
    .home_demo .demo_video {
        display: block !important;
        padding: 0 20px;
    }
    .home_demo .demo_video img {
        width: 100%;
    }
    .home_demo .challenge_demo p {
        display: none;
    }
    .home_demo .challenge_demo .line-wrapper {
        display: none;
    }
    .home_page .home_demo .demo_content {
        width: 100%;
    }
    .pulse {
        top: -12px;
    }
    .challenge_pulse {
        left: 217px;
    }
    .peers_pulse {
        left: 280px;
    }
    .store_pulse {
        left: 330px;
    }
    .admin_pulse {
        left: 385px;
    }
    .adaptive_best ul li {
        display: block;
        width: auto;
    }
    .text_inner li {
        width: 500px;
        font-size: 18px;
    }
    .text_inner li:first-child,
    .text_inner li:last-child {
        opacity: 0;
    }
    .about_au .text_slide .angle_left {
        left: 16px;
    }
    .about_au .text_slide .angle_left:hover {
        left: 6px;
    }
    .about_au .text_slide .angle_right {
        right: 16px;
    }
    .about_au .text_slide .angle_right:hover {
        right: 6px;
    }
    .business_feature .branding .content {
        padding: 0 0 0 40px;
    }
    .about_au .text_slide hr {
        width: 400px;
    }
    .about_au .text_slide hr:before,
    .about_au .text_slide hr:after {
        margin-left: 189px;
    }
    header .mobile_bar {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 25px;
        cursor: pointer;
    }
    header .mobile_bar a {
        font-size: 20px;
        color: #5f7172;
        padding: 7px 12px;
    }
    header .mobile_bar a.green {
        color: #11738E;
    }
    header .mobile_bar a:hover {
        color: #11738E;
    }
    header .mobile_menu {
        display: none;
        height: 100vh;
        width: 100%;
        text-align: center;
        margin: 85px 0 0 0px;
        padding: 50px;
        background-color: rgba(255, 255, 255, 0.95);
        position: absolute;
        left: 0;
    }
    header .mobile_menu li {
        display: block;
        margin-bottom: 15px;
        font-size: 20px;
    }
    header .mobile_menu li:after {
        width: 0;
    }
    .mobile_menu li.loginv2 {
        margin: 35px auto 15px auto;
    }
    .mobile_menu li.signup {
        background-color: #e46c6c;
        color: #fff;
        display: block;
        padding: 5px 11px;
        border-radius: 5px;
        transition: 0.4s linear;
        width: 100px;
        margin: 0px auto;
        margin-bottom: 30px;
    }
    .mobile_menu li.signup a {
        color: #fff !important;
    }
    .mobile_menu li.login:hover {
        background-color: #11738E;
    }
    header ul.header_menu,
    header ul.header_action {
        display: none;
    }
}

@media (max-width: 860px) {
    .reports_img,
    .chat_img,
    .responsive_img {
        display: block;
        width: 100%;
    }
    .custom_branding .col-sm-6 {
        width: 100%;
    }
    .responsive_img {
        max-width: 540px;
        margin: 0px auto;
        padding-top: 40px;
    }
    .chat_img {
        margin: 40px auto;
        max-width: 600px;
    }
    .message video {
        margin: 50px auto;
        width: 100%;
        display: none;
    }
    .reports_bgvideo {
        display: none;
    }
    .responsive_bgvideo {
        display: none;
    }
    h1 {
        font-size: 32px;
    }
    .links hr {
        text-align: center;
        margin: 20px auto;
    }
    .links .contacts a {
        margin: 0 20px;
    }
    .links .contacts i.fa:last-child {
        margin-right: 0;
    }
    .custom_branding .container,
    .mail_templates .container,
    .review .container {
        background: none;
    }
    .mail_templates .container .col-sm-5,
    .review .container .col-sm-5 {
        width: 100% !important;
    }
    
    article.responsive {
        padding: 90px 10px 50px 0px;
    }
    .responsive,
    .review {
        width: 100%;
        height: auto;
        background-size: 450px;
        background-position: right 0px top 135px;
    }
    .custom_branding {
        width: 100%;
        height: auto;
        background-position: right -47px top 247px;
    }
    .course_list {
        margin: 0;
        padding: 0;
    }
    .course_list li {
        margin: 20px 20px 25px 28px;
        min-height: 277px;
        width: 26%;
    }
    .responsive .mobile_responsive {
        margin-top: 0;
        width: 100%;
    }
    .user_management ul li {
        margin-top: 50px;
    }
    .mail_templates {
        /* background: url(/images/mobile_template.png);
    background-repeat: no-repeat;
    background-position:0px 84px;
    background-size:contain;
    background-color: #FAFAFA; */
    }
    .message .notification {
        padding: 0;
        /* margin-top: 50px; */
        background-position: 0 0;
    }
    .user_management ul {
        margin: 50px 0 0 0;
        padding: 0;
    }
    .reports .container div:last-child,
    .awards .container div:last-child {
        padding: 0;
        margin-top: 50px;
    }
    .custom_branding div ul {
        padding: 0;
    }
    .custom_branding div ul li {
        margin: 20px 0 50px 0;
        padding-right: 0px;
    }
    .reports .export_report {
        background-position: 0 0;
    }
    .review {
        background-position: right 0px top 103px;
        background-size: 450px;
    }
    .awards .challenge_peers {
        background-position: 0 0;
    }
    .awards {
        padding-right: 0px;
    }
    .reports .container div {
        padding-right: 0px;
        border-right: 0px solid;
    }
    .responsive p,
    .reports p,
    .awards p {
        padding-right: 35px;
    }
    .message figcaption .message_text {
        padding-right: 0px;
    }
    .awards .container div {
        padding-right: 0px;
    }
    .links .contacts {
        border: 0;
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .links .page_links ul {
        /* margin: 0 30px; */
    }
    .links .page_links ul:last-child {
        padding: 0;
        /* margin-top: 50px; */
        /*  margin-left:40px; */
    }
    .page_links {
        padding-left: 0;
        margin-top: 50px;
        width: 100%;
    }
    .links {
        padding: 90px 5px;
        text-align: center;
    }
    footer b {
        float: none !important;
        text-align: center;
    }
    footer li {
        margin-right: 20px;
        /* margin-top: 20px; */
    }
    .pricing_plans .pricing button.signup {
        opacity: 10;
    }
    .pricing_plans ul.pricing>li {
        display: block;
        /* margin-bottom: 70px; */
        width: 330px;
        margin-left: 27.5%;
    }
    .pricing_plans .pricing {
        padding: 0;
        display: block;
    }
    .pricing_plans .pricing>li:last-child {
        /* margin: 0 auto; */
    }
    .forums .container {
        padding: 130px 0;
        background-position: right 90px top 80px;
    }
    article.review {
        padding: 0;
    }
    li.files,
    li.course_links {
        margin-right: 0;
    }
    .pricing_plans .container > div {
	    float: initial;
	    width: 100%;
	    border: none;
	    margin-top: 50px;
	}
}

@media (max-width: 640px) {
    .pricing_plans ul.pricing>li {
        margin-left: 20.5%;
    }
}

@media (max-width: 628px) {
    .pricing_plans ul.pricing>li {
        margin-left: 0;
    }
    .pricing_plans .pricing>li:last-child {
        margin: 0 auto;
    }
    .links .page_links ul {
        display: block;
    }
    .links .page_links ul:last-child {
        padding: 0;
        margin-top: 50px;
        margin-left: 0;
    }
    .page_links {
        margin-top: 50px;
        width: auto;
    }
    .links .contacts {
        float: none;
    }
    .pricing_plans hr {
        width: 178px;
    }
    .course_list li {
        margin: 20px 0px 25px 0px;
        width: 100%;
    }
    .course_list li {
        min-height: auto;
    }
    .course-creation,
    .responsive,
    .custom_branding,
    .container,
    .user_management,
    .message,
    .mail_templates,
    .forums,
    .reports,
    .review,
    .awards,
    .get_started {
        background-image: none !important;
        height: auto;
    }
    .course-creation,
    .responsive,
    .custom_branding,
    .user_management,
    .message,
    .reports,
    .review,
    .awards,
    .get_started {
        padding: 90px 0;
    }
    .custom_branding {
        padding: 90px 0 10px 0;
    }
    .custom_branding div ul {
        padding: 0;
    }
    .responsive_bgvideo {
        height: auto;
        width: 100%;
        display: none;
    }
    footer {
        padding: 20px 0;
    }
    footer b {
        display: block;
        text-align: center !important;
    }
    footer ul {
        display: none;
    }
    .pricing_plans {
        padding: 90px 0 130px 0;
    }
    .pricing_plans ul.pricing>li {
        margin: 70px auto;
        width: auto;
        max-width: 320px;
    }
    .pricing_plans .pricing button.signup {
        width: 101%;
    }
    .get_started .start_action {
        width: auto;
    }
    .get_started p {
        font-size: 14px;
    }
}

/* home page */

@media (max-width: 500px) {
    .home_page .landing_header h1 {
        font-size: 28px;
    }
    .adaptive_best {
        padding: 90px 0 90px 0;
    }
    .adaptive_best ul li.customer_training {
        margin: 40px 0px;
    }
    .business_feature ul li.branding {
        margin: 120px 0;
    }
    .business_feature li .image {
        text-align: center !important;
    }
    li.home_reports .image img,
    li.branding .image img,
    li.courses .image img {
        width: 100%;
        margin: 0 auto;
    }
    .business_feature ul {
        text-align: center;
    }
    .business_feature ul li figure {
        background-position: center !important;
    }
    .business_feature ul li hr {
        margin: 15px auto 25px auto;
    }
    .about_au .text_slide .angle_left,
    .about_au .text_slide .angle_right {
        display: none;
    }
    .about_au .text_slide hr {
        width: 300px;
    }
    .about_au .text_slide hr:before,
    .about_au .text_slide hr:after {
        margin-left: 144px;
    }
    .business_feature .branding .content {
        padding: 0;
    }
    .text_inner li {
        width: 400px;
        font-size: 15px;
    }
    .home_page .home_action button.start_btn {
        font-size: 15px;
        margin-left: 0;
    }
    .home_page input.domain_input {
        font-size: 15px;
        margin-left: -35px;
    }
}

@media (max-width: 420px) {
    #social-login p.or {
        display: none;
    }
}

/* media query ends */

/* <!-- Forgot paswword changes ends here --> */

div#signup-popup-form input.error,
div#signup-popup-form input.error:focus {
    border-color: rgba(225, 107, 107, 0.8);
    -webkit-box-shadow: inset 0 0px 1px rgba(225, 107, 107, 0.75), 0 0 8px rgba(225, 107, 107, 0.6);
    -moz-box-shadow: inset 0 0px 1px rgba(225, 107, 107, 0.75), 0 0 8px rgba(225, 107, 107, 0.6);
    box-shadow: inset 0 0px 1px rgba(225, 107, 107, 0.75), 0 0 8px rgba(225, 107, 107, 0.6);
    outline: none;
}

#voice-box {
    position: fixed;
    margin: 0 auto;
    top: 0;
    z-index: 999999;
    left: 0;
    text-align: center;
    display: none;
    right: 0;
}

#voice-box label {
    background: #fffed5;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 3px 12px 3px 12px;
    line-height: 26px;
    border: solid 1px #cfcd59;
    border-radius: 0px 0px 5px 5px;
}

/* < !-- Changes for forgot password --> */
#signuppoup .modal-content,
#forgotpwd .modal-content,
#resetpwd .modal-content {
    border-radius: 0;
    border-color: #eee;
    text-align: center;
    /* font-family: museo; */
    font-weight: 300;
}

#loginpopup .modal-content,
#forgotpwd .modal-content,
#resetpwd .modal-content {
    border-radius: 0;
    border-color: #eee;
    text-align: center;
    /* font-family: museo; */
    font-weight: 300;
}

#subdomain {
    padding: 5px 10px;
    width: 75% !important;
    font-weight: 500;
    color: #4f5c63;
    border: 1px solid #e2e2e2;
}

.modal-header p {
    margin-bottom: .5em !important;
}

#signuppoup .modal-header,
#forgotpwd .modal-header,
#resetpwd .modal-header,
#terms .modal-header,
#privacy_policy .modal-header {
    background: #f5f5f5;
    border-radius: 0;
    padding-top: 35px;
    padding-bottom: 25px;
    border-bottom: 0;
}

#signuppoup .modal-content,
#loginpopup .modal-content {
    background-color: white;
    box-shadow: none;
    border: 0;
    border-radius: 5px;
}

#loginpopup .modal-header,
#forgotpwd .modal-header,
#resetpwd .modal-header,
#terms .modal-header,
#privacy_policy .modal-header {
    background: #f5f5f5;
    border-radius: 0;
    padding-top: 35px;
    padding-bottom: 25px;
    border-bottom: 0;
}

#loginpopup .modal-header,
#forgotpwd .modal-header,
#resetpwd .modal-header,
#terms .modal-header,
#privacy_policy .modal-header {
    background: #f5f5f5;
    border-radius: 0;
    padding-top: 35px;
    padding-bottom: 25px;
    border-bottom: 0;
}

#signuppoup .modal-header,
#loginpopup .modal-header {
    background-color: #fff;
}

#signuppoup .modal-title,
#forgotpwd .modal-title,
#resetpwd h4.modal-title,
#terms h4.modal-title,
#privacy_policy h4.modal-title {
    font-size: 2.6em;
    line-height: 1.14em;
    /* font-family: museo; */
    color: #4f5c63;
    font-weight: 300;
    margin: 0 0 .15em;
    text-align: center;
}

#loginpopup .modal-title,
#forgotpwd .modal-title,
#resetpwd h4.modal-title,
#terms h4.modal-title,
#privacy_policy h4.modal-title {
    font-size: 2.6em;
    line-height: 1.14em;
    /* font-family: museo; */
    color: #4f5c63;
    font-weight: 300;
    margin: 0 0 .15em;
    text-align: center;
}

#signuppoup .modal-header p,
#forgotpwd .modal-header p {
    /* font-family: museo; */
    font-size: 1.15em;
    line-height: 1.5em;
    font-weight: 300;
    color: #788a95;
    margin-bottom: 1em;
}

#loginpopup .modal-header p,
#forgotpwd .modal-header p {
    /* font-family: museo; */
    font-size: 1.15em;
    line-height: 1.5em;
    font-weight: 300;
    color: #788a95;
    margin-bottom: 1em;
}

#signuppoup .modal-header .close,
#forgotpwd .modal-header .close,
#resetpwd button.close,
#terms button.close,
#privacy_policy button.close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 15px;
}

#loginpopup .modal-header .close,
#forgotpwd .modal-header .close,
#resetpwd button.close,
#terms button.close,
#privacy_policy button.close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 15px;
}

div#signup-popup-form input,
#forgotpwd .modal-header input[type="text"],
#resetpwd input {
    padding: 10px 10px;
    margin-bottom: 10px;
    width: 100%;
    font-weight: 500;
    color: #4f5c63;
    border: 1px solid #e2e2e2;
}

#forgotpwd .modal-dialog {
    width: 365px;
    padding: 0px 30px;
    margin-top: 10%;
}

#forgotpwd .modal-header {
    padding: 35px 30px;
}

#forgotpwd .modal-title {
    text-align: left;
    margin-bottom: 15px;
    font-size: 20px;
}

#forgotpwd .modal-header p {
    text-align: left;
    font-size: 14px;
    font-family: proxima-nova;
}

#forgotpwd .modal-header .button {
    font-size: 16px;
}

/* < !-- Forgot paswword changes ends here --> */
.float:after {
    content: "";
    clear: both;
    display: block;
}

/* google button */

#social-login .google_integration {
    height: 44px;
    background-color: #fff;
    position: relative;
    padding: 0 0 0 20px;
    font-weight: 100;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    font-size: 14px;
    color: #39414d;
    letter-spacing: 0;
    transition: .2s linear;
    -webkit-box-shadow: 0 1px 2px 0 rgba(57, 65, 77, .12);
    box-shadow: 0 1px 2px 0 rgba(57, 65, 77, .12);
    float: right;
    width: 48%;
}

#social-login .google_integration span {
    background: url(https://storage.googleapis.com/adaptiveyou-signup/images/g_logo_2x.png) no-repeat center;
    background-size: 18px;
    height: 25px;
    width: 50px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 8px 0;
}

#social-login .social-login-button:after {
    content: "";
    display: block;
    clear: both;
}

#loginpopup div#social-login {
    padding: 0px 0px 51px 30px;
}

#loginpopup .button.button-facebook,
#loginpopup #social-login .google_integration {
    width: 100%;
    margin-bottom: 20px;
}

.ls-chat .ConversationButton.unreadIcon i {
    background-color: #f8706f;
}

.cookie-message {
    position: fixed;
    display: none;
    color: #fff;
    bottom: 0;
    padding: 20px 0;
    text-align: center;
    width: 100%;
    z-index: 100;
    font-size: 14px;
    background-color: rgba(89, 98, 100, 0.8);
}

.cookie-message a {
    color: #fff;
    text-decoration: underline;
}

.cookie-message button.close {
    position: absolute;
    margin-left: 50px;
    top: 0;
    right: 3px;
    color: #fff;
    opacity: 1;
    font-weight: 100;
}

.content .float:after {
    content: "";
    clear: both;
    display: block;
}

span.privacy-message {
    margin-top: 10px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
}

#privacy_policy .modal-dialog,
#terms .modal-dialog {
    max-width: 800px !important;
    width: initial;
}

.modal ul {
    list-style-type: disc;
    padding: 0 20px;
}

.modal ul li {
    font-size: 15px;
    font-weight: 300;
    color: #607286;
    line-height: 1.7em;
}
.modal-content {
    overflow: hidden ;
}