.header {
     display: block;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     display: inline-block;
     padding: 40px 0;
     z-index: 9991
}

.header-row {
     display: inline-block;
     width: 106%
}

.header-logo {
     display: inline-block;
     vertical-align: middle
}

.header_nav {
     display: inline-block;
     vertical-align: middle
}

.main-menu {
     display: inline-block;
     list-style-type: none;
     margin: 0;
     padding: 4px 0 0 30px;
     width: 100%
}

.main-menu>li {
     display: inline-block;
     margin: 0;
     padding: 0 6px
}

.main-menu>li>a {
     color: #fff;
     display: inline-block;
     font-size: 17px;
     padding: 6px 10px 4px;
     border-radius: 22px
}

.main-menu>li>a:hover {
     color: #fff;
     background: #ffae02;
     box-shadow: 3px 10px 24px rgba(0, 0, 0, .2)
}

.main-menu>.demo_test a {
     background: #ffae02;
     border-radius: 20px;
     font-weight: 600;
     position: relative;
     z-index: 9;
     padding-left: 15px;
     padding-right: 15px;
     box-shadow: 3px 10px 24px rgba(0, 0, 0, .2)
}

.main-menu>.demo_test {
     position: relative
}

.main-menu>.demo_test::before {
     content: "";
     background: url(../images/menu-dot.png) no-repeat center center;
     left: -25px;
     right: -25px;
     bottom: -25px;
     position: absolute;
     top: -25px
}

.header-right {
     display: inline-block;
     float: right;
     padding-top: 3px
}

.header_link {
     display: inline-block;
     list-style-type: none;
     margin: 0;
     padding: 0;
     width: auto
}

.header_link>li {
     display: inline-block;
     padding-left: 20px
}

.header_link>li>a {
     background: #fff;
     border-radius: 7px;
     color: #2f5bea;
     display: inline-block;
     font-size: 14px;
     font-weight: 600;
     height: 46px;
     line-height: 48px;
     padding: 0 15px
}

.header_link>li>a:hover {
     background: #ffae02;
     color: #fff;
     box-shadow: 3px 10px 24px rgba(0, 0, 0, .2)
}

.homepage-banner {
     background: #2e7aea;
     display: block;
     padding: 192px 0 30px;
     position: relative;
     width: 100%
}

.homepage-banner:before {
     position: absolute;
     content: "";
     left: 0;
     bottom: -2px;
     width: 100%;
     height: 42%;
     display: inline-block;
     background: url(../images/shape1.png) no-repeat top center;
     background-size: 100% 100%
}

.homepage-banner .banner-left-text {
     float: left;
     width: 50%;
     position: relative;
     z-index: 9
}

.homepage-banner .banner-image {
     float: left;
     position: relative;
     width: 50%;
     z-index: 9;
     text-align: right
}

.homepage-banner .banner-image img {
     max-width: 90%;
     width: 100%
}

.homepage-banner h2 {
     color: #fff;
     font-size: 34px;
     font-weight: 700;
     margin: 0 0 20px
}

.homepage-banner h4 {
     color: #d3d8e0;
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     margin: 0 0 20px
}

.homepage-banner .banner-box {
     padding: 50px 0 0 0
}

.get_form .form_box {
     display: inline-block;
     max-width: 520px;
     position: relative;
     width: 100%
}

.get_form p {
     color: #c5d0e6;
     font-size: 16px;
     margin-top: 10px
}

.get_form .form_box .email_input {
     border: medium none;
     height: 70px;
     border-radius: 10px;
     padding: 6px 120px 0 20px;
     width: 100%
}

.get_form .form_box .get_submit {
     background: #fff;
     border: none;
     font-weight: 600;
     border-left: 1px solid #e7ebee;
     color: #2e5bea;
     font-size: 16px;
     height: 70px;
     border-radius: 0 10px 10px 0;
     padding: 0 20px;
     position: absolute;
     transition: all .3s ease-in-out 0s;
     right: 0;
     top: 0
}

.get_form .form_box .get_submit:hover {
     background: #ffae02;
     color: #fff
}

.banner_btn {
     display: inline-block;
     width: 100%;
     margin-top: 20px
}

.banner_btn ul {
     list-style-type: none;
     margin: 0;
     padding: 0
}

.banner_btn ul li {
     display: inline-block;
     margin-right: 15px;
     margin-bottom: 10px;
     vertical-align: middle
}

.banner_btn ul li a {
     display: block
}

.banner_btn ul li span {
     color: #fff;
     display: inline-block;
     font-size: 16px;
     padding-left: 10px;
     vertical-align: middle
}

.homepage-education {
     display: inline-block;
     padding: 50px 0;
     width: 100%
}

.homepage-education .nav-tabs {
     display: block;
     margin: 0 auto;
     max-width: 900px;
     text-align: center
}

.homepage-education .nav-tabs>li {
     display: inline-block;
     float: left;
     text-align: left;
     margin-bottom: 0;
     width: 33.33%
}

.homepage-education .nav-tabs>li a::before {
     background: #2e5bea;
     bottom: -2px;
     content: "";
     height: 2px;
     left: 0;
     position: absolute;
     width: 100%;
     opacity: 0;
     transition: all .3s ease-in-out 0s
}

.homepage-education .nav-tabs>li.active a::before {
     opacity: 1
}

.education_info_section {
     display: inline-block;
     width: 100%;
     padding: 30px 0
}

.education_info_section .education_image {
     float: left;
     padding-right: 15px;
     width: 50%
}

.education_info_section .education_content {
     float: left;
     padding-left: 15px;
     width: 50%
}

