@charset "utf-8";
/* CSS Document */


      * {
        border: 0;
        margin: 0;
        outline: 0;
        padding: 0;
      }
      body {
        background: #333333 url('images/Clash-Of-Clans-background.jpg') top center;
        color: #ffffff;;
        font: 400 14px/16px 'Open Sans', sans-serif;
      }
      h2{
          margin: 10px 0;
      }
h1, h2{
    line-height: 1;
}
      p{
          line-height: 1.3;
          text-align: justify;
      }
      #nichepack-main-container {
        margin: 40px auto;
        max-width: 700px;
      }
      #nichepack-header-container {
        text-align: center;
      }
      #nichepack-content-container {
        background: #000000 url('images/section.jpg') 50% 50% no-repeat;
        display: none;
        height: 350px;
        margin: 20px 0;
        position: relative;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
      }
      #nichepack-overlay-container {
        background: url('images/background-content-overlay.png') 0 0 no-repeat; 
        height: 100%;
        width: 100%;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
      }
      #nichepack-content-header-container {
        color: #9acd32;
        font: normal 20px 'Arial', sans-serif;
        padding: 20px;
      }
      #nichepack-content-input-container {
       /* bottom: 10px;*/
        display: none;
        padding: 10px 0px;
        position: absolute;
        max-width: 700px;
        width: 100%;
        text-align: center;
        bottom: 0;
        }

      #nichepack-content-input-container h3{
        margin-bottom: 10px;
        line-height: 35px;
        font-size: 28px;
        color: #9ACD32;
      }


      #nichepack-input-content {
        padding: 5px 20px;
      }
      #nichepack-input-icon {
        background: #9acd32 url('images/icon-user.png') 50% 50% no-repeat;
        height: 20px;
        line-height: 20px;
        margin-right: 5px;
        padding: 7px 5px 3px 5px;
        text-align: center;
        width: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		margin-top:-5px;
		position:absolute;
      }
	  #nichepack-input-icon2 {
        background: #9acd32 url('images/gem.png') 50% 50% no-repeat;
        height: 20px;
        line-height: 20px;
        margin-right: 5px;
        padding: 7px 5px 3px 5px;
        text-align: center;
        width: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		margin-top:-2px;
		margin-left:-15px;
		position:absolute;
      }
      
      input[type=text] {
        border: 2px solid #ffffff;
        line-height: 20px;
        padding: 3px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		margin-left:34px;
		margin-top:-5px;
		position:absolute;
          width: 130px;
      }
      #nichepack-input-button {
        background: #9acd32;
        color: #ffffff;;
        cursor: pointer;
        font-weight: bold;
        line-height: 20px;
        padding: 5px 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		margin-left:190px;
		margin-top:-5px;
		position:absolute
      }
	  
		#nichepack-input-button-2 {
        background: #9acd32;
        color: #ffffff;;
        cursor: pointer;
        font-weight: bold;
        line-height: 20px;
        padding: 5px 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		margin-left:177px;
		margin-top:-5px;
		position:absolute;
      }
      #nichepack-activate-button {
        background: #ee0000;
        color: #ffffff;
        cursor: pointer;
        font-weight: bold;
        line-height: 20px;
        margin-left: 5px;
        padding: 5px 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		position:absolute;
		margin-left:214px;
		margin-top:-5px;
      }
	  
	  #nichepack-activate-icon {
        background: #ee0000  url('images/icon-locked.png') 50% 50% no-repeat;
        height: 20px;
        line-height: 20px;
        margin-right: 5px;
        padding: 7px 5px 3px 5px;
        text-align: center;
        width: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		margin-top:-5px;
		position:absolute;
      }
	  
      #nichepack-status-container {
        font-size: 11px;
        margin-top: -2px;
		float:right;
      }
      #nichepack-status-current {
        display: inline-block;
      }
      #nichepack-progress-container {
        background: url('images/background-transparent-20.png');
        height: 3px;
        margin-top: 28px;
	
      }
      #nichepack-progress {
        background: #9acd32;
        height: 100%;
        width: 0%;
      }
      #nichepack-info-container, #nichepack-description-container {
        background: url('images/background-transparent.png');
        display: none;
        margin-bottom: 20px;
        position: relative;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
      }
      #nichepack-info, #nichepack-description {
        padding: 20px;
      }
      .nichepack-color-red {
        color: #ee0000;
      }
      .nichepack-color-grey {
        
      }
      .nichepack-color-green {
        color: #9acd32;
      }
      .nichepack-required {
        border-color: #ee0000 !important;
      }


.pop-up{
  background-color: #fff;
  width: 550px;
  text-align:center;
  margin: 0 auto;
  border: 3px solid #9ACD32;
  border-radius: 50px 0 50px 0;
  height: 243px;
  
}

.pop-up p{
    color: #000;
    text-align: center;
    padding-bottom: 15px;
}
 
.pop-up h3{
  background-color: #9ACD32;
  padding: 15px 0;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-radius: 46px 0 0 0;
}

.fb-share-button{
  padding-bottom: 20px;
}

.hield-img{
   margin-bottom: 10px;
}

.descr-popup-img{
  margin-bottom: 20px;
  margin-left: 24px;  
}

.share-count-img{
  position: relative;
  top:5px;
}

 .pop-up-wrap{
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
 }

 .descr-popup-img-mob{
  display: none;
 }

  @media screen and (max-width: 550px){
    #nichepack-description h1{
      text-align: center;
    }
    #nichepack-main-container{
      margin: 10px auto;
    }

    #nichepack-content-header-container{
      text-align: center;
    }

    .pop-up{
      width: 295px;
      height: 300px;
    }
        
    .descr-popup-img-mob, .hield-img{
      display: block;
      margin: 0 auto 10px;
    }
    
    .descr-popup-img{
      display: none;
    }
  
  }


	@media screen and (max-width: 400px){
        #nichepack-header-container img{
            width: 100%;
        }

        #nichepack-input-content h3{
          display: none;
        }


    }



 @media (max-width:320px){
    #nichepack-content-header-container{
      font-size: 15px;
      font-weight: 700;
    }

   .update-info font{
      font-size: 15px;
   }

}