/*  Fonts  */

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

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

@font-face {
    font-family: 'lato_bold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold.woff') format('woff'), url('../fonts/lato-bold.ttf') format('truetype'), url('../fonts/lato-bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*	.reveal {
			opacity:0;
			-moz-animation: reveal 2s 0.25s ease-in-out;
			-webkit-animation: reveal 2s 0.25s ease-in-out;
			-o-animation: reveal 2s 0.25s ease-in-out;
			-ms-animation: reveal 2s 0.25s ease-in-out;
			animation: reveal 2s 0.25s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-o-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
	}
	@-moz-keyframes reveal { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes reveal { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes reveal { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes reveal{ 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes reveal { 0% { opacity: 0; } 100% { opacity: 1; } }*/


/*  General CSS*/
body {
    font-family: "lato_light", Arial;
    color: #ccc;
    background: #2b2c2f;
}

.wrapper {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    /*position: relative;*/
}

::selection {
    color: #ffffff;
    background: #353434;
}

::-moz-selection {
    color: #ffffff;
    background: #353434;
}

a {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    color: #fff;
}

    a:hover {
        color: #999;
    }

a.freeDemo {
    background: #1192cd;
    border: none !important;
    padding: 5px 15px;
    tranisition: .2s ease-in-out;
    outline: none;
}

a.freeDemo:hover {
    background: #222;
    border: none !important;
}

b {
    font-family: 'lato_regular',sans-serif;
    font-weight: normal
}
/* top menu */
.top-menu {
    background: #000;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #444
}

    .top-menu .links {
        float: left
    }

    .top-menu li {
        float: left;
        font-size: 12px;
        list-style: none;
        height: 30px
    }

        .top-menu li a {
            text-decoration: none;
        }

            .top-menu li a:hover {
                color: #999;
            }

.press-btn a {
    background: #1192cd;
    padding: 0 15px;
    font-family: "lato_bold",arial;
    display: inline-block;
    margin-right: 10px
}

    .press-btn a:hover {
        background: #444
    }

.twitter a, .facebook a, .linkedin a {
    background: url(../img/social-media-icons.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 5px
}

.facebook a {
    background-position: -30px 0;
}

.linkedin a {
    background-position: -60px 0;
}

    .twitter a:hover, .facebook a:hover, .linkedin a:hover {
        opacity: 0.5;
    }
/*  header  */
.header {
    width: 100%;
    height: 110px;
    background: url(../img/black-transparent-bg.png) repeat 0 0;
    background: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 100
}

    .header .logo {
        float: left;
        margin-top: 21px;
        width: 163px;
        heigth: 35px;
        /*margin-left:30px*/
    }

    .header .menu_icon {
        display: block;
        width: 35px;
        height: 35px;
        background: url('../img/menu_icon.png') no-repeat;
        float: right;
        margin-top: 23px;
        display: none;
    }

    .header .nav {
        overflow: hidden;
        display: inline-block;
        margin: 20px 0 0 40px;
        padding: 13px 40px;
        /*border-left: 1px #666 solid;*/
        z-index: 9999;
        float: right
    }

        .header .nav ul {
            list-style: none;
            display:flex;
            align-items: center;
        }

            .header .nav ul li {
                float: left;
                margin-left: 35px;
                font-size: 16px;
                /*padding-left:40px;
	line-height:30px*/
            }

                .header .nav ul li:first-child {
                    margin-left: 0;
                }

                .header .nav ul li a {
                    text-decoration: none;
                    color: #fff;
                    font-family: 'lato_regular',sans-serif;
                    display: inline-block
                }

                    .header .nav ul li a.pricing {
                        /*border: 1px solid #fff;*/
                        padding: 0 5px;
                        padding: 5px 15px;
                        outline: 1px solid #fff;
                        outline-offset: -1px;
                    }

                    .header .nav ul li a:hover {
                        color: #999;
                    }

                    .header .nav ul li a.active, .header .nav ul li a.active:hover {
                        border-bottom: 1px solid #fff;
                        color: #fff
                    }

ul.lang {
    /*list-style:none;*/
    z-index: 100;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 13px;
    width: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*margin:17px */
}

ul.lang li {
background: #000000db;
}

ul.lang li a {
/*padding:5px;*/
margin: 0 5px 0 0;
/*font-size:12px;*/
color: #666;
margin: 0 0 5px 0;
/*text-decoration:none;*/
font-family: "lato_regular", Arial;
display: block;
*padding: 2px;
width: 30px;
text-align: center
}

ul.lang li a.selected {
    color: #fff
}

.lang-list-item {
    display: none;
}

.lang:hover .lang-list-item {
    display: block;
}

ul.invitation {
    float: right;
    margin-right: 15px;
}
/*  Billboard  */
.billboard {
    background: #343538;
    text-align: center;
    background: url(../img/net/skyline.jpg) no-repeat fixed center top / cover;
    height: auto
}

.apps {
    padding-bottom: 50px
}

.billboard .button {
    width: 160px;
    display: inline-block;
    color: #222;
    text-decoration: none
}

    .billboard .button img {
        margin-top: 5px
    }

.monitor {
    /*padding-top: 130px;*/
    height: 700px;
    margin-bottom: 290px
}

.workstation {
    height: 730px;
    margin-bottom: 130px
}

.webstation {
    height: 750px;
    margin-bottom: 140px
}

.billboard.data {
    background: url(../img/net/market-data.jpg) no-repeat fixed center bottom / cover;
    margin-bottom: 70px;
    *padding: 140px 0 60px 0 /* IE7 */
}

.billboard.webstation {
    background: url(../img/net/skyline-ws2.jpg) no-repeat fixed center center / cover;
}

.monitor-shine {
    position: absolute;
    top: 0px;
    left: 0;
    height: 503px;
    width: 1120px;
    background: url(../img/dual-monitor-shine.png) no-repeat 0 0;
}

.billboard .caption {
    background: url(../img/black-transparent-bg.png) repeat 0 0;
    background: rgba(0,0,0,0.6);
    padding: 10px 40px;
    margin: 160px 0 30px 0;
    display: inline-block;
    *max-width: 800px
}

.billboard p, .billboard h1 {
    font-size: 45px;
    margin-bottom: 5px;
    font-weight: normal;
    color: #fff;
}

.billboard p {
    font-size: 23px;
}

.billboard h1 span, .new-apps .app-icons a {
    font-family: 'lato_bold',sans-serif;
}

.billboard .caption2 {
    background: url(../img/black-transparent-bg.png) repeat 0 0;
    background: rgba(0,0,0,0.8);
    padding: 10px 40px;
    margin: 50px 0 60px 0;
    display: inline-block;
    max-width: 1050px
}

.headline {
    background: url(../img/black-transparent-bg.png) repeat 0 0;
    background: rgba(0,0,0,0.85);
    font-size: 20px;
    position: absolute;
    top: 249px;
    /*left:125px;*/
    padding: 25px 0px;
    width: 100%
}

.video {
    text-align: center;
    margin-top: 30px
}
/*  Services/features  */
.features {
    width: 100%;
    padding-top: 100px;
    background: #efefef;
    background: #343538;
    overflow: hidden;
    *padding: 100px 0 /* IE7 */
}

    .features:nth-child(even) {
        background: #232426
    }

    .features .feature {
        display: block;
        width: 47.5%;
        height: auto;
        float: left;
        margin-right: 5%;
        margin-bottom: 100px;
        text-decoration: none;
    }

        .features .feature:nth-child(even) {
            margin-right: 0;
        }

.feature .ficon {
    display: block;
    /*width: 18.78612716763006%;*/
    float: left;
    margin-right: 2%;
    opacity: 0.7;
    width: 50px;
}

.feature .details_exp {
    display: block;
    float: left;
    width: 88%;
}

.feature h3 {
    margin-bottom: 6px;
    color: #767575;
    color: #ccc;
    font-family: "lato_bold", arial;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
}

.feature p {
    /*margin-bottom: 20px;*/
    color: #9e9e9e;
    color: #888;
    font-family: "lato_regular", arial;
    font-size: 15px;
    line-height: 22px;
}

.feature a {
    color: #848484;
    font-family: "lato_regular", arial;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: .5px;
}

    .feature a:hover {
        color: #353434;
    }

    .feature a span {
        font-family: arial;
        margin-left: 10px;
    }

/*  Info  */
.info {
    overflow: hidden;
    background: #343538;
    padding: 60px 0;
}

    .info:nth-child(even) {
        background: #232426
    }

.info_pic {
    display: block;
    width: 50%;
    float: left;
    text-align: right
}

.info_details {
    font-weight: 300;
    display: block;
    width: 48%;
    margin-right: 4%;
    float: left;
    position: relative;
}

    .info_details.last {
        margin-right: 0
    }

.info h3 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 40px
}

.info_details a {
    color: #fff;
    font-family: "lato_regular", arial;
    font-size: 16px;
    margin: 0 0 0 40px;
    text-decoration: none;
}

.info_details li {
    padding: 12px 0 12px 0px;
    letter-spacing: .5px;
    list-style-image: url(../img/arrow-white.png);
    *list-style-image: none; /*IE7 fix*/
    font-size: 17px;
    margin-left: 30px
}

.info_details ul li ul li {
    list-style-image: url(../img/arrow-small-white.png);
    margin-left: 20px
}

a.link {
    color: #1192cd;
    font-family: "lato_regular", arial;
    font-size: 16px;
    float: left;
    clear: both;
    margin: 20px 0 0 0;
    text-decoration: underline;
    *white-space: nowrap
}

.double-image .info_details img {
    position: absolute;
}

.double-image .info_details {
    height: 350px
}

.info_details img.tl {
    top: 0;
    left: 0;
}

.info_details img.br {
    bottom: 0;
    right: 20px;
    width: 80%
}

.info_details.last img.br {
    width: 60%
}

.info_details img.cc {
    bottom: 10%;
    right: 40px;
    width: 90%
}

.info_details img.full {
    width: 85%
}

.double-image .info_details img {
    width: 70%
}

    .double-image .info_details img.br {
        bottom: 0;
        right: 0
    }

.dark .info_details img {
    position: relative
}

.dark, .dark:nth-child(even) {
    background: #3b3b3b;
    background: #232426;
    background: #2d2d2d;
    color: #b7b7b7;
}

    .dark p {
        margin: 20px 0;
        font-size: 17px
    }

    .dark h3 {
        font-size: 30px
    }

    .dark h4 {
        font-size: 19px;
        font-weight: 300;
        margin: 20px 0
    }

    .dark li {
        list-style-image: url(../img/arrow-white.png);
    }

.column-3, .column-45, .column-4, .column-5, .column-2, .column-23 {
    width: 30%;
    margin-right: 3%;
    display: inline-block;
    vertical-align: top
}

.column-2 {
    width: 48%;
}

.column-23 {
    width: 66%;
}

.column-5 {
    width: 20%;
}

.column-45 {
    width: 76%;
}

.column-4 {
    width: 22%;
}

.column-8 {
    width: 12.5%;
    float: left;
}
/*  About  */
.sep_line {
    display: block;
    width: 13.5px;
    height: 50px;
}

    .sep_line:after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #444;
        margin: 0 auto;
    }

.sep_top {
    border-bottom: 1px #444 solid;
    margin: 0 auto 40px auto;
    *border: none /* IE7 */
}

.sep_bottom {
    border-top: 1px #444 solid;
    margin: 40px auto 0 auto;
    *border: none /* IE7 */
}

.about {
    color: #8e8d8d;
    font-size: 36px;
    line-height: 1.5;
    text-align: center;
}

    .about img {
        width: 60%;
        margin-top: 30px
    }

.description {
    font-size: 16px;
    color: #666;
    color: #999
}

.subheader {
    margin-bottom: 70px
}

.about .small {
    line-height: 28px;
    margin-bottom: 12px;
    margin-top: 24px;
    font-size: 20px;
}

/*  Call To Action Section  */
.cta {
    display: block;
    text-align: center;
    padding: 70px 0;
}

    .cta a.cta_btn, .info_details a.cta_btn {
        display: inline-block;
        padding: 15px 55px;
        background-color: #1192cd;
        color: #fff;
        font-family: "lato_bold", arial;
        font-size: 16px;
        text-decoration: none;
        text-transform: uppercase;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        margin: 10px 0;
        line-height: normal;
        width: auto
    }

        .cta a.cta_btn:hover, .info_details a.cta_btn:hover {
            background: #111;
        }

    .cta a.link {
        font-size: 30px;
        text-decoration: none;
        color: #8e8d8d;
        color: #fff;
        margin: 0;
        background: none;
        text-transform: none;
        font-family: "lato_regular", arial;
        float: none
    }

        .cta a.link:hover {
            color: #1192cd;
            background: none;
            border-color: #1192cd
        }

    .cta p {
        margin: 0 auto 40px auto;
        max-width: 1000px
    }

    .cta h4 {
        margin: 20px auto 10px auto;
        font-size: 22px;
        font-weight: normal
    }

    .cta p > a {
        color: #fff;
    }

.top_btn {
    background: #222326;
    background: #19191b
}

    .top_btn a.cta_btn {
        margin: 10px
    }

        .top_btn a.cta_btn:hover {
            background: #000
        }

.cta a.dark_btn {
    background-color: #646568;
    margin: 5px;
}

.small_btn {
    color: #fff;
    padding: 5px 10px
}

.support_btn {
    position: fixed;
    font-size: 16px;
    right: -41px;
    bottom: 80px;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    background-color: #1192cd;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    font-family: "lato_bold", arial;
}

    .support_btn:hover {
        background: #555;
        padding-top: 30px;
        bottom: 70px;
    }

.request-section {
    background: url("../img/workstation/request-demo-bg.jpg") no-repeat center;
    background-size: cover;
    font-family: "Lato", sans-serif;
    padding: 25px 0;
}

.request-section .wrapp {
    max-width: 1200px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
}

.request-section .wrapp .content {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}

.request-section span {
    color: #fff;
    display: block;
}

.request-section span.title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.request-section span.main-txt {
    font-size: 24px;
    font-weight: 300;
}

.request-section .req-btn {
    display: inline-block;
    padding: 15px 55px;
    background-color: #1192cd;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.request-section .req-btn:hover {
    background: #000;
}

@media \0screen\,screen\9 {
    .support_btn {
        writing-mode: tb-rl;
        right: 0px;
        padding: 20px 10px
    }

        .support_btn:hover {
            padding: 20px 20px 20px 10px;
            bottom: 80px
        }
}

.info_details a.cta_btn {
    background-color: #1192cd;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-family: "lato_bold",arial;
    font-size: 15px;
    padding: 15px 55px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 10px 0 0 0
}

    .info_details a.cta_btn:hover {
        background: #444;
    }
/* Pricing table */
.pricing-table {
    border: 1px solid #ddd;
    border: 1px solid #58595c;
    box-sizing: border-box;
    display: block;
    width: 48%;
    *width: 47%;
    margin-right: 4%;
    float: left;
}

    .pricing-table.last {
        margin-right: 0
    }

    .pricing-table li {
        text-align: center;
        list-style: none;
        padding: 20px 10px;
        background: #fff;
        background: #2b2c2f;
        border-bottom: 1px solid #ddd;
        border-bottom: 1px solid #58595c;
        font-size: 17px
    }

        .pricing-table li.title {
            background: #333;
            background: #58595c;
            font-size: 20px;
            color: #fff
        }

            .pricing-table li.title > span {
                font-size: 36px;
            }

        .pricing-table li.price > span {
            font-size: 60px;
        }

        .pricing-table li > span.subheader {
            color: #999;
            margin-bottom: 10px;
            display: block;
        }

        .pricing-table li > a {
            color: #1192cd;
            line-height: 51px;
        }

        .pricing-table li.list-item p {
            line-height: 51px;
        }

        .pricing-table li.list-item.first p {
            line-height: 72px
        }

.center {
    text-align: center;
    width: 100%
}
/* Carriers */
.carriers {
    padding-top: 30px;
}

.tt_info {
    height: 350px;
    background: #3b3b3b;
    box-sizing: border-box;
    padding-top: 50px;
}

    .tt_info .about {
        color: #ccc;
    }

    .tt_info small {
        display: block;
        margin-bottom: 10px;
    }

.i_frame {
    background: #f5f5f5;
}

    .i_frame #psJobWidget {
        margin: 0 auto;
        max-width: 1280px;
        padding-top: 70px;
        padding-bottom: 70px;
    }

.tt_benefits {
    height: 350px;
    background: #2b2c2f;
    color: #888;
    padding-top: 70px;
    box-sizing: border-box;
}

    .tt_benefits .wrapper {
        display: flex;
        justify-content: space-around;
    }

    .tt_benefits p {
        margin-top: 20px;
        line-height: 24px;
    }

    .tt_benefits .tt_gym, .tt_library, .tt_kitchen {
        width: 19%;
        text-align: center;
        float: left;
        font-size: 22px;
    }
/*slider*/
.mySlides {
    display: none
}

.w3-animate-left {
    position: relative;
    animation: animateleft 0.6s;
}

@keyframes animateleft {
    from {
        opacity: 0.5
    }

    to {
        opacity: 1
    }
}

.w3-badge {
    height: 13px;
    width: 13px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0 15px;
}

.w3-content {
    margin: auto;
    position: relative;
}

.w3-section, .w3-code {
    margin-top: 16px;
    margin-bottom: 35px;
}

.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
}

.w3-center {
    text-align: center !important;
}

.w3-white, .w3-hover-white:hover {
    color: #000 !important;
    background-color: #fff !important;
}

img.responsive {
    widows: 100%;
    height: auto;
}
/*slider-end*/
.w3-content .wrapper {
    position: absolute;
    bottom: 100px;
    color: #fff;
    font-size: 22px;
    left: 50%;
    width: 1280px;
    transform: translateX(-50%);
    text-align: center;
}

    .w3-content .wrapper span {
        font-weight: bold;
    }

.office .caption {
    position: absolute;
    top: 105px;
    left: 50%;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 15px 100px;
    font-size: 45px;
    transform: translateX(-50%);
}
/*  Footer  */
.footer {
    padding: 50px 0;
    background: #121314;
    text-align: center;
}

    .footer .rights {
        color: #fff;
        font-family: "lato_regular", arial;
        font-size: 14px;
        margin-top: 30px;
        line-height: 25px;
    }

    .footer a {
        font-family: 'lato_bold', arial;
        color: #fff;
        font-size: 14px;
    }

        .footer a:hover {
            color: #999
        }

#imprintlink, #termslink {
    font-family: "lato_regular", arial;
    text-decoration: underline
}

