/*--------------------------------------------------------------
3. Animsition preloader
--------------------------------------------------------------*/
body,
.animsition-overlay {
	overflow: hidden;
}

.animsition-overlay {
	z-index: 2;
}

/* 3.1. Animsition-overlay */
.animsition-overlay-slide {
  	background-color: transparent;
}

.loader:before,
.loader:after {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	background: #111517;
    -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); 
    	-o-transition: 1s cubic-bezier(.86, 0, .07, 1); 
			transition: 1s cubic-bezier(.86, 0, .07, 1);
}

.loader:before {
	left: 100%;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	visibility: visible;
}

.loader:after {
	left: -100%;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
    visibility: hidden;
    -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
            transition-delay: .5s;
}

/* 3.2. Loading animation */
.loading {
  	position: fixed;
  	top: calc(50% - 50px);
  	left: calc(50% - 50px);
  	visibility: visible;
  	-webkit-transition: .5s cubic-bezier(.755, .05, .855, .06);
  		-o-transition: .5s cubic-bezier(.755, .05, .855, .06);
  			transition: .5s cubic-bezier(.755, .05, .855, .06);
  	z-index: 101;
  	width: 100px;
  	height: 100px;
}

.loading:before {
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #111517;
	border-left-color: white;
	-webkit-animation: 1.2s loading-anim cubic-bezier(.77, 0, .175, 1) infinite both;
  	    animation: 1.2s loading-anim cubic-bezier(.77, 0, .175, 1) infinite both;
  	border-radius: 50%;        
  	display: block;
}

.logo-loading {
	width: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
  	    -ms-transform: translate(-50%, -50%);
  	        transform: translate(-50%, -50%);
}

@-webkit-keyframes loading-anim {
	
  	0% {
    	-webkit-transform: rotate(0deg);
    	    transform: rotate(0deg);
  	}
  	
  	100% {
    	-webkit-transform: rotate(360deg);
    	    transform: rotate(360deg);
  	}
  	
}

@keyframes loading-anim {
	
  	0% {
    	-webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  	}
  	
  	100% {
    	-webkit-transform: rotate(360deg);
   	        transform: rotate(360deg);
  	}
  	
}

/* 3.3. Add class after preloader */
body.in {
	overflow: visible;
	overflow-x: hidden;
}

.loader.in:before {
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
    visibility: hidden;
}

.loader.out:after {
	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
    visibility: visible;
}

body.in .loading {
	opacity: 0;
  	visibility: hidden;
}



/*--------------------------------------------------------------
9. Animations
--------------------------------------------------------------*/
.animated {
	-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}

[data-animation]:before,
[data-animation]:after,
[data-animation] {
    opacity: 0;
}

[data-animation].animated:before,
[data-animation].animated:after,
[data-animation].animated {
    opacity: 1;
}

.tr-delay01,
.tr-delay01:before,
.tr-delay01:after {
	-webkit-transition-delay: .1s !important;
	    -o-transition-delay: .1s !important;
	        transition-delay: .1s !important; 
}

.tr-delay02,
.tr-delay02:before,
.tr-delay02:after {
	-webkit-transition-delay: .2s !important;
	    -o-transition-delay: .2s !important;
	        transition-delay: .2s !important;
}

.tr-delay03,
.tr-delay03:before,
.tr-delay03:after {
	-webkit-transition-delay: .3s !important;
	    -o-transition-delay: .3s !important;
	        transition-delay: .3s !important;
}

.tr-delay04,
.tr-delay04:before,
.tr-delay04:after {
	-webkit-transition-delay: .4s !important;
	    -o-transition-delay: .4s !important;
	        transition-delay: .4s !important;
}

.tr-delay05,
.tr-delay05:before,
.tr-delay05:after {
	-webkit-transition-delay: .5s !important;
	    -o-transition-delay: .5s !important;
	        transition-delay: .5s !important;
}

.tr-delay06,
.tr-delay06:before,
.tr-delay06:after {
	-webkit-transition-delay: .6s !important;
	    -o-transition-delay: .6s !important;
	        transition-delay: .6s !important;
}

.tr-delay07,
.tr-delay07:before,
.tr-delay07:after {
	-webkit-transition-delay: .7s !important;
	    -o-transition-delay: .7s !important;
	        transition-delay: .7s !important;
}

.tr-delay08,
.tr-delay08:before,
.tr-delay08:after {
	-webkit-transition-delay: .8s !important;
	    -o-transition-delay: .8s !important;
	        transition-delay: .8s !important;
}

.tr-delay09,
.tr-delay09:before,
.tr-delay09:after {
	-webkit-transition-delay: .9s !important;
	    -o-transition-delay: .9s !important;
	        transition-delay: .9s !important;
}

.tr-delay10,
.tr-delay10:before,
.tr-delay10:after {
	-webkit-transition-delay: 1s !important;
	    -o-transition-delay: 1s !important;
	        transition-delay: 1s !important;
}

.overlay-light-bg-1:before {
	background: #f5f5f5 !important;
}

.overlay-light-bg-2:before {
	background: #f0f0f0 !important;
}

.overlay-dark-bg-1:before {
	background: #111517 !important;
}

.overlay-dark-bg-2:before {
	background: #1b2a2f !important;
}

.overlay-red-bg:before {
	background: #ef0d33 !important;
}

.red-color.overlay-anim-box2:before,
.red-color.overlay-anim-box:before,
.red-color.overlay-loading:before,
.red-color.overlay-loading2:before,
.red-color .overlay-anim-box2:before,
.red-color .overlay-anim-box:before,
.red-color .overlay-loading:before,
.red-color .overlay-loading2:before {
	background: #ef0d33 !important;
}

/* 9.1. Loading animations */

