* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}

body {
	background: #030314;
	font-family: "Proxima Nova";
}

.content {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

.page {
    background: url(../assets/images/page_bg.png) no-repeat center, #000011;
}

.page.main_download{
    background: url(../assets/images/main_bg_download.jpg) 50% 0 no-repeat;
}

.page.main_download .main_out{background: transparent;}

.main_out {
    background: url(../assets/images/main_bg.png) no-repeat center;
    background-size: cover;
}


.main_out header {
    padding-top: 39px;
}

.main_out header .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main_out header .left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.main_out header .left .logo {
    margin-right: 37px;
}

.main_out header .left .logo a {}

.main_out header .left .logo a img {
    margin-bottom: -4px;
}

.main_out header .left .desc {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.main_out header .left .desc p {
    opacity: 0.3;
    color: #ffffff;
    font-family: "Proxima Nova T - Thin";
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0.23px;
}

.main_out header .right {}

.main_out header .right ul {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.main_out header .right ul li {
    margin-left: 30px;
}

.main_out header .right ul li a {
    padding-top: 25px;
    display: block;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: 300;
    line-height: 13px;
    text-decoration: none;
    transition: .3s all ease-in-out;
    height: 100%;
    position: relative;
}

.main_out header .right ul li a::after {
    content: '';
    position: absolute;
    background: url(../assets/images/nav_after.png) no-repeat center;
    width: 12px;
    height: 7px;
    bottom: 0;
    left: calc(50% - 6px);
    opacity: 0;
    transition: .3s all ease-in-out;
}

.main_out header .right ul li a:hover {
    padding-top: 11px;
    color: #fed909;
}

.main_out header .right ul li a:hover::after {
    opacity: 1;
}

.main_out .main {
    padding-top: 32px;
    padding-bottom: 150px;
}

.main_out .main .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main_out .main .left {
    width: 40%;
    padding-top: 250px;
}

.main_out .main .left .line {
    padding-left: 129px;
    color: #ffffff;
    font-family: "Proxima Nova T - Thin";
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.34px;
    line-height: 8px;
    position: relative;
    opacity: 0.3;
    margin-bottom: 80px;
}

.main_out .main .left .line::before {
    content: '';
    width: 109px;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);
}

.main_out .main .left .best {
    padding-left: 44px;
    position: relative;
}

.main_out .main .left .best img {
    max-width: 100%;
}

.main_out .main .left .best .best_line {
    margin-top: 50px;
    padding-left: 30px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.main_out .main .left .best .best_line .by {
    width: 190px;
    height: 47px;
    border: 3px solid #ffd001;
    background-color: #ffd801;
    transform: skewX(20deg);
    color: #03030e;
    font-family: "Proxima Nova - Extrabld";
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.66px;
    text-decoration: none;
    text-align: center;
    line-height: 41px;
    box-shadow: 0px 3px 10px #ffd801;
    margin-right: 47px;
    transition: .3s all ease-in-out;
}

.main_out .main .left .best .best_line .by span {
    transform: skewX(-20deg);
    display: block;
    color: #03030e;
    font-family: "Proxima Nova";
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.66px;
}

.main_out .main .left .best .best_line .by:hover {
    background-color: #d2b307;
    border: 3px solid #d2b307;
}

.main_out .main .left .best .best_line .rev_link {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    line-height: 47px;
}

.main_out .main .left .best .best_line .rev_link:hover {
    text-decoration: none;
}

.main_out .main .left .best::after {
    content: '';
    position: absolute;
    width: 99px;
    height: 134px;
    background: url(../assets/images/best_after.png) no-repeat center;
    top: 90px;
    left: 0;
}

.main_out .main .right {
    width: calc(60% + 125px - 90px);
    margin-right: -125px;
}

.main_out .main .right img {
    max-width: 75%;
}

.main_out .main .content::after {
    content: '';
}

.about {
    min-height: 940px;
    background: url(../assets/images/about_bg.png) no-repeat center top;
    margin-top: -122px;
    padding-top: 179px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.about .content {}

.about .block_name {
    border: 1px solid #ffffff;
    opacity: 0.02;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 98px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 70px;
}

.about h2 {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6.4px;
    text-align: center;
    line-height: 30px;
    margin-top: -30px;
    margin-bottom: 80px;
}

.about .desc {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-weight: 300;
    max-width: 637px;
    text-align: center;
    margin: 0 auto 42px;
}

.about .desc span {
    font-weight: bold;
}

.about .name {
    font-family: "Proxima Nova";
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.about .text {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-weight: 300;
    max-width: 943px;
    margin: 0 auto;
    text-align: center;
}

.about .text span {}

.about .af_1 {
    width: 156px;
    height: 80px;
    position: absolute;
    background: url(../assets/images/about_1.png) no-repeat center;
    top: 42px;
    left: calc(50% - 120px);
}

.about .af_2 {
    width: 95px;
    height: 26px;
    top: 32px;
    position: absolute;
    left: calc(50% + 345px);
    background: url(../assets/images/about_2.png) no-repeat center;
}

.about .af_3 {
    width: 67px;
    height: 61px;
    background: url(../assets/images/about_3.png) no-repeat center;
    position: absolute;
    bottom: 199px;
    left: calc(50% + 150px);
}

.about .af_4 {
    position: absolute;
    width: 770px;
    height: 225px;
    bottom: 104px;
    background: url(../assets/images/about_4.png) no-repeat center;
}

.by_items {
    background: url(../assets/images/by_bg.png) no-repeat center bottom;
    background-size: cover;
    margin-top: -365px;
    padding-top: 365px;
    padding-bottom: 150px;
}

.by_items .content {}

.by_items .block_name {
    text-align: center;
    opacity: 0.02;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 98px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 78px;
}

.by_items h2 {
    text-align: center;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 30px;
    margin-top: -30px;
}

.by_items .items {
    margin: 94px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1010px;
    zoom: 1.3;
}

.by_items .items .item {
    width: calc(33.33% + 50px / 3);
    height: 233px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.56);
    padding: 16px;
    position: relative;
}

.by_items .items .item .name {
    max-width: 194px;
    width: 100%;
    background-color: rgba(34, 33, 54, 0.4);
    margin: 0 auto;
    height: 39px;
    line-height: 39px;
    color: #ffffff;
    font-family: "Proxima Nova - Semibold";
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.72px;
    text-align: center;
}

.by_items .items .item .price_line {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 200px;
    position: relative;
    margin: 30px auto 0;
}

.by_items .items .item .price_line .price {
    width: calc(50% - 10px);
    max-width: 84px;
}

.by_items .items .item .price_line .price .val {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 32px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 15px;
    text-align: center;
}

.by_items .items .item .price_line .price .text {
    text-align: center;
    color: #423efd;
    font-family: "Proxima Nova";
    font-size: 12px;
    font-weight: 400;
    line-height: 9px;
    margin-bottom: 24px;
}

.by_items .items .item .price_line .price .by {
    width: 100%;
    height: 28px;
    text-align: center;
    display: block;
    background-color: #423efd;
    text-decoration: none;
    line-height: 28px;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 11px;
    font-weight: 300;
    padding-left: 16px;
    background: url(../assets/images/shop.png) no-repeat center, #423efd;
    background-position-x: calc(50% - 18px);
    background-position-y: calc(50% - 1px);
    transition: .3s all ease-in-out;
}

.by_items .items .item .price_line .price .by:hover {
    opacity: 1;
    box-shadow: 0px 1px 5px #423efd;
}

.by_items .items .item .price_line::after {
    content: '';
    width: 2px;
    height: 44px;
    position: absolute;
    background-color: #ffffff;
    opacity: 0.1;
    left: calc(50% - 1px);
    margin-top: 20px;
}

.by_items .items .item:nth-child(1) {
    background: url(../assets/images/by_item_1.png) no-repeat center;
    background-size: 200%;
}

.by_items .items .item:nth-child(2) {
    margin: -20px -50px 20px;
    background: url(../assets/images/by_item_2.png) no-repeat center;
    background-size: 200%;
    position: relative;
    z-index: 1;
}

.by_items .items .item:nth-child(2) .price_line .price .text {
    color: #ffffff;
}

.by_items .items .item:nth-child(3) {
    background: url(../assets/images/by_item_3.png) no-repeat center;
    background-size: 200%;
}

.by_items .items .item:nth-child(3)::before {
    content: '';
    position: absolute;
    background: url(../assets/images/by_item.png) no-repeat center;
    width: 129px;
    height: 116px;
    top: -80px;
}

.func_out {
    padding-bottom: 150px;
}

.func_out .func {}

.func_out .func .content {}

.func_out .func .block_name {
    opacity: 0.02;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 98px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 68px;
}

.func_out .func h2 {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6.4px;
    line-height: 34px;
    text-align: center;
    margin-top: -34px;
}

.func_out .func .items {
    margin: 70px auto 100px;
    max-width: 769px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.func_out .func .items .item {
    width: calc(33.33% - 30px * 2 / 3);
    text-align: center;
}

.func_out .func .items .item img {
    margin-bottom: 29px;
}

.func_out .func .items .item .name {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.96px;
    line-height: 12px;
    margin-bottom: 20px;
}

.func_out .func .items .item .val {
    opacity: 0.82;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: 300;
}

.func_out .video {}

.func_out .video .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 906px;
}

.func_out .video .left {
    width: calc(50% - 10px);
}

.func_out .video .left img {
    max-width: 100%;
}

.func_out .video .right {
    width: calc(50% - 10px);
}

.func_out .video .right h2 {
    margin-top: 30px;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 35px;
}

.func_out .video .right p {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 30px;
}

.func_out .video .right .by_link {
    width: 190px;
    height: 47px;
    border: 3px solid #ffd001;
    background-color: #ffd801;
    transform: skewX(10deg);
    color: #03030e;
    font-family: "Proxima Nova - Extrabld";
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.66px;
    text-decoration: none;
    text-align: center;
    line-height: 41px;
    box-shadow: 0px 3px 10px #ffd801;
    margin-right: 47px;
    transition: .3s all ease-in-out;
    display: block;
}

.func_out .video .right .by_link span {
    transform: skewX(-10deg);
    display: block;
    color: #03030e;
    font-family: "Proxima Nova";
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.66px;
}

.func_out .video .right .by_link:hover {
    background-color: #d2b307;
    border: 3px solid #d2b307;
}

.func_out .video .right .by_link:hover span {}

.preim {
    background: url(../assets/images/preim_bg.png) no-repeat top center;
    padding-top: 230px;
    padding-bottom: 100px;
    margin-top: -160px;
    background-size: cover;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.preim .content {}

.preim::before {
    content: '';
    width: 156px;
    height: 80px;
    position: absolute;
    background: url(../assets/images/preim_before.png) no-repeat center;
    top: 50px;
    left: calc(50% - 430px);
}

.preim::after {
    content: '';
    width: 67px;
    height: 61px;
    background: url(../assets/images/preim_after.png) no-repeat center;
    position: absolute;
    bottom: -20px;
    left: calc(50% + 500px);
}

.preim .block_name {
    opacity: 0.04;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 98px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 70px;
}

.preim h2 {
    color: #05050c;
    font-family: "Proxima Nova";
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    line-height: 34px;
    text-align: center;
    margin-top: -34px;
}

.preim .items {
    margin: 95px auto 0;
    max-width: 1000px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.preim .items .item {
    width: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
    padding: 25px;
    transform: skewX(10deg);
    transition: .3s all ease-in-out;
    margin-bottom: 30px;
    background-color: #ffae00;
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.17);
}

.preim .items .item .left {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #090915;
    transform: skewX(-10deg);
}

.preim .items .item .right {
    width: calc(100% - 84px);
    transform: skewX(-10deg);
}

.preim .items .item .right .name {
    color: #090915;
    font-family: "Proxima Nova - Semibold";
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}

.preim .items .item .right .val {
    color: #090915;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 300;
}

.preim .items .item:nth-child(1) .left {
    background: url(../assets/images/preim_1.png) no-repeat center;
}

.preim .items .item:nth-child(2) .left {
    background: url(../assets/images/preim_2.png) no-repeat center;
}

.preim .items .item:nth-child(3) .left {
    background: url(../assets/images/preim_3.png) no-repeat center;
}

.preim .items .item:nth-child(4) .left {
    background: url(../assets/images/preim_4.png) no-repeat center;
}

.preim .items .item:nth-child(5) .left {
    background: url(../assets/images/preim_5.png) no-repeat center;
}

.preim .items .item:nth-child(6) .left {
    background: url(../assets/images/preim_6.png) no-repeat center;
}

.preim .items .item:hover {
    background-color: #dc9701;
}

.preim .items .item:hover .right .name {
    color: #ffffff;
}

.preim .items .item:hover .right .val {
    color: #ffffff;
}

.preim .items .item:hover .left {
    border: 2px solid #ffffff;
}

.preim .items .item:hover:nth-child(1) .left {}

.preim .items .item:hover:nth-child(2) .left {}

.preim .items .item:hover:nth-child(3) .left {}

.preim .items .item:hover:nth-child(4) .left {}

.preim .items .item:hover:nth-child(5) .left {}

.preim .items .item:hover:nth-child(6) .left {}

.faq_out {
    background: url(../assets/images/faq_bg.png) no-repeat center top;
    padding: 150px 0 50px;
}

.faq_out .faq {
    padding-bottom: 100px;
}

.faq_out .faq .content {}

.faq_out .faq .block_name {
    opacity: 0.03;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.faq_out .faq h2 {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 37px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    line-height: 35px;
    text-align: center;
    margin-top: -35px;
}

.faq_out .faq .items {
    margin: 120px auto 0;
    max-width: 812px;
    width: 100%;
}

.faq_out .faq .items .item {
    border: 2px solid #1e19df;
    transform: skewX(10deg);
    margin-bottom: 50px;
    transition: .3s all ease-in-out;
}

.faq_out .faq .items .item .top {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
}

.faq_out .faq .items .item .top p {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 17px;
    font-weight: 400;
    line-height: 16px;
    transform: skewX(-10deg);
    width: calc(100% - 30px);
}

.faq_out .faq .items .item .top .right {
    height: 14px;
    width: 28px;
    background: url(../assets/images/faq_arr.png) no-repeat center;
    transform: skewX(-10deg);
}

.faq_out .faq .items .item .bot {
    display: none;
    padding: 20px;
    transform: skewX(-10deg);
}

.faq_out .faq .items .item .bot p {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 300;
}

.faq_out .faq .items .item.active .top {}

.faq_out .faq .items .item.active .top p {}

.faq_out .faq .items .item.active .top .right {
    background: url(../assets/images/faq_arr_a.png) no-repeat center;
}

.faq_out .faq .items .item.active {
    background: url(../assets/images/faq_item_bg.png) no-repeat center, #1e19df;
    background-size: 200%;
}

.faq_out .contacts {}

.faq_out .contacts .content {}

.faq_out .contacts .block_name {
    text-align: center;
    opacity: 0.01;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 98px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 69px;
}

.faq_out .contacts h2 {
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    line-height: 29px;
    text-align: center;
    margin-top: -29px;
    margin-bottom: 27px;
}

.faq_out .contacts .desc {
    text-align: center;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 94px;
}

.faq_out .contacts .item {
    transition: .3s all ease-in-out;
    display: block;
    max-width: 758px;
    margin: 0 auto 24px;
    text-align: center;
    padding: 25px 15px 16px;
    color: #1f1ae0;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-decoration: none;
    background: url(../assets/images/item_bg.png) no-repeat center;
}

.faq_out .contacts .item a:active {
	color: #1f1ae0;
}

.faq_out .contacts .item a, .item.chat {
	text-decoration: none;
}
.faq_out .contacts .item a:hover,  .item.chat:hover {text-decoration: underline;}

.faq_out .contacts .item.chat {
    background: url(../assets/images/chat.png) no-repeat top 15px left calc(50% + 74px), url(../assets/images/item_bg.png) no-repeat center;
}

.faq_out .contacts .item.mail {
    background: url(../assets/images/email.png) no-repeat top 17px left calc(50% + 170px), url(../assets/images/item_bg.png) no-repeat center;
}

.faq_out .contacts .item.mail span {
    color: #ffffff;
}

footer {
    height: 180px;
    background: url(../assets/images/footer_bg.png) no-repeat center top;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
footer .content {text-align: center;}
footer p {    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;margin-bottom: 5px;}
footer a {    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
	text-decoration: none;
	}
	
	footer a:hover {
		text-decoration: underline;
	}

.block_name {opacity: 0 !important;}

.fancybox-slide--video .fancybox-content {max-width: 1200px !important;}








#download__page{text-align: center; color: #fff; padding: 250px 0; font-size: 15px;}
    #download__page.download__page{padding: 150px 0;}
    #download__page h1{text-transform: uppercase; font-size: 48px; padding: 0 0 75px; font-weight: 600;}
    .dd__key{padding: 30px 0 80px;}
        .dd__key .pass{font-size: 25px; font-weight: bold; color: #ffaa00; display: inline-block; padding: 0 15px 2px; margin-bottom: 10px; border-bottom: 1px solid #686871;}
            .dd__key .pass span{font-size: 16px; color: #fff;}


    #download__page .instruction{line-height: 2;}
        #download__page .instruction h3{display: inline-block; text-transform: uppercase; font-weight: 600; color: #ffaa00; padding: 5px 0 5px 32px; margin-bottom: 15px; font-size: 32px; background: url("../assets/images/manual.png") 0 50% no-repeat; line-height: 1.2;}
        #download__page .instruction a{color: #ffaa00; border-bottom: 1px solid transparent; text-decoration: none;}
            #download__page .instruction a:hover{border-color: #ffaa00}


    .reading__now{padding: 80px 0 0; margin-top: 80px; border-top: 1px solid #262632}
        .reading__now .bt{display: inline-block; padding: 12px 50px; color: #fff; text-transform: uppercase; font-weight: 700; background: #ff0000; font-size: 26px; transform: skewX(10deg);}
            .reading__now .bt span{transform: skewX(-10deg); display: block;}
        .reading__now ul{font-size: 13px; list-style: none;}
            .reading__now ul li{margin-top: 45px;}
            .reading__now ul p{margin-bottom: 7px;}
            .reading__now ul a{font-size: 12px; text-transform: uppercase; display: inline-block; text-decoration: none; color: #fff; font-weight: 700; padding: 5px 0 5px 32px; background: url("../assets/images/download_y.png") 0 50% no-repeat;}
                .reading__now ul a span{border-bottom: 1px solid #fff;}
                    .reading__now ul a span:hover{border-color: transparent;}

    .note__info{font-size: 20px; font-weight: 100; position: relative; top: -60px;}




.btn-yellow{
    width: 220px;
    height: 53px;
    border: 3px solid #ffaa00;
    background: #ffaa00;
    transform: skewX(10deg);
    color: #03030e;
    font-family: "Proxima Nova - Extrabld";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.66px;
    text-decoration: none;
    text-align: left;
    line-height: 50px;
    box-shadow: 0px 3px 10px #ffaa00;
    box-sizing: border-box;
    
    transition: .3s all ease-in-out;
    display: inline-block;
}

.btn-yellow span{
    transform: skewX(-10deg);
    display: block;
    color: #fff;
    font-family: "Proxima Nova";
    font-size: 14px;
    background: url("../assets/images/download.png") 36px 13px no-repeat;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: normal;
    padding-left: 75px;
}


.btn-yellow:hover {
    background-color: #de9400;
    border: 3px solid #de9400;
}





.btn-white{
    width: 250px;
    height: 53px;
    border: 3px solid #fff;
    background: #fff;
    transform: skewX(10deg);
    color: #000;
    font-family: "Proxima Nova - Extrabld";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2.66px;
    text-decoration: none;
    text-align: left;
    line-height: 50px;
    box-shadow: 0px 3px 10px #fff;
    box-sizing: border-box;
    
    transition: .3s all ease-in-out;
    display: inline-block;
}

.btn-white span{
    transform: skewX(-10deg);
    display: block;
    color: #000;
    font-family: "Proxima Nova";
    font-size: 14px;
    background: url("../assets/images/arr.png") 25px 16px no-repeat;
    letter-spacing: normal;
    padding-left: 67px;
}


.btn-white:hover {
    background-color: #e4e4e4;
    border-color: #e4e4e4;
}

.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col,.col-lg-6,.col-md-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
@media (min-width:768px){
.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
@media (min-width:992px){
.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
}
@media print{
*,::after,::before{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
.container{min-width:992px!important;}
}

.review .section-title{text-align:center;}
.review .section-title h2{font-weight:700;text-transform:uppercase;font-size:21px;color:#fff;}
.review .section-title h2 span{color:#fff;}
.review .section-title .decoration{display:block;width:30px;height:4px;background:#ffb711;margin:0 auto;margin-top:8px;}
.review_title{margin:20px 0;}
.review_title h2{color:#fff!important;}
.review_video{margin:0 auto;z-index:10;position:relative;margin:0 5%;padding-bottom:50%;height:0;border:2px solid #FFB711;-webkit-border-radius:4px;border-radius:4px;box-shadow: 0 0 1rem 0 rgba(255,183,17,1);}
.review_video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.review .bottom-video .review_video{margin:0 28%;padding-bottom:24.5%;}
@media (max-width:991.98px){
.review .bottom-video .review_video{margin:0 5%;padding-bottom:50%;}
}

.modal-block {
    display: none;
    background-image: url("../assets/images/modal-background.png") !important;
    background-size: cover !important;
    cursor: default !important;
}

.header-modal {
    border-bottom: 2px solid #2d2935;
    margin-bottom: 20px;
}

.modal-heading {
    font-family: "Proxima Nova - Semibold";
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #fff;
}

.modal-title {
    font-family: "Proxima Nova - Semibold";
    font-weight: 500;
    font-size: 16px;
    color: #716a85;
    margin-top: 5px;
    margin-bottom: 15px;
}

.modal-title span {
    color: #423efd;
}

.input-label {
    display: none;
    color: #da3928;
    margin-top: 5px;
}

.modal-button {
    display: block;
    max-width: 240px;
    font-family: "Proxima Nova - Semibold";
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(to bottom, #5956df, #423efd);
    color: #fff;
    text-transform: uppercase;
    padding: 12px 30px;
    cursor: pointer;
    border: none;
    border-radius: 2em;
    margin: 35px auto 0 auto;
    transition: .25s;
}

.modal-button:hover {
    color: #fff;
    box-shadow: 0 0 10px #0500ff;
}

.form-control {
  font-family: "Proxima Nova - Semibold"; 
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}