@charset "utf-8";
/* CSS Document */

.body {
overflow-x: hidden; 
}


.navbar-customrn {
    color: #000000;
    background-color: #12bbe6;
	margin-bottom:0px;
}

.no-padding {
padding:0px;
}

.no-margin {
margin:0px;
}

.row-footerrn{
   color:#FFFFFF;
   font-size:12px;
   background-color:#000000;
   padding-top:10px; 
   padding-bottom:10px;
   text-align:center;
}

.social{
text-align:center;
display:block; 
margin-right: -15px;
margin-left: -15px; 
background-color:#622D89;  
}

.socialicon{
    text-align:right;
	padding-top:10px;
	padding-bottom:5px;
}

.socialmsg{
    text-align:center;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:0px;
   display:inline; 
}

.slhead{
    text-align:center;
	padding-top:20px;
	padding-left:0px;
	padding-bottom:20px;
}

.row-collection{

   background-image:url('http://sillyscoops.com/images/teal_bg.png');
   text-align:center;
   display:block;
}

.scoops-commons{

   text-align:center;
}

.row-poster{

   text-align:center;
   display: inline-table;
   padding-bottom:15px; 
   padding-top:15px; 
   width:80%;
}

.container-kidsposters{

   background-image:url('http://sillyscoops.com/images/fuchsia_bg.png');
/*   text-align:center;
   display:block;  
   margin-right: -15px;
   margin-left: -15px;  */ 
}

.container-intro{

   text-align:center;
   display:block;  
   margin-right: -15px;
   margin-left: -15px;   
}




.row-intro{

   width: 80%;
   max-width:100%;
   background-image:url('http://sillyscoops.com/images/whitespot-bg.png') repeat, url('http://sillyscoops.com/images/white-bg.png') right repeat ;
   text-align:center;
   display:inline-block;
   margin-right: -15px;
   margin-left: -15px;   
   padding-top:15px;
   padding-bottom:15px;
}


