.hs-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*-------------------------------------------*/
/* boss */
.hs-boss-wrapper {
    position: relative;
    margin-top: -175px;
    z-index: 8;
    background: url(../images/bg-boss.png) no-repeat;
}

.hsb-boss {
    padding-top: 101px;
    padding-bottom: 74px;
}
    .hsb-boss__title {
        font-family: 'Playfair Display';
    }
    .hsb-boss__content {
        
    }
    .hsb-boss__left {
        width: 509px;
        float: left;
        margin-left: -45px;
    }
    .hsb-boss__right {
        float: left;
        width: 490px;
        margin-top: 155px;
        margin-left: 24px;
    }
        .hsb-boss__blockquote {
            font-size: 24px;
            font-weight: 300;
            position: relative;
            line-height: 28px;
            font-family: "Segoe Script";
            letter-spacing: -1px;
            margin-bottom: 29px;
        }
        .hsb-boss__blockquote:before,
        .hsb-boss__blockquote:after {
            content: "";
            position: absolute;
            display: block;
        }
        .hsb-boss__blockquote:before {
            background: url(../images/blockqote-r.png) no-repeat;
            top: -4px;
            left: -42px;
            height: 24px;
            width: 30px;
        }
        .hsb-boss__blockquote:after {
            background: url(../images/blockqote-l.png) no-repeat;
            bottom: 34px;
            right: 6px;
            height: 13px;
            width: 17px;
        }
            .hsb-boss__blockquote cite{
                font-family: Roboto;
                font-size: 12px;
                font-weight: 300;
                line-height: 22px;
                display: block;
                letter-spacing: normal;
            }
        .hsb-boss__right p{
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -0.03px;
        }



.hs-history-wrapper {
    position: relative;
}
    .hs-history-wrapper:after {
        content: "";
        z-index: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        background: url(../images/history-circle.png) no-repeat;
        height: 918px;
        width: 918px;
        margin-left: -459px;
        margin-top: -459px;
        display: block;
    }
