@import url('../fonts/HeliosCond/fonts.css');
@import url('../fonts/HeliosCond-Bold/fonts.css');
@import url('../fonts/Luga/fonts.css');
@import url('../fonts/MinionPro-Regular/fonts.css');

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

/* common_style BEGINNING */
html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'HeliosCond';
    height: 100%;
    margin: 0;
    padding: 0;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /*margin: 85px 0 -248px 0;*/
    margin: 0px 0 -248px 0;
    min-width: 320px;
}

.site_btn {
    text-transform: uppercase;
    color: #fff;
    background-color: #bf504f;
    text-decoration: none;
    font-family: 'HeliosCond-Bold';

}

.site_btn:hover {
    color: #fff;
    text-decoration: none;
}

.site_btn:focus {
    color: #fff;
    text-decoration: none;
}

.site_btn:visited {
    color: #fff;
    text-decoration: none;
}
/* common_style END */

#coming_soon{
    padding-top: 80px;
    font-size: 18px;
}

/* page BEGINNING */

#page_block{
    margin-top: 100px;
    margin-bottom: 40px;
}

#page_block .headline{
    margin-bottom: 40px;
    font-size: 26px;
}

#page_block #page_text_body{
    font-size: 20px !important;
}

/* page END */


/* header BEGINNING */
#logo {
    background-image: url('../img/logo.png');
    background-size: 149px 69px;
    display: block;
    width: 149px;
    height: 69px;
}

.main_bg .container {
    position: relative;
    height: 100%;
}

#navbar {
    background-color: #47555e;
    min-width: 320px;
}

.main_bg #navbar {
    background-color: transparent;
}

#navbar a {
    color: #fff;
}

#navbar a:hover {
    color: #fff;
    text-decoration: underline;
}

#navbar a:focus {
    color: #fff;
    text-decoration: underline;
}

#navbar #sign_in {
    color: #fff;
}

#navbar a:visited {
    color: #fff;
}

.navbar-nav {
    margin-top: 10px;
}

#navbar #ask_question_li {
    margin-top: 4px;
}

#navbar #ask_question_li a:hover,
#navbar #ask_question_li a:focus,
#navbar #ask_question_li a:visited {
    text-decoration: none;
}

#navbar #ask_question_li a {
    border: 1px solid #fff;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
}

#navbar #papashop_menu_link a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 2px solid #f6b640;
    border-radius: 5px;
    color: #f6b640;
    text-transform: uppercase;
}

#navbar #papashop_menu_link a:hover,
#navbar #papashop_menu_link a:visited,
#navbar #papashop_menu_link a:focus {
    text-decoration: none;
}

#navbar #papashop_menu_link a span {
    font-weight: bold;
}

#papashop_menu_link {
    margin-top: 15px;
}

#sign_in {
    margin-top: 10px;
}


#sign_in a i {
    margin-right: 5px;

}

#sign_in p {
    color: rgba(255, 255, 255, 1);
}

#sign_in span {
    color: rgba(255, 255, 255, 1);
    max-width: 100px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

#age_logo_desktop {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url('../img/age_logo.png');
}

#age_logo_mobile {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url('../img/age_logo.png');
}

#points_icon {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

#points_icon div {
    display: block;
    width: 29px;
    height: 20px;
    background-image: url('../img/points_icon.png');
    background-repeat: no-repeat;
}

#user_points{
    background-color: #bf504f;
    color: #fff;
    padding: 4px;
    border-radius: 7px;
    font-size: 12px;
}
/* header END */






/* main_page BEGINNING */
.red_white_block_item {
    margin-top: 10px;
}

.red_white_block_item div {
    display: block;
    padding-top: 30px;
}


.red_white_block_item div span {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block;
}

.red_white_block_item div p {
    padding-top: 10px;
    color: #000;
    text-align: center;
    color: #000;
}

#wish_icon span {
    background-image: url('../img/wish_icon.png');
}

#think_icon span {
    background-image: url('../img/think_icon.png');
}

#dream_icon span {
    background-image: url('../img/dream_icon.png');
}

#logo_icon span {
    background-image: url('../img/logo_icon.png');
    background-repeat: no-repeat;
}

#logo_icon p {
    font-weight: bold;
}

.category_block .headline {
    color: #212529 !important;
}

.main_page_category_block {
    background-image: url('../img/category_block_bg.jpg');
    padding-top: 20px;
    padding-bottom: 20px;

}

.main_page_category_block .headline {
    color: #fff;
}

.category_item {
    max-width: 320px;
    width: 100%;
    height: 220px;
    display: block;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 30px;
    border-width: 3px;
    border-style: solid;
    background-repeat: no-repeat;
}

.category_item_is_recommended{
    border: 3px solid #db4f4e;
}

.category_item hr {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

#category_block .inner_category_block{
    margin-bottom: 20px;
}

#category_block .inner_category_block a,
#category_block .inner_category_block a:hover,
#category_block .inner_category_block a:focus,
#category_block .inner_category_block a:visited {
    text-decoration: none;
    color: #fff;
}

#category_block div {
    color: #fff;
}

#category_block ul {
    list-style: none;
    font-size: 16px
}

#category_block ul li {
    margin-bottom: 10px;
    line-height: 1.2;
}

.category_item h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px;
}

.headline {
    text-align: center;
    font-family: 'Luga';
}

#matirial_format_block {
    padding-top: 40px;
}

#matirial_format_block .headline {
    margin-bottom: 30px;
}

.matirial_format_item h3 {
    color: #bf504f;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
}

.matirial_format_item p {
    color: #787878;
    text-align: center;
}

.matirial_format_item .matirial_format_item_icon{
    width: 168px;
    height: 126px;
    margin: 0 auto;
}

.matirial_format_item h3 {
    font-family: 'HeliosCond-Bold';
}

#fm_video .matirial_format_item_icon {
    background-image: url('../img/fm_video.jpg');
}

#fm_article .matirial_format_item_icon {
    background-image: url('../img/fm_article.jpg');
}

#fm_test .matirial_format_item_icon {
    background-image: url('../img/fm_test.jpg');
}

#fm_instruction .matirial_format_item_icon {
    background-image: url('../img/fm_instruction.jpg');
}

#dont_put_off {
    text-align: center;
    padding-bottom: 20px;
}

#dont_put_off a {
    color: #df595e;
    font-family: 'HeliosCond-Bold';
    font-size: 22px;
}

#category_block .headline {
    margin-bottom: 15px;
}

#school_banner_block {
    margin-top: 15px;
    background-color: #dcdcdc;
}

#school_banner {
    padding-left: 0px;
    padding-right: 0px;
    background-size: auto 100%;
    height: 152px;
    background-position: center;
    background-repeat: no-repeat;
}

@media(min-width: 1200px){
    #school_banner {
        background-image: url('../img/school_banner.jpg');
    }
}

@media(max-width: 1199.98px) and (min-width: 900px){
    #school_banner {
        background-image: url('../img/school_banner_small.jpg');
    }
}

@media(max-width: 899.98px){
    #school_banner_block {
        display: none;
    }
}


.structure_item div {
    width: 71px;
    height: 71px;
    margin: 0 auto;
    background-repeat: no-repeat;
}

#structure_block {
    border: 5px #dddddd solid;
    margin-top: 30px;
    margin-bottom: 30px;
}

#structure_block .headline {
    margin-top: 10px;
}

.structure_item p {
    text-align: center;
    font-family: 'HeliosCond-Bold';
}

#about-school {
    padding-top: 92px;
    margin-top: -92px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

#structure_item_1 div {
    background-image: url('../img/structure_1.png');
}

#structure_item_2 div {
    background-image: url('../img/structure_2.png');
}

