@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
	font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
	background: url(../images/bg-ojo.png) no-repeat; background-origin: padding-box;
    background-position:center; background-size:cover;     background-attachment: fixed ;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.bg-blue {background:#1844d7;} .bg-purple {background:#7c08a7;} .bg-red {background:#ca2610;} .bg-orange {background:#b42650;}
.header {
    background: #000;
    width: 100%;
    display: inline-block;
}
.header div:nth-child(1){
	float:left; 
	}
	.header div:nth-child(2){
		float:right; 
		}
.header div:nth-child(1), .header div:nth-child(2){
	padding:15px;  
	
	}
.header div:nth-child(1) img{
	    max-height: 65px;
	}

.header div:nth-child(2) img{
	    max-height: 55px;     border: 5px solid white;
    border-radius: 18px;
	}

.cloud_word {
     position:relative; top:-5px;
    height: 100%; z-index:-1;
	
    background-size: cover; 
	width:100%;margin:0 auto;}


.cloud_word + p, .cloud_word h1, .g_b p {
    text-align: center;
    color: #000;
    font-size: 50px;
    font-weight: bold;
    margin: 0px auto; padding:15px;
    text-shadow: 1px 2px 3px rgba(255, 255, 255, 0.5);
}


div.jqcloud span {color:#fff !important; font-weight:bold;}
div.jqcloud {
    overflow: hidden;
    position: relative;
    top: -60px;
}
#container {
	width:1170px; height:375px; margin:0 auto;
	}
.g_b p a {
    color: #fff;
    text-decoration: none;
}
.container {
    width: 1170px;
    margin: 0 auto;
}
.container a {
    text-decoration: none;
}
.media-body img {
    max-height: 95px;
    padding: 20px 25px; float:left;
}
.test h2, .test p {
    color: #fff;
    margin: 0px auto;
    padding: 3px;
}
.media-body, .a_ma_des{
    border-radius: 75px;
    /*background: #ca2610;*/ flex:1;
}
.test {
    position: relative;
    top: 5px;
}
.test h2 {
    font-size: 30px;
}
.test p {
    font-size: 20px;
}
.test b{color:#000;}
.media {
    display: flex; 
     margin: 20px 0px;
}
.media span {
    /*background: #c92510;*/
    border-radius: 50%;
    width: 85px;
    height: 85px;
    text-align: center;
    font-size: 70px;
    color: #fff; 
    padding: 25px;      margin: 0px 25px;
}
	
	
.wrapper {background:#00000078; text-align:center;}	
.wrapper img{max-height:75px; padding:15px;}	
	
.footer p {
    text-align: center;
    margin: 0 auto;
    padding: 15px;
    background: black;
}
.footer p a {
    color: #fff;
    text-decoration: none;
    font-size: 35px;
}

/*activation manager*/

.media.a_ma, .a_ma_des {
    width: 78%;
    margin: 20px auto; 
}
.a_ma_des h2 {
    padding: 12px 20px;
    color: #fff;
    font-size: 35px;  margin:4px;
}
.a_ma_des p{
	font-size: 25px;
	padding: 12px 50px;
    color: #fff; margin:0 auto;     text-indent: 35px;
	}
.get_it {text-align:center;}	
.get_it img{float:none; max-height:60px;}
.a_ma_des {padding:15px;}
.a_ma_des address {
    padding: 15px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    border: 2px solid black;
    border-radius: 27px;
    text-shadow: 3px 1px 1px rgba(50, 203, 17, 0.2);
    width: 60%;
    background: #ffffff;
    margin: 8px auto;
}

@media (max-width:1170px) and (min-width:767px) {
	
	#container {
	width:100%; height:375px; margin:0 auto;
	}
	.container {
    width: 100%;
    margin: 0 auto;
	}
	.test{	
	height: auto;
    padding: 10px;
	}
	.test h2 {
    font-size: 24px;
	}
	.test p {
    font-size: 14px;
	}
	.media-body, .a_ma_des {
		border-radius:25px;
		}
	.media-body img {
		padding:30px 25px;
		}	
	.media {margin:20px 10px;}	
	}
	
    .mid
    {
        margin: 0 auto;
        width:400px;
        margin-top:15%;        
    }

    .mid img
    {
        width: 300px;
        margin-left:50px;
    }