.two-columns {
    display: block;
    float: left;
    margin-right: 4%;
    position: relative;
    width: 48%;
}

.last {
    margin-right: 0;
}

.imprint {
    padding-top: 110px;
    padding-bottom: 0;
    text-align: center;
}

    .imprint p {
        line-height: 1.4
    }

    .imprint .wrapper {
        padding: 20px 40px
    }

    .imprint h1 {
        font-size: 24px;
    }

.legalNotice {
    padding-top: 110px;
    padding-bottom: 0;
    font-size: 80%
}

    .legalNotice p {
        font-size: 14px
    }
/* press release */
.news {
    padding: 110px 0 0 0;
    width: 650px;
    margin: 0 auto
}

#newsDialog {
    padding: 30px 50px 50px 50px
}

    #newsDialog h1, .news h1 {
        font-family: "lato_light",Arial;
        color: #666;
        padding: 0;
        font-size: 24px;
        font-weight: normal;
        text-transform: uppercase
    }

.news h1 {
    text-align: center
}

#newsDialog h2, .news h2 {
    font-family: "lato_light",Arial;
    padding-bottom: 5px;
    font-size: 23px;
    font-weight: normal
}

#newsDialog .date-source, .news .date-source {
    color: #999;
    font-size: 14px
}

#newsDialog p, .news p {
    padding: 20px 0;
    line-height: 1.4
}