#structure_item_3 div {
    background-image: url('../img/structure_3.png');
}

#structure_item_4 div {
    background-image: url('../img/structure_4.png');
}

#structure_item_5 div {
    background-image: url('../img/structure_5.png');
}

.tooltip {
    opacity: 1 !important;
}

.tooltip .tooltip-inner {
    background-color: #000;
    color: #fff;
    text-align: left;

}

.tooltip .arrow:before {
    border-top-color: #000;
    border-bottom-color: #000;
}

#our_expert_block {
    background-image: url('../img/expert_block_bg.png');
    background-repeat: repeat-x;
    /*height: 330px;*/
    background-color: #dcdcdc;
}

#oe_carousel {
    overflow: hidden;
    position: relative;
    z-index: 9;
}

#oe_carousel > #left_arrow,
#oe_carousel > #right_arrow {
    display: block;
    width: 66px;
    height: 65px;
    position: absolute;
    top: 50px;
    cursor: pointer;
    opacity: .6;
}

#oe_carousel > #left_arrow {
    background-image: url('../img/arrow_left.png');
    left: 0px;
}

#oe_carousel > #right_arrow {
    background-image: url('../img/arrow_right.png');
    right: 0px;
}

#oe_carousel > #left_arrow:hover {
    opacity: 1;
}

#oe_carousel > #right_arrow:hover {
    opacity: 1;
}


#our_expert_block ul {

}

#our_expert_block ul li {
    float: left;
    list-style: none;
    width: 160px;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 20px;
}

#our_expert_block ul li:first-of-type {
    margin-left: 0px;
}

#our_expert_block ul li:last-of-type {
    margin-right: 0px;
}

#our_expert_block ul li img {
    border: 4px solid #fff;
    width: 160px;
}

#our_expert_block h2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.our_expert_item div {
    width: 160px;
}

.our_expert_item p {
    padding-top: 5px;
    margin-bottom: 0px;
}

.our_expert_item p:first-of-type {
    font-family: 'HeliosCond-Bold';
    position: relative;
    display: table-caption;
    position: relative;
}

.our_expert_item p:first-of-type:before{
    content: "I";
    display: block;
    position: absolute;
    left: 0px;
    color: #dc595d;
}

.our_expert_item p {
    padding-left: 8px;
}
/* main_page END */



/* footer END */
#footer_push {
    height: 248px;
    margin: 0;
    padding: 0;
}

#footer {
    background-color: #47555e;
    margin-top: 10px;
    min-width: 320px;
}

#footer_logo_block {
    background-image: url('../img/footer_logo_line.jpg');
    background-repeat: repeat-x;
    background-position: center 68px;
    height: 123px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer_logo_ground {
    background-color: #47555e;
    width: 219px;
    height: 83px;
    margin: 0 auto;
}

#footer_logo {
    background-image: url('../img/logo.png');
    display: block;
    margin: 0 auto;
    width: 179px;
    height: 83px;
    background-repeat: no-repeat;
    background-size: 179px 83px;
}

#footer_menu {
    list-style: none;
    float: left;
    margin-bottom: 20px;
}

#footer_menu li {
    padding-left: 10px;
    padding-right: 10px;
}

#footer_menu li:last-of-type {
    border-right: none;
}

#footer_menu li a {
    color: #fff;
    font-size: 14px;
}

#logo_fpg {
    float: right;
    margin-bottom: 20px;
}

#footer_menu_block {
    border-bottom: 1px #fff solid;
}

#logo_vd {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

#logo_vd,
#logo_vd:hover,
#logo_vd:focus,
#logo_vd:visited {
    color: #fff;
    text-decoration: none;
}

#logo_vd img {
    margin-right: 10px;
}

#cookie_notice{
    background-color: #bf504f;
    text-align: center;
    padding: 20px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2000;
    display: none;
}

#cookie_notice p{
    color: #fff;
    text-align: center;
}

#cookie_notice_btn{
    border: 2px solid #fff;
}
/* footer END */



/* signup.html BEGINNING */
.site_form input {
    border: 0px;
    border-bottom: 1px solid #989898;
    border-radius: 0px;
}

.site_form input:focus {
    border: 0px;
    box-shadow: none;
    border-bottom: 2px solid #bf504f;

}

.site_form .form-control{
    color: #000;
}

.site_form .select2-container--default .select2-selection--single {
    border: 0px;
    border-radius: 0px;
}

/* .site_form .select2-container--default .select2-selection--single:focus{
	border: 0px;
    box-shadow: none;
    border-bottom: 2px solid #bf504f;
} */

.site_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    border-bottom: 1px solid #989898;
}

.site_form .select2-container--focus .select2-selection--single .select2-selection__rendered {
    color: #bf504f;
    border: 0px;
    box-shadow: none;
    border-bottom: 1px solid #bf504f;
}

.site_form .select2-container--open .select2-selection--single .select2-selection__rendered {
    color: #bf504f;
    border: 0px;
    box-shadow: none;
    border-bottom: 1px solid #bf504f;
}

.site_form .select2-container {
    margin-top: 2px !important;
    width: 100% !important;
}

.site_form .select2-selection__rendered {
    padding-left: 40px !important;
}

.site_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.site_form .select2-selection--single .select2-selection__arrow {
    left: 1px;
    width: 21px;
    height: 26px;
    background-image: url('../img/signup_arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    right: initial;
}

.site_form .select2-container--open .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #bf504f;
}

.site_form .select2-container--focus .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #bf504f;
}

.site_form input::-webkit-input-placeholder { /* Chrome */
    color: #989898;
}

.site_form input:focus::-webkit-input-placeholder {
    color: #bf504f;
}

.site_form input:-ms-input-placeholder { /* IE 10+ */
    color: #989898;
}

.site_form input:focus:-ms-input-placeholder {
    color: #bf504f;
}

.site_form input::-moz-placeholder { /* Firefox 19+ */
    color: #989898;
}

.site_form input:focus::-moz-placeholder {
    color: #bf504f;
}

.site_form input:-moz-placeholder { /* Firefox 4 - 18 */
    color: #989898;
}

.site_form input:focus:-moz-placeholder {
    color: #bf504f;
}

.site_form .site_btn {
    margin-top: 40px;
    margin-bottom: 25px;
}

.site_form .skip_btn{
    margin-top: 0px;
    background-color: #9E9E9E;
}

.site_form hr {
    border-top: 1px solid #989898;
    margin-top: 10px;
}

.site_form .label {
    color: #989898;
    margin-bottom: 0px;
    margin-left: 10px;
}

.site_form .form-check-label {
    color: #989898;
}

.site_form .errorlist{
    list-style: none;
    color: #db3030;
    text-align: left;
}

#have_account {
    color: #989898;
    font-size: 18px;
    margin-bottom: 25px;
}

#have_account a {
    color: #03a9ec;
}

#have_account a:visited {
    color: #03a9ec;
}

.signup_left {
    margin-top: 50px;
    margin-bottom: 50px;
}

.signup_right {
    margin-top: 50px;
}

.signup_right_inner {
    padding-left: 40px;
}

.signup_left ul {
    list-style: none;
    padding-left: 100px;
}

.signup_left ul li p {
    font-family: 'HeliosCond-Bold';
    font-size: 18px;
    margin-bottom: 5px;
    position: relative;
    padding-top: 25px;
}

.signup_left ul li div {
    font-size: 13px;
    line-height: 25px;
    min-height: 70px;
}

.signup_left ul li p:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 71px;
    height: 110px;
    position: absolute;
    top: 0px;
    left: -95px;
}

#signup_left_item_1 p:before {
    background-image: url('../img/signup_icon_1.png');
}