/* 9.1.1. Loading overlay animation #1 */
.overlay-loading {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.overlay-loading:before {
	content: '';
	width: 100%;
	height: 100%;
	background: #1b2a2f;
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-transition: 1.8s cubic-bezier(.77, 0, .175, 1);
		-o-transition: 1.8s cubic-bezier(.77, 0, .175, 1);
			transition: 1.8s cubic-bezier(.77, 0, .175, 1);
	z-index: 3;
	-webkit-transform: translateX(-202%);
	    -ms-transform: translateX(-202%);
	        transform: translateX(-202%);
}

body.anim .overlay-loading:before {
	-webkit-transform: translateX(1%);
	    -ms-transform: translateX(1%);
	        transform: translateX(1%);
}

.loading-opacity-anim {
	opacity: 0;
	-webkit-transition: 0s;
		-o-transition: 0s;
			transition: 0s;
	-webkit-transition-delay: .86s;
	     -o-transition-delay: .86s;
	        transition-delay: .86s;
}

body.anim .loading-opacity-anim {
	opacity: 1;	
}

.dark-bg-1 .overlay-loading:before,
.dark-bg-2 .overlay-loading:before {
	background: #f5f5f5;
}

.tr-delay01 .loading-opacity-anim {
	-webkit-transition-delay: .96s;
	    -o-transition-delay: .96s;
	        transition-delay: .96s;
}

.tr-delay02 .loading-opacity-anim {
	-webkit-transition-delay: 1.06s;
	    -o-transition-delay: 1.06s;
	        transition-delay: 1.06s;
}

.tr-delay03 .loading-opacity-anim {
	-webkit-transition-delay: 1.16s;
	    -o-transition-delay: 1.16s;
	        transition-delay: 1.16s;
}

.tr-delay04 .loading-opacity-anim {
	-webkit-transition-delay: 1.26s;
	    -o-transition-delay: 1.26s;
	        transition-delay: 1.26s;
}

.tr-delay05 .loading-opacity-anim {
	-webkit-transition-delay: 1.36s;
	    -o-transition-delay: 1.36s;
	        transition-delay: 1.36s;
}

.tr-delay06 .loading-opacity-anim {
	-webkit-transition-delay: 1.46s;
	    -o-transition-delay: 1.46s;
	        transition-delay: 1.46s;
}

.tr-delay07 .loading-opacity-anim {
	-webkit-transition-delay: 1.56s;
	    -o-transition-delay: 1.56s;
	        transition-delay: 1.56s;
}

.tr-delay08 .loading-opacity-anim {
	-webkit-transition-delay: 1.66s;
	    -o-transition-delay: 1.66s;
	        transition-delay: 1.66s;
}

.tr-delay09 .loading-opacity-anim {
	-webkit-transition-delay: 1.76s;
	    -o-transition-delay: 1.76s;
	        transition-delay: 1.76s;
}

.tr-delay10 .loading-opacity-anim {
	-webkit-transition-delay: 1.86s;
	    -o-transition-delay: 1.86s;
	        transition-delay: 1.86s;
}

/* 9.1.2. Loading overlay animation #2 */
.overlay-loading2 {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.overlay-loading2:before {
	content: '';
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: 1s cubic-bezier(.86, 0, .07, 1);
		-o-transition: 1s cubic-bezier(.86, 0, .07, 1);
			transition: 1s cubic-bezier(.86, 0, .07, 1);
	z-index: 3;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}

body.anim .overlay-loading2:before {
	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
}

.light-bg-2 .overlay-loading2:before {
	background: #f0f0f0;
}

.dark-bg-1 .overlay-loading2:before {
	background: #111517;
}

.dark-bg-2 .overlay-loading2:before {
	background: #1b2a2f;
}

.red-bg .overlay-loading2:before {
	background: #ef0d33;
}

/* 9.1.3. Loading fade animation */
.fade-loading {
	display: inline-block;
	opacity: 0;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1);
    	-o-transition: 1s cubic-bezier(.77, 0, .175, 1);
			transition: 1s cubic-bezier(.77, 0, .175, 1);
}

body.anim .fade-loading {
	opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

/* 9.1.4. Loading title fill animation */
.load-title-fill {
	white-space: nowrap;
	color: transparent;
	position: relative;
	display: inline-block;
}

.load-title-fill:before,
.load-title-fill:after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	color: #262626;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	-webkit-transition: 1s cubic-bezier(.77, 0, .175, 1);
		-o-transition: 1s cubic-bezier(.77, 0, .175, 1);
			transition: 1s cubic-bezier(.77, 0, .175, 1);
	width: 0%;
	white-space: nowrap;
	overflow: hidden;
}

.load-title-fill:after {
	color: #ef0d33;
	background: #f5f5f5;
	-webkit-transition-delay: .3s;
	    -o-transition-delay: .3s;
	        transition-delay: .3s;
}

body.anim .load-title-fill:before,
body.anim .load-title-fill:after {
	width: 100%;
}

.dark-bg-1 .load-title-fill:before,
.dark-bg-2 .load-title-fill:before {
	color: white;
}

.red-bg .load-title-fill:before {
	color: #262626;
}

.light-bg-2 .load-title-fill:after {
	background: #f0f0f0;
}

.dark-bg-1 .load-title-fill:after {
	background: #111517;
}

.dark-bg-2 .load-title-fill:after {
	background: #1b2a2f;
}

.red-bg .load-title-fill:after {
	background: #1b2a2f;
}

.tr-delay01.load-title-fill:after {
	-webkit-transition-delay: .4s !important;
	    -o-transition-delay: .4s !important;
	        transition-delay: .4s !important;
}

.tr-delay02.load-title-fill:after {
	-webkit-transition-delay: .5s !important;
	    -o-transition-delay: .5s !important;
	        transition-delay: .5s !important;
}

.tr-delay03.load-title-fill:after {
	-webkit-transition-delay: .6s !important;
	    -o-transition-delay: .6s !important;
	        transition-delay: .6s !important;
}

.tr-delay04.load-title-fill:after {
	-webkit-transition-delay: .7s !important;
	    -o-transition-delay: .7s !important;
	        transition-delay: .7s !important;
}

.tr-delay05.load-title-fill:after {
	-webkit-transition-delay: .8s !important;
	    -o-transition-delay: .8s !important;
	        transition-delay: .8s !important;
}

.tr-delay06.load-title-fill:after {
	-webkit-transition-delay: .9s !important;
	    -o-transition-delay: .9s !important;
	        transition-delay: .9s !important;
}

.tr-delay07.load-title-fill:after {
	-webkit-transition-delay: 1s !important;
	    -o-transition-delay: 1s !important;
	        transition-delay: 1s !important;
}

.tr-delay08.load-title-fill:after {
	-webkit-transition-delay: 1.1s !important;
	    -o-transition-delay: 1.1s !important;
	        transition-delay: 1.1s !important;
}

.tr-delay09.load-title-fill:after {
	-webkit-transition-delay: 1.2s !important;
	    -o-transition-delay: 1.2s !important;
	        transition-delay: 1.2s !important;
}

.tr-delay10.load-title-fill:after {
	-webkit-transition-delay: 1.3s !important;
	    -o-transition-delay: 1.3s !important;
	        transition-delay: 1.3s !important;
}

/* 9.2. Scroll animations */

/* 9.2.1. Scroll overlay animation #1 */
[data-animation].overlay-anim-box:before,
[data-animation].overlay-anim-box:after,
[data-animation].overlay-anim-box {
    opacity: 1;
}

.overlay-anim-box {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.overlay-anim-box:before {
	content: '';
	width: 100%;
	height: 100%;
	background: #1b2a2f;
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-transition: 1.8s cubic-bezier(.77, 0, .175, 1);
		-o-transition: 1.8s cubic-bezier(.77, 0, .175, 1);
			transition: 1.8s cubic-bezier(.77, 0, .175, 1);
	z-index: 3;
	-webkit-transform: translateX(-202%);
	    -ms-transform: translateX(-202%);
	        transform: translateX(-202%);
}

.overlay-anim-box.overlay-anim:before {
	-webkit-transform: translateX(1%);
	    -ms-transform: translateX(1%);
	        transform: translateX(1%);
}

.overlay-opacity-anim {
	opacity: 0;
	-webkit-transition: 0s;
		-o-transition: 0s;
			transition: 0s;
	-webkit-transition-delay: .86s;
	    -o-transition-delay: .86s;
	        transition-delay: .86s;
}

.overlay-anim .overlay-opacity-anim {
	opacity: 1;	
}

.dark-bg-1 .overlay-anim-box:before,
.dark-bg-2 .overlay-anim-box:before {
	background: #f5f5f5;
}

.tr-delay01 .overlay-opacity-anim {
	-webkit-transition-delay: .96s;
	    -o-transition-delay: .96s;
	        transition-delay: .96s;
}

.tr-delay02 .overlay-opacity-anim {
	-webkit-transition-delay: 1.06s;
	    -o-transition-delay: 1.06s;
	        transition-delay: 1.06s;
}

.tr-delay03 .overlay-opacity-anim {
	-webkit-transition-delay: 1.16s;
	    -o-transition-delay: 1.16s;
	        transition-delay: 1.16s;
}

.tr-delay04 .overlay-opacity-anim {
	-webkit-transition-delay: 1.26s;
	    -o-transition-delay: 1.26s;
	        transition-delay: 1.26s;
}

.tr-delay05 .overlay-opacity-anim {
	-webkit-transition-delay: 1.36s;
	    -o-transition-delay: 1.36s;
	        transition-delay: 1.36s;
}

.tr-delay06 .overlay-opacity-anim {
	-webkit-transition-delay: 1.46s;
	    -o-transition-delay: 1.46s;
	        transition-delay: 1.46s;
}

.tr-delay07 .overlay-opacity-anim {
	-webkit-transition-delay: 1.56s;
	    -o-transition-delay: 1.56s;
	        transition-delay: 1.56s;
}

.tr-delay08 .overlay-opacity-anim {
	-webkit-transition-delay: 1.66s;
	    -o-transition-delay: 1.66s;
	        transition-delay: 1.66s;
}

.tr-delay09 .overlay-opacity-anim {
	-webkit-transition-delay: 1.76s;
	    -o-transition-delay: 1.76s;
	        transition-delay: 1.76s;
}

.tr-delay10 .overlay-opacity-anim {
	-webkit-transition-delay: 1.86s;
	    -o-transition-delay: 1.86s;
	        transition-delay: 1.86s;
}

/* 9.2.2. Scroll overlay animation #2 */
[data-animation].overlay-anim-box2:before,
[data-animation].overlay-anim-box2:after,
[data-animation].overlay-anim-box2 {
    opacity: 1;
}

.overlay-anim-box2 {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.overlay-anim-box2:before {
	content: '';
	background: #3bc8e7;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: 1s cubic-bezier(.86, 0, .07, 1);
		-o-transition: 1s cubic-bezier(.86, 0, .07, 1);
			transition: 1s cubic-bezier(.86, 0, .07, 1);
	z-index: 3;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);       
}

.overlay-anim-box2.overlay-anim2:before {
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
}

.light-bg-2 .overlay-anim-box2:before {
	background: #f0f0f0;
}

.dark-bg-1 .overlay-anim-box2:before {
	background: #111517;
}

.dark-bg-2 .overlay-anim-box2:before {
	background: #1b2a2f;
}

.red-bg .overlay-anim-box2:before {
	background: #ef0d33;
}

/* 9.2.3. Scroll fade animation */
.fade-anim-box {
	display: inline-block;
	opacity: 0;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1);
    	-o-transition: 1s cubic-bezier(.77, 0, .175, 1);
			transition: 1s cubic-bezier(.77, 0, .175, 1);
}

.fade-anim-box.fade-anim {
	opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

/* 9.2.4. Scroll title fill animation */
[data-animation].title-fill:before,
[data-animation].title-fill:after,
[data-animation].title-fill {
    opacity: 1;
}

.title-fill {
	white-space: nowrap;
	color: transparent;
	position: relative;
	display: inline-block;
}

.title-fill:before,
.title-fill:after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	color: #f5f5f5;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 0;
	-webkit-transition: 1s cubic-bezier(.77, 0, .175, 1);
		-o-transition: 1s cubic-bezier(.77, 0, .175, 1);
			transition: 1s cubic-bezier(.77, 0, .175, 1);
	width: 0%;
	white-space: nowrap;
	overflow: hidden;
}

.title-fill:after {
	color: #3bc8e7;
	background: transparent;
	-webkit-transition-delay: .3s;
	    -o-transition-delay: .3s;
	        transition-delay: .3s;
}

.title-fill.title-fill-anim:before,
.title-fill.title-fill-anim:after {
	width: 100%;
}

.dark-bg-1 .title-fill:before,
.dark-bg-2 .title-fill:before {
	color: white;
}

.red-bg .title-fill:before {
	color: #262626;
}

.light-bg-2 .title-fill:after {
	background: #f0f0f0;
}

.dark-bg-1 .title-fill:after {
	background: #111517;
}

.dark-bg-2 .title-fill:after {
	background: #1b2a2f;
}

.red-bg .title-fill:after {
	background: #1b2a2f;
}

.tr-delay01.title-fill:after {
	-webkit-transition-delay: .4s !important;
	    -o-transition-delay: .4s !important;
	        transition-delay: .4s !important;
}

.tr-delay02.title-fill:after {
	-webkit-transition-delay: .5s !important;
	    -o-transition-delay: .5s !important;
	        transition-delay: .5s !important;
}

.tr-delay03.title-fill:after {
	-webkit-transition-delay: .6s !important;
	    -o-transition-delay: .6s !important;
	        transition-delay: .6s !important;
}

.tr-delay04.title-fill:after {
	-webkit-transition-delay: .7s !important;
	    -o-transition-delay: .7s !important;
	        transition-delay: .7s !important;
}

.tr-delay05.title-fill:after {
	-webkit-transition-delay: .8s !important;
	    -o-transition-delay: .8s !important;
	        transition-delay: .8s !important;
}

.tr-delay06.title-fill:after {
	-webkit-transition-delay: .9s !important;
	    -o-transition-delay: .9s !important;
	        transition-delay: .9s !important;
}

.tr-delay07.title-fill:after {
	-webkit-transition-delay: 1s !important;
	    -o-transition-delay: 1s !important;
	        transition-delay: 1s !important;
}

.tr-delay08.title-fill:after {
	-webkit-transition-delay: 1.1s !important;
	    -o-transition-delay: 1.1s !important;
	        transition-delay: 1.1s !important;
}

.tr-delay09.title-fill:after {
	-webkit-transition-delay: 1.2s !important;
	    -o-transition-delay: 1.2s !important;
	        transition-delay: 1.2s !important;
}

.tr-delay10.title-fill:after {
	-webkit-transition-delay: 1.3s !important;
	    -o-transition-delay: 1.3s !important;
	        transition-delay: 1.3s !important;
}

/****************************webiran css*****************************/
/*Custom mouse cursor*/
* {
	cursor: none;
}

.pointer {
	position: fixed;
	top: 50%;
	left: -100px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	    box-sizing: border-box;
	z-index: 9999;
	-webkit-transition-property: width, height, background;
		-o-transition-property: width, height, background;
			transition-property: width, height, background;
	-webkit-transition-duration: .5s;
	    -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.2, .96, .34, 1);
	    -o-transition-timing-function: cubic-bezier(.2, .96, .34, 1);
	        transition-timing-function: cubic-bezier(.2, .96, .34, 1);
	border-radius: 50%;
	background: #3bc8e7;
	overflow: hidden;
}