.news p {
    font-size: 14px
}

#newsDialog .article, .news .article {
    width: 65%;
    /*float:left;*/
    display: inline-block
}

.news .article {
}

#newsDialog .article-image, .news .article-image {
    display: inline-block;
    width: 34%;
    text-align: right;
    margin: 0;
    vertical-align: top
}

#newsDialog a, .news a {
    font-size: 14px;
    margin-right: 10px;
    color: #999;
    white-space: nowrap
}

    #newsDialog a.link {
        color: #1192cd;
        text-align: center;
        float: none;
        display: block
    }

#newsDialog img, .news img {
    width: 177px
}

.article-wrapper {
    padding: 50px 0 40px 0;
    clear: both
}

#dataUniverse {
    padding-bottom: 40px;
}
/*  Responsive code  */
@media (max-width:1500px) {
    .w3-content .wrapper {
        font-size: 18px;
        width: 90%;
        bottom: 60px;
    }

    .office .w3-section {
        margin-bottom: 25px;
    }

    .office .caption {
        font-size: 40px;
        padding: 10px 70px;
    }
}

@media (max-width:1300px) {
    .wrapper {
        padding: 0 40px;
    }
}

@media (max-width:1200px) {
    .feature .ficon {
        margin-bottom: 5px;
        margin-right: 5%
    }

    .workstation {
        height: 650px;
        margin-bottom: 140px;
    }

    .webstation {
        height: 680px;
        margin-bottom: 130px;
    }

    .monitor-shine {
        background-size: 950px 416px;
        height: 416px;
        width: 950px;
    }

    .w3-content .wrapper {
        font-size: 18px;
        width: 90%;
        bottom: 60px;
    }

    .office .w3-section {
        margin-bottom: 20px;
    }

    .office .caption {
        font-size: 36px;
        padding: 10px 70px;
    }
}

