@import url(https://fonts.googleapis.com/css?family=Raleway:b);
@import url(https://fonts.googleapis.com/css?family=Roboto:Thin);
@import url(https://fonts.googleapis.com/css?family=Roboto:b);

body {
	font-family: "Roboto", sans-serif;
	text-align: left;
 }
/*navbar style*/
.navbar{
	height: 10%;
	background-color: #3d98d1 ;
}

 .md-invisible{
 	display: none;
 }

  #skysafe-body .navbar-header{
 	width: 100% ;
 }

 #skysafe-body .navbar-nav{
 	margin-top: 45px;
 	float:right;
 }

#skysafe-body li.nav-item{
	margin-left: 20px;
}

#skysafe-body a.nav-link{
	color: white;
	text-transform: uppercase;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-weight: 600;

}

#skysafe-body a.nav-link:hover,#skysafe-body a.nav-link:active{
	color: #162b88;
	text-decoration: none;

}
/*End navbar style*/

#intro{
	width: 100%;
	height: 80vh;
}

#skysafe-body .row {
	margin: 0px;
}

#Ebook-section{
	width: 100%;
	height: 20vh;
}

.blue{ 
	background-color: #3d98d1;
	color: white;
} 

.grey{
	background-color: #cfcfcf;
	color: #4c4c4c;
}

#skysafe-body button{
	width: 220px;
	height: 46px;
	border-radius: 25px;
	font-size:12px;
	text-align: center;
 	font-family: "Roboto", Arial, Helvetica, sans-serif;
 	font-weight: bold;
}

.white-button{
 	background-color: white;
 	border:none;
 	color: #3d98d1;

 }

 .white-button:hover{
 	background-color: transparent;
 	border: 2px solid white;
 	color: white;
 }

 .grey-button{
 	background-color: #fff;
 	border: 2px solid #4c4c4c;
 	color: #4c4c4c;
 }

  .grey-button:hover{
 	background-color: #4c4c4c;
 	border: none;
 	color: #cfcfcf;
 }

 .blue-button{
 	background-color: #3d98d1 ;
 	border:none;
 	color: white;
 }

 .blue-button:hover{
 	background-color:transparent;
 	border: 2px solid  #3d98d1 ;
 	color:  #3d98d1 ;
 
 }

 .server, .server-Plus, .server-Light, .endpoint{
	margin-top: 15px;
}

.server-Light{
	margin-bottom: 15px;
}

 .table{
 	border: 1px solid #3d98d1;
 	border-radius: 20px;
 	padding: 27.5px;
 	margin-top: 30px;
 	margin-bottom: 0px;
 }

 .Best-package {
	margin-top: 10px;
	padding: 27.5px;
	padding-top: 50px;
	padding-bottom: 30px;
	background:  #3d98d1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #3d98d1, #162b88); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #3d98d1,  #162b88); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #3d98d1,  #162b88); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #3d98d1,  #162b88); /* Standard syntax */
}

#skysafe-body p.Best-package{
	color: white;
}

li.header, p.price-text, p.price-label{
	text-align: center;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-weight: "bold";
}

.table hr{
 	border: 0.5px solid #3d98d1;
 }

 hr.hr-best-price{
	border: 0.5px solid white;
}


 li.header{
 	color: #3d98d1;
 	font-weight: bold;
 }


 #skysafe-body .columns{
 	padding-right: 5px;
 	padding-left: 5px;
 }

 p.included-functions, p.excluded-functions, p.price-text, p.price-label, p.details{
	color: #3d98d1;
	
}

.Best-package p.included-functions, .Best-package  p.excluded-functions, .Best-package  p.price-text, .Best-package  p.price-label, .Best-package  p.details,  .Best-package li.header{
	color: white;

}

.table p.Best-price{
	color: white;
}

.container-for-price{
 	margin-top: 50px;
 	margin-bottom: 50px;

 }

 #skysafe-body .glyphicon {
	font-size: 12px;
}

li {
	list-style-type: none;
}

#skysafe-body span.moeda{
	font-size:20px;
	font-family: "Roboto Regular",  Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