#signup_left_item_2 p:before {
    background-image: url('../img/signup_icon_2.png');
}

#signup_left_item_3 p:before {
    background-image: url('../img/signup_icon_3.png');
}

.signup_left .active p:before {
    background-position: -71px 0px;
}

.signup_left div span {
    display: none;
}

.signup_left ul li p {
    color: #989898;
}

.signup_left ul li {
    margin-bottom: 75px;
}

.signup_left .active {
    margin-bottom: 0;
}

.signup_left .active p {
    color: #000;
}

.signup_left .active div span {
    display: block;
}

.signup_headline {
    text-align: center;
    font-family: 'Luga';
    text-transform: uppercase;
    font-size: 30px;
}

.signup_right .site_radio_block {
    margin-left: 15px;
    margin-bottom: 10px;
}
/* signup.html END */





/* стилизация checkbox BEGINNING */
.site_checkbox_block {
    position: relative;
    padding-left: 35px;
}

.site_checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 10px 0 0 20px;
}
.site_checkbox + label {
	position: relative;
	padding: 0 0 0 60px;
	cursor: pointer;
}
.site_checkbox + label:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 25px;
	height: 25px;
	border-radius: 8px;
	border: 2px solid #bf504f;

}
.site_checkbox + label:after {
    content: '';
	position: absolute;
	top: 3px;
	left: 6px;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #bf504f;
    opacity: 0;
}
.site_checkbox:checked + label:after {
	opacity: 1;
}

.site_checkbox:focus + label {
	color: #bf504f;
}
/* стилизация checkbox END */




/* стилизация radio BEGINNING */
.site_radio {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 10px 0 0 7px;
}
.site_radio + label {
	position: relative;
	padding: 0 0 0 35px;
	cursor: pointer;
}
.site_radio + label:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 25px;
	height: 25px;
	border: 2px solid #989898;
	border-radius: 8px;
	background: #fff;
}
.site_radio + label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #bf504f;
    opacity: 0;
}
.site_radio:checked + label:after {
	opacity: 1;
}

.site_radio:focus + label{
    color: #bf504f;
}

.signup_right .children_quantity_row .label{
    margin-bottom: 10px;
}
/* стилизация radio END */



/* test.html BEGINNING */
#finish_testing{
    /*margin-top: 50px;*/
}

#finish_testing_result_icon{
    display: block;
    margin: 0px auto;
    margin-top: 35px
}

#testing_result_finish_bottom_link_block{
    margin-bottom: 40px;
    text-align: center;
}

#testing_result_finish_bottom_link_block .site_btn{
    margin-left: 15px;
    margin-right: 15px;
}

#testing_result_finish_bottom_link_block .site_btn:first-child{
    margin-left: 0px;
}

#testing_result_finish_bottom_link_block .site_btn:last-child{
    margin-right: 0px;
}

#finish_testing .quote_label{
    margin-left: 0px;
    text-transform: uppercase;
}



.quote_label {
    color: #df595e;
    font-family: 'HeliosCond-Bold';
    font-size: 22px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 30px;
}

.red_headline {
    color: #df595e;
    text-transform: uppercase;
    text-align: center;
    font-family: 'HeliosCond-Bold';
    font-size: 18px;
}

.entrance_finish_testing_background {
    background-color: #eaeaea;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.entrance_finish_testing_text{
    margin-bottom: 30px;
}

.entrance_finish_testing_text entrance_finish_testing_text_bold{
    font-family: 'HeliosCond-Bold';
}

.entrance_finish_testing_text .entrance_finish_testing_text_points{
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #df595e;
    color: #fff;
    display: inline-block;
}





.entrance_finish_testing_text p{
    font-family: 'HeliosCond';
    margin-bottom: 0px;
    text-align: center;
}

.entrance_finish_testing_text_papashop{
    color: #fff;
    padding: 2px 8px;
    background: rgb(249,187,64);
    background: linear-gradient(170deg, rgba(249,187,64,1) 0%, rgba(191,80,79,1) 100%);
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    border: 2px solid #e89e03;
}

.entrance_finish_testing_text_papashop:hover,
.entrance_finish_testing_text_papashop:focus,
.entrance_finish_testing_text_papashop:visited{
    color: #fff;
    text-decoration: none;
}

.entrance_finish_testing_text_papashop span{
    font-family: 'HeliosCond-Bold';
}

.test_right_inner {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
}

.test_question {
    font-family: 'HeliosCond-Bold';
    font-size: 20px;
}

.entrance_finish_testing .site_radio_block label {
    margin-bottom: 20px;
    color: #000;
}

#entrance_testing .quote_label{
    margin-right: 30px;
}

#entrance_testing .test_right_inner{
    padding-left: 0px;
    padding-right: 0px;
}

.entrance_finish_testing {
    margin-bottom: 30px;
}

#test_pagination {
    text-align: center;
    padding-bottom: 30px;
    margin: 0 auto;
    display: table;
}

/*#test_pagination #current_page {
    border-radius: 3px;
    background-color: #d5d5d5;
    padding: 5px;
    position: relative;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}*/

#test_pagination div {
    display: inline-block;
    vertical-align: middle;
}

#test_pagination i {
    color: #d5d5d5;
    font-size: 30px;
    vertical-align: middle;
}

#test_pagination .quantity_page {
    margin-left: 5px;
    vertical-align: middle;
}

.test_right_result {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (min-width: 992px){
    .test_right_result {
        border-left: 1px solid #989898;
    }
}

.test_right_result img{
    display: block;
    margin: 0 auto;
    margin-top: 50px;
}

.test_right_result .quote_label {
    margin-left: 0px;
    font-size: 28px;
    text-transform: uppercase;
}

.test_right_your_result {
    text-align: center;
    font-size: 23px;
    font-family: 'HeliosCond-Bold';
    margin-bottom: 0px;
}

#test_right_result_answers {
    text-align: center;
    font-size: 40px;
    font-family: 'HeliosCond-Bold';
    color: #df595e;
    margin-bottom: 0px;
    line-height: 40px;
}

.gradient_btn{
    background: rgb(249,187,64);
    background: linear-gradient(170deg, rgba(249,187,64,1) 0%, rgba(191,80,79,1) 100%);
}

.test_right_result_you_get_points_block{
    background-image: url("../img/test_result_line.jpg");
    background-repeat: repeat-x;
    background-position-y: center;
    text-align: center;
    margin-bottom: 30px;
}

.test_right_result_you_get_points{
    text-align: center;
    font-size: 23px;
    font-family: 'HeliosCond-Bold';
    display: inline-block;
    background-color: #fff;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.test_right_result_you_get_points span {
    color: #fff;
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #df595e;
    border-radius: 18px;

}

.testing_right_result_text {
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.testing_right_result_text p{
    margin-bottom: 0px;
}

.test_submit_btn{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.grey_block{
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e8e8e8;
    border-radius: 15px;
}

@media(min-width: 468px){
    .grey_block{
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media(max-width: 469px){
    .grey_block{
        width: 100%;
    }

}

#result_block{
    text-align: center;
    margin-top: 20px;
}

/*#test_submit_btn{
    display: none;
}*/

#test_pagination_right_arrow{
    cursor: pointer;
}

#test_pagination_left_arrow{
    cursor: pointer;
}

#recommended_categories {
    margin-left: 30px;
    margin-right: 30px;
    border-bottom: 1px solid #989898;
    margin-bottom: 30px;
}

#recommended_categories_inner {
    padding-left: 0px;
    padding-right: 0px;
}

#recommended_categories h6 {
    font-size: 18px;
    padding-left: 15px;
}

