/* Start:/bitrix/templates/main/styles.css?16710833139921*/
.menu__item {
    position: relative;
}

.menu__item:hover .submenu{
    display: block;
}

.menu__item.logout.login {
	right: 85px;
}

.menu__item.logout {
	position: absolute;
	display: block;
	right: 0;
	z-index: 1;
}

.submenu {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    background-color: #fff;
    z-index: 10;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    box-shadow: 0 10px 20px -5px rgba(8,26,40,0.3);
    white-space: nowrap;
}

.menu__link--submenu {
    transition: all .4s
}

.menu__link--submenu:after {
    display: none;
}

.menu__item:hover #contact-us:after, .menu__item:hover #account:after {
    display: none;
}

.menu__link--submenu:hover {
    border: 0;
    color: #e64e2c;
}

.menu__link.menu__link--submenu--active {
    color: #e64e2c;
}

.getting-started .video:before, .getting-started .video:after {
	z-index: -1;
}

.inline-column {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

.user-account .payfast-form {
	display: inline-block;
}

.user-profile .edit-order {
	margin-right: 15px;
}

.user-subscription .change-order, 
.user-profile .edit-order, .user-profile .save-changed-order {
    margin-top: 30px;
    outline: none;
}

.user-subscription .go-payfast, .user-subscription .submit input[type="submit"] {
	margin: 30px 15px 30px 0;
}

.user-subscription .form__select {
	display: inline-block;
}

.user-profile .cancel-changed-order {
	display: inline-block;
	opacity: 0;
}

.user-profile .edit-order, 
.user-profile .save-changed-order ,
.user-profile .cancel-changed-order {
	text-align: center;
}

.user-subscription .section__title, .user-profile .section__title {
	margin-bottom: 15px;
	text-align: left;
}

.user-subscription .payfast-form {
	display: inline-block;
}

.user-subscription .change-order {
	text-align: center;
}

.user-subscription .change-order, 
.user-profile .edit-order, 
.user-profile .save-changed-order,
.user-subscription .banner__link:last-child, 
.user-profile .banner__link:last-child, 
.user-subscription .go-payfast {
	background-color: transparent;
	border: 1px solid #e64e2c;
	color: #e64e2c;
}

.user-subscription .change-order:hover, 
.user-profile .edit-order:hover, 
.user-profile .save-changed-order:hover, 
.user-subscription .banner__link:last-child:hover, 
.user-profile .banner__link:last-child:hover, 
.user-subscription .go-payfast:hover {
	background-color: #e64e2c;
	border: 1px solid #e64e2c;
	color: #fff;
} 

.user-subscription__prop .code {
	display: inline-block;
	font-weight: bold;
	width: 250px;
}

.user-profile .users-list, .user-profile .companies-list {
	margin-top: 20px;
}

.user-profile .users-list .title, .user-profile .companies-list .title {
	font-weight: bold;
}

.user-profile .users-list .code, .user-profile .companies-list .code {
	font-weight: normal;
}

.user-account .banner__link:last-child {
	background-color: #e64e2c;
	color: #fff;
}

.user-account .banner__link:hover {
	cursor: pointer;
	background-color: transparent;
	color: #e64e2c;
}

.user-account .banner__link {
	border: 1px solid #e64e2c;
	padding: 0 30px;
	width: auto;
}

.getting-started .video {
    border: 1px solid;
    height: 400px;
    text-align: center;
    width: 600px;
}

.faqs-columns {
    margin-top: 20px;
}

.faqs-columns .category__title {
    color: #333;
    font-size: 20px;
    text-align: center;
}

.faqs-columns .category__items {
    padding-top: 10px;
}

.faqs-columns .question {
    padding: 5px 0;
}

.faqs-columns .questions__section {
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    width: 48%;
}

@media (max-width: 860px) {

    .submenu {
        display: block;
        position: relative;
        background-color: transparent;
        box-shadow: none;
        top: 0;
    }

    .menu__link.menu__link--active {
        color: #e64e2c;
    }
}

@media (max-width: 820px) {

.menu__item.logout.login {
	right: 0;
}
    .faqs-columns .questions__section {
        display: block;
        width: 100%;
    }
}

section.faqs {
	margin-bottom: 40px;
}

.faqs .questions {
    display: inline-block;
    width: 48%;
	padding-top: 35px;
    vertical-align: top;
}

.faqs .questions__section {
	padding-top: 20px;
}

.faqs .category__title {
	font-weight: bold;
}

.faqs .category__item .question {
	padding-top: 20px;
}

.faqs .category__item .answer {
    display: none;
}

.faqs .answer-display {
    display: inline-block;
    padding-top: 50px;
    vertical-align: top;
    width: 50%;
}

.faqs .answer-display .title-display {
    text-align: center;
}

.faqs .answer-display .text-display {
    padding-top: 10px;
}

.faqs .category__title a {
    border-bottom: 1px dashed #e64e2c;
	color: #333;
}

.faqs .question a {
    border-bottom: 1px dashed #e64e2c;
}

.faqs .category__items {
	display: none;
    min-width: 100%;
}

.section.features, .section.content-top, .section.sign-up, .keep-in-touch {
	background-color: #fdefcf;
}

.keep-in-touch {
	height: 100px;
	position: relative;
	overflow: hidden;
}

.keep-in-touch-hidden {
	height: 0;
	overflow: hidden;
}

.keep-in-touch .close {
	position: absolute;
    right: 20px;
    cursor: pointer;
    top: 40px;
    width: 20px;
    height: 20%;
}

.keep-in-touch .close span {
    height: 3px;
    width: 25px;
    display: block;
    background: #beb39c;
	position: absolute;
    top: 8px;
    left: -2px;
}

.keep-in-touch .close span:nth-child(1) {
    transform: rotate(45deg);
}

.keep-in-touch .close span:nth-child(2) {
    transform: rotate(-45deg);
}

.keep-in-touch__wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
	height: 100px;
}

