@CHARSET "UTF-8";
html, body
{
    padding: 0;
    margin: 0;
    height: 100%;
}

body
{
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    font-size: 20px;
    color: #2d2d2d;
    font-weight: 400;
}

.content-width
{
    width: 80%;
    /*min-width: 1200px;*/
    min-width: 1100px;
    margin: 0 auto;
}

.relative
{
    position: relative;
}

.hidden
{
    display: none;
}

#logo
{
    margin-left: 20px;
    margin-top: 70px;
    margin-bottom: 70px;
    font-weight: bold;
    font-size: 48px;
    text-transform: none;
}

#logo .gloryon
{
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    color: #ef3037;
    text-transform: uppercase;
}

#invite
{
    margin-bottom: 70px;
    position: relative;
    text-align: right;
}

#invite .photo
{
    width: 40%;
    position: absolute;
    left: 20px;
    top: 0px;
    z-index: 1;
}

#invite .photo img
{
    width: 100%;
}

#invite .dbox
{
    margin-top: 30px;
    text-align: left;
    display: inline-block;
    width: 65%;
    box-sizing: border-box;
    padding: 55px 55px 75px;
    -webkit-box-shadow: 6px 6px 30px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 30px -4px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 30px -4px rgba(0,0,0,0.75);
    position: relative;
    background: #fff;
    z-index: 2;
}

#invite .dbox .title
{
    font-weight: 600;
    font-size: 2.2vw;
    margin-bottom: 30px;
}

#invite .dbox .video-container
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

#invite .dbox .video-container > div
{
    width: 50%;
    flex-grow: 1;
}

#invite .dbox .about
{
    margin-top: 30px;
}

#invite .dbox .about .title
{
    font-weight: 600;
    font-size: 1.5vw;
    margin-bottom: 20px;
}

#invite .dbox .about .button
{
    margin-top: 20px;
}

