@charset "UTF-8";
/* Productos Robi CSS by Microcódigo */

body
{font-family: 'Montserrat', sans-serif;
background-color: #FFF;
font-weight:normal;
font-size:10pt;
overflow: auto;
overflow-x: hidden;
color:#000;
}


#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}


.style1 {font-family: 'Poppins', sans-serif;
    src: url(/fonts/albertus_light.woff);}

A:link
{
	text-decoration: none;
	color: #000;
	font-weight:none;
}
A:visited { 
	text-decoration: none;
	color:#000; 
	font-weight:none;
}

A:active
{
	text-decoration: none;
	color:#000;
	font-weight:none;
}
A:hover
{
	text-decoration: none;
	color:#ED1F24;
	font-weight:none;
	
	
}

hr 
{border-top: 1px solid #ED1F24;}

p.head 
{ 
font-family: 'Poppins', sans-serif;
color: #ffffff; 
font-weight:normal;
font-size:10pt;
letter-spacing: 1px;
background-color:clear;
font-weight: bold;
padding-left:0;
padding-right:0;
padding-top: 0;
padding-bottom:0;
text-align: right}

td
{ font-family: 'Poppins', sans-serif;
color: #33C0EF; 
font-weight:normal;
font-size:12px;
padding-left:0;
padding-right:0;
padding-top: 0;
padding-bottom:0;
padding: 0;
padding: 0,0}

input, textarea
{ background: #33C0EF;
border: 1 solid #0000CC;
font-family: 'Poppins', sans-serif; 
color: #33C0EF; 
font-weight:normal;
font-size:10px;
font-weight:normal}-->

.WSMlink {
	width: 220px;
	background: #fff;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.WSMlink a:link{
    color: #E00000;
	text-decoration: none;
}
.WSMlink a:visited{
    color: #E00000;
	text-decoration: none;
}
.WSMlink a:hover{
	color: #0FF;
	text-decoration: none;
}
.WSMlink a:active{
    color: #E00000;
	text-decoration: none;
}


.elwrapper {
     position:relative;
     margin-left:auto;
     margin-right:auto;
     width:80%;
	 max-width:920px;
	 
 }

.elwrapper img { max-width:100%; height:auto; margin:0 auto; }
 
 
 /* If in mobile screen with maximum width 479px. The iPhone screen resolution is 320x480 px (except iPhone4, 640x960) */    
@media only screen and (max-width: 479px){
    #elwrapper { width: 80%; }
	
}

/* Contact Links
---------------------------------- */
.contact-links {
	padding: 0;
	list-style: none;
	margin: 15px 0;
}
.contact-links li {
	margin: 10px 25px 10px 0;
	display: inline-block;
	font-size: 42px;
}
.contact-links li a {
	color: #333333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.contact-links li.phone a:hover {
	color: #FF0000;
}
.contact-links li.email a:hover {
	color: #093;
}



/* Social Links
---------------------------------- */
.social-links {
	padding: 0;
	list-style: none;
	margin: 15px 0;
}
.social-links li {
	margin: 10px 7px 10px 7px;
	display: inline-block;
	font-size: 36px;
}
.social-links li a {
	color: #000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.social-links li.twitter a:hover {
	color: #ED1F24;
}
.social-links li.whatsapp a:hover {
	color: #ED1F24;
}
.social-links li.instagram a:hover {
	color: #ED1F24;
}
.social-links li.phone a:hover {
	color: #ED1F24;
}
.social-links li.facebook a:hover {
	color: #ED1F24;
}
.social-links li.email a:hover {
	color: #ED1F24;
}

.social-links li.disabled {
	color: #CCC;
}


audio { width: 90%; }
	
.footer {
     position:relative;
     margin-left:auto;
     margin-right:auto;
	 top: 0px;
     width:100%;
	 max-width:550px;
	 
 }
 
 /*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.icon {
	width: 50Upx;
	height: auto;
	min-width: 32px;
}

svg:hover path {
    fill: red;
}

#facebook-logo:hover path {
    fill: red;
}

/**
 * ========================================
 * VIDEO
 * ========================================
 */
.video-embed {
	margin-top: 30px;
	position: relative;
	padding-top: 56.25%; /* 16:9 */
	height: 0;
	background-color: #000000;
}
.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0px;
}