body.out .pointer {
	width: 0;
	height: 0;
}

.pointer.large {
	width: 65px;
	height: 65px;
	background: rgba(59,200,231,.15);
	-webkit-box-shadow: 0 0 30px rgba(59,200,231, 0.8);
	    box-shadow: 0 0 30px rgba(59,200,231, 0.8);
}

.pointer.small {
	width: 25px;
	height: 25px;
	background: rgba(59,200,231,0);
	-webkit-box-shadow: 0 0 30px #3bc8e7;
	    box-shadow: 0 0 30px #3bc8e7;
}

.pointer.right {
	width: 70px;
	height: 70px;
	background: rgba(59,200,231,0);
	border: 2px solid #3bc8e7;
}

.pointer.zoom,
.pointer.open {
	width: 80px;
	height: 80px;
	background: rgba(239,13,51,0);
	border: 2px solid #3bc8e7;
}

.pointer .fa-long-arrow-alt-right,
.pointer .fa-search,
.pointer .fa-link {
	color: #3bc8e7;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-100%, -50%);
	    -ms-transform: translate(-100%, -50%);
	        transform: translate(-100%, -50%);
	opacity: 0;
	-webkit-transition: .4s cubic-bezier(.23, 1, .32, 1);
		-o-transition: .4s cubic-bezier(.23, 1, .32, 1);
			transition: .4s cubic-bezier(.23, 1, .32, 1);
}

.pointer .fa-search, 
.pointer .fa-link {
	-webkit-transform: translate(-50%, -50%) scale(0);
	    -ms-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
}

.pointer.right .fa-long-arrow-alt-right {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition-delay: .2s;
	    -o-transition-delay: .2s;
	    	transition-delay: .2s;
}

.pointer.zoom .fa-search,
.pointer.open .fa-link  {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	    -ms-transform: translate(-50%, -50%) scale(1);
	        transform: translate(-50%, -50%) scale(1);
	-webkit-transition-delay: .2s;
	    -o-transition-delay: .2s;
	    	transition-delay: .2s;
}

.pointer.black {
	background: #1b2a2f;
}

.pointer.black.large {
	background: rgba(27,42,47,.4);
	-webkit-box-shadow: 0 0 30px black;
	    box-shadow: 0 0 30px black;
}

.pointer.black.small {
	background: rgba(27,42,47,.5);
	-webkit-box-shadow: 0 0 30px black;
	    box-shadow: 0 0 30px black;
}

.pointer.black.right {
	background: rgba(27,42,47,0);
	border: 2px solid #1b2a2f;
}

.pointer.black.zoom,
.pointer.black.open {
	background: rgba(27,42,47,0);
	border: 2px solid #1b2a2f;
}

.pointer.black .fa-long-arrow-alt-right,
.pointer.black .fa-search,
.pointer.black .fa-link {
	color: #1b2a2f;
}

.touch .pointer {
	display: none;
}
body > .sm-btn-312, .sm-content-inner > .sm-btn-312, .off-menu_312 .sm-btn-312 {
    cursor: none;
}
/*Custom mouse cursor-end*/
/* 8.2. Border button */
.border-btn-box {
  	position: relative;
  	border: 1px solid #bcbdbd;
  	text-align: center;
  	display: inline-block;
	border-radius: 10px;
}

.border-btn-inner {
	overflow: hidden;
}

