@font-face {
    font-family: 'IconFont';
    src: url(../fonts/iconsfont/IconFont.eot);
    src: url(../fonts/iconsfont/IconFontd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/iconsfont/IconFont.woff) format('woff'),url(../fonts/iconsfont/IconFont.ttf) format('truetype'),url(../fonts/iconsfont/IconFont.svg#IconFont) format('svg');
    font-weight: normal;
    font-style: normal;
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

    .animated.hinge {
        -webkit-animation-duration: 1.5s;
        -moz-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        -o-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.1);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px)rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px)rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px)rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px)rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px)rotateX(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: perspective(400px)rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px)rotateY(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px)rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px)rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px)rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%)rotate(-120deg);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

a:hover, #top-bar .contact-info li a:hover, .post-body a h3:hover, .pi_recent_posts .widget-post-info a h6:hover, #filters li.active a, .sharrre.portfolio-item-like:hover, .icons-list.colored, .btn-medium.empty, #page-title.page-title-3 .breadcrumbs li a:hover, .service-box-1 a:hover h5, .service-box-2:hover .icon i, .tabs.vertical li.active a, .latest-posts li a:hover h5 {
    color: #727c89 !important;
}

    #search, .wpcf7-submit:hover, .widget .newsletter .submit:hover, .widget_tag_cloud a:hover, .breadcrumbs, #top-bar .social-links li:hover a, .post-info .post-category, .post-info-container .post-category, .post-meta li a::after, .nivo-prevNav, .highlighted-color, .pagination li:hover, .sharrre .right, #respond #comment-reply:hover, #filters li.active .item-number, #filters li:hover .item-number, .portfolio-img-container .portfolio-img-hover li:hover, .btn-medium.empty:hover, .btn-big.empty:hover, .btn-medium:hover, .btn-big:hover, .carousel-nav li:hover, .expand, .team-member-hover .mask, .history .year-holder span.year, .service-box-1:hover .icon, .tabs.vertical.services-tabs li.active .icon, .tabs.vertical.services-tabs li:hover .icon, .service-box-2 .icon i, .service-box-2:hover, .process-box:hover, .header-style-4 .social-links li:hover, .pricing-table-col.selected .price, .pagination li.active, .dropcap.colored, .numbers-counter li {
        background-color: #de0a0a;
    }

.nivo-prevNav, .nivo-nextNav {
    background-color: rgba(114,124,137,.6);
}

#nav > ul > li.current-menu-item > a {
    border-bottom: 0px solid #777;
}

blockquote {
    border-left: 3px solid #ec0707;
}

.btn-medium.empty, .btn-big.empty, .btn-medium.empty.white:hover, .btn-big.empty.white:hover {
    border: 1px solid #727c89;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.history .year-holder {
    border: 3px solid #ddd;
}

.carousel-nav .c_next:hover {
    background-image: url(../404d0a7.html);
}

.carousel-nav .c_prev:hover {
    background-image: url(../40414dc.html);
}

.tabs li.active {
    border-top: 1px solid #727c89;
}

.accordion .title {
    background-image: url(../40413dd.html);
}

    .accordion .title.active {
        background-image: url(../40461b3.html);
    }

.history-arrow-right {
    background: url(../404414d.html) no-repeat center center;
    background-size: 100%;
}

.history-arrow-left {
    background: url(../4047aed.html) no-repeat center center;
    background-size: 100%;
}

.widget .newsletter .submit:hover {
    border: 1px solid #39414b;
}

.portfolio-img-container .portfolio-img-hover .mask, .btn-medium, .btn-big {
    background: #39414b;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

    .container.full {
        width: 100%;
        max-width: 100%;
    }

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.page-content .row {
    margin-bottom: 80px;
    position: relative;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    min-height: 1px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    display: inline;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.grid_1 {
    width: 70px;
}

.grid_2 {
    width: 170px;
}

.grid_3 {
    width: 270px;
}

.grid_4 {
    width: 370px;
}

.grid_5 {
    width: 470px;
}

.grid_6 {
    width: 570px;
}

.grid_7 {
    width: 670px;
}

.grid_8 {
    width: 770px;
}

.grid_9 {
    width: 870px;
}

.grid_10 {
    width: 970px;
}

.grid_11 {
    width: 1070px;
}

.grid_12 {
    width: 1170px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:before, .clearfix:after {
    content: "\20";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.nivoSlider {
    position: relative;
    margin: 0 auto 30px;
    height: auto;
    z-index: 100;
    overflow: hidden;
    float: left;
    width: 100%;
    min-height: 180px;
    background: #f6f6f6 url(../404c44e.html) no-repeat center;
}

    .nivoSlider img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: none !important;
        display: none;
        width: 100%;
    }

.nivo-main-image {
    display: block !important;
    position: relative !important;
}

.slider-wrapper div[id^="htmlcaption"] {
    display: none;
}

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

    .nivo-box img {
        display: block;
    }

.nivo-caption {
    position: absolute;
    bottom: 10%;
    z-index: 8;
    padding: 10px 20px;
    overflow: hidden;
    display: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .nivo-caption .title {
        text-align: left;
        display: inline-block;
        padding: 10px 20px;
        background: #fff;
        float: left;
    }

    .nivo-caption h3 {
        margin-bottom: 0;
        width: auto;
        word-wrap: break-word;
    }

    .nivo-caption .title-wrap, .nivo-caption .subtitle-wrap {
        width: 100%;
        float: left;
    }

    .nivo-caption .subtitle {
        text-align: left;
        display: inline-block;
        padding: 10px 20px;
        background: #fff;
        float: left;
    }

        .nivo-caption .subtitle p {
            color: #fff;
            font-size: 13px;
            width: auto;
            word-wrap: break-word;
        }

.nivo-directionNav a {
    position: absolute;
    bottom: 3px;
    z-index: 9;
    cursor: pointer;
    height: 100%;
    opacity: 0;
}

.nivoSlider:hover .nivo-directionNav a {
    opacity: 1;
}

.nivo-prevNav {
    text-indent: -9999px;
    width: 60px;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../40408be.html);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -transform: translateX(-100%);
}

.nivo-nextNav {
    text-indent: -9999px;
    width: 60px;
    height: 100%;
    right: 0;
    top: 0;
    background-image: url(../4043c9e.html);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -transform: translateX(100%);
}

.nivoSlider:hover .nivo-prevNav, .nivoSlider:hover .nivo-nextNav {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -transform: translateX(0%);
}

.nivo-prevNav:hover {
    background-image: url(../404292e.html);
}

.nivo-nextNav:hover {
    background-image: url(../40451e4.html);
}

.nivo-controlNav {
    text-align: center;
    display: block;
    float: left;
    position: relative;
    top: -20px;
    left: 10px;
    z-index: 150;
}

    .nivo-controlNav a {
        cursor: pointer;
    }

        .nivo-controlNav a.active {
            font-weight: bold;
        }

div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px;
}

    div.pp_default .pp_top .pp_left {
        background: url(css/img/prettyPhoto/default/sprite.html) -78px -93px no-repeat;
    }

    div.pp_default .pp_top .pp_middle {
        background: url(css/img/prettyPhoto/default/sprite_x.html) top left repeat-x;
    }

    div.pp_default .pp_top .pp_right {
        background: url(css/img/prettyPhoto/default/sprite.html) -112px -93px no-repeat;
    }

div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
    background: url(css/img/prettyPhoto/default/sprite_y.html) -7px 0 repeat-y;
    padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
    background: url(css/img/prettyPhoto/default/sprite_y.html) top right repeat-y;
    padding-right: 13px;
}

div.pp_default .pp_content {
    background-color: #fff;
}

div.pp_default .pp_next:hover {
    background: url(css/img/prettyPhoto/default/sprite_next.html) center right no-repeat;
    cursor: pointer;
}

div.pp_default .pp_previous:hover {
    background: url(css/img/prettyPhoto/default/sprite_prev.html) center left no-repeat;
    cursor: pointer;
}

div.pp_default .pp_expand {
    background: url(css/img/prettyPhoto/default/sprite.html) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

    div.pp_default .pp_expand:hover {
        background: url(css/img/prettyPhoto/default/sprite.html) 0 -56px no-repeat;
        cursor: pointer;
    }

div.pp_default .pp_contract {
    background: url(css/img/prettyPhoto/default/sprite.html) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

    div.pp_default .pp_contract:hover {
        background: url(css/img/prettyPhoto/default/sprite.html) 0 -113px no-repeat;
        cursor: pointer;
    }

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(css/img/prettyPhoto/default/sprite.html) 2px 1px no-repeat;
    cursor: pointer;
}

div.pp_default #pp_full_res .pp_inline {
    color: #000;
}

div.pp_default .pp_gallery ul li a {
    background: url(css/img/prettyPhoto/default/default_thumb.html) center center #f8f8f8;
    border: 1px solid #aaa;
}

    div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a {
        border-color: #fff;
    }

div.pp_default .pp_social {
    margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(css/img/prettyPhoto/default/sprite.html) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}

div.pp_default .pp_details {
    position: relative;
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(css/img/prettyPhoto/default/sprite.html) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px;
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative;
}

    div.pp_default .pp_nav .currentTextHolder {
        font-family: Georgia;
        font-style: italic;
        color: #999;
        font-size: 11px;
        left: 75px;
        line-height: 25px;
        margin: 0;
        padding: 0 0 0 10px;
        position: absolute;
        top: 2px;
    }

    div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
        opacity: .7;
    }

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
    background: url(css/img/prettyPhoto/default/sprite.html) -78px -127px no-repeat;
}

div.pp_default .pp_bottom .pp_middle {
    background: url(css/img/prettyPhoto/default/sprite_x.html) bottom left repeat-x;
}

div.pp_default .pp_bottom .pp_right {
    background: url(css/img/prettyPhoto/default/sprite.html) -112px -127px no-repeat;
}

div.pp_default .pp_loaderIcon {
    background: url(css/img/prettyPhoto/default/loader.html) center center no-repeat;
}

div.light_rounded .pp_top .pp_left {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -88px -53px no-repeat;
}

div.light_rounded .pp_top .pp_middle {
    background: #fff;
}

div.light_rounded .pp_top .pp_right {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -110px -53px no-repeat;
}

div.light_rounded .pp_content .ppt {
    color: #000;
}

div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right {
    background: #fff;
}

div.light_rounded .pp_content {
    background-color: #fff;
}

div.light_rounded .pp_next:hover {
    background: url(css/img/prettyPhoto/light_rounded/btnNext.html) center right no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_previous:hover {
    background: url(css/img/prettyPhoto/light_rounded/btnPrevious.html) center left no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_expand {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -31px -26px no-repeat;
    cursor: pointer;
}

    div.light_rounded .pp_expand:hover {
        background: url(css/img/prettyPhoto/light_rounded/sprite.html) -31px -47px no-repeat;
        cursor: pointer;
    }

div.light_rounded .pp_contract {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) 0 -26px no-repeat;
    cursor: pointer;
}

    div.light_rounded .pp_contract:hover {
        background: url(css/img/prettyPhoto/light_rounded/sprite.html) 0 -47px no-repeat;
        cursor: pointer;
    }

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -1px -1px no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_details {
    position: relative;
}

div.light_rounded .pp_description {
    margin-right: 85px;
}

div.light_rounded #pp_full_res .pp_inline {
    color: #000;
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_rounded .pp_nav .pp_play {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_arrow_previous {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) 0 -71px no-repeat;
}

    div.light_rounded .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.light_rounded .pp_arrow_next {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -22px -71px no-repeat;
}

    div.light_rounded .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.light_rounded .pp_bottom .pp_left {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -88px -80px no-repeat;
}

div.light_rounded .pp_bottom .pp_middle {
    background: #fff;
}

div.light_rounded .pp_bottom .pp_right {
    background: url(css/img/prettyPhoto/light_rounded/sprite.html) -110px -80px no-repeat;
}

div.light_rounded .pp_loaderIcon {
    background: url(css/img/prettyPhoto/light_rounded/loader.html) center center no-repeat;
}

div.dark_rounded .pp_top .pp_left {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -88px -53px no-repeat;
}

div.dark_rounded .pp_top .pp_middle {
    background: url(css/img/prettyPhoto/dark_rounded/contentPattern.html) top left repeat;
}

div.dark_rounded .pp_top .pp_right {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -110px -53px no-repeat;
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(css/img/prettyPhoto/dark_rounded/contentPattern.html) top left repeat-y;
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(css/img/prettyPhoto/dark_rounded/contentPattern.html) top right repeat-y;
}

div.dark_rounded .pp_content {
    background: url(css/img/prettyPhoto/dark_rounded/contentPattern.html) top left repeat;
}

div.dark_rounded .pp_next:hover {
    background: url(css/img/prettyPhoto/dark_rounded/btnNext.html) center right no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_previous:hover {
    background: url(css/img/prettyPhoto/dark_rounded/btnPrevious.html) center left no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_expand {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -31px -26px no-repeat;
    cursor: pointer;
}

    div.dark_rounded .pp_expand:hover {
        background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -31px -47px no-repeat;
        cursor: pointer;
    }

div.dark_rounded .pp_contract {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) 0 -26px no-repeat;
    cursor: pointer;
}

    div.dark_rounded .pp_contract:hover {
        background: url(css/img/prettyPhoto/dark_rounded/sprite.html) 0 -47px no-repeat;
        cursor: pointer;
    }

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -1px -1px no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_details {
    position: relative;
}

div.dark_rounded .pp_description {
    margin-right: 85px;
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4;
}

div.dark_rounded .pp_description {
    color: #fff;
}

div.dark_rounded #pp_full_res .pp_inline {
    color: #fff;
}

div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.dark_rounded .pp_nav .pp_play {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_arrow_previous {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) 0 -71px no-repeat;
}

    div.dark_rounded .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.dark_rounded .pp_arrow_next {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -22px -71px no-repeat;
}

    div.dark_rounded .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.dark_rounded .pp_bottom .pp_left {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -88px -80px no-repeat;
}

div.dark_rounded .pp_bottom .pp_middle {
    background: url(css/img/prettyPhoto/dark_rounded/contentPattern.html) top left repeat;
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(css/img/prettyPhoto/dark_rounded/sprite.html) -110px -80px no-repeat;
}

div.dark_rounded .pp_loaderIcon {
    background: url(css/img/prettyPhoto/dark_rounded/loader.html) center center no-repeat;
}

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
    background: #000;
}

div.dark_square .currentTextHolder {
    color: #c4c4c4;
}

div.dark_square .pp_description {
    color: #fff;
}

div.dark_square .pp_loaderIcon {
    background: url(css/img/prettyPhoto/dark_square/loader.html) center center no-repeat;
}

div.dark_square .pp_expand {
    background: url(css/img/prettyPhoto/dark_square/sprite.html) -31px -26px no-repeat;
    cursor: pointer;
}

    div.dark_square .pp_expand:hover {
        background: url(css/img/prettyPhoto/dark_square/sprite.html) -31px -47px no-repeat;
        cursor: pointer;
    }

div.dark_square .pp_contract {
    background: url(css/img/prettyPhoto/dark_square/sprite.html) 0 -26px no-repeat;
    cursor: pointer;
}

    div.dark_square .pp_contract:hover {
        background: url(css/img/prettyPhoto/dark_square/sprite.html) 0 -47px no-repeat;
        cursor: pointer;
    }

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(css/img/prettyPhoto/dark_square/sprite.html) -1px -1px no-repeat;
    cursor: pointer;
}

div.dark_square .pp_details {
    position: relative;
}

div.dark_square .pp_description {
    margin: 0 85px 0 0;
}

div.dark_square #pp_full_res .pp_inline {
    color: #fff;
}

div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.dark_square .pp_nav {
    clear: none;
}

    div.dark_square .pp_nav .pp_play {
        background: url(css/img/prettyPhoto/dark_square/sprite.html) -1px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

    div.dark_square .pp_nav .pp_pause {
        background: url(css/img/prettyPhoto/dark_square/sprite.html) -24px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

div.dark_square .pp_arrow_previous {
    background: url(css/img/prettyPhoto/dark_square/sprite.html) 0 -71px no-repeat;
}

    div.dark_square .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.dark_square .pp_arrow_next {
    background: url(css/img/prettyPhoto/dark_square/sprite.html) -22px -71px no-repeat;
}

    div.dark_square .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.dark_square .pp_next:hover {
    background: url(css/img/prettyPhoto/dark_square/btnNext.html) center right no-repeat;
    cursor: pointer;
}

div.dark_square .pp_previous:hover {
    background: url(css/img/prettyPhoto/dark_square/btnPrevious.html) center left no-repeat;
    cursor: pointer;
}

div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content {
    background: #fff;
}

    div.light_square .pp_content .ppt {
        color: #000;
    }

div.light_square .pp_expand {
    background: url(css/img/prettyPhoto/light_square/sprite.html) -31px -26px no-repeat;
    cursor: pointer;
}

    div.light_square .pp_expand:hover {
        background: url(css/img/prettyPhoto/light_square/sprite.html) -31px -47px no-repeat;
        cursor: pointer;
    }

div.light_square .pp_contract {
    background: url(css/img/prettyPhoto/light_square/sprite.html) 0 -26px no-repeat;
    cursor: pointer;
}

    div.light_square .pp_contract:hover {
        background: url(css/img/prettyPhoto/light_square/sprite.html) 0 -47px no-repeat;
        cursor: pointer;
    }

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(css/img/prettyPhoto/light_square/sprite.html) -1px -1px no-repeat;
    cursor: pointer;
}

div.light_square .pp_details {
    position: relative;
}

div.light_square .pp_description {
    margin-right: 85px;
}

div.light_square #pp_full_res .pp_inline {
    color: #000;
}

div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_square .pp_nav .pp_play {
    background: url(css/img/prettyPhoto/light_square/sprite.html) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_nav .pp_pause {
    background: url(css/img/prettyPhoto/light_square/sprite.html) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_arrow_previous {
    background: url(css/img/prettyPhoto/light_square/sprite.html) 0 -71px no-repeat;
}

    div.light_square .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.light_square .pp_arrow_next {
    background: url(css/img/prettyPhoto/light_square/sprite.html) -22px -71px no-repeat;
}

    div.light_square .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.light_square .pp_next:hover {
    background: url(css/img/prettyPhoto/light_square/btnNext.html) center right no-repeat;
    cursor: pointer;
}

div.light_square .pp_previous:hover {
    background: url(css/img/prettyPhoto/light_square/btnPrevious.html) center left no-repeat;
    cursor: pointer;
}

div.light_square .pp_loaderIcon {
    background: url(css/img/prettyPhoto/light_rounded/loader.html) center center no-repeat;
}

div.facebook .pp_top .pp_left {
    background: url(css/img/prettyPhoto/facebook/sprite.html) -88px -53px no-repeat;
}

div.facebook .pp_top .pp_middle {
    background: url(css/img/prettyPhoto/facebook/contentPatternTop.html) top left repeat-x;
}

div.facebook .pp_top .pp_right {
    background: url(css/img/prettyPhoto/facebook/sprite.html) -110px -53px no-repeat;
}

div.facebook .pp_content .ppt {
    color: #000;
}

div.facebook .pp_content_container .pp_left {
    background: url(css/img/prettyPhoto/facebook/contentPatternLeft.html) top left repeat-y;
}

div.facebook .pp_content_container .pp_right {
    background: url(css/img/prettyPhoto/facebook/contentPatternRight.html) top right repeat-y;
}

div.facebook .pp_content {
    background: #fff;
}

div.facebook .pp_expand {
    background: url(css/img/prettyPhoto/facebook/sprite.html) -31px -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_expand:hover {
        background: url(css/img/prettyPhoto/facebook/sprite.html) -31px -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_contract {
    background: url(css/img/prettyPhoto/facebook/sprite.html) 0 -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_contract:hover {
        background: url(css/img/prettyPhoto/facebook/sprite.html) 0 -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(css/img/prettyPhoto/facebook/sprite.html) -1px -1px no-repeat;
    cursor: pointer;
}

div.facebook .pp_details {
    position: relative;
}

div.facebook .pp_description {
    margin: 0 37px 0 0;
}

div.facebook #pp_full_res .pp_inline {
    color: #000;
}

div.facebook .pp_loaderIcon {
    background: url(css/img/prettyPhoto/facebook/loader.html) center center no-repeat;
}

div.facebook .pp_arrow_previous {
    background: url(css/img/prettyPhoto/facebook/sprite.html) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_previous.disabled {
        background-position: 0 -96px;
        cursor: default;
    }

div.facebook .pp_arrow_next {
    background: url(css/img/prettyPhoto/facebook/sprite.html) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_next.disabled {
        background-position: -32px -96px;
        cursor: default;
    }

div.facebook .pp_nav {
    margin-top: 0;
}

    div.facebook .pp_nav p {
        font-size: 15px;
        padding: 0 3px 0 4px;
    }

    div.facebook .pp_nav .pp_play {
        background: url(css/img/prettyPhoto/facebook/sprite.html) -1px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

    div.facebook .pp_nav .pp_pause {
        background: url(css/img/prettyPhoto/facebook/sprite.html) -32px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

div.facebook .pp_next:hover {
    background: url(css/img/prettyPhoto/facebook/btnNext.html) center right no-repeat;
    cursor: pointer;
}

div.facebook .pp_previous:hover {
    background: url(css/img/prettyPhoto/facebook/btnPrevious.html) center left no-repeat;
    cursor: pointer;
}

div.facebook .pp_bottom .pp_left {
    background: url(css/img/prettyPhoto/facebook/sprite.html) -88px -80px no-repeat;
}

div.facebook .pp_bottom .pp_middle {
    background: url(css/img/prettyPhoto/facebook/contentPatternBottom.html) top left repeat-x;
}

div.facebook .pp_bottom .pp_right {
    background: url(css/img/prettyPhoto/facebook/sprite.html) -110px -80px no-repeat;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_top {
    height: 20px;
    position: relative;
}

* html .pp_top {
    padding: 0 20px;
}

    .pp_top .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px;
    }

    .pp_top .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
    }

    * html .pp_top .pp_middle {
        left: 0;
        position: static;
    }

    .pp_top .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }

.pp_content {
    height: 40px;
    min-width: 40px;
}

* html .pp_content {
    width: 40px;
}

.pp_fade {
    display: none;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

    .pp_content_container .pp_left {
        padding-left: 20px;
    }

    .pp_content_container .pp_right {
        padding-right: 20px;
    }

    .pp_content_container .pp_details {
        float: left;
        margin: 10px 0 2px 0;
    }

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
}

    .pp_social .facebook {
        float: left;
        margin-left: 5px;
        width: 55px;
        overflow: hidden;
    }

    .pp_social .twitter {
        float: left;
    }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

    .pp_nav p {
        float: left;
        margin: 2px 4px;
        white-space: nowrap;
    }

    .pp_nav .pp_play, .pp_nav .pp_pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px;
    }

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

    .pp_gallery div {
        float: left;
        overflow: hidden;
        position: relative;
    }

    .pp_gallery ul {
        float: left;
        height: 35px;
        margin: 0 0 0 5px;
        padding: 0;
        position: relative;
        white-space: nowrap;
    }

        .pp_gallery ul a {
            border: 1px #000 solid;
            border: 1px rgba(0,0,0,.5) solid;
            display: block;
            float: left;
            height: 33px;
            overflow: hidden;
        }

            .pp_gallery ul a:hover, .pp_gallery li.selected a {
                border-color: #fff;
            }

            .pp_gallery ul a img {
                border: 0;
            }

    .pp_gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
    }

        .pp_gallery li.default a {
            background: url(css/img/prettyPhoto/facebook/default_thumbnail.html) 0 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px;
        }

            .pp_gallery li.default a img {
                display: none;
            }

    .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
        margin-top: 7px !important;
    }

a.pp_next {
    background: url(css/img/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(css/img/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_bottom {
    padding: 0 20px;
}

    .pp_bottom .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px;
    }

    .pp_bottom .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
    }

    * html .pp_bottom .pp_middle {
        left: 0;
        position: static;
    }

    .pp_bottom .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

#pp_full_res {
    line-height: 1 !important;
}

    #pp_full_res .pp_inline {
        text-align: left;
    }

        #pp_full_res .pp_inline p {
            margin: 0 0 15px 0;
        }

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .search-submit {
        background: url(img/genel/search%402x.html) no-repeat;
        background-size: 40px;
    }

    .accordion.style-2 .title {
        background-image: url(img/genel/accordion-closed2%402x.png);
        background-size: 25px;
    }

        .accordion.style-2 .title.active {
            background-image: url(img/genel/accordion-opened2%402x.png);
            background-size: 25px;
        }

    .information-boxes .close {
        background: url(img/genel/close%402x.png) no-repeat;
        background-size: 20px;
    }

    .infobox p {
        background: url(img/genel/info-box%402x.png) no-repeat 0 center;
        background-size: 20px;
    }

    .warning-box p {
        background: url(img/genel/warning-box%402x.png) no-repeat 0 center;
        background-size: 20px;
    }

    .success-box p {
        background: url(img/genel/success-box%402x.png) no-repeat 0 center;
        background-size: 20px;
    }

    .error-box p {
        background: url(img/genel/error-box%402x.png) no-repeat 0 center;
        background-size: 20px;
    }

    .services-overview li {
        background: url(img/genel/checkmark%402x.html) no-repeat 0 0;
        background-size: 41px;
    }

    .carousel-nav li a[class^="c_prev"] {
        background-image: url(img/genel/c_prev%402x.png);
        background-size: 30px;
    }

    .carousel-nav li a[class^="c_next"] {
        background-image: url(img/genel/c_next%402x.png);
        background-size: 30px;
    }

    .comment .comment-reply-link {
        background: url(img/genel/icon-reply%402x.png) no-repeat 0 center;
        background-size: 14px;
    }

    .widget li {
        background: url(img/genel/aside-arrow%402x.png) no-repeat 0 12px;
        background-size: 4px 7px;
    }

    .widget_search .search-submit {
        background: url(img/genel/aside-search%402x.png) center center no-repeat;
        background-size: 13px;
    }

    .widget_recent_comments li {
        background: url(img/genel/icon-comment%402x.png) no-repeat 0 center;
        background-size: 40px;
    }

    #tweet-sroll-wrapper.widget li {
        background: url(img/genel/twitter%402x.png) no-repeat 0 5px;
        background-size: 24px 17px;
    }

    .scroll-up {
        background: url(img/genel/to-top%402x.png) no-repeat;
        background-size: 40px;
    }

    .carousel-nav .c_next:hover {
        background-image: url(img/genel/c_next_hover%402x.png);
        background-size: 30px;
    }

    .carousel-nav .c_prev:hover {
        background-image: url(img/genel/c_prev_hover%402x.png);
        background-size: 30px;
    }

    .accordion .title {
        background-image: url(img/genel/accordion-closed%402x.png);
        background-size: 25px;
    }

        .accordion .title.active {
            background-image: url(img/genel/accordion-opened%402x.png);
            background-size: 25px;
        }

    .history-arrow-right {
        background: url(img/genel/timeline-right%402x.png) no-repeat center center;
        background-size: 170px 35px;
    }

    .history-arrow-left {
        background: url(img/genel/timeline-left%402x.png) no-repeat center center;
        background-size: 170px 35px;
    }

    .nivoSlider {
        background: #f6f6f6 url(img/genel/loading%402x.gif) no-repeat center;
        background-size: 48px;
    }

    .nivo-prevNav {
        background-image: url(img/genel/nivo-left%402x.png);
        background-size: 17px 28px;
    }

    .nivo-nextNav {
        background-image: url(img/genel/nivo-right%402x.png);
        background-size: 17px 28px;
    }

    .nivo-prevNav:hover {
        background-image: url(img/genel/nivo-left-hover%402x.png);
        background-size: 17px 28px;
    }

    .nivo-nextNav:hover {
        background-image: url(img/genel/nivo-right-hover%402x.png);
        background-size: 17px 28px;
    }
}

