.body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  max-width: 100%;
  overflow-x: hidden !important;
  height: auto; }

/*** HEADER PART ****/
header {
         height: 90px;}

.main_menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999; }

.fixed {
  position: fixed;
  z-index: 9999 !important;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
  top: 0; }
.scroll_logo{ 
                font-size:25px !important;
                margin: 10px 0 !important;
                font-weight: 400 !important;
                }

.scroll_btn{ 
              width: 35px !important; 
              height: 35px !important;
              padding: 8px 10px !important;
             }


.scroll_btn i { font-size: 1.2em !important; }             


.scroll_nav { margin:8px 0 !important; 
              height: 40px !important;}                       

.logo {
  width: 100%;
  height: 50px;
  display: block;
  float: left;
  
  font-family: "Philosopher", sans-serif;
  margin: 10px 0;
  font-size: 30px;
  font-weight: bold; }

   .logo a{ color: #0d82e5 !important; }

  .logo a:hover {
    text-decoration: none;
    color: #045da8; }

.nav {
  height: 50px;
  margin: 10px 0; }

.btn {
  float: right;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  background-color: #0d82e5;
  display: block; }
  .btn:hover {
    background-color: #d2a905;
    transition: 0.2s ease; }
  .btn:hover, .btn:active, .btn:focus {
    border: none !important;
    outline: none !important; }

.plus-sign {
  color: #fff;
  display: block;
  position: relative;
  text-align: center; }

.minus-sign {
  color: #fff;
  display: block;
  position: relative;
  text-align: center;
  display: none !important; }

.plus-sign:hover,
.plus-sign:active,
.plus-sign:focus {
  color: #fff; }

.dropdown {
  width: 30%;
  height: auto;
  background-color: #fff;
  float: right;
  display: none;
  top: 31px;
  right: 0;
  left: 35px;
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.75);
  border-radius: 15px;
  transition: linear 5s ease-out; }
  .dropdown ul {
    list-style: none;
    float: left;
    margin-top: 35px;
    padding-left: 14px; }
  .dropdown li {
    display: block;
    padding: 10px 15px; }
  .dropdown a {
    font-size: 17px;
    color: #045da8; }
  .dropdown a:hover,
  .dropdown a:focus,
  .dropdown a:active {
    text-decoration: none;
    color: #d2a905; }

/**** ENDS HERE ****/
/*** BANNER PART ***/
.align-items-center {
  align-items: center !important; }

.banner-part {
  position: relative;
  height: 650px; }

/*.banner-part{

			background-image: url(../images/banner_bg.png);
			width: 100%;
			min-height: 566px;
			float: right;
			background-repeat: no-repeat;
			background-size: 81%;
			position: relative;
			right: 0;
			z-index: -1;
			background-position: right;
			top:0;

		}*/
.banner-part:after {
  position: absolute;
  top: 30px;
  width: 100%;
  height: 80%;
  content: "";
  background-image: url(../images/banner-bg.png);
  right: 0;
  background-repeat: no-repeat;
  float: right;
  background-size: 37%;
  top: 0;
  background-position-x: right;
  background-position-y: top; }

.banner-mobile {
  background-image: url(../images/banner-mobile-1-01.png);
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  position: relative; }

.container-height {
  height: 538px; }

.content-header {
  width: 100%;
  height: 75px;
  position: relative;
  display: block;
  top: 200px;
  z-index: 10; }
  .content-header h2 {
    text-align: left;
    color: #045da8;
    font-family: "Poppins", sans-serif; }

.content {
  width: 100%;
 
  position: relative;
  display: block;
  top: 200px;
  margin-top: 30px; }
  .content h5 {
    color: #676768;
    font-family: "Quicksand", sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 25px; }

.btn-app {
  width: 24%;
  height: 54px;
  border-radius: 30px;
  background-color: #0d82e5;
  position: relative;
  top: 220px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  border: none !important;
  cursor: pointer; }
  .btn-app h6 {
    color: #fff;
    text-align: center;
    font-size: 17px;
    margin:0 
     }

.download-icons {
  width: 100%;
  position: relative;
  height: auto;
  top: 220px; 
  z-index: 10
}

.google-icon {
  cursor: pointer !important; }
  .google-icon img {
    width: 80%; }
  .google-icon .right {
    float: right; }

.blank-space {
  position: relative;
  height: 50px;
  width: 100%;
  background-color: #524205;
  top: 400px; }

/**** ENDS HERE ***/
/*** FEATURE PART ***/
.feature-part {
  position: relative;
  padding-top: 50px;
  background-color: #f7f7f5;
  padding-bottom: 50px; }

.feature-header-part {
  height: 265px; }

.feature-bg-width {
  width: 100vw !important; }

.feature-header {
  width: 100%;
  height: 99px;
  display: block;
  position: relative; }
  .feature-header h3 {
    color: #045da8;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: 2px; }
  .feature-header p {
    color: #676768;
    font-size: 17px;
    line-height: 23px;
    font-family: "Quicksand", sans-serif; }

.feature-block {
  width: 100%;
  height: 265px;
  border: 1px solid #c3c4c4; }
  .feature-block:hover, .feature-block:active, .feature-block:focus {
    border: 1px solid #d2a905; }
  .feature-block:hover {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); }
  .feature-block:hover .feature-circle, .feature-block:active .feature-circle, .feature-block:focus .feature-circle {
    background-color: #d2a905; }

.feature-circle {
  width: 55px;
  height: 55px;
  position: relative;
  border-radius: 50%;
  background-color: #0d82e5;
  display: block;
  margin: 20px auto; }

.feature-icon {
  color: #fff;
  display: block;
  margin: 0 auto;
  display: block !important;
  margin: 0 auto;
  text-align: center;
  padding: 14px 0; }

.feature-content-header {
  width: 100%;
  height: 50px;
  display: block; }
  .feature-content-header h4 {
    text-align: center;
    color: #045da8;
    font-size: 21px; }

.feature-content {
  width: 83%;
  display: block;
  margin: 0 auto; }
  .feature-content p {
    text-align: center;
    color: #676768;
    font-family: "Quicksand", sans-serif;
    font-size: 15px;
    line-height: 17px; }

/**** ENDS HERE ****/
/*** STICKER PART ***/
.sticker-part {
  position: relative;
  padding-top: 120px; }

.sticker-header {
  display: block;
  width: 80%;
  height: 200px;
  margin: 0 auto; 
}
  .sticker-header h3 {
    color: #f75709;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: 2px;
    text-align: center; }
  .sticker-header P {
    text-align: center;
    color: #676768;
    line-height: 23px;
    font-size: 17px;
    padding-top: 10px;
    font-family: "Quicksand", sans-serif; }

/*.sticker-banner{

					background-image: url(../images/sticker-banner.png);
					width: 100%;
					height: 700px;
					background-repeat: no-repeat;
					display: block;
					margin: 0 auto;
				}*/
/*.sticker-column {
					width: 100%;
					height: 305px;
					border:1px solid #c3c4c4;
					margin: 84px 0px 0px 50px;
					border-radius: 20px;
					position: relative;


					
					


								.text{

										color:#fff;
										font-size: 20px;
										position: absolute;
										top: 50%;
										left:50%;
										text-align: center;
										transform: translate(-50%, -50%);
									}

							}		


					img{ 

							
							display: block;
							height: auto;
							padding-top: 25px;
						 }

				}


.sticker-column:hover .overlay{ height: 100%; }*/
.sticker-block {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  margin-bottom: 30px; }

.sticker-wrap {
                position: relative;
                margin: 0; 
                border:1px solid #ddd;
                box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
                -webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
                padding:0 15px 0px;

            }
  .sticker-wrap .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(4, 93, 168, 0.6);
    overflow: hidden;
    height: 0;
    transition: 0.5s ease; }
  .sticker-wrap .img-fluid {
    width: 100%;
    height: auto;
    display: block;
    height: auto;
    border:1.5px solid #fffcfc; 
    object-fit: cover;
    object-position: center;
  }

.sticker-wrap:hover .overlay {
  height: 100%; }

.sticker-logo {
  color: #fff;
  position: relative;
  top: 130px;
  text-align: center;
  display: block !important; }
  .sticker-logo:hover {
    color: #d2a905; }

.sticker-btn {
  background-color: #fff;
  padding: 6px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 140px;
  border: none;
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
  transition: 0.70s; }
  .sticker-btn:hover, .sticker-btn:active, .sticker-btn:focus {
    background-color: #d2a905;
    color: #fff;
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }

.sticker-name {
  color: #fff;
  position: relative;
  top: 135px;
  font-size: 15px;
  text-align: center; }

/**** ENDS HERE ****/
/*** PARALLAX PART ***/
.parallax-section {
  position: relative; }

.parallax {
  background-image: url(../images/banner-adv-2.png);
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(13, 130, 229, 0.4); }

/**** ENDS HERE ****/
/*** CONTACT PART ***/
.contact-part {
  position: relative;
  margin-top: 100px;
  margin-bottom: 70px; }

.contact-column {
  width: 80%;
  display: block;
  padding-top: 100px;
  margin: 0 auto;
  height: auto; }
  .contact-column .contact-logo {
    font-family: "Philosopher", sans-serif;
    color: #0d82e5;
    text-align: left;
    font-size: 25px;
    font-weight: bold; }

.contact-content {
  width: 80%;
  height: auto; }
  .contact-content p {
    color: #676768;
    text-align: left;
    line-height: 19px;
    font-family: "Quicksand", sans-serif;
    font-size: 16px; }
  .contact-content ul {
    list-style: none;
    padding-left: 0 !important; }
  .contact-content li {
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    color: #676768; }

.contact-banner {
  display: block;
  height: auto; }

.contact-header {
  height: 50px; }
  .contact-header h5 {
    color: #04a83c;
    font-size: 35px; }

textarea {
  border: 1px solid #f0e9ff;
  border-radius: 5px;
  padding-left: 18px;
  font-size: 13px !important;
  font-family: "Quicksand", sans-serif !important;
  background: transparent;
  width: 100%;
  height: 200px; }

.form-box {
  border: 1px solid #f0e9ff;
  border-radius: 5px;
  padding-left: 18px;
  font-size: 13px !important;
  font-family: "Quicksand", sans-serif !important;
  background: transparent;
  width: 100% !important;
  margin-top: 20px;
  height: 50px; }

.contact-img {
  background-image: url(../images/contact-banner-01.png);
  height: 591px;
  background-repeat: no-repeat; }

/**** ENDS HERE ****/
/*** FOOTER PART ***/
footer {
  position: relative;
  background-color: #e7e4e4;
  background-position: bottom;
  bottom: 0;
  background-attachment: fixed;
  padding: 3px 0; 
  top: 105px
}
  footer h6 {
    text-align: left;
    font-size: 15px;
    padding: 10px;
    color: #676768;
    font-family: "Quicksand", sans-serif; }

.social-icons {
  position: relative;
  display: block;
  width: 30%;
  float: right;
  line-height: 60px; }
  .social-icons h5 {
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    color: #676768;
    text-align: center; }

.icons {
  position: relative;
  display: block;
  float: right;
  width: 115px; }

.footer_padding {
  padding: 5px 10px;
  color: #676768; }
  .footer_padding:hover, .footer_padding:active, .footer_padding:focus {
    color: #0d82e5; 
    text-decoration: none;
  }

/**** ENDS HERE INDEX PAGE ****/
/**** sticker gallery PAGE***/
.sticker-banner {
  display: block;
  		/*background-image: url(../images/sticker-gallery-1.png);
  		background-repeat: no-repeat;
  		max-width: 100%;
  
  		background-position: right;
  		position: absolute;
  		top: 0;
  		right: 0;*/
  background-color: #eef1f4;
  background-size: cover;
  width: 100%;
  height: 600px;
  position: relative;
  
}

.gallery-content-part {
  width: 100%;
  height: 600px;
  position: relative; }

.smiley-icon {
  width: 100%;
  height: 600px;
  position: relative; }

.smiley-bg {
  background-position: right;
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  margin-top: 22px; }

.sticker-gallery {
  position: relative;
  top: 0px;
  margin-top: 65px; }

.gallery-header {
  width: 50%;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 60px; }

  .sticker-pack-header{  width: 50%;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0px; }



  .gallery-header h3{
    color: #045da8;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 35px; }

    .sticker-pack-header h3{ color: #fff; font-weight: 600;  letter-spacing: 2px;
    font-size: 35px }

.sticker-block {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px; }
  .sticker-block .sticker-img {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    z-index: 0;
    width: 150px;
    height: 150px; }
    .sticker-block .sticker-img .blue-box {
      position: absolute;
      left: 0;
      right: 0;
      padding: 0 20px 10px 20px;
      width: 100%;
      display: block;
      background-color: #0d82e5;
      border-radius: 0px 0px 10px 10px;
      opacity: 0;
      bottom: 0;
      height: 0; }

.button {
  position: relative;
  top: 230px;
  display: block; }
  .button .btn-app {
    top: 0px !important; }

.submit-btn {
  top: 20px !important; }

.ftco-animate {
  opacity: 0;
  visibility: hidden; }

.ftco-animate {
  visibility: hidden; }

.box {
  width: 20%;
  height: auto;
  display: block; }
  .box img {
    margin-top: 10px; }

.sticker-img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease;
  border-radius: 0px 0px 10px 10px; }

.sticker-img:hover .blue-box {
  opacity: 1;
  height: 30%;
  transition: 0.5s ease; }

/***** sticker pack coding ***/
.sticker-pack-banner {
  position: relative;
  background-color: #ffeeee;
  background-size: cover;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  overflow: hidden; }
  .sticker-pack-banner .bg-img {
   /* background-image: url(../images/sticker-banner.png);*/
    background-position: center;
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    background-repeat: no-repeat; }

.sticker-pack {
  position: relative;
  padding-top: 70px; }

.sticker-pack-listing {
  width: 100%;
  display: block;
  position: relative; }
  .sticker-pack-listing ul {
    list-style: none;
    margin-top: 0px; }
  .sticker-pack-listing li {
    margin-bottom: 30px; }
    .sticker-pack-listing li .block {
      border:none;
      border-radius: 20px; 
      width: 100%;
      height: 300px; 
      padding: 20px 20px;
      box-shadow: 0 30px 65px 0 rgba(177,181,197,.6);
      -webkit-transition: box-shadow 250ms ease,border 250ms ease,-webkit-transform 250ms ease;
      transition: box-shadow 250ms ease,border 250ms ease,-webkit-transform 250ms ease;
      transition: transform 250ms ease,box-shadow 250ms ease,border 250ms ease;
      transition: transform 250ms ease,box-shadow 250ms ease,border 250ms ease,-webkit-transform 250ms ease;
    }
      .sticker-pack-listing li .block:hover {
       /* box-shadow: 2px 2px 2px 2px #dddada;
        transform: scale(1);
        transition: 0.5 ease;*/
        border-style: none solid solid;
        border-width: 1px;
        border-color: #c4cbd5;
        box-shadow: none;
        -webkit-transform: translate(0,5px);
        -ms-transform: translate(0,5px);
        transform: translate(0,5px);
      }
      .sticker-pack-listing li .block h5 {
        font-family: "Philosopher", sans-serif;
        font-size: 18px;
        color: #676768;
        text-align: center; }

.sorting {
 padding: 10px 10px;
  margin-left: 55px;
  margin-bottom: 30px;
  width: 30%;
  float: left;
  border: none;
box-shadow: 1px 4px 10px rgba(0,0,0,0.3);
border-top-left-radius: 15px;
border-bottom-left-radius: 15px; 

}
  .sorting select {
    width: 22%;
    padding: 5px 0;
    border: 1px solid #cbcbcb !important; }

form .field-box {
  padding: 5px 5px;
  font-size: 14px;
  border: 1px solid grey;
  float: right;
  width: 79%;
  background-color: #fff; }

/*form button {
				float: right;
				width: 20%;
				padding: 5px 5px;
				background: #2196F3;
				color: $white;
				font-size: 14px;
				border: 1px solid grey;
				border-left: none;
				 cursor: pointer;


				 &:hover{ background-color:$yellow; }

			}*/
form {
  margin-right: 12px !important; }

.go-btn {
  float: left !important;
  padding: 12px 5px; 
  box-shadow: 1px 4px 10px rgba(0,0,0,0.3);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;

border: none;
}

.search-box {
  position: absolute;
  right: 16px;
  padding: 10px 10px;
  width: 35%;
 
 
  border: none;
box-shadow: 1px 4px 10px rgba(0,0,0,0.3);
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; }

form button {
  float: right;
  position: relative;
  padding: 11px 5px;
  background-color: #0d82e5;
  border: none;
  color: #fff;
      border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: none;

   }
  form button:hover {
    background-color: #d2a905; }

.center {
  height: 100px;
  position: relative; }

.center .paging {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.pagination {
  padding: 10px 0 !important; }

.pagination > li > a {
  background-color: #0d82e5 !important;
  color: #fff !important; }
  .pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:focus {
    background-color: #d2a905 !important; }

/*		


				.sticker-pack-listing{
										width: 100%;
										display: block;


										ul{

											list-style: none;
											position: relative;	
											height: 1000px;	
										}

										li{
											width: 100%;
											position: absolute;
											left:0;

										}
									}	
			}


.sticker-pack-block{
					
						width: 100%;
						display: block;
					}*/
/**** STICKER LISTING PAGE ***/
.parallax-img {
  background-image: url() !important;
  min-height: 700px; }

.sticker-list-section {
  position: relative;
  background-image: url(../images/sticker-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  opacity: 0.9; }

.text-block {
  width: 50%;
  height: 100px;
  position: relative;
  top: 42%;
  display: block;
  margin: 0 auto; }
  .text-block .white-line {
    border-left: 5px solid #fff;
    height: 100px;
    display: block;
    margin: 0 auto;
    width: 30%; }
    .text-block .white-line h5 {
      color: #fff;
      text-align: left;
      font-size: 45px;
      margin: 0;
      padding-left: 5px; }

.sticker-banner-block {
  display: block;
  width: 100%;
  height: 720px; }
  .sticker-banner-block .sticker-list-banner {
    background-repeat: no-repeat;
    width: 100%;
    height: 720px;
    position: relative;
    background-image: url(../images/sticker-banner.jpg);
    background-position: right;
    right: 0;
    background-size: cover; }

.sticker-list-header {
  position: absolute;
  display: block;
  float: left;
  left: 0;
  width: 40%;
  top: 300px !important; }
  .sticker-list-header h3 {
    color: #045da8;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 50px;
    text-align: center; }

.bg-color {
  position: relative;
  background-size: cover;
  width: 100%;
  height: auto;
  min-height: 100vh;
  background-position: center;
  background-image: url(../images/bg-1.jpg); }

.bg-color:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0; }

.stack-order {
  z-index: 1;
  position: relative; }

.stickerlist-searchbox {
  padding-top: 50px; }

.sticker-list-whiteblock {
  position: relative;
  background-position: center;
  background-color: #fff;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  margin-top: 100px;
  margin-right: auto; }

.border {
  border-bottom: 2px solid #fff; }

tr th {
  width: 12.5% !important; }
  tr th h6 {
    font-family: "Philosopher", sans-serif;
    font-size: 20px;
    color: #000;
    /*#cc3d04;*/
    text-align: center; }

tr #td-1:hover {
  background-color: #FFF842;
  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px,  #7F7C21 -3px 3px,  #7F7C21 -4px 4px,  #7F7C21 -5px 5px,  #7F7C21 -6px 6px;
  transform: translate3d(6px, -6px, 0);
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: all;
  transition-timing-function: line;
  color: #403E10;
  font-weight: bold; }

.block {
  width: 100px;
  display: block;
  position: relative;
  height: 100px;
  overflow: hidden;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #858585;
  background-color: #fbe69d; }

td h6 {
  font-family: "Quicksand", sans-serif;
  color: #000;
  font-size: 16px;
  text-align: center;
  font-weight: bold; }
  td h6 a {
    text-decoration: none !important; }
td img {
  display: block;
  margin: 0 auto; }

/*.container td, .container th {
	  padding-bottom: 2%;
	  padding-top: 2%;
  padding-left:2%;  
}*/
.sticker-bg-color {
  background-color: #f1efef; }

.padding {
  margin-top: 70px; }

.sticker-list-row {
  padding-top: 60px; }

.sticker-list-block {
  position: relative;
  max-width: 1200px;
  border-radius: 8px;
  background-color: #fff;
  margin: auto;
  box-sizing: border-box;
  padding: 0;
  height: 500px; }

.image {
  display: block;
  width: 100%;
  height: auto; }

.sticker-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease; }

.sticker-list-block:hover .sticker-overlay {
  width: 50%; }

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap; }

.sticker-list-block:hover .overlay {
  width: 100%; }

/*.sticker-list-block{
					height: 500px;
					position: absolute;
					width: 100%;
					top: 200px;
					background-color: #transparent;

				}
.sticker-block-design{
						display: block;
						background:$white;
						width: 100%;
						height: 324px;
						overflow: hidden;


				.inner-design{
							  	width: 100%;
							  	height: 300px;
							  	overflow: hidden;
							  	position: relative;
							  }
				.sticker-title{
								width: 100%;
								height: 63px;
								background-color:#15262f;
								position: relative;
								font-size: 20px;
								color: #fff;
								text-transform:uppercase;	 
								}			  

					}




.bg{
     position: relative;
     background-size: cover;
     top: 0;
     right: 0;
     left:0;
     background-image: url(../images/bg-1.jpg);
     width: 100%;
     height: 400px;
     background-position: center; 
}


.sticker-list-part{
					position: relative;
					padding-top: 70px;
					background-color: #f6f6f6;	
				}



.stickerlist-search-form {
							position: relative;
							height: auto;
							padding:20px 0;

							.sticker-searchbox { width: 20%; }

							.stickerlist-btn{
											  float: right;
											  position: relative;
											  padding: 10px 5px;
											  background-color: $blue;
											  border: none;
											  color: $white;

											}
						}

.listing-container{width: 30% !important;}						

.listing-row{
				background-color:#fff;
				display: table;
				overflow: hidden;
				width: 100%;
				border: 1px solid $blue;
				margin: 30px 0;


				.listing-row-image{

					background-image: url(../images/sticker-pack-7.png);
					position: relative;
					overflow: hidden;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					width: 50%;
					height: 200px;
					display: table-cell;
					vertical-align: top;
				}


				.listing-row-body{
					position: relative;
					padding: 15px 30px;
					display: table;
					vertical-align: top;


					.listing-row-title{
										border: 0;
										font-size: 18px;
										font-weight:bold;
										margin: 0 0 20px 0;
										padding:0;
										font-family: $font-content;

									}
		

				}

				.listing-row-properties{
											position: relative;
											vertical-align: top;
											padding:10px 20px;
											width: 260px; 


					dl{
						margin: 0;
						padding: 0;


						dt{
							clear: left;
							float: left;
							line-height: 36px;	
						}

						dd {
							border-bottom: 1px dashed #e9e9e9;
							color: $grey;
							clear: right;
							line-height: 36px;
							text-align: right; 
						  }
					}										


				}

			}*/
/**** ends here ****/
/*** LOGIN PAGE ***/
.carousel {
  margin-top: 25%; }

.login {
  position: relative;
  top: 97px;
  height: 100vh;
  background: #f6f6f5; }

.login-bg {
  width: 50%;
  left: 0;
  position: relative;
  float: left;
  height: 902px; }

.login-bg:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

.login-form {
  width: 50%;
  position: relative;
  float: left;
  background-color: #f6f6f5;
  min-height: 902px; }

.login-container {
  width: 80%;
  display: block;
  margin: 0 auto;
  padding-top: 46px; }

.login-row {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 35px;
  padding-top: 100px;
  color: #045da8;
  font-family: "Poppins", sans-serif;
  font-weight: 500; }

.login-row-1 {
  display: block;
  margin-left: 53px !important;
  margin-top: 40px; }

label {
  margin-bottom: 20px !important; }
  label .login-field {
    display: block;
    margin: 0 auto;
    padding: 15px 10px;
    border-radius: 12px !important;
    border: none;
    outline: none;
    background-color: #f2f2f1;
    width: 80%; }
  label span {
    font-weight: normal;
    font-family: inherit;
    left: 64px !important; }

.login-field {
  display: block;
  margin: 0 auto;
  padding: 15px 10px;
  border-radius: 12px;
  border: none;
  outline: none;
  background-color: #f2f2f1;
  width: 80%; }
  .login-field:hover, .login-field:focus {
    transition: 0.1s ease; }

.check-box {
  width: 0 !important;
  display: inline-block !important; }

.check-box:hover,
.check-box:active {
  border: 0.5px solid #045da8;
  transition: 0.1s ease; }

.margin-btm {
  margin-bottom: 30px; }

.margintop {
  margin-top: 50px; }

.login-btn {
  display: block;
  margin: 0 auto;
  float: none !important;
  padding: 15px 74px;
  border-radius: 20px;
  margin-top: 40px; }

.a {
  float: right;
  margin-right: 66px; }

.input-group {
  position: relative;
  margin: 40px auto; }

input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 300px;
  border: none;
  border-bottom: 1px solid #757575;
  border-radius: 5px; }

input:focus {
  outline: none; }

label {
  color: #999;
  font-size: 18px;
  font-weight: 500 !important;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

input:focus ~ label,
input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #4285f4; }

.bar {
  position: relative;
  display: block;
  width: 300px; }

.bar:before,
.bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #4285f4;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

.bar:before {
  left: 50%; }

.bar:after {
  right: 50%; }

input:focus ~ .bar:before,
input:focus ~ .bar:after {
  width: 50%; }

.highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5; }

input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease; }

/* animations */
@-webkit-keyframes inputHighlighter {
  from {
    background: #4285f4; }
  to {
    width: 0;
    background: transparent; } }
@-moz-keyframes inputHighlighter {
  from {
    background: #4285f4; }
  to {
    width: 0;
    background: transparent; } }
@keyframes inputHighlighter {
  from {
    background: #4285f4; }
  to {
    width: 0;
    background: transparent; } }

/*# sourceMappingURL=style.css.map */
.add_button{
  float: right;
    padding: 13px;
    margin-bottom: 10px;
    border-radius: 5%;
    background: #3f82e5;
    color: white;
    cursor: pointer;
}
.linear_bg{  background: #1abc9c;
             background-image:-moz-linear-gradient(-45deg, rgba(4, 93, 168, 1) 0%, rgba(210,169,5,0.5) 0%, rgba(38,196, 225, 1) 100%) !important;
            background-image:-webkit-linear-gradient(-45deg, rgba(4, 93, 168, 1) 0%, rgba(210,169,5,0.5) 0%, rgba(38,196, 225, 1) 100%) !important;
            
            background-image: linear-gradient(-45deg, rgba(4, 93, 168, 1) 0%, rgba(210,169,5,0.5) 0%, rgba(38,196, 225, 1) 100%) !important;
            background-image:-webkit-gradient(-45deg, rgba(4, 93, 168, 1) 0%, rgba(210,169,5,0.5) 0%, rgba(38,196, 225, 1) 100%);
            background-image:-o-linear-gradient(-45deg, rgba(4, 93, 168, 1) 0%, rgba(210,169,5,0.5) 0%, rgba(38,196, 225, 1) 100%);
            background-image:-ms-linear-gradient(-45deg, rgba(4, 93, 168, 1) 0%, rgba(210,169,5,0.5) 0%, rgba(38,196, 225, 1) 100%);
            animation: gradient 15s ease infinite !important; 
            background-size: 400% 400%;
            box-shadow: 1px 5px 8px rgba(0,0,0,0.2);
          }

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}        
@keyframes float {
   0% {
     box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
     transform: translatey(0px);
  }
   50% {
     box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
     transform: translatey(-20px);
  }
   100% {
     box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
     transform: translatey(0px);
  }
}

 .avatar {
   width: 150px;
   height: 150px;
   box-sizing: border-box;
   border: 5px white solid;
   border-radius: 50%;
   overflow: hidden;
   box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
   transform: translatey(0px);
   animation: float 6s ease-in-out infinite;
}
 .avatar img {
   width: 100%;
   height: auto;
}
 .content {
   width: 100%;
   max-width: 600px;
   padding: 20px 40px;
   box-sizing: border-box;
   text-align: center;
   padding-left: 0;
   z-index: 10
}

.linear_bg  .container {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}


/*.button-group .button {
  display: inline-block;
  padding: 0.5em 1.0em;
  border-radius: 4px;
  background: #ffffff;
  font-family: sans-serif;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #000000;
  margin: 10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  top: 0;
}

.button-group .button:hover {
  background-color: rgba(0,0,0,0.1);
}

.button-group .button:active,
.button-group .button.is-checked {
  background-color: rgba(0,0,0,0.1);
  outline: none;
}

.button-group {
  margin: 20px 0;
  text-align: center;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

article img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.grid article {
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin: 1%;
  width: 23%;
}

@media (max-width: 1024px) {
  .grid article {
    width: 31.3%;
  }
}

@media (max-width: 767px) {
  .grid article {
    width: 48%;
  }
}

@media (max-width: 479px) {
  .grid article {
    margin: 2% 0;
    width: 100%;
  }
}*/


.gallery-title{
    font-size: 36px;
    color: #3F6184;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.filter-button{
    font-size: 18px;
    border: 2px solid #0d82e5;
    padding: 5px 25px;
    text-align: center;
    color: #0d82e5;
    margin-bottom: 30px;
  background:transparent;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 20px;
    font-weight: 301;
    cursor: pointer;


}
.filter-button:hover,
.filter-button:focus,
.filter-button:active{
    color: #ffffff;
    background-color:#0d82e5;
    outline:none;
    text-decoration: none; 

}

 .active{ color: #ffffff;
                      background-color:#0d82e5;
                      outline:none;
                      text-decoration: none;  }
.gallery_product{
    margin: 0px;
    padding:0;
    position:relative;
    margin-bottom: 20px
}
.gallery_product .img-info{
  position: absolute;
    background:rgba(13,130,229,0.9);
    left: 15px;
    right:15px;
    bottom: 0;
    padding: 20px;
  overflow:hidden;
  color:#fff;
  top:0;
  display:none;
     -webkit-transition: 2s;
    transition: 2s;
}

.gallery_product:hover .img-info{
  display:block;
   -webkit-transition: 2s;
    transition: 2s;
    border-radius: 30px

}



 
 .category1 .block{ 
                    border: none;
                    border-radius: 20px;
                    width: 100%;
                    height: auto;
                    padding: 20px 20px;
                    box-shadow: 0 30px 65px 0 rgba(177,181,197,.6);
                    -webkit-transition: box-shadow 250ms ease,border 250ms ease,-webkit-transform 250ms ease;
                    transition: box-shadow 250ms ease,border 250ms ease,-webkit-transform 250ms ease;
                      transition: transform 250ms ease,box-shadow 250ms ease,border 250ms ease;
                      transition: transform 250ms ease,box-shadow 250ms ease,border 250ms ease,
                      -webkit-transform 250ms ease;
                      margin-top: 0

                  } 

   .category1 .block img{ border-radius: 20px }                

 .category1 .block:hover{ box-shadow: 2px 2px 2px 2px #dddada;
transform: scale(1);
transition: 0.5 ease;
border-style: none solid solid;
border-width: 1px;
border-color: #c4cbd5;
box-shadow: none;
-webkit-transform: translate(0,5px);
-ms-transform: translate(0,5px);
transform: translate(0,5px); 
}                          
.fancybox img{ border-radius: 30px }
/*  end gallery */


.m_50{ margin-top: 50px ; margin-bottom: 50px }
.button_row{ width: 25%;
              display: block;
              position: relative;
              margin: 0 auto;
              height: 45px;
              padding: 0 10px
            }

 .button_row a:nth-child(1) { float: left;   }  
  .button_row a:nth-child(2) { float: right;   }    
 .mb_50{ margin-bottom: 50px }        
.sticker_display{
                                position: relative;
                                width: 100%;
                                overflow: hidden;
                                display: flex;
                                height: 180px;
                              }


.padding{ 
          padding-right: 0px !important;
          padding-left: 0px !important;
         }
.margin{ margin-top: 0 !important }

.privacy_bg{
              background-color: #f7f7f7;
              position: relative;
              top: 100px;
              height: 100vh;
              padding: 50px 50px;
              display: block;
            }

.privacy_bg .box-row{
                      background-color: #fff;
                      padding: 40px 40px;
                      border: 1px #ccc solid;
                      border-radius: 5px;
                    } 
/*
.privacy_bg .box-row:after{
                                  content: ' ';
                                  display: table;

                            }*/                    

.privacy_bg .box-row .privacy_block  {
                                        position: relative;
                                      } 


.privacy_bg .box-row .privacy_block  h1 {
                                            font-size: 34px;
                                            font-weight: 600;
                                            font-family: "Poppins", sans-serif;
                                        }

.privacy_bg .box-row .privacy_block .privacy_points{
                                                     
                                                      color: #62646a;

                                                    }  

.privacy_bg .box-row .privacy_block .privacy_points div{ display: inline-flex; } 
.privacy_bg .box-row .privacy_block .privacy_points div i{
                                                            font-size: 8px;
                                                            padding: 0 5px;
                                                            position: relative;
                                                           bottom: -11px;
                                                          }                                                   

 .privacy_bg .box-row .privacy_block h3{
                                          font-size: 20px;
                                          font-weight: 400;
                                          font-family: "Quicksand", sans-serif;
                                          margin: 5px 0;
                                          padding: 5px 5px   
                                        }  

.nav-header{ height: 55px !important } 

.btn i{ font-size: 22px } 

.nav .btn{ padding: 13px 14px  }