#skysafe-body h1{
 	margin-bottom: 0px;
 	font-family: Arial, Helvetica, sans-serif;
 	color: white;
 	font-weight: bold;
 }

  iframe{
 	margin:40px 0px;
 	height: 600px;
 }

#skysafe-body h2{
 	margin-top: 10px;
 	font-family: "Roboto",  Arial, Helvetica, sans-serif;
 	font-weight: bold;
 }

 #skysafe-body h3{
 	font-family: "Roboto",  Arial, Helvetica, sans-serif;
 	font-weight: normal;
 	text-align: left;
 }

 #skysafe-body  h4{
 	font-family: "Roboto Regular",  Arial, Helvetica, sans-serif;
 }

  h4.titles{
 	margin-top: 75px;
}

 #skysafe-body .bottom-space{
 	margin-bottom: 200px;
 }

 #planos-container h4.titles{
 	color:#3d98d1;
 }

 #beneficios-container img{
	display: block;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 30px;
}

#skysafe-body li{
	margin-bottom: 10px;
}

#skysafe-body #Form{
	margin-top: 80px;
	padding-top:70px;
}

#skysafe-body h5{
	font-family: "Roboto",  Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

#skysafe-body p{
	font-family: "Roboto Regular",  Arial, Helvetica, sans-serif;
	font-weight: normal;
}	

#skysafe-body p#download {
	font-family: "Roboto Regular", Arial, Helvetica, sans-serif;
}	

  #skysafe-body  p.price-text{
 	font-family: "Roboto",  Arial, Helvetica, sans-serif;
 }

p.excluded-functions{
	opacity: 0.75;
}


#caracteristicas-container img{
	display: block;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 30px;

}

@media only screen and (max-width: 320px) {
	#img1{
		width: 60%;
		display: block;
		margin:auto;
		margin-top:15vh;
	}
}



@media only screen and (max-width: 767px) {

	#intro{
		height: 85vh;
	}

	#intro.obrigado{
		height: 75vh;
	}

	.obrigado #img1{
		margin-top:15vh;
	}

	#Ebook-section{
		height: 27vh;
	}

	#img1{
		width: 60%;
		display: block;
		margin:auto;
		margin-top:20vh;
	}

	#downloader-container{
		margin-top: 2vh;
	}

	#skysafe-body button{
		width: 200px;
		height: 45px;
		margin-top: 25px;
	}

	.white-button{
		display: block;
		margin: auto;
	}

	.blue-button{
		display: block;
		margin:auto;
	}

	 #logo{
	 	width: 65%;
	 }

	#skysafe-body p.included-functions, #skysafe-body p.excluded-functions, #skysafe-body  p.price-label{
		font-size: 14px;
	}

	#skysafe-body span.moeda{
		/*font-size:20px;*/
	}

	#skysafe-body h1{
	 	font-size:34px;
	 	text-align: center;
	 }

	#skysafe-body h2{
	 	font-size: 14px;
	 	text-align: center;
	 }

	#skysafe-body h3{
	 	font-size: 14px;
	 	text-align: center;
	 }

	#skysafe-body  h4{
	 	font-size: 14px;
	 	text-align: center;
	 	font-weight: bold;
	 }
	/*
	#form-container{
		background-image: url("img/background-form.png");
		background-repeat: no-repeat;
		background-position: center right;
	}*/

	#skysafe-body h5{
		font-size:14px;
	}

	#skysafe-body p{
		font-size: 12px;
	}	

	#skysafe-body p#download {
		font-size: 12px;
	}

	#skysafe-body .bottom-space {
    margin-bottom: 100px;
	}	

	#skysafe-body button.grey-button{
		display: block;
		margin: auto;
		margin-top: 20px;
	}

	#skysafe-body h4.titles{
	 	margin-top: 50px;
	 	font-size: 18px;
	}

	 #beneficios-container img{
		margin-top: 50px;
		margin-bottom: 20px;
		width: 30%;
	}

	img#beneficio-1 {
		width: 35%;
		margin-top: 50px;
		margin-bottom: 20px;

	}

	img#beneficio-2 {
		width: 30%;
		margin-top: 50px;
		margin-bottom: 20px;
	}

	img#beneficio-3{
		width: 30%;
		margin-top: 50px;
		margin-bottom: 20px;

	}

	.container-for-price {
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	 #skysafe-body  p.price-text{
	 	font-size:50px;
	 
	 }

	#skysafe-body p.details{
		font-size: 12px;
	}

	#skysafe-body #Características{
		margin-top: 75px;
	}

	#skysafe-body p{
		margin: 0px;
	}

	iframe{
	 	margin:40px 0px;
	 	height: 800px;
	 	width: 268px;
	 	display: block;
    	margin: auto;
	 }
	#skysafe-body #Form {
	    margin-top: 40px;
	    padding-top: 40px;
	}
}

