/*--------------row settings element-----------------*/
 .floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
 .tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}
 .pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}
.rotate-continue{
    -webkit-animation-name: rotating; 
    -webkit-animation-duration: 10s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotating; 
    -moz-animation-duration: 10s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotating; 
    animation-duration: 10s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotating{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotating{
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotating{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/*---------------top bottom separator------------------*/
.advrowsep-style-top-bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
}
.style-top-traingles::before,.style-top-halfcircle::before{
    position: absolute;
    content: '';
    pointer-events: none;
}
.style-top-traingles::before{
	left: 50%;
	width: 100px;
	height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
.style-top-traingles::before {
	top: -50px;
}

.style-top-halfcircle::before{
	left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.style-top-halfcircle::before {
	top: -50px;
}
#traingle_top_svg{
position:absolute;
top:0px;
}

.style-top-multiarrow:before{
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    top: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.style-top-3d-traingle:before{
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    z-index: 10;
    display: block;
     width: 100%;
    height: 45px;
    background-size: 50px 100%;
    top: -45px;   
    background-position: 50%;
}
	
.style-roundedsplit::before,
.style-roundedsplit::after {
	position: absolute;
	content: '';
	pointer-events: none;
}
.style-roundedsplit {
	border-radius: 0 0 80px 80px;
}

.style-roundedsplit::before,
.style-roundedsplit::after {
	top: -70px;
	left: 0;
	z-index: 10;
	width: 50%;
	height: 70px;
}
.style-roundedsplit::before {
	border-radius: 0 80px 0 0;
}
.style-roundedsplit::after {
	left: 50%;
	border-radius: 80px 0 0 0;
}
.style-diagonal-shadow::before,
.style-diagonal-shadow::after {
		position: absolute;
		content: '';
		pointer-events: none;
		}

.style-diagonal-shadow {
		z-index: 1;
		padding-top: 3em;
		background: #252524;
		}

.style-diagonal-shadow::before, 
.style-diagonal-shadow::after {
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 75%;
		background: inherit;
		-webkit-transform: rotate(-1deg);
		transform: rotate(-1deg);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		}

.style-diagonal-shadow::before {
		height: 50%;
		background: #535353;
		-webkit-transform: rotate(-3deg);
		transform: rotate(-2deg);
		-webkit-transform-origin: 3% 0;
		transform-origin: 8% 0;
		}

.style-left-diagonal {
        z-index: 1;
        padding-top: 0px;
        }

    .style-left-diagonal::after {
        position: absolute;
        content: '';
        pointer-events: none;
        top: -80px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 80px;
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        -webkit-transform-origin: -3% 0;
        transform-origin: -3% 0;
        }
.style-small-boxes:before{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    -webkit-background-size: 130px 100%;
    background-size: 115px 100%;
    position: absolute;
    content: '';
    pointer-events: none;
}

.style-inczigzag::before{
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 100px 100%;
position: absolute;
    content: '';
    pointer-events: none;
}
.style-inczigzag::before {
	top: 0;	
}

.style-foldedcorner::before,
.style-foldedcorner::after {
	bottom: 0;
	width: 100px;
	height: 100px;
position: absolute;
    content: '';
    pointer-events: none;
}

.style-foldedcorner::before {
	right: 0;
}

.style-foldedcorner::after {
	right: 100px;	
}
.style-dots::before {
	bottom: -7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
    content: '';
    pointer-events: none;
}
.style-custom-image:before{
    position: absolute;
    content: '';
    height: auto;
    z-index: 1;
    left: 0;
    width: 100%;   
}

.flip-image:hover img{
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(180deg);
transform-style: preserve-3d;
}
.flip-image img, .flip-image:hover img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.hover-image img{
-webkit-transition: opacity 1.1s ease;
transition: opacity 1.1s ease;
}
.hover-image:hover .normal-separate-image{
opacity:0;
}