.recommended_category_block .recommended_category_item {
    width: 100%;
    padding-top: 58%;
    text-align: center;
    background-repeat: no-repeat;
    border: 3px solid #df595e;
    position: relative;
    background-size: cover;
}


.recommended_category_block .recommended_category_item h5{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
}

.recommended_category_block{
    padding-bottom: 30px;
}

.recommended_category_block a,
.recommended_category_block a:hover,
.recommended_category_block a:focus,
.recommended_category_block a:visited {
    color: #fff;
    text-decoration: none;
}

#test_result_start_learning_block{
    text-align: center;
    margin-top: 20px;
}

#finish_testing .entrance_finish_testing_background{
    margin-top: 40px;
}

@media(min-width: 992px){
   #finish_testing .entrance_finish_testing_background{
       padding-left: 130px;
        padding-right: 130px;
   }
}

@media(max-width: 992.98px) and (min-width: 786px){
    #finish_testing .entrance_finish_testing_background {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media(max-width: 785.98px){
    #finish_testing .entrance_finish_testing_background {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.entrance_finish_testing .site_radio_block{
    padding-left: 0px;
}

/* test.html END */



/* feedback page BEGININNG */
.feedback_left{
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

#feedback_form_bg{
    background-color: #ececec;
    position: relative;
    padding-left: 40px;
    margin-left: 5px;
    background-image: url('../img/feedback_post_ornament.png');
    background-repeat: repeat-x;
    margin-bottom: 25px;
}

#feedback_form_bg:after{
    content: "";
    display: block;
    background-color: #a1a1a1;
    top: 0px;
    bottom: 0px;
    width: 1px;
    left: -5px;
    position: absolute;
}

.feedback_headline{
    text-align: center;
    font-family: 'Luga';
    text-transform: uppercase;
    font-size: 30px;
    padding-top: 50px;
    padding-bottom: 20px;
}

#feedback_form_bg input{
    background-color: #ececec;
    padding-left: 0px;
}

#feedback_form_bg label{
    color: #a39d9e;
}

#feedback_form_bg textarea{
    border-color: #a1a1a1;
    border-width: 2px;
    border-radius: 10px;
}

.feedback_message{
    padding-right: 20px;
}

.form-control:focus{
    box-shadow: none;

}

#feedback_form_bg textarea:focus{
    border-color: #bf504f;
}

#feedback_email_link a{
    display: block;
    padding-left: 65px;
    background-image: url('../img/feedback_email_icon.png');
    background-repeat: no-repeat;
    height: 25px;
    color: #212529;
    float: right;

}

#feedback_email_link a:after{
    display: block;
    content: "";
    clear: both;
}

#feedback_email_link a:hover,
#feedback_email_link a:focus,
#feedback_email_link a:visited{
    color: #212529;
}



.feedback_right .site_checkbox_block{
    height: 45px;
}

@media(min-width: 768px){
    #feedback_email_link a{
        position: absolute;
        right: 0px;
        bottom: 85px;
    }
}

.feedback_email_link_not_absolute a{
    position: initial !important;

}
/* feedback page END */

/* testing BEGINNING */
.testing_col{
    padding-right: 0px;
    padding-left: 0px;
}

.entrance_finish_testing .site_radio + label:before{
    border: 2px solid #bf504f;
    background: #eaeaea;
}
/* testing END */

/* article and instruction BEGINNING  */
.post_headline_container{
    padding-bottom: 25px;
}

.post_headline_container .headline{
    font-family: 'HeliosCond-Bold';
}

#post_text_body{
    margin-top: 30px;
    text-align: justify;
}

#post_text_body ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}
#post_text_body ol li {
    counter-increment: my-awesome-counter;
}
#post_text_body ol li:before {
    content: counter(my-awesome-counter) ". ";
    font-family: 'HeliosCond';
    font-size: 20px;
}

@media (min-width: 576px){
    #post_text_body{
        padding-left: 60px;
        padding-right: 60px;
    }
}

#post_text_body em{
    font-style: italic;
}

#post_text_body div{
    font-style: italic;
    margin-bottom: 30px;

}

#post_text_body div span{
    font-size: 26px !important;
}

#post_text_body hr{
    border-width: 1px;
    border-color: #7b6494;
}

#post_text_body ul li{
    margin-left: 20px;
}

#post_text_body ol{
    counter-reset: num; /* Задаём имя счетчика */

}

#post_text_body ol li{
    margin-left: 20px;
    position: relative;
    margin-bottom: 20px;
}

#under_post_hr hr{
    border-top: 1px #9d999b solid;
    margin-top: 5px;
}

#post_text_body #post_image{
    text-align: center;
}

#post_image img{
    width: 100%;
    display: block;
    border: 2px solid #dedede;
}

#post_text_body span{
    font-size: 20px !important;
}

#post_text_body blockquote{
    border-top: 1px solid #7b6494;
    padding-top: 5px;
    padding-right: 10px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    font-style: italic;
}

#post_text_body blockquote:after{
    content: "\201D";
    display: block;
    position: absolute;
    right: 0px;
    top: 22px;
    font-size: 35px;
    line-height: 0;
    color: #7b6494;
}

#post_text_body blockquote span{
    color: #7b6494;

}

#post_author{
    font-size: 16px;
    text-align: right;
    font-style: italic;
}

.article_body#post_text_body h2{
    margin-top: 30px;
    margin-bottom: 20px;
}

.article_body#post_text_body h2 span{
    font-size: 24px !important;
}

.instruction_body#post_text_body h2{
    margin-top: 30px;
    margin-bottom: 20px;
}

.instruction_body#post_text_body h2 > span{
    color: #fff;
    background-color: #7b6494;
    padding: 5px 10px;
    font-size: 24px !important;
    display: inline-block;
}
/* article and instruction END  */


/* infographic BEGINNING  */
.infographic_col a{
    display: block;
    margin-bottom: 30px;
}

.infographic_col a img{
    display: block;
    max-width: 100%;
    margin: 0px auto;
}
/* infographic END  */




/* category_page BEGINNING */
#category_page_banner {
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

#category_page_banner .headline {
    color: #fff;
}

#category_page_banner .headline a,
#category_page_banner .headline a:hover,
#category_page_banner .headline a:focus,
#category_page_banner .headline a:visited {
    color: #fff;
}

#category_page_banner_inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#category_page_filter_line li a div {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin: 0 auto;
}

@media (max-width: 479.98px){
    #category_page_filter_line li a div{
        display: none;
    }
}

#category_page_filter_line {
    text-align: center;
}

#category_page_filter_line li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
}

#category_page_filter_line li a:hover,
#category_page_filter_line li a:focus,
#category_page_filter_line li a:visited {
    text-decoration: none;
}

#category_page_filter_line li a div span {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}


#category_page_filter_line li a p {
    color: #fff;
    text-align: center;
    text-transform: lowercase;
}

#item_block {
    padding-right: 0px;
    padding-left: 0px;
}

#item_block ul li {
    list-style: none;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 30px;
}

#item_block ul li > a{
    display: inline-block;
    position: relative;
}

#item_block ul li > a:before{
    display: none;
    content: "";
    background-image: url('../img/check.png');
    background-position: top right;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 5px;
}

#item_block ul li > a.check:before{
    display: block;
}

#item_block ul li a:hover,
#item_block ul li a:focus,
#item_block ul li a:visited {
    text-decoration: none;
}

#item_block ul li p {
    font-family: 'HeliosCond-Bold';
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

#item_block ul li img{
    width: 100%;
}

#item_block ul li p span {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 15px;
    margin-right: 5px;
    vertical-align: text-bottom;
    position: absolute;
    left: 0px;
    /* top: 0px; */
}

