.casatrade-product-history {
    overflow: hidden;
    position: relative;
}

.removeTransition.slider-for {
    -webkit-transition: 500ms left cubic-bezier(0.65, 0.01, 0.24, 0.92);
    transition: 500ms left cubic-bezier(0.65, 0.01, 0.24, 0.92);
    -webkit-transition-duration: 2300ms;
    transition-duration: 2300ms;
}

.slider-for {
    position: relative;
    -webkit-transition: 500ms left cubic-bezier(0.65, 0.01, 0.26, 1.13);
    transition: 500ms left cubic-bezier(0.65, 0.01, 0.26, 1.13);
    -webkit-transition-duration: 2300ms;
    transition-duration: 2300ms;
}

/*.slider-for{position:relative;transition: 500ms left cubic-bezier(.75,0.5,0,1.20);transition-duration: 2300ms;}*/
.slider-for.scrolling {
    -webkit-transition: all 30ms linear;
    -moz-transition: all 30ms linear;
    transition: all 30ms linear;
}

.slider-nav {
    text-align: center;
    max-width: 1000px;
    margin: auto;
}

.slider-nav h3 {
    cursor: pointer;
    font-family: 'casafont';
    display: inline-block;
    margin: 0 10px;
    font-size: 20px;
    color: #333;
}

.slider-nav h3.active {
    color: #cf092c;
}

.slider-nav .slick-current h3 {
    font-size: 28px;
    top: -8px;
    position: relative;
}

.year-wrapper li {
    max-width: 300px;
    padding: 25px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 30px 50px 50px;
}

.year-wrapper li p {
    font-size: 15px;
    line-height: 1.6;
}

