.site-form {
    max-width: 700px;
    margin: auto
}

.site-form .input-group {
    position: relative;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: #fff;
    height: 50px
}

.site-form .input-group label {
    font-size: 0
}

.site-form .form-control {
    font-size: 16px;
    color: #000;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    border: none;
    line-height: normal;
    padding: 17px 20px;
    max-width: calc(100% - 50px);
    background: 0 0
}

.site-form .form-control::-webkit-input-placeholder {
    color: #666;
    line-height: 25px
}

.site-form .form-control::-moz-placeholder {
    color: #666;
    line-height: 25px
}

.site-form .form-control:-ms-input-placeholder {
    color: #666;
    line-height: 25px
}

.site-form .form-control::-ms-input-placeholder {
    color: #666;
    line-height: 25px
}

.site-form .form-control::placeholder {
    color: #666;
    line-height: 25px
}

.site-form .search-box {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    cursor: pointer;
    position: absolute;
    top: -1px;
    right: 0px;
}

.site-form .search-box .btn {
    min-width: auto;
    width: 100%;
    height: 50px;
    position: relative;
    background: url(../images/icons/AR-icon-small1.png) no-repeat -172px 5px;
    cursor: pointer;
    font-size: 0
}

.site-form .search-box .btn:hover {
    background-position-x: -213px
}

.banner {
    background: #1b2eac;
    background-image: -webkit-gradient(linear, left top, right top, from(#0d81f8), color-stop(50%, #1456d0), to(#1b2eac)), -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2));
    background-image: -o-linear-gradient(left, #0d81f8 0, #1456d0 50%, #1b2eac 100%), -o-linear-gradient(#f2f2f2, #f2f2f2);
    background-image: linear-gradient(90deg, #0d81f8 0, #1456d0 50%, #1b2eac 100%), linear-gradient(#f2f2f2, #f2f2f2);
    background-blend-mode: normal, normal;
    text-align: center
}

.banner .container {
    padding-top: 90px;
    padding-bottom: 90px;
    color: #fff
}

.banner h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 64px;
    margin-bottom: 20px
}

.banner .site-form .input-group,
.banner .site-form .search-box,
.banner .site-form .search-box .btn {
    height: 60px
}

.banner .site-form .search-box {
    background-color: #e6e6e6;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.banner .site-form .search-box .btn {
    background-position-y: 15px
}

.banner .site-form .search-box .btn:hover {
    background-position-x: -213px
}

.banner p {
    margin-top: 40px;
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

.sales {
    background-color: #f7f7f7
}

.sales .container {
    padding-top: 100px;
    padding-bottom: 100px
}

.sales h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #1a1a1a
}

.collapsed-box {
    margin-top: 80px
}

.collapsed-box .collapsed {
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 20px
}

.collapsed-box .collapsed.active,
.collapsed-box .collapsed:hover {
    -webkit-box-shadow: 0 15px 20px 0 rgba(15, 76, 200, .2);
    box-shadow: 0 15px 20px 0 rgba(15, 76, 200, .2)
}

.collapsed-box .collapsed.active h3,
.collapsed-box .collapsed:hover h3 {
    color: #005fe6
}

.collapsed-box .collapsed.active h3:after,
.collapsed-box .collapsed:hover h3:after {
    background-position: -407px -82px
}

.collapsed-box .collapsed.active {
    padding-bottom: 10px
}

.collapsed-box .collapsed.active h3:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.collapsed-box h3 {
    padding: 30px 45px 30px 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #1a1a1a;
    position: relative
}

.collapsed-box h3::after {
    content: '';
    width: 19px;
    height: 10px;
    background: url(../images/icons/AR-icon-small1.png) no-repeat -368px -82px;
    position: absolute;
    top: 37px;
    right: 27px
}

.collapsed-box p {
    font-size: 16px;
    line-height: 26px;
    color: #444;
    display: none;
    padding: 0 45px 0 30px;
    position: relative;
    top: -20px
}

.collapsed-box a {
    font-size: 16px;
    color: #005fe6
}

.technical {
    background-color: #f2f2f2
}

.technical .container {
    padding-top: 100px;
    padding-bottom: 100px
}

.technical h2 {
    font-size: 40px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center
}

.technical [data-role=tog-cnt-it] {
    display: none
}

.technical [data-role=tog-cnt-it].active {
    display: block
}

.technical .tog-btn-bx {
    border-bottom: 1px solid #d9d9d9;
    padding-left: 20px;
    padding-right: 20px
}

.technical .tog-btn-bx li {
    padding: 20px;
    position: relative;
    font-weight: 700;
    font-size: 24px;
    color: #1a1a1a
}

.technical .tog-btn-bx li[data-role=tog-btn] {
    cursor: pointer;
    text-align: center
}

.technical .tog-btn-bx li.active,
.technical .tog-btn-bx li:hover {
    color: #005fe6
}

.technical .tog-btn-bx li.active .icon.ic-rey,
.technical .tog-btn-bx li:hover .icon.ic-rey {
    background-position: -370px -549px
}

.technical .tog-btn-bx li.active .icon.ic-wchat,
.technical .tog-btn-bx li:hover .icon.ic-wchat {
    background-position: -271px -549px
}

.technical .tog-btn-bx li.active:after {
    width: 100%;
    left: 0
}

.technical .tog-btn-bx li::after {
    content: '';
    display: block;
    border-bottom: 6px solid #005fe6;
    position: absolute;
    width: 0%;
    bottom: 0;
    left: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.technical .tog-btn-bx li .icon {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 32px;
    margin-right: 5px;
    background: url(../images/icons/AR-icon-small1.png) no-repeat;
    -webkit-transition: ease-in .5s;
    -o-transition: ease-in .5s;
    transition: ease-in .5s;
    background-position-y: -549px
}

.technical .tog-btn-bx li .icon.ic-rey {
    background-position: -318px -549px
}

.technical .tog-btn-bx li .icon.ic-wchat {
    background-position: -231px -549px
}

.technical .collapsed-box h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    padding-right: 50px;
    color: #1a1a1a
}

.technical .collapsed-box p {
    font-size: 16px;
    line-height: 40px;
    color: #444
}