/**
 * ========================================
 * BOTONES CHAJOE
 * ========================================
 */

.btn {
    border-radius: 0;
	color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #33C0EF;
    color: #000;
    background-color: #FFF;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #33C0EF;
    outline: 0;
    color: #000;
    background-color: #FFF;
}

.btn2 {
    border: 1px solid #33C0EF;
    color: #33C0EF;
    background-color: transparent;
	font-size:32px;
}

.btn-info {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}

.btn:hover {
	color: #000;
    background-color: #FFF;
    border-color: #000;
}

.btn2:hover,
.btn2:focus {
    border: 1px solid #33C0EF;
    outline: 0;
    color: #000;
    background-color: #33C0EF;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
	
	.btn-info {
		font-size:14px;	
	}
}

#bit-events {
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
    font-size:16px;
}
.modal {
background-color: #33C0EF;
background-image: url("/images/blackbox.png");
	
}

.modal hr {
color: #33C0EF; size: 1; width: 100px		
}

/* Social Links 6 Featurings
---------------------------------- */
.social-links6 {
	padding: 0;
	list-style: none;
	margin: 15px 0;
}
.social-links6 li {
	margin: 10px 25px 10px 0;
	display: inline-block;
	font-size: 18px;
}
.social-links6 li a {
	color: #000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.social-links6 li.twitter a:hover {
	color: #ED1F24;
}
.social-links6 li.skype a:hover {
	color: #ED1F24;
}
.social-links6 li.linkedin a:hover {
	color: #ED1F24;
}
.social-links6 li.googleplus a:hover {
	color: #ED1F24;
}
.social-links6 li.youtube a:hover {
	color: #ED1F24;
}
.social-links6 li.flickr a:hover {
	color: #ED1F24;
}
.social-links6 li.facebook a:hover {
	color: #ED1F24;
}
.social-links6 li.soundcloud a:hover {
	color: #ED1F24;
}
.social-links6 li.instagram a:hover {
	color: #ED1F24;
}
.social-links6 li.stream a:hover {
	color: #ED1F24;
}
.social-links6 li.money a:hover {
	color: #ED1F24;
}
.social-links6 li.blog a:hover {
	color: #F60;
}
.social-links6 li.email a:hover {
	color: #ED1F24;
}
.social-links6 li.tienda a:hover {
	color: #ED1F24;
}

#creditos {
	margin: 0 80px 0 80px;
}

    .strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap; 
		
    }

    .strike > span {
        position: relative;
        display: inline-block;
		font-size: 26px;
		
    }
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background: white;
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }
	


.taxs {
	background-color:#CCC;
	height:25px;
}

.sliderinfo {
	background-color:rgba(255, 255, 255, 0.95);
	height:40px;
	font-size:16px;
	color:#000;
	padding: 12px 12px 12px 12px;
}