@font-face {
    font-family: 'Raleway';
    src: url(css/Raleway-Light.otf);
    font-weight: normal;
    font-style: normal;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

b, strong {
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    max-width: 60%;
}

ol, ul {
    list-style: none;
}

li {
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td, caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: '';
        content: none;
    }

sub, sup, small {
    font-size: 75%;
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

svg {
    overflow: hidden;
}

a {
    list-style: none;
    text-decoration: none;
}

    a:active {
        outline: none;
    }

    a:focus {
        outline: none;
    }

:focus {
    outline: 0;
}

.clearfix {
    clear: both;
}

body {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff;
}

.add-margin {
    display: block;
    margin-bottom: 30px !important;
    float: left;
}

.no-bottom-margin {
    margin-bottom: -80px;
}

.page-content {
    width: 100%;
    margin: 0 auto;
    float: left;
}

    .page-content.background-black {
        background-color: #333;
    }

        .page-content.background-black .container .row {
            margin-bottom: 0;
        }

        .page-content.background-black h1, .page-content.background-black h2, .page-content.background-black h3, .page-content.background-black h4, .page-content.background-black h5, .page-content.background-black h6 {
            color: #fff;
        }

        .page-content.background-black p, .page-content.background-black a, .page-content.background-black span {
            color: #ccc;
        }

    .page-content.parallax {
        padding: 70px 0 0 0;
        width: 100%;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    .page-content.pattern {
        background: url(../404997a.html) center center;
        background-size: cover;
    }

    .page-content.parallax-1 {
        background: url(img/anasayfa/parallax-bg.jpg);
        background-size: cover;
        background-attachment: fixed;
        background-repeat: repeat-y;
    }

    .page-content.parallax-2 {
        background: url(img/anasayfa/parallax-bg.jpg);
        background-size: cover;
        background-attachment: fixed;
        background-repeat: repeat-y;
    }

    .page-content.parallax-3 {
        background: url(img/pictures/parallax-bkg-3.html);
        background-size: cover;
        background-attachment: fixed;
        background-repeat: repeat-y;
    }

    .page-content.parallax-4 {
        background: url(img/pictures/parallax-bkg-4.html);
        background-size: cover;
        background-attachment: fixed;
        background-repeat: repeat-y;
    }

    .page-content.parallax + .page-content {
        margin-top: 80px;
    }

.cdx-main-title {
    font: 32px 'Raleway',Arial,sans-serif;
    line-height: 34px;
    text-align: center;
}

    .cdx-main-title h1 {
        font: 32px 'Raleway',Arial,sans-serif;
        line-height: 34px;
        width: 100px !important;
        display: -webkit-inline-box;
        text-align: center;
        font-weight: bold;
    }

p, a {
    color: #666;
    font: 13px 'Open Sans',Arial,sans-serif;
    line-height: 22px;
    text-align:justify;


}

    a.read-more {
        float: right;
        font-family: 'Raleway',Arial,sans-serif;
        position: relative;
        padding-top: 10px;
    }

        a.read-more span {
            padding-left: 5px;
        }

a {
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.underlined {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #39414b;
    margin-bottom: 30px;
}

h1 {
    font: 36px 'Raleway',Arial,sans-serif;
    line-height: 38px;
}

h2 {
    font: 32px 'Raleway',Arial,sans-serif;
    line-height: 34px;
}

h3 {
    font: 26px 'Raleway',Arial,sans-serif;
    line-height: 28px;
}

h4 {
    font: 22px 'Raleway',Arial,sans-serif;
    line-height: 24px;
}

h5 {
    font: 18px 'Raleway',Arial,sans-serif;
    line-height: 22px;
}

h6 {
    font: 16px 'Raleway',Arial,sans-serif;
    line-height: 20px;
}

img.float-left {
    float: left;
    margin: 12px 12px 12px 0;
}

img.urunler {
    float: left;
    margin: -80px 40px 12px 0;
}

img.float-right {
    float: right;
    margin: 12px 0 12px 12px;
}

img + p, p + img {
    display: block;
    margin-top: 15px;
}

.bottom-fixed {
    margin-bottom: -80px;
    position: absolute;
    bottom: 0;
}

span.strong, b {
    font-weight: 600;
}

.text-red {
    color: #ce292d;
}

#header-wrapper {
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
    position: re;
    background: #fff;
    -webkit-transition: height .2s ease 0s;
    -moz-transition: height .2s ease 0s;
    -ms-transition: height .2s ease 0s;
    -o-transition: height .2s ease 0s;
    transition: height .2s ease 0s;
}

    #header-wrapper.static {
        box-shadow: 0 0 5px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
        position: fixed;
        top: 0;
        z-index: 9999;
    }

#top-bar-wrapper {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    position:relative;
}

#top-bar {
    margin: 0 auto;
    width: 1170px;
}

    #top-bar .contact-info {
        width: 50%;
        float: left;
        padding-top: 13px;
    }

        #top-bar .contact-info li {
            float: left;
            margin-right: 25px;
            color: #888;
            font-size: 12px;
        }

            #top-bar .contact-info li a {
                line-height: 12px;
                color: #888;
            }
            .nav-up {
    top: -40px;
}

    #top-bar .social-links {
        max-width: 50%;
        float: right;
    }

        #top-bar .social-links li {
            float: left;
            background: #fff;
            width: 45px;
            height: 45px;
            border-left: 1px solid #eee;
        }

            #top-bar .social-links li a {
                color: #bbb;
                width: 45px;
                height: 45px;
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

            #top-bar .social-links li:hover a {
                color: #fff !important;
            }

            #top-bar .social-links li:last-child {
                border-right: 1px solid #eee;
            }

.social-links.presentation li a {
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 2px;
    margin-bottom: 2px;
    font-size: 18px;
}

#header {
    width: 1170px;
    margin: 0 auto;
}

#logo {
    margin: 10px 0;
    float: left;
    max-width: 170px;
}

#nav-container {
    width: 930px;
    height: 80px;
    margin-left: 30px;
    z-index: 1000;
    position: relative;
    float: left;
}

#nav {
    height: 100%;
    list-style: none;
    max-width: 100%;
    float: right;
}

    #nav > ul {
        display: block !important;
    }

    #nav li {
        float: left;
        position: relative;
        cursor: pointer;
    }

    #nav > ul > li > a {
        font: 13px 'Open Sans',Arial,sans-serif;
        padding: 30px 20px;
    }

    #nav > ul > li.current-menu-item > a, #nav > ul > li:hover > a {
        background: #f9f9f9;
    }

    #nav > ul > li > a {
        text-transform: uppercase;
    }

    #nav > ul > li {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #nav li a {
        float: none;
        display: block;
        font: 13px 'Open Sans',Arial,sans-serif;
        color: #6c89c3;
    }

    #nav > ul > li.no-sub:hover {
        border-bottom: 4px solid green;
    }

    #nav li ul {
        display: none;
        position: absolute;
        margin: 0;
        top: 100%;
        left: 0;
        z-index: 100;
        width: 200px;
    }

        #nav li ul li {
            background: #fff;
            border-right: 4px solid #eee;
            border-left: 4px solid #eee;
            -webkit-transition: all .2s ease 0s;
            -moz-transition: all .2s ease 0s;
            -o-transition: all .2s ease 0s;
            -ms-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
        }

            #nav li ul li:first-child {
                border-top: 4px solid #eee;
            }

            #nav li ul li:last-child {
                border-bottom: 4px solid #eee;
            }

            #nav li ul li:hover {
                background: #fff;
            }

            #nav li ul li a {
                text-transform: none !important;
                font: 13px 'Droid Sans',sans-serif;
                line-height: 15px;
                color: #6c89c3 !important;
                padding: 10px 15px !important;
                transition-property: text-indent;
                transition-duration: .2s;
                -webkit-transition-property: text-indent;
                -webkit-transition-duration: .2s;
                -moz-transition-property: text-indent;
                -moz-transition-duration: .2s;
                -o-transition-property: text-indent;
                -o-transition-duration: .2s;
            }

            #nav li ul li:hover > a {
                text-indent: 3px;
                color: #333 !important;
                background: #f6f6f6;
            }

            #nav li ul li, #nav li ul li a {
                float: none;
            }

    #nav li.current-menu-item ul li.current-menu-item {
        background: #f6f6f6;
    }

    #nav li ul li ul {
        display: none;
    }

    #nav li ul li:hover ul {
        left: 100%;
        top: -2px;
        padding-top: 0 !important;
        padding-left: 5px;
        position: absolute;
        display: block !important;
    }

#search {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-left: 30px;
    top: 20px;
    float: right;
    z-index: 1005;
}

.search-submit {
    background: url(../4048ca0.html) no-repeat;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
}

#m_search {
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 10px;
    position: absolute;
    top: 105%;
    width: 135px;
    margin-left: -112px;
    font: italic 11px 'Raleway',Arial,sans-serif;
    color: #777;
    display: none;
}

.header-style-3 #top-bar-wrapper {
    background: #333;
    border-bottom: none;
}

.header-style-3 #top-bar .contact-info li, .header-style-3 #top-bar .contact-info li a {
    color: #bbb;
}

.header-style-3 #top-bar .social-links li {
    background: #444;
    border-left: 1px solid #555;
    border-right: 1px solid #333;
}

    .header-style-3 #top-bar .social-links li:last-child {
        border-right: none;
    }

.header-style-4 .social-links {
    float: right;
    margin-left: 30px;
    max-width: 1030px;
    margin-top: 25px;
}

    .header-style-4 .social-links li {
        float: left;
        margin-left: 10px;
        background-color: #eee;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

        .header-style-4 .social-links li:hover a {
            color: #fff !important;
        }

        .header-style-4 .social-links li a {
            width: 30px;
            font-size: 10px;
            height: 30px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
            -o-transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
        }

.header-style-4 #nav-container {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

    .header-style-4 #nav-container #nav {
        max-width: 1100px;
        float: left;
    }

.header-style-5 #logo {
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    float: none;
}

    .header-style-5 #logo a {
        display: table;
        margin: 0 auto;
    }

.header-style-5 #nav-container {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

    .header-style-5 #nav-container #nav {
        max-width: 1100px;
        float: left;
    }

#page-title {
    background: url(img/genel/page-title-bg.jpg) center center;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 100px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}

#page-title-makale {
    background: url(img/makaleler/makale-banner-bg.png);
    background-attachment: fixed;
    padding: 100px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}

#page-title.no-image .pt-title {
    padding-bottom: 100px;
}

.pt-title {
    padding: 20px 0;
}

    .pt-title h1 {
        font-size: 36px;
        line-height: 38px;
    }

.pt-image-container {
    float: right;
    width: 100%;
}

.pt-image {
    position: relative;
    bottom: 0;
}

    .pt-image .float-right {
        margin: 0;
    }

.page-title-1 .breadcrumbs {
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 0;
}

.breadcrumbs li {
    float: left;
    padding-right: 5px;
    line-height: 22px;
    font-family: 'Raleway',Arial,sanserif;
}

    .breadcrumbs li a {
        color: #fff;
        font-family: 'Raleway',Arial,sanserif;
    }

        .breadcrumbs li a:hover {
            color: #ddd !important;
        }

#page-title.page-title-2 {
    padding: 50px 0;
}

    #page-title.page-title-2 .pt-title {
        padding: 0;
        float: left;
        margin-right: 40px;
    }

        #page-title.page-title-2 .pt-title h1 {
            margin-bottom: 0;
        }

    #page-title.page-title-2 .breadcrumbs {
        float: right;
        padding: 5px 10px;
        display: inline-block;
        color: #fff;
    }

#page-title.page-title-3 {
    background: #f6f6f6;
    padding: 10px 0;
}

    #page-title.page-title-3 .breadcrumbs li a {
        color: #666;
    }