.year-content {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

.year-content.active {
    opacity: 1;
}

.year-wrapper ul {
    margin-bottom: 0;
}

.year-wrapper li span.adventnet {
    background: url('images/advent-logo.png') no-repeat;
    display: inline-block;
    width: 125px;
    height: 50px;
    background-size: 100%;
}

.year-wrapper li span.adventnet:after {
    display: none;
}

.year-wrapper li span {
    font-size: 22px;
    font-family: 'casafont';
    margin-bottom: 10px;
    display: inline-block;
}

.year-wrapper li span:after {
    background-image: url(images/product-icons-sprite-new@2x.png);
    margin: 0 0 20px;
    height: 64px;
    width: 64px;
    background-size: 650px auto;
    display: inline-block;
    content: '';
    -webkit-transform: scale(.5);
    transform: scale(.5);
    position: absolute;
    left: -45px;
    top: 6px;
}

.year-wrapper li .crm-icon:after {
    width: 60px;
}

.assist-icon:after {
    background-position: 0 0;
}

.appcreator-icon:after {
    background-position: -65px -260px;
}

.books-icon:after {
    background-position: -65px 0;
}

.bugtracker-icon:after {
    background-position: -130px -130px
}

.campaigns-icon:after {
    background-position: -130px 0;
}

.chat-icon:after {
    background-position: -195px 0;
}

.commentbox-icon:after {
    background-position: 0 -260px;
}

.connect-icon:after {
    background-position: -455px 0;
}

.contactmanager-icon:after {
    background-position: -390px 0;
}

.creator-icon:after {
    background-position: -260px 0;
}

.crm-icon:after {
    background-position: -332px 0;
}

.developer-icon:after {
    background-position: -325px -195px;
}

.discussions-icon:after {
    background-position: -195px -195px;
}

.docs-icon:after {
    background-position: -520px 0;
}

.expense-icon:after {
    background-position: -260px -195px;
}

.forms-icon:after {
    background-position: -260px -130px;
}

.invoice-icon:after {
    background-position: -585px 0;
}

.inventory-icon:after {
    background-position: -65px -195px;
}

.mail-icon:after {
    background-position: -65px -130px;
}

.marketplace-icon:after {
    background-position: -585px -130px;
}

.mdm-icon:after {
    background-position: -455px -195px;
}

.meeting-icon:after {
    background-position: 0 -65px;
}

.motivator-icon:after {
    background-position: -130px -195px;
}

.notebook-icon:after {
    background-position: -130px -65px;
}

.people-icon:after {
    background-position: -65px -65px;
}

.projects-icon:after {
    background-position: -195px -65px;
}

.recruit-icon:after {
    background-position: -260px -65px;
}

.reports-icon:after {
    background-position: -325px -65px;
}

.salesinbox-icon:after {
    background-position: -585px -195px;
}

.site24x7-icon:after {
    background-position: -455px -130px;
}

.salesiq-icon:after {
    background-position: -520px -130px;
}

.sdp-icon:after {
    background-position: -520px -195px;
}

.showtime-icon:after {
    background-position: -195px -195px;
}

.sheet-icon:after {
    background-position: -390px -65px;
}

.show-icon:after {
    background-position: 0 -130px;
}

.sites-icon:after {
    background-position: -455px -65px;
}

.social-icon:after {
    background-position: -390px -195px;
}

.subscriptions-icon:after {
    background-position: -390px -130px;
}

.support-icon:after {
    background-position: -520px -65px;
}

.survey-icon:after {
    background-position: -325px -130px;
}

.vault-icon:after {
    background-position: -195px -130px;
}

.wiki-icon:after {
    background-position: -130px -260px;
}

.writer-icon:after {
    background-position: -585px -65px;
}

.checkout-icon:after {
    background-position: -260px -260px;
}

.developer-icon:after {
    background-position: -325px -195px;
}

.year-wrapper li.no-logo span:after {
    display: none;
}

.year-wrapper li.no-logo .casatrade-one {
    font-size: 32px;
    font-family: "casafont";
}

.casatrade-building .content-wrap {
    max-width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0;
}

.casatrade-building a {
    background: #f0483e;
    color: #fff;
    padding: 10px 50px;
    display: inline-block;
    font-family: "casafont";
    margin-top: 70px;
}

.casatrade-building img {
    margin-top: 50px;
    vertical-align: bottom;
}

.casatrade-product-history .casatrade-product-history-inner {
    margin-top: 0px;
    padding-top: 0px;
}

.casatrade-product-history h2, .casatrade-product-history h2 + p {
    text-align: center;
}

.casatrade-product-history .no-logo h2, .casatrade-product-history .no-logo h2 + p {
    text-align: left;
}

.lead-text {
    margin: 60px 0 30px 0px;
}

.lead-text p {
    font-family: 'casafont';
    font-size: 22px;
    padding-top: 20px;
    position: relative;
}

.lead-text p:before {
    background: #f0483e;
    content: '';
    width: 80%;
    height: 3px;
    display: block;
    position: absolute;
    top: 0px;
}

.lead-text a {
    font-family: 'casafont';
}

.fixed-image {
    background-size: 100%;
    background-position: center;
    background-attachment: fixed;
    max-width: 1680px;
}

.fixed-image img, .fluid-image {
    opacity: 1;
    max-width: 100%;
}

.banner-section .fluid-image {
    max-width: 100%;
}

.image-gallery {
    width: 100%;
    max-width: 1680px;
    margin: 120px auto 30px;
    text-align: center;
}

.slider-wrapper-mobile {
    display: none;
}

.achievement-logo {
    margin-bottom: 10px;
    position: relative;
    left: -43px;
    max-width: 260px;
}

.bold-font {
    font-family: proxima_novasemibold;
}

.casatradelics-logo {
    max-width: 150px;
    margin-bottom: 20px;
}

.casatrade-building, .tenkasi-image-wrapper {
    position: relative;
}

.tenkasi-image-wrapper .foot-note {
    line-height: 1.4;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    font-family: "bodyFont";
}

.casatrade-building {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.casatrade-building .foot-note {
    line-height: 1.4;
    position: absolute;
    bottom: -5px;
    right: 3%;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    font-family: "bodyFont";
}

.year-wrapper a {
    color: #000;
    font-family: "casafont";
}

/*@media and (min-width: 1025px) {*/
@media only screen and (min-width: 1025px) {
    .aboutus-menu a {
        font-family: proxima_nova_rgregular;
    }

    .slider-for {
        border-bottom: 1px solid #000;
        width: 25000px;
        left: 0px;
        padding: 0 120px;
    }

    .year-wrapper {
        position: relative;
        margin: 100px 0px 0 20px;
        min-height: 300px;
    }

    .year-wrapper ul {
        margin-left: 40px;
    }

    .year-wrapper::after {
        width: 1px;
        height: 100%;
        content: '';
        display: block;
        background: #000;
        margin: 0;
        position: absolute;
        left: 0px;
        bottom: 0;
    }

    .year-wrapper::before {
        width: 8px;
        height: 8px;
        content: '';
        display: block;
        background: #000;
        top: -1%;
        left: -4px;
        border-radius: 50%;
        position: absolute;
    }

    .year-wrapper h3 {
        position: relative;
        top: -60px;
        left: -25px;
        font-size: 28px;
        display: inline-block;
        font-family: 'casafont';
    }

    .year-1996 li, .year-2001 li {
        top: -40px;
        padding: 30px 30px 30px 50px;
        margin: 0px 30px 50px 10px
    }

    .year-content {
        padding-left: 20px;
    }

    .year-content.active {
        opacity: 1;
    }

    .year-wrapper li:nth-child(2), .year-wrapper li:nth-child(4), .year-wrapper li:nth-child(6) {
        top: -100px;
    }

    .year-2006 li:nth-child(3) {
        top: 50px;
    }

    .scroll-left, .scroll-right {
        width: 150px;
        height: 430px;
        content: '';
        display: block;
        position: absolute;
        top: 276px;
        z-index: 1;
        transition: all 500ms ease;
        opacity: 0;
    }

    .scroll-left.active, .scroll-right.active, .scroll-left:hover, .scroll-right:hover {
        opacity: 1;
    }

    .scroll-left {
        left: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .7) 80%, rgba(255, 255, 255, 0) 100%)
    }

    .scroll-right {
        right: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .7) 80%, rgba(255, 255, 255, 0) 100%)
    }

    .scroll-right:after {
        background: url(/system/view/site/layout/img/right.png) no-repeat;
        background-size: 30px;
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 70px;
        top: 40%;
        right: 20px;
        transition: all 500ms ease;
    }

    .scroll-left:after {
        background: url(/system/view/site/layout/img/left.png) no-repeat;
        background-size: 30px;
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 70px;
        top: 40%;
        left: 20px;
        transition: all 500ms ease;
    }

    .scroll-right:hover:after {
        right: 40px;
    }

    .scroll-left:hover:after {
        left: 40px;
    }

    .year-wrapper li.million-30 {
        position: relative;
        top: -30px;
    }
}