#item_block ul li p span i {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

#item_block .tags a{
    margin-right: 3px;
}

#item_block .tags a:last-child{
    margin-right: 0px;
}

.tags {
    margin-left: 40px;
}

.tags a {
    color: #7b7b7b;
    text-decoration: underline;
    white-space: nowrap;
}

.tags a:hover {
    text-decoration: none;
}

.tags a:focus,
.tags a:visited {
    text-decoration: underline;
}


.under_post_tags{
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 0px;
    text-align: center;
}

.under_post_tags a{
    margin-right: 10px;
}

#post_description_container{
    margin-top: 30px;
}

.post_btn_col{
    text-align: center;
}

/* category_page END */



/* item_page BEGINNING */
#item_grey_block {
    background-color: #ececec;
}

.item_page_title {
    color: #746491;
    font-family: 'HeliosCond-Bold';
    font-size: 30px;
    text-align: center;
}

.item_page_bg{
    background-color: #ececec;
}




.item_page_tags {
    text-align: right;
    padding-bottom: 10px;
}

.item_page_tags a {
    color: #7b7b7b;
    text-decoration: underline;
    white-space: nowrap;
}

.item_page_tags ul li .tags a:hover {
    text-decoration: none;
}

.item_page_tags ul li .tags a:focus,
.item_page_tags ul li .tags a:visited {
    text-decoration: underline;
}

#player_block{
    padding-bottom: 10px;
    position: relative;
}

#player{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

@media (max-width: 768px){
    #player_block iframe{
        height: 200px;
    }
}

@media (min-width: 767.98px){
    #player_block iframe{
        height: 500px;
    }
}
/* item_page END */


/* rating area BEGINNING */
.rating_area_block{
    margin-bottom: 10px;
}

.rating_area input:checked ~ label,
.rating_area label,
.rating_area label:hover,
.rating_area label:hover ~ label{
	background: url('../img/rating_star.png') no-repeat;
}

.rating_area label{
	display: block;
}

.rating_area{
	/*fix floating problems*/
	overflow: hidden;
	*zoom: 1;
	/*end of fix floating problems*/

	position: relative;
}

.rating_area input{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	width: 24px;
	height: 21px;
    margin-bottom: 0px;
	position: absolute;
	top: 0;
	z-index: 0;
}

.rating_area input:checked ~ label{
	background-position: 0 -21px;
	height: 21px;
	width: 24px;
}

.rating_area label{
	background-position: 0 0;
	height: 21px;
	width: 24px;
	float: right;
	cursor: pointer;
	margin-right: 10px;
    margin-bottom: 0px;
	z-index: 1;
}

.rating_area label:hover, .rating_area label:hover ~ label{
	background-position: 0 -21px;
	height: 21px;
	width: 24px;
}

.rating_area .rating_star_1{
	left: 0px;
}
.rating_area .rating_star_2{
	left: 53px;
}
.rating_area .rating_star_3{
	left: 106px;
}
.rating_area .rating_star_4{
	left: 159px;
}
.rating_area .rating_star_5{
	left: 212px;
}
#rating,
#share {
    padding-top: 15px;
}

#rating .title,
#share .title {
    font-family: 'HeliosCond-Bold';
    font-size: 16px;
}

.rating_area_block p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    line-height: 25px;
    height: 25px;
}

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

#i_learned_block {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
}

#i_learned {
    padding-left: 100px;
    padding-right: 100px;
    border-radius: 10px;
}

#is_learned{
    color: #fff;
    padding-left: 100px;
    padding-right: 100px;
    border-radius: 10px;
    text-transform: uppercase;
    background-color: #48c640;
    font-family: 'HeliosCond-Bold';
    position: relative;
}

#is_learned i{
    position: absolute;
    left: 15px;
    top: 10px;
}
/* rating area END */




/* breadcrumbs BEGINNING */
#bread_crumbs ul {
    margin-top: 5px;
}

#bread_crumbs ul li {
    display: inline-block;
    list-style: none;
    margin-right: 0px;
}

#bread_crumbs ul li:after {
    content: "\003E";
    margin-left: 5px;
}

#bread_crumbs ul li:last-child:after {
    content: "";
}

#bread_crumbs ul li a {
    color: #000;
}

#bread_crumbs ul li a {
    text-decoration: underline;
}

#bread_crumbs ul li a:hover {
    text-decoration: none;
}

#bread_crumbs ul li a:focus,
#bread_crumbs ul li a:visited {
    text-decoration: underline;
}

#bread_crumbs ul:before {
    content: " ";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('../img/logo_icon.png');
    background-size: 30px 30px;
    vertical-align: middle;
    margin-right: 5px;
}
/* breadcrumbs END */



/* related_post BEGINNING */
.social_network_share_block li {
    display: inline-block;
    margin-right: 10px;
    list-style: none;
}

.social_network_share_block li:last-child {
    margin-right: 0px;
}

.ya-share2__list .ya-share2__icon {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    display: block;
}

.ya-share2__list .ya-share2__title{
    display: none;
}

.ya-share2__item_service_vkontakte .ya-share2__icon{
    background-image: url('../img/vk_icon.png');
}

.ya-share2__item_service_facebook .ya-share2__icon{
    background-image: url('../img/fb_icon.png');
}

.ya-share2__item_service_odnoklassniki .ya-share2__icon{
    background-image: url('../img/ok_icon.png');
}



.related_posts hr {
    border-top: 1px #9d999b solid;
    margin-top: 5px;
}

.related_posts a {
    display: block;
    width: 200px;
    margin: 0px auto;
}

.related_posts a img{
    display: block;
    max-width: 100%;
}

.related_posts p {
    font-family: 'HeliosCond-Bold';
    font-size: 16px;
}
/* related_post END */




/* tag_post BEGINNING */
.tag_post_left {
    padding-bottom: 20px;
}

.tag_post_left img {
    max-width: 100%;
}

.tag_post_right {
    padding-bottom: 20px;
    position: relative;
}

.tag_post_title {
    margin-bottom: 0px;
    font-family: 'HeliosCond-Bold';
}

.tag_post_category_and_type {
    margin-bottom: 0px;

}

.tag_post_category_and_type a:first-child {
    text-decoration: underline;
}

.tag_post_category_and_type a:last-child {
    text-decoration: underline;
}

.tag_post_left a{
    text-align: center;
    display: block;
}

@media (min-width: 768px){
    .tag_post_right div {
        position: absolute;
        left: 0px;
        bottom: 20px;
    }
}

@media (max-width: 767.98px){
    .tag_post_right .tag_post_title{
        text-align: center;
    }
    .tag_post_right .tag_post_category_and_type{
        text-align: center;
    }
}



/* tag_post END */

/* tags_page BEGINNING */
.tag_list_block{
    background-color: #ececec;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.tag_list_item_block p{
    background-image: url('../img/diez_icon.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
    margin-bottom: 25px;
}
.tag_list_item_block hr{
    border-top: 1px solid #969696;
    margin-left: 23px;
}

.tag_list_item_block p a{
    color: #47555e;
    text-transform: lowercase;
    font-family: 'HeliosCond-Bold';
}

.tag_list_item_block p a:hover,
.tag_list_item_block p a:focus,
.tag_list_item_block p a:visited{
    color: #47555e;
}

@media (min-width: 768px){
        .tag_list_col{
        padding-left: 25px;
        border-left: 1px solid #969696;
    }
}

/* tags_page END */

/* account pages BEGINNING */
#accountpage_container{
    background-image: url('../img/main_bg_blank.jpg');
    background-size: cover;
    background-position: center 0px;
    min-height: 100vh;
}