@media only screen and (min-width: 768px) {

	#intro{
		width: 100%;
		height:80vh; 
	}

	 .md-invisible{
	 	display: initial;
	 }
	 
	#intro-container{
		margin-top: 22vh;
	}

	#skysafe-body .row {
		margin: 0px;
	}

	#Ebook-section{
		width: 100%;
		height: 20vh;
		background-image: url("img/Gráfico - Clouds.png");
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	.blue{ 
		background-color: #3d98d1;
		color: white;
	} 

	.grey{
		position: relative;
		background-color: #cfcfcf;
		color: #4c4c4c;
	}

	#intro-container img{
		margin-top: 65px;
	}

	#downloader-container{
		margin-top: 5vh;
	}

	#skysafe-body button{
		width: 220px;
		height: 46px;
		font-size: 14px;
	}

	.white-button{
		margin: 30px 0px;
	 	background-color: white;
	 	border:none;
	 	color: #3d98d1;

	 }

	 .white-button:hover{
	 	background-color: transparent;
	 	border: 2px solid white;
	 	color: white;

	 }

	 #logo{
	 	width: 220px;
	 }


	 .grey-button{
	 	margin-top: 5vh;
	 	background-color: #fff;
	 	border: 2px solid #4c4c4c;
	 	text-align: center;
	 	font-size:12pt;
	 	font-family: "Roboto", Arial, Helvetica, sans-serif;
	 	font-weight: bold;
	 	color: #4c4c4c;

	 }

	 #skysafe-body .navbar-header{
	 	width: 100% ;
	 }

	 #skysafe-body .navbar-nav{
	 	margin-top: 45px;
	 	float:right;
	 }

	#skysafe-body li.nav-item{
		margin-left: 20px;
	}

	#skysafe-body a.nav-link{
		color: white;
		text-transform: uppercase;
		font-family: "Roboto", Arial, Helvetica, sans-serif;
		font-weight: 600;

	}

	#skysafe-body a.nav-link:hover,#skysafe-body a.nav-link:active{
		color: #162b88;
		text-decoration: none;

	}


	 .grey-button:hover{
	 	background-color: #4c4c4c;
	 	border: none;
	 	color: #cfcfcf;
	 }

	 .blue-button{
	 	background-color: #3d98d1 ;
	 	border:none;
	 	text-align: center;
	 	font-size:12pt;
	 	font-family: "Roboto", Arial, Helvetica, sans-serif;
	 	font-weight: bold;
	 	color: white;
	 	margin-top: 40px;
	 }

	 .blue-button:hover{
	 	background-color:transparent;
	 	border: 2px solid  #3d98d1 ;
	 	color:  #3d98d1 ;
	 
	 }

	.server, .server-Plus, .server-Light, .endpoint{
		margin-top: 15px;
	}

	.server-Light{
		margin-bottom: 15px;
	}


	.outlined-white-button{
		margin: 30px 0px;
		background-color: transparent;
		border: 2px solid white;
		text-align: center;
		font-size: 12pt;
		font-family: "Roboto", Arial, Helvetica, sans-serif;
	 	font-weight: bold;
		color: white;
	 }

	 .table{
	 	border: 1px solid #3d98d1;
	 	border-radius: 20px;
	 	padding: 27.5px;
	 	margin-top: 30px;
	 	margin-bottom: 0px;
	 }

	 .Best-package {
		margin-top: 10px;
		padding: 27.5px;
		padding-top: 50px;
		padding-bottom: 30px;
		background:  #3d98d1; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient( #3d98d1, #162b88); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient( #3d98d1,  #162b88); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient( #3d98d1,  #162b88); /* For Firefox 3.6 to 15 */
	    background: linear-gradient( #3d98d1,  #162b88); /* Standard syntax */
	}

	#skysafe-body p.Best-package{
		color: white;
	}

	li.header, p.price-text, p.price-label{
		text-align: center;
		font-family: "Roboto", Arial, Helvetica, sans-serif;
		font-weight: "bold";
	}

	.table hr{
	 	border: 0.5px solid #3d98d1;
	 }



	 li.header{
	 	color: #3d98d1;
	 	font-weight: bold;
	 }


	 #skysafe-body .columns{
	 	padding-right: 5px;
	 	padding-left: 5px;
	 }

	p.included-functions, p.excluded-functions, p.price-text, p.price-label, p.details{
		color: #3d98d1;
		
	}

	 .Best-package p.included-functions, .Best-package  p.excluded-functions, .Best-package  p.price-text, .Best-package  p.price-label, .Best-package  p.details,  .Best-package li.header{
		color: white;

	}

	#skysafe-body p.included-functions, #skysafe-body p.excluded-functions, #skysafe-body  p.price-label{
		font-size: 14px;
	}

	 hr.hr-best-price{
		border: 0.5px solid white;
	}

	.table p.Best-price{
		color: white;
		font-size: 16px;
	}
	.container-for-price{
	 	margin-top: 50px;
	 	margin-bottom: 50px;

	 }

	#skysafe-body .glyphicon {
		font-size: 12px;
	}
	#skysafe-body span.moeda{
		font-size:20px;
		font-family: "Roboto Regular",  Arial, Helvetica, sans-serif;
		vertical-align: middle;
	}

	li {
		list-style-type: none;
	}

	#skysafe-body h1{
	 	font-size: 72px;
	 	margin-bottom: 0px;
	 	font-family: Arial, Helvetica, sans-serif;
	 	color: white;
	 	font-weight: bold;
	 }

	 iframe{
	 	margin:40px 0px;
	 	height: 600px;
	 }

	 #skysafe-body h2{
	 	font-size: 24px;
	 	margin-top: 10px;

	 }

	 #skysafe-body h3{
	 	font-size: 22px;
	 	margin-top:40px;
	 }

	#skysafe-body  h4{
	 	font-size: 30px;
	
	 }

	 h4.titles{
	 	margin-top: 75px;
	}

	 #skysafe-body .bottom-space{
	 	margin-bottom: 200px;
	 }

	 #planos-container h4.titles{
	 	color:#3d98d1;
	 }

	#beneficios-container img{
		display: flex;
		margin: auto;
		margin-top: 80px;
		margin-bottom: 30px;
	}

	#skysafe-body li{
		margin-bottom: 10px;
	}

	#skysafe-body #Form{
		margin-top: 80px;
		padding-top:70px;
	}

	#form-container{
		background-image: url("img/background-form.png");
		background-repeat: no-repeat;
		background-position: center right;
	}

	#skysafe-body h5{
		font-size:18px;
		font-family: "Roboto",  Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
	}

	#skysafe-body p{
		font-size: 16px;
		font-family: "Roboto Regular",  Arial, Helvetica, sans-serif;
		font-weight: normal;
	}	

	#skysafe-body p#download {
		font-size: 20px;
		font-family:  Arial, Helvetica, sans-serif;
	}	

	  #skysafe-body  p.price-text{
	 	font-size:50px;
	 	font-family: "Roboto",  Arial, Helvetica, sans-serif;
	 }

	p.excluded-functions{
		opacity: 0.75;
	}

	#skysafe-body p.details{
		font-size: 12px;
	}

	#skysafe-body #Características{
		margin-top: 75px;
	}


	#caracteristicas-container img{
		display: flex;
		margin: auto;
		margin-top: 80px;
		margin-bottom: 30px;

	}
	#skysafe-body p{
		margin: 0px;
	}
}