/*@media all and (max-width:1024px){*/
@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    p {
        font-size: 18px;
    }

    .content-wrap {
        padding: 0 20px;
        box-sizing: border-box;
        margin: 60px auto;
    }

    .column-block {
        float: none;
    }

    .column-block:first-child {
        margin-bottom: 25px;
    }

    .banner-section .content-wrap {
        margin-top: 50px;
    }

    .banner-section img.fluid-image {
        max-width: 140%;
        width: 110%;
        margin-left: -5%;
    }

    .column-block:last-child, .column-block:nth-child(2) {
        width: 100%;
        padding: 0px 0 0px 0;
    }

    .slider-nav {
        display: none;
    }

    .year-content {
        width: 100%;
    }

    .year-content:last-child .year-wrapper li:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .year-1996 li, .year-2001 li {
        margin: 0px 0 0 15px
    }

    .year-wrapper ul {
        margin-top: 40px;
    }

    .year-wrapper li {
        margin: 0px 0px 40px 0px;
        vertical-align: top;
    }

    .year-wrapper li span:after {
        top: -35px;
        left: 10px;
        transform: scale(.6);
    }

    .year-wrapper h3 {
        position: relative;
        top: -10px;
        font-size: 28px;
        display: inline-block;
        font-family: 'casafont';
    }

    .year-wrapper::after {
        width: 1px;
        height: 100%;
        content: '';
        display: block;
        background: #5d5d5d;
        margin: 0;
        position: absolute;
        left: 0px;
        bottom: 0;
    }

    .year-wrapper::before {
        width: 12px;
        height: 12px;
        content: '';
        display: block;
        background: #5d5d5d;
        left: -5px;
        border-radius: 50%;
        position: absolute;
    }

    .fixed-image {
        background: none;
    }

    .fixed-image img {
        opacity: 1;
    }

    .casatrade-product-history .casatrade-product-history-inner {
        padding: 0 20px 0 40px
    }

    .casatrade-product-history .content-wrap {
        margin: 60px 0 10px;
    }

    .lead-text {
        margin: 40px 0 10px 0px;
    }

    .casatrade-building img {
        vertical-align: bottom;
    }
}

