<!DOCTYPE html><html><!--<![endif]--><head><meta charset="UTF-8" />
<!--TITLE-->
<title>CoolStreaming APP Mobile - IOS & Android</title>
<meta name="description" content="Watch Internet Tv on CoolStreaming App. The best application for iphone,ipod,ipad,android,tablet,connect tv!. Over 1000 channels update any day." />
<link rel="canonical" href="https://mobile.coolstreaming.us/" />
<LINK REL="shortcut icon" HREF="https://www.coolstreaming.us/favicon.ico">

<!--META TAGS-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

<!--FONT AWESOME-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!--GOOGLE FONTS-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@700;800;900&family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 

<!--EXTERNAL STYLE SHEET-->
</head>
<style>
*{
box-sizing:border-box;
}

:root{
--white:#FFF;
--primary:#5693d5;
}

body{
width:100vw;
height:100vh;
margin:0;
overflow:hidden !important;
font-family: 'Source Sans 3', sans-serif !important;
background: linear-gradient(rgba(1,1,1,.7), rgba(1, 1, 1, 0.6)), url("https://www.coolstreaming.plus/OIG31.jpg");
background-position:center;
background-size:cover;
display:flex;
align-items:center;
justify-content:center;
color:var(--white);
position:relative;
}

.content{
width:70%;
text-align:center;
}

.content .logo{
width:13%;
position:absolute;
top:1rem;
left:2vw;
}

.content h1{
font-size:4.5em;
font-family: 'Raleway', sans-serif;
font-weight:900;
}

.content h2{
position:relative;
top:-30px;
font-weight:200;
}

.content .social_icons{
position:fixed;
right:2vw;
bottom:2vh;
}

.content .social_icons:before{
content:"";
width:1px;
height:100%;
background-color:var(--white);
position:absolute;
top:-100%;
}

.content .social_icons a{
margin:10px 0px;
color:var(--white);
display:block;
text-decoration:none;
font-size:1.5em;
transition:0.5s;
}

.content .social_icons a:hover{
color:var(--primary);
}


.arrow {
text-align: center;
margin: 1% 0;
}
.arrow .fa{
color:var(--white);
font-weight:200;
text-decoration:none;
}
.bounce {
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}


.content .button{
position:relative;
top:-10px;
}

.searchBox {
position: absolute;
top: 50%;
left: 50%;
transform:  translate(-50%,50%);
border-radius: 40px;
padding: 5px 10px;
display:flex;

}


.searchButton {
color: white;
float: right;
width: auto;
padding:10px 20px;
border-radius:40px;
background:transparent;
display: flex;
justify-content: center;
align-items: center;
transition: 0.4s;
border:0;
font-style:normal !Important;
font-weight:600;
text-align:center;
border:1px solid var(--white);
}

.searchInput {
border:none;
background: none;
outline:none !important;
float:left;
padding: 0;
color: white;
font-size: 16px;
transition: 0.4s;
width: 0px;
}

@media screen and (max-width: 1020px) {
.content h1{
font-size:2em;
}
.content h2{
position:relative;
top:-10px;
}
}

@media screen and (max-width: 820px) {
.content{
width:100%;
padding:1rem;
}
.content .logo{
width:20%;
}
.content h1{
font-size:1.5em;
}
.content h2{
position:relative;
top:-10px;
}
.content .social_icons{
position:absolute;
width:100%;
right:0vw;
bottom:1vh;
display:flex;
align-items:center;
justify-content:center;
}

.content .social_icons a{
margin:0 15px;
}

.content .social_icons:before{
content:"";
width:0px;
height:0%;
top:00%;
}

}
</style>
<body>
<div class="content">
<img src="https://www.coolstreaming.plus/assets/global/logo.png" width="90" height="90" class="logo3" alt="LOGO.">
<h1>COOLSTREAMING APP</h1>
<h2>Watch your prefer web tv / radio now on IOS & Android.</h2>
<div class="arrow bounce">
<a class="fa fa-arrow-down" href="#"></a>
</div>
<section class="button">
<div class="searchBox">
<a href="https://mobile.coolstreaming.us/blog/diretta-tv/"><button class="searchButton" >LAUNCH WEB APP</button></a>
</div>
</section>
<section class="social_icons">
<a href="https://facebook.com/csofficial" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/csofficial_tw" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
</section>
</div>
</body>
<script type="text/javascript" src="https://ads.vidoomy.com/coolstreamingus_13745.js" async></script>
</html>
  