.accordion .title {
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-left: 45px;
    padding-top: 10px;
    float: left;
    background-color: #f6f6f6;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}

    .accordion .title a {
        font-size: 14px;
        font-family: 'Raleway',Arial,sans-serif;
    }

    .accordion .title span {
        padding-right: 10px;
        font-size: 16px;
    }

.accordion .title, .accordion .content {
    padding-bottom: 10px;
    float: left;
    cursor: pointer;
    width: 100%;
}

    .accordion .title.active a {
        color: #222;
        font-weight: 500;
    }

    .accordion .title a:hover {
        color: #333;
    }

.accordion .content {
    padding-bottom: 20px;
}

.accordion.style-2 .title {
    background-color: #fff;
    background-image: url(../404309c.html);
    border: 1px solid #e6e6e6;
}

    .accordion.style-2 .title.active {
        background-image: url(../40423d0.html);
    }

blockquote {
    background: #f6f6f6;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
}

    blockquote p {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        font: italic 16px 'Open Sans',Arial,sans-serif;
        font-weight: 300;
        line-height: 26px;
    }

cite {
    font-size: 12px;
    padding: 10px 0 0;
    display: block;
    width: 100%;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

p + blockquote, blockquote + p {
    display: block;
    margin-top: 14px;
    float: left;
}

.btn-group {
    width: 100%;
    float: left;
}

    .btn-group a.btn-medium, .btn-group a.btn-big {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

.btn-medium i, .btn-big i {
    padding-right: 8px;
}

.btn-medium {
    padding: 10px 15px;
    font: 13px 'Open Sans',Arial,sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: left;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-big {
    padding: 15px 18px;
    font: 14px 'Open Sans',Arial,sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: left;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-medium:hover, .btn-big:hover {
        color: #fff !important;
    }

    .btn-medium.empty, .btn-big.empty {
        background: none;
        color: #333;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .btn-medium.empty:hover, .btn-big.empty:hover, .btn-medium.empty.white, .btn-big.empty.white {
            color: #fff !important;
        }

        .btn-medium.empty.white, .btn-big.empty.white {
            border: 1px solid #fff;
        }

    .btn-medium.black, .btn-big.black {
        background: #333;
    }

        .btn-medium.black:hover, .btn-big.black:hover {
            background: #555;
        }

    .btn-medium.empty.black, .btn-big.empty.black {
        border: 1px solid #333;
        color: #333 !important;
        background: none;
    }

        .btn-medium.empty.black:hover, .btn-big.empty.black:hover {
            background-color: #333;
            color: #fff !important;
        }

    .btn-medium.grey, .btn-big.grey {
        background: #777;
    }

        .btn-medium.grey:hover, .btn-big.grey:hover {
            background: #888;
        }

    .btn-medium.empty.grey, .btn-big.empty.grey {
        border: 1px solid #777;
        color: #777 !important;
        background: none;
    }

        .btn-medium.empty.grey:hover, .btn-big.empty.grey:hover {
            background-color: #777;
            color: #fff !important;
        }

    .btn-medium.silver, .btn-big.silver {
        background: #aaa;
    }

        .btn-medium.silver:hover, .btn-big.silver:hover {
            background: #bbb;
        }

    .btn-medium.empty.silver, .btn-big.empty.silver {
        border: 1px solid #aaa;
        color: #777 !important;
        background: none;
    }

        .btn-medium.empty.silver:hover, .btn-big.empty.silver:hover {
            background-color: #aaa;
            color: #fff !important;
        }

    .btn-medium.blue, .btn-big.blue {
        background: #2277eb;
    }

        .btn-medium.blue:hover, .btn-big.blue:hover {
            background: #4e92ef;
        }

    .btn-medium.empty.blue, .btn-big.empty.blue {
        border: 1px solid #2277eb;
        color: #2277eb !important;
        background: none;
    }

        .btn-medium.empty.blue:hover, .btn-big.empty.blue:hover {
            background-color: #2277eb;
            color: #fff !important;
        }

    .btn-medium.red, .btn-big.red {
        background: #d52b2a;
    }

        .btn-medium.red:hover, .btn-big.red:hover {
            background: #d55;
        }

    .btn-medium.empty.red, .btn-big.empty.red {
        border: 1px solid #d52b2a;
        color: #d52b2a !important;
        background: none;
    }

        .btn-medium.empty.red:hover, .btn-big.empty.red:hover {
            background-color: #d52b2a;
            color: #fff !important;
        }

    .btn-medium.yellow, .btn-big.yellow {
        background: #fcc820;
    }

        .btn-medium.yellow:hover, .btn-big.yellow:hover {
            background: #fdd34d;
        }

    .btn-medium.empty.yellow, .btn-big.empty.yellow {
        border: 1px solid #fcc820;
        color: #fcc820 !important;
        background: none;
    }

        .btn-medium.empty.yellow:hover, .btn-big.empty.yellow:hover {
            background-color: #fcc820;
            color: #fff !important;
        }

    .btn-medium.orange, .btn-big.orange {
        background: #f8806c;
    }

        .btn-medium.orange:hover, .btn-big.orange:hover {
            background: #f99989;
        }

    .btn-medium.empty.orange, .btn-big.empty.orange {
        border: 1px solid #f8806c;
        color: #f8806c !important;
        background: none;
    }

        .btn-medium.empty.orange:hover, .btn-big.empty.orange:hover {
            background-color: #f8806c;
            color: #fff !important;
        }

    .btn-medium.green, .btn-big.green {
        background: #9ab869;
    }

        .btn-medium.green:hover, .btn-big.green:hover {
            background: #aec687;
        }

    .btn-medium.empty.green, .btn-big.empty.green {
        border: 1px solid #9ab869;
        color: #9ab869 !important;
        background: none;
    }

        .btn-medium.empty.green:hover, .btn-big.empty.green:hover {
            background-color: #9ab869;
            color: #fff !important;
        }

    .btn-medium.aqua, .btn-big.aqua {
        background: #60cfc8;
    }

        .btn-medium.aqua:hover, .btn-big.aqua:hover {
            background: #80d9d3;
        }

    .btn-medium.empty.aqua, .btn-big.empty.aqua {
        border: 1px solid #60cfc8;
        color: #60cfc8 !important;
        background: none;
    }

        .btn-medium.empty.aqua:hover, .btn-big.empty.aqua:hover {
            background-color: #60cfc8;
            color: #fff !important;
        }

#client-carousel li {
    width: 170px;
    margin-right: 30px;
    float: left;
    display: block;
}

.process-box {
    background: #fff;
    width: 90%;
    float: right;
    padding: 25px 15px 25px 70px;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

    .process-box::after {
        position: absolute;
        display: block;
        content: "";
        background: url(img/anasayfa/development-shadow.png) no-repeat center 0;
        bottom: 0;
        width: 100%;
        height: 19px;
        left: 0;
        bottom: -19px;
        opacity: 0;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .process-box:hover {
        transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }

        .process-box:hover h5, .process-box:hover p {
            color: #fff;
        }

        .process-box:hover::after {
            opacity: .7;
        }

    .process-box .img-container {
        width: 94px;
        height: 94px;
        position: absolute;
        left: -50px;
        top: 50%;
        margin-top: -50px;
        display: block;
        float: left;
        border: 3px solid #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        overflow: hidden;
        z-index: 30;
    }

        .process-box .img-container img {
            width: 94px;
            height: 94px;
            display: block;
            -webkit-border-radius: 50%;
        }

    .process-box h5 {
        margin-bottom: 15px;
    }

.dropcap {
    color: #fff;
    background: #333;
    float: left;
    margin-right: 10px;
    font: 18px 'Open Sans',Arial,sans-serif;
    line-height: 18px;
    padding: 14px;
    position: relative;
    top: 8px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    .dropcap.circle {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        top: 5px;
    }

.heading-centered {
    width: 100%;
    margin-bottom: -40px;
}

    .heading-centered h1, .heading-centered h2, .heading-centered h3, .heading-centered h4, .heading-centered h5, .heading-centered h6, .heading-centered p {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }

.heading-bordered {
    border-bottom: 0 solid #e8eef6;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.heading-bordered-urunler {
    border-bottom: 0 solid #e8eef6;
    margin-bottom: 10px;
    margin-left: 169px;
    width: 100%;
    float: left;
}

.heading-bordered h1, .heading-bordered h2, .heading-bordered h3, .heading-bordered h4, .heading-bordered h5, .heading-bordered h6 {
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #a8b4c3;
    display: inline-block;
    margin-bottom: -1px;
}

.highlighted-color, .highlighted-color:hover {
    color: #fff !important;
    margin-right: 3px;
}

.history {
    width: 100%;
    float: left;
}

    .history .year-holder {
        width: 104px;
        height: 104px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        float: left;
        margin-right: 30px;
    }

        .history .year-holder .inner-holder {
            position: relative;
            top: 12px;
            left: 12px;
        }

        .history .year-holder span.year {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            color: #fff;
            position: relative;
            font-size: 18px;
            font-weight: 300;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

    .history h4 {
        margin-bottom: 12px;
        padding-top: 15px;
        padding-left: 140px;
    }

.history-arrow-left, .history-arrow-right {
    width: 100%;
    min-height: 104px;
}

.history p {
    padding-left: 7px;
}

.icons-list li a, .icons-list li p {
    padding-left: 10px;
    display: inline;
}

.icons-list li {
    padding-bottom: 3px;
}

.icons-list.big li {
    font-size: 22px;
    padding-bottom: 8px;
}

    .icons-list.big li p {
        font-size: 18px;
        position: relative;
        top: -2px;
        font-family: 'Raleway',Arial,sans-serif;
    }

.information-boxes {
    width: 100%;
    float: left;
    cursor: pointer;
}

    .information-boxes .close {
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        background: url(../404fb7a.html) no-repeat;
        display: block;
        top: 5px;
        right: 5px;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .information-boxes:hover .close {
        opacity: 1;
    }

.infobox {
    background: #e0f2ff;
    border: 1px solid #c1def2;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

    .infobox p {
        background: url(../404ec09.html) no-repeat 0 center;
        margin: 10px 30px 10px 10px;
        padding-left: 25px;
        color: #61adb0;
        text-shadow: 0 1px 0 #fff;
    }

.warning-box {
    background: #f8f6bc;
    border: 1px solid #e7e48b;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

    .warning-box p {
        background: url(../404bb3d.html) no-repeat 0 center;
        margin: 10px 30px 10px 10px;
        padding-left: 27px;
        color: #989426;
        text-shadow: 0 1px 0 #fff;
    }

.success-box {
    background: #ebfdd7;
    border: 1px solid #cef4a4;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

    .success-box p {
        background: url(../4046520.html) no-repeat 0 center;
        margin: 10px 30px 10px 10px;
        padding-left: 25px;
        color: #7eb244;
        text-shadow: 0 1px 0 #fff;
    }

.error-box {
    background: #fadddd;
    border: 1px solid #fcc1c1;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

    .error-box p {
        background: url(../40405c0.html) no-repeat 0 center;
        margin: 10px 30px 10px 10px;
        padding-left: 25px;
        color: #d86d6d;
        text-shadow: 0 1px 0 #fff;
    }

.note h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.note .btn-medium, .note .btn-big {
    float: none;
    display: table;
    margin: 0 auto;
}

.note.has-background {
    background: #f6f6f6;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page-content.background-black .note {
    padding: 40px 0;
    width: 100%;
}

    .page-content.background-black .note h4 {
        color: #fff;
        text-align: center;
    }

.carousel-nav-container {
    width: 100%;
    float: left;
}

.portfolio-carousel .isotope-item {
    margin-bottom: 0;
    margin-right: 5px;
    display: block;
    float: left;
    height: auto;
}

.carousel-nav {
    margin: 25px auto 0;
    display: table;
}

    .carousel-nav li {
        width: 30px;
        height: 30px;
        float: left;
        background-color: #eee;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        margin-right: 5px;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
    }

        .carousel-nav li a[class^="c_prev"] {
            background-image: url(../404bffd.html);
            background-repeat: no-repeat;
            background-position: center;
            width: 30px;
            height: 30px;
            display: block !important;
        }

        .carousel-nav li a[class^="c_next"] {
            background-image: url(../4042e76.html);
            background-repeat: no-repeat;
            background-position: center;
            width: 30px;
            height: 30px;
            display: block !important;
        }

.pricing-table-col {
    border: 10px solid #eee;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .pricing-table-col .head {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0;
    }

        .pricing-table-col .head h2 {
            padding: 20px 0;
            text-align: center;
            margin-bottom: 0;
            font-size: 22px;
            font-weight: 500;
        }

        .pricing-table-col .head .price {
            background: #f6f6f6;
            width: 100%;
            padding: 10px 0;
            text-align: center;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            display: block;
            font: 12px Arial,sans-serif;
            color: #333;
        }

.head .price span {
    font: 30px 'Open Sans',Arial,sans-serif;
    font-weight: 300;
}

.pricing-table-col.selected .head .price span, .pricing-table-col.selected .head .price {
    color: #fff !important;
}

.pricing-table-col li {
    color: #777;
    padding: 8px;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #fff;
    text-align: center;
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .pricing-table-col li:first-child {
        border: none;
        float: none;
    }

    .pricing-table-col li.odd {
        background-color: #fcfcfc;
    }

li.pricing-footer {
    height: auto !important;
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: none;
}

.pricing-footer .btn-small, .pricing-footer .btn-medium, .pricing-footer .btn-big {
    margin: 5px auto;
    display: table;
    float: none;
}

#services-carousel li {
    margin-right: 30px;
}

.service-box-1 {
    width: 100%;
    float: left;
    cursor: pointer;
}

    .service-box-1 .icon {
        padding: 10px;
        font-size: 16px;
        background: #333;
        color: #fff;
        float: left;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .service-box-1 h5 {
        padding-top: 7px;
        margin-bottom: 20px;
        padding-left: 50px;
    }

    .service-box-1:hover .icon {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

.service-box-2 {
    width: 100%;
    padding: 30px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

    .service-box-2 .icon {
        width: 100%;
        margin: 0 auto 15px;
        display: table;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
    }

        .service-box-2 .icon i {
            font-size: 24px;
            padding: 20px;
            display: table;
            vertical-align: middle;
            text-align: center;
            margin: 0 auto;
            color: #fff;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-transition: all .2s ease 0s;
            -moz-transition: all .2s ease 0s;
            -o-transition: all .2s ease 0s;
            -ms-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
        }

    .service-box-2 h5 {
        text-align: center;
        margin-bottom: 10px;
    }

    .service-box-2 p {
        text-align: center;
    }

    .service-box-2 a.read-more {
        width: 100%;
        float: none;
        text-align: center;
        display: block;
    }

    .service-box-2:hover .icon i {
        background-color: #fff;
    }

    .service-box-2:hover h5, .service-box-2:hover p, .service-box-2:hover a.read-more {
        color: #fff;
    }

    .service-box-2 a.read-more:hover {
        color: #fff !important;
    }

    .service-box-2:hover::before {
        content: "";
        position: absolute;
        display: block;
        background: url(../404eea7.html) no-repeat;
        top: 0;
        left: -16px;
        width: 16px;
        height: 253px;
    }

    .service-box-2:hover::after {
        content: "";
        position: absolute;
        display: block;
        background: url(../4040346.html) no-repeat;
        top: 0;
        right: -16px;
        width: 16px;
        height: 253px;
    }

.services-overview li {
    background: url(img/anasayfa/checkmark.png) no-repeat 0 0;
    float: left;
    width: 100%;
    padding-left: 70px;
    margin-bottom: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .services-overview li h5 {
        margin-bottom: 15px;
    }

.tabs.vertical.services-tabs {
    width: 50%;
}

    .tabs.vertical.services-tabs li {
        background: none;
        border: none;
        margin-bottom: 30px;
    }

        .tabs.vertical.services-tabs li.active, .tabs.vertical.services-tabs li:first-child {
            border: none !important;
        }

        .tabs.vertical.services-tabs li.active {
            background: none;
        }

        .tabs.vertical.services-tabs li a {
            padding: 0;
        }

        .tabs.vertical.services-tabs li.active a {
            color: #fff !important;
        }

        .tabs.vertical.services-tabs li .icon {
            font-size: 30px;
            padding: 20px;
            background: #fff;
            display: table-cell;
            float: left;
            border: 1px solid #eee;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
            -o-transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
        }

        .tabs.vertical.services-tabs li:hover .icon {
            color: #fff;
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

        .tabs.vertical.services-tabs li.active:hover .icon {
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            transform: none;
        }

        .tabs.vertical.services-tabs li h5 {
            margin-bottom: 3px;
            padding-left: 92px;
            padding-top: 12px;
        }

    .tabs.vertical.services-tabs p {
        padding-left: 92px;
    }

.tab-content-wrap.vertical.services-tab-content-wrap {
    background: none;
    padding: 0 0 0 30px;
    width: 50%;
}

    .tab-content-wrap.vertical.services-tab-content-wrap .tab-content {
        background: none;
    }

.skills-circular {
    width: 100%;
    float: left;
}

    .skills-circular li {
        float: left;
        margin-right: 30px;
    }

    .skills-circular.big li {
        margin-left: 30px;
        margin-right: 60px;
        min-height: 155px;
    }

    .skills-circular li:last-child {
        margin-right: 0;
    }

.chart {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
}

.skills-circular.big .chart {
    width: 110px;
    height: 110px;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent-container {
    top: 12px;
    left: 12px;
    position: relative;
}

.percent {
    display: table-cell;
    width: 46px;
    height: 46px;
    background: #727c89;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.skills-circular.big .percent {
    width: 86px;
    height: 86px;
    font-size: 22px;
}

.chart span.info {
    padding-top: 30px;
    float: left;
    width: 100%;
}

.skills-bar {
    width: 100%;
    position: relative;
    float: left;
}

.skills {
    padding-top: 20px;
    display: block;
}

    .skills li em {
        position: relative;
        top: -23px;
        font: 12px 'Open Sans',Arial,sans-serif;
        font-style: normal;
    }

    .skills li {
        display: block;
        height: 15px;
        margin-bottom: 35px;
        background: #f6f6f6;
        background: -moz-linear-gradient(top,rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(246,246,246,1)),color-stop(100%,rgba(238,238,238,1)));
        background: -webkit-linear-gradient(top,rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%);
        background: -o-linear-gradient(top,rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%);
        background: linear-gradient(to bottom,rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%);
        border: 1px solid #ddd;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.expand {
    height: 15px;
    position: absolute;
    margin-top: -1px;
}

.skills .percentage-10 {
    width: 10%;
    -moz-animation: percentage-10 2s ease-out;
    -webkit-animation: percentage-10 2s ease-out;
}

.skills .percentage-20 {
    width: 20%;
    -moz-animation: percentage-20 2s ease-out;
    -webkit-animation: percentage-20 2s ease-out;
}

.skills .percentage-30 {
    width: 30%;
    -moz-animation: percentage-30 2s ease-out;
    -webkit-animation: percentage-30 2s ease-out;
}

.skills .percentage-40 {
    width: 40%;
    -moz-animation: percentage-40 2s ease-out;
    -webkit-animation: percentage-40 2s ease-out;
}

.skills .percentage-50 {
    width: 50%;
    -moz-animation: percentage-50 2s ease-out;
    -webkit-animation: percentage-50 2s ease-out;
}

.skills .percentage-60 {
    width: 60%;
    -moz-animation: percentage-60 2s ease-out;
    -webkit-animation: percentage-60 2s ease-out;
}

.skills .percentage-70 {
    width: 70%;
    -moz-animation: percentage-70 2s ease-out;
    -webkit-animation: percentage-70 2s ease-out;
}

.skills .percentage-80 {
    width: 80%;
    -moz-animation: percentage-80 2s ease-out;
    -webkit-animation: percentage-80 2s ease-out;
}

.skills .percentage-90 {
    width: 90%;
    -moz-animation: percentage-90 2s ease-out;
    -webkit-animation: percentage-90 2s ease-out;
}

.skills .percentage-100 {
    width: 100%;
    -moz-animation: percentage-100 2s ease-out;
    -webkit-animation: percentage-100 2s ease-out;
}

@-moz-keyframes percentage-10 {
    0% {
        width: 0;
    }

    100% {
        width: 10%;
    }
}

@-moz-keyframes percentage-20 {
    0% {
        width: 0;
    }

    100% {
        width: 20%;
    }
}

@-moz-keyframes percentage-30 {
    0% {
        width: 0;
    }

    100% {
        width: 30%;
    }
}

@-moz-keyframes percentage-40 {
    0% {
        width: 0;
    }

    100% {
        width: 40%;
    }
}

@-moz-keyframes percentage-50 {
    0% {
        width: 0;
    }

    100% {
        width: 50%;
    }
}

@-moz-keyframes percentage-60 {
    0% {
        width: 0;
    }

    100% {
        width: 60%;
    }
}

@-moz-keyframes percentage-70 {
    0% {
        width: 0;
    }

    100% {
        width: 70%;
    }
}

@-moz-keyframes percentage-80 {
    0% {
        width: 0;
    }

    100% {
        width: 80%;
    }
}

@-moz-keyframes percentage-90 {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}

@-moz-keyframes percentage-100 {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes percentage-10 {
    0% {
        width: 0;
    }

    100% {
        width: 10%;
    }
}

@-webkit-keyframes percentage-20 {
    0% {
        width: 0;
    }

    100% {
        width: 20%;
    }
}

@-webkit-keyframes percentage-30 {
    0% {
        width: 0;
    }

    100% {
        width: 30%;
    }
}

@-webkit-keyframes percentage-40 {
    0% {
        width: 0;
    }

    100% {
        width: 40%;
    }
}

@-webkit-keyframes percentage-50 {
    0% {
        width: 0;
    }

    100% {
        width: 50%;
    }
}

@-webkit-keyframes percentage-60 {
    0% {
        width: 0;
    }

    100% {
        width: 60%;
    }
}

@-webkit-keyframes percentage-70 {
    0% {
        width: 0;
    }

    100% {
        width: 70%;
    }
}

@-webkit-keyframes percentage-80 {
    0% {
        width: 0;
    }

    100% {
        width: 80%;
    }
}

@-webkit-keyframes percentage-90 {
    0% {
        width: 0;
    }

    100% {
        width: 90%;
    }
}

@-webkit-keyframes percentage-100 {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.numbers-counter {
    width: 100%;
    float: left;
}

    .numbers-counter li span, .numbers-counter li p {
        color: #000;
    }

    .numbers-counter li {
        margin-left: 1px;
        margin-bottom: 1px;
        float: left;
    }

        .numbers-counter li span {
            font-size: 32px;
            width: 100%;
            text-align: center;
            display: block;
        }

        .numbers-counter li p {
            width: 100%;
            display: block;
            text-align: center;
        }

.grid_3 .numbers-counter li {
    width: 134px;
    height: 134px;
}

    .grid_3 .numbers-counter li span {
        padding-top: 30px;
    }

.grid_4 .numbers-counter li {
    width: 184px;
    height: 184px;
}

    .grid_4 .numbers-counter li span {
        padding-top: 50px;
    }

.grid_5 .numbers-counter li {
    width: 155px;
    height: 155px;
}

    .grid_5 .numbers-counter li span {
        padding-top: 40px;
    }

.grid_6 .numbers-counter li {
    width: 189px;
    height: 189px;
}

    .grid_6 .numbers-counter li span {
        padding-top: 55px;
    }

.grid_7 .numbers-counter li {
    width: 166px;
    height: 166px;
}

    .grid_7 .numbers-counter li span {
        padding-top: 45px;
    }

.grid_8 .numbers-counter li {
    width: 191px;
    height: 191px;
}

    .grid_8 .numbers-counter li span {
        padding-top: 55px;
    }

.grid_9 .numbers-counter li {
    width: 173px;
    height: 173px;
}

    .grid_9 .numbers-counter li span {
        padding-top: 55px;
    }

.grid_12 .numbers-counter li {
    width: 194px;
    height: 194px;
}

    .grid_12 .numbers-counter li span {
        padding-top: 55px;
    }

.grid_3 .numbers-counter li:nth-child(2n), .grid_4 .numbers-counter li:nth-child(2n) {
    margin-right: 0;
}

.grid_5 .numbers-counter li:nth-child(3n), .grid_6 .numbers-counter li:nth-child(3n) {
    margin-right: 0;
}

.caroufredsel_wrapper {
    float: left !important;
}

.testimonial-carousel {
    float: left;
    width: 100%;
}

.testimonial {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

    .testimonial .testimonial-text {
        width: 100%;
        background: #f6f6f6;
        padding: 30px 30px 60px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .testimonial .testimonial-text p {
            font-size: 14px;
            font-style: italic;
        }

.testimonial-author {
    width: 100%;
    position: relative;
    top: -40px;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.testimonial-image-container {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    border: 4px solid #fff;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    overflow: hidden;
}

    .testimonial-image-container img {
        dispaly: block;
        width: 100px;
        height: 100px;
        -webkit-border-radius: 5%;
    }

.testimonial-author-name {
    margin-bottom: 0;
    padding-top: 50px;
}

.testimonial-author-company {
    width: 100%;
    display: block;
    font-style: italic;
    font-weight: 300;
}

.testimonial.style-2 .testimonial-text {
    background: none;
    padding-bottom: 0;
}

    .testimonial.style-2 .testimonial-text p {
        text-align: center;
        font-size: 18px;
        line-height: 28px;
    }

    .testimonial.style-2 .testimonial-text span {
        text-align: center;
        padding-top: 10px;
        width: 100%;
        display: block;
        font-style: italic;
    }

.tabs {
    overflow: hidden;
    float: left;
}

    .tabs i {
        padding-right: 5px;
        font-size: 13px;
    }

    .tabs li {
        float: left;
        border-left: 1px solid #eee;
        overflow: hidden;
        position: relative;
        padding: 0;
        line-height: 38px;
        top: 1px;
        background-color: #f6f6f6;
        cursor: pointer;
    }

        .tabs li a {
            color: #333;
            padding: 0 16px;
            font: 13px 'Raleway',Arial,sans-serif;
            line-height: 38px;
            padding-top: 2px;
        }

        .tabs li.active {
            border-bottom: 1px solid #fff;
            background-color: #fff;
        }

        .tabs li:first-child {
            border-left: none;
        }

        .tabs li.active:first-child {
            border-left: 1px solid #eee;
        }

        .tabs li.active:last-child {
            border-right: 1px solid #eee;
        }

.tab-content-wrap {
    width: 100%;
    border: 1px solid #eee;
    margin-top: -1px;
    overflow: hidden;
    float: left;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*[class*="grid_"].tabs.vertical, *[class*="grid_"].tabs.vertical li.active {
    overflow: visible;
}

.tabs.vertical {
    overflow: hidden;
    float: left;
    width: 30%;
}

    .tabs.vertical li {
        float: left;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;
        border-top: none;
        overflow: hidden;
        padding: 0;
        line-height: 42px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .tabs.vertical li:first-child {
            border-top: 1px solid #eee !important;
        }

        .tabs.vertical li a {
            color: #333;
            padding: 15px;
            font: 13px 'Open Sans',Arial,sans-serif;
            float: left;
            width: 100%;
            box-sizing: border-box;
        }

            .tabs.vertical li a i {
                font-size: 16px;
                padding-right: 15px;
                position: relative;
                top: 2px;
            }

        .tabs.vertical li.active {
            border-bottom: 1px solid #eee;
            border-right: none;
            border-top: none;
            background: #fff;
            position: relative;
        }

            .tabs.vertical li.active a {
                color: #fff;
            }

.tab-content-wrap.vertical {
    margin-top: 0;
    overflow: hidden;
    float: left;
    border: none;
    width: 70%;
    padding: 0;
}

    .tab-content-wrap.vertical .tab-content {
        padding-left: 30px;
        background: #fff;
    }

.team {
    width: 100%;
    float: left;
}

.team-img-container {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

    .team-img-container .team-img-hover {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

        .team-img-container .team-img-hover .mask {
            background: rgba(255,255,255,.2);
            box-shadow: inset 0 0 0 8px rgba(255,255,255,.7);
            width: 100%;
            height: 100%;
            opacity: 0;
            display: block;
            cursor: pointer;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
            -o-transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
        }

    .team-img-container:hover .mask {
        opacity: 1;
    }

.team h6 {
    margin-bottom: 0;
}

.team .position {
    font-style: italic;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.team-social-links {
    width: 100%;
    margin-top: 15px;
    float: left;
}

    .team-social-links li {
        float: left;
        margin-right: 20px;
    }

        .team-social-links li a {
            font-size: 16px;
            color: #aaa;
        }

.team-alternative li {
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 284px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.team-member-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

    .team-member-hover .mask {
        opacity: .7;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.team-member:hover .team-member-hover {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    opacity: 1;
}

.team-member-hover .team-member-info {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .team-member-hover .team-member-info h5 {
        color: #fff;
        text-align: center;
        padding-top: 60px;
        margin-bottom: 3px;
    }

    .team-member-hover .team-member-info .position {
        width: 100%;
        display: block;
        text-align: center;
        font-style: italic;
        color: #fff;
        margin-bottom: 30px;
    }

.team-member-hover .btn-medium {
    position: relative;
    left: 90px;
}

.row.portfolio-items-holder {
    margin-bottom: 30px;
}

.row.portfolio-filters {
    margin-bottom: 30px;
}

.portfolio-filters.portfolio-full ul {
    display: table;
    margin: 0 auto;
}

#filters li {
    float: left;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #ddd;
}

    #filters li .item-number {
        background: #eee;
        min-width: 25px;
        min-height: 25px;
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        font-family: 'Raleway',Arial,sans-serif;
        padding-top: 1px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    #filters li a {
        font-family: 'Raleway',Arial,sans-serif;
    }

    #filters li.active .item-number, #filters li:hover .item-number {
        color: #fff;
    }

    #filters li:last-child {
        border-right: none;
    }

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
}

.isotope {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -ms-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform,opacity;
        -moz-transition-property: -moz-transform,opacity;
        -ms-transition-property: -ms-transform,opacity;
        -o-transition-property: -o-transform,opacity;
        transition-property: transform,opacity;
    }

        .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
        }

.isotope-item {
    float: left;
    margin-bottom: 30px;
    z-index: 2;
}

.portfolio-img-container .portfolio-img {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.portfolio-img-container .portfolio-img-hover {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.portfolio-img-container .portfolio-img:hover .portfolio-img-hover {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    opacity: 1;
}

.isotope-item .portfolio-style-2 .portfolio-img {
    width: 100%;
    overflow: hidden;
}

.isotope-item .portfolio-img-container .portfolio-img img {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.portfolio-img-container .portfolio-img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.portfolio-img-container .portfolio-img-hover .mask {
    opacity: .7;
    width: 100%;
    height: 100%;
}

.portfolio-img-container .portfolio-img-hover li {
    background: #222;
    width: 100px;
    height: 45px;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

    .portfolio-img-container .portfolio-img-hover li.portfolio-zoom {
        margin-left: -45px !important;
    }

    .portfolio-img-container .portfolio-img-hover li.portfolio-single {
        margin-left: -50px !important;
    }

    .portfolio-img-container .portfolio-img-hover li a {
        width: 100px;
        height: 45px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        color: #eee;
    }

    .portfolio-img-container .portfolio-img-hover li:hover a {
        color: #fff !important;
    }

.portfolio-img-container figcaption {
    width: 100%;
    background: #f6f6f6;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .portfolio-img-container figcaption .portfolio-item-like {
        float: right;
        padding-top: 5px;
    }

.grid_6.isotope-item figcaption .title {
    max-width: 500px;
}

#portfolioitems {
    padding-left: 15px;
}

.portfolio-items-holder .isotope-item {
    margin-bottom: 2px;
    margin-right: 2px;
    margin-left: 0;
}

.portfolio-items-holder .grid_6 {
    width: 584px;
}

.portfolio-items-holder .grid_4 {
    width: 388px;
}

.portfolio-items-holder .grid_3 {
    width: 291px;
}

.portfolio-items-holder .grid_6:nth-child(2n) {
    margin-right: 0;
}

.container.full #portfolioitems {
    padding: 0;
}

.container.full .portfolio-items-holder .isotope-item {
    width: 16.6%;
    margin-right: 1px;
    margin-bottom: 1px;
}

.pagination.portfolio-full {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 30px;
}

    .pagination.portfolio-full ul {
        float: none;
        display: table;
        margin: 0 auto;
    }

.portfolio-info li {
    width: 100%;
    padding-bottom: 3px;
}

.portfolio-single-like {
    width: 100%;
}

    .portfolio-single-like p {
        display: inline;
        float: left;
    }

    .portfolio-single-like .portfolio-item-like {
        float: left;
        padding-top: 5px;
        padding-left: 10px;
    }

.blog-posts li.blog-post {
    float: left;
    margin-bottom: 80px;
    width: 100%;
    position: relative;
}

#post-slider {
    margin-bottom: 0;
}

.post-media-container {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    float: left;
}

    .post-media-container .post-media-hover {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

        .post-media-container .post-media-hover .mask {
            background: rgba(255,255,255,.3);
            box-shadow: inset 0 0 0 8px rgba(255,255,255,.7);
            width: 100%;
            height: 100%;
            opacity: 0;
            display: block;
            cursor: pointer;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
            -o-transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
        }

    .post-media-container:hover .mask {
        opacity: 1;
    }

    .post-media-container iframe {
        width: 100%;
        height: auto;
        min-height: 371px;
    }

.grid_12.blog-posts .post-media-container iframe {
    min-height: 500px;
}

.post-media-container .audio-player {
    width: 100%;
}

    .post-media-container .audio-player.with-image {
        position: absolute;
        bottom: 30px;
        width: 90%;
        left: 40px;
    }

.grid_12.blog-posts .post-media-container .audio-player.with-image {
    left: 60px;
}

.post-info {
    width: 110px;
    float: left;
    margin-right: 30px;
}

    .post-info li, .post-info-container .date-category li {
        float: left;
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

    .post-info .post-date, .post-info-container .post-date {
        background: #eee;
        position: relative;
        z-index: 20;
    }

        .post-info .post-date span, .post-info-container .post-date span {
            width: 100%;
            display: block;
            text-transform: uppercase;
        }

        .post-info .post-date .day, .post-info-container .post-date .day {
            text-align: center;
            font: 19px 'Open Sans';
            line-height: 20px;
            font-weight: 600;
            padding-top: 14px;
        }

        .post-info .post-date .month, .post-info-container .post-date .month {
            font-size: 9px;
            text-align: center;
        }

    .post-info .post-category, .post-info-container .post-category {
        margin-left: -10px;
    }

        .post-info .post-category i, .post-info-container .post-category i {
            width: 60px;
            height: 60px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 18px;
            color: #fff;
        }

.post-body {
    padding-left: 140px;
}

    .post-body h3 {
        margin-bottom: 10px;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
    }

.post-meta {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    display: block;
}

    .post-meta li {
        float: left;
        padding-right: 15px;
        color: #666;
        line-height: 22px;
    }

        .post-meta li span {
            font: 13px 'Open Sans',Arial,sans-serif;
        }

        .post-meta li a {
            position: relative;
            display: inline-block;
            margin-right: 3px;
        }

            .post-meta li a::after {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 1px;
                content: "";
                opacity: 0;
                -webkit-transition: height .2s,opacity .2s,-webkit-transform .2s;
                -moz-transition: height .2s,opacity .2s,-moz-transform .2s;
                -o-transition: height .2s,opacity .2s,transform .2s;
                -ms-transition: height .2s,opacity .2s,transform .2s;
                transition: height .2s,opacity .2s,transform .2s;
                -webkit-transform: translateY(-10px);
                -moz-transform: translateY(-10px);
                -o-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
            }

            .post-meta li a:hover::after {
                height: 2px;
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -o-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

.pagination {
    width: 100%;
    float: right;
}

    .pagination ul {
        float: right;
    }

    .pagination li {
        float: left;
        margin-right: 5px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #eee;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
    }

        .pagination li:last-child {
            margin-right: 0;
        }

        .pagination li a {
            width: 30px;
            height: 30px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

        .pagination li:hover a, .pagination li.active a {
            color: #fff !important;
        }

        .pagination li.current-page {
            width: auto;
            height: auto;
            padding-top: 5px;
            background: none;
            margin-right: 25px;
        }

            .pagination li.current-page:hover {
                background: none;
            }

.blog-posts.blog-post-small-image li .post-media-container {
    width: 270px;
    margin-right: 30px;
}

.blog-posts.blog-post-small-image li .post-body {
    padding-left: 300px;
}

.blog-posts.blog-post-small-image .post-info-container {
    width: 100%;
    margin-bottom: 20px;
}

    .blog-posts.blog-post-small-image .post-info-container .date-category {
        width: 110px;
        height: 60px;
        margin-right: 20px;
        float: left;
    }

    .blog-posts.blog-post-small-image .post-info-container .post-info {
        width: 100%;
        margin-right: 0;
        float: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .blog-posts.blog-post-small-image .post-info-container .post-info li {
            width: auto;
            height: auto;
        }

.blog-posts.blog-post-small-image .post-media-container iframe {
    min-height: 212px;
}

.blog-posts.blog-post-small-image .post-media-container .audio-player.with-image {
    left: 15px;
}

.blog-posts.isotope.cols li.blog-post.isotope-item {
    width: 420px;
    margin-right: 30px;
    margin-bottom: 50px;
}

    .blog-posts.isotope.cols li.blog-post.isotope-item:nth-child(2n) {
        margin-right: 0;
    }

.blog-post.isotope-item .post-info {
    width: 70px;
}

    .blog-post.isotope-item .post-info .post-category {
        margin-left: 0;
        margin-top: -10px;
    }

.blog-post.isotope-item .post-body {
    padding-left: 100px;
}

.blog-post.isotope-item iframe {
    min-height: 250px;
}

.grid_12.blog-posts .blog-post.isotope-item .post-media-container iframe {
    min-height: 300px;
}

.blog-post.isotope-item .post-media-container .audio-player.with-image {
    bottom: 20px;
    left: 20px;
}

.blog-posts.isotope.full li.blog-post.isotope-item {
    width: 370px;
    margin-right: 30px;
    margin-bottom: 50px;
}

    .blog-posts.isotope.full li.blog-post.isotope-item:nth-child(3n) {
        margin-right: 0;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider {
        min-height: 158px;
    }

.post-author {
    float: left;
    margin-bottom: 80px;
    width: 100%;
}

    .post-author .img-container {
        width: 70px;
        height: 70px;
        float: left;
        margin-right: 30px;
        border: 3px solid #eee;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
    }

    .post-author .info {
        padding-left: 103px;
    }

        .post-author .info h6 {
            margin-bottom: 3px;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
            -o-transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
        }

        .post-author .info span.member {
            font-style: italic;
            margin-bottom: 10px;
            display: block;
        }

.post-comments {
    width: 100%;
    float: left;
}

.comments-li {
    float: left;
    margin-bottom: 30px;
}

    .comments-li > li {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

        .comments-li > li:last-child .comment {
            border: none;
            margin-bottom: 0;
        }

.comment {
    float: left;
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.post-comments .comment + .children {
    margin-top: 30px;
}

.post-comments .children + .children {
    margin-top: 30px;
}

.comment .avatar {
    width: 70px;
    height: 70px;
    margin-right: 30px;
    float: left;
    border: 3px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.comment-meta li {
    font-style: italic;
}

.comment-meta .author {
    font: 15px 'Raleway',Arial,sans-serif;
    font-weight: 600;
}

.comment .comment-body {
    margin-left: 100px;
    margin-top: 15px;
}

.comment .comment-reply-link {
    display: block;
    margin-top: 15px;
    background: url(../404d89d.html) no-repeat 0 center;
    padding-left: 22px;
    cursor: pointer;
    text-transform: uppercase;
}

.post-comments .children {
    margin-left: 20px;
    float: left;
    padding: 0 0 0 20px;
}

.comment-form, #respond {
    float: left;
    width: 100%;
}

    #respond form {
        margin-top: 20px;
    }

    #respond fieldset {
        margin-bottom: 10px;
    }

    #respond label {
        width: 100%;
        color: #444;
        display: block;
        margin-bottom: 7px;
    }

    #respond .name-container {
        margin-right: 20px;
        float: left;
    }

    #respond .email-container {
        float: left;
    }

        #respond .name-container input, #respond .email-container input {
            background: #f6f6f6;
            border: 1px solid #ddd;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            height: 30px;
            width: 308px;
            font: 13px 'Open Sans',Arial,sans-serif;
            padding-left: 10px;
            padding-right: 10px;
            float: left;
            color: #666;
            -webkit-transition: all .3s ease 0s;
            -moz-transition: all .3s ease 0s;
            -o-transition: all .3s ease 0s;
            -ms-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
        }

    #respond .message {
        float: left;
        margin-top: 5px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        #respond .message textarea {
            background: #f6f6f6;
            border: 1px solid #ddd;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            width: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font: 13px 'Open Sans',Arial,sans-serif;
            line-height: 22px;
            padding: 10px;
            color: #666;
        }

    #respond #comment-reply {
        color: #fff;
        font: 12px 'Open Sans',Arial,sans-serif;
        background-color: #333;
        cursor: pointer;
        padding: 8px 15px;
        border: none;
        float: right;
        margin-top: 10px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        text-transform: uppercase;
    }

    #respond .name-container input:focus, #respond .email-container input:focus, #respond .message textarea:focus {
        border-color: #aaa;
    }

.share-post {
    float: left;
    background: #f6f6f6;
    margin-top: 30px;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .share-post span {
        float: left;
        display: block;
        margin-right: 20px;
        color: #333;
        position: relative;
        top: 2px;
    }

    .share-post #shareme {
        float: left;
    }

.sharrre .box {
    background: #333;
    -webkit-box-shadow: 0 1px 1px #d3d3d3;
    -moz-box-shadow: 0 1px 1px #d3d3d3;
    box-shadow: 0 1px 1px #d3d3d3;
    height: 22px;
    display: inline-block;
    position: relative;
    padding: 0 55px 0 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    float: left;
    clear: both;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
}

.sharrre.portfolio-item-like .box {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0 5px 0 0;
    position: relative;
    top: -5px;
    color: #666;
}

.sharrre .left {
    line-height: 22px;
    display: block;
    white-space: nowrap;
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sharrre .middle {
    position: absolute;
    height: 22px;
    top: 0;
    right: 30px;
    width: 0;
    background: #555;
    text-shadow: 0 -1px 1px #363f49;
    color: #fff;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    -webkit-box-shadow: -1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;
    -moz-box-shadow: -1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;
    box-shadow: -1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;
    -webkit-transition: width .3s linear;
    -moz-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear;
}

    .sharrre .middle a {
        color: #ccc;
        font-weight: bold;
        padding: 0 9px 0 9px;
        text-align: center;
        float: left;
        line-height: 22px;
        -webkit-box-shadow: -1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;
        -moz-box-shadow: -1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;
        box-shadow: -1px 0 1px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2) inset;
    }

.sharrre .right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45px;
    text-align: center;
    line-height: 22px;
    color: #fff;
}

.sharrre .box:hover {
    padding-right: 130px;
}

.sharrre.portfolio-item-like .box:hover {
    padding-right: 5px;
}

.sharrre .middle a:hover {
    text-decoration: none;
    color: #fff !important;
}

.sharrre .box:hover .middle {
    width: 90px;
}

.blog-post .share-post {
    margin-bottom: 80px;
}

.map_canvas {
    width: 100%;
    height: 550px;
}

.contact-info-list i {
    padding-right: 10px;
    padding-bottom: 5px;
}

.widget .contact-info-list li {
    background: none;
    border-bottom: none !important;
    padding-left: 0;
}

.wpcf7 {
    float: right;
    width: 100%;
}

    .wpcf7 fieldset {
        max-width: 100%;
        margin-bottom: 20px;
        
    }

    .wpcf7 label {
        color: #444;
        font: 13px Arial,sans-serif;
        line-height: 20px;
        margin-bottom: 5px;
        display: block;
        width: 100%;
        float:;
        
    }

.wpcf7-label {
    color: red;
    font: 13px Arial,sans-serif;
    margin-bottom: 10px;
}

.wpcf7-subject {
    width: 100% !important;
}

.wpcf7-text {
    max-width: 100%;
    min-width: 40%;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 8px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
 
}

    .wpcf7-text#portfolio-link {
        width: 100%;
    }

.wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 10px;
    float:right;    
    
}

    .wpcf7-text:focus, .wpcf7-textarea:focus {
        border-color: #aaa;
        float: left;
    }

.wpcf7-submit {
    border: 0 solid;
    font: 12px 'Open Sans',Arial,sans-serif;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    background-color: #333;
    padding: 10px 17px;
    cursor: pointer;
    float: right;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

}

.wpcf7-select {
    background: #f6f6f6;
    border: 1px solid #ddd;
    width: 100%;
    line-height: 29px !important;
    padding: 8px 8px 8px 10px;
    font: 12px 'Open Sans',Arial,sans-serif;
    color: #666;
    box-sizing: border-box;
    



    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget h6 {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-widget-container .widget h6 {
    color: #eee;
}

.aside-left {
    margin-bottom: 0;
    float: left;
}

.aside-right {
    margin-bottom: 0;
    float: right;
}

.widget {
    display: block;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

    .widget li {
        background: url(img/genel/aside-arrow.png) no-repeat 0 12px;
        border-bottom: 1px dotted #ddd;
        padding-left: 28px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .widget li:last-child {
            border-bottom: none !important;
            padding-bottom: 0;
        }

.footer-widget-container .widget li {
    border-bottom: 1px dotted #555;
}

.footer-widget-container li.widget:last-child {
    margin-bottom: 70px;
}

.widget_search form {
    position: relative;
}

.widget_search #a_search {
    background: #fff;
    border: 1px solid #ddd !important;
    width: 100%;
    display: block;
    font-size: 11px;
    font-family: 'Open Sans',Arial,sans-serif;
    color: #777;
    font-style: italic;
    left: 0;
    top: 0;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget_search .search-submit {
    background: url(../40465d5.html) center center no-repeat;
    width: 20px;
    height: 100%;
    border: none;
    text-indent: -9999px;
    position: absolute;
    float: left;
    cursor: pointer;
    right: 6px;
    top: 1px;
}

.pi_recent_posts ul > li {
    float: left;
    border-bottom: none;
    background: none;
    margin-bottom: 15px;
    padding-bottom: 0;
    padding-left: 0;
}

.pi_recent_posts .post-media {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pi_recent_posts .widget-post-info .meta li {
    margin-bottom: 0;
}

.pi_recent_posts .widget-post-info {
    width: 100%;
    padding-left: 90px;
    padding-top: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .pi_recent_posts .widget-post-info h6 {
        font-size: 15px;
        text-transform: none;
        margin-bottom: 0;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
    }

    .pi_recent_posts .widget-post-info .meta {
        width: 100%;
        float: left;
    }

        .pi_recent_posts .widget-post-info .meta li {
            float: left;
            padding-right: 10px;
            color: #666;
        }

            .pi_recent_posts .widget-post-info .meta li span {
                font: 13px 'Open Sans',Arial,sans-serif;
                line-height: 22px;
                color: #666;
            }

.footer-widget-container .pi_recent_posts li {
    border: none;
}

.latest-posts {
    width: 100%;
    float: left;
}

    .latest-posts li .post-media-container {
        margin-bottom: 15px;
    }

    .latest-posts li h5 {
        width: 100%;
        margin-bottom: 5px;
    }

    .latest-posts li.post {
        width: 270px;
        margin-right: 30px;
        float: left;
    }

        .latest-posts li.post:last-child {
            margin-right: 0;
        }

.widget_recent_comments li {
    background: url(../4044eaf.html) no-repeat 0 center;
    padding-left: 60px;
    padding-top: 0;
    min-height: 40px;
    border: none;
    margin-bottom: 15px;
}

    .widget_recent_comments li a {
        font-style: italic;
    }

    .widget_recent_comments li span {
        font: 13px 'Open Sans',Arial,sans-serif;
        line-height: 22px;
        padding-left: 3px;
    }

.footer-widget-container .widget_recent_comments li {
    color: #bbb;
}

.widget.social-feed li {
    background: none;
    border: none;
    padding: 0;
    float: left;
    width: 66px;
    height: 66px;
    margin-right: 1px;
    margin-bottom: 1px;
    overflow: hidden;
}

    .widget.social-feed li a img {
        width: 66px;
        height: 66px;
        opacity: .6;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

        .widget.social-feed li a img:hover {
            opacity: 1;
        }

    .widget.social-feed li:nth-child(4n) {
        margin-right: 0;
    }

.newsletter .email {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;
    width: 148px;
    height: 28px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 11px;
}

.footer-widget-container .newsletter .email {
    background: #444;
    border: 1px solid #555;
    color: #ccc;
    color: #bbb;
}

.widget .newsletter .submit {
    height: 28px;
    color: #eee;
    font-size: 11px;
    position: relative;
    top: 0;
    padding: 0 15px;
    cursor: pointer;
    border: 1px solid #555;
    background: #444;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.widget_tag_cloud a {
    background: #f6f6f6;
    color: #777;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 2px;
}

    .widget_tag_cloud a:hover {
        color: #fff !important;
    }

.footer-widget-container .widget_tag_cloud a {
    background: #444;
    color: #bbb;
    font-size: 12px;
}

#tweet-sroll-wrapper.widget li {
    border: none;
    background: url(../404809d.html) no-repeat 0 5px;
    padding-left: 44px;
    margin-bottom: 8px;
}

.footer-widget-container #tweet-sroll-wrapper.widget li a {
    color: #ccc;
}

#tweet-sroll-wrapper.widget .tweets-list-container {
    overflow: hidden;
    width: 100%;
}

#tweet-sroll-wrapper.widget .tweet-list {
    position: relative;
}

.footer-wrapper {
    background: #333;
    border-top: 10px solid #e5e8ec;
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

#footer p, footer a {
    color: #bbb;
}

.copyright-container {
    background: #fff;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
    float: left;
}

    .copyright-container a, .copyright-container p {
        line-height: 12px;
        font-size: 12px;
        text-transform: uppercase;
        color: #39414b;
    }

    .copyright-container p {
        padding-top: 7px;
    }

.footer-breadcrumbs {
    float: right;
}

    .footer-breadcrumbs a {
        margin-right: 15px;
        padding-bottom: 3px;
        position: relative;
        display: inline-block;
    }

        .footer-breadcrumbs a::after {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: #666;
            height: 1px;
            content: "";
            opacity: 0;
            -webkit-transition: height .2s,opacity .2s,-webkit-transform .2s;
            -moz-transition: height .2s,opacity .2s,-moz-transform .2s;
            -o-transition: height .2s,opacity .2s,transform .2s;
            -ms-transition: height .2s,opacity .2s,transform .2s;
            transition: height .2s,opacity .2s,transform .2s;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -o-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        .footer-breadcrumbs a:hover::after {
            height: 2px;
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -o-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

.scroll-up {
    width: 40px;
    height: 40px;
    opacity: .3;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url(img/anasayfa/to-top.png) no-repeat;
}

.nicescroll-rails {
    z-index: 10000 !important;
}

.dl-menuwrapper {
    width: 100%;
    max-width: 300px;
    float: left;
    position: relative;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    display: none;
    z-index: 1002;
}

    .dl-menuwrapper:first-child {
        margin-right: 100px;
    }

    .dl-menuwrapper button {
        background: #ccc;
        border: none;
        width: 48px;
        height: 45px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
    }

        .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
            background: #aaa;
        }

        .dl-menuwrapper button:after {
            content: '';
            position: absolute;
            width: 68%;
            height: 5px;
            background: #fff;
            top: 10px;
            left: 16%;
            box-shadow: 0 10px 0 #fff,0 20px 0 #fff;
        }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative;
    }

        .dl-menuwrapper li a {
            display: block;
            position: relative;
            padding: 15px 20px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 300;
            color: #fff;
            outline: none;
        }

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255,248,213,.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0,0,0,.1);
}

.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212,204,198,.3);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0,0,0,.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

    .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 .3s ease-in-out;
    -moz-animation: MenuAnimOut2 .3s ease-in-out;
    animation: MenuAnimOut2 .3s ease-in-out;
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut2 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 .3s ease-in-out;
    -moz-animation: MenuAnimIn2 .3s ease-in-out;
    animation: MenuAnimIn2 .3s ease-in-out;
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn2 {
    0% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 .3s ease-in-out;
    -moz-animation: SubMenuAnimIn2 .3s ease-in-out;
    animation: SubMenuAnimIn2 .3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 .3s ease-in-out;
    -moz-animation: SubMenuAnimOut2 .3s ease-in-out;
    animation: SubMenuAnimOut2 .3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut2 {
    0% {
        -moz-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,.1);
}

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }

.dl-menuwrapper button {
    background: #444;
}

    .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
        background: #333;
    }

@media only screen and (min-width:320px) and (max-width:479px) {
    .container {
        max-width: 300px;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        float: left;
        width: 270px;
    }

    .page-content .row {
        margin-bottom: 0;
    }

    .page-content *[class*="grid_"] {
        margin-bottom: 80px;
    }

    *[class*="grid_"] *[class*="grid_"]:last-child {
        margin-bottom: 0;
    }

    *[class*="grid_"] *[class*="grid_"] {
        margin-left: 0 !important;
    }

    #header, #top-bar {
        width: 270px;
    }

        #top-bar .contact-info, #top-bar .social-links {
            width: 100%;
            max-width: 100%;
        }

        #top-bar .social-links {
            margin-top: 10px;
        }

            #top-bar .social-links li {
                border-top: 1px solid #eee;
            }

    .header-style-3 #top-bar .social-links li {
        border-top: 1px solid #555;
    }

    #logo {
        width: 100%;
        max-width: 100%;
    }

    #nav-container {
        display: none;
    }

    .dl-menuwrapper {
        display: block;
        margin-bottom: 20px;
        max-width: 200px;
    }

        .dl-menuwrapper li a:hover {
            color: #fff !important;
        }

    .header-style-4 .social-links {
        max-width: 100%;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }

        .header-style-4 .social-links li:first-child {
            margin-left: 0;
        }

    #search {
        top: 0;
    }

    .tp-caption.list-left, .tp-caption.list-right {
        display: none;
    }

    .grid_3 .numbers-counter li, .grid_4 .numbers-counter li, .grid_5 .numbers-counter li, .grid_6 .numbers-counter li, .grid_8 .numbers-counter li, .grid_7 .numbers-counter li, .grid_9 .numbers-counter li, .grid_12 .numbers-counter li {
        width: 134px;
        height: 134px;
    }

        .grid_3 .numbers-counter li span, .grid_4 .numbers-counter li span, .grid_5 .numbers-counter li span, .grid_6 .numbers-counter li span, .grid_7 .numbers-counter li span, .grid_8 .numbers-counter li span, .grid_9 .numbers-counter li span, .grid_12 .numbers-counter li span {
            padding-top: 35px;
        }

    .latest-posts li.post {
        width: 100%;
    }

    .tabs li {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .tabs.vertical, .tab-content-wrap.vertical {
        width: 100%;
    }

        .tab-content-wrap.vertical .tab-content {
            padding-left: 0;
            padding-top: 30px;
        }

    .team-alternative li {
        width: 100%;
    }

    .team-member-hover .team-member-info .position {
        margin-bottom: 20px;
    }

    .team-member-hover .btn-medium {
        left: 85px;
    }

    .team-member-hover .team-member-info h5 {
        padding-top: 50px;
    }

    .team-img-container .team-img-hover {
        display: none;
    }

    .history-arrow-right, .history-arrow-left {
        background-size: 170px 35px !important;
    }

    #page-title.page-title-2 .pt-title {
        width: 100%;
        text-align: center;
        float: none;
        margin-bottom: 10px;
    }

    #page-title.page-title-2 .breadcrumbs {
        float: none;
        display: table;
        margin: 0 auto;
    }

    .tabs.vertical.services-tabs, .tab-content-wrap.vertical.services-tab-content-wrap {
        width: 100%;
    }

    .chart {
        width: 51px;
        height: 51px;
        min-height: 120px;
        margin-bottom: 20px;
    }

    .skills-circular.big .chart {
        width: 96px;
        height: 96px;
    }

    .skills-circular.big .percent {
        width: 68px;
        height: 68px;
        font-size: 18px;
    }

    .skills-circular.big canvas {
        height: 92px !important;
        width: 92px !important;
    }

    .skills-circular.big li {
        margin-right: 0;
        margin-left: 25px;
    }

    .widget.social-feed li:nth-child(4n) {
        margin-right: 0;
    }

    .portfolio-items-holder .grid_6 {
        width: 100% !important;
        margin-bottom: 2px;
    }

    .portfolio-items-holder .grid_4 {
        width: 100% !important;
        margin-bottom: 2px;
    }

    .portfolio-items-holder .grid_3 {
        width: 100% !important;
        margin-bottom: 2px;
    }

    .container.full .portfolio-items-holder .isotope-item {
        width: 100%;
        margin-bottom: 2px;
    }

    .blog-posts.blog-post-small-image .post-info-container .date-category {
        width: 100%;
        margin-bottom: 10px;
    }

    .blog-posts.blog-post-small-image .post-info-container .post-info {
        padding-left: 0;
    }

    .blog-posts.blog-post-small-image li .post-media-container, .blog-posts.blog-post-small-image li .post-body, .blog-posts.blog-post-small-image li .post-media-container img {
        width: 100%;
    }

    .blog-posts.blog-post-small-image li .post-body {
        padding-left: 0;
    }

    .blog-posts.isotope.cols li.blog-post.isotope-item {
        width: 100% !important;
    }

    #post-slider.nivoSlider {
        min-height: 142px;
    }

    .blog-post.isotope-item iframe {
        min-height: 142px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item {
        width: 430px !important;
    }

    .post-body {
        padding-left: 0;
        float: left;
        width: 100%;
    }

    #respond .name-container input, #respond .email-container input {
        width: 100%;
    }

    .blog-posts.isotope.cols li.blog-post.isotope-item .post-body, .blog-posts.isotope.full li.blog-post.isotope-item .post-body {
        float: none;
    }

    .grid_12.blog-posts .blog-post.isotope-item .post-media-container iframe {
        min-height: 125px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider {
        min-height: 125px;
    }

    .map_canvas {
        height: 300px;
    }

    .copyright-container p {
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .heading-bordered-urunler {
        width: auto;
    }

    img.urunler {
        float: left;
        margin: -45px 0 12px -20px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .container {
        max-width: 460px;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        float: left;
        width: 430px;
    }

    .page-content .row {
        margin-bottom: 0;
    }

    .page-content *[class*="grid_"] {
        margin-bottom: 80px;
    }

    *[class*="grid_"] *[class*="grid_"]:last-child {
        margin-bottom: 0;
    }

    *[class*="grid_"] *[class*="grid_"] {
        margin-left: 0 !important;
    }

    #header, #top-bar {
        width: 430px;
    }

    #logo {
        width: 100%;
        max-width: 100%;
    }

    #nav-container {
        display: none;
    }

    .dl-menuwrapper {
        display: block;
        margin-bottom: 20px;
        max-width: 220px;
    }

        .dl-menuwrapper li a:hover {
            color: #fff !important;
        }

    .header-style-4 .social-links {
        max-width: 200px;
        margin-top: 0;
    }

    #search {
        top: 0;
    }

    .tp-caption.list-left, .tp-caption.list-right {
        display: none;
    }

    .grid_3 .numbers-counter li, .grid_4 .numbers-counter li, .grid_5 .numbers-counter li, .grid_6 .numbers-counter li, .grid_8 .numbers-counter li, .grid_7 .numbers-counter li, .grid_9 .numbers-counter li, .grid_12 .numbers-counter li {
        width: 142px;
        height: 142px;
    }

        .grid_3 .numbers-counter li span, .grid_4 .numbers-counter li span, .grid_5 .numbers-counter li span, .grid_6 .numbers-counter li span, .grid_7 .numbers-counter li span, .grid_8 .numbers-counter li span, .grid_9 .numbers-counter li span, .grid_12 .numbers-counter li span {
            padding-top: 35px;
        }

    .latest-posts li.post {
        width: 100%;
    }

    .tabs li {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .tabs.vertical, .tab-content-wrap.vertical {
        width: 100%;
    }

        .tab-content-wrap.vertical .tab-content {
            padding-left: 0;
            padding-top: 30px;
        }

    .team-alternative li {
        width: 214px;
    }

    .team-member-hover .team-member-info .position {
        margin-bottom: 10px;
    }

    .team-member-hover .btn-medium {
        left: 55px;
    }

    .team-member-hover .team-member-info h5 {
        padding-top: 30px;
    }

    .team-img-container .team-img-hover {
        display: none;
    }

    .history-arrow-right, .history-arrow-left {
        background-size: 170px 35px !important;
    }

    #page-title.page-title-2 .pt-title {
        width: 100%;
        text-align: center;
        float: none;
        margin-bottom: 10px;
    }

    #page-title.page-title-2 .breadcrumbs {
        float: none;
        display: table;
        margin: 0 auto;
    }

    .tabs.vertical.services-tabs, .tab-content-wrap.vertical.services-tab-content-wrap {
        width: 100%;
    }

    .chart {
        width: 51px;
        height: 51px;
        min-height: 120px;
        margin-bottom: 20px;
    }

    .skills-circular.big .chart {
        width: 96px;
        height: 96px;
    }

    .skills-circular.big .percent {
        width: 68px !important;
        height: 68px !important;
        font-size: 18px;
    }

    .skills-circular.big canvas {
        height: 92px !important;
        width: 92px !important;
    }

    .skills-circular.big li {
        margin-right: 20px;
        margin-left: 25px;
    }

    .widget.social-feed li:nth-child(6n) {
        margin-right: 0;
    }

    .widget.social-feed li:nth-child(4n) {
        margin-right: 1px;
    }

    .portfolio-items-holder .grid_6 {
        width: 100% !important;
        margin-bottom: 2px;
    }

    .portfolio-items-holder .grid_4 {
        width: 100% !important;
        margin-bottom: 2px;
    }

    .portfolio-items-holder .grid_3 {
        width: 100% !important;
        margin-bottom: 2px;
    }

    .container.full .portfolio-items-holder .isotope-item {
        width: 100%;
        margin-bottom: 2px;
    }

    .blog-posts.blog-post-small-image li .post-media-container, .blog-posts.blog-post-small-image li .post-body, .blog-posts.blog-post-small-image li .post-media-container img {
        width: 100%;
    }

    .blog-posts.blog-post-small-image li .post-body {
        padding-left: 0;
    }

    .blog-posts.isotope.cols li.blog-post.isotope-item {
        width: 430px !important;
    }

    #post-slider.nivoSlider {
        min-height: 142px;
    }

    .blog-post.isotope-item iframe {
        min-height: 142px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item {
        width: 430px !important;
    }

    .post-body {
        padding-left: 0;
        float: left;
    }

    .blog-posts.isotope.cols li.blog-post.isotope-item .post-body, .blog-posts.isotope.full li.blog-post.isotope-item .post-body {
        float: none;
    }

    .grid_12.blog-posts .blog-post.isotope-item .post-media-container iframe {
        min-height: 125px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider {
        min-height: 125px;
    }

    .map_canvas {
        height: 300px;
    }

    .copyright-container p {
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .heading-bordered-urunler {
        width: 60%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .container {
        max-width: 756px;
    }

    .grid_1 {
        width: 33px !important;
    }

    .grid_2 {
        width: 96px !important;
    }

    .grid_3 {
        width: 159px !important;
    }

    .grid_4 {
        width: 222px !important;
    }

    .grid_5 {
        width: 285px !important;
    }

    .grid_6 {
        width: 348px !important;
    }

    .grid_7 {
        width: 411px !important;
    }

    .grid_8 {
        width: 474px !important;
    }

    .grid_9 {
        width: 537px !important;
    }

    .grid_10 {
        width: 600px !important;
    }

    .grid_11 {
        width: 663px !important;
    }

    .grid_12 {
        width: 726px !important;
    }

    #page-title .grid_8, #page-title .grid_4 {
        width: 100% !important;
    }

    #header, #top-bar {
        width: 726px;
    }

    #logo {
        width: 100%;
        max-width: 100%;
    }

    .header-style-4 .social-links {
        max-width: 526px;
    }

    .header-style-4 #logo {
        max-width: 170px;
    }

    #nav-container {
        width: 755px;
        margin-left: 0;
    }

    #nav {
        float: left;
    }

    .header-style-4 #nav-container #nav, .header-style-5 #nav-container #nav {
        max-width: 656px;
    }

    .header-style-5 #nav-container {
        width: 100%;
        max-width: 100%;
    }

    .tp-caption.list-left p, .tp-caption.list-right p {
        font-size: 14px !important;
    }

    .grid_3 .numbers-counter li {
        width: 159px;
        height: 159px;
    }

        .grid_3 .numbers-counter li span {
            padding-top: 45px;
        }

    .grid_4 .numbers-counter li {
        width: 110px;
        height: 110px;
    }

        .grid_4 .numbers-counter li span {
            padding-top: 25px;
        }

    .grid_5 .numbers-counter li {
        width: 141px;
        height: 141px;
    }

        .grid_5 .numbers-counter li span {
            padding-top: 35px;
        }

    .grid_6 .numbers-counter li {
        width: 115px;
        height: 115px;
    }

        .grid_6 .numbers-counter li span {
            padding-top: 27px;
        }

    .grid_7 .numbers-counter li {
        width: 136px;
        height: 136px;
    }

        .grid_7 .numbers-counter li span {
            padding-top: 32px;
        }

    .grid_8 .numbers-counter li {
        width: 117px;
        height: 117px;
    }

        .grid_8 .numbers-counter li span {
            padding-top: 28px;
        }

    .grid_9 .numbers-counter li {
        width: 133px;
        height: 133px;
    }

        .grid_9 .numbers-counter li span {
            padding-top: 30px;
        }

    .grid_12 .numbers-counter li {
        width: 144px;
        height: 144px;
    }

        .grid_12 .numbers-counter li span {
            padding-top: 37px;
        }

    .latest-posts li.post {
        width: 159px;
    }

    .tabs li {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .tabs.vertical, .tab-content-wrap.vertical {
        width: 100%;
    }

        .tab-content-wrap.vertical .tab-content {
            padding-left: 0;
            padding-top: 30px;
        }

    .team-alternative li {
        width: 173px;
    }

    .team-member-hover .team-member-info .position {
        margin-bottom: 10px;
    }

    .team-member-hover .btn-medium {
        left: 35px;
    }

    .team-member-hover .team-member-info h5 {
        padding-top: 20px;
    }

    .chart {
        width: 51px;
        height: 51px;
        min-height: 120px;
        margin-bottom: 20px;
    }

    .skills-circular.big .chart {
        width: 96px;
        height: 96px;
    }

    .skills-circular.big .percent {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .skills-circular.big canvas {
        height: 72px !important;
        width: 72px !important;
    }

    .skills-circular.big li {
        margin-right: 0;
        margin-left: 25px;
    }

    .widget.social-feed li:nth-child(2n) {
        margin-right: 0;
    }

    .widget.social-feed li:nth-child(3n) {
        margin-right: 1px;
    }

    .portfolio-items-holder .grid_6 {
        width: 361px !important;
    }

    .portfolio-items-holder .grid_4 {
        width: 240px !important;
    }

    .portfolio-items-holder .grid_3 {
        width: 180px !important;
    }

    .portfolio-img-container figcaption .portfolio-item-like {
        float: none;
    }

    .container.full .portfolio-items-holder .isotope-item {
        width: 33%;
    }

    .blog-posts.blog-post-small-image .post-info-container .date-category {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .blog-posts.blog-post-small-image .post-info-container .post-info {
        padding-left: 0;
    }

    .blog-posts.isotope.cols li.blog-post.isotope-item {
        width: 100%;
    }

    #post-slider.nivoSlider {
        min-height: 142px;
    }

    .blog-post.isotope-item iframe {
        min-height: 142px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item {
        width: 348px;
    }

    .grid_12.blog-posts .blog-post.isotope-item .post-media-container iframe {
        min-height: 125px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider {
        min-height: 125px;
    }

    .map_canvas {
        height: 300px;
    }

    .heading-bordered-urunler {
        width: 77%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .container {
        max-width: 972px;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11 {
        float: left;
    }

    .grid_1 {
        width: 51px;
    }

    .grid_2 {
        width: 132px;
    }

    .grid_3 {
        width: 213px;
    }

    .grid_4 {
        width: 294px;
    }

    .grid_5 {
        width: 375px;
    }

    .grid_6 {
        width: 456px;
    }

    .grid_7 {
        width: 537px;
    }

    .grid_8 {
        width: 618px;
    }

    .grid_9 {
        width: 699px;
    }

    .grid_10 {
        width: 780px;
    }

    .grid_11 {
        width: 861px;
    }

    .grid_12 {
        width: 942px;
    }

    #header, #top-bar {
        width: 942px;
    }

    .header-style-4 #nav-container #nav, .header-style-5 #nav-container #nav {
        max-width: 872px;
    }

    .header-style-4 .social-links {
        max-width: 742px;
    }

    #nav-container {
        width: 755px;
    }

    .grid_3 .numbers-counter li {
        width: 105px;
        height: 105px;
    }

        .grid_3 .numbers-counter li span {
            padding-top: 15px;
        }

    .grid_4 .numbers-counter li {
        width: 146px;
        height: 146px;
    }

        .grid_4 .numbers-counter li span {
            padding-top: 35px;
        }

    .grid_5 .numbers-counter li {
        width: 124px;
        height: 124px;
    }

        .grid_5 .numbers-counter li span {
            padding-top: 23px;
        }

    .grid_6 .numbers-counter li {
        width: 151px;
        height: 151px;
    }

        .grid_6 .numbers-counter li span {
            padding-top: 37px;
        }

    .grid_7 .numbers-counter li {
        width: 133px;
        height: 133px;
    }

        .grid_7 .numbers-counter li span {
            padding-top: 31px;
        }

    .grid_8 .numbers-counter li {
        width: 153px;
        height: 153px;
    }

        .grid_8 .numbers-counter li span {
            padding-top: 38px;
        }

    .grid_9 .numbers-counter li {
        width: 138px;
        height: 138px;
    }

        .grid_9 .numbers-counter li span {
            padding-top: 34px;
        }

    .grid_12 .numbers-counter li {
        width: 156px;
        height: 156px;
    }

        .grid_12 .numbers-counter li span {
            padding-top: 40px;
        }

    .latest-posts li.post {
        width: 213px;
    }

    .team-alternative li {
        width: 227px;
    }

    .team-member-hover .btn-medium {
        left: 65px;
    }

    .team-member-hover .team-member-info h5 {
        padding-top: 40px;
    }

    .chart {
        width: 51px;
        height: 51px;
    }

    .skills-circular.big .chart {
        width: 72px;
        height: 72px;
    }

    .skills-circular.big .percent {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .skills-circular.big canvas {
        height: 72px;
        width: 72px;
    }

    .widget.social-feed li:nth-child(4n) {
        margin-right: 1px;
    }

    .widget.social-feed li:nth-child(3n) {
        margin-right: 0;
    }

    .portfolio-items-holder .grid_6 {
        width: 470px;
    }

    .portfolio-items-holder .grid_4 {
        width: 312px;
    }

    .portfolio-items-holder .grid_3 {
        width: 234px;
    }

    .container.full .portfolio-items-holder .isotope-item {
        width: 33%;
    }

    .blog-posts.isotope.cols li.blog-post.isotope-item {
        width: 334px;
    }

    #post-slider.nivoSlider {
        min-height: 142px;
    }

    .blog-post.isotope-item iframe {
        min-height: 142px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item {
        width: 294px;
    }

    .grid_12.blog-posts .blog-post.isotope-item .post-media-container iframe {
        min-height: 125px;
    }

    .blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider {
        min-height: 125px;
    }

    .map_canvas {
        height: 300px;
    }

    .heading-bordered-urunler {
        width: 90%;
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1200px;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        float: left;
    }

    .grid_1 {
        width: 70px;
    }

    .grid_2 {
        width: 170px;
    }

    .grid_3 {
        width: 270px;
    }

    .grid_4 {
        width: 370px;
    }

    .grid_5 {
        width: 470px;
    }

    .grid_6 {
        width: 570px;
    }

    .grid_7 {
        width: 670px;
    }

    .grid_8 {
        width: 770px;
    }

    .grid_9 {
        width: 870px;
    }

    .grid_10 {
        width: 970px;
    }

    .grid_11 {
        width: 1070px;
    }

    .grid_12 {
        width: 1170px;
    }

    .heading-bordered-urunler {
        width: 86%;
    }
}

@media(min-width:1340px) {
    .container.full .portfolio-items-holder .isotope-item {
        width: 16.5%;
    }
}

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important;
}

.tp-caption {
    z-index: 1;
}

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important;
}

.tp-caption.medium_grey {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    padding: 2px 4px;
    margin: 0;
    border-width: 0;
    border-style: none;
    background-color: #888;
    white-space: nowrap;
}

.tp-caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0 5px 10px;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0 5px 10px;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    letter-spacing: -2px;
}

.tp-caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #000;
}

.tp-caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #fff;
}

.tp-caption.modern_medium_fat {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans",sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.modern_medium_fat_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans",sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.modern_medium_light {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans",sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.modern_big_bluebg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans",sans-serif;
    padding: 3px 10px;
    margin: 0;
    border-width: 0;
    border-style: none;
    background-color: #4e5b6c;
    letter-spacing: 0;
}

.tp-caption.modern_big_redbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans",sans-serif;
    padding: 3px 10px;
    padding-top: 1px;
    margin: 0;
    border-width: 0;
    border-style: none;
    background-color: #de543e;
    letter-spacing: 0;
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
}

.tp-caption.noshadow {
    text-shadow: none;
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}

    .tp-caption a:hover {
        color: #ffa902;
    }

.tp-caption.thinheadline_dark {
    position: absolute;
    color: rgba(0,0,0,.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: "Open Sans";
    background-color: transparent;
}

.tp-caption.thintext_dark {
    position: absolute;
    color: rgba(0,0,0,.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    font-family: "Open Sans";
    background-color: transparent;
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none;
}

    .tp-caption.medium_bg_red a:hover {
        color: #fff;
        text-decoration: underline;
    }

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #000;
    background-color: rgba(0,0,0,.498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px 500px 500px 500px;
    border-width: 0;
    border-color: #000;
    border-style: none;
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #000;
    padding: 0 20px 5px;
    text-shadow: none;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.largepinkbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #db4360;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tp-caption.largewhitebg {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #fff;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tp-caption.largegreenbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #67ae73;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: Arial;
    color: #fff;
    text-decoration: none;
    background-color: rgba(0,0,0,1);
    text-shadow: none;
    margin: 0;
    letter-spacing: -1.5px;
    padding: 1px 4px 0 4px;
    width: 150px;
    white-space: normal !important;
    height: auto;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #666;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0;
    padding: 1px 4px 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #666;
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0;
    text-shadow: none;
    margin: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #757575;
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0;
    text-shadow: none;
    margin: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgba(235,235,235,1);
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0;
    border-color: #222;
    border-style: none;
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #34495e;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #34495e;
    padding: 10px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #e33a0c;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #e33a0c;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #e33a0c;
    padding: 10px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #f39c12;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #f39c12;
    padding: 10px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: rgba(160,179,151,1);
    width: 4000px;
    height: 150px;
    border-width: 0;
    border-color: #222;
    border-style: none;
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.mediumlarge_light_white {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0 0 0 0;
    text-align: center;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #7f8c8d;
    padding: 10px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #000;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #34495e;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.roundedimage {
    border-width: 0;
    border-color: #222;
    border-style: none;
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #000;
    padding: 10px 20px 15px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #000;
    text-decoration: none;
    background-color: #fff;
    padding: 5px 15px 10px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #f39c12;
    padding: 10px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none;
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Open Sans',sans;
}

.tp-caption.noshadow {
    text-shadow: none;
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important;
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0;
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0;
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0;
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0;
}

.tp-simpleresponsive .button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(../4045e04.html) repeat-x top;
    font-family: arial,sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
}

    .tp-simpleresponsive .button.big {
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,.6);
        font-weight: bold;
        padding: 9px 20px;
        font-size: 19px;
        line-height: 57px !important;
        background: url(../4049ded.html) repeat-x top;
    }

        .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover {
            background-position: bottom,15px 11px;
        }

@media only screen and (min-width:768px) and (max-width:959px) {
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .tp-simpleresponsive .button {
        padding: 4px 8px 3px;
        line-height: 25px !important;
        font-size: 11px !important;
        font-weight: normal;
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
}

@media only screen and (min-width:0) and (max-width:479px) {
    .tp-simpleresponsive .button {
        padding: 2px 5px 2px;
        line-height: 20px !important;
        font-size: 10px !important;
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
}

.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0 3px 0 0 #104d0b;
    -moz-box-shadow: 0 3px 0 0 #104d0b;
    box-shadow: 0 3px 0 0 #104d0b;
}

.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0 3px 0 0 #0f3e68;
    -moz-box-shadow: 0 3px 0 0 #0f3e68;
    box-shadow: 0 3px 0 0 #0f3e68;
}

.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0 3px 0 0 #7c1212;
    -moz-box-shadow: 0 3px 0 0 #7c1212;
    box-shadow: 0 3px 0 0 #7c1212;
}

.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0 3px 0 0 #a34c00;
    -moz-box-shadow: 0 3px 0 0 #a34c00;
    box-shadow: 0 3px 0 0 #a34c00;
}

.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0 3px 0 0 #222;
    -moz-box-shadow: 0 3px 0 0 #222;
    box-shadow: 0 3px 0 0 #222;
}

.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0 3px 0 0 #555;
    -moz-box-shadow: 0 3px 0 0 #555;
    box-shadow: 0 3px 0 0 #555;
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
}

    .fullwidthbanner-container .fullwidthbanner {
        width: 100%;
        position: relative;
    }

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased !important;
}