@media (max-width:1060px) {
    .header .nav ul li {
        font-size: 13px;
    }
}

@media (max-width:1000px) {
    .pricing-table li > a, .pricing-table li.list-item p, .pricing-table li.list-item.first p {
        line-height: 1.5
    }

    .pricing-table li.list-item > a {
        line-height: 51px
    }

    .workstation {
        height: 610px;
        margin-bottom: 120px;
    }

    .webstation {
        height: 640px;
        margin-bottom: 120px;
    }

    .monitor-shine {
        background-size: 850px 372px;
        height: 372px;
        width: 850px;
    }

    .header .nav ul li {
        font-size: 13px;
    }
}

@media (max-width:960px) {
    .header .logo {
        float: none;
    }

    .header .menu_icon {
        display: block;
    }
    /* carrier slider */
    .office .w3-content {
        height: 350px;
        overflow: hidden;
    }

    .office {
        height: 280px;
    }

    img.responsive {
        width: 974px !important;
        height: 350px;
        position: absolute;
        max-width: 974px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .w3-badge {
        margin: 0 10px;
    }

    .office .caption {
        padding: 8px 45px;
        font-size: 32px;
        top: 90px;
    }

    .w3-content .wrapper {
        font-size: 16px;
        bottom: 40px;
        width: 90%;
    }

    .header .nav {
        display: block;
        background: #343538;
        margin: 55px 80px 0 0;
        padding: 0;
        border-left: 0;
        border: 1px #666 solid;
        overflow: hidden;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0px;
        z-index: 9999;
        display: none;
        max-width: 380px;
    }

        .header .nav.show_menu {
            display: block;
        }

        .header .nav ul li {
            margin: 0;
            width: 100%;
            border-bottom: 1px #666 solid;
        }

            .header .nav ul li:last-child {
                border-bottom: 0;
            }

        .header .nav ul li {
            display: block;
            width: 100%;
            padding: 20px 0;
        }

    .office .w3-section {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 960px) {
    .header .nav ul {
        display: block;
    }

}

@media only screen and (max-width: 900px) {
    .request-section .wrapp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .req-btn {
        margin-top: 30px;
    }
}

@media (max-width:880px) {

    .features .feature, .features .feature:nth-child(3n) {
        width: 46.66666666666667%;
        margin-right: 6.666666666666667%;
    }

        .features .feature:nth-child(2n+2) {
            margin-right: 0;
        }

    .info_details, .info_pic, #t_navigation, .pricing-table {
        width: 100%
    }

        .info_details.last {
            margin-top: 50px
        }

    .double-image h3 {
        margin-top: 50px
    }

    .info_details img.full {
        width: 100%;
        margin-top: 30px
    }

    .news .info_details.last, .pricing-table.last {
        margin-top: 40px
    }

    .dark img {
        margin: 50px 0 -50px 0
    }

    #charts .info_details img {
        margin-top: 50px
    }

    #techanal .info_details img {
        margin-bottom: 50px
    }

    .double-image .info_details {
        height: 400px
    }

    .pricing-table li > a, .pricing-table li.list-item p, .pricing-table li.list-item > a, .pricing-table li, .pricing-table li.list-item.first p {
        line-height: normal
    }

    .monitor {
        height: 580px;
        margin-bottom: 230px
    }

    .workstation {
        height: 530px;
        margin-bottom: 120px;
    }

    .webstation {
        height: 560px;
        margin-bottom: 120px;
    }

    .headline {
        top: 89px;
    }

    .monitor-shine {
        background-size: 650px 284px;
        height: 284px;
        width: 650px;
    }

    .column-3, .column-5, .column-45, .column-4 {
        width: 100%;
        margin-right: 0;
    }

    .ui-accordion .column-4 ul {
        margin-bottom: 10px
    }

    .column-8 {
        width: 19.5%;
    }

    .apps .new-apps .app-icons {
        padding: 0;
    }
}