.rare {

/*
background:url('http://sillyscoops.com/images/bg-rarediv.png') center center no-repeat;
-webkit-background-size: cover;
backgroud-size: cover;
float:left;
clear:none;
width:868px;
height:229px;
*/

float: left;
width: 79%;
max-width:100%;
display:inline-block;
background:url(http://sillyscoops.com/images/bg-rarediv.png) no-repeat center top scroll;
background-size: contain;
padding-top:60px;
margin-right:1px;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;

}

.ultrarare {

background:url('http://sillyscoops.com/images/bg-ultrararediv.png') center center no-repeat;
-webkit-background-size: cover;
backgroud-size: cover;
/*backgroud-size: 100% auto;*/
float:right;
width:193px;
height:229px;
}


.container-collection{

   background-image:url('http://sillyscoops.com/images/teal_bg.png');
   text-align:center;
   display:block;  
   margin-right: -15px;
   margin-left: -15px;  
   padding-bottom: 15px; 
}

.thumbnailcollection {
    display: block;
    margin-bottom: 20px;
    transition: border .2s ease-in-out;	
}


 
.row-meetscoops {

width: 80%;
max-width:100%;
display:inline-block;
 }
 

.container-mycollection{

   text-align:center;
   display:block;  
/*   margin-right: -15px;
   margin-left: -15px; */  
}
 
.row-mycollection {

    width:80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

.container-header{

   background-image:url('http://sillyscoops.com/images/pink_bg.png');
   text-align:center;
   display:block;  
   margin-right: -15px;
   margin-left: -15px;  
   padding-bottom: 15px; 
}


.container-kids{

   background-image:url('http://sillyscoops.com/images/fuchsia_bg.png');
   text-align:center;
   margin-left: -15px;
   margin-right: -15px;
}

.container-kidsnobg{

   text-align:center;
   margin-left: -15px;
   margin-right: -15px;
}

.container-videosheader{

  background-image:url('http://sillyscoops.com/images/pink_bg.png');
   text-align:center;
   display:block;  
   margin-right: -15px;
   margin-left: -15px;
   padding-bottom: 15px;
   
}


.container-vow{

   background-image:url('http://sillyscoops.com/images/teal_bg.png');
   text-align:center;
   display:block;  
   margin-right: -15px;
   margin-left: -15px;  
   padding-bottom: 15px; 
}

.container-plist{

   background-image:url('http://sillyscoops.com/images/fuchsia_bg.png');
   text-align:center;
   display:block;  
   margin-right: -15px;
   margin-left: -15px; 
   padding-bottom: 15px; 
}

@media (min-width: 768px) {
    .col-sm-5th {
        width: 20%;
        float: left;
    }
.col-xs-6 {
    width: 33%;
}
	


}

@media (min-width: 822px) {




    .col-md-5th {
        width: 20%;
        float: left;
    }
   .col-md-4 {
    width: 33.33333333%;
	float:left;
   }	
   .col-md-10 {
    width: 83.33333333%;
   }  
   .col-md-2 {
    text-align:center;
   } 
   .row-collectionrare {
   width: 79%;
   }  
   .colr-md-5th {
	width:25%;
   }
    .col-md-4th {
        width: 24%;
        float: left;
    }
   .row-collectionrare {
    float: left;
    max-width: 100%;
    display: inline-block;
    background: url(http://sillyscoops.com/images/bg-rarediv.png) no-repeat center top scroll;
    background-size: contain;
    padding-top: 60px;
    margin-right: 1px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
   }

   .colu-md {
	width:100%;
   }

   .row-collectionultra {
    float: right; 
    width: 20%;
    max-width: 100%;
    display: inline-block;
    background: url(http://sillyscoops.com/images/bg-ultrararediv.png) no-repeat center top scroll;
    background-size: contain;
    padding-top: 60px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
   }

.row-newcollection {

width: 80%;
max-width:100%;
display:inline-block;
background:url(http://sillyscoops.com/images/bg-commons.png) no-repeat center top scroll;
background-size: contain;
padding-top:60px;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 }
 
   .titledisplay {
   
   display: none;
   
   }   
   
}

@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	.socialicon{
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
	}

}

/* Landscape phones and down */
@media (min-width: 480px) {


	.socialicon{
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
	}

   .form-controlrn {
   width:38%;
   }

   .form-controlrnemail {
    width:48%;
    }


}

/* Landscape phones and down */
@media (min-width: 822px) {


	.socialicon{
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
	}

   .form-controlrn {
   width:20%;
   }

   .form-controlrnemail {
    width:42%;
    }


}






@media (max-width:835px){
.navbar-collapse.collapse {
    display: none !important;
}
.navbar-collapse.collapse.in {
    display: block !important;
}
.navbar-header .collapse, .navbar-toggle {
    display:block !important;
}
.navbar-resizern { 
padding-top:0px;
}

}



@media (max-width: 822px) {



.row-newcollection {

	width: 80%;
	max-width:100%;
	display:inline-block;
/*	background:url(http://sillyscoops.com/images/bg-commons-m-368.png) no-repeat center top scroll;*/
	background-size: 100% auto;
	background-position:center;	
	border: 2px solid #ffffff;
	border-raidus: 15px 15px 15px 15px;
	-moz-border-radius: 15px;
/*	background-size: contain;
	padding-top:40px;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
*/	
	}
 

.row-collectionrare {

	float: left;
	max-width:100%;
	display:inline-block;
/*	background:url(http://sillyscoops.com/images/bg-rarediv-950.png) no-repeat center top scroll;*/
    background-color:#95CA3D;
	background-size: 100% auto;
	background-position:center;	
	border: 2px solid #ffffff;
	border-raidus: 15px 15px 15px 15px;
	-moz-border-radius: 15px;
	padding-top:10px;
	margin-right:1px;
    transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
    -webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	width:100%;		
/*	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
*/
	}
 

.row-collectionultra {
    /* float: right; */
    /* width: 20%; */
    max-width: 100%;
    display: inline-block;
	margin-top:20px;
 /*   background: url(http://sillyscoops.com/images/bg-ultrararediv-2.png) no-repeat center top scroll;*/
	background-color:#DA2BB4;
	background-size: 100% auto;
	background-position:center;	
	border: 2px solid #ffffff;
	border-raidus: 15px 15px 15px 15px;
	-moz-border-radius: 15px;
	padding-top:10px;
    transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
    -webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	width:100%;	
/*    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
*/
	}	


.colu-md {
/*    width:85%; */
	text-align:center;
   }
 
.colr-md-5th {
    float: left;
    }   

   .titledisplay {
   
   display:block;
   padding-bottom:25px;
   padding-top:10px;
   
   }
   
   .titledisplayno {
   
   display:none;
   }   

}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {


	.socialicon{
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
	}


.row-newcollection {

width: 80%;
max-width:100%;
display:inline-block;
/*background:url(http://sillyscoops.com/images/bg-commons-m-368.png) no-repeat center top scroll;*/
background-size: contain;
padding-top:40px;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
 }
 
}


/* Landscape phones and down */
@media (max-width: 480px) {


	.socialicon{
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
	}

.form-controlrn {
width:87%;
}

.form-controlrnemail {
width:88%;
}


}


.row-newcollection2 {

width: 80%;
max-width:100%;
display:inline-block;
padding-top:10px;
}

.colr-md-5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;

}

.colu-md {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;

}


 
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5th {
    width: 20%;
    float: left;
}

.col-xs-4th,
.col-sm-4th,
.col-md-4th,
.col-lg-4th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	padding-top: 10px;
}






.btn-defaultrn {
    color: #333;
    background-color: #43d1ef;
    border-color: #ccc;
}
/*
    iframe{
            position:absolute;
            height:100%;
            width:100%;
            top:0px;
            left:0px;
    }
*/
    .item-contenedor{
        height:0px;
        width:100%;
        /*max-width:560px; /* Así establecemos el ancho máximo (si lo queremos) */
        padding-top:56.25%; /* Relación: 16/9 = 56.25% */
        position:relative;
		padding-top:30px;
		overflow:hidden;
    }
	
	.item-embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;	
	}	

.item-embed-responsive .item-embed-responsive-item,
.item-embed-responsive iframe,
.item-embed-responsive embed,
.item-embed-responsive object,
.item-embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*gallery */

#popupBox {
  background: #fff;
  display: none;
}