.tp-simpleresponsive img {
    max-width: none;
}

.noFilterClass {
    filter: none !important;
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

    .tp-bannershadow.tp-shadow1 {
        background: url(rs-plugin/assets/shadow1.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px;
    }

    .tp-bannershadow.tp-shadow2 {
        background: url(rs-plugin/assets/shadow2.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px;
    }

    .tp-bannershadow.tp-shadow3 {
        background: url(rs-plugin/assets/shadow3.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px;
    }

.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

    .caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
        width: 100% !important;
        height: 100% !important;
        display: none;
    }

.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

    .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
        width: 100% !important;
        height: 100% !important;
        display: none;
    }

.fullscreenvideo .vjs-loading-spinner {
    visibility: none;
    display: none !important;
    width: 0;
    height: 0;
}

.fullscreenvideo .vjs-control-bar.vjs-fade-out, .fullscreenvideo .vjs-control-bar.vjs-fade-in, .fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing, .fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
    width: 0;
    height: 0;
    overflow: hidden;
}

.fullcoveredvideo.video-js, .fullcoveredvideo video {
    background: transparent !important;
}

.fullcoveredvideo .vjs-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    .tp-dottedoverlay.twoxtwo {
        background: url(rs-plugin/assets/gridtile.png);
    }

    .tp-dottedoverlay.twoxtwowhite {
        background: url(rs-plugin/assets/gridtile_white.png);
    }

    .tp-dottedoverlay.threexthree {
        background: url(rs-plugin/assets/gridtile_3x3.png);
    }

    .tp-dottedoverlay.threexthreewhite {
        background: url(rs-plugin/assets/gridtile_3x3_white.png);
    }

.tpclear {
    clear: both;
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5px);
}

    .tp-bullets.hidebullets {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    .tp-bullets.simplebullets.navbar {
        border: 1px solid #666;
        border-bottom: 1px solid #444;
        background: url(rs-plugin/assets/boxed_bgtile.png);
        height: 40px;
        padding: 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .tp-bullets.simplebullets.navbar-old {
        background: url(rs-plugin/assets/navigdots_bgtile.png);
        height: 35px;
        padding: 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .tp-bullets.simplebullets.round .bullet {
        cursor: pointer;
        position: relative;
        background: url(rs-plugin/assets/bullet.png) no-Repeat top left;
        width: 20px;
        height: 20px;
        margin-right: 0;
        float: left;
        margin-top: 0;
        margin-left: 3px;
    }

        .tp-bullets.simplebullets.round .bullet.last {
            margin-right: 3px;
        }

    .tp-bullets.simplebullets.round-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(rs-plugin/assets/bullets.png) no-Repeat bottom left;
        width: 23px;
        height: 23px;
        margin-right: 0;
        float: left;
        margin-top: 0;
    }

        .tp-bullets.simplebullets.round-old .bullet.last {
            margin-right: 0;
        }

    .tp-bullets.simplebullets.square .bullet {
        cursor: pointer;
        position: relative;
        background: url(rs-plugin/assets/bullets2.png) no-Repeat bottom left;
        width: 19px;
        height: 19px;
        margin-right: 0;
        float: left;
        margin-top: 0;
    }

        .tp-bullets.simplebullets.square .bullet.last {
            margin-right: 0;
        }

    .tp-bullets.simplebullets.square-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(rs-plugin/assets/bullets2.png) no-Repeat bottom left;
        width: 19px;
        height: 19px;
        margin-right: 0;
        float: left;
        margin-top: 0;
    }

        .tp-bullets.simplebullets.square-old .bullet.last {
            margin-right: 0;
        }

    .tp-bullets.simplebullets.navbar .bullet {
        cursor: pointer;
        position: relative;
        background: url(rs-plugin/assets/bullet_boxed.png) no-Repeat top left;
        width: 18px;
        height: 19px;
        margin-right: 5px;
        float: left;
        margin-top: 0;
    }

        .tp-bullets.simplebullets.navbar .bullet.first {
            margin-left: 0 !important;
        }

        .tp-bullets.simplebullets.navbar .bullet.last {
            margin-right: 0 !important;
        }

    .tp-bullets.simplebullets.navbar-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(rs-plugin/assets/navigdots.png) no-Repeat bottom left;
        width: 15px;
        height: 15px;
        margin-left: 5px !important;
        margin-right: 5px !important;
        float: left;
        margin-top: 10px;
    }

        .tp-bullets.simplebullets.navbar-old .bullet.first {
            margin-left: 0 !important;
        }

        .tp-bullets.simplebullets.navbar-old .bullet.last {
            margin-right: 0 !important;
        }

    .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
        background-position: top left;
    }

    .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
        background-position: bottom left;
    }

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5px);
}

    .tparrows.hidearrows {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/large_left.png) no-Repeat top left;
    width: 40px;
    height: 40px;
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/large_right.png) no-Repeat top left;
    width: 40px;
    height: 40px;
}