@media (max-width:700px) {
    #newsDialog .article, .news .article {
        width: 100%;
    }

    #newsDialog .article-image, .news .article-image {
        width: 100%;
        text-align: left;
        margin-top: 20px
    }

    .news {
        width: 100%
    }

    .column-8 {
        width: 32.5%;
    }
}

@media (max-width:650px) {
    .workstation, .webstation {
        height: 530px;
        margin-bottom: 110px;
    }

    .monitor-shine {
        background-size: 500px 219px;
        height: 219px;
        width: 500px;
    }

    .about .small {
        font-size: 17px;
    }

    .tt_info {
        height: auto;
        padding-top: 20px;
    }

        .tt_info .wrapper .about {
            margin-bottom: 0;
            ;
        }

    .carriers .tt_info .wrapper {
        padding-bottom: 20px;
    }

    .tt_benefits .tt_kitchen, .tt_benefits .tt_gym, .tt_benefits .tt_library {
        font-size: 17px;
    }
}

@media (max-width:500px) {
    .wrapper {
        padding: 0 20px;
    }

    .header .nav {
        margin: 55px 60px 0 0;
    }

    .features .feature, .features .feature:nth-child(3n) {
        width: 100%;
        margin-right: 0;
    }

    .cta a.cta_btn {
        width: 100%;
        margin: 10px 0;
        padding: 20px 0
    }

    .cta {
        padding: 70px 20px
    }

        .cta .wrapper {
            padding: 0
        }

    .pricing-table li.cta {
        padding: 10px 20px
    }

    .cta a.link {
        font-size: 20px;
        padding: 20px
    }

    .double-image .info_details img {
        width: 90%
    }

    .double-image .info_details {
        height: 500px
    }

    .monitor {
        height: 550px;
        margin-bottom: 180px
    }

    .workstation {
        height: 485px;
        margin-bottom: 100px;
    }

    .webstation {
        height: 510px;
        margin-bottom: 100px;
    }

    .headline {
        top: 300px;
    }

    .monitor-shine {
        background-size: 320px 140px;
        height: 140px;
        width: 320px;
    }

    .billboard .caption {
        padding: 10px 20px
    }

    .feature .ficon {
        float: none;
        margin: 0 auto 5px auto;
    }

    .feature .details_exp {
        text-align: center;
        width: 100%;
    }

    .column-8 {
        width: 45%;
    }

    .billboard .new-apps h1 {
        font-size: 42px;
    }

    .new-apps .app-icons {
        flex-wrap: wrap;
    }

    .apps .new-apps .app-icons a {
        width: 50%;
    }

    .tt_benefits .tt_kitchen, .tt_benefits .tt_gym, .tt_benefits .tt_library {
        width: 100%;
        margin-bottom: 30px;
    }

    .carriers .tt_benefits .wrapper {
        display: block;
        overflow: hidden;
    }

    .carriers .tt_benefits {
        height: auto;
        padding-top: 40px;
    }
}

