body{
    color:#263238;
    font-size:large;
    font-family:'myspeed', 'myspeed-bold', arial, sans-serif;
    -webkit-font-smoothing:antialiased;
}

html, body{
    height:100%;
    overflow: hidden;
}

.jumbotron{
  margin-bottom: 0;
  background-color: #fff;
}

a{
    color:#263238;
}

a:hover, a:active, a:focus{
    text-decoration:none;
    color:#388E3C;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

@font-face{font-family: 'myspeed';
    src: url('../fonts/roboto-condensed/regular/regular.eot');
    src: url('../fonts/roboto-condensed/regular/regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-condensed/regular/regular.woff2') format('woff2'),
        url('../fonts/roboto-condensed/regular/regular.woff') format('woff'),
        url('../fonts/roboto-condensed/regular/regular.ttf') format('truetype'),
        url('../fonts/roboto-condensed/regular/regular.svg#2ip') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

::selection{
    background:#0277BD;
    color:#fff;
}

.t3-mainbody .t3-content .item-page_speedtest svg {
    height: 100%;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .border-1 {
    border: 15px solid #001a36;
    border-radius: 50%;
    position: relative;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .border-1::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .border-1.shadow {
    box-shadow: 0 8px 10px -6px #263238;
}

.t3-mainbody .t3-content .item-page_speedtest .border-2 {
    background-clip: padding-box;
    background-image: radial-gradient(circle farthest-corner at center center , #fefefe, #e0e0e0);
    border: 8px solid #bdbdbd;
    border-radius: 50%;
}

.t3-mainbody .t3-content .item-page_speedtest .wrapp {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .scale {
    padding: 2%;
}

.t3-mainbody .t3-content .item-page_speedtest .speedo-arrow {
    left: 0;
    opacity: 0.95;
    position: absolute;
    top: 47.8%;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .content {
    text-align: center;
}

.t3-mainbody .t3-content .item-page_speedtest .content .realtime {
    padding: 35% 0;
    text-align: center;
    z-index: 2;
}

.t3-mainbody .t3-content .item-page_speedtest .content .realtime #tool-status,
.t3-mainbody .t3-content .item-page_speedtest .content .realtime #tool-metrics {
    font-family: "myspeed-light";
    font-size: 110%;
    font-weight: bold;
}

.t3-mainbody .t3-content .item-page_speedtest .content .realtime #tool-speed {
    font-family: "Digital dream";
    font-size: 300%;
    margin: 0 0 -5px;
}

.t3-mainbody .t3-content .item-page_speedtest .content .img-logo {
    width: 150px;
    margin:0 auto;
}

.t3-mainbody .t3-content .item-page_speedtest .content .ready {
    padding: 45% 31%;
}

.t3-mainbody .t3-content .item-page_speedtest .content .button {
    -moz-user-select: none;
    background: #2196F3 linear-gradient(to bottom, #4fc3f7 0%, #2196F3 92%, #0288d1 100%) repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    outline: 0 none;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .content .button span {
    position: relative;
}

.t3-mainbody .t3-content .item-page_speedtest .content .button::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2196F3 0%, #0288d1 100%) repeat scroll 0 0;
    border-radius: 4px;
    bottom: 1px;
    box-shadow: 0 -0.085em 0 0 rgba(61, 38, 35, 0.4) inset, 0 0 3px 0 rgba(254, 255, 187, 0.5) inset;
    content: "";
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
}

.t3-mainbody .t3-content .item-page_speedtest .content .button:hover::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4fc3f7 0%, #0288d1 100%) repeat scroll 0 0;
}

.t3-mainbody .t3-content .item-page_speedtest .content .button:active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4fc3f7 0%, #2196F3 8%, #0288d1 100%) repeat scroll 0 0;
}

.t3-mainbody .t3-content .item-page_speedtest .content .button:active::before {
    box-shadow: 0 2px 4px 0 rgba(2, 52, 0, 0.2) inset;
}

.t3-mainbody .t3-content .item-page_speedtest .content .button:active span {
    top: 3px;
}

.t3-mainbody .t3-content .item-page_speedtest .content .text {
    bottom: 20px;
    position: absolute;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .content .text {
    bottom: 20px;
    position: absolute;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .content .subscr-mess{
    width:250px;
    margin:24px auto;
    font-size: 17px;
    color:#F44336;
}

.t3-mainbody .t3-content .item-page_speedtest .up-icon {
    color: #2196F3;
    margin-right: 5px;
}

.t3-mainbody .t3-content .item-page_speedtest .down-icon {
    color: #4CAF50;
    margin-right: 5px;
}

.t3-mainbody .t3-content .item-page_speedtest .status-bar {
    height: 50px;
    width: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area {
    font-size: 100%;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .results {
    border-bottom: 1px solid #cfd8dc;
    margin: 12px 0;
    padding-bottom: 10px;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .results.info {
    border-bottom: medium none;
    color: #78909c;
    font-size: 120%;
    margin-top: 0;
    position: relative;
    top: 10px;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .results .fa.fa-arrows-h {
    color: #ff5722;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .results .data {
    font-family: "myspeed-bold";
    font-size: 200%;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .results .data.ping {
    color: #ff5722;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .results .data.download {
    color: #4CAF50;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .results .data.upload {
    color: #2196F3;
}

.t3-mainbody .t3-content .item-page_speedtest .result-area .header {
    color: #78909c;
    position: relative;
    top: 20px;
}

.t3-mainbody .t3-content .item-page_speedtest .speed-result {
    margin-top: 30px;
}

.t3-mainbody .t3-content .item-page_speedtest .speed-result ul {
    margin: 7px 0 0;
}

.t3-mainbody .t3-content .item-page_speedtest .speed-result .fa {
    color: #ff5722;
    font-size: 130%;
    top: 1px;
}

.t3-mainbody .t3-content .item-page_speedtest .speed-result .fa.fa-clock-o {
    margin-right: 0;
    top: 2px;
}

.t3-mainbody .t3-content .item-page_speedtest .speed-result table.table a {
    border-bottom: 1px solid #b0bec5 !important;
    color: #263238;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.t3-mainbody .t3-content .item-page_speedtest .speed-result table.table a:hover {
    border-bottom: 1px solid #ff5722 !important;
    color: #ff5722;
    text-decoration: none;
}

.t3-mainbody .t3-content .item-page_speedtest .ratinglink {
    font-size: 110%;
    margin-bottom: 20px;
    margin-top: 15px;
}

.t3-mainbody .t3-content .item-page_speedtest .ratinglink .fa {
    color: #ff5722;
    font-size: 140%;
    top: 3px;
}

.t3-mainbody .t3-content .item-page_speedtest .ratinglink a {
    border-bottom: 1px solid #b0bec5 !important;
    color: #263238;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.t3-mainbody .t3-content .item-page_speedtest .ratinglink a:hover {
    border-bottom: 1px solid #ff5722 !important;
    color: #ff5722;
    text-decoration: none;
}

.myspeed .t3-mainbody {
    top: 0;
}

.myspeed .t3-mainbody .t3-content .element {
    border: 2px solid #cfd8dc;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 6px 0;
}
.myspeed .t3-mainbody .t3-content .element .fa {
    color: #78909c;
    left: -5px;
    top: 1px;
}

.myspeed .t3-mainbody .t3-content .element a {
    border-bottom: 1px solid #b0bec5 !important;
    color: #263238;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.myspeed .t3-mainbody .t3-content .element a:hover {
    border-bottom: 1px solid #ff5722 !important;
    color: #ff5722;
    text-decoration: none;
}

.myspeed .t3-mainbody .t3-content .result-area .results {
    border-bottom: 0 none;
    margin: 0;
    padding-bottom: 0;
}

.myspeed .t3-mainbody .t3-content .text {
    bottom: 15px !important;
    font-size: 125% !important;
}

.myspeed .t3-mainbody .t3-content .text .site a {
    color: #ff5722;
}

.myspeed .t3-mainbody .t3-content .text .site a:hover {
    opacity: 0.7;
}

.myspeed .t3-mainbody .t3-content .text .powerd {
    color: #78909c;
    font-size: 50%;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .container {
        width: 1285px;
    }
}

@media screen and (max-width: 767px) {
    .t3-mainbody .t3-content .item-page_speedtest .border-1 {
        border: 10px solid #001a36;
    }
    .t3-mainbody .t3-content .item-page_speedtest .border-2 {
        border: 5px solid #bdbdbd;
    }
    .t3-mainbody .t3-content .item-page_speedtest .content .realtime #tool-status, 
    .t3-mainbody .t3-content .item-page_speedtest .content .realtime #tool-metrics {
        font-size: 4vw;
    }
    .t3-mainbody .t3-content .item-page_speedtest .content .realtime #tool-speed {
        font-size: 10vw;
        margin: 1.5vw 0;
    }
    .t3-mainbody .t3-content .item-page_speedtest .content .button {
        font-size: 3vw;
    }
    .t3-mainbody .t3-content .item-page_speedtest .content .text {
        bottom: 5vw;
        font-size: 3vw;
    }
    .t3-mainbody .t3-content .item-page_speedtest .content .img-logo {
        width: 100px;
        margin:0 auto;
    }
}