.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0;
}

.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0;
}

.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0;
}

.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0;
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px;
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px;
}

.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px;
}

.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px;
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px;
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0;
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0;
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0;
}

.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0;
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0;
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/large_left.png) no-Repeat 0 0;
    width: 40px;
    height: 40px;
}

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(rs-plugin/assets/large_right.png) no-Repeat 0 0;
    width: 40px;
    height: 40px;
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: bottom left;
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

    .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
        width: 5000px;
        position: absolute;
    }

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}

    .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(rs-plugin/assets/timer.png);
    position: absolute;
    z-index: 200;
    top: 0;
}

    .tp-bannertimer.tp-bottom {
        bottom: 0;
        height: 5px;
        top: auto;
    }

@media only screen and (min-width:0) and (max-width:479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}

.vjs-tech {
    margin-top: 1px;
}

.tp-caption .vjs-default-skin .vjs-big-play-button {
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    box-shadow: none;
    text-shadow: none;
    line-height: 30px;
    vertical-align: top;
    padding: 0;
}

    .tp-caption .vjs-default-skin .vjs-big-play-button:before {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 40px;
        text-shadow: none !important;
        color: #fff;
        font-size: 18px;
    }

.tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive > ul > li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(rs-plugin/assets/coloredbg.png) repeat;
}