/* IE 7 and IE8 only support */
@media \0screen\,screen\9 {
    .billboard {
        background: url(../img/net/skyline.jpg) no-repeat fixed center top;
    }

        .billboard.data {
            background: url(../img/net/marketdata.jpg) no-repeat fixed center bottom;
        }

        .billboard.webstation {
            background: url(../img/net/skyline-ws2.jpg) no-repeat fixed center center;
        }
}



.top_btn .cta_btn.orange_btn,
.info_details .cta_btn.orange_btn {
    background-color: #f9a33a;
}

.exchanges-list li {
    background: url(../img/cryptostation/sprite-crypto-exchanges.png) no-repeat scroll 0 0;
    float: left;
    list-style: none;
    text-indent: -9000em;
    height: 30px;
    width: 80%;
    margin-bottom: 17px;
}

    .exchanges-list li.exch-bitstamp {
        background-position: 0 0;
    }

    .exchanges-list li.exch-btcchina {
        background-position: -141px 0px;
    }

    .exchanges-list li.exch-bitfinex {
        background-position: -267px 0;
    }

    .exchanges-list li.exch-exmo {
        background-position: -932px -176px;
    }

    .exchanges-list li.exch-lakebtc {
        background-position: -390px 0;
    }

    .exchanges-list li.exch-okcoin {
        background-position: -520px 0;
    }

    .exchanges-list li.exch-huobi {
        background-position: -649px 0;
    }

    .exchanges-list li.exch-huobipro {
        background-position: -522px -88px;
    }

    .exchanges-list li.exch-btcmarkets {
        background-position: -790px -176px;
    }

    .exchanges-list li.exch-kraken {
        background-position: -786px 0;
    }

    .exchanges-list li.exch-coinbase {
        background-position: -920px 0;
    }

    .exchanges-list li.exch-gemini {
        background-position: -1051px 0;
    }

    .exchanges-list li.exch-poloniex {
        background-position: 0 -88px;
    }

    .exchanges-list li.exch-bithumb {
        background-position: -142px -88px;
    }

    .exchanges-list li.exch-cexio {
        background-position: -271px -88px;
    }

    .exchanges-list li.exch-coinfloor {
        background-position: -403px -88px;
    }

    .exchanges-list li.exch-okex {
        background-position: -654px -86px;
    }

    .exchanges-list li.exch-liqui {
        background-position: -1063px -176px;
    }

    .exchanges-list li.exch-hitbtc {
        background-position: -931px -81px;
    }

    .exchanges-list li.exch-korbit {
        background-position: -1055px -83px;
    }

    .exchanges-list li.exch-binance {
        background-position: 0 -176px;
    }

    .exchanges-list li.exch-cryptopia {
        background-position: -138px -176px;
    }

    .exchanges-list li.exch-coinone {
        background-position: -266px -176px;
    }

    .exchanges-list li.exch-zaif {
        background-position: -410px -176px;
    }

    .exchanges-list li.exch-bitfleyer {
        background-position: -535px -176px;
    }

    .exchanges-list li.exch-bitbank {
        background-position: -664px -176px;
    }