.keep-in-touch__wrap .form-node {
	height: 100%;
	width: 620px;
}

.keep-in-touch__wrap form {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
}

.keep-in-touch__wrap .banner__links {
	margin: 0;
}

.keep-in-touch__wrap fieldset {
	border: none;
	margin: 0;
	padding: 0 20px;
	width: 100%;
}

.form__field.error {
	border: 1px solid red;
}

.keep-in-touch__wrap .form__field {
	max-width: 100%;
}

.keep-in-touch__wrap .form__btn {
	margin-top: 0;
}

.keep-in-touch__wrap .banner__link:last-child {
	color: #e74e2c;
    background-color: transparent;
    border: 2px solid #e74e2c;
	outline: none;
	cursor: pointer;
	width: 140px;
}

.keep-in-touch__wrap .banner__link:last-child:hover {
    background-color: #e74e2c;
	color: #fff;
}

.user-profile .save-changed-order.button-loading, 
.user-profile .save-changed-order.button-loading:hover,
.keep-in-touch__wrap .banner__link.button-loading, 
.keep-in-touch__wrap .banner__link.button-loading:hover,
.user-account .change-order.banner__link.button-loading,
.user-account .change-order.banner__link.button-loading:last-child,
.form__btn.button-loading, .form__btn.button-loading:hover
 {
	color: transparent;
  transition: all 0s;
}

.keep-in-touch__title {
	color: #333;
	font-family: SegoeUIRegular,sans-serif;
	font-size: 18px;
}

.errortext {
    color: red;
}

.notetext {
    color: green;
}

.button-loading {
    background: url(/bitrix/templates/main/img/picture/button-loading.gif) no-repeat center;
    background-size: 50px;
    opacity: .5;

}