.border-btn-box:before,
.border-btn-inner:after {
  	position: absolute;
  	width: calc(100% + 1px);
  	height: 1px;
  	content: '';
  	background: #3bc8e7;
  	top: -1px;
  	left: 0;
  	-webkit-transition: 0.5s cubic-bezier(.755, .05, .855, .06);
  		-o-transition: 0.5s cubic-bezier(.755, .05, .855, .06);
  			transition: 0.5s cubic-bezier(.755, .05, .855, .06);
  	-webkit-transform: scaleX(0);
  	    -ms-transform: scaleX(0);
  	        transform: scaleX(0);
  	-webkit-transform-origin: left;
  	    -ms-transform-origin: left;
  	        transform-origin: left;
}

.border-btn-box:after,
.border-btn-inner:before {
  	position: absolute;
  	width: 1px;
  	height: calc(100% + 2px);
  	content: '';
  	background: #3bc8e7;
  	top: -1px;
  	right: -1px;
  	-webkit-transition: 0.5s cubic-bezier(.755, .05, .855, .06);
  		-o-transition: 0.5s cubic-bezier(.755, .05, .855, .06);
  			transition: 0.5s cubic-bezier(.755, .05, .855, .06);
  	-webkit-transform: scaleY(0);
  	    -ms-transform: scaleY(0);
  	        transform: scaleY(0);
  	-webkit-transform-origin: top;
  	    -ms-transform-origin: top;
  	        transform-origin: top;
}

.border-btn-inner:before {
	top: auto;
	right: auto;
  	bottom: -1px;
  	left: -1px;
  	-webkit-transform-origin: bottom;
  	    -ms-transform-origin: bottom;
  	        transform-origin: bottom;
}

.border-btn-inner:after {
	top: auto;
	left: auto;
  	bottom: -1px;
  	right: 0;
  	-webkit-transform-origin: right;
  	    -ms-transform-origin: right;
  	        transform-origin: right;
}

.border-btn-box:hover:before,
.border-btn-box:hover .border-btn-inner:after {
  	-webkit-transform: scaleX(1);
  	    -ms-transform: scaleX(1);
  	        transform: scaleX(1);
}

.border-btn-box:hover:after,
.border-btn-box:hover .border-btn-inner:before {
  	-webkit-transform: scaleY(1);
  	    -ms-transform: scaleY(1);
  	        transform: scaleY(1);
}

.border-btn {
	font-size: 16px;
	line-height: 60px;
	position: relative;
	color: transparent;
	padding: 0 60px;
}

.border-btn:before,
.border-btn:after {
	color: #fff;
	content: attr(data-text);
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%) translateX(0);
	    -ms-transform: translateY(-50%) translateX(0);
	        transform: translateY(-50%) translateX(0);
	width: 100%;
	-webkit-transition: .96s cubic-bezier(.77, 0, .175, 1);
		-o-transition: .96s cubic-bezier(.77, 0, .175, 1);
			transition: .96s cubic-bezier(.77, 0, .175, 1);
}

.border-btn:after {
	color: #3bc8e7;
	-webkit-transform: translateY(-50%) translateX(30px);
	    -ms-transform: translateY(-50%) translateX(30px);
	        transform: translateY(-50%) translateX(30px);
	opacity: 0;
}

.border-btn-box:hover .border-btn:before {
	-webkit-transform: translateY(-50%) translateX(-30px);
	    -ms-transform: translateY(-50%) translateX(-30px);
	        transform: translateY(-50%) translateX(-30px);
	opacity: 0;
}

.border-btn-box:hover .border-btn:after {
	-webkit-transform: translateY(-50%) translateX(0);
	    -ms-transform: translateY(-50%) translateX(0);
	        transform: translateY(-50%) translateX(0);
	opacity: 1;
}


@media only screen and (max-width: 767px) {
	
	.border-btn {
		line-height: 55px;
		padding: 0 55px;
	}
	
}

@media only screen and (max-width: 549px) {
	
	.border-btn {
		line-height: 50px;
		padding: 0 50px;
	}

}
/* 8.2. Border button-end */
/* 8.4. Arrow button */
.arrow-btn-box {
	display: inline-block;
	position: relative;
}

.arrow-btn {
	padding: 25px 60px 25px 40px;
	color: white;
	-webkit-transition: .5s cubic-bezier(.86, 0, .07, 1);
		-o-transition: .5s cubic-bezier(.86, 0, .07, 1);
			transition: .5s cubic-bezier(.86, 0, .07, 1);
	display: inline-block;
	font-size: 12px;
	line-height: 1;
}

.arrow-btn-box:hover .arrow-btn {
	padding: 25px 90px 25px 40px;
}

.arrow-btn:before {
	content: '';
	position: absolute;
	right: 40px;
	-webkit-transform: translateY(-50%) scaleX(0);
	    -ms-transform: translateY(-50%) scaleX(0);
	        transform: translateY(-50%) scaleX(0);
	width: 30px;
	height: 2px;
	-webkit-transition: .5s cubic-bezier(.86, 0, .07, 1);
		-o-transition: .5s cubic-bezier(.86, 0, .07, 1);
			transition: .5s cubic-bezier(.86, 0, .07, 1);
	-webkit-transform-origin: right;
	    -ms-transform-origin: right;
	        transform-origin: right;
	background: #3bc8e7;
}

.arrow-btn:after {
	content: '';
	position: absolute;
	right: 40px;
	width: 7px;
	height: 7px;
	border-right: 2px solid #3bc8e7;
	border-top: 2px solid #3bc8e7;
	-webkit-transform: translateY(-50%) rotate(45deg);
	    -ms-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
	-webkit-transition: .5s cubic-bezier(.86, 0, .07, 1);
		-o-transition: .5s cubic-bezier(.86, 0, .07, 1);
			transition: .5s cubic-bezier(.86, 0, .07, 1);
}

.arrow-btn-box:hover .arrow-btn:before {
	-webkit-transform: translateY(-50%) scaleX(1);
	    -ms-transform: translateY(-50%) scaleX(1);
	        transform: translateY(-50%) scaleX(1);
}

.arrow-btn-box:hover .arrow-btn:after {
	border-right: 2px solid #3bc8e7;
	border-top: 2px solid #3bc8e7;
}

/* 8.5. Scroll button */
.scroll-btn {
	position: absolute;
	left: 0;
	right:0;
	margin:0 auto;
	bottom: 40px;
    animation: bounce 3s infinite;
    transition: opacity 1.3s ease;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 3;
}

.scroll-btn-flip-box {
	overflow: hidden;
	display: inline-block;
	-webkit-transition: 1s cubic-bezier(.86, 0, .07, 1);
		-o-transition: 1s cubic-bezier(.86, 0, .07, 1);
			transition: 1s cubic-bezier(.86, 0, .07, 1);
	-webkit-transform: translateY(-15px);
	    -ms-transform: translateY(-15px);
	        transform: translateY(-15px);
}