.sliderinfo A:link
{
	text-decoration: none;
	color: #000;
	font-weight:none;
}
.sliderinfo A:visited
{ text-decoration: none; color:#000; font-weight:none;}
.sliderinfo A:visited
{
	text-decoration: none;
	color:#000;
	font-weight:none;
}
.sliderinfo A:active
{
	text-decoration: none;
	color:#000F;
	font-weight:none;
}
.sliderinfo A:hover
{
	text-decoration: none;
	color:#ED1F24;
	font-weight:none;
	
	
}

.pic{
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.pic:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

#bluegrey {
	background-image: url("/images/bluegreybar.png");	
	background-repeat: repeat-x;
	height: 200px;
		
	}
	
.bs-calltoaction{
    position: relative;
    width:auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

    .bs-calltoaction > .row{
        display:table;
        width: calc(100% + 30px);
    }
     
        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:table-cell;
            vertical-align:middle;
        }

            .cta-contents{
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .cta-title{
                    margin: 0 auto 0px;
                    padding: 0;
                }

                .cta-desc{
                    padding: 0;
                }

                .cta-desc p:last-child{
                    margin-bottom: 0;
                }

            .cta-button{
                padding-top: 10px;
                padding-bottom: 10px;
            }

@media (max-width: 991px){
    .bs-calltoaction > .row{
        display:block;
        width: auto;
    }

        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:block;
            vertical-align:middle;
            position: relative;
        }

        .cta-contents{
            text-align: center;
        }
}



.bs-calltoaction.bs-calltoaction-default{
    color: #000;
    background-color: #ED1F24;
    border-color: #000;
}

.bs-calltoaction.bs-calltoaction-primary{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.bs-calltoaction.bs-calltoaction-info{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.bs-calltoaction.bs-calltoaction-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.bs-calltoaction.bs-calltoaction-warning{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.bs-calltoaction.bs-calltoaction-danger{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.bs-calltoaction.bs-calltoaction-danger .cta-button .btn{
    border-color:#fff;
}

#formacontacto {
	margin: 0 80px 0 80px;
	background-color:#33C0EF;
}
#popitgood {
	background-color:#33C0EF;
}

#midwrap {
    float: left;
    position: relative;
    left: 50%;
}

#midcontent {
    float: left;
    position: relative;
    left: -50%;
}

/* Price Tables*/


.panel {
    margin-bottom: 20px;
    background-color: #ED1F24;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #000;
}


		.panel.price,
		.panel.price>.panel-heading{
			border-radius:0px;
			 -moz-transition: all .3s ease;
			-o-transition:  all .3s ease;
			-webkit-transition:  all .3s ease;
		}
		.panel.price:hover{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2);
		}
		.panel.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
		}
		
				
		.panel.price>.panel-heading{
			box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
			text-shadow:0px 3px 0px rgba(50,50,50, .6);
		}
			
		.price .list-group-item{
			border-bottom-:1px solid rgba(0,0,0, .9);
		}
		
		.panel.price .list-group-item:last-child {
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		.panel.price .list-group-item:first-child {
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}
		
		.price .panel-footer {
			color: #fff;
			border-bottom:0px;
			background-color:  rgba(0,0,0, .1);
			box-shadow: 0px 3px 0px rgba(0,0,0, .3);
		}
		
		
		.panel.price .btn{
			box-shadow: 0 -1px 0px rgba(50,50,50, .09) inset;
			border:0px;
		}
		
		/* red price */
		
	
		.price.panel-red>.panel-heading {
			color: #000;
			background-color: #ED1F24;
			border-color: #33C0EF;
			border-bottom: 1px solid #33C0EF;
		}
		
			
		.price.panel-red>.panel-body {
			color: #000;
			background-color: #33C0EF;
		}
		
		
		
		
		.price.panel-red>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}
		
		.price.panel-red .list-group-item {
			color: #000;
			background-color: rgba(153, 229, 255, .8);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}

#contacttext {
	width: 50%;
    margin: auto;
}		

#closebutton {
	float:right;
	margin-right: 14px;
}

.introtext {
	padding: 10px 140px 10px 140px;
}

 /* If in mobile screen with maximum width 479px. The iPhone screen resolution is 320x480 px (except iPhone4, 640x960) */    
@media only screen and (max-width: 479px){
    .introtext {
	padding: 0px 25px 10px 25px;
}

#logoit {
	width: 200px;
	height: 104px;
}

h2, .h2 {
    font-size: 18px;
}

h3, .h3 {
    font-size: 16px;
}

h4, .h4 {
    font-size: 18px;
}

.social-links li {
	font-size: 24px;
}
	
}

	
.tp-video-play-button {display: none! important}

.slideit {
	width: 960px;
}