.result-message {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

@media (max-width: 820px) {
    .bonus {
        margin-bottom: 40px;
        width: 100%;
    }

    .bonus:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 820px) {
    .bonus {
        margin: 0 30px 0 30px;
        width: calc(33.33% - 150px);
    }
}

@media (max-width: 1020px) {
	.keep-in-touch .close {
		right: 5px;
	}	
}

.contacts-data {
    margin-top: 20px;
}

li.modules__price-item:nth-last-child(2):after {
    content: '';
    height: 0;
}

.modules__grid-two {
    justify-content: center !important;
}

.modules__price {
    margin: 0 10px;
}

.section__bonuces {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.bonus {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bonus__picture {
    height: 70px;
}

.bonus__description {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 10px;
    text-align: center;
}

.submit input[type="submit"] {
    margin: 0 10px;
    outline: none;
}

.form-sign-up {
    margin: 15px auto;
    max-width: 620px;
}

.form-sign-up fieldset {
    border: none;
    position: relative;
}

.form-sign-up .form__field {
    max-width: 620px;
}

.form-sign-up .form__field-before {
    float: left;
    width: 10%;
    position: relative;
    top: 10px;
}

.form-sign-up .form__field-captcha {
    width: 90%;
}

.form-sign-up .form__description {
    left: 10%;
    font-size: 14px;
    opacity: .5;
    position: relative;
}

.form-sign-up .form__checkbox + label {
    position: relative;
}

.form-sign-up .terms-conditions {
    color: #e74e2c;
}

.form-sign-up .submit {
    text-align: center;
}

.form-sign-up .banner__links {
    margin-top: 0;
}

.form-sign-up .banner__link {
    background-color: #e64e2c;
    border: 1px solid #fff;
    color: #fff;
    outline: none;
}

.form-sign-up .banner__link:last-child {
    background-color: #e64e2c;
}

.form-sign-up .banner__link:hover {
    background-color: #fff;
    border: 1px solid #e64e2c;
    color: #e64e2c;
}
.bx-auth-serv-icons a, .bx-auth-serv-icons a:hover {    display: flex !important;
    padding: 6px 16px;
    border-radius: 8px;
    border: 1px solid #C4C4C4 !important;
    line-height: 1;
    justify-content: center;
    color: #000000 !important;
    align-items: center;}

.bx-ss-icon {
    display: none !important;
}
.bx-auth-serv-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.bx-auth {
    margin-left: auto;
    margin-right: auto;
}

div.bx-auth-serv-icons a+a {
    margin-left: 15px !important;
}

.social-icon {
    margin-right: 10px;
}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?16710833132991*/
.max-w940{max-width: 940px;width: 100%; margin: auto;}
.ims-head-btn {	display: inline-block; border-radius: 8px; background-color: #fff; width: 180px;  height: 50px; font-family: "Segoe UI Semibold"; font-size: 14px; color: #e64e2c; text-transform: uppercase; line-height: 50px; text-align: center; text-decoration: none;}  
.ims-head-btn:first-child {margin-right: 17px;}
.ims .circle {display: flex; border-radius: 50%;  background-color: #fff7db; min-width: 120px; width: 120px; height: 120px; margin-right: 68px;}
.ims .circle img {margin: auto;}
.ims {padding: 26px 0 40px 0;}
.ims .content {	margin-top: 45px;	margin-bottom: 30px; display: flex;	justify-content: flex-start; align-items: center;}
.ims ul{width: 450px;}
.ims li {list-style-type: none; line-height: 25px;font-size: 16px;}
.ims li::before {	display: inline-block; content: '';	width: 5px;	height: 5px; border-radius: 5px; background-color: #e35205;	margin-right: 6px; margin-bottom: 3px;}
.ims .banking-block {width: 300px; align-self: flex-start;line-height: 1.2;}
.ims .banking-block p:first-child {font-family: "Segoe UI Semibold";font-size: 18px;}
.ims .jbtw{justify-content: space-between;}
.ims .ais{align-items: flex-start;}
.ims .banking-icons {width: 170px;}
.ims .banking-icons p {text-align: center;height: 80px;}
.ims .banking-icons div {margin: auto;}
.ims.footer-bgr p{margin: 0;padding: 0;}
.ims.footer-bgr {	height: 100px; padding: 0;	margin: 0; display: flex; justify-content: flex-start;	align-items: center; 
  background-image: -moz-linear-gradient( 180deg, rgb(225,55,49) 0%, rgb(253,181,21) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(225,55,49) 0%, rgb(253,181,21) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(225,55,49) 0%, rgb(253,181,21) 100%);
  background-image: linear-gradient( to left, rgb(225,55,49) 0%, rgb(253,181,21) 100%); }
.head-block.ims {	height: 424px; padding: 0;	margin: 0; line-height: 40px;	background: url(/bitrix/templates/main/img/ims-header.jpg) no-repeat top center; display: flex; justify-content: flex-start;	align-items: center; }
.ims .head-block, .ims .text, .ims .text-head, .ims .text-sub-head , .ims .hdr-head{font-family: "Segoe UI"; font-weight: normal;	line-height: 1.2;	text-align: center;	color: #333;}
.ims .hdr-head{margin-top: 0;font-size: 36px; font-weight: 300; margin-bottom: 10px;  padding-top: 20px;}
.ims .hdr-head.tal {color: #fff;text-align: left;}
.ims .hdr-head.mb-20px{margin-bottom: 20px;}
.ims p{margin: 16px 0;}
.ims .text-head {color: #fff;width: 460px;text-align: left;margin-bottom: 30px;line-height: 22px;}
.ims .text{font-size: 16px;text-align: left;}
.ims .text-sub-head, .ims .text-head{font-size: 18px;}
.ims .text-head, .head-block{margin-top: 0;}
.bgr-color-fff0d0{background-color: #FFF0D0;}
.d-fl-r-jbtw-aic{	display: -webkit-flex; display: -moz-flex;	display: -ms-flex; display: -o-flex;	display: flex;	flex-direction: row;	justify-content: space-between;	align-items: center; }

/* End */
/* /bitrix/templates/main/styles.css?16710833139921 */
/* /bitrix/templates/main/template_styles.css?16710833132991 */