.education_content h4 {
     color: #2c2e30;
     font-weight: 600;
     margin: 0 0 20px;
     padding: 10px 0 0
}

.education_content ul {
     border-bottom: 1px solid #eee;
     list-style-type: none;
     margin: 0 0 15px;
     padding: 0 0 15px
}

.education_content ul li {
     display: block;
     margin: 10px 0;
     padding: 0 0 0 16px;
     cursor: pointer;
     position: relative;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s
}

.education_content ul li a {
     color: #2c2e30;
     font-size: 16px
}

.education_content ul li::before {
     background: #cacdd6;
     border-radius: 50%;
     content: "";
     height: 6px;
     left: 0;
     position: absolute;
     top: 8px;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
     width: 6px
}

.education_content ul li a:hover {
     color: #55a31b
}

.education_content ul li:hover:before {
     background: #55a31b
}

.education_content h5 {
     font-weight: 600
}

.education_slider .slick-arrow {
     display: none !important
}

.slick-dots {
     list-style-type: none;
     margin: 0;
     padding: 0;
     text-align: center
}

.slick-dots li {
     display: inline-block;
     margin: 0 5px
}

.education_slider .slick-dots li button {
     background: #ededed;
     border: medium none;
     border-radius: 50%;
     font-size: 0;
     height: 10px;
     padding: 0;
     width: 10px
}

.education_slider .slick-dots li.slick-active button {
     background: #287fde;
     width: 14px;
     height: 14px
}

.homepage-education .nav-tabs>li a {
     color: #2c2e30;
     display: inline-block;
     font-weight: 600;
     padding: 0 50px 20px;
     border-radius: 0;
     text-align: left;
     border: none
}

.homepage-education .nav-tabs>li a img {
     display: block;
     margin: 0 auto 5px
}

.homepage-education .nav-tabs>li:nth-child(2) {
     text-align: center
}

.homepage-education .nav-tabs>li:last-child {
     text-align: right
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
     border: none;
     background: 0 0
}

.homepage-education .tab-content>.tab-pane {
     display: block;
     height: 0;
     overflow: hidden
}

.homepage-education .tab-content>.tab-pane.active {
     height: auto
}

.homepage_app_info {
     display: inline-block;
     width: 100%;
     background: #287fde;
     position: relative;
     padding: 130px 0 0
}

.homepage_app_info:before {
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     width: 150px;
     height: 250px;
     background: url(../images/right-shape.png) no-repeat;
     background-size: auto 100%
}

.homepage_app_info:after {
     position: absolute;
     bottom: 130px;
     left: 0;
     content: "";
     width: 250px;
     height: 150px;
     background: url(../images/left-shape.png) no-repeat;
     background-size: 100% auto;
     background-position: bottom left
}

.app_white_section::before {
     background: #fff;
     bottom: 0;
     content: "";
     height: 130px;
     left: 0;
     position: absolute;
     width: 100%
}

.app_info_left {
     float: right
}

.app_info_text {
     padding-top: 50px
}

.app_info_text span {
     color: #e9edf5;
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase
}

.app_info_text h4 {
     color: #fff;
     font-size: 34px;
     font-weight: 700;
     line-height: 42px;
     margin: 10px 0 30px
}

.app_info_text p {
     color: #fff;
     font-size: 16px;
     margin: 0 0 20px
}

.app_info_text .app_link {
     display: inline-block;
     margin-top: 10px;
     max-width: 120px;
     position: relative;
     z-index: 99
}

.app_box {
     display: table;
     margin-top: 0;
     table-layout: fixed;
     width: 100%
}

.app_box .screen_img {
     display: table-cell;
     padding-right: 30px;
     vertical-align: middle;
     width: 43%
}

.app_box .app_screen_info {
     display: table-cell;
     padding: 90px 0 0;
     vertical-align: top;
     width: 57%
}

.app_slider .slick-arrow {
     background: #fff none repeat scroll 0 0;
     border: medium none;
     border-radius: 50%;
     font-size: 0;
     height: 30px;
     left: 43%;
     padding: 0;
     position: absolute;
     text-align: center;
     top: 40px;
     width: 30px;
     z-index: 9;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s
}

.app_slider .slick-next.slick-arrow {
     left: 48%;
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     transform: rotateY(180deg)
}

.app_slider .slick-arrow::before {
     border-color: transparent #287fde transparent transparent;
     border-style: solid;
     border-width: 6px 7px;
     content: "";
     left: 3px;
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
     position: absolute;
     top: 9px
}

.app_slider .slick-arrow:hover::before {
     border-color: transparent #fff transparent transparent
}

.app_slider .slick-arrow:hover {
     background: #5499e4
}

.app_screen_info h4 {
     color: #fff;
     font-weight: 600;
     margin: 0 0 20px
}

.app_screen_info p {
     color: #fff;
     font-size: 16px;
     line-height: 26px
}

.title_head {
     display: block;
     margin: 0 auto 50px;
     max-width: 740px;
     text-align: center;
     width: 100%
}

.title_head span {
     display: block;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 16px;
     color: #7e8085;
     margin: 0 0 10px
}

.title_head h2 {
     font-size: 32px;
     font-weight: 700;
     line-height: 42px;
     margin: 0 0 15px
}

.title_head p {
     font-size: 16px;
     margin: 0
}

.homepage_offer_section {
     display: inline-block;
     padding: 50px 15px 30px;
     width: 100%
}

.offer_list {
     display: table;
     list-style-type: none;
     margin: 0 auto;
     max-width: 1600px;
     padding: 0;
     text-align: center;
     width: auto
}

.offer_list li {
     display: table-cell;
     padding: 15px 20px;
     vertical-align: top
}