@media all and (min-width: 767px) and (max-width: 1024px) {
    h1 {
        font-size: 46px;
        margin-bottom: 0px;
    }

    h2 {
        font-size: 36px;
        margin-bottom: 0;
    }

    p {
        line-height: 1.8;
        font-size: 16px;
    }

    .banner-desc {
        line-height: 1.6;
        font-family: proxima_novasemibold;
        font-size: 18px;
    }

    .content-wrap {
        max-width: 80%;
    }

    .banner-section .column-block:first-child,
    .column-block:first-child {
        display: block;
        width: 100%;
        margin-bottom: 0px;
        padding-top: 20px;
    }

    .column-block:nth-child(2),
    .banner-section .column-block:nth-child(2) {
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .slider-section .content-wrap {
        width: 100%;
    }

    .achievement-logo {
        margin-bottom: 30px;
        left: -30px;
    }

    .image-wrapper {
        margin-top: 0px;
        padding: 40px 0;
    }

    .banner-section .image-wrapper {
        padding-top: 0px;
    }

    .year-wrapper::before {
        background: #000;
        left: -4px;
        width: 10px;
        height: 10px;
    }

    .year-wrapper::after {
        background: #000;
    }

    .last-year-content .year-wrapper::after {
        display: none
    }

    .year-wrapper h3 {
        left: 30px;
    }

    .last-year-content .year-wrapper ul, .no-margin .year-wrapper ul, .no-margin {
        margin-top: 0px;
    }

    .year-wrapper ul {
        margin-top: 50px;
    }

    .year-wrapper li {
        margin: 0px 0px 30px 0px;
    }

    .achievement-logo {
        margin-bottom: 20px;
        left: -30px;
        max-width: 200px;
    }

    .no-logo.no-margin {
        margin-top: -30px;
    }

    .year-wrapper ul {
        margin-top: 90px;
        margin-bottom: 50px;
    }

    .achievement-logo {
        margin-top: -50px;
    }

    .year-2001 .no-logo {
        margin-top: 30px;
    }

    .no-margin .year-2009.year-wrapper ul {
        margin-top: 40px;
    }

    .tenkasi-image-wrapper .foot-note {
        bottom: 40px;
    }
}

@media all and (max-width: 767px) {
    h1 {
        font-size: 32px;
        margin-bottom: 15px;
        line-height: 1.1;
    }

    p {
        font-size: 16px;
    }

    .banner-section .image-wrapper {
        margin: 50px auto;
    }

    .banner-section img.fluid-image {
        width: 120%;
        margin-left: -10%;
    }

    .banner-desc {
        line-height: 1.6;
        font-family: proxima_novasemibold;
        font-size: 18px;
    }

    .slider-wrapper {
        display: none;
    }

    .slider-wrapper-mobile {
        display: block;
        max-width: 400px;
        width: 100%;
        margin: auto;
        position: relative;
    }

    .slick-next, .slick-prev {
        transform: scale(1.2);
    }

    .slider-wrapper-mobile .slick-prev:before {
        top: 9px;
        left: 17px;
    }

    .slider-wrapper-mobile .slick-prev:after {
        bottom: 9px;
        left: 17px;
    }

    p {
        line-height: 1.6;
    }

    .column-block:nth-child(2), .banner-section .column-block:nth-child(2),
    .column-block:first-child, .banner-section .column-block:first-child {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 0px;
    }

    .slider-wrapper {
        width: 100%;
        margin: 0px;
    }

    .slider3, .slider2 {
        display: none;
    }

    .slider-section .content-wrap {
        width: 100%;
    }

    .image-gallery {
        width: 100%;
        margin: 50px auto 30px;
    }

    .image-wrapper {
        margin: 50px auto 0;
    }

    .slider1 .slick-prev, .slider1 .slick-next {
        display: block !important;
    }

    .slick-prev {
        left: 4px;
        top: 40%;
    }

    .slick-next {
        right: 4px;
        top: 40%;
    }

    .lead-text p {
        font-size: 18px;
    }

    .casatrade-product-history .casatrade-product-history-inner {
        margin-top: 60px;
        padding: 0 20px 0 40px
    }

    .casatrade-building .content-wrap img {
        margin-top: 50px;
    }

    .year-wrapper::before {
        background: #000;
        left: -4px;
        width: 10px;
        height: 10px;
        top: -13px;
        z-index: 4;
    }

    .year-wrapper::after {
        background: #000;
        z-index: 2;
    }

    .last-year-content .year-wrapper::after {
        display: none
    }

    .last-year-content .year-wrapper ul, .no-margin .year-wrapper ul, .no-margin {
        margin-top: 0px;
    }

    .year-wrapper ul {
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .year-wrapper li {
        margin: 0px 0px 30px 0px;
    }

    .achievement-logo {
        margin-bottom: 20px;
        left: -35px;
        max-width: 200px;
        margin-top: -40px;
    }

    .no-logo.no-margin {
        margin-top: -30px;
    }

    .casatrade-building .foot-note {
        right: 0;
        line-height: 1.2;
        background: rgba(0, 0, 0, 0.2);
        font-size: 14px;
    }

    .aboutus-menu a {
        padding: 15px 5px;
        float: none;
        display: inline-block;
        width: auto;
        font-family: proxima_novasemibold;
    }

    .year-wrapper h3 {
        position: absolute;
        width: 100%;
        padding-left: 35px;
        margin-left: -8px;
        background: #fff;
        z-index: 3;
        top: -25px;
    }

    .year-wrapper h3.fixed {
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 1;
        width: 100%;
    }

    .year-wrapper h3.fixed:before {
        background: #000;
        left: 4px;
        width: 10px;
        height: 10px;
        top: 14px;
        content: '';
        display: block;
        border-radius: 50%;
        position: absolute;
    }

    .year-wrapper h3:after {
        background: #000;
        width: 1px;
        height: 100%;
        content: '';
        display: block;
        margin: 0;
        position: absolute;
        left: 8px;
        bottom: 0;
    }

    .year-content:first-child .year-wrapper h3:after {
        height: 60%;
    }

    .year-content:last-child .year-wrapper h3 {
        z-index: 1;
    }

    .year-content:last-child .year-wrapper h3:after {
        height: 0;
    }

    .year-content:last-child .year-wrapper:before {
        top: -8px;
    }
}

.year-wrapper li {
    text-align: center;
    max-width: 450px !important
}