body.anim .scroll-btn-flip-box {
	-webkit-transition-delay: .2s;
	    -o-transition-delay: .2s;
	        transition-delay: .2s;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

.scroll-btn-flip {
	position: relative;
	color: transparent;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 3px;
	margin-right: -3px;
}

.scroll-btn-flip:before,
.scroll-btn-flip:after {
	color: white;
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transition: .5s cubic-bezier(.86, 0, .07, 1);
		-o-transition: .5s cubic-bezier(.86, 0, .07, 1);
			transition: .5s cubic-bezier(.86, 0, .07, 1);
}

.scroll-btn-flip:before {
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.scroll-btn-flip:after {
	-webkit-transform: translateY(-170%);
	    -ms-transform: translateY(-170%);
	        transform: translateY(-170%);
	color: #3bc8e7;
}

.scroll-btn:hover .scroll-btn-flip:before {
	-webkit-transform: translateY(52%);
	    -ms-transform: translateY(52%);
	        transform: translateY(52%);
}

.scroll-btn:hover .scroll-btn-flip:after {
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.scroll-arrow-box {
	position: absolute;
    bottom: 25px;
	width: 20px;
	height: 30px;
	left: 0;
    right: 0;
    margin: 0 auto;
	-webkit-transform: translateX(-50%) translateY(30px);
	    -ms-transform: translateX(-50%) translateY(30px);
	        transform: translateX(-50%) translateY(30px);
	-webkit-transition: 1s cubic-bezier(.165, .84, .44, 1);
		-o-transition: 1s cubic-bezier(.165, .84, .44, 1);
			transition: 1s cubic-bezier(.165, .84, .44, 1);
}

body.anim .scroll-arrow-box {
	-webkit-transform: translateX(-50%) translateY(0);
	    -ms-transform: translateX(-50%) translateY(0);
	        transform: translateX(-50%) translateY(0);
	-webkit-transition-delay: .7s;
	    -o-transition-delay: .7s;
	        transition-delay: .7s;
}

.scroll-arrow {
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-15px);
	    -ms-transform: translateY(-15px);
	        transform: translateY(-15px);
	width: 100%;
	height: 100%;
	-webkit-transition: 1s cubic-bezier(.23, 1, .32, 1);
		-o-transition: 1s cubic-bezier(.23, 1, .32, 1);
			transition: 1s cubic-bezier(.23, 1, .32, 1);
}

.scroll-btn:hover .scroll-arrow {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

.scroll-arrow:before {
	content: '';
	width: 14px;
	height: 14px;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	position: absolute;
	bottom: -12px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition: .6s cubic-bezier(.23, 1, .32, 1);
		-o-transition: .6s cubic-bezier(.23, 1, .32, 1);
			transition: .6s cubic-bezier(.23, 1, .32, 1);
}

.scroll-btn:hover .scroll-arrow:before{
	border-right: 2px solid #3bc8e7;
	border-bottom: 2px solid #3bc8e7;
}

.scroll-arrow:after {
	content: '';
	width: 2px;
	height: 60%;
	    bottom: 3px;
    left: 65%;
	background: #3bc8e7;
	position: absolute;
	bottom: 0;
	-webkit-transform: translateX(-50%) scaleY(0);
	    -ms-transform: translateX(-50%) scaleY(0);
	        transform: translateX(-50%) scaleY(0);
	-webkit-transform-origin: bottom;
	    -ms-transform-origin: bottom;
	        transform-origin: bottom;
	-webkit-transition: 1s cubic-bezier(.23, 1, .32, 1);
		-o-transition: 1s cubic-bezier(.23, 1, .32, 1);
			transition: 1s cubic-bezier(.23, 1, .32, 1);
}

.scroll-btn:hover .scroll-arrow:after {
	-webkit-transform: translateX(-50%) scaleY(1);
	    -ms-transform: translateX(-50%) scaleY(1);
	        transform: translateX(-50%) scaleY(1);
}

@media only screen and (max-width: 999px) {
	
	.scroll-btn {
		
	}
	
}

@media only screen and (min-width: 1000px) {
	
	.red-bg .scroll-btn-flip:after {
		color: #262626;
	}
	
	.red-bg .scroll-btn:hover .scroll-arrow:before{
		border-right: 2px solid #262626;
		border-bottom: 2px solid #262626;
	}
	
	.red-bg .scroll-arrow:after {
		background: #262626;
	}
	
}
/* 8.5. Scroll button-end */
/*readmore button*/
#g-bottom button {
	 position: relative;
	 display: inline-block;
	 cursor: pointer;
	 outline: none;
	 border: 0;
	 vertical-align: middle;
	 text-decoration: none;
	 background: transparent;
	 padding: 0;
	 font-size: inherit;
	 font-family: inherit;
}
#g-bottom button.learn-more {
	 width: 12rem;
	 height: auto;
}
#g-bottom button.learn-more .circle {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: relative;
	 margin: 0;
	 width: 3rem;
	 height: 3rem;
	 background: #3bc8e7;
	 border-radius: 1.625rem;
	 float: right;
}
#g-bottom button.learn-more .circle .icon {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 background: #fff;
}
#g-bottom button.learn-more .circle .icon.arrow {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 right: 0.625rem;
	 width: 1.125rem;
	 height: 0.125rem;
	 background: none;
}
#g-bottom button.learn-more .circle .icon.arrow::before {
	 position: absolute;
	 content: '';
	 top: -0.25rem;
	 left: 0.0625rem;
	 width: 0.625rem;
	 height: 0.625rem;
	 border-bottom: 0.125rem solid #fff;
	 border-left: 0.125rem solid #fff;
	 transform: rotate(45deg);
}
#g-bottom button.learn-more .button-text {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 padding: 0.75rem 0;
	color:#fff;
	font-weight: lighter;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
}
#g-bottom button.learn-more .button-text:hover{color:#1e2d41;margin-right:28px;}
#g-bottom button:hover .circle {
	 width: 100%;
}
#g-bottom button:hover .circle .icon.arrow {
	 background: #fff;
	 transform: translate(-1rem, 0);
}
#g-bottom button:hover .button-text {
	 color: #fff;
}
/*readmore button*/
/*one page nva*/
.g-onepage-nav {
    position: fixed;
    right: 20px;
    top: 65%;
    z-index: 1010;
}
.g-onepage-nav.style1 ul li {
  height: auto;
  width: auto;
  margin-bottom: 25px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.g-onepage-nav.style1 ul {
    margin: 30px 0;
    padding: 0.625rem;
    list-style: none;
}
.g-onepage-nav.style1 .g-onepage-nav-item {
margin-bottom: 5px;
width: 35px;
height: 35px !important;
text-align: center;
}

.g-onepage-nav.style1 .g-onepage-nav-item > a {
	    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50%;
	transition: all ease 0.3s;
}

.g-onepage-nav.style1 .g-onepage-nav-item a:after {
transition: all ease 0.3s;
font-size: 15px;
}

.g-onepage-nav.style1 .g-onepage-nav-item:nth-child(1) a:after {content: "۰۱";}
.g-onepage-nav.style1 .g-onepage-nav-item:nth-child(2) a:after {content: "۰۲";}
.g-onepage-nav.style1 .g-onepage-nav-item:nth-child(3) a:after {content: "۰۳";}
.g-onepage-nav.style1 .g-onepage-nav-item:nth-child(4) a:after {content: "۰۴";}
.g-onepage-nav.style1 .g-onepage-nav-item:nth-child(5) a:after {content: "۰۵";}
.g-onepage-nav.style1 .g-onepage-nav-item:nth-child(6) a:after {content: "۰۶";}
.g-onepage-nav.style1 .g-onepage-nav-item.uk-active a:after {
	transition: all ease 0.3s;
}
.g-onepage-nav.style1 .g-onepage-nav-item a {
  color: #fff;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: auto;
  line-height: 1;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
}

.g-onepage-nav.style1 .g-onepage-nav-item a:before {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 0;
  bottom: 25px;
    margin-bottom: 7px;
  background-color: #3bc8e7;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.g-onepage-nav.style1 .g-onepage-nav-item.uk-active > a {
  color: #3bc8e7;
  	transition: all ease 0.3s;
}

.g-onepage-nav.style1 .g-onepage-nav-item.uk-active > a:before {
  height: 17px;
}

/*one page nva-end*/

/*full page*/
.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
.section-horizontal-paddings {
    padding-left: 10%;
    padding-right: 10%;
}
.section-vertical-paddings {
    padding-top: 0;
    padding-bottom: 0;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
/*full page-end*/

/*img move*/
.move-image {
	position: relative;
	transform: translate(-50%, -50%) perspective(600px) rotatey(20deg);
	transform-style: preserve-3d;
}
.mimg {
	position: relative; 
	transform: translatez(80px) scale(0.8);
}


.mtext {
	position:absolute; top: 0; left: 0; z-index: 2;
	width: 400px; height: 600px;
	border: 3px solid rgba(255,255,255,1);
	transform: translatez(150px) translatex(-18px) translatey(-20px) scale(0.55);
	background: linear-gradient(135deg, 
		rgba(255,255,255,1) 0%, 
		rgba(255,255,255,0.36) 35%, 
		rgba(255,255,255,0.07) 41%, 
		rgba(255,255,255,0) 51%, 
		rgba(255,255,255,0) 100%
	);
	text-align: center;
	font-size: 48px; 
	color: #fff;
	line-height: 1050px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px;
}
.mtext::after {
	content:'publisher';
	position: absolute; left: 0; bottom: 0;
	font-size: 20px; 
	width: 100%;
	line-height: 75px;
	font-weight: normal;
	letter-spacing: 20px;
	text-indent: 20px;
}
/*img move-end*/

/*object-move*/

.iq-objectsnew {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.iq-objectsnew .iq-objects-01 {
  position: absolute;
  bottom: 10%;
  left: 0;
}

.iq-objectsnew .iq-objects-02 {
  position: absolute;
  top: 8%;
  left: 35%;
}

.iq-objectsnew .iq-objects-03 {
  position: absolute;
  top: 35%;
  left: 0;
}

.iq-objectsnew .iq-objects-04 {
  position: absolute;
  top: 11%;
  left: -8%;
  border: 56px solid rgba(59,200,231,0.3);
  border-radius: 900px;
  height: 500px;
  width: 500px;
}
.iq-fadebounce {
  -webkit-animation-name: fadebounce;
  -moz-animation-name: fadebounce;
  -ms-animation-name: fadebounce;
  -o-animation-name: fadebounce;
  animation-name: fadebounce;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.img-fluid {
    max-width: 100%;
    height: auto;
    opacity: 0.2;
    transform: rotateZ(180deg);
}
@-moz-keyframes fadebounce {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  50% {
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 1
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes fadebounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 1
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-o-keyframes fadebounce {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  50% {
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 1
  }
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-ms-keyframes fadebounce {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  50% {
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 1
  }
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes fadebounce {
  0% {
    transform: translateY(0);
    opacity: 1
  }
  50% {
    transform: translateY(20px);
    opacity: 1
  }
  100% {
    transform: translateY(0);
    opacity: 1
  }
}


/*object-move-end*/

/*mouse-elastic*/
 .elasticity {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}
.elastic-decor .elastic-item1 {
    position: absolute;
    top: 50px;
    right: 645px;
}
.elastic-item1 {
    animation: movebounce 2.3s linear infinite;
}
.elastic-decor .elastic-item2 {
    position: absolute;
    top: 400px;
    left: 240px;
}
.elastic-item2 {
    animation: movebounce 2.5s linear infinite;
}
.elastic-decor .elastic-item3 {
    position: absolute;
    bottom: 300px;
    right: 575px;
}
.elastic-item3 {
    animation: movebounce 3s linear infinite;
}
.elastic-decor .elastic-item4 {
    position: absolute;
    top: 100px;
    left: 175px;
}
.elastic-item4 {
    animation: movebounce 2.3s linear infinite;
}
.elastic-decor .elastic-item5 {
    position: absolute;
    bottom: 50px;
    right: 375px;
}
.elastic-item5 {
    animation: movebounce 2.6s linear infinite;
}
.elastic-decor .elastic-item6 {
    position: absolute;
    top: 100px;
    right: 975px;
}
.elastic-item6 {
    animation: movebounce 3s linear infinite;
}
.elastic-decor .elastic-item7 {
    position: absolute;
    bottom: 150px;
    left: 175px;
}
.elastic-item7 {
    animation: movebounce 2.8s linear infinite;
}
.elastic-decor .elastic-item8 {
    position: absolute;
    top: 200px;
    right: 175px;
}
.elastic-item8 {
    animation: movebounce 3s linear infinite;
}
.elastic-decor .elastic-item9 {
    position: absolute;
    top: 350px;
    left: 675px;
}
.elastic-item9 {
    animation: movebounce 2.8s linear infinite;
}
.elastic-decor .elastic-item10 {
    position: absolute;
    bottom: 300px;
    right: 275px;

}
.elastic-item10 {
    animation: movebounce 2.8s linear infinite;
}
@keyframes movebounce{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}
#g-footerposition1 button {
	 position: relative;
	 display: inline-block;
	 cursor: none;
	 outline: none;
	 border: 0;
	 vertical-align: middle;
	 text-decoration: none;
	 background: transparent;
	 padding: 0;
	 font-size: inherit;
	 font-family: inherit;
	 z-index:2
}
.btn{
	cursor:none
}
#g-footerposition1 button.learn-more {
	 width: 12rem;
	 height: auto;
}
#g-footerposition1 button.learn-more .circle {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: relative;
	 margin: 0;
	 width: 3rem;
	 height: 3rem;
	 background: #3bc8e7;
	 border-radius: 1.625rem;
	 float: right;
}
#g-footerposition1 button.learn-more .circle .icon {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 background: #fff;
}
#g-footerposition1 button.learn-more .circle .icon.arrow {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 right: 0.625rem;
	 width: 1.125rem;
	 height: 0.125rem;
	 background: none;
}
#g-footerposition1 button.learn-more .circle .icon.arrow::before {
	 position: absolute;
	 content: '';
	 top: -0.25rem;
	 left: 0.0625rem;
	 width: 0.625rem;
	 height: 0.625rem;
	 border-bottom: 0.125rem solid #fff;
	 border-left: 0.125rem solid #fff;
	 transform: rotate(45deg);
}
#g-footerposition1 button.learn-more .button-text {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 padding: 0.75rem 0;
	color:#fff;
	font-weight: lighter;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
}
#g-footerposition1 button.learn-more .button-text:hover{color:#1e2d41;margin-right:28px;}
#g-footerposition1 button:hover .circle {
	 width: 100%;
}
#g-footerposition1 button:hover .circle .icon.arrow {
	 background: #fff;
	 transform: translate(-1rem, 0);
}
#g-footerposition1 button:hover .button-text {
	 color: #fff;
}
@media only all and (max-width:1024px){
	#g-footerposition1 .icons2 {
    width: 100%;
}
}
@media only all and (max-width:768px){
	#g-footerposition1 .bt-2 button.learn-more .button-text {
    color: #fff;
}
#g-footerposition1 {
    margin-bottom: 100px;
}
}