.cryptocoins-list li {
    background: url(../img/cryptostation/sprite-cryptocoins.png) no-repeat scroll 0 0;
    padding: 0 0 0 38px;
    list-style: none;
    height: 32px;
    margin-bottom: 10px;
    line-height: 32px;
}

    .cryptocoins-list li.coin-bitcoin {
        background-position: 0 -32px;
    }

    .cryptocoins-list li.coin-ethereum {
        background-position: 0 -64px;
    }

    .cryptocoins-list li.coin-ripple {
        background-position: 0 -96px;
    }

    .cryptocoins-list li.coin-bitcoin-cach {
        background-position: 0 -128px;
    }

    .cryptocoins-list li.coin-eos {
        background-position: 0 -160px;
    }

    .cryptocoins-list li.coin-litecoin {
        background-position: 0 -192px;
    }

    .cryptocoins-list li.coin-cardano {
        background-position: 0 -224px;
    }

    .cryptocoins-list li.coin-stellar {
        background-position: 0 -256px;
    }

    .cryptocoins-list li.coin-iota {
        background-position: 0 -288px;
    }

    .cryptocoins-list li.coin-tron {
        background-position: 0 -320px;
    }

    .cryptocoins-list li.coin-neo {
        background-position: 0 -352px;
    }

    .cryptocoins-list li.coin-monero {
        background-position: 0 -384px;
    }

    .cryptocoins-list li.coin-dash {
        background-position: 0 -416px;
    }

    .cryptocoins-list li.coin-nem {
        background-position: 0 -448px;
    }

    .cryptocoins-list li.coin-vechain {
        background-position: 0 -480px;
    }

    .cryptocoins-list li.coin-bytecoin {
        background-position: 0 -512px;
    }

    .cryptocoins-list li.coin-ethereum-classic {
        background-position: 0 -544px;
    }

    .cryptocoins-list li.coin-icon {
        background-position: 0 -576px;
    }

    .cryptocoins-list li.coin-qtum {
        background-position: 0 -608px;
    }

    .cryptocoins-list li.coin-binance-coin {
        background-position: 0 -640px;
    }

    .cryptocoins-list li.coin-omisego {
        background-position: 0 -672px;
    }

    .cryptocoins-list li.coin-zilliqa {
        background-position: 0 -704px;
    }

    .cryptocoins-list li.coin-lisk {
        background-position: 0 -736px;
    }

    .cryptocoins-list li.coin-zcash {
        background-position: 0 -768px;
    }

    .cryptocoins-list li.coin-0x {
        background-position: 0 -800px;
    }

    .cryptocoins-list li.coin-bitcoin-gold {
        background-position: 0 -832px;
    }

    .cryptocoins-list li.coin-bitshares {
        background-position: 0 -864px;
    }

    .cryptocoins-list li.coin-waves {
        background-position: 0 -896px;
    }

    .cryptocoins-list li.coin-siacoin {
        background-position: 0 -928px;
    }

    .cryptocoins-list li.coin-komodo {
        background-position: 0 0;
    }

    #contactForm #rfvCaptcha.error{
    border: none;
    color: red;
    font-size: 12px;
}