#accountpage_col{
    margin-top: 70px;
    margin-bottom: 50px;
}

#accountpage_block{
    background-color: #fff;
    border-radius: 15px;
    /*margin-left: 50px;*/
    /*margin-right: 50px;*/
}

#accountpage_block .site_btn{
    width: 100%;
    border-radius: 10px;
}

#accountpage_block_title{
    font-family: 'HeliosCond-Bold', serif;
    font-size: 25px;
}

#accountpage_block_header{
    padding: 25px;
    padding-bottom: 0px;
}

#accountpage_block_body{
    padding: 25px;
    padding-top: 16px;
    padding-bottom: 16px;
}

#accountpage_block_body .remember_me{
    padding-left: 0px;
}

#accountpage_block_body .remember_me label{
    padding-left: 30px;
}

#accountpage_block_body hr{
    border-top: 1px #989898 solid;
    margin: 0px;
}

#accountpage_block_footer{
    padding: 25px;
    padding-top: 0px;
}

#accountpage_block_footer .accountpage_roundlink{
    width: 100%;
    border: 1px #969696 solid;
    border-radius: 10px;
    font-family: 'HeliosCond-Bold';
}



.accountpage_link,
.accountpage_link:hover,
.accountpage_link:focus,
.accountpage_link:visited{
    color: #03a9ec;
}

.accountpage_block_text{
    color: #989898;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#accountpage_container .site_btn{
    text-transform: none;
}
/* account pages END */


/* tech_pages BEGINNING */


.tech_page_title{
    font-family: 'HeliosCond-Bold';
    font-size: 22px;
    margin-top: 50px;
}


.tech_page_text{

}
.tech_page_link,
.tech_page_link:hover,
.tech_page_link:visited,
.tech_page_link:focus{
    color: #00b0ed;
    text-decoration: underline;
}

.tech_page_link:hover{
    color: #00b0ed;
    text-decoration: none;
}

.tech_page_img img{
    display: block;
    margin: 0px auto;
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 70px;
}
/* tech_pages END */



/* shop slider BEGINNING */
#shop_slider_col{
    padding: 0px;
}

#shop_slider_block{
    overflow: hidden;
    padding: 0px;
    position: relative;

}
#shop_slider{
    margin-left: 0px;
    width: 3840px;
}

#shop_slider li{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    list-style: none;
    float: left;
}

#shop_slider li img{
    width: 100%;
}

#shop_slider:after{
    content: "";
    height: 0px;
    clear: both;
}

#shop_slider_points{
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -19px;

}

#shop_slider_points li{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    list-style: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    opacity: .6;
}

#shop_slider_points li.active{
    opacity: 1;
}

#shop_slider .shop_slider_img{
    display: none;
}

#shop_slider .shop_slider_img_small{
    display: none;
}

@media(max-width: 767.98px){
    #shop_slider .shop_slider_img_small{
        display: block;
    }
}

@media(min-width: 768px){
    #shop_slider .shop_slider_img{
        display: block;
    }
}
/* shop slider END */



/* shop BEGINNING */
#shop_filter_block {
    padding-left: 30px;
    padding-right: 30px;
}

#shop_filter {
    display: flex;
}

.shop_filter_item {
    list-style: none;
    width: 100%;
    padding: 10px;
}

.shop_filter_item a {
    display: block;
    max-width: 200px;
    padding-top: 75%;
    border: 2px solid transparent;
    border-image: linear-gradient(#f6b640, #c0514f);
    -moz-border-image: -moz-linear-gradient(#f6b640, #c0514f);
    -webkit-border-image: -webkit-linear-gradient(#f6b640, #c0514f);
    border-image-slice: 1;
}

.shop_filter_item a {
    background-size: 100%;
    background-position: center;
}

.shop_block_title {
    text-align: center;

}

.shop_block_title img {
    margin-bottom: 10px;
}

.shop_block_title div {
    color: #969696;
}

.shop_block_title div p {
    margin: 0px;
}

.shop_item {
    text-align: center;
    position: relative;
}

.shop_item p {
    font-size: 25px;
    text-align: center;
    font-family: 'HeliosCond-Bold';

}

.shop_item img {
    max-width: 100%;
    display: block;
    margin: 50px auto 0px;
}

.shop_item a {
    border-radius: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
}

.shop_item span{
    display: inline-block;
    color: #fff;
    background-color: #bf504f;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 40px;
    text-align: center;
    line-height: 30px;
}

#shop_container .shop_row {

    border-top: 92px solid transparent;
    margin-top: -92px;
    padding: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}


#shop_container .shop_row {
    padding-top: 30px;
    padding-bottom: 30px;
}


#shop_container .shop_row:nth-child(odd) {
    background-color: #ececec;
}

.product_is_bought{
    background-color: #48c640;
}
/* shop END */



/* modal i-learned BEGINNING */
#is_learned_modal .modal-dialog{
    width: 350px;
}

#is_learned_modal .modal-content{
    border-radius: 25px;
}

#is_learned_modal .modal-header{
    border-bottom: none;

}

#is_learned_modal .modal-body{
    padding-top: 0px;
    padding-bottom: 0px;
}

#is_learned_modal .modal-header h5{
    padding-left: 30px;
}



#is_learned_modal .modal-footer{
    border-top: none;
    font-family: 'HeliosCond-Bold';

}

#is_learned_modal .modal-title{
    font-family: 'HeliosCond-Bold';
}

#is_learned_modal h5{
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 25px;
}

#is_learned_modal #points_icon_modal{
    width: 92px;
    height: 63px;
    background-image: url("../img/points_icon_modal.png");
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
}

#is_learned_modal #points_icon_modal span{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #bf504f;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    margin-top: 17px;
    line-height: 30px;
    font-size: 18px;
}

.modal-open .start_learn_btn {
    margin-right: 17px;
}

@media (min-width: 576px) {
    .small_modal .modal-dialog {
        max-width: 300px;
    }
    #password_reset_modal .modal-dialog{
        max-width: 350px;
    }
}
/* modal i-learned END */



/* modal shop BEGINNING */

#shop_modal .modal-content{
    border-radius: 25px;
}

#shop_modal .modal-header{
    border-bottom: none;

}

#shop_modal_text{
    text-align: center;
    font-size: 22px;
}

#shop_modal .modal-footer {
    border-top: none;
}

#shop_modal_link{
    text-align: center;
}
/* modal shop END */

/* onnote_page BEGINNING */
.onnote_item img{
    display: block;
    max-width: 100%;
}

.onnote_item>a{
    margin-top: 10px;
    margin-bottom: 10px;
}

.onnote_item{
    margin-bottom: 20px;
}