/*mouse-elastic-end*/

/*****tarahan-styles*****/

/*safe-dakheli*/
.su-filter-style1 {
    text-align: center;
}
.su-portfolio-style7 .cbp-item {padding: 10px;}
.su-portfolio-style7 .cbp-caption {border-radius: 10px;}
.su-portfolio-style7 .sup-title h4{font-size:14px;background:rgba(0,0,0,0.2);text-align:center;}
.su-portfolio-style7 .sup-zoom {display: none;}
.su-portfolio-style7 .sup-meta-wrap{background: unset;}
.su-portfolio-style7 .sup-meta-wrap:before {
    background: linear-gradient(0deg, #1e2d41,rgba(0,0,0,0));
}
.su-portfolio-style7 .cbp-item:hover .sup-meta-wrap:before {
   height: 200px;
}
.su-portfolio-style7 .sup-link-wrap {
    right: 43%;
    left: 100%;
    text-align: center;
    top: 38%;
    z-index: 9;
}
.su-portfolio-style7 .sup-link::after, .su-portfolio-style7 .sup-zoom::after{border-radius: 10px;background:rgba(30, 45, 65,0.7);color:#fff}
.su-portfolio-style7 .sup-link::after {content: "\f06e";}
.itemListView .su-portfolio .cbp-wrapper {
    padding-top: 20px;
}
#k2Container .iq-objectsnew {
    position: fixed;
    z-index: -1;
}
canvas.particles-js-canvas-el {
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    right: 0;
    height: 22% !important;
}
.ampz_container a {
    cursor: none;
}
textarea:focus~.enter, input[type=text]:focus~.enter {
  background-color: #3bc8e7;
  position: absolute;
  content: ' ';
  height: 1px;
  right: 40%;
  transform: scaleX(5);
  margin-top:37px
}
textarea:focus~.enter1 {
  background-color: #3bc8e7;
  position: absolute;
  content: ' ';
  height: 1px;
  right: 40%;
  margin-top:122px;
  transform: scaleX(5);
}
.enter{
  transition: all ease 0.5s;
  width: 20%;
  transform: scaleX(1);
  margin-top:37px

}
.enter1{
  transition: all ease 0.5s;
  width: 20%;
  transform: scaleX(1);
	margin-top:122px;
}
.formSpan12{
	position:relative
}
#state-form .formControls .formBody textarea {
    padding: 8px 0 20px 0;
}
.su-filter-style1 .cbp-filter-item.cbp-filter-item-active {
    cursor: none;
}
.su-filter-style1 .cbp-filter-item{
    cursor: none;
}
/*safe-dakheli-end*/

