/*===== Transform effects ====*/
@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-50%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-50%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-50%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(50%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(50%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(50%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
/*===== end Transform effects ====*/

/*===== Inner scroll styles ====*/
.scroll {
   background:none;
   overflow-y: hidden;
   -ms-scrollbar-base-color: #d9366b; 
}
.scroll:hover{
	overflow-y:scroll;
}
.scroll::-webkit-scrollbar {
    width: 3px;
	background:none;
	margin:5px;
	display:none;
}

.scroll::-webkit-scrollbar-track {
	border:1px solid #c62b5d;
	border-radius: 10px;
	height:30px;
	display:none;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
	width:15px;
	border:2px solid #d9366b;
	height:5px;
	display:none;
	
}
/*===== end Inner scroll styles ====*/

/*===== Loader Keyframes ====*/
@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
/*===== end Loader Keyframes ====*/



/*===== end gallery item descriptions ====*/

/*===== gallery isotope effects ====*/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
  width:25%;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
		  
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/*===== disabling Isotope CSS3 transitions ====*/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/*===== End: Recommended Isotope styles ====*/

/*===== disable CSS transitions for containers with infinite scrolling ====*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
/*===== end gallery isotope effects ====*/




/*===== Scroll Animation ====*/
.cbp-so-scroller {
	margin-top: 3em;
	overflow: hidden;
}
/*===== Clear floats of children ====*/
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}

/*===== Sides ====*/
.cbp-so-side {
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	transition: all 1.5s;
}
/*===== Clear floats of children ====*/
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
}

/*===== Initial state (hidden or anything else) ====*/
.cbp-so-init .cbp-so-side {
	opacity: 0;
}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-120px);
	-moz-transform: translateX(-120px);
	transform: translateX(-120px);
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(120px);
	-moz-transform: translateX(120px);
	transform: translateX(120px);
}

.cbp-so-init .cbp-so-side-top {
	-webkit-transform: translateY(-120px);
	-moz-transform: translateY(-120px);
	transform: translateY(-120px);
}

.cbp-so-init .cbp-so-side-bottom {
	-webkit-transform: translateY(120px);
	-moz-transform: translateY(120px);
	transform: translateY(120px);
}

.cbp-so-init .cbp-so-side-left-o{
	-webkit-transform: translateX(-120px);
	-moz-transform: translateX(-120px);
	transform: translateX(-120px);
}

.cbp-so-init .cbp-so-side-right-o {
	-webkit-transform: translateX(120px);
	-moz-transform: translateX(120px);
	transform: translateX(120px);
}

.cbp-so-init .cbp-so-side-top-o{
	-webkit-transform: translateY(-120px);
	-moz-transform: translateY(-120px);
	transform: translateY(-120px);
}

.cbp-so-init .cbp-so-side-bottom-o {
	-webkit-transform: translateY(120px);
	-moz-transform: translateY(120px);
	transform: translateY(120px);
}
/*===== Animated state ====*/
/*===== add you final states (transition) or your effects (animations) for each side ====*/
.cbp-so-section.cbp-so-animate .cbp-so-side-top,
.cbp-so-section.cbp-so-animate .cbp-so-side-bottom,
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
	/*display:block;*/
}

.cbp-so-section.cbp-so-animate .cbp-so-side-top-o,
.cbp-so-section.cbp-so-animate .cbp-so-side-bottom-o,
.cbp-so-section.cbp-so-animate .cbp-so-side-left-o,
.cbp-so-section.cbp-so-animate .cbp-so-side-right-o {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	/*display:block;*/
}

/*===== Move Animations ====*/
@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-50%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-50%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-50%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(50%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(50%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(50%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(50);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(50%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(50%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
/*===== end Move Animations ====*/