.tp-loader {
    background: url(rs-plugin/assets/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tp-transparentimg {
    content: "url(../Content/rs-plugin/assets/transparent.png)";
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}

.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1;
}

@font-face {
    font-family: 'revicons';
    src: url('../40484c9.html?5510888');
    src: url('../40484c9.html?5510888#iefix') format('embedded-opentype'),url('../404541e.html?5510888') format('woff'),url('../404136b.html?5510888') format('truetype'),url('../4049b20.html?5510888#revicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="revicon-"]:before, [class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.revicon-search-1:before {
    content: '';
}

.revicon-pencil-1:before {
    content: '';
}

.revicon-picture-1:before {
    content: '';
}

.revicon-cancel:before {
    content: '';
}

.revicon-info-circled:before {
    content: '';
}

.revicon-trash:before {
    content: '';
}

.revicon-left-dir:before {
    content: '';
}

.revicon-right-dir:before {
    content: '';
}

.revicon-down-open:before {
    content: '';
}

.revicon-left-open:before {
    content: '';
}

.revicon-right-open:before {
    content: '';
}

.revicon-angle-left:before {
    content: '';
}

.revicon-angle-right:before {
    content: '';
}

.revicon-left-big:before {
    content: '';
}

.revicon-right-big:before {
    content: '';
}

.revicon-magic:before {
    content: '';
}

.revicon-picture:before {
    content: '';
}

.revicon-export:before {
    content: '';
}

.revicon-cog:before {
    content: '';
}

.revicon-login:before {
    content: '';
}

.revicon-logout:before {
    content: '';
}

.revicon-video:before {
    content: '';
}

.revicon-arrow-combo:before {
    content: '';
}

.revicon-left-open-1:before {
    content: '';
}

.revicon-right-open-1:before {
    content: '';
}

.revicon-left-open-mini:before {
    content: '';
}

.revicon-right-open-mini:before {
    content: '';
}

.revicon-left-open-big:before {
    content: '';
}

.revicon-right-open-big:before {
    content: '';
}

.revicon-left:before {
    content: '';
}

.revicon-right:before {
    content: '';
}

.revicon-ccw:before {
    content: '';
}

.revicon-arrows-ccw:before {
    content: '';
}

.revicon-palette:before {
    content: '';
}

.revicon-list-add:before {
    content: '';
}

.revicon-doc:before {
    content: '';
}

.revicon-left-open-outline:before {
    content: '';
}

.revicon-left-open-2:before {
    content: '';
}

.revicon-right-open-outline:before {
    content: '';
}

.revicon-right-open-2:before {
    content: '';
}

.revicon-equalizer:before {
    content: '';
}

.revicon-layers-alt:before {
    content: '';
}

.revicon-popup:before {
    content: '';
}

.tp-wrapper {
    background-color: #f6f6f6;
    box-shadow: inset 0 2px 2px #ddd;
    float: left;
    width: 100%;
    max-height: 620px;
    margin-bottom: 80px;
    overflow: hidden;
}

.tp-banner ul {
    visibility: hidden;
}

.tp-wrapper.no-bottom-margin {
    margin-bottom: 0;
}

.tp-caption.background {
    font: 32px 'Raleway',Arial,sans-serif;
    line-height: 35px;
    padding: 15px 30px;
    background: rgba(255,255,255,.7);
}

    .tp-caption.background.paragraph {
        font: 18px 'Raleway',Arial,sans-serif;
        padding: 25px;
        line-height: 24px;
        text-align: center;
        background: rgba(114,124,137,.7);
        color: #fff;
    }

.tp-caption.regular {
    font: 32px 'Raleway',Arial,sans-serif;
    line-height: 32px;
}

    .tp-caption.regular.small {
        font: 18px 'Raleway',Arial,sans-serif;
    }

.tp-caption.list-left {
    background-image: url('img/slider/list.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

    .tp-caption.list-left p {
        margin-left: 50px;
        padding-top: 10px;
        padding: 10px 15px;
        font-size: 18px;
        background: rgba(255,255,255,.7);
    }

.tp-caption.list-right {
    background-image: url('img/slider/list.png');
    background-position: right;
    background-repeat: no-repeat;
}

    .tp-caption.list-right p {
        margin-right: 50px;
        padding-top: 10px;
        padding: 10px 15px;
        font-size: 18px;
        background: rgba(255,255,255,.7);
    }

@font-face {
    font-family: 'pixons';
    src: url('pixons/fonts/pixons.eot');
    src: url('pixons/fonts/pixonsd41d.eot?#iefix') format('embedded-opentype'),url('pixons/fonts/pixons.woff') format('woff'),url('pixons/fonts/pixons.ttf') format('truetype'),url('../4040864.html#pixons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neuropol';
    src: url('pixons/fonts/NEUROPOL.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.urunlerFont {
    font-family: 'neuropol';
}

[data-icon]:before {
    font-family: 'pixons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.pixons-amazon:before, .pixons-android:before, .pixons-aol:before, .pixons-behance:before, .pixons-bing:before, .pixons-blogger:before, .pixons-buzz:before, .pixons-delicious:before, .pixons-deviantart:before, .pixons-digg:before, .pixons-dribbble:before, .pixons-dropbox:before, .pixons-drupal:before, .pixons-ember:before, .pixons-envato:before, .pixons-evernote:before, .pixons-facebook-1:before, .pixons-facebook-2:before, .pixons-feedburner:before, .pixons-forrst:before, .pixons-foursquare:before, .pixons-github:before, .pixons-google_plus:before, .pixons-grooveshark:before, .pixons-html5:before, .pixons-instagram:before, .pixons-lastfm:before, .pixons-linkedin:before, .pixons-metacafe:before, .pixons-mixx:before, .pixons-myspace:before, .pixons-newsvine:before, .pixons-paypal:before, .pixons-picasa:before, .pixons-pinterest:before, .pixons-plixi:before, .pixons-plurk:before, .pixons-posterous:before, .pixons-reddit:before, .pixons-rss:before, .pixons-sharethis:before, .pixons-skype:before, .pixons-stumbleupon:before, .pixons-technorati:before, .pixons-tumblr:before, .pixons-twitter-1:before, .pixons-twitter-2:before, .pixons-vimeo:before, .pixons-wordpress:before, .pixons-xing:before, .pixons-yahoo:before, .pixons-yelp:before, .pixons-youtube:before, .pixons-zerply:before, .pixons-zootool:before, .pixons-github-2:before, .pixons-soundcloud:before, .pixons-flickr:before, .pixons-apple:before, .pixons-tux:before {
    font-family: 'pixons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.pixons-amazon:before {
    content: "!";
}

.pixons-android:before {
    content: "\"";
}

.pixons-aol:before {
    content: "#";
}

.pixons-behance:before {
    content: "$";
}

.pixons-bing:before {
    content: "%";
}

.pixons-blogger:before {
    content: "&";
}

.pixons-buzz:before {
    content: "'";
}

.pixons-delicious:before {
    content: "(";
}

.pixons-deviantart:before {
    content: ")";
}

.pixons-digg:before {
    content: "*";
}

.pixons-dribbble:before {
    content: "+";
}

.pixons-dropbox:before {
    content: ",";
}

.pixons-drupal:before {
    content: "-";
}

.pixons-ember:before {
    content: ".";
}

.pixons-envato:before {
    content: "/";
}

.pixons-evernote:before {
    content: "0";
}

.pixons-facebook-1:before {
    content: "1";
}

.pixons-facebook-2:before {
    content: "2";
}

.pixons-feedburner:before {
    content: "3";
}

.pixons-forrst:before {
    content: "4";
}

.pixons-foursquare:before {
    content: "5";
}

.pixons-github:before {
    content: "6";
}

.pixons-google_plus:before {
    content: "7";
}

.pixons-grooveshark:before {
    content: "8";
}

.pixons-html5:before {
    content: "9";
}

.pixons-instagram:before {
    content: ":";
}

.pixons-lastfm:before {
    content: ";";
}

.pixons-linkedin:before {
    content: "<";
}

.pixons-metacafe:before {
    content: "=";
}

.pixons-mixx:before {
    content: ">";
}

.pixons-myspace:before {
    content: "?";
}

.pixons-newsvine:before {
    content: "@";
}

.pixons-paypal:before {
    content: "A";
}

.pixons-picasa:before {
    content: "B";
}

.pixons-pinterest:before {
    content: "C";
}

.pixons-plixi:before {
    content: "D";
}

.pixons-plurk:before {
    content: "E";
}

.pixons-posterous:before {
    content: "F";
}

.pixons-reddit:before {
    content: "G";
}

.pixons-rss:before {
    content: "H";
}

.pixons-sharethis:before {
    content: "I";
}

.pixons-skype:before {
    content: "J";
}

.pixons-stumbleupon:before {
    content: "K";
}

.pixons-technorati:before {
    content: "L";
}

.pixons-tumblr:before {
    content: "M";
}

.pixons-twitter-1:before {
    content: "N";
}

.pixons-twitter-2:before {
    content: "O";
}

.pixons-vimeo:before {
    content: "P";
}

.pixons-wordpress:before {
    content: "Q";
}

.pixons-xing:before {
    content: "R";
}

.pixons-yahoo:before {
    content: "S";
}

.pixons-yelp:before {
    content: "T";
}

.pixons-youtube:before {
    content: "U";
}

.pixons-zerply:before {
    content: "V";
}

.pixons-zootool:before {
    content: "W";
}

.pixons-github-2:before {
    content: "X";
}

.pixons-soundcloud:before {
    content: "Y";
}

.pixons-flickr:before {
    content: "Z";
}

.pixons-apple:before {
    content: "[";
}

.pixons-tux:before {
    content: "\5c";
}

[data-icon]:before {
    font-family: 'IconFont';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home, .icon-home-2, .icon-home-3, .icon-office, .icon-newspaper, .icon-pencil, .icon-pencil-2, .icon-quill, .icon-pen, .icon-blog, .icon-droplet, .icon-paint-format, .icon-image, .icon-image-2, .icon-images, .icon-camera, .icon-music, .icon-headphones, .icon-play, .icon-film, .icon-camera-2, .icon-dice, .icon-pacman, .icon-spades, .icon-clubs, .icon-diamonds, .icon-pawn, .icon-bullhorn, .icon-connection, .icon-podcast, .icon-feed, .icon-book, .icon-books, .icon-library, .icon-file, .icon-profile, .icon-file-2, .icon-file-3, .icon-file-4, .icon-copy, .icon-copy-2, .icon-copy-3, .icon-paste, .icon-paste-2, .icon-paste-3, .icon-stack, .icon-folder, .icon-folder-open, .icon-tag, .icon-tags, .icon-barcode, .icon-qrcode, .icon-ticket, .icon-cart, .icon-cart-2, .icon-cart-3, .icon-coin, .icon-credit, .icon-calculate, .icon-support, .icon-phone, .icon-phone-hang-up, .icon-address-book, .icon-notebook, .icon-envelop, .icon-pushpin, .icon-location, .icon-location-2, .icon-compass, .icon-map, .icon-map-2, .icon-history, .icon-clock, .icon-clock-2, .icon-alarm, .icon-alarm-2, .icon-bell, .icon-stopwatch, .icon-calendar, .icon-calendar-2, .icon-print, .icon-keyboard, .icon-screen, .icon-laptop, .icon-mobile, .icon-mobile-2, .icon-tablet, .icon-tv, .icon-cabinet, .icon-drawer, .icon-drawer-2, .icon-drawer-3, .icon-box-add, .icon-box-remove, .icon-download, .icon-upload, .icon-disk, .icon-storage, .icon-undo, .icon-redo, .icon-flip, .icon-flip-2, .icon-undo-2, .icon-redo-2, .icon-forward, .icon-reply, .icon-bubble, .icon-bubbles, .icon-bubbles-2, .icon-bubble-2, .icon-bubbles-3, .icon-bubbles-4, .icon-user, .icon-users, .icon-user-2, .icon-users-2, .icon-user-3, .icon-user-4, .icon-quotes-left, .icon-busy, .icon-spinner, .icon-spinner-2, .icon-spinner-3, .icon-spinner-4, .icon-spinner-5, .icon-spinner-6, .icon-binoculars, .icon-search, .icon-zoom-in, .icon-zoom-out, .icon-expand, .icon-contract, .icon-expand-2, .icon-contract-2, .icon-key, .icon-key-2, .icon-lock, .icon-lock-2, .icon-unlocked, .icon-wrench, .icon-settings, .icon-equalizer, .icon-cog, .icon-cogs, .icon-cog-2, .icon-hammer, .icon-wand, .icon-aid, .icon-bug, .icon-pie, .icon-stats, .icon-bars, .icon-bars-2, .icon-gift, .icon-trophy, .icon-glass, .icon-mug, .icon-food, .icon-leaf, .icon-rocket, .icon-meter, .icon-meter2, .icon-dashboard, .icon-hammer-2, .icon-fire, .icon-lab, .icon-magnet, .icon-remove, .icon-remove-2, .icon-briefcase, .icon-airplane, .icon-truck, .icon-road, .icon-accessibility, .icon-target, .icon-shield, .icon-lightning, .icon-switch, .icon-power-cord, .icon-signup, .icon-list, .icon-list-2, .icon-numbered-list, .icon-menu, .icon-menu-2, .icon-tree, .icon-cloud, .icon-cloud-download, .icon-cloud-upload, .icon-download-2, .icon-upload-2, .icon-download-3, .icon-upload-3, .icon-globe, .icon-earth, .icon-link, .icon-flag, .icon-attachment, .icon-eye, .icon-eye-blocked, .icon-eye-2, .icon-bookmark, .icon-bookmarks, .icon-brightness-medium, .icon-brightness-contrast, .icon-contrast, .icon-star, .icon-star-2, .icon-star-3, .icon-heart, .icon-heart-2, .icon-heart-broken, .icon-thumbs-up, .icon-thumbs-up-2, .icon-happy, .icon-happy-2, .icon-smiley, .icon-smiley-2, .icon-tongue, .icon-tongue-2, .icon-sad, .icon-sad-2, .icon-wink, .icon-wink-2, .icon-grin, .icon-grin-2, .icon-cool, .icon-cool-2, .icon-angry, .icon-angry-2, .icon-evil, .icon-evil-2, .icon-shocked, .icon-shocked-2, .icon-confused, .icon-confused-2, .icon-neutral, .icon-neutral-2, .icon-wondering, .icon-wondering-2, .icon-point-up, .icon-point-right, .icon-point-down, .icon-point-left, .icon-warning, .icon-notification, .icon-question, .icon-info, .icon-info-2, .icon-blocked, .icon-cancel-circle, .icon-checkmark-circle, .icon-spam, .icon-close, .icon-checkmark, .icon-checkmark-2, .icon-spell-check, .icon-minus, .icon-plus, .icon-enter, .icon-exit, .icon-play-2, .icon-pause, .icon-stop, .icon-backward, .icon-forward-2, .icon-play-3, .icon-pause-2, .icon-stop-2, .icon-backward-2, .icon-forward-3, .icon-first, .icon-last, .icon-previous, .icon-next, .icon-eject, .icon-volume-high, .icon-volume-medium, .icon-volume-low, .icon-volume-mute, .icon-volume-mute-2, .icon-volume-increase, .icon-volume-decrease, .icon-loop, .icon-loop-2, .icon-loop-3, .icon-shuffle, .icon-arrow-up-left, .icon-arrow-up, .icon-arrow-up-right, .icon-arrow-right, .icon-arrow-down-right, .icon-arrow-down, .icon-arrow-down-left, .icon-arrow-left, .icon-arrow-up-left-2, .icon-arrow-up-2, .icon-arrow-up-right-2, .icon-arrow-right-2, .icon-arrow-down-right-2, .icon-arrow-down-2, .icon-arrow-down-left-2, .icon-arrow-left-2, .icon-arrow-up-left-3, .icon-arrow-up-3, .icon-arrow-up-right-3, .icon-arrow-right-3, .icon-arrow-down-right-3, .icon-arrow-down-3, .icon-arrow-down-left-3, .icon-arrow-left-3, .icon-tab, .icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked, .icon-crop, .icon-scissors, .icon-filter, .icon-filter-2, .icon-font, .icon-text-height, .icon-text-width, .icon-bold, .icon-underline, .icon-italic, .icon-strikethrough, .icon-omega, .icon-sigma, .icon-table, .icon-table-2, .icon-insert-template, .icon-pilcrow, .icon-left-to-right, .icon-right-to-left, .icon-paragraph-left, .icon-paragraph-center, .icon-paragraph-right, .icon-paragraph-justify, .icon-paragraph-left-2, .icon-paragraph-center-2, .icon-paragraph-right-2, .icon-paragraph-justify-2, .icon-indent-increase, .icon-indent-decrease, .icon-new-tab, .icon-embed, .icon-code, .icon-console, .icon-share, .icon-mail, .icon-mail-2, .icon-mail-3, .icon-mail-4, .icon-google, .icon-google-plus, .icon-google-plus-2, .icon-google-plus-3, .icon-google-plus-4, .icon-google-drive, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-instagram, .icon-twitter, .icon-twitter-2, .icon-twitter-3, .icon-feed-2, .icon-feed-3, .icon-feed-4, .icon-youtube, .icon-youtube-2, .icon-vimeo, .icon-vimeo2, .icon-vimeo-2, .icon-lanyrd, .icon-flickr, .icon-flickr-2, .icon-flickr-3, .icon-flickr-4, .icon-picassa, .icon-picassa-2, .icon-dribbble, .icon-dribbble-2, .icon-dribbble-3, .icon-forrst, .icon-forrst-2, .icon-deviantart, .icon-deviantart-2, .icon-steam, .icon-steam-2, .icon-github, .icon-github-2, .icon-github-3, .icon-github-4, .icon-github-5, .icon-wordpress, .icon-wordpress-2, .icon-joomla, .icon-blogger, .icon-blogger-2, .icon-tumblr, .icon-tumblr-2, .icon-yahoo, .icon-tux, .icon-apple, .icon-finder, .icon-android, .icon-windows, .icon-windows8, .icon-soundcloud, .icon-soundcloud-2, .icon-skype, .icon-reddit, .icon-linkedin, .icon-lastfm, .icon-lastfm-2, .icon-delicious, .icon-stumbleupon, .icon-stumbleupon-2, .icon-stackoverflow, .icon-pinterest, .icon-pinterest-2, .icon-xing, .icon-xing-2, .icon-flattr, .icon-foursquare, .icon-foursquare-2, .icon-paypal, .icon-paypal-2, .icon-paypal-3, .icon-yelp, .icon-libreoffice, .icon-file-pdf, .icon-file-openoffice, .icon-file-word, .icon-file-excel, .icon-file-zip, .icon-file-powerpoint, .icon-file-xml, .icon-file-css, .icon-html5, .icon-html5-2, .icon-css3, .icon-chrome, .icon-firefox, .icon-IE, .icon-opera, .icon-safari, .icon-IcoMoon, .icon-renren, .icon-weibo, .icon-vk, .icon-bug-2, .icon-archive, .icon-moon, .icon-sun, .icon-gittip, .icon-male, .icon-female, .icon-trello, .icon-foursquare-3, .icon-skype-2, .icon-dribbble-4, .icon-linux, .icon-android-2, .icon-windows-2, .icon-apple-2, .icon-long-arrow-right, .icon-long-arrow-left, .icon-long-arrow-up, .icon-long-arrow-down, .icon-tumblr-sign, .icon-tumblr-3, .icon-bitbucket-sign, .icon-bitbucket, .icon-adn, .icon-flickr-5, .icon-instagram-2, .icon-stackexchange, .icon-dropbox, .icon-youtube-play, .icon-xing-sign, .icon-xing-3, .icon-youtube-3, .icon-youtube-sign, .icon-thumbs-down, .icon-thumbs-up-3, .icon-sort-by-order-alt, .icon-sort-by-order, .icon-sort-by-attributes-alt, .icon-sort-by-attributes, .icon-sort-by-alphabet-alt, .icon-sort-by-alphabet, .icon-file-text, .icon-file-5, .icon-bitcoin, .icon-won, .icon-renminbi, .icon-yen, .icon-rupee, .icon-dollar, .icon-gbp, .icon-euro, .icon-expand-3, .icon-collapse-top, .icon-collapse, .icon-compass-2, .icon-share-sign, .icon-external-link-sign, .icon-edit-sign, .icon-check-sign, .icon-level-down, .icon-level-up, .icon-check-minus, .icon-minus-sign-alt, .icon-ticket-2, .icon-play-sign, .icon-rss-sign, .icon-ellipsis-vertical, .icon-ellipsis-horizontal, .icon-bullseye, .icon-unlock-alt, .icon-anchor, .icon-css3-2, .icon-html5-3, .icon-chevron-sign-down, .icon-chevron-sign-up, .icon-chevron-sign-right, .icon-chevron-sign-left, .icon-maxcdn, .icon-rocket-2, .icon-fire-extinguisher, .icon-calendar-empty, .icon-shield-2, .icon-microphone-off, .icon-microphone, .icon-puzzle, .icon-eraser, .icon-subscript, .icon-superscript, .icon-exclamation, .icon-info-3, .icon-question-2, .icon-unlink, .icon-code-fork, .icon-crop-2, .icon-location-arrow, .icon-star-half-full, .icon-reply-all, .icon-code-2, .icon-terminal, .icon-flag-checkered, .icon-flag-alt, .icon-keyboard-2, .icon-gamepad, .icon-meh, .icon-frown, .icon-smile, .icon-collapse-alt, .icon-expand-alt, .icon-folder-open-alt, .icon-folder-close-alt, .icon-github-alt, .icon-reply-2, .icon-circle, .icon-spinner-7, .icon-quote-right, .icon-quote-left, .icon-circle-blank, .icon-mobile-3, .icon-tablet-2, .icon-laptop-2, .icon-desktop, .icon-angle-down, .icon-angle-up, .icon-angle-right, .icon-angle-left, .icon-double-angle-down, .icon-double-angle-up, .icon-double-angle-right, .icon-double-angle-left, .icon-plus-sign, .icon-h-sign, .icon-beer, .icon-fighter-jet, .icon-medkit, .icon-ambulance, .icon-hospital, .icon-building, .icon-file-alt, .icon-food-2, .icon-coffee, .icon-bell-alt, .icon-suitcase, .icon-stethoscope, .icon-user-md, .icon-cloud-upload-2, .icon-cloud-download-2, .icon-exchange, .icon-lightbulb, .icon-paste-4, .icon-umbrella, .icon-sitemap, .icon-bolt, .icon-comments-alt, .icon-comment-alt, .icon-dashboard-2, .icon-legal, .icon-undo-3, .icon-linkedin-2, .icon-envelope-alt, .icon-sort-up, .icon-sort-down, .icon-sort, .icon-columns, .icon-caret-right, .icon-caret-left, .icon-caret-up, .icon-caret-down, .icon-money, .icon-google-plus-5, .icon-google-plus-sign, .icon-pinterest-sign, .icon-pinterest-3, .icon-truck-2, .icon-magic, .icon-table-3, .icon-underline-2, .icon-strikethrough-2, .icon-list-ol, .icon-list-ul, .icon-reorder, .icon-sign-blank, .icon-save, .icon-paper-clip, .icon-copy-4, .icon-cut, .icon-beaker, .icon-cloud-2, .icon-link-2, .icon-group, .icon-fullscreen, .icon-briefcase-2, .icon-filter-3, .icon-tasks, .icon-wrench-2, .icon-globe-2, .icon-circle-arrow-down, .icon-circle-arrow-up, .icon-circle-arrow-right, .icon-circle-arrow-left, .icon-hand-down, .icon-hand-up, .icon-hand-left, .icon-hand-right, .icon-certificate, .icon-bell-2, .icon-bullhorn-2, .icon-hdd, .icon-rss, .icon-credit-2, .icon-unlock, .icon-github-6, .icon-facebook-4, .icon-twitter-4, .icon-phone-sign, .icon-bookmark-empty, .icon-check-empty, .icon-phone-2, .icon-lemon, .icon-upload-alt, .icon-github-sign, .icon-trophy-2, .icon-signin, .icon-external-link, .icon-pushpin-2, .icon-linkedin-sign, .icon-signout, .icon-heart-empty, .icon-star-half, .icon-thumbs-down-2, .icon-thumbs-up-4, .icon-comments, .icon-cogs-2, .icon-key-3, .icon-camera-retro, .icon-facebook-sign, .icon-twitter-sign, .icon-bar-chart, .icon-resize-horizontal, .icon-resize-vertical, .icon-folder-open-2, .icon-folder-close, .icon-shopping-cart, .icon-retweet, .icon-chevron-down, .icon-chevron-up, .icon-magnet-2, .icon-comment, .icon-random, .icon-calendar-3, .icon-plane, .icon-warning-sign, .icon-eye-close, .icon-eye-open, .icon-fire-2, .icon-leaf-2, .icon-gift-2, .icon-exclamation-sign, .icon-asterisk, .icon-minus-2, .icon-plus-2, .icon-resize-small, .icon-resize-full, .icon-share-alt, .icon-arrow-down-4, .icon-arrow-up-4, .icon-arrow-right-4, .icon-arrow-left-4, .icon-ban-circle, .icon-ok-circle, .icon-remove-circle, .icon-screenshot, .icon-info-sign, .icon-question-sign, .icon-ok-sign, .icon-remove-sign, .icon-minus-sign, .icon-plus-sign-2, .icon-chevron-right, .icon-chevron-left, .icon-eject-2, .icon-step-forward, .icon-fast-forward, .icon-forward-4, .icon-stop-3, .icon-pause-3, .icon-play-4, .icon-backward-3, .icon-fast-backward, .icon-step-backward, .icon-move, .icon-check, .icon-share-2, .icon-edit, .icon-tint, .icon-adjust, .icon-map-marker, .icon-pencil-3, .icon-picture, .icon-facetime-video, .icon-indent-right, .icon-indent-left, .icon-list-3, .icon-align-justify, .icon-align-right, .icon-align-center, .icon-align-left, .icon-text-width-2, .icon-text-height-2, .icon-italic-2, .icon-bold-2, .icon-font-2, .icon-camera-3, .icon-print-2, .icon-bookmark-2, .icon-book-2, .icon-tags-2, .icon-tag-2, .icon-barcode-2, .icon-qrcode-2, .icon-volume-up, .icon-volume-down, .icon-volume-off, .icon-headphones-2, .icon-flag-2, .icon-lock-3, .icon-list-alt, .icon-refresh, .icon-repeat, .icon-play-circle, .icon-inbox, .icon-upload-4, .icon-download-4, .icon-download-alt, .icon-road-2, .icon-time, .icon-file-6, .icon-home-4, .icon-trash, .icon-cog-3, .icon-signal, .icon-off, .icon-zoom-out-2, .icon-zoom-in-2, .icon-remove-3, .icon-ok, .icon-th-list, .icon-th, .icon-th-large, .icon-film-2, .icon-user-5, .icon-star-empty, .icon-star-4, .icon-heart-3, .icon-envelope, .icon-search-2, .icon-music-2, .icon-glass-2 {
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

    .icon-home:before {
        content: "";
    }

.icon-home-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-home-2:before {
    content: "";
}

.icon-home-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-home-3:before {
    content: "";
}

.icon-home-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-office:before {
    content: "";
}

.icon-office-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-newspaper:before {
    content: "";
}

.icon-newspaper-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pencil:before {
    content: "";
}

.icon-pencil-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pencil-2:before {
    content: "";
}

.icon-pencil-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-quill:before {
    content: "";
}

.icon-quill-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pen:before {
    content: "";
}

.icon-pen-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-blog:before {
    content: "";
}

.icon-blog-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-droplet:before {
    content: "";
}

.icon-droplet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paint-format:before {
    content: "";
}

.icon-paint-format-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-image:before {
    content: "";
}

.icon-image-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-image-2:before {
    content: "";
}

.icon-image-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-images:before {
    content: "";
}

.icon-images-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-camera:before {
    content: "";
}

.icon-camera-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-music:before {
    content: "";
}

.icon-music-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-headphones:before {
    content: "";
}

.icon-headphones-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-play:before {
    content: "";
}

.icon-play-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-film:before {
    content: "";
}

.icon-film-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-camera-2:before {
    content: "";
}

.icon-camera-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dice:before {
    content: "";
}

.icon-dice-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pacman:before {
    content: "";
}

.icon-pacman-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spades:before {
    content: "";
}

.icon-spades-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-clubs:before {
    content: "";
}

.icon-clubs-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-diamonds:before {
    content: "";
}

.icon-diamonds-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pawn:before {
    content: "";
}

.icon-pawn-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bullhorn:before {
    content: "";
}

.icon-bullhorn-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-connection:before {
    content: "";
}

.icon-connection-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-podcast:before {
    content: "";
}

.icon-podcast-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-feed:before {
    content: "";
}

.icon-feed-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-book:before {
    content: "";
}

.icon-book-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-books:before {
    content: "";
}

.icon-books-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-library:before {
    content: "";
}

.icon-library-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file:before {
    content: "";
}

.icon-file-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-profile:before {
    content: "";
}

.icon-profile-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-2:before {
    content: "";
}

.icon-file-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-3:before {
    content: "";
}

.icon-file-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-4:before {
    content: "";
}

.icon-file-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-copy:before {
    content: "";
}

.icon-copy-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-copy-2:before {
    content: "";
}

.icon-copy-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-copy-3:before {
    content: "";
}

.icon-copy-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paste:before {
    content: "";
}

.icon-paste-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paste-2:before {
    content: "";
}

.icon-paste-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paste-3:before {
    content: "";
}

.icon-paste-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stack:before {
    content: "";
}

.icon-stack-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-folder:before {
    content: "";
}

.icon-folder-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-folder-open:before {
    content: "";
}

.icon-folder-open-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tag:before {
    content: "";
}

.icon-tag-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tags:before {
    content: "";
}

.icon-tags-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-barcode:before {
    content: "";
}

.icon-barcode-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-qrcode:before {
    content: "";
}

.icon-grcode-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ticket:before {
    content: "";
}

.icon-ticket-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cart:before {
    content: "";
}

.icon-cart-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cart-2:before {
    content: "";
}

.icon-cart-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cart-3:before {
    content: "";
}

.icon-cart-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-coin:before {
    content: "";
}

.icon-coin-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-credit:before {
    content: "";
}

.icon-credit-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-calculate:before {
    content: "";
}

.icon-calculate-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-support:before {
    content: "";
}

.icon-support-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-phone:before {
    content: "";
}

.icon-phone-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-phone-hang-up:before {
    content: "";
}

.icon-phone-hang-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-address-book:before {
    content: "";
}

.icon-address-book-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-notebook:before {
    content: "";
}

.icon-notebook-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-envelop:before {
    content: "";
}

.icon-envelop-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pushpin:before {
    content: "";
}

.icon-pushpin-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-location:before {
    content: "";
}

.icon-location-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-location-2:before {
    content: "";
}

.icon-location-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-compass:before {
    content: "";
}

.icon-compass-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-map:before {
    content: "";
}

.icon-map-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-map-2:before {
    content: "";
}

.icon-map-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-history:before {
    content: "";
}

.icon-history-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-clock:before {
    content: "";
}

.icon-clock-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-clock-2:before {
    content: "";
}

.icon-clock-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-alarm:before {
    content: "";
}

.icon-alarm-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-alarm-2:before {
    content: "";
}

.icon-alarm-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bell:before {
    content: "";
}

.icon-bell-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stopwatch:before {
    content: "";
}

.icon-stopwatch-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-calendar:before {
    content: "";
}

.icon-calendar-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-calendar-2:before {
    content: "";
}

.icon-calendar-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-print:before {
    content: "";
}

.icon-print-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-keyboard:before {
    content: "";
}

.icon-keyboard-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-screen:before {
    content: "";
}

.icon-screen-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-laptop:before {
    content: "";
}

.icon-laptop-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mobile:before {
    content: "";
}

.icon-mobile-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mobile-2:before {
    content: "";
}

.icon-mobile-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tablet:before {
    content: "";
}

.icon-tablet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tv:before {
    content: "";
}

.icon-tv-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cabinet:before {
    content: "";
}

.icon-cabinet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-drawer:before {
    content: "";
}

.icon-drawer-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-drawer-2:before {
    content: "";
}

.icon-drawer-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-drawer-3:before {
    content: "";
}

.icon-drawer-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-box-add:before {
    content: "";
}

.icon-box-add-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-box-remove:before {
    content: "";
}

.icon-box-removet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-download:before {
    content: "";
}

.icon-download-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-upload:before {
    content: "";
}

.icon-upload-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-disk:before {
    content: "";
}

.icon-disk-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-storage:before {
    content: "";
}

.icon-storage-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-undo:before {
    content: "";
}

.icon-undo-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-redo:before {
    content: "";
}

.icon-redo-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flip:before {
    content: "";
}

.icon-flip-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flip-2:before {
    content: "";
}

.icon-flip-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-undo-2:before {
    content: "";
}

.icon-undo-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-redo-2:before {
    content: "";
}

.icon-redo-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-forward:before {
    content: "";
}

.icon-forward-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-reply:before {
    content: "";
}

.icon-reply-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bubble:before {
    content: "";
}

.icon-bubble-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bubbles:before {
    content: "";
}

.icon-bubbles-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bubbles-2:before {
    content: "";
}

.icon-bubbles-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bubble-2:before {
    content: "";
}

.icon-bubble-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bubbles-3:before {
    content: "";
}

.icon-bubbles-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bubbles-4:before {
    content: "";
}

.icon-bubbles-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user:before {
    content: "";
}

.icon-user-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-users:before {
    content: "";
}

.icon-users-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user-2:before {
    content: "";
}

.icon-user-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-users-2:before {
    content: "";
}

.icon-users-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user-3:before {
    content: "";
}

.icon-user-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user-4:before {
    content: "";
}

.icon-user-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-quotes-left:before {
    content: "";
}

.icon-quotes-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-busy:before {
    content: "";
}

.icon-busy-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spinner:before {
    content: "";
}

.icon-spinner-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spinner-2:before {
    content: "";
}

.icon-spinner-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spinner-3:before {
    content: "";
}

.icon-spinner-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spinner-4:before {
    content: "";
}

.icon-spinner-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spinner-5:before {
    content: "";
}

.icon-spinner-5-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spinner-6:before {
    content: "";
}

.icon-spinner-6-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-binoculars:before {
    content: "";
}

.icon-binoculars-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-search:before {
    content: "";
}

.icon-search-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-zoom-in:before {
    content: "";
}

.icon-zoom-in-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-zoom-out:before {
    content: "";
}

.icon-zoom-out-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-expand:before {
    content: "";
}

.icon-expand-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-contract:before {
    content: "";
}

.icon-contract-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-expand-2:before {
    content: "";
}

.icon-expand-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-contract-2:before {
    content: "";
}

.icon-contract-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-key:before {
    content: "";
}

.icon-key-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-key-2:before {
    content: "";
}

.icon-key-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lock:before {
    content: "";
}

.icon-lock-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lock-2:before {
    content: "";
}

.icon-lock-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-unlocked:before {
    content: "";
}

.icon-unlocked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wrench:before {
    content: "";
}

.icon-wrench-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-settings:before {
    content: "";
}

.icon-settings-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-equalizer:before {
    content: "";
}

.icon-equalizer-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cog:before {
    content: "";
}

.icon-cog-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cogs:before {
    content: "";
}

.icon-cogs-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cog-2:before {
    content: "";
}

.icon-cog-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hammer:before {
    content: "";
}

.icon-hammer-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wand:before {
    content: "";
}

.icon-wand-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-aid:before {
    content: "";
}

.icon-aid-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bug:before {
    content: "";
}

.icon-bug-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pie:before {
    content: "";
}

.icon-pie-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stats:before {
    content: "";
}

.icon-stats-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bars:before {
    content: "";
}

.icon-bars-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bars-2:before {
    content: "";
}

.icon-bars-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-gift:before {
    content: "";
}

.icon-gift-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-trophy:before {
    content: "";
}

.icon-trophy-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-glass:before {
    content: "";
}

.icon-glass-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mug:before {
    content: "";
}

.icon-mug-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-food:before {
    content: "";
}

.icon-food-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-leaf:before {
    content: "";
}

.icon-leaf-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-rocket:before {
    content: "";
}

.icon-rocket-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-meter:before {
    content: "";
}

.icon-meter-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-meter2:before {
    content: "";
}

.icon-meter2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dashboard:before {
    content: "";
}

.icon-dashboard-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hammer-2:before {
    content: "";
}

.icon-hammer-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-fire:before {
    content: "";
}

.icon-fire-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lab:before {
    content: "";
}

.icon-lab-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-magnet:before {
    content: "";
}

.icon-magnet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-remove:before {
    content: "";
}

.icon-remove-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-remove-2:before {
    content: "";
}

.icon-remove-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-briefcase:before {
    content: "";
}

.icon-briefcase-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-airplane:before {
    content: "";
}

.icon-airplane-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-truck:before {
    content: "";
}

.icon-truck-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-road:before {
    content: "";
}

.icon-road-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-accessibility:before {
    content: "";
}

.icon-accessibility-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-target:before {
    content: "";
}

.icon-target-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-shield:before {
    content: "";
}

.icon-shield-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lightning:before {
    content: "";
}

.icon-lightning-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-switch:before {
    content: "";
}

.icon-switch-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-power-cord:before {
    content: "";
}

.icon-power-cord-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-signup:before {
    content: "";
}

.icon-signup-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-list:before {
    content: "";
}

.icon-list-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-list-2:before {
    content: "";
}

.icon-list-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-numbered-list:before {
    content: "";
}

.icon-numbered-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-menu:before {
    content: "";
}

.icon-menu-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-menu-2:before {
    content: "";
}

.icon-menu-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tree:before {
    content: "";
}

.icon-tree-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cloud:before {
    content: "";
}

.icon-cloud-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cloud-download:before {
    content: "";
}

.icon-cloud-download-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cloud-upload:before {
    content: "";
}

.icon-cloud-upload-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-download-2:before {
    content: "";
}

.icon-download-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-upload-2:before {
    content: "";
}

.icon-upload-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-download-3:before {
    content: "";
}

.icon-download-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-upload-3:before {
    content: "";
}

.icon-upload-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-globe:before {
    content: "";
}

.icon-globe-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-earth:before {
    content: "";
}

.icon-earth-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-link:before {
    content: "";
}

.icon-link-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flag:before {
    content: "";
}

.icon-flag-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-attachment:before {
    content: "";
}

.icon-attachment-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eye:before {
    content: "";
}

.icon-eye-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eye-blocked:before {
    content: "";
}

.icon-eye-blocked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eye-2:before {
    content: "";
}

.icon-eye-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bookmark:before {
    content: "";
}

.icon-bookmark-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bookmarks:before {
    content: "";
}

.icon-bookmarks-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-brightness-medium:before {
    content: "";
}

.icon-brightness-medium-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-brightness-contrast:before {
    content: "";
}

.icon-brightness-contrast-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-contrast:before {
    content: "";
}

.icon-contrast-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-star:before {
    content: "";
}

.icon-star-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-star-2:before {
    content: "";
}

.icon-star-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-star-3:before {
    content: "";
}

.icon-star-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-heart:before {
    content: "";
}

.icon-heart-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-heart-2:before {
    content: "";
}

.icon-heart-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-heart-broken:before {
    content: "";
}

.icon-heart-broken-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-thumbs-up:before {
    content: "";
}

.icon-thumbs-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-thumbs-up-2:before {
    content: "";
}

.icon-thumbs-up-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-happy:before {
    content: "";
}

.icon-happy-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-happy-2:before {
    content: "";
}

.icon-happy-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-smiley:before {
    content: "";
}

.icon-smiley-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-smiley-2:before {
    content: "";
}

.icon-smiley-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tongue:before {
    content: "";
}

.icon-tongue-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tongue-2:before {
    content: "";
}

.icon-tongue-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sad:before {
    content: "";
}

.icon-sad-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sad-2:before {
    content: "";
}

.icon-sad-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wink:before {
    content: "";
}

.icon-wink-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wink-2:before {
    content: "";
}

.icon-wink-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-grin:before {
    content: "";
}

.icon-grin-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-grin-2:before {
    content: "";
}

.icon-grin-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cool:before {
    content: "";
}

.icon-cool-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cool-2:before {
    content: "";
}

.icon-cool-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-angry:before {
    content: "";
}

.icon-angry-list lli:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-angry-2:before {
    content: "";
}

.icon-angry-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-evil:before {
    content: "";
}

.icon-evil-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-evil-2:before {
    content: "";
}

.icon-evil-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-shocked:before {
    content: "";
}

.icon-shocked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-shocked-2:before {
    content: "";
}

.icon-shocked-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-confused:before {
    content: "";
}

.icon-confused-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-confused-2:before {
    content: "";
}

.icon-confused-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-neutral:before {
    content: "";
}

.icon-neutral-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-neutral-2:before {
    content: "";
}

.icon-neutral-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wondering:before {
    content: "";
}

.icon-wondering-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wondering-2:before {
    content: "";
}

.icon-wondering-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-point-up:before {
    content: "";
}

.icon-point-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-point-right:before {
    content: "";
}

.icon-point-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-point-down:before {
    content: "";
}

.icon-point-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-point-left:before {
    content: "";
}

.icon-point-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-warning:before {
    content: "";
}

.icon-warning-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-notification:before {
    content: "";
}

.icon-notification-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-question:before {
    content: "";
}

.icon-question-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-info:before {
    content: "";
}

.icon-info-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-info-2:before {
    content: "";
}

.icon-info-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-blocked:before {
    content: "";
}

.icon-blocked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cancel-circle:before {
    content: "";
}

.icon-cancel-circle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-checkmark-circle:before {
    content: "";
}

.icon-checkmark-circle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spam:before {
    content: "";
}

.icon-spam-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-close:before {
    content: "";
}

.icon-close-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-checkmark:before {
    content: "";
}

.icon-checkmark-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-checkmark-2:before {
    content: "";
}

.icon-checkmark-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spell-check:before {
    content: "";
}

.icon-spell-check-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-minus:before {
    content: "";
}

.icon-minus-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-plus:before {
    content: "";
}

.icon-plus-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-enter:before {
    content: "";
}

.icon-enter-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-exit:before {
    content: "";
}

.icon-exit-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-play-2:before {
    content: "";
}

.icon-play-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pause:before {
    content: "";
}

.icon-pause-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stop:before {
    content: "";
}

.icon-stop-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-backward:before {
    content: "";
}

.icon-backward-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-forward-2:before {
    content: "";
}

.icon-forward-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-play-3:before {
    content: "";
}

.icon-play-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pause-2:before {
    content: "";
}

.icon-pause-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stop-2:before {
    content: "";
}

.icon-stop-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-backward-2:before {
    content: "";
}

.icon-backward-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-forward-3:before {
    content: "";
}

.icon-forward-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-first:before {
    content: "";
}

.icon-first-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-last:before {
    content: "";
}

.icon-last-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-previous:before {
    content: "";
}

.icon-previous-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-next:before {
    content: "";
}

.icon-next-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eject:before {
    content: "";
}

.icon-eject-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-high:before {
    content: "";
}

.icon-volume-high-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-medium:before {
    content: "";
}

.icon-volume-medium-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-low:before {
    content: "";
}

.icon-volume-low-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-mute:before {
    content: "";
}

.icon-volume-mute-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-mute-2:before {
    content: "";
}

.icon-volume-mute-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-increase:before {
    content: "";
}

.icon-volume-increase-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-decrease:before {
    content: "";
}

.icon-volume-decrease-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-loop:before {
    content: "";
}

.icon-loop-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-loop-2:before {
    content: "";
}

.icon-loop-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-loop-3:before {
    content: "";
}

.icon-loop-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-shuffle:before {
    content: "";
}

.icon-shuffle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-left:before {
    content: "";
}

.icon-arrow-up-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up:before {
    content: "";
}

.icon-arrow-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-right:before {
    content: "";
}

.icon-arrow-up-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-right:before {
    content: "";
}

.icon-arrow-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-right:before {
    content: "";
}

.icon-arrow-down-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down:before {
    content: "";
}

.icon-arrow-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-left:before {
    content: "";
}

.icon-arrow-down-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-left:before {
    content: "";
}

.icon-arrow-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-left-2:before {
    content: "";
}

.icon-arrow-up-left-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-2:before {
    content: "";
}

.icon-arrow-up-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-right-2:before {
    content: "";
}

.icon-arrow-up-right-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-right-2:before {
    content: "";
}

.icon-arrow-right-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-right-2:before {
    content: "";
}

.icon-arrow-down-right-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-2:before {
    content: "";
}

.icon-arrow-down-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-left-2:before {
    content: "";
}

.icon-arrow-down-left-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-left-2:before {
    content: "";
}

.icon-arrow-left-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-left-3:before {
    content: "";
}

.icon-arrow-up-left-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-3:before {
    content: "";
}

.icon-arrow-up-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-right-3:before {
    content: "";
}

.icon-arrow-up-right-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-right-3:before {
    content: "";
}

.icon-arrow-right-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-right-3:before {
    content: "";
}

.icon-arrow-down-right-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-3:before {
    content: "";
}

.icon-arrow-down-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-left-3:before {
    content: "";
}

.icon-arrow-down-left-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-left-3:before {
    content: "";
}

.icon-arrow-left-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tab:before {
    content: "";
}

.icon-tab-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-checkbox-checked:before {
    content: "";
}

.icon-checkbox-checked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-checkbox-unchecked:before {
    content: "";
}

.icon-checkbox-unchecked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-checkbox-partial:before {
    content: "";
}

.icon-checkbox-partial-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-radio-checked:before {
    content: "";
}

.icon-radio-checked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-radio-unchecked:before {
    content: "";
}

.icon-radio-unchecked-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-crop:before {
    content: "";
}

.icon-crop-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-scissors:before {
    content: "";
}

.icon-scissors-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-filter:before {
    content: "";
}

.icon-filter-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-filter-2:before {
    content: "";
}

.icon-filter-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-font:before {
    content: "";
}

.icon-font-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-text-height:before {
    content: "";
}

.icon-text-height-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-text-width:before {
    content: "";
}

.icon-text-width-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bold:before {
    content: "";
}

.icon-bold-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-underline:before {
    content: "";
}

.icon-underline-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-italic:before {
    content: "";
}

.icon-italic-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-strikethrough:before {
    content: "";
}

.icon-strikethrough-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-omega:before {
    content: "";
}

.icon-omega-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sigma:before {
    content: "";
}

.icon-sigma-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-table:before {
    content: "";
}

.icon-table-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-table-2:before {
    content: "";
}

.icon-table-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-insert-template:before {
    content: "";
}

.icon-insert-template-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pilcrow:before {
    content: "";
}

.icon-pilcrow-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-left-to-right:before {
    content: "";
}

.icon-left-to-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-right-to-left:before {
    content: "";
}

.icon-right-to-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-left:before {
    content: "";
}

.icon-paragraph-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-center:before {
    content: "";
}

.icon-paragraph-center-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-right:before {
    content: "";
}

.icon-paragraph-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-justify:before {
    content: "";
}

.icon-paragraph-justify-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-left-2:before {
    content: "";
}

.icon-paragraph-left-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-center-2:before {
    content: "";
}

.icon-paragraph-center-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-right-2:before {
    content: "";
}

.icon-paragraph-right-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paragraph-justify-2:before {
    content: "";
}

.icon-paragraph-justify-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-indent-increase:before {
    content: "";
}

.icon-indent-increase-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-indent-decrease:before {
    content: "";
}

.icon-indent-decrease-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-new-tab:before {
    content: "";
}

.icon-new-tab-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-embed:before {
    content: "";
}

.icon-embed-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-code:before {
    content: "";
}

.icon-code-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-console:before {
    content: "";
}

.icon-console-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-share:before {
    content: "";
}

.icon-share-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mail:before {
    content: "";
}

.icon-mail-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mail-2:before {
    content: "";
}

.icon-mail-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mail-3:before {
    content: "";
}

.icon-mail-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mail-4:before {
    content: "";
}

.icon-mail-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google:before {
    content: "";
}

.icon-google-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google-plus:before {
    content: "";
}

.icon-google-plus-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google-plus-2:before {
    content: "";
}

.icon-google-plus-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google-plus-3:before {
    content: "";
}

.icon-google-plus-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google-plus-4:before {
    content: "";
}

.icon-google-plus-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google-drive:before {
    content: "";
}

.icon-google-drive-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-facebook:before {
    content: "";
}

.icon-facebook-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-facebook-2:before {
    content: "";
}

.icon-facebook-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-facebook-3:before {
    content: "";
}

.icon-facebook-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-instagram:before {
    content: "";
}

.icon-instagram-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-twitter:before {
    content: "";
}

.icon-twitter-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-twitter-2:before {
    content: "";
}

.icon-twitter-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-twitter-3:before {
    content: "";
}

.icon-twitter-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-feed-2:before {
    content: "";
}

.icon-feed-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-feed-3:before {
    content: "";
}

.icon-feed-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-feed-4:before {
    content: "";
}

.icon-feed-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-youtube:before {
    content: "";
}

.icon-youtube-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-youtube-2:before {
    content: "";
}

.icon-youtube-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-vimeo:before {
    content: "";
}

.icon-vimeo-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-vimeo2:before {
    content: "";
}

.icon-vimeo2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-vimeo-2:before {
    content: "";
}

.icon-vimeo-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lanyrd:before {
    content: "";
}

.icon-lanyrd-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flickr:before {
    content: "";
}

.icon-flickr-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flickr-2:before {
    content: "";
}

.icon-flickr-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flickr-3:before {
    content: "";
}

.icon-flickr-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flickr-4:before {
    content: "";
}

.icon-flickr-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-picassa:before {
    content: "";
}

.icon-picasa-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-picassa-2:before {
    content: "";
}

.icon-picasa-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dribbble:before {
    content: "";
}

.icon-dribbble-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dribbble-2:before {
    content: "";
}

.icon-dribbble-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dribbble-3:before {
    content: "";
}

.icon-dribbble-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-forrst:before {
    content: "";
}

.icon-forrst-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-forrst-2:before {
    content: "";
}

.icon-forrst-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-deviantart:before {
    content: "";
}

.icon-deviantart-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-deviantart-2:before {
    content: "";
}

.icon-deviantart-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-steam:before {
    content: "";
}

.icon-steam-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-steam-2:before {
    content: "";
}

.icon-steam-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github:before {
    content: "";
}

.icon-github-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github-2:before {
    content: "";
}

.icon-github-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github-3:before {
    content: "";
}

.icon-github-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github-4:before {
    content: "";
}

.icon-github-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github-5:before {
    content: "";
}

.icon-github-5-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wordpress:before {
    content: "";
}

.icon-wordpress-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wordpress-2:before {
    content: "";
}

.icon-wordpress-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-joomla:before {
    content: "";
}

.icon-joomla-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-blogger:before {
    content: "";
}

.icon-blogger-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-blogger-2:before {
    content: "";
}

.icon-blogger-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tumblr:before {
    content: "";
}

.icon-tumblr-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tumblr-2:before {
    content: "";
}

.icon-tumblr-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-yahoo:before {
    content: "";
}

.icon-yahoo-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tux:before {
    content: "";
}

.icon-tux-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-apple:before {
    content: "";
}

.icon-apple-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-finder:before {
    content: "";
}

.icon-finder-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-android:before {
    content: "";
}

.icon-android-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-windows:before {
    content: "";
}

.icon-windows-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-windows8:before {
    content: "";
}

.icon-windows8-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-soundcloud:before {
    content: "";
}

.icon-soundcloud-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-soundcloud-2:before {
    content: "";
}

.icon-soundcloud-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-skype:before {
    content: "";
}

.icon-skype-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-reddit:before {
    content: "";
}

.icon-reddit-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-linkedin:before {
    content: "";
}

.icon-linkedin-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lastfm:before {
    content: "";
}

.icon-lastfm-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lastfm-2:before {
    content: "";
}

.icon-lastfm-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-delicious:before {
    content: "";
}

.icon-delicious-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stumbleupon:before {
    content: "";
}

.icon-stumbleupon-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stumbleupon-2:before {
    content: "";
}

.icon-stumbleupon-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stackoverflow:before {
    content: "";
}

.icon-stackoverflow-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pinterest:before {
    content: "";
}

.icon-pinterest-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pinterest-2:before {
    content: "";
}

.icon-pinterest-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-xing:before {
    content: "";
}

.icon-xing-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-xing-2:before {
    content: "";
}

.icon-xing-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flattr:before {
    content: "";
}

.icon-flattr-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-foursquare:before {
    content: "";
}

.icon-foursquare-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-foursquare-2:before {
    content: "";
}

.icon-foursquare-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paypal:before {
    content: "";
}

.icon-paypal-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paypal-2:before {
    content: "";
}

.icon-paypal-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paypal-3:before {
    content: "";
}

.icon-paypal-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-yelp:before {
    content: "";
}

.icon-yelp-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-libreoffice:before {
    content: "";
}

.icon-libreoffice-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-pdf:before {
    content: "";
}

.icon-file-pdf-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-openoffice:before {
    content: "";
}

.icon-file-openoffice-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-word:before {
    content: "";
}

.icon-file-word-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-excel:before {
    content: "";
}

.icon-file-excel-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-zip:before {
    content: "";
}

.icon-file-zip-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-powerpoint:before {
    content: "";
}

.icon-file-powerpoint-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-xml:before {
    content: "";
}

.icon-file-xml-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-css:before {
    content: "";
}

.icon-file-css-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-html5:before {
    content: "";
}

.icon-html5-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-html5-2:before {
    content: "";
}

.icon-html5-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-css3:before {
    content: "";
}

.icon-css3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chrome:before {
    content: "";
}

.icon-chrome-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-firefox:before {
    content: "";
}

.icon-firefox-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-IE:before {
    content: "";
}

.icon-IE-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-opera:before {
    content: "";
}

.icon-opera-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-safari:before {
    content: "";
}

.icon-safari-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-IcoMoon:before {
    content: "";
}

.icon-IcoMoon-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-renren:before {
    content: "";
}

.icon-renren-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-weibo:before {
    content: "";
}

.icon-weibo-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-vk:before {
    content: "";
}

.icon-vk-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bug-2:before {
    content: "";
}

.icon-bug-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-archive:before {
    content: "";
}

.icon-archive-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-moon:before {
    content: "";
}

.icon-moon-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sun:before {
    content: "";
}

.icon-sun-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-gittip:before {
    content: "";
}

.icon-gittip-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-male:before {
    content: "";
}

.icon-male-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-female:before {
    content: "";
}

.icon-female-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-trello:before {
    content: "";
}

.icon-trello-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-foursquare-3:before {
    content: "";
}

.icon-foursquare-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-skype-2:before {
    content: "";
}

.icon-skype-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dribbble-4:before {
    content: "";
}

.icon-dribbble-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-linux:before {
    content: "";
}

.icon-linux-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-android-2:before {
    content: "";
}

.icon-android-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-windows-2:before {
    content: "";
}

.icon-windows-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-apple-2:before {
    content: "";
}

.icon-apple-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-long-arrow-right:before {
    content: "";
}

.icon-long-arrow-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-long-arrow-left:before {
    content: "";
}

.icon-long-arrow-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-long-arrow-up:before {
    content: "";
}

.icon-long-arrow-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-long-arrow-down:before {
    content: "";
}

.icon-long-arrow-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tumblr-sign:before {
    content: "";
}

.icon-tumblr-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tumblr-3:before {
    content: "";
}

.icon-tumblr-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bitbucket-sign:before {
    content: "";
}

.icon-bitbucket-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bitbucket:before {
    content: "";
}

.icon-bitbucket-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-adn:before {
    content: "";
}

.icon-adn-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flickr-5:before {
    content: "";
}

.icon-flickr-5-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-instagram-2:before {
    content: "";
}

.icon-instagram-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stackexchange:before {
    content: "";
}

.icon-stackexchange-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dropbox:before {
    content: "";
}

.icon-dropbox-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-youtube-play:before {
    content: "";
}

.icon-youtube-play-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-xing-sign:before {
    content: "";
}

.icon-xing-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-xing-3:before {
    content: "";
}

.icon-xing-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-youtube-3:before {
    content: "";
}

.icon-youtube-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-youtube-sign:before {
    content: "";
}

.icon-youtube-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-thumbs-down:before {
    content: "";
}

.icon-thumbs-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-thumbs-up-3:before {
    content: "";
}

.icon-thumbs-up-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-by-order-alt:before {
    content: "";
}

.icon-sort-by-order-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-by-order:before {
    content: "";
}

.icon-sort-by-order-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-by-attributes-alt:before {
    content: "";
}

.icon-sort-by-attributes-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-by-attributes:before {
    content: "";
}

.icon-sort-by-attributes-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-by-alphabet-alt:before {
    content: "";
}

.icon-sort-by-alphabet-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-by-alphabet:before {
    content: "";
}

.icon-sort-by-alphabet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-text:before {
    content: "";
}

.icon-file-text-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-5:before {
    content: "";
}

.icon-file-5-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bitcoin:before {
    content: "";
}

.icon-bitcoin-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-won:before {
    content: "";
}

.icon-won-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-renminbi:before {
    content: "";
}

.icon-renminbi-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-yen:before {
    content: "";
}

.icon-yen-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-rupee:before {
    content: "";
}

.icon-rupee-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dollar:before {
    content: "";
}

.icon-dollar-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-gbp:before {
    content: "";
}

.icon-gbp-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-euro:before {
    content: "";
}

.icon-euro-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-expand-3:before {
    content: "";
}

.icon-expand-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-collapse-top:before {
    content: "";
}

.icon-collapse-top-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-collapse:before {
    content: "";
}

.icon-collapse-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-compass-2:before {
    content: "";
}

.icon-compass-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-share-sign:before {
    content: "";
}

.icon-share-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-external-link-sign:before {
    content: "";
}

.icon-external-link-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-edit-sign:before {
    content: "";
}

.icon-edit-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-check-sign:before {
    content: "";
}

.icon-check-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-level-down:before {
    content: "";
}

.icon-level-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-level-up:before {
    content: "";
}

.icon-level-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-check-minus:before {
    content: "";
}

.icon-check-minus-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-minus-sign-alt:before {
    content: "";
}

.icon-minus-sign-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ticket-2:before {
    content: "";
}

.icon-ticket-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-play-sign:before {
    content: "";
}

.icon-play-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-rss-sign:before {
    content: "";
}

.icon-rss-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ellipsis-vertical:before {
    content: "";
}

.icon-ellipsis-vertical-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ellipsis-horizontal:before {
    content: "";
}

.icon-ellipsis-horizontal-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bullseye:before {
    content: "";
}

.icon-bullseye-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-unlock-alt:before {
    content: "";
}

.icon-unlock-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-anchor:before {
    content: "";
}

.icon-anchor-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-css3-2:before {
    content: "";
}

.icon-css3-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-html5-3:before {
    content: "";
}

.icon-html5-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-sign-down:before {
    content: "";
}

.icon-chevron-sign-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-sign-up:before {
    content: "";
}

.icon-chevron-sign-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-sign-right:before {
    content: "";
}

.icon-chevron-sign-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-sign-left:before {
    content: "";
}

.icon-chevron-sign-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-maxcdn:before {
    content: "";
}

.icon-maxcdn-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-rocket-2:before {
    content: "";
}

.icon-rocket-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-fire-extinguisher:before {
    content: "";
}

.icon-fire-extinguisher-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-calendar-empty:before {
    content: "";
}

.icon-calendar-empty-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-shield-2:before {
    content: "";
}

.icon-shield-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-microphone-off:before {
    content: "";
}

.icon-microphone-off-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-microphone:before {
    content: "";
}

.icon-microphone-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-puzzle:before {
    content: "";
}

.icon-puzzle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eraser:before {
    content: "";
}

.icon-eraser-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-subscript:before {
    content: "";
}

.icon-subscript-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-superscript:before {
    content: "";
}

.icon-superscript-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-exclamation:before {
    content: "";
}

.icon-exclamation-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-info-3:before {
    content: "";
}

.icon-info-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-question-2:before {
    content: "";
}

.icon-question-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-unlink:before {
    content: "";
}

.icon-unlink-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-code-fork:before {
    content: "";
}

.icon-code-fork-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-crop-2:before {
    content: "";
}

.icon-crop-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-location-arrow:before {
    content: "";
}

.icon-location-arrow-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-star-half-full:before {
    content: "";
}

.icon-star-half-full-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-reply-all:before {
    content: "";
}

.icon-reply-all-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-code-2:before {
    content: "";
}

.icon-code-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-terminal:before {
    content: "";
}

.icon-terminal-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flag-checkered:before {
    content: "";
}

.icon-flag-checkered-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flag-alt:before {
    content: "";
}

.icon-flag-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-keyboard-2:before {
    content: "";
}

.icon-keyboard-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-gamepad:before {
    content: "";
}

.icon-gamepad-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-meh:before {
    content: "";
}

.icon-meh-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-frown:before {
    content: "";
}

.icon-frown-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-smile:before {
    content: "";
}

.icon-smile-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-collapse-alt:before {
    content: "";
}

.icon-collapse-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-expand-alt:before {
    content: "";
}

.icon-expand-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-folder-open-alt:before {
    content: "";
}

.icon-folder-open-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-folder-close-alt:before {
    content: "";
}

.icon-folder-close-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github-alt:before {
    content: "";
}

.icon-github-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-reply-2:before {
    content: "";
}

.icon-reply-all-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-circle:before {
    content: "";
}

.icon-circle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-spinner-7:before {
    content: "";
}

.icon-spinner-7-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-quote-right:before {
    content: "";
}

.icon-quote-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-quote-left:before {
    content: "";
}

.icon-quote-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-circle-blank:before {
    content: "";
}

.icon-circle-blank-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-mobile-3:before {
    content: "";
}

.icon-mobile-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tablet-2:before {
    content: "";
}

.icon-tablet-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-laptop-2:before {
    content: "";
}

.icon-laptop-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-desktop:before {
    content: "";
}

.icon-desktop-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-angle-down:before {
    content: "";
}

.icon-angle-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-angle-up:before {
    content: "";
}

.icon-angle-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-angle-right:before {
    content: "";
}

.icon-angle-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-angle-left:before {
    content: "";
}

.icon-angle-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-double-angle-down:before {
    content: "";
}

.icon-angle-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-double-angle-up:before {
    content: "";
}

.icon-double-angle-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-double-angle-right:before {
    content: "";
}

.icon-double-angle-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-double-angle-left:before {
    content: "";
}

.icon-double-angle-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-plus-sign:before {
    content: "";
}

.icon-plus-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-h-sign:before {
    content: "";
}

.icon-h-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-beer:before {
    content: "";
}

.icon-beer-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-fighter-jet:before {
    content: "";
}

.icon-fighter-jet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-medkit:before {
    content: "";
}

.icon-medkit-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ambulance:before {
    content: "";
}

.icon-ambulance-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hospital:before {
    content: "";
}

.icon-hospital-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-building:before {
    content: "";
}

.icon-building-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-alt:before {
    content: "";
}

.icon-file-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-food-2:before {
    content: "";
}

.icon-food-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-coffee:before {
    content: "";
}

.icon-coffee-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bell-alt:before {
    content: "";
}

.icon-bell-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-suitcase:before {
    content: "";
}

.icon-suitcase-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stethoscope:before {
    content: "";
}

.icon-stethoscope-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user-md:before {
    content: "";
}

.icon-user-md-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cloud-upload-2:before {
    content: "";
}

.icon-cloud-upload-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cloud-download-2:before {
    content: "";
}

.icon-cloud-download-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-exchange:before {
    content: "";
}

.icon-exchange-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lightbulb:before {
    content: "";
}

.icon-lighbulb-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paste-4:before {
    content: "";
}

.icon-paste-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-umbrella:before {
    content: "";
}

.icon-umbrella-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sitemap:before {
    content: "";
}

.icon-sitemap-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bolt:before {
    content: "";
}

.icon-bolt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-comments-alt:before {
    content: "";
}

.icon-comments-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-comment-alt:before {
    content: "";
}

.icon-comment-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-dashboard-2:before {
    content: "";
}

.icon-dashboard-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-legal:before {
    content: "";
}

.icon-legal-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-undo-3:before {
    content: "";
}

.icon-undo-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-linkedin-2:before {
    content: "";
}

.icon-linkedin-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-envelope-alt:before {
    content: "";
}

.icon-envelope-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-up:before {
    content: "";
}

.icon-sort-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort-down:before {
    content: "";
}

.icon-sort-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sort:before {
    content: "";
}

.icon-sort-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-columns:before {
    content: "";
}

.icon-columns-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-caret-right:before {
    content: "";
}

.icon-caret-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-caret-left:before {
    content: "";
}

.icon-caret-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-caret-up:before {
    content: "";
}

.icon-caret-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-caret-down:before {
    content: "";
}

.icon-caret-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-money:before {
    content: "";
}

.icon-money-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google-plus-5:before {
    content: "";
}

.icon-google-plus-5-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-google-plus-sign:before {
    content: "";
}

.icon-google-plus-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pinterest-sign:before {
    content: "";
}

.icon-pinterest-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pinterest-3:before {
    content: "";
}

.icon-pinterest-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-truck-2:before {
    content: "";
}

.icon-truck-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-magic:before {
    content: "";
}

.icon-magic-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-table-3:before {
    content: "";
}

.icon-table-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-underline-2:before {
    content: "";
}

.icon-underline-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-strikethrough-2:before {
    content: "";
}

.icon-strikethrough-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-list-ol:before {
    content: "";
}

.icon-list-ol-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-list-ul:before {
    content: "";
}

.icon-list-ul-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-reorder:before {
    content: "";
}

.icon-reorder-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-sign-blank:before {
    content: "";
}

.icon-sign-blank-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-save:before {
    content: "";
}

.icon-save-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-paper-clip:before {
    content: "";
}

.icon-paper-clip-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-copy-4:before {
    content: "";
}

.icon-copy-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cut:before {
    content: "";
}

.icon-cut-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-beaker:before {
    content: "";
}

.icon-beaker-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cloud-2:before {
    content: "";
}

.icon-cloud-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-link-2:before {
    content: "";
}

.icon-link-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-group:before {
    content: "";
}

.icon-group-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-fullscreen:before {
    content: "";
}

.icon-fullscreen-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-briefcase-2:before {
    content: "";
}

.icon-briefcase-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-filter-3:before {
    content: "";
}

.icon-filter-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tasks:before {
    content: "";
}

.icon-tasks-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-wrench-2:before {
    content: "";
}

.icon-wrench-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-globe-2:before {
    content: "";
}

.icon-globe-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-circle-arrow-down:before {
    content: "";
}

.icon-circle-arrow-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-circle-arrow-up:before {
    content: "";
}

.icon-circle-arrow-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-circle-arrow-right:before {
    content: "";
}

.icon-circle-arrow-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-circle-arrow-left:before {
    content: "";
}

.icon-circle-arrow-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hand-down:before {
    content: "";
}

.icon-hand-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hand-up:before {
    content: "";
}

.icon-hand-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hand-left:before {
    content: "";
}

.icon-hand-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hand-right:before {
    content: "";
}

.icon-hand-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-certificate:before {
    content: "";
}

.icon-certificate-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bell-2:before {
    content: "";
}

.icon-bell-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bullhorn-2:before {
    content: "";
}

.icon-bullhorn-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-hdd:before {
    content: "";
}

.icon-hdd-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-rss:before {
    content: "";
}

.icon-rss-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-credit-2:before {
    content: "";
}

.icon-credit-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-unlock:before {
    content: "";
}

.icon-unlock-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github-6:before {
    content: "";
}

.icon-github-6-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-facebook-4:before {
    content: "";
}

.icon-facebook-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-twitter-4:before {
    content: "";
}

.icon-twitter-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-phone-sign:before {
    content: "";
}

.icon-phone-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bookmark-empty:before {
    content: "";
}

.icon-bookmark-empty-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-check-empty:before {
    content: "";
}

.icon-check-empty-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-phone-2:before {
    content: "";
}

.icon-phone-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lemon:before {
    content: "";
}

.icon-lemon-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-upload-alt:before {
    content: "";
}

.icon-upload-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-github-sign:before {
    content: "";
}

.icon-github-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-trophy-2:before {
    content: "";
}

.icon-trophy-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-signin:before {
    content: "";
}

.icon-signin-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-external-link:before {
    content: "";
}

.icon-external-link-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pushpin-2:before {
    content: "";
}

.icon-pushpin-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-linkedin-sign:before {
    content: "";
}

.icon-linkedin-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-signout:before {
    content: "";
}

.icon-signout-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-heart-empty:before {
    content: "";
}

.icon-heart-empty-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-star-half:before {
    content: "";
}

.icon-star-half-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-thumbs-down-2:before {
    content: "";
}

.icon-thumbs-down-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-thumbs-up-4:before {
    content: "";
}

.icon-thumbs-up-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-comments:before {
    content: "";
}

.icon-comments-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cogs-2:before {
    content: "";
}

.icon-cogs-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-key-3:before {
    content: "";
}

.icon-key-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-camera-retro:before {
    content: "";
}

.icon-camera-retro-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-facebook-sign:before {
    content: "";
}

.icon-facebook-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-twitter-sign:before {
    content: "";
}

.icon-twitter-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bar-chart:before {
    content: "";
}

.icon-bar-chart-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-resize-horizontal:before {
    content: "";
}

.icon-resize-horizontal-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-resize-vertical:before {
    content: "";
}

.icon-resize-vertical-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-folder-open-2:before {
    content: "";
}

.icon-folder-open-2l-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-folder-close:before {
    content: "";
}

.icon-folder-close-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-shopping-cart:before {
    content: "";
}

.icon-shopping-cart-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-retweet:before {
    content: "";
}

.icon-retweet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-down:before {
    content: "";
}

.icon-chevron-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-up:before {
    content: "";
}

.icon-chevron-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-magnet-2:before {
    content: "";
}

.icon-magnet-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-comment:before {
    content: "";
}

.icon-comment-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-random:before {
    content: "";
}

.icon-random-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-calendar-3:before {
    content: "";
}

.icon-calendar-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-plane:before {
    content: "";
}

.icon-plane-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-warning-sign:before {
    content: "";
}

.icon-warning-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eye-close:before {
    content: "";
}

.icon-eye-close-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eye-open:before {
    content: "";
}

.icon-eye-open-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-fire-2:before {
    content: "";
}

.icon-fire-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-leaf-2:before {
    content: "";
}

.icon-leaf-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-gift-2:before {
    content: "";
}

.icon-gift-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-exclamation-sign:before {
    content: "";
}

.icon-exclamation-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-asterisk:before {
    content: "";
}

.icon-asterisk-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-minus-2:before {
    content: "";
}

.icon-minus-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-plus-2:before {
    content: "";
}

.icon-plus-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-resize-small:before {
    content: "";
}

.icon-resize-small-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-resize-full:before {
    content: "";
}

.icon-resize-full-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-share-alt:before {
    content: "";
}

.icon-share-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-down-4:before {
    content: "";
}

.icon-arrow-down-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-up-4:before {
    content: "";
}

.icon-arrow-up-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-right-4:before {
    content: "";
}

.icon-arrow-right-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow-left-4:before {
    content: "";
}

.icon-arrow-left-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ban-circle:before {
    content: "";
}

.icon-ban-circle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ok-circle:before {
    content: "";
}

.icon-ok-circle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-remove-circle:before {
    content: "";
}

.icon-remove-circle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-screenshot:before {
    content: "";
}

.icon-screenshot-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-info-sign:before {
    content: "";
}

.icon-info-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-question-sign:before {
    content: "";
}

.icon-question-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ok-sign:before {
    content: "";
}

.icon-ok-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-remove-sign:before {
    content: "";
}

.icon-remove-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-minus-sign:before {
    content: "";
}

.icon-minus-sign-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-plus-sign-2:before {
    content: "";
}

.icon-plus-sign-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-right:before {
    content: "";
}

.icon-chevron-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-chevron-left:before {
    content: "";
}

.icon-chevron-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-eject-2:before {
    content: "";
}

.icon-eject-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-step-forward:before {
    content: "";
}

.icon-step-forward-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-fast-forward:before {
    content: "";
}

.icon-fast-forward-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-forward-4:before {
    content: "";
}

.icon-forward-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-stop-3:before {
    content: "";
}

.icon-stop-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pause-3:before {
    content: "";
}

.icon-pause-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-play-4:before {
    content: "";
}

.icon-play-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-backward-3:before {
    content: "";
}

.icon-backward-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-fast-backward:before {
    content: "";
}

.icon-fast-backward-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-step-backward:before {
    content: "";
}

.icon-step-backward-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-move:before {
    content: "";
}

.icon-move-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-check:before {
    content: "";
}

.icon-check-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-share-2:before {
    content: "";
}

.icon-share-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-edit:before {
    content: "";
}

.icon-edit-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tint:before {
    content: "";
}

.icon-tint-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-adjust:before {
    content: "";
}

.icon-adjust-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-map-marker:before {
    content: "";
}

.icon-map-marker-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-pencil-3:before {
    content: "";
}

.icon-pencil-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-picture:before {
    content: "";
}

.icon-picture-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-facetime-video:before {
    content: "";
}

.icon-facetime-video-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-indent-right:before {
    content: "";
}

.icon-indent-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-indent-left:before {
    content: "";
}

.icon-indent-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-list-3:before {
    content: "";
}

.icon-list-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-align-justify:before {
    content: "";
}

.icon-align-justify-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-align-right:before {
    content: "";
}

.icon-align-right-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-align-center:before {
    content: "";
}

.icon-align-center-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-align-left:before {
    content: "";
}

.icon-align-left-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-text-width-2:before {
    content: "";
}

.icon-text-width-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-text-height-2:before {
    content: "";
}

.icon-text-height-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-italic-2:before {
    content: "";
}

.icon-italic-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bold-2:before {
    content: "";
}

.icon-bold-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-font-2:before {
    content: "";
}

.icon-font-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-camera-3:before {
    content: "";
}

.icon-camera-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-print-2:before {
    content: "";
}

.icon-print-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-bookmark-2:before {
    content: "";
}

.icon-bookmark-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-book-2:before {
    content: "";
}

.icon-book-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tags-2:before {
    content: "";
}

.icon-tags-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-tag-2:before {
    content: "";
}

.icon-tags-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-barcode-2:before {
    content: "";
}

.icon-barcode-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-qrcode-2:before {
    content: "";
}

.icon-grcode-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-up:before {
    content: "";
}

.icon-volume-up-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-down:before {
    content: "";
}

.icon-volume-down-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-volume-off:before {
    content: "";
}

.icon-volume-off-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-headphones-2:before {
    content: "";
}

.icon-headphones-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-flag-2:before {
    content: "";
}

.icon-flag-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-lock-3:before {
    content: "";
}

.icon-look-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-list-alt:before {
    content: "";
}

.icon-list-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-refresh:before {
    content: "";
}

.icon-refresh-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-repeat:before {
    content: "";
}

.icon-repeat-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-play-circle:before {
    content: "";
}

.icon-play-circle-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-inbox:before {
    content: "";
}

.icon-inbox-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-upload-4:before {
    content: "";
}

.icon-upload-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-download-4:before {
    content: "";
}

.icon-download-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-download-alt:before {
    content: "";
}

.icon-download-alt-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-road-2:before {
    content: "";
}

.icon-road-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-time:before {
    content: "";
}

.icon-timet-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-file-6:before {
    content: "";
}

.icon-file-6-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-home-4:before {
    content: "";
}

.icon-home-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-trash:before {
    content: "";
}

.icon-trash-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-cog-3:before {
    content: "";
}

.icon-cog-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-signal:before {
    content: "";
}

.icon-signal-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-off:before {
    content: "";
}

.icon-off-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-zoom-out-2:before {
    content: "";
}

.icon-zoom-out-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-zoom-in-2:before {
    content: "";
}

.icon-zoom-in-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-remove-3:before {
    content: "";
}

.icon-remove-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-ok:before {
    content: "";
}

.icon-ok-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-th-list:before {
    content: "";
}

.icon-th-list-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-th:before {
    content: "";
}

.icon-th-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-th-large:before {
    content: "";
}

.icon-th-large-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-film-2:before {
    content: "";
}

.icon-film-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user-5:before {
    content: "";
}

.icon-user-5-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-star-empty:before {
    content: "";
}

.icon-star-empty-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-star-4:before {
    content: "";
}

.icon-star-4-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-heart-3:before {
    content: "";
}

.icon-heart-3-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-envelope:before {
    content: "";
}

.icon-envelope-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-search-2:before {
    content: "";
}

.icon-search-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-music-2:before {
    content: "";
}

.icon-music-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-glass-2:before {
    content: "";
}

.icon-glass-2-list li:before {
    content: "";
    font-family: 'IconFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
    line-height: 50px;
    font-family: 'IconFont';
    content: "";
    color: #666;
}