/*footer-style*/
.footer-link {
    font-size: 16px;
    color: #3bc8e7;
	-webkit-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.footer-link:hover {
    color: #fff;
	-webkit-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
/*footer-style-end*/
/*blog-position*/
.su-post-block .su-post-block-item {
    width: 100%;
	padding-left:0;
    text-align: center;
}
.su-post-block .su-post-block-item .supb-img-wrap, .su-post-block .su-post-block-item .supb-desc {
    width: 100%;
}
.su-post-block .supb-desc {
    padding-left: 0;
}
.su-post-slider-slides {
    border-radius: 25px;
    border: 0;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 14px 80px #3bc8e7ad;
}
.owl-carousel .owl-stage-outer {
    padding: 5px;
}
@media only all and (max-width:1024px){
	.owl-carousel .owl-stage-outer {
    padding: 0;
}
}
.su-post-slider.su-post-slider-style-dark .su-post-slider-slides .owl-nav, .su-post-slider.su-post-slider-style-dark .su-post-slider-slides {
background: #002644b8;
}
.su-post-slider-image {
    position: relative;
    flex-shrink: 0;
    background-image: linear-gradient(147deg, #3bc8e7 0%, #1e2d41 74%);
    border-radius: 20px;
    overflow: hidden;
}
    .owl-carousel .owl-item img{
		width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all .3s;
	    opacity: 1;
    transition-delay: .3s;
	}
	.su-post-slider-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(147deg, #3bc8e7 0%, #1e2d41 74%);
    border-radius: 20px;
    opacity: 0.3;
}
.su-carousel-style-1 .su-carousel-image:after {
    border-radius: 20px;
}
.owl-carousel .owl-dot {
    cursor: none;
}
a.post-slider-view-more {
    font-size: 14px !important;
}
.owl-dots {
	position: absolute;
    z-index: 21;
    left: 20px;
    width: 11px !important;
    text-align: center;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
}
.su-post-slider-slides .owl-dots .owl-dot.active span, .su-post-slider-slides .owl-dots .owl-dot:hover span {
  background: #3bc8e7;
}
.su-carousel-slides .owl-dots .owl-dot.active span, .su-carousel-slides .owl-dots .owl-dot:hover span {
  background: #3bc8e7;
}
.su-post-slider-slides .owl-dots .owl-dot span {
	height: 8px;
	width: 8px;
	margin:5px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;
}
.su-carousel-slides .owl-dots .owl-dot span {
	height: 8px;
	width: 8px;
	margin:0px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;
	 background:#666
}
.su-carousel-style-2 .owl-dots .owl-dot span:before, .su-carousel-style-2 .owl-dots .owl-dot span:after{
	content:none
}
.su-post-slider-slides .owl-dots .active span{
	height: 25px;
}
.su-carousel-slides .owl-dots .active span{
	height: 25px;margin:0px;
}
.su-post-slider .su-cdate {
    color: #fff;
}
 .su-post-slider.su-post-slider-style-dark a {
    color: #3bc8e7;
    font-size: 19px;
    font-weight: normal;
	line-height:0
}
.su-post-slider .owl-nav [class*='owl-']:hover, .su-post-slider a:hover {
    color: #fff;
}
.su-post-slider.su-post-slider-style-dark .su-post-slider-item-text {
    color: #fff;
    text-align: justify;
    line-height: 34px;
}
.su-post-slider.su-post-slider-style-dark .post-slider-category {
    color: #fff;
}
.su-post-slider.su-post-slider-style-dark.su-post-slider-title-yes {
	transform: translateY(0) scale(0.9) !important;
    -webkit-transform: translateY(0) scale(0.9) !important;
}
.su-post-block .su-post-block-item {
    width: 100%;
}
.su-post-block .su-post-block-item .supb-img-wrap{
	width: 30%;
    float: right;
}

.su-post-block .su-post-block-item .supb-desc {
    width: 70%;
    float: left;
}
.su-post-block .supb-desc {
    padding-right: 18px;
    text-align: justify;
	padding-left:0px
}
.su-post-block .supb-desc h4 a {
    font-size: 15px;
    font-weight: normal;
}
.su-post-block {
    margin-top: 35px;
}
.su-post-block .supb-thumb img {
    width: 100%;
    height: auto;
    max-width: 100%;
    position: relative;
    border-radius: 3px;
}
.post-block-date {
	margin-right:0 !important;
    padding-left: 14px;
}
.su-post-block .supb-desc .supb-meta span {
    margin-right: 11px;
}
.su-post-block .supb-desc .supb-meta {
    font-size: 11px;
	font-family: LightFont;
}
.su-post-block .su-post-block-item {
    border-radius: 3px;
}

/*blog-position-end*/
/*pro-position*/
.su-switcher-style-4 .cbp-filter-item {
    border-radius: 6px;
}
.su-switcher-style-4 .cbp-filter-item.cbp-filter-item-active{
	background: linear-gradient(-130deg, #3bc8e7, rgba(30,45,65,0.5));
	box-shadow:0px 14px 80px #3bc8e7ad;
}
.su-switcher-style-4 .cbp-filter-item{background: linear-gradient(-130deg, rgba(24,95,153,0), rgba(255,255,255,0.3));color:#f5f5f5}
.su-switcher-style-4 .cbp-filter-item:hover,
.su-switcher-style-4 .cbp-filter-item:focus {
  color: #3bc8e7;
}
.sec3-item-pro {
    height: 145px;
	border-radius: 8px;
}
.sec3-item-pro:hover {
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
}
.sec3-item-pro .su-trailer-box-img {
    transform: scale(2.1);
    transition:all ease 0.3s;
}
.su-trailer-box-style15:hover img {
    transform: scale(1.9);
    transition:all ease 0.3s;
    margin-top: 10px;
}
#g-top .su-trailer-box-style15 h2{width:100%}
#g-top .su-trailer-box-content::before {
    content: "\f101";
    margin-left: 6px;
    font-family: FontAwesome;
    bottom: -1px;
    position: inherit;
}
.su-trailer-box-style15 .su-trailer-box-content{border:0}
#g-top .su-trailer-box-content {
    top: -91%;
    position: relative;
    right: 10px;
}
#g-top .su-trailer-box-desc::before{
    background: linear-gradient(-130deg,transparent,#185f99);
}
#g-top .su-trailer-box-desc {
    padding: 0 !important;
}
#g-top .su-trailer-box-desc::before {
    content: "";
    display: block;
    height: 100%;
    opacity: 0.4;
	padding: 0 !important;
}
#g-top .fa.fa-star::before {
    content: "\f016";
    display: block;
    font-size: 35px;
    margin-bottom: 22px;
    font-family: FontAwesome;
}
/*pro-position-end*/

/*about-position*/
.about-pos{
	position:relative
}
@media only all and (max-width:768px){
	#g-bottom {
    background-position: 31%;
}
}
/*about-position-end*/
/*main-pos*/
.cbp-l-filters-alignCenter .cbp-filter-item {
    cursor: none;
}
#g-main .su-trailer-box-style15 h2{width:100%}
#g-main .su-trailer-box-content::before {
    content: "\f105";
    margin-left: 6px;
    font-family: FontAwesome;
    bottom: -1px;
    position: inherit;
	background: rgba(30, 45, 65,0.7);
	padding: 4px 7px 4px 8px;
	border-radius: 4px;
}
#g-main .su-trailer-box-content {
    top: -91%;
    position: relative;
    right: 10px;
}
#g-main .su-trailer-box-desc::before{
    background: linear-gradient(-130deg,transparent,#185f99);
}
#g-main .su-trailer-box-desc {
    padding: 0 !important;
}
#g-main .su-trailer-box-desc::before {
    content: "";
    display: block;
    height: 100%;
    opacity: 0.4;
padding: 0 !important;}
#g-main .item-pro {
	border-radius: 8px;
}
#g-main .item-pro:hover {
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
}
.sidefix{
	position:fixed;
	padding:50px
}