.homepage_application_section {
     padding: 50px 0 0;
     display: block;
     width: 100%;
     position: relative;
     z-index: 9
}

.application_row {
     display: inline-block;
     width: 100%
}

.application_col {
     display: inline-block;
     width: 100%;
     padding: 0 0 0 60px;
     min-height: 60px;
     position: relative;
     margin: 10px 0 10px
}

.application_col .icon {
     position: absolute;
     left: 0;
     top: 0;
     max-width: 50px
}

.application_col h4 {
     margin: 0 0 10px;
     font-size: 24px;
     font-weight: 600
}

.application_col p {
     margin: 0;
     font-size: 16px
}

.homepage_about {
     background: #f5f5f5;
     display: inline-block;
     width: 100%;
     padding: 50px 0;
     position: relative;
     margin-top: -10px
}

.about_box {
     padding: 75px 15px;
     position: relative;
     text-align: left;
     display: block;
     width: 100%;
     background: #5b3bff;
     background-image: linear-gradient(to right, #5b3bff, #2ecaf0);
     overflow: hidden;
     border-radius: 12px
}

.about_box:before {
     background: url(../images/shape.png) no-repeat right top;
     position: absolute;
     content: "";
     left: 0;
     right: -20%;
     top: -20%;
     bottom: 0
}

.about_col:nth-child(2) .about_box {
     background: #eb5757;
     background-image: linear-gradient(to right, #eb5757, #f07577)
}

.about_col:nth-child(3) .about_box {
     background: #f5b023;
     background-image: linear-gradient(to right, #f5b023, #f76b1c)
}

.about_box .about_info {
     position: relative;
     z-index: 9
}

.about_box h4 {
     margin: 10px 0 15px;
     font-size: 20px;
     font-weight: 600;
     color: #fff
}

.about_box p {
     margin: 0;
     font-size: 16px;
     line-height: 28px;
     color: #fff
}

.about_row {
     position: relative
}

.homepage_about .info_img {
     bottom: 0;
     left: 0;
     position: absolute
}

.homepage_about .info_img {
     bottom: -50px;
     left: -210px;
     position: absolute;
     max-width: 200px
}

.homepage_pricing {
     display: inline-block;
     width: 100%;
     padding: 50px 0
}

.pricing_item {
     padding: 10px 10px
}

.pricing_box {
     border: 1px solid #e7ebee;
     box-shadow: 0 0 1px rgba(0, 0, 0, .1);
     padding: 0;
     text-align: center;
     transition: all .3s ease-in-out 0s
}

.pricing_box:hover {
     background: #2e5bea;
     color: #fff
}

.pricing_box:hover h4 {
     color: #fff
}

.pricing_box .pricing_head {
     border-bottom: 1px solid #eee;
     display: inline-block;
     padding: 25px 10px;
     width: 100%
}

.pricing_box .pricing_head h4 {
     color: #2f5bea;
     font-size: 30px;
     font-weight: 600;
     margin: 0 0 10px
}

.pricing_box .pricing_head span {
     color: #7e8085;
     font-size: 14px
}

.pricing_box .pricing_text {
     display: table;
     height: 250px;
     padding: 15px 15px 30px;
     table-layout: fixed;
     width: 100%
}

.pricing_box .text_cell {
     display: table-cell;
     vertical-align: bottom;
     width: 100%;
     color: #7e8085
}

.pricing_box .pricing_footer {
     display: inline-block;
     padding: 10px 10px 20px;
     width: 100%
}

.pricing_box .pricing_footer .pricing_btn {
     background: #fff;
     border: 1px solid #c9cdd5;
     border-radius: 6px;
     color: #54565a;
     display: inline-block;
     font-weight: 600;
     padding: 8px 20px;
     text-transform: uppercase
}

.pricing_box,
.pricing_box * {
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s
}

.pricing_box:hover .pricing_head h4,
.pricing_box:hover .pricing_head span,
.pricing_box:hover .text_cell p {
     color: #fff
}

.pricing_box:hover .pricing_footer .pricing_btn {
     color: #2f5bea;
     background: #fff;
     border-color: #fff
}

.pricing_box:hover .pricing_head {
     border-bottom: 1px solid #2452e5
}

.pricing_slider ul.slick-dots {
     padding: 0;
     margin: 0;
     list-style-type: none;
     display: block;
     text-align: center
}

.pricing_slider ul.slick-dots li {
     display: inline-block;
     margin: 0 4px
}

.pricing_slider ul.slick-dots li button {
     font-size: 0;
     padding: 0;
     width: 15px;
     height: 2px;
     background: #666;
     border: none;
     opacity: .2
}

.pricing_slider ul.slick-dots li.slick-active button {
     opacity: 1
}

.homepage_newsletter {
     background: url(../images/newsletter-bg.jpg) no-repeat center center;
     background-size: cover;
     display: inline-block;
     padding: 100px 0;
     width: 100%
}

.newletter_row .newsletter_img {
     float: right;
     text-align: right
}

.newletter_row .newsletter_img img {
     display: block;
     margin: 0 auto;
     max-width: 400px
}

.newletter_row .get_form p {
     text-align: center
}

.newsletter_info_row {
     padding-top: 30px
}

.newsletter_info_row h4 {
     color: #fff;
     font-size: 30px;
     font-weight: 600;
     margin: 0 0 20px
}

.newsletter_info_row>p {
     color: #fff;
     font-size: 16px;
     margin: 0 0 20px
}

.signup_form_wrap {
     width: 100%;
     display: inline-block;
     background: #f8f8f8;
     padding: 60px 30px
}

.white_box {
     background: #fff;
     box-shadow: 0 0 8px rgba(0, 0, 0, .05);
     border-radius: 21px;
     display: table;
     margin: 0 auto;
     max-width: 740px;
     table-layout: fixed;
     width: 100%;
     overflow: hidden
}

.signup_form_wrap .left_from {
     display: table-cell;
     width: 40%;
     background: #2e5bea;
     padding: 30px;
     vertical-align: middle;
     color: #fff;
     text-align: center
}

.signup_form_wrap .left_from h4 {
     font-size: 18px;
     font-weight: 600;
     line-height: 24px
}

.go_btn {
     background: #fff;
     border-radius: 50%;
     color: #2f5bea;
     display: inline-block;
     font-size: 30px;
     height: 36px;
     line-height: 43px;
     padding-left: 2px;
     text-align: center;
     width: 36px
}

.go_btn:hover {
     background: #ffae02;
     color: #fff
}

.signup_form_wrap .right_form {
     display: table-cell;
     padding: 50px 30px
}

.common_form .form-group {
     display: inline-block;
     margin-bottom: 7px;
     width: 100%
}

.common_form .form-group .form-label {
     float: left;
     color: #373d40;
     font-size: 13px;
     font-weight: 400;
     line-height: 30px;
     margin: 0;
     padding-right: 10px;
     width: 34%
}

.common_form .form-group .form-field {
     float: left;
     width: 66%
}

textarea {
     resize: none
}

.form-control {
     background-color: #f5f8f9;
     border: 1px solid #f5f8f9;
     box-shadow: none;
     color: #555;
     height: 30px
}

.form-control:focus {
     border-color: #d0dce1;
     background-color: #fcfdfd;
     box-shadow: none;
     outline: 0 none
}

.form_note span {
     color: #5d63b6;
     font-size: 12px
}

.form_note {
     font-family: tt_commons_boldbold;
     display: inline-block;
     line-height: 1;
     margin-top: 15px;
     padding-left: 34%;
     width: 100%
}

.common_form .form-group.radio-group {
     margin-bottom: 15px;
     margin-top: 10px
}

.start_test_form {
     display: block;
     margin: 0 auto;
     max-width: 330px
}

.white_box.success_form {
     overflow: visible;
     box-shadow: 0 0 50px rgba(0, 0, 0, .05)
}

.white_box.success_form .left_from {
     border-radius: 21px
}

.common_form .select2-container--default .select2-selection--single {
     background-color: #f5f8f9;
     border: 1px solid #f5f8f9;
     border-radius: 4px;
     height: 30px
}

.common_form .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 30px
}

.select2-container--default .form_dropdown .select2-results__option--highlighted[aria-selected] {
     background-color: #2f5bea
}

.select2-dropdown.form_dropdown {
     border-color: #f5f8f9
}

.select2-dropdown .select2-results__option {
     padding: 3px 6px
}

.start_test_form .form_button_block .form_btn {
     min-width: 100px
}

.radio-box {
     display: inline-block;
     margin: 0;
     padding-right: 15px;
     position: relative;
     cursor: pointer
}

.radio-box input {
     opacity: 0;
     position: absolute;
     visibility: hidden
}

.radio-box span {
     color: #999;
     display: inline-block;
     font-size: 14px;
     font-weight: 400;
     height: 30px;
     line-height: 30px;
     padding: 0 0 0 40px;
     position: relative;
     width: 100%;
     cursor: pointer
}

.radio-box .icon {
     background: #f5f5f5;
     border-radius: 50%;
     display: inline-block;
     height: 31px;
     left: 0;
     line-height: 31px;
     position: absolute;
     text-align: center;
     width: 31px;
     cursor: pointer;
     transition: all .3s ease-in-out 0s
}

.radio-box .icon img {
     max-width: 16px
}

.radio-box input:checked+span .icon {
     background: #00ff29
}

.member_radio.radio-box .icon {
     background: #c7c7c7
}

.member_radio.radio-box input:checked+span .icon {
     background: #00ff29
}

.radiobox-inline.standard_radio {
     line-height: 30px;
     margin: 0;
     width: 110%
}

.standard_radio .radio-box {
     padding-right: 0
}

.standard_radio .radio-box span {
     background: #fff;
     border-radius: 50%;
     font-size: 11px;
     height: 17px;
     line-height: 17px;
     padding: 0;
     text-align: center;
     width: 17px
}

.standard_radio .radio-box input:checked+span {
     background: #2f5bea;
     color: #fff
}

.form_button_block {
     display: inline-block;
     margin-top: 20px;
     padding-left: 34%;
     text-align: center;
     width: 100%
}

.form_button_block .form_btn {
     background: #2f5bea;
     font-family: Poppins, sans-serif;
     border: medium none;
     border-radius: 5px;
     color: #fff;
     display: inline-block;
     margin: 11px 3px;
     min-width: 110px;
     padding: 10px;
     box-shadow: 0 18px 18px rgba(10, 31, 68, .12), 0 0 1px rgba(10, 31, 68, .1);
     text-transform: uppercase;
     transition: all .3s ease-in-out 0s
}

.form_button_block .form_btn:hover {
     background: #ffae02
}

.form_button_block .form_btn.cancle_btn {
     background: #f5f8f9;
     color: #aeb1b3;
     box-shadow: none
}

.form_button_block .form_btn.cancle_btn:hover {
     background: #eee
}

.white_box.login_wrapper {
     border-radius: 0;
     overflow: visible;
     position: relative
}

.login_wrapper .left_from {
     border-radius: 14px;
     bottom: -30px;
     left: 0;
     position: absolute;
     top: -30px;
     padding-top: 70px;
     width: 45%
}

.login-form .form_button_block .form_btn {
     width: 100%
}

.login-form .form_button_block {
     padding: 0;
     margin: 0
}

.login_box {
     background: #fff;
     border-radius: 5px;
     box-shadow: 0 0 12px rgba(0, 0, 0, .1);
     display: block;
     padding: 30px 20px
}

.login-form .form-control {
     height: 36px
}

.login-form .form-img {
     margin: 0 0 20px
}

.login-form .form-img img {
     border-radius: 50%;
     max-width: 122px;
     min-height: 122px;
     min-width: 122px;
     object-fit: cover
}

.forgot_link {
     display: inline-block;
     margin: 0 0 10px;
     text-align: right;
     width: 100%
}

.forgot_link a {
     color: #bdc3c6
}

.forgot_link a:hover {
     color: #0d92ca
}

.new_account {
     color: #bdc3c6;
     display: inline-block;
     text-align: center;
     width: 100%;
     margin-top: 10px
}

.new_account {
     color: #bdc3c6;
     display: inline-block;
     font-size: 13px;
     text-align: center;
     width: 100%
}

.new_account span {
     display: block;
     margin: 0 0 10px
}

.new_account a {
     color: #0d92ca
}

.new_account a:hover {
     color: #2f5bea
}

.login_slider {
     padding: 0 0 30px
}

.login_slider .slick-dots {
     bottom: 0;
     left: 0;
     position: absolute;
     width: 100%
}

.login_slider .slick-dots li {
     display: inline-block;
     margin: 0 3px
}

.login_slider .slick-dots li button {
     background: #edf1f5;
     border: 2px solid #cacaca;
     border-radius: 50%;
     font-size: 0;
     height: 14px;
     padding: 0;
     width: 14px
}

.login_slider .slick-dots li.slick-active button {
     background: #2f5bea;
     border: 2px solid #03a9f4
}

.login_slider .item {
     text-align: center
}

.login_slider .item img {
     display: block;
     margin: 0 auto 15px
}

.login_slider .item h4 {
     font-size: 18px;
     color: #383838;
     margin: 0 0 10px;
     font-weight: 700
}

.login_slider .item span {
     font-size: 13px;
     display: block;
     max-width: 260px;
     line-height: 22px;
     margin: 0 auto;
     color: #7e8388
}

.signup_form_wrap .test_wrapper .left_from,
.signup_form_wrap .test_wrapper .right_form {
     display: inline-block;
     width: 100%
}

.signup_form_wrap .test_wrapper .left_from {
     background: #2f5bea url(../images/test-bg.png) no-repeat center center;
     background-size: cover
}

.signup_form_wrap .form-logo {
     display: inline-block;
     margin: 0 0 -24px
}

.signup_form_wrap .test_wrapper .left_from p {
     display: block;
     margin: 0 auto;
     max-width: 380px
}

.test_form {
     display: block;
     margin: 0 auto;
     max-width: 360px
}

.test_wrapper .right_form {
     position: relative
}

.test_wrapper .right_form .go_btn {
     background: #2f5bea;
     color: #fff;
     margin-top: -20px;
     position: absolute;
     right: 30px;
     top: 50%
}

.main-footer {
     background: #fff;
     color: #2c2e30;
     display: block;
     padding: 50px 0;
     width: 100%
}

.footer_menu_row {
     display: inline-block;
     width: 100%
}

.footer_menu_row .footer_menu_col {
     display: inline-block;
     float: left;
     padding: 0 10px;
     width: 33.33%
}

.footer_menu_row .footer_menu_col h4 {
     color: #2c2e30;
     font-size: 18px;
     font-weight: 600;
     margin: 0 0 20px;
     position: relative
}

.footer_menu_row .footer_menu_col:last-child h4:before {
     display: none
}

.footer_menu_row .footer_menu_col ul {
     display: inline-block;
     list-style-type: none;
     margin: 0;
     padding: 0
}

.footer_menu_row .footer_menu_col ul li {
     display: block;
     width: 100%
}

.footer_menu_row .footer_menu_col ul li a {
     color: #54565a;
     display: inline-block;
     font-size: 16px;
     font-weight: 400;
     padding: 7px 0
}

.footer_menu_row .footer_menu_col ul li a:hover {
     color: #01aaed
}

.footer-bottom {
     display: inline-block;
     width: 100%;
     padding: 15px 0
}

.footer-bottom ul {
     display: inline-block;
     list-style-type: none;
     margin: 0;
     padding: 0
}

.footer-bottom ul li {
     display: inline-block
}

.footer-bottom .bottom_nav li a {
     color: #54565a;
     display: inline-block;
     font-weight: 500;
     padding: 8px 10px;
     font-size: 14px
}

.footer-bottom .bottom_nav li a:hover {
     color: #01aaed
}

.footer-bottom .footer_social li {
     padding-left: 10px
}

.footer-bootm-right {
     text-align: right
}

.modal {
     text-align: center;
     z-index: 99999
}

.modal-backdrop {
     z-index: 99998
}

.modal-header {
     padding: 0;
     min-height: 1px
}

.modal-content {
     background-color: #f8f8f8
}

.modal-header .close {
     margin-top: -2px;
     opacity: 1;
     position: absolute;
     right: 10px;
     top: 10px;
     z-index: 99
}

.main-menu>li.mobile_menu {
     display: none;
}

@media screen and (max-width:1200px) {
     .main-menu>li {
          padding: 0 4px;
     }

     .main-menu>li>a {
          font-size: 12px;
     }

     .header_link>li>a {
          font-size: 12px;
          padding: 0 10px;
     }
}

@media screen and (min-width:768px) {
     .modal:before {
          display: inline-block;
          vertical-align: middle;
          content: " ";
          height: 100%
     }

     .modal-dialog {
          width: 100%;
          max-width: 800px
     }
}

.modal-dialog {
     display: inline-block;
     text-align: left;
     vertical-align: middle
}

.online_test_wrap {
     background: #f8f8f8;
     display: inline-block;
     padding: 50px 0;
     width: 100%
}

.online_test_wrap .white_box {
     border-radius: 20px;
     box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.ot-header {
     box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
     display: table;
     padding: 15px 30px;
     table-layout: fixed;
     width: 100%
}

.ot-header>div {
     display: table-cell;
     vertical-align: middle;
     width: 50%
}

.ot-header .ot_right {
     text-align: right
}

.progress-test {
     float: right;
     height: 100px;
     position: relative;
     width: 100px
}

.progress_qa {
     border: 15px solid #2f5bea;
     border-radius: 50%;
     display: inline-block;
     height: 100px;
     width: 100px
}

.timer_qa {
     font-size: 16px;
     font-weight: 500;
     left: 50%;
     padding-top: 5px;
     position: absolute;
     top: 50%;
     color: #000;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
}

.ot-content {
     display: inline-block;
     padding: 30px;
     width: 100%
}

.ot_col,
.ot_row {
     display: inline-block;
     width: 100%
}

.ot_qua h4 {
     display: inline-block;
     margin: 0 0 20px;
     width: 100%
}

.ot_qua h4 .qua_count {
     font-style: normal;
     margin-right: 10px
}

.qua_ans {
     display: inline-block;
     list-style-type: none;
     margin: 0;
     padding: 0 0 0 20px;
     width: 100%
}

.qua_ans>li {
     cursor: pointer;
     display: inline-block;
     margin: 10px 0;
     width: 100%
}

.qua_ans .ans_opt {
     background: #f5f5f5;
     border-radius: 50%;
     display: inline-block;
     font-size: 18px;
     font-weight: 600;
     height: 38px;
     font-family: Poppins, sans-serif;
     line-height: 38px;
     margin-right: 10px;
     text-align: center;
     vertical-align: top;
     width: 38px
}

.qua_ans .ans {
     border: 2px solid #f2f2f2;
     border-radius: 18px;
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     height: 38px;
     line-height: 38px;
     min-width: 240px;
     padding: 0 20px;
     vertical-align: top
}

.qua_ans .wrong .ans,
.qua_ans .wrong .ans_opt {
     background: #ff0003;
     color: #fff
}

.qua_ans .true .ans,
.qua_ans .true .ans_opt {
     background: #16d950;
     color: #fff
}

.ot_bottom {
     display: inline-block;
     padding-top: 10px;
     width: 100%
}

.next_prev_block {
     display: inline-block;
     text-align: right;
     width: 100%
}

.next_prev_block .next_btn {
     background: #2f5bea;
     box-shadow: 0 4px 20px rgba(0, 0, 0, .13);
     border-radius: 3px;
     color: #fff;
     display: inline-block;
     font-weight: 500;
     height: 36px;
     line-height: 28px;
     min-width: 90px;
     padding: 5px 10px;
     text-align: center;
     text-transform: uppercase
}

.ot_mark {
     display: inline-block;
     padding-top: 10px;
     text-align: center;
     width: 100%
}

.ot_mark .mark_btn {
     background: #12d23b none repeat scroll 0 0;
     border-radius: 30px;
     color: #fff;
     line-height: 31px;
     display: inline-block;
     font-size: 16px;
     margin: 5px 10px;
     padding: 7px 18px 4px;
     text-align: center
}

.ot_mark .mark_btn img {
     display: inline-block;
     max-width: 20px;
     vertical-align: top;
     margin-right: 5px
}

.ot_mark .mark_btn span {
     display: inline-block;
     font-weight: 600;
     vertical-align: middle
}

.ot_mark .mark_btn.wrong_ans {
     background: #ff0003
}

.result_logo {
     left: 50%;
     position: absolute;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
}

.result_content {
     display: inline-block;
     padding: 0 30px 30px;
     width: 100%
}

.result_info {
     display: inline-block;
     text-align: center;
     width: 100%
}

.test_profile {
     border-radius: 50%;
     display: inline-block;
     height: 70px;
     margin-top: -40px;
     position: relative;
     top: -20px;
     width: 70px
}

.test_profile img {
     max-width: 100%
}

.result_info h3 {
     color: #2f5bea;
     margin: 0
}

.result_info h2 {
     color: #fcb316;
     font-family: tt_commons_boldbold;
     display: block;
     font-size: 50px;
     margin: 20px 0 10px
}

.result_info span {
     color: #fc3832;
     font-family: tt_commonsmedium;
     font-size: 22px
}

.result_qa_info {
     display: inline-block;
     width: 100%
}

.result_list_opt {
     display: inline-block;
     list-style-type: none;
     margin: 0;
     padding: 10px 0;
     text-align: center;
     width: 100%
}

.result_list_opt li {
     display: inline-block;
     padding: 10px;
     width: 32%
}

.result_list_opt li a {
     background: #2f5bea;
     border-radius: 25px;
     color: #fff;
     display: inline-block;
     font-size: 14px;
     height: 36px;
     line-height: 38px;
     padding: 0 20px;
     text-align: left;
     width: 100%
}

.result_list_opt li .ga_link {
     background: #fcb316
}

.result_list_opt li .it_link {
     background: #dc428a
}

.result_list_opt li a .count {
     float: right
}

.result_bottom {
     display: inline-block;
     width: 100%;
     padding: 0 20px
}

.result_bottom .vm_btn {
     background: #12d23b;
     box-shadow: 0 4px 20px rgba(0, 0, 0, .13);
     border-radius: 3px;
     color: #fff;
     float: right;
     font-size: 16px;
     height: 36px;
     line-height: 38px;
     min-width: 100px;
     text-align: center
}

.result_bottom .vm_btn:focus,
.result_bottom .vm_btn:hover {
     background: #fcb316;
     color: #fff
}

.result_bottom .share_btn {
     color: #2f5bea;
     display: inline-block;
     font-size: 15px;
     line-height: 36px
}

.result_bottom .share_btn i {
     background: #fff none repeat scroll 0 0;
     border-radius: 50%;
     box-shadow: 3px 6px 6px rgba(0, 0, 0, .1);
     height: 36px;
     line-height: 36px;
     margin-right: 12px;
     text-align: center;
     width: 36px
}

.result_bottom .share_btn span {
     display: inline-block;
     position: relative;
     top: 2px
}

.common_form .form-group .form-field {
     position: relative
}

.input_icon {
     pointer-events: none;
     position: absolute;
     right: 10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%)
}

.form-control {
     border-radius: 5px
}

@media (min-width:1500px) {
     .homepage-banner .banner-image img {
          max-width: 70%
     }
}

@media (max-width:1599px) {
     .about_row {
          padding-left: 60px
     }

     .homepage_about .info_img {
          left: -120px
     }

     .about_box {
          padding: 30px 15px
     }

     .about_row {
          position: relative;
          max-width: 1000px;
          margin: 0 auto
     }

     .about_box p {
          font-size: 14px;
          line-height: 22px
     }

     .homepage_about .info_img {
          max-width: 170px
     }
}

@media (max-width:1199px) {
     .info_img {
          display: none
     }

     .about_row {
          padding-left: 0
     }

     .main-menu>li {
          padding: 0
     }

     .header_link>li {
          padding-left: 5px
     }

     .homepage-banner::before {
          height: 10%
     }

     .app_info_text h4 {
          font-size: 24px;
          line-height: 32px
     }

     .app_white_section::before {
          height: 50px
     }

     .homepage_app_info::after {
          bottom: 50px
     }

     .application_col h4 {
          font-size: 20px
     }

     .application_col p {
          font-size: 14px
     }
}

@media (max-width:992px) {
     .header_link.desktop_menu {
          display: none;
     }

     .main-menu>li.mobile_menu {
          display: block;
     }

     .header {
          padding: 20px 0
     }

     .header .header-logo,
     .header .header-right,
     .header .header_search,
     .header-row {
          display: inline-block
     }

     .header .container {
          position: relative
     }

     .m-menu {
          background: 0 0;
          border-radius: 0;
          display: inline-block;
          float: right;
          height: 30px;
          padding: 0;
          width: 35px;
          position: relative;
          cursor: pointer;
          margin: 12px 0 8px 15px;
          z-index: 9999
     }

     .m-menu span {
          background: #fff;
          border-radius: 2px;
          display: block;
          height: 3px;
          margin: 0 0 7px
     }

     .m-menu,
     .m-menu span {
          transition: all .5s ease-in-out 0s
     }

     .m-menu span:nth-child(2) {
          opacity: 1
     }

     .m-menu.open span:nth-child(2) {
          opacity: 0
     }

     .m-menu span:last-child {
          transform: translate(0, 0) rotate(0);
          -webkit-transform: translate(0, 0) rotate(0);
          -moz-transform: translate(0, 0) rotate(0)
     }

     .m-menu span:first-child {
          transform: translate(0, 0) rotate(0);
          -webkit-transform: translate(0, 0) rotate(0);
          -moz-transform: translate(0, 0) rotate(0)
     }

     .m-menu.open span:last-child {
          transform: translate(0, -11px) rotate(-45deg);
          -webkit-transform: translate(0, -11px) rotate(-45deg);
          -moz-transform: translate(0, -11px) rotate(-45deg)
     }

     .m-menu.open span:first-child {
          transform: translate(0, 9px) rotate(45deg);
          -webkit-transform: translate(0, 9px) rotate(45deg);
          -moz-transform: translate(0, 9px) rotate(45deg)
     }

     .main-menu {
          text-align: left;
          padding: 0;
          display: none;
          background: #5499e4;
          width: 100%;
          position: absolute;
          left: 0;
          top: 100%;
          z-index: 9995;
          margin-top: 20px
     }

     .main-menu>li {
          display: block
     }

     .main-menu>li>a {
          display: inline-block;
          font-size: 16px;
          line-height: 26px;
          padding: 15px 10px;
          border-radius: 0;
          text-align: center;
          width: 100%
     }

     .main-menu>.demo_test a,
     .main-menu>li>a:hover {
          box-shadow: none;
          border-radius: 0
     }

     .main-menu>.demo_test::before,
     .main-menu>li>a::before {
          display: none
     }

     .main-menu>li .submenu,
     .main-menu>li .submenu .submenu {
          opacity: 1;
          display: none;
          pointer-events: auto;
          position: relative;
          left: 0;
          top: 0;
          visibility: visible
     }

     .mobile-arrow {
          height: 30px;
          line-height: 30px;
          position: absolute;
          right: 8px;
          text-align: center;
          top: 1px;
          width: 30px;
          cursor: pointer
     }

     .mobile-arrow::before {
          border-right: 2px solid #fff;
          border-top: 2px solid #fff;
          content: "";
          height: 12px;
          left: 8px;
          margin-top: -8px;
          position: absolute;
          top: 50%;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          transform: rotate(135deg);
          width: 12px
     }

     .mobile-arrow.up::before {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          transform: rotate(-45deg)
     }

     .mobile-arrow.up::before {
          margin-top: -3px
     }

     .homepage-banner h2 {
          font-size: 24px;
          line-height: 32px
     }

     .homepage-banner .banner-box {
          padding-top: 0
     }

     .banner_btn ul li a img {
          max-width: 120px
     }

     .homepage_app_info {
          padding: 50px 0
     }

     .app_white_section::before {
          height: 0
     }

     .app_info_left {
          float: left;
          width: 100%
     }

     .app_info_text {
          padding-top: 30px;
          display: inline-block;
          width: 100%
     }

     .homepage_app_info::after {
          bottom: 0
     }

     .about_row .about_box {
          padding: 30px 15px
     }

     .about_info img {
          max-width: 50px
     }

     .about_box h4 {
          font-size: 18px
     }

     .about_box p {
          font-size: 14px;
          line-height: 24px
     }

     .title_head h2 {
          font-size: 24px;
          line-height: 32px
     }

     .homepage_pricing img {
          display: block;
          margin: 0 auto 30px
     }

     .newletter_row .newsletter_img {
          float: none;
          text-align: center
     }

     .f-logo {
          margin: 0 0 20px
     }

     .f-logo img {
          max-width: 90px
     }

     .main-footer {
          padding: 30px 0
     }

     .application_info {
          padding-top: 30px
     }

     .homepage_newsletter {
          padding: 50px 0
     }
}

@media (min-width:768px) and (max-width:1023px) {
     .modal.fade .modal-dialog {
          -webkit-transform: translate(0, -25%);
          -moz-transform: translate(0, -25%);
          transform: translate(0, -25%)
     }
}

@media (min-width:768px) {
     .homepage-banner .banner-image {
          float: right
     }
}

@media (max-width:767px) {
     .homepage-banner .banner-left-text {
          width: 100%;
          float: none
     }

     .homepage-banner .banner-image {
          width: 100%;
          float: none
     }

     .homepage-banner::before {
          height: 30px
     }

     .homepage-banner .banner-image img {
          max-width: 100%
     }

     .homepage-banner {
          padding: 140px 15px 30px
     }

     .homepage-banner .banner-box {
          padding: 30px 0 0
     }

     .homepage-education .nav-tabs>li a {
          padding: 0 10px 15px
     }

     .education_info_section .education_image {
          padding-right: 0;
          width: 100%
     }

     .education_info_section .education_content {
          padding-left: 0;
          width: 100%
     }

     .education_info_section {
          padding-bottom: 0
     }

     .app_box {
          display: inline-block;
          width: 100%
     }

     .app_box .screen_img {
          display: inline-block;
          padding-right: 0;
          width: 100%
     }

     .app_box .app_screen_info {
          display: inline-block;
          padding: 30px 0 0;
          width: 100%
     }

     .about_row .about_box {
          margin: 15px 0
     }

     .homepage_about {
          padding: 30px 0
     }

     .title_head {
          margin: 0 auto 25px
     }

     .pricing_box .pricing_text {
          height: 150px
     }

     .footer_menu_row .footer_menu_col {
          width: 100%;
          margin: 0 0 25px
     }

     .footer_menu_row .footer_menu_col h4 {
          margin-bottom: 0
     }

     .footer_menu_row .footer_menu_col ul {
          width: 100%
     }

     .main-footer {
          padding: 30px 0 0
     }

     .footer-bootm-right {
          text-align: center
     }

     .footer-bottom ul {
          display: inline-block;
          padding: 0 0 10px;
          text-align: center;
          width: 100%
     }

     .white_box {
          display: inline-block;
          width: 100%
     }

     .signup_form_wrap .left_from,
     .signup_form_wrap .right_form {
          display: inline-block;
          width: 100%
     }

     .login_wrapper .left_from {
          position: static;
          padding-top: 30px;
          border-radius: 0
     }

     .test_wrapper .right_form .go_btn {
          right: 10px
     }

     .signup_form_wrap {
          padding: 30px 20px
     }

     .application_info {
          padding-bottom: 30px
     }

     .title_head h2 br {
          display: none
     }

     .ot-content .qua_ans {
          padding: 0
     }

     .result_list_opt li {
          width: 48%
     }
}

@media (max-width:539px) {
     .offer_list li {
          width: 100%;
          display: inline-block;
          padding: 5px 10px
     }

     .common_form .form-group .form-field,
     .common_form .form-group .form-label {
          width: 100%;
          padding-right: 0
     }

     .form_button_block {
          padding: 0
     }

     .test_wrapper .right_form .go_btn {
          display: block;
          margin: 30px auto 0;
          position: static;
          right: 10px
     }

     .form_note {
          padding-left: 0
     }
}

@media (max-width:479px) {
     .newletter_row .newsletter_img img {
          max-width: 100%
     }

     .offer_list li {
          width: 100%;
          display: inline-block;
          padding: 5px 10px
     }

     .title_head h2 {
          font-size: 20px;
          line-height: 28px
     }

     .get_form .form_box .email_input {
          height: 50px;
          padding-right: 100px
     }

     .get_form .form_box .get_submit {
          font-size: 14px;
          height: 50px;
          padding: 0 10px
     }

     .result_list_opt li {
          width: 100%
     }

     .result_bottom {
          padding: 0 10px
     }

     .result_content {
          padding: 0 10px 30px
     }

     .test_profile {
          margin-top: 30px;
          top: 0
     }
}

@media (max-width:359px) {
     .qua_ans .ans {
          min-width: 180px
     }

     .result_bottom .share_btn {
          font-size: 13px
     }
}