.contentBox {
  overflow-y: scroll;
  height: 270px
}

.popupContent { background: #fff; }

.popupContent .popClose {
  float: right;
  display: block;
  height: 16px;
  width: 16px;
  background: url(img/closeBut.jpg) no-repeat;
  text-indent: -9000px
}

.popupClose {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 16px;
  width: 16px;
  text-indent: -9000px;
  background: url(img/closeBut.jpg) no-repeat
}

.galleryTitle {
  font-size: 1.3em;
  text-align: center;
}

.popupContent .pop2 {
  font-size: 1.2em;
  text-align: center;
  padding: 30px
}

.popupContent .galleryTitle { position: relative }

.galleryControls {
  overflow: hidden;
  line-height: 40px
}

.galleryControls a {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  text-transform: uppercase
}

.galleryControls .prev {
  float: left;
  margin-left: 20px
}

.galleryControls .next {
  float: right;
  margin-right: 20px
}

.galleryControls p { text-align: center; }

.imageDesc {
  min-height: 50px;
  line-height: 15px;
  text-align: left
}

.imageDesc p {
  padding: 5px 10px;
  color: #fff;
  font-size: 12px
}

.popupBtns { padding: 20px }

.popupBtns input {
  margin-right: 20px;
  font-size: 14px;
}


.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
	text-align:center;
}

@media print {
  .visible-print  { display: inherit !important; }
  .hidden-print   { display: none !important; }

.col-xs-6 {
   width: 33%;
   }
   
.pdisplay {
   display:none;
   }

.ptitle {
   width:40%;
   text-align:center;

   }

}