.onnote_item>a>p{
    margin-top: 10px;
    font-family: 'HeliosCond-Bold';
    font-size: 20px;
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

.onnote_item>a>p>span{
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 15px;
    margin-right: 5px;
    vertical-align: text-bottom;
    position: absolute;
    left: 0px;
}

.onnote_item>a>p>span>i{
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.onnote_item .underline_link p,
.onnote_item .underline_link:focus p,
.onnote_item .underline_link:visited p{
    text-decoration: underline;
}

.onnote_item .underline_link:hover p{
    text-decoration: none;
}

.onnote_grey_row{
    background: #e1e1e1;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 15px;
}

.onnote_grey_item p{
    font-family: 'HeliosCond-Bold';
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.onnote_grey_item{
    padding-left: 30px;
    padding-right: 30px;
}

.onnote_grey_item .text_description{
    font-size: 15px;
}

.onnote_grey_item hr{
    border-top: 1px solid #9e9e9e;
}

.onnote_grey_item:last-child hr{
    border-top: none;
}

.onnote_grey_item img{
    display: block;
    max-width: 100%;
}



.onnote_grey_item .our_site_link,
.onnote_grey_item .our_site_link:visited,
.onnote_grey_item .our_site_link:focus{
    font-family: 'HeliosCond-Bold';
    font-size: 20px;
    display: block;
    text-decoration: underline;
    margin-top: 5px;
    margin-bottom: 5px;
}

.onnote_grey_item .our_site_link:hover{
    text-decoration: none;
}

.onnote_grey_item .store_link{
    display: inline-block;
    width: 49%;
}

.onnote_grey_item .store_link img{
    width: 117px;
    height: 41px;
    margin: 0px auto;
}

/* onnote_page END */

/* finish testing message BEGINNING */

#finish_testing_message_container{
    background-color: #48c640;
    margin-bottom: 20px;
}

#finish_testing_message .pass_test{
    font-size: 25px;
    font-family: 'HeliosCond-Bold';
}

#finish_testing_message .get_points{
    font-size: 18px;
}

#finish_testing_message p{
    text-align: center;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
}

#finish_testing_message p a{
    color: #fff;
}

/* finish testing message END */

/* mealtesting BEGINNING */

#mealtesting_block{
    background-color: #e9e9e9;
    padding-top: 30px;
    padding-bottom: 30px;
}

#mealtesting_block .signup_headline{
    text-align: center;
}

#mealtesting_block .testing_h1{
    text-align: center;
}

#mealtesting_menu li{
    list-style: none;
    margin-bottom: 30px;
}

#mealtesting_menu li a{
    display: block;
    height: 100px;
    color: #fff;
    text-align: center;
    font-family: 'Luga';
    font-size: 30px;
    line-height: 100px;
}

#mealtesting_menu li a:hover,
#mealtesting_menu li a:focus,
#mealtesting_menu li a:visited{
    color: #fff;
    text-decoration: none;
}

#mealtesting_block .description{
    margin-bottom: 30px;
}

#mealtesting_block .description p{
    text-align: center;
    margin-bottom: 0px;
}

.testing_h1{
    font-family: 'HeliosCond-Bold';
    font-size: 36px;
    color: #bf504f;
    text-transform: uppercase;
}

.helioscond_bold{
    font-family: 'HeliosCond-Bold';
}

#red_box_exclamation{
    border: 2px solid #c36767;
    color: #bf504f;
    padding: 30px;

    text-align: center;
    position: relative;
    margin-top: 50px;
}

#red_box_exclamation:before{
    content: "";
    display: block;
    height: 40px;
    width: 80px;
    background-image: url('../img/exclamation_round.jpg');
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -40px;
}

@media (min-width: 768px){
    #red_box_exclamation{
        margin-left: 115px;
        margin-right: 115px;
    }
}

@media (max-width: 767.98px){
    #red_box_exclamation{
        margin-left: 15px;
        margin-right: 15px;
    }
}

#mealtesting_top{
    margin-top: 30px;
    /*height: 300px;*/
    /*line-height: 300px;*/
    text-align: center;
}

#mealtesting_top .headline{
    color: #fff;
    display: inline-block;
}

#mealtesting_market_menu{
    text-align: center;
    margin-top: 40px;
}

#mealtesting_market_menu li{
    list-style: none;
    display: inline-block;
    width: 120px;
    vertical-align: top;
}

#mealtesting_market_menu li a{
    color: #fff;
    display: block;
    font-family: 'HeliosCond-Bold';
}

#mealtesting_market_menu li a img{
    display: block;
    max-width: 100%;
    margin: 0px auto;
    width: 55px;
    height: 54px;
}

#mealtesting_market_menu li a:hover{
    color: #fff;
}

#mealtesting_market_menu li a:focus,
#mealtesting_market_menu li a:visited{
    color: #fff;
    text-decoration: none;
}

.mealtesting_market .mealtesting_market_item{
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 30px;
    position: relative;
}

.mealtesting_market_item .mealtesting_market_item_inner{
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
}

.mealtesting_market .mealtesting_market_item img{
    max-width: 100%;
    display: block;
    width: 150px;
    height: 120px;
    margin: 0px auto;
}

.mealtesting_market_title{
    text-align: center;
}

.mealtesting_market_title img{
    width: 55px;
    display: inline-block;
    max-width: 100%;
}

#mealtesting_done_btn_block{
    text-align: center;
    margin-bottom: 40px;
}

.mealtesting_done_btn{
    padding-left: 100px;
    padding-right: 100px;
    border-radius: 10px;
}

.mealtesting_market{
    text-align: center;
}

.mealtesting_market .mealtesting_market_item p{
    font-family: 'HeliosCond-Bold';
}

#mealtesting_market_container .mealtesting_market_row:nth-child(even){
    background-color: #ececec;
}

.mealtesting_market_row{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 92px solid transparent;
    margin-top: -92px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.mealtesting_market_item a{
    border-radius: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #969696;
}



.mealtesting_market_item a:focus,
.mealtesting_market_item a:visited{
    background-color: #969696;
    text-decoration: none;
}

.mealtesting_market_item a:hover{
    background-color: #bf504f;
    text-decoration: none;
}

#mealtesting_top_basket{
    height: 300px;
    line-height: 300px;
    text-align: center;
}

#mealtesting_top_basket .headline{
    color: #fff;
    display: inline-block;
}

#mealtesting_basket_header{
    margin-top: 20px;

}

#mealtesting_basket_header img{
    display: block;
    margin: 0px auto;
}

.mealtesting_title h3{
    font-family: 'HeliosCond-Bold';
    font-size: 30px;
    text-align: center;
    margin-top: 3px;
}

#mealtesting_basket_header .return_to_basket{
    text-transform: uppercase;
    color: #bf504f;
    font-family: 'HeliosCond-Bold';
}

#mealtesting_basket_header .return_to_basket span{
    font-size: 24px;
}

#mealtesting_basket_header .return_to_basket:hover,
#mealtesting_basket_header .return_to_basket:focus,
#mealtesting_basket_header .return_to_basket:visited{
    text-decoration: none;
}

@media(min-width: 992px){
    #mealtesting_basket_header .return_to_basket{
        margin-left: 50px;
    }
}

#mealtesting_basket_ready{
    border-top: 1px solid #a4a0a2;
    padding-top: 25px;
    padding-bottom: 50px;
}

#mealtesting_basket_ready p{
    text-align: center;
    margin-bottom: 0px;
}

#mealtesting_basket_ready p:first-child{
    font-family: 'HeliosCond-Bold';
}

#mealtesting_basket_ready{
    text-align: center;
}

#mealtesting_basket_ready a{
    margin-top: 20px;
    margin-bottom: 20px;
}

#mealtesting_basket_ready_container{
    margin-top: 30px;
}

#mealtesting_message p{
    text-align: center;
    margin-top: 40px;
}

.hide_it{
    display: none;
}

.mealtesting_product_type{
    padding-top: 15px;
    padding-bottom: 15px;
}

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

.mealtesting_grey_block{
    background-color: #e8e8e8;
}

#mealtesting_one_more_time{
    text-align: center;
    padding-top: 60px;
}

#mealtesting_one_more_time hr{
    border-top: 1px #9d999b solid;
}

#mealtesting_one_more_time a{
    margin-bottom: 50px;
}

.mealtesting_result_row{
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 468px){
    .mealtesting_grey_row{
        padding-left: 100px;
        padding-right: 100px;
    }
}

.mealtesting_result_text{
    margin-top: 40px;
}

.mealtesting_result_text ul{
    margin-left: 20px;
}