.button
{
    font-weight: 600;
    font-size: 28px;
    color: #ef3037;
    border: solid 3px #ef3037;
    padding: 8px 25px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

#about
{
    padding: 70px 0px 70px 30px;
    overflow: hidden;
}

#about .title
{
    text-align: center;
    color: #3e3e3e;
    font-size: 2.7vw;
    font-weight: 600;
    margin-bottom: 70px;
    text-transform: uppercase;
}

#about .list-container
{
    display: flex;
    justify-content: flex-start;
}

#about .list-container .item
{
    flex-grow: 1;
    text-align: center;
    position: relative;    
    margin-right: 30px;
    width: 25%;
}

#about .list-container .item:last-child
{
    margin-right: 0px;
}

#about .list-container .item .button-container
{
    position: absolute;
    left: 50%;
    bottom: 0;
}

#about .list-container .item .button
{
    position: relative;
    left: -50%;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 25px;
}

#about .list-container .item .img-container
{
    position: relative;
}

#about .list-container .item img
{
    opacity: 0.6;
    width: 100%;
}

#about .list-container .item .img-container a.title
{
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 0px;
    font-weight: 700;
    color: #3e3e3e;
    font-size: 25px;
    left: 0;
    top: 50%;
    margin-top: -50px;
    z-index: 1;
    text-decoration: none;
}

#about .list-container .item:hover img
{
    opacity: 1;
}

#about .list-container .item:hover .img-container a.title
{
   background: rgba(255, 255, 255, 0.65); 
}

#about .list-container .item .text
{
    text-align: left;
    margin-top: 20px;
    margin-bottom: 30px;
}

#system
{
    position: relative;
    overflow: hidden;
    min-width: 1200px;
}

#system img
{
    width: 100%;
}

#system .title-container
{
    position: absolute;
    top: 12%;
    left: 50%;
    z-index: 1;
}

#system .title-container .title
{
    position: relative;
    left: -50%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.55vw;
    color: #fff;
    white-space: nowrap;
}

#system .info
{
    position: absolute;
    top: 30%;
    width: 90%;
}

#system .info .items
{
    padding-left: 50%;
}

#system .item
{
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: left 10px;
    color: #fff;
    margin-bottom: 5%;
    font-size: 1.7vw;
}

#system .item .title
{
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.1vw;
    margin-bottom: 5px;
}

#system .item.gift
{
    background-image: url('https://st.gloryon.com/img/bs/icon-gift.png');
}

#system .item.money
{
    background-image: url('https://st.gloryon.com/img/bs/icon-money.png');
}

#system .item.people
{
    background-image: url('https://st.gloryon.com/img/bs/icon-people.png');
}

#system .button-container
{
    text-align: center;
    margin-top: 3vw;
    position: absolute;
    bottom: 10%;
    width: 100%;
}

#system .button-container .button-red
{
    padding: 1.4vw 3.2vw;
    font-size: 1.6vw;
}

.button-red
{
    font-weight: 600;
    padding: 1.4vw 3.2vw;
    font-size: 1.6vw;
    background: #ef3037;
    border: solid 3px #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

#mentor
{
    margin-top: 70px;
}

#mentor .title
{
    text-align: center;
    font-weight: 600;
    font-size: 2.7vw;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.red
{
    color: #ef3037;
}

#mentor .data-container
{
    overflow: hidden;
}

#mentor .data-container .photo
{
    float: left;
    width: 43%;
    margin-right: 4%;
    margin-left: 25px;
}

#mentor .data-container .photo img
{
    width: 100%;
}

#mentor .data-container .info
{
    float: left;
    width: 50%;
    color: #3b3b3b;
}

#mentor .data-container .info .title
{
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: left;
}

#mentor .data-container .info .social
{
    margin-top: 30px;
    overflow: hidden;
}

#mentor .data-container .info .social a
{
    display: block;
    float: left;
    margin-right: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 60px;
    height: 60px;
    margin-bottom: 30px;
}

#mentor .data-container .info .social a.skype
{
    background-image: url('https://st.gloryon.com/img/bs/skype.png');
}

#mentor .data-container .info .social a.whatsapp
{
    background-image: url('https://st.gloryon.com/img/bs/whatsapp.png');
}

#mentor .data-container .info .social a.email
{
    background-image: url('https://st.gloryon.com/img/bs/email.png');
}

#mentor .data-container .info .social a.facebook
{
    background-image: url('https://st.gloryon.com/img/bs/facebook.png');
}

#mentor .data-container .info .social a.instagram
{
    background-image: url('https://st.gloryon.com/img/bs/instagram.png');
}

#mentor .data-container .info .social a.ok
{
    background-image: url('https://st.gloryon.com/img/bs/ok.png');
}

#mentor .data-container .info .social a.periscope
{
    background-image: url('https://st.gloryon.com/img/bs/periscope.png');
}

#mentor .data-container .info .social a.phone
{
    background-image: url('https://st.gloryon.com/img/bs/phone.png');
}

#mentor .data-container .info .social a.telegram
{
    background-image: url('https://st.gloryon.com/img/bs/telegram.png');
}

#mentor .data-container .info .social a.vk
{
    background-image: url('https://st.gloryon.com/img/bs/vk.png');
}

#mentor .data-container .info .who .title
{
    margin-top: 70px;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
}

#mentor .data-container .info .who .icons
{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 18px;
    color: #ef3037;
    text-align: left;
    text-transform: uppercase;
}

#mentor .data-container .info .who .icons div
{
    display: block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-top: 80px;
}

#mentor .data-container .info .who .icons div.enter
{
    background-image: url('https://st.gloryon.com/img/bs/enter.png');
}

#mentor .data-container .info .who .icons div.teach
{
    background-image: url('https://st.gloryon.com/img/bs/teach.png');
}

#mentor .data-container .info .who .icons div.help
{
    background-image: url('https://st.gloryon.com/img/bs/help.png');
}

#life
{
    position: relative;
    overflow: hidden;
    min-width: 1200px;
}

#life img
{
    width: 100%;
}

#life .title-container
{
    position: absolute;
    top: 20vw;
    left: 50%;
    z-index: 1;
}

#life .title-container > div
{
    position: relative;
    left: -50%;
    text-align: center;
}

#life .title-container .title
{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.7vw;
    color: #fff;
    white-space: nowrap;
}

#life .title-container .trip
{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2vw;
    color: #fff;
    white-space: nowrap;
    margin-top: 5vw;
}

#life .title-container .text
{
    font-weight: 400;
    font-size: 1.7vw;
    color: #fff;
    white-space: nowrap;
    margin-top: 4vw;
}

#life .title-container .button-red
{
    margin-top: 4.5vw;
    padding: 1.4vw 3.2vw;
    font-size: 1.5vw;
}

#business
{
    position: relative;
    overflow: hidden;
    min-width: 1200px;
    top: -10px;
}

#business img
{
    width: 100%;
}

#business .title-container
{
    position: absolute;
    top: 2vw;
    left: 50%;
    z-index: 1;
}

#business .title-container .title
{
    position: relative;
    left: -50%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.7vw;
    color: #000;
    white-space: nowrap;
}

#business .container
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -2vw;
    left: 0;
}

#business .circle-container
{
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#business .circle
{
    /*width: 40%;*/
    width: 29.5vw;
    border-radius: 50%;
    text-align: left;
    margin-right: 2%;
    position: relative;
    color: #fff;
    font-size: 1.5vw;
}

#business .circle::after 
{
  content: "";
  display: block;
  padding-bottom: 95%;
}

#business .circle .content
{
    position: absolute;
    width: 75%;
    height: 100%;
    top: 15%;
    left: 15%;
}

#business .circle .title
{
    font-size: 1.8vw;
    text-transform: uppercase;
    margin-bottom: 2vw;
    position: relative;
    left: 30px;
}

#business .circle ul li
{
    padding-left: 10px;
    margin-top: 1vw;
}

#business .circle.gray
{
    background: rgba(39,39,39,0.7);
}

#business .circle.green
{
    background: rgba(130,171,41,0.7);
}

#business .circle.gray ul
{
    list-style-image: url('https://st.gloryon.com/img/bs/icon-list-none.png');
}

#business .circle.green ul
{
    list-style-image: url('https://st.gloryon.com/img/bs/icon-list-ok.png');
}

#business .slide-switcher-container
{
    position: absolute;
    bottom: 8%;
    left: 50%;
}

#business .slide-switcher
{
    position: relative;
    left: -50%;
}

#business .slide-switcher a
{
    font-size: 1.5vw;
    padding: 1vw 2vw;
}

.slide-switcher
{
    border: solid 3px #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
}

.slide-switcher a
{
    display: inline-block;
    padding: 17px 30px;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase; 
    text-decoration: none;
    border-right: solid 3px #fff;
}

.slide-switcher a:last-child
{
    border-right: none;
}

.slide-switcher a.active
{
    background: #fff;
    color: #ef3037;
    cursor: default;
}


#company
{
    margin-top: 70px;
}

#company .title
{
    text-align: center;
    font-weight: 600;
    font-size: 2.7vw;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#company .title2
{
    font-size: 36px;
    margin-top: 50px;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
}

#company .title3
{
    font-size: 24px;
    margin-bottom: 70px;
    text-align: center;
}

#company .timeline-container
{
    position: relative;
}

#company .timeline
{
    margin-bottom: 70px;
    overflow: hidden;
}

#company .timeline-container .prev
{
    width: 30px;
    height: 45px;
    background: url('https://st.gloryon.com/img/bs/slider-nav-left.png') no-repeat left top;
    position: absolute;
    top: 155px;
    margin-top: -23px;
    left: 0px;
    cursor: pointer;
    z-index: 10;
    opacity: 0.2;
}

#company .timeline-container .prev.disabled
{
    filter: grayscale(100%);
    cursor: default;
}

#company .timeline-container .next.disabled
{
    filter: grayscale(100%);
    cursor: default;
}

#company .timeline-container .prev.disabled:hover
{
    opacity: 0.2;
}

#company .timeline-container .next.disabled:hover
{
    opacity: 0.2;
}

#company .timeline-container .next
{
    width: 30px;
    height: 45px;
    background: url('https://st.gloryon.com/img/bs/slider-nav-right.png') no-repeat left top;
    position: absolute;
    top: 155px;
    margin-top: -23px;
    right: -0px;
    cursor: pointer;
    z-index: 10;
    opacity: 0.2;
}

#company .timeline-container .prev:hover
{
    opacity: 1;
}

#company .timeline-container .next:hover
{
    opacity: 1;
}

#company .timeline .item
{
    width: 357px;
    float: left;
    margin-right: 29px;
    list-style-image: none;
    list-style-type: none;
    
}

#company .timeline .item .date
{
    font-weight: bold;
    color: #ef3037;
    font-size: 30px;
}

#company .timeline .item .event
{
    font-size: 25px;
    margin-bottom: 30px;
    height: 50px;
}

#company .timeline .item:last-child .event
{
    font-weight: bold;
    font-size: 35px;
    color: #ccc;
    margin-top: 40px;
}

#company .timeline .item .icon
{
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    margin-bottom: 30px;
    height: 30px;
}

#company .timeline .item .icon::after
{
    height: 3px;
    width: 316px;
    background: #2d2d2d;
    position: absolute;
    right: 0px;
    top: 13px;
    content: "";
}

#company .timeline .item .icon.office
{
    background-image: url('https://st.gloryon.com/img/bs/icon-office.png');
}

#company .timeline .item .icon.radonta
{
    background-image: url('https://st.gloryon.com/img/bs/icon-radonta.png');
}

#company .timeline .item .icon.shop
{
    background-image: url('https://st.gloryon.com/img/bs/icon-shop.png');
}

#company .timeline .item .icon.medal
{
    background-image: url('https://st.gloryon.com/img/bs/icon-medal.png');
}

#company .timeline .item .icon.y2005
{
    background-image: url('https://st.gloryon.com/img/bs/2005.png');
}

#company .timeline .item .icon.y2006
{
    background-image: url('https://st.gloryon.com/img/bs/2006.png');
}

#company .timeline .item .icon.y2007
{
    background-image: url('https://st.gloryon.com/img/bs/2007.png');
}

#company .timeline .item .icon.y2008
{
    background-image: url('https://st.gloryon.com/img/bs/2008.png');
}

#company .timeline .item .icon.y2009
{
    background-image: url('https://st.gloryon.com/img/bs/2009.png');
}

#company .timeline .item .icon.y2011
{
    background-image: url('https://st.gloryon.com/img/bs/2011.png');
}

#company .timeline .item .icon.y2012
{
    background-image: url('https://st.gloryon.com/img/bs/2012.png');
}

#company .timeline .item .icon.y2013
{
    background-image: url('https://st.gloryon.com/img/bs/2013.png');
}

#company .timeline .item .icon.y2014
{
    background-image: url('https://st.gloryon.com/img/bs/2014.png');
}

#company .timeline .item .icon.y2015
{
    background-image: url('https://st.gloryon.com/img/bs/2015.png');
}

#company .timeline .item .icon.y2016
{
    background-image: url('https://st.gloryon.com/img/bs/2016.png');
}

#company .timeline .item .icon.y2017
{
    background-image: url('https://st.gloryon.com/img/bs/2017.png');
}

#company .button-container
{
    text-align: center;
}

#money
{
    position: relative;
    overflow: hidden;
    min-width: 1200px;
    margin-top: 30px;
}

#money img
{
    width: 100%;
}

#money .title-container
{
    position: absolute;
    top: 15%;
    left: 50%;
    z-index: 1;
}

#money .title-container .title
{
    position: relative;
    left: -50%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.7vw;
    color: #fff;
    white-space: nowrap;
    text-align: center;
}

#money .title-container .title2
{
    position: relative;
    left: -50%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2vw;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    margin-top: 1.5vw;
}

#money .info
{
    position: absolute;
    width: 100%;
    top: 22vw;
    left: 0;
}

#money .info .container
{
    display: flex;
    justify-content: space-between;
}

#money .info .item
{
    background-repeat: no-repeat;
    background-position: left top;
    background: #fff;
    font-size: 1vw;
    position: relative;
    width: 15vw;
    z-index: 2;
    padding-top: 3vw;
    text-align: center;
    padding-bottom: 1.15vw;
}

#money .info .item .circle
{
    width: 6vw;
    height: 6vw;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -3vw;
    top: -3vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    
}

#money .info .item .circle img
{
    width: 50%;
}

#money .info .item .title
{
    font-weight: 700;
    font-size: 1.3vw;
    color: #333;
    font-style: italic;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

#money .info .item .divider
{
    width: 3vw;
    height: 5px;
    background: #f22952;
    margin: 0.8vw auto 0.8vw;
}

#money .info .item .price
{
    border: 1px solid #e8e8e8;
    background-color: #fafafa;
    padding: 1.2vw 0;
    text-align: center;
    color: #222;
    line-height: 1.5vw;
    font-size: 1.2vw;
    margin-top: 0.65vw;
}

#money .info .item .price .red
{
    color: #f32c2f;
    font-weight: 700;
}

#money .info .item .noauto
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    font-family: "Open Sans";
    font-size: 1vw;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2vw;
    background: url('https://st.gloryon.com/img/bs/no-auto.png') no-repeat 50% 50%;
    padding: 3.1vw 1vw;
    background-size: contain;
}

#money .info .item .auto
{
    text-align: center;
    
}

#money .info .item .auto .title
{
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    font-size: 0.95vw;
    font-weight: 700;
    font-style: normal;
}

#money .info .item .auto img
{
    width: 70%;
    margin: 0 auto;
}

#money .info .item .auto .model
{
    border: 1px solid #f22952;
    background-color: #f32c2f;
    color: #fff;
    font-size: 1.2vw;
    font-style: italic;
    padding: 0.1vw 0;
}

#money .info .item .auto .model-other
{
    padding: 0.5vw 1vw;
    font-size: 1vw;
    font-weight: 400;
}

#money .slide-switcher-container
{
    position: absolute;
    bottom: 10%;
    left: 50%;
}

#money .slide-switcher
{
    position: relative;
    left: -50%;
}

#money .slide-switcher a
{
    font-size: 1.5vw;
    padding: 1vw 2vw;
}

#product
{
    margin-top: 70px;
    margin-bottom: 70px;
}

#product .title
{
    text-align: center;
    font-weight: 600;
    font-size: 2.7vw;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#product .title2
{
    font-size: 2vw;
    margin-top: 50px;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center;
}

#product .list-container
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#product .list-container .item
{
    flex-grow: 1;
    text-align: center;
    position: relative;    
    margin-right: 30px;
    margin-top: 20px;
    width: 25%;
}

#product .list-container .item .img-container
{
    position: relative;
}

#product .list-container .item img
{
    opacity: 0.6;
}

#product .list-container .item .img-container a.title
{
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 0px;
    font-weight: 700;
    color: #3e3e3e;
    font-size: 25px;
    left: 0;
    top: 60%;
    margin-top: -50px;
    z-index: 1;
    text-decoration: none;
}

#product .list-container .item:hover img
{
    opacity: 1;
}

#product .list-container .item:hover .img-container a.title
{
   background: rgba(255, 255, 255, 0.65); 
}

#product .icons
{
    margin-top: 50px;
    margin-bottom: 40px;
    padding: 0px 30px;
    display: flex;
    justify-content: space-between;
}

#product .icons .icon
{
    font-size: 1.4vw;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
    padding: 20px 100px;    
    margin-bottom: 10px;
}

#product .icons .icon.up
{
    background-image: url('https://st.gloryon.com/img/bs/product-icon-3.png');
}

#product .icons .icon.money
{
    background-image: url('https://st.gloryon.com/img/bs/product-icon-2.png');
}

#product .icons .icon.market
{
    background-image: url('https://st.gloryon.com/img/bs/product-icon-1.png');
}

#product .icons .icon.family
{
    background-image: url('https://st.gloryon.com/img/bs/product-family.png');
}

#network
{
    position: relative;
    overflow: hidden;
    min-width: 1200px;
    color: #fff;
    height: 786px;
    background: url('https://st.gloryon.com/img/bs/network-bg.jpg') no-repeat center center;
    
}

#network::before
{
    content: "";
    height: 40px;
    width: 100%;
    background: url('https://st.gloryon.com/img/bs/sh.png') repeat-x;
    top: 0;
    left: 0;
    position: absolute;
}

#network .title-container
{
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 1;
}

#network .title-container > div
{
    position: relative;
    left: -50%;
    text-align: center;
}

#network .title-container .title
{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.7vw;
    white-space: nowrap;
    color: #fff;
}

#network .title-container .title2
{
    margin-top: 20px;
    font-size: 2vw;
    white-space: nowrap;
}

#network .data
{
    position: absolute;
    left: 0;
    top: 25%;
    width: 100%;
}

#network .data .struct
{
    float: left;
    width: 40%;
    margin-right: 10%;
    text-align: right;
}

#network .data .struct img
{
    
}

#network .data .info
{
    width: 570px;
    height: 570px;
    border-radius: 50%;
    text-align: left;
    margin-right: 2%;
    position: relative;
    color: #fff;
    font-size: 1vw;
    background: rgba(12,12,12, 0.7);
    position: absolute;
    display: flex;
    justify-content: center;
    left: 50%;
}

#network .data .info::after
{
    content: url('https://st.gloryon.com/img/bs/network-icon.png');
    position: absolute;
    left: 78px;
    top: 16px;
    width: 67px;
    height: 88px;
}

#network .data .info li
{
    list-style-type: none;
    margin-bottom: 0.5vw;
}

#network .data .info .money
{
    color: #26485d;
    font-size: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#network .data .info .text
{
    font-size: 36px;
    font-weight: 600;
}

.next-block
{
    color: #484848;
    font-size: 2.7vw;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 30px;
    padding-bottom: 70px;
    position: relative;
    margin-bottom: 50px;
}

.next-block::after
{
    content: "";
    height: 40px;
    width: 100%;
    background: url('https://st.gloryon.com/img/bs/sh.png') repeat-x;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

.next-block::before
{
    content: "";
    height: 80px;
    width: 150px;
    background: url('https://st.gloryon.com/img/bs/sh-tr.png') no-repeat left top #fff;
    bottom: -42px;
    left: 50%;
    position: absolute;
    margin-left: -75px;
    z-index: 2;
}

#calc
{
    margin-top: 30px;
}

#calc .list
{
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 3px #ef3037;
}
    
#calc .list > div
{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;        
    border: solid 3px #484848;
    color: #484848;
    padding: 8px 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 22px;
    cursor: pointer;
}

#calc .list > div:hover
{
          
}
    
#calc .list > div.active:hover
{
    
}      
    
#calc .list > div.active
{
    border: solid 3px #ef3037;
    color: #fff;
    background: #ef3037;
}

#calc .data
{
    margin-top: 30px;
    overflow: hidden;
}

#calc .data .result
{
    width: 45%;
    float: left;
    margin-right: 5%;
}

#calc .data .result .title
{
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#calc .data .result .item
{
    background: url('https://st.gloryon.com/img/bs/icon-check.png') no-repeat left center;
    padding-left: 60px;
    font-size: 25px;
    margin-bottom: 10px;
    height: 40px;
    white-space: nowrap;
}

#calc .data .result .item .value
{
    font-weight: bold;
    font-size: 27px;
    margin-left: 8px;
    display: inline-block;
}

#calc .data .result .item .value-pf
{
    display: inline-block;
    margin-left: 5px;
}

#calc .data .result .descr
{
    margin-top: 100px;
    border-top: solid 3px #dcdcdc;
    padding-top: 25px;
    font-weight: 600;
    margin-bottom: 70px;
    color: #484848;
}

#calc .data .car
{
    width: 50%;
    float: left;
}

#calc .data .car .title
{
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#calc .data .car .imgs
{
    margin-bottom: 30px;
}

#calc .data .car .list
{
    border-bottom: none;
}

#calc .data .car .list > div
{
    text-transform: uppercase;
}

#calc .data .car .imgs img
{
    width: 100%;
}

#form
{
    margin-top: 30px;
}

#form .container
{
    display: flex;
    flex-wrap: wrap;
}

#form input
{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: solid 3px #2d2d2d;
    width: 90%;
    box-sizing: border-box;
    padding: 5px 30px;
    height: 60px;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
}

#form .submit
{
	position: relative;
	top: 9px;
}

#form .form__error
{
	color: red;
	padding-left: 33px;
	margin-top: 5px;
}

#form .container > div
{
	width: 30%;
	margin-bottom: 25px;
	margin-right: 30px;
}

input.input-error
{
	border: solid 3px red !important;
}

#form input::placeholder
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 30px;
}

#form .container a
{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: solid 3px #ef3037;
    background: #ef3037;
    width: 30%;
    box-sizing: border-box;
    padding: 5px 30px;
    height: 60px;
    font-size: 30px;
    margin-right: 30px;
    margin-bottom: 25px; 
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

#form .text
{
    margin-top: 10px;
    text-align: center;
    margin-bottom: 100px;
}

#form a
{
    color: #000;
}

.scrollbar 
{
	margin: 0 0 1em 0;
	height: 2px;
	background: #ccc;
	line-height: 0;
    margin-bottom: 30px;
}
.scrollbar .handle 
{
	width: 100px;
	height: 100%;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea 
{
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

.modal
{
	padding: 40px 40px;
	display: none;
	position: absolute;
	z-index: 10;
	width: 620px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	background: #fff;
    text-align: center;
}

.modal .title
{
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
    color: #000;
    text-transform: uppercase;
}

.modal img
{
    margin-bottom: 30px;
}

.modal .text
{
    font-weight: 400;
    font-size: 22px;
    color: #000;
    text-align: left;
}

.modal .close
{
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
    background: url('https://st.gloryon.com/img/bs/modal-close.png') no-repeat left top;
    width: 24px;
    height: 24px;
}

.modal_fon 
{
	position: absolute;
	z-index: 9;
	background: #000;
	opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/
	overflow: hidden;	
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#yield .list div:last-child
{
    position: relative;
}

#yield .list div:last-child::after
{
    position: absolute;
    right: -200px;
    content: '...рублей в месяц';
    font-size: 22px;
    color: #000;
}

#business .slide
{
    position: relative;
}

#money .slide
{
    position: relative;
}

.slick-prev
{
    width: 30px;
    height: 45px;
    background: url('https://st.gloryon.com/img/bs/slider-nav-left.png') no-repeat left top;
    position: absolute;
    top: 81%;
    left: 15%;
    cursor: pointer;
    z-index: 10;
    opacity: 0.5;
    font-size: 0px;
    border: none;
}

.slick-prev:hover
{
    opacity: 1;
}

.slick-next
{
    width: 30px;
    height: 45px;
    background: url('https://st.gloryon.com/img/bs/slider-nav-right.png') no-repeat left top;
    position: absolute;
    top: 81%;
    right: 15%;
    cursor: pointer;
    z-index: 10;
    opacity: 0.5;
    font-size: 0px;
    border: none;
}

#money .slick-prev
{
    top: 84%;
}

#money .slick-next
{
    top: 84%;
}

.slick-next:hover
{
    opacity: 1;
}

.slide-millionare .item .title
{
    font-weight: 400 !important;
}

.slide-millionare .item .title span
{
    white-space: nowrap;
}

.slide-millionare .money
{
    font-weight: bold;
    font-size: 1.7vw;
}

#gloryon
{
    background: #fff;
    opacity: 0.85;
    font-size: 10vh;
    font-weight: 300;
    color: #333;
    width: 11vh;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    padding-top: 1vh;
}

#gloryon .letter
{
    cursor: pointer;
    position: relative;
}

#gloryon .letter .active
{
    background: linear-gradient(to right, #f22728 0%, #ae0102 100%);    
    color: #fff;
    text-align: left;
    display: flex;
    padding-left: 20px;
}

#gloryon .letter .active .char
{
    position: relative;
    margin-right: 40px;
    display: inline-block;
}

#gloryon .letter .active .next
{
    font-size: 22px;
    font-style: italic;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#gloryon .letter .active .next span
{
    font-weight: 700;
}

.letter-g .active
{
    width: 250px;
}

.letter-l .active
{
    width: 200px;
}

.letter-o .active
{
    width: 360px;
}

.letter-r .active
{
    width: 280px;
}

.letter-y .active
{
    width: 200px;
}

.letter-opp .active
{
    width: 300px;
}

.letter-n .active
{
    width: 240px;
}

#gloryon .letter .active .char::after
{
    content: url('https://st.gloryon.com/img/bs/letter-arrow.png');
    position: absolute;
    right: -20px;
    top: -30px;
}

.letter.letter-active .unactive
{
    background: linear-gradient(to right, #f22728 0%, #ae0102 100%);   
    color: #fff;
}

#scrollLine
{
    width: 100%;
    height: 5px;
    background: red;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    display: none;
}

.scrollLine2
{
    width: 50%;
    height: 30px;
    background: green;
    position: absolute;
    left: 250px;
    top: 10px;
    z-index: 1000;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: none;
}

#confidentionalTable tr td:first-child
{
	vertical-align: top;
}