/*-------------------------------------------*/
/* history */
.hsb-history {
    width: 785px;
    margin: 0 auto;
    padding-top: 280px;
    padding-bottom: 313px;
    position: relative;
    z-index: 1;
}
    .hsb-history__title {
        
    }
    .hsb-history__slider {
        
    }
        .hsb-history__slider-prev,
        .hsb-history__slider-next {
            position: absolute;
            top: 550px;
            height: 56px;
            width: 23px;
            cursor: pointer;
        }
        .hsb-history__slider-prev {
            left: -172px;
            background: url(../images/history-left.png) no-repeat;
        }
        .hsb-history__slider-next {
            right: -127px;
            background: url(../images/history-right.png) no-repeat;
        }
        .hsb-history__slider-list {
            
        }
            .hsb-history__item {
                
            }
                .hsb-history__item-left {
                    width: 300px;
                    float: left;
                    margin-top: 28px;
                }
                .hsb-history__item-right {
                    width: 425px;
                    height: 280px;
                    float: left;
                    position: relative;
                    margin-left: 33px;
                    margin-top: 24px;
                }
                    .hsb-history__item-right iframe{
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                    .hsb-history__item-right-arrow {
                        font-family: 'Segoe Script';
                        font-size: 16px;
                        line-height: 20px;
                        letter-spacing: -1.2px;
                        position: absolute;
                        right: 460px;
                        bottom: 274px;
                        text-align: right;
                    }
                    .hsb-history__item-right-arrow:before {
                        content: "";
                        position: absolute;
                        top: -38px;
                        right: -84px;
                        width: 84px;
                        height: 72px;
                        background: url(../images/history-arr.png) no-repeat;
                    }
                    
                .hsb-history__item-title {
                    font-size: 26px;
                    line-height: 20px;
                    font-family: 'Playfair Display';
                }
                .hsb-history__item-subtitle {
                    font-size: 14px;
                    line-height: 20px;
                    margin-top: 6px;
                }
                .hsb-history__item-list {
                    padding-left: 27px;
                    font-size: 16px;
                    line-height: 20px;
                    margin-top: 7px;
                }
                    .hsb-history__item-list li {
                        position: relative;
                        list-style: none;
                    }
                    .hsb-history__item-list li + li{
                        margin-top: 8px;
                    }
                    .hsb-history__item-list li:before {
                        content: "";
                        display: block;
                        position: absolute;
                        left: -27px;
                        top: 0;
                        background-repeat: no-repeat;
                        height: 20px;
                        width: 20px;
                        overflow: hidden;
                    }
                
    .hsb-history_icon1:before  { background-image: url(../images/h-icon1.png); }
    .hsb-history_icon2:before  { background-image: url(../images/h-icon2.png); }
    .hsb-history_icon3:before  { background-image: url(../images/h-icon3.png); }
    .hsb-history_icon4:before  { background-image: url(../images/h-icon4.png); }
    .hsb-history_icon5:before  { background-image: url(../images/h-icon5.png); }
    .hsb-history_icon6:before  { background-image: url(../images/h-icon6.png); }
    .hsb-history_icon7:before  { background-image: url(../images/h-icon7.png); }
    .hsb-history_icon8:before  { background-image: url(../images/h-icon8.png); }
    .hsb-history_icon9:before  { background-image: url(../images/h-icon9.png); }
    .hsb-history_icon10:before { background-image: url(../images/h-icon10.png); }
    .hsb-history_icon11:before { background-image: url(../images/h-icon11.png); }
/*-------------------------------------------*/
/* media */
@media (max-width: 1500px) {
    .hsb-history__slider-prev {
        left: -53px;
    }
    .hsb-history__slider-next {
        right: -53px;
    }
}

@media (max-width: 1199px) {
    .hsb-boss__left {
        margin-left: 0;
    }
    .hsb-boss__right {
        width: 461px;
    }
    
    .hsb-history__slider-prev {
        left: -70px;
    }
    .hsb-history__slider-next {
        right: -70px;
    }
}
@media (max-width: 999px) {
    .hsb-boss__right {
        width: 293px;
        margin-left: 0;
        margin-top: 30px;
    }
}
@media (max-width: 992px) {

    .hsb-history__slider-prev {
        left: -55px;
    }
    .hsb-history__slider-next {
        right: -55px;
    }
}

@media (max-width: 920px) {
    .hsb-history {
        width: auto;
        margin-left: 50px;
        margin-right: 50px;
    }
    .hsb-history__item-left,
    .hsb-history__item-right {
        float: none;
    }
    .hsb-history__item-left {
        width: 100%;
    }
    .hsb-history__item-right {
        margin: 0 auto;
    }
    .hsb-history__item-right-arrow {
        display: none !important;
    }
}

@media (max-width: 840px) {
    .hsb-boss__left,
    .hsb-boss__right {
        float: none;
    }
    .hsb-boss__left {
        margin: 0 auto;
    }
    .hsb-boss__right {
        width: 100%;
        margin-top: 0;
    }
        .hsb-boss__blockquote {
            padding-left: 45px;
            padding-right: 25px;
            margin-bottom: 15px;
        }
        
        .hsb-boss__blockquote:before {
            left: 0;
        }
}
@media (max-width: 510px) {
    .hsb-boss__left {
        text-align: center;
        width: 100%;
    }
        .hsb-boss__left img{
            max-width: 100%;
            max-height: 100%;
            display: inline-block;
        }
    
    .hsb-history__item-right {
        width: 100%;
        height: auto;
    }
}
/*-------------------------------------------*/
/* step */
.step:hover .step-alt {
    display: block;
    opacity: 1;
}
.step:hover {
    z-index: 10;
}
.step-alt {
    transition: opacity 0.3s linear;
    opacity: 0;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 500;
    display: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 332px;
    margin-left: -77px;
    padding: 10px;
    border: 2px dotted #422823;
    background: url(../images/bg-step-bubble.png) 0 0 repeat;
}
@media (max-width: 1208px) {
    .step1 .step-alt {
        margin-left: 0;
    }
}
@media (max-width: 1060px) {
    .step6 .step-alt
    .step5 .step-alt {
        margin-left: -96%;
    }
}
@media (max-width: 926px) {
    /*.step1 .step-alt {
        margin-left: -10px;
    }
    */
    .step5 .step-alt {
        margin-left: -215px;
    }
    .step6 .step-alt {
        margin-left: -185px;
    }
}
@media (max-width: 767px) {
    .step-alt {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        padding: 5px 15px;
        margin-left: 0;
        margin-right: 0;
        width: 270px;
        margin: 0 auto !important;
    }
}
/*-------------------------------------------*/
/* final-ask */
.wsb-final-ask {
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 72px;
    position: relative;
    /*top: -128px;*/
    background: url(../images/bg/bg-form.png) center 0 no-repeat;
}
.wsb-final-ask:after {
    content: '';
    display: table;
    clear: both;
    width: 100%;
    visibility: hidden;
}
    .wsb-final-ask__left {
        width: 40.4%;
        text-align: right;
        font-family: 'PlayFairDisplay';
        color: #fff;
        float: left;
    }
    .wsb-final-ask__title {
        line-height: 42px;
        margin-top: 4px;
    }
    .wsb-final-ask__subtitle {
        
        margin-top: 10px;
    }
    .wsb-final-ask__right {
        position: relative;
        float: left;
        margin-left: 105px;
        width: 246px;
    }
    .wsb-final-ask__right form {
        position: relative;
    }
    .wsb-final-ask__glass {
        position: absolute;
        width: 837px;
        height: 484px;
        background: url('../images/glass.png') 0 0 no-repeat;
        left: -80px;
        bottom: -148px;
    }
    .wsb-final-ask__right input + input {
        margin-top: 12px;
    }
    .wsb-final-ask__right input[type='text'] {}
    .wsb-final-ask__right input[type='submit'] {
        margin-top: 15px;
        padding: 0 36px;
        font-size: 17px;
        height: 47px;
        line-height: 40px;
        color: #fff;
        
    }
    .wsb-final-ask__right input[type='submit'] {
        background: rgba(0,0,0,0.1);
    }
@media (max-width: 999px) {
    .wsb-final-ask {
        padding-bottom: 172px;
    }
} 
@media (max-width: 910px) {
    .wsb-final-ask__right,
    .wsb-final-ask__left  {
        float: none;
        margin: 10px auto;
    }
    .wsb-final-ask__left {
        width: 340px;
        text-align: center;
    }
    .wsb-final-ask__subtitle br {
        display: none;
    }
    .wsb-final-ask__right {
        margin-top: 25px;
    }
    .wsb-final-ask__glass {
        display: none;
    }
    .wsb-final-ask {
        padding-top: 59px;
        padding-bottom: 232px;
    }
    .wsb-final-ask__title {
        line-height: 1;
    }
    .wsb-final-ask__subtitle {
        
    }
	.hs-boss-wrapper {
		-webkit-background-size: cover;
		background-size: cover;
	}
}

@media (max-width: 768px) {
    .hsb-history {
        padding-top: 150px;
    }
    .hs-history-wrapper:after {
        margin-top: -400px;
    }
    .section3 {
        margin-top: -370px;
        padding-top: 140px;
        padding-bottom: 250px;
    }
    .section6 {
        margin-top: -180px;
        padding-top: 150px;
    }
    .hs-boss-wrapper {
        -webkit-background-size: cover;
        background-size: cover;
    }
    .section8 {
        background: url(../images/bg/bg8-mob.png) repeat-y center top;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .section9 {
        margin-top: -180px;
    }
    .wsb-final-ask {
        padding-top: 50px;
        padding-bottom: 200px;
    }
}
@media (max-width: 767px) {
    .ws-help-arr {
        display: none;
    }
	.wsb-final-ask {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}
@media (max-width: 420px) {
    .wsb-final-ask {
        padding-top: 50px;
        padding-bottom: 170px;
    }
    .hs-boss-wrapper {
        background-size: cover;
    }
    .section6 {
        padding: 145px 0 28px;
        margin-top: -186px;
    }
    .hs-history-wrapper:after {
        margin-top: -542px;
    }
    .section3 {
        margin-top: -270px;
    }
    .section9 {
        margin-top: -270px;
    }
}
@media (max-width: 354px) {
    .wsb-final-ask__right,
    .wsb-final-ask__left  {
        width: 100%;
        text-align: center;
    }
}
@media (min-width: 1300px) {
    .wsb-parallax-layer-2 {
        left: 30%;
    }
    .hs-boss-wrapper {
        background: url(../images/bg-boss.png) center no-repeat;
    }
}

.s4 { 
    max-width: 358px;
    display: inline-block;
    background: rgba(0,0,0,.75);
    padding: 0 26px;
    padding-right: 0;
}