.mealtesting_market_item_border{
    position: relative;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.mealtesting_market_item span{
    display: block;
    width: 36px;
    height: 31px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -18px;

}

#mealtesting_result .mealtesting_market_item{
    padding-bottom: 15px;
    margin-bottom: 30px;
}

#mealtesting_result .mealtesting_market_item img{
    margin-top: 2px;
}

#mealtesting_result .mealtesting_market_item p{
    min-height: 50px;
}

.mealtesting_result_more_info{
    padding-top: 25px;
    padding-bottom: 60px;
    border-top: 1px solid #9d999b;
    margin-top: 25px;
}

.mealtesting_result_more_info p{
    margin-bottom: 0px;
}

.mealtesting_result_more_info span{
    font-family: 'HeliosCond-Bold';
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
}

.mealtesting_result_more_info a{
    font-family: 'HeliosCond-Bold';
    text-decoration: underline;
    color: #000;
}

.mealtesting_result_more_info a:hover{
    text-decoration: none;
    color: #000;
}

.mealtesting_result_more_info a:focus,
.mealtesting_result_more_info a:visited{
    color: #000;
}

#mealtesting_button{
    display: block;
    width: 220px;
    height: 50px;
    background-color: #bf504f;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 50px;
    font-size: 22px;
    font-family: 'HeliosCond-Bold';
    padding-left: 70px;
    position: fixed;
    right: -155px;
    top: 60%;
    z-index: 1;
}

#mealtesting_button span{
    background-image: url('../img/basket_icon_white.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 45px 33px;
    display: block;
    width: 65px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    font-size: 15px;
}

#mealtesting_button:hover,
#mealtesting_button:focus,
#mealtesting_button:visited{
    color: #fff;
    text-decoration: none;
}

@media (min-width: 768px){
    .mealtesting_result_more_info{
        padding-left: 50px;
        padding-right: 50px;
    }
}

/* mealtesting END */


@media (min-width: 1200px) {
    #item_block ul li {
        width: 380px;
    }

    #item_block ul li img {
        width: 340px;
    }

    #age_logo_mobile {
        display: none;
    }

    #category_page_banner .headline {
        margin-top: 12%;
    }

    #cookie_notice p{
        display: inline-block;
        margin-right: 20px;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #item_block ul li {
        width: 310px;
    }

    #item_block ul li img {
        width: 280px;
    }

    #age_logo_mobile {
        display: none;
    }

    #category_page_banner .headline {
        margin-top: 8%;
    }
}

@media (min-width: 990px) {
    .main_page_category_block {
        background-size: cover;
    }

    #wrapper {
        padding-top: 92px;
    }

    .main_bg {
        background-image: url('../img/main_bg.jpg');
        background-size: cover;
        background-position: center 0px;
        height: 100vh;
    }

    .main_bg_welcome{
        background-image: url('../img/main_bg_welcome.jpg');
    }

    .start_learn_btn_container_absolute{
        position: absolute;
        bottom: 30px;
        left: 0px;
        right: 0px;
    }

    .start_learn_btn_container{
        text-align: center;
        padding-bottom: 30px;
    }

    .start_learn_btn{
        border-radius: 25px;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #000;
        font-size: 25px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .start_learn_btn:visited{
        color: #000;
    }

    .start_learn_btn:hover{
        color: #fff;
    }


}

@media (max-width: 989.98px) {
    #navbar {
        background-color: #47555e;
    }

    #wrapper {
        padding-top: 85px;
    }

    .main_bg {
        background-image: url('../img/main_bg_small.jpg');
        background-size: 100%;
        /*background-position: center 0px;*/
        /*height: 350px;*/
        padding-bottom: 88%;
        background-repeat: no-repeat;
        margin-top: 85px;
    }

    .main_bg_welcome {
        background-image: url('../img/main_bg_small_welcome.jpg');
    }

    .start_learn_btn {
        position: fixed;
        bottom: 10px;
        right: 10px;
        left: 10px;
        z-index: 1000;
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 1000;
    }

}

@media (max-width: 991.98px){
    #age_logo_desktop {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #item_block ul li {
        width: 360px;
    }

    #item_block ul li img {
        width: 330px;
    }

    #category_page_banner .headline {
        margin-top: 8%;
    }
}

@media (max-width: 767.98px) {

    #structure_item_1 div:after,
    #structure_item_2 div:after,
    #structure_item_3 div:after,
    #structure_item_4 div:after {
        content: " ";
        background-image: url('../img/structure_bottom_arrow.png');
        background-position: center center;
        background-repeat: no-repeat;
        width: 24px;
        height: 30px;
        display: block;
        position: absolute;
        left: 23px;
        bottom: -60px;
    }

    .structure_item p {
        /*width: 200px;*/
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .structure_item div {
        position: relative;
    }

    .signup_right_inner{
        padding-left: 0px;
    }

}

@media (min-width: 768px) {

    #structure_item_1 div:after,
    #structure_item_2 div:after,
    #structure_item_3 div:after,
    #structure_item_4 div:after {
        content: " ";
        background-image: url('../img/structure_right_arrow.png');
        background-position: center center;
        background-repeat: no-repeat;
        width: 24px;
        height: 30px;
        display: block;
        position: absolute;
        right: -15px;
        top: 20px;
    }

    #footer_menu li {
        display: inline-block;
        vertical-align: top;
        height: 50px;
    }

    #footer_menu_about {

    }

    #footer_menu_policy {
        width: 150px
    }

    #footer_menu_agreement {
        width: 125px
    }

    #footer_menu_ask {
        width: 105px
    }


    #footer_menu li {
        border-right: 1px #fff solid;
    }

    .signup_right_inner {
        border-left: 1px solid #989898;
    }

    .signup_right_inner{
        padding-left: 40px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #item_block ul li {
        width: 270px;
    }

    #item_block ul li img {
        width: 240px;
    }

    #age_logo_desktop {
        display: none;
    }

    #category_page_banner .headline {
        margin-top: 2%;
    }
}

@media (min-width: 576px) {
    #category_page_banner {
        padding-bottom: 26%;
    }


}

@media (max-width: 575.98px) and (min-width: 380px) {
    /*#item_block ul li {*/
    /*    width: 380px;*/
    /*}*/

    /*#item_block ul li img {*/
    /*    width: 340px;*/
    /*} gggg*/

    #age_logo_desktop {
        display: none;
    }

    #category_page_banner {
        padding-bottom: 57%;
    }

    #category_page_banner .headline {
        margin-top: 15%;
    }

    #structure_block {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 379.98px) {
    /*#item_block ul li {*/
    /*    width: 300px;*/
    /*}*/

    /*#item_block ul li img {*/
    /*    width: 260px;*/
    /*}gggg*/

    #category_page_filter_line{
        display: none;
    }
}

/* CKEditor styles beginning */
.ckeditor_red_points_ball{
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: #df595e;
    color: #fff;
    display: inline-block;
    font-weight: normal;
}

.ckeditor_papashop_button{
    color: #fff;
    padding: 2px 8px;
    background: rgb(249,187,64);
    background: linear-gradient(170deg, rgba(249,187,64,1) 0%, rgba(191,80,79,1) 100%);
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    border: 2px solid #e89e03;
}

.ckeditor_papashop_button:hover,
.ckeditor_papashop_button:hover,
.ckeditor_papashop_button:hover{
    text-decoration: none;
    color: #fff;
}

/* CKEditor styles end */


/* bootstrap-4 5 columns BEGINNING */
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th, .col-xl-5th {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-sm-5th {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 768px) {
  .col-md-5th {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 992px) {
  .col-lg-5th {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1200px) {
  .col-xl-5th {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
/* bootstrap-4 5 columns END */