@media only all and (max-width:768px){
.sidefix {
    position: relative;
}
.sidefix p > span{
    color: #fff !important;
}
.webiran-alert-info {
    margin: 50px 0 20px 0;
}
#jbcode {
    margin-bottom: 25px;
}
#g-footer {
    padding: 0px;
}
#g-footer.nothomepage .g-block.size-100.copyright {
    margin-bottom: 50px;
}
}
img.itemRelImg {
    border-radius: 5px;
}
/*main-pos-end*/
/*title-style*/
.lined {
    position: relative;
}
.lined:before {
    content: "";
    position: absolute;
    display: block;
    background: #ccc;
    transition: transform .3s cubic-bezier(0.39, 0.575, 0.565, 1),background 0.3s;
}
h2.lined:hover.lined-top:before
{transform: translateX(7px);}
.lined.lined-top {
    padding-right: 52px;
}
.lined.lined-top:before {
    right: 0;
    top: 50%;
   margin-left: -1px;
    width: 32px;
    height: 2px;
}
#g-top .lined.lined-top:before {
    left: 50%;
    top: 0;
    margin-left: -1px;
    width: 2px;
    height: 32px;
    right: unset;
}
#g-top .lined.lined-top {
    padding-top: 52px;
    padding-right: 0;
}
#g-top h2.lined:hover.lined-top:before
{transform:translateY(7px)}
#g-top h2.lrg-title {
    text-align: center;
}

/*title-style-end*/
/*contact-icon*/
.wi-icon {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}


#g-footer .wi-icon span, #g-footerposition1 .wi-icon span {
  cursor: none;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 3;
  text-decoration: none;
  color: #3bc8e7;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}


#g-footer .wi-icon span i, #g-footerposition1 .wi-icon span i {
  color: #3bc8e7;
  font-size: 19px;
    margin-left: 0;
}
#g-footerposition1 .wi-icon:before, #g-footer .wi-icon:before {
  content: "";
  height: 2px;
  width: 64px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #3bc8e7;
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation: rotate-360 5s linear;
          animation: rotate-360 5s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.bg-primary {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.bg-primary span {
  cursor: none;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 3;
  text-decoration: none;
  color: #3bc8e7;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.bg-primary span i {
  color: #3bc8e7;
  font-size: 19px;
    margin-left: 0;
}
.su-swt-filter .cbp-filter-item {
    cursor: none;
}
@media screen and (max-width: 58em){
.cbp-filter-item .su-swt-title {
    display: block;
}
}
.bg-primary:before {
  content: "";
  height: 2px;
  width: 64px;
   left:0;
  right:0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #3bc8e7;
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation: rotate-360 5s linear;
          animation: rotate-360 5s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes rotate-360 {
  from {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  to {
    -webkit-transform: rotate(400deg);
            transform: rotate(400deg);
  }
}

@keyframes rotate-360 {
  from {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  to {
    -webkit-transform: rotate(400deg);
            transform: rotate(400deg);
  }
}

#g-footerposition1 .wi_contact_phone1 {
    position: relative;
    margin-bottom: 45px;
    padding-right: 75px;
    text-align: right;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translateZ(0);
	width: 100%;
	float: right;
    min-height: 64px;
    line-height: 28px;
}
#g-footer .wi_contact_phone1 {
    position: relative;
    margin-bottom: 10px;
    padding-right: 75px;
    text-align: right;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translateZ(0);
	width: 100%;
    min-height: 64px;
    line-height: 28px;
	right:30%
}
#g-footerposition1 .wi_contact_phone1 .wic-data{
	letter-spacing:3px
}
#g-footerposition1 .wi_contact_mobile1 {
    position: relative;
    margin-bottom: 45px;
    padding-right: 75px;
    text-align: right;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translateZ(0);
	width: 100%;
    min-height: 64px;
    line-height: 28px;
}
#g-footerposition1 .wi_contact_mobile1 .wic-data{
	letter-spacing:3px
}
#g-footerposition1 .wi_contact_fax1 {
    position: relative;
    margin-bottom: 45px;
    padding-right: 75px;
    text-align: right;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translateZ(0);
	width: 100%;
	float: right;
    min-height: 64px;
    line-height: 28px;
}
#g-footerposition1 .wi_contact_fax1 .wic-data{
	letter-spacing:3px
}
#g-footerposition1 .wi_contact_address1 {
    position: relative;
    margin-bottom: 45px;
    padding-right: 75px;
    text-align: right;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translateZ(0);
	width: 100%;
    min-height: 64px;
    line-height: 28px;
}
#g-footerposition1 .wi_contact_email1 {
    position: relative;
    margin-bottom: 45px;
    padding-right: 75px;
    text-align: right;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translateZ(0);
	width: 100%;
	float: right;
    min-height: 64px;
    line-height: 28px;
}
#g-footerposition1 .wi_contact_email1 .wic-data{
	letter-spacing:3px
}
#g-footerposition1 .wi_contact_website {
    position: relative;
    margin-bottom: 45px;
    padding-right: 75px;
    text-align: right;
    overflow: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translateZ(0);
	width: 100%;
	float: right;
    min-height: 64px;
    line-height: 28px;
}
#g-footerposition1 .wi_contact_website .wic-data{
	letter-spacing:3px
}
#g-footerposition1 .wi_contact .wic-txt {
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 9px;
    font-family: Lightfont;
	color:#3bc8e7;
}
#g-footerposition1 .wi_contact .wic-data {
    font-size: 13px;
	color:#fff;
}
#g-footerposition1 .wi_contact .wic-data a {
	color:#fff;
}
#g-footerposition1 .wi_contact .wic-data a:hover {
	color:#3bc8e7;
}
#g-footerposition1 .wi_contact .wic-data2 {
    font-size: 14px;
	color:rgba(255,255,255,0.7);
}
#g-footerposition1 .wi_contact .wi-icon, #g-footer .wi_contact .wi-icon {
    position: absolute;
    right: 5px;
    width: 64px;
    height: 64px;
}
.itemid-207 #g-footerposition1 .g-grid:nth-child(2) .g-content{
	padding:50px 50px 0 50px;
	margin:50px 50px 0 50px
}
.itemid-207 .elastic-decor .elastic-item3 {
    top: 300px;
}
.itemid-207 .elastic-decor .elastic-item5 {
    top: 400px;
}
.itemid-207 .elastic-decor .elastic-item7 {
    top: 20px;
    left: 375px;
}
.itemid-207 .elastic-decor .elastic-item10 {
    top: 600px;
    right: 575px;
}
.itemid-207 input, .itemid-207 textarea {transition:all ease 0.3s;}
.itemid-207 input:focus, .itemid-207 textarea:focus {transition:all ease 0.3s;}
.itemid-207 .su-cf-submit-wrapper div {text-align: center;}
.itemid-207 .btn.btn-success.btn-rounded.btn-lg {
    width: 60%;
    border-radius: 20px;
}
.input-group-addon i {
right: 11px !important;
position: relative;
top: 27px;
color:#999;
display: inherit;
font-size: 14px;
}
.su-contact-form .su-input-box input, .su-contact-form .su-input-box textarea{padding: 7px 33px 7px 10px;}
.input-group-addon i {color:#3bc8e7;}
.input-group-addon input {padding-right: 34px !important;color: #1e2d41;}
.su-timeline .su-timeline-row .su-timeline-icon.has-ta-icon {
    top: 30px;
    width: unset;
	height: unset;
}
.su-timeline .su-timeline-row .su-timeline-icon > div {
    display: flex;
}
@media only all and (max-width:768px){
#g-footer .wi_contact_phone1 {
    right: 0;
}
.sec3-item-pro .su-trailer-box-img {
    transform: unset;
    top: -20px;
}
#g-top .su-trailer-box-style15 h2 {
    background: #1e2d41;
}
.itemid-207 #g-footerposition1 .g-grid:nth-child(2) .g-content {
    padding: 50px 10px 0 10px ;
    margin: 50px 10px 0 10px ;
}
.su-timeline .su-timeline-row .su-timeline-content {
    background: rgba(21, 32, 46,1);
}
.su-timeline-item-title {
    margin-top: 30px;
}
.fixed-item {
    margin-right: 0px !important;
}
#g-main .lrg-title {
    font-size: 17px;
}
.breadcrumb > li {
    font-size: 10px;
}
}

/*contact-icon-end*/
/*animation-delay*/
.anim-delay01 {
  animation-duration: 2s;
  animation-delay: 1s;
}
.anim-delay1 {
  animation-duration: 1s;
  animation-delay: 0.7s;
}
.anim-delay02 {
  animation-duration: 2s;
  animation-delay: 2s;
}
/*animation-delay-end*/
/*****tarahan-styles-end*****/