





/*===== 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(-60px);

	-moz-transform: translateY(-60px);

	transform: translateY(-60px);

}



.cbp-so-init .cbp-so-side-bottom {

	-webkit-transform: translateY(60px);

	-moz-transform: translateY(60px);

	transform: translateY(60px);

}



.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 ====*/