/*
Theme Name: emaze Theme
Theme URI: http://www.emaze.com
Description: emaze Is a powerful online presentation tool
Author: Shahar Galukman
Author URI: shahar.galukman@emaze.com
Version: 1.0
Tags: emaze
*/

/* Fonts */
@font-face {
	font-family: 'GoBold';
	src: url('https://static2.emaze.com/pp/fonts/Gobold.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/Gobold.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/Gobold.ttf')  format('truetype');
}

@font-face {
	font-family: 'GoBoldLight';
	src: url('https://static2.emaze.com/pp/fonts/Gobold_Light.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/Gobold_Light.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/Gobold_Light.ttf')  format('truetype');
}

@font-face {
	font-family: 'Kefa';
	src: url('https://static2.emaze.com/pp/fonts/KefaIIPro-Light.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/KefaIIPro-Light.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/KefaIIPro-Light.ttf')  format('truetype');
}

@font-face {
	font-family: 'KefaItalic';
	src: url('https://static2.emaze.com/pp/fonts/KefaIIPro-LightItalic.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/KefaIIPro-LightItalic.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/KefaIIPro-LightItalic.ttf')  format('truetype');
}

@font-face {
	font-family: 'Carmela';
	src: url('https://static2.emaze.com/pp/fonts/carmela.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/carmela.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/carmela.ttf')  format('truetype');
}

@font-face {
	font-family: 'Alef';
	src: url('https://static2.emaze.com/pp/fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/Alef-Regular.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/Alef-Regular.ttf')  format('truetype');
}

@font-face {
	font-family: 'asap-italic';
	src: url('https://static2.emaze.com/pp/fonts/asap-italic.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/asap-italic.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/asap-italic.ttf')  format('truetype');
}

@font-face {
	font-family: 'asap-bolditalic';
	src: url('https://static2.emaze.com/pp/fonts/asap-bolditalic.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/asap-bolditalic.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/asap-bolditalic.ttf')  format('truetype');
}

@font-face {
	font-family: 'gobold-thin';
	src: url('https://static2.emaze.com/pp/fonts/gobold-thin.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/gobold-thin.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/gobold-thin.ttf')  format('truetype');
}

@font-face {
	font-family: 'asap';
	src: url('https://static2.emaze.com/pp/fonts/asap.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/asap.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/asap.ttf')  format('truetype');
}

@font-face {
	font-family: 'asap-bold';
	src: url('https://static2.emaze.com/pp/fonts/asap-bold.eot?#iefix') format('embedded-opentype'),
	     url('https://static2.emaze.com/pp/fonts/asap-bold.woff') format('woff'),
	     url('https://static2.emaze.com/pp/fonts/asap-bold.ttf')  format('truetype');
}



/*For poppins, we define the font weights and style properly, so we can just use "font family: poppins, font-style:italic, instead of a different
    name for every name
*/
/* Regular */
@font-face {
	font-family: 'Poppins';
	font-weight: 400;
	font-style: normal;
	src: local('Poppins-Regular'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-Regular.ttf) format('truetype');
  }
  
  /* Regular Italic */
  @font-face {
	font-family: 'Poppins';
	font-weight: 400;
	font-style: italic;
	src: local('Poppins-Italic'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-Italic.ttf) format('truetype');
  }
  
  /* Thin */
  @font-face {
	font-family: 'Poppins';
	font-weight: 100;
	font-style: normal;
	src: local('Poppins-Thin'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-Thin.ttf) format('truetype');
  }
  
  /* Thin Italic */
  @font-face {
	font-family: 'Poppins';
	font-weight: 100;
	font-style: italic;
	src: local('Poppins-ThinItalic'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-ThinItalic.ttf) format('truetype');
  }
  
  /* Light */
  @font-face {
	font-family: 'Poppins';
	font-weight: 300;
	font-style: normal;
	src: local('Poppins-Light'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-Light.ttf) format('truetype');
  }
  
  /* Light Italic */
  @font-face {
	font-family: 'Poppins';
	font-weight: 300;
	font-style: italic;
	src: local('Poppins-LightItalic'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-LightItalic.ttf) format('truetype');
  }
  
  /* Medium */
  @font-face {
	font-family: 'Poppins';
	font-weight: 500;
	font-style: normal;
	src: local('Poppins-Medium'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-Medium.ttf) format('truetype');
  }
  
  /* Medium Italic */
  @font-face {
	font-family: 'Poppins';
	font-weight: 500;
	font-style: italic;
	src: local('Poppins-MediumItalic'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-MediumItalic.ttf) format('truetype');
  }
  
  /* SemiBold (default Bold) */
  @font-face {
	font-family: 'Poppins';
	font-weight: 700; /* This is set to 700 to act as the default bold */
	font-style: normal;
	src: local('Poppins-SemiBold'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-SemiBold.ttf) format('truetype');
  }
  
  /* SemiBold Italic (default Bold Italic) */
  @font-face {
	font-family: 'Poppins';
	font-weight: 700; /* This is set to 700 to act as the default bold */
	font-style: italic;
	src: local('Poppins-SemiBoldItalic'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-SemiBoldItalic.ttf) format('truetype');
  }
  
  /* Bold */
  @font-face {
	font-family: 'Poppins';
	font-weight: 800; /* Set to higher than 700 to let the semibold be the default bold */
	font-style: normal;
	src: local('Poppins-Bold'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-Bold.ttf) format('truetype');
  }
  
  /* Bold Italic */
  @font-face {
	font-family: 'Poppins';
	font-weight: 800; 
	font-style: italic;
	src: local('Poppins-BoldItalic'), url(https://resources.emaze.com/vbcommon/fonts/Poppins-BoldItalic.ttf) format('truetype');
  }

*{
	padding: 0;
	margin: 0;
}

/* html,
body,
#wrapper{
	height: 100%;
} */

body{
	/*border: 2px solid #231f20;*/
	color: #231f20;
	border-top: none;
	overflow-x: hidden;
	background-color: white;
}

#wrapper{
	position: absolute;
	padding: 0;
	z-index: 2;
}

/* Header */

.header{
	position: fixed !important;
	top: 0;
	left: 0;
	height: auto;
	padding: 15px;
	padding-bottom: 0px;
	z-index: 101;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.header-title {
    font-family:  'Poppins';
    font-size: 26px;
    letter-spacing: 0;
    color: #1C1C3C;
    margin-left: 30px;
    margin-top: 2px;
	width: 740px;
    display: inline-block;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    max-width: 600px;
}
.header-title-project-name{
	font-weight: 500;
	white-space: normal;
}
.header-title-by-name{
	font-size: 24px;

}
.black-back{
	background: rgba(0,0,0,0.9);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.black-back-lower{
	/* background: rgba(0,0,0,0.8); */
	background-color: #F7F7F7;
}

.logo{
	background: url(/wp-content/themes/emaze/img/logo.png) no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	width: 154px;
	height: 32px;
	/* float: left; */
	margin-top: 19px;
    margin-left: 23px;
}
	#login-signup-container{
	  position: relative;
	  display: block;
	  font-family: 'Poppins';
	  text-transform:capitalize;
	  font-size: 1.3em;
	  color: black;
	  float: right;
	  width: 266px;
	  margin-top: 10px;
	  display: inline-block;
	}
	.username-header {
		text-transform: initial;
	}
	#signup-login-line{
	  width: 10px;
	  display: inline-block;
	  text-transform: none;
	  font-style: normal;
	  font-size: 13px;
	  padding: 0 1px;
	  font-family: gobold;
	  margin-left: 6px;
	}
	.login-header, .signup-header, .username-header{
	  position: relative;
	  display: inline-block;
	  padding: 0;
	  margin: 0;
	  cursor: pointer;
	  /* overflow: hidden; */
    text-overflow: ellipsis;
	}
	.username-header a {
		color:  black;
	}
	.username-header{
		width: 266px;
	}

	
	.login-header,
	#login-signup-container.logged-in .username-header{
		display: inline-block;
	}
	#login-signup-container.logged-in .login-header,
	#login-signup-container.logged-in .signup-header ,
	#login-signup-container.logged-in .signup-login-line,
	.username-header{
		display: none;
	}
	
	/* .username-header{
		display: none;
	}
	.username-header.logged-in{
		display: inline-block;
	} */

		.language-menu{
            width: 150px;
            height: 32px;
            position: absolute;
            top: 0;
            right: 50px;
            z-index: 110;
        }

	.head-title{
		position: fixed;
		top: 18px;
		left: 50%;
		margin-left: -150px;
		width: 300px;
		font-family: "GoBold";
		font-size: 2em;
		text-transform: uppercase;
		color: white;
		z-index: 102;
	}

	.contact-us-top-button{
		position: fixed;
		top: 26px;
		right: 330px;
		height: 20px;
		width: 140px;
		font-family: "Kefa";
		font-size: 1.25em;
		color: white;
		background: #ff7f0b;
		padding-left: 30px;
		z-index: 102;
		cursor: pointer;
	}

/* Navigation */

.nav-button{
	cursor: pointer;
	z-index: 10;
	position: absolute;
	left: 245px;
	top: 20px;
}

	.open{
		background: url(/wp-content/themes/emaze/img/nav/open.png) no-repeat;
		width: 30px;
		height: 30px;
		-webkit-transition: 0.1s;
		-moz-transition: 0.1s;
		-o-transition: 0.1s;
		-ms-transition: 0.1s;
		transition: 0.1s;
	}

	.close{
		background: url(/wp-content/themes/emaze/img/nav/close.png) no-repeat;
		width: 30px;
		height: 30px;
		-webkit-transition: 0.1s;
		-moz-transition: 0.1s;
		-o-transition: 0.1s;
		-ms-transition: 0.1s;
		transition: 0.1s;
	}
.container.header {
	left: 250px;
	width: calc(100% - 250px);
}

.logo-container {
    position: fixed;
    top: 0;
    background: #1C1C3C;
    height: 65px;
    width: 250px;
    z-index: 26;
}

.nav{
	position: fixed;
	left: 0;
	background: #1C1C3C;
	/* height: 100%; */
	height: calc(100% - 65px);
    margin-top: 65px;
	width: 250px;
	text-align: left;
	display: table;
	margin-left: -200px;  /*CLOSED Starting state*/
	z-index: 10;
	-webkit-transform: translate3d(0,0,0);/*force GPU acceleration - temp chrome bug fix */
}

#wrapper .nav {
    margin-left: 0;
    position: absolute;
    height: 100%;
}
	.nav ul{
		list-style: none;
		margin: 0;
		display: table-cell;
		/* vertical-align: middle; */
		overflow: hidden;
	}
	.nav-item .bold-nav a {
		font-family: 'Poppins';
		font-weight: 500;
	}
	
	.nav-item .offset-nav {
		padding-left: 15px;
	}
	.only-logged-in{
		display: none;
	}
	.only-logged-in.logged-in{
		display: block;
	}
	.only-not-logged-in{
		display: block;
	}
	.only-not-logged-in.logged-in{
		display: none;
	}
		.nav .nav-item li:not(.nav-seperator){
			margin: 0;
			margin-left: 16px;
			width: 232px;
			height: 39px;
			color: white;
			padding-top: 17px;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;

		}
		.nav .nav-item li:not(.nav-seperator).extra-space-top{
			margin-top:15px;
		}
		.nav .nav-item li:not(.nav-seperator).extra-space-bottom{
			margin-bottom:15px;
		}

			li:not(.nav-seperator):hover > a,
			li:not(.nav-seperator):hover > a:hover{
				color: #ffbc36;
			}

				li:not(.nav-seperator):hover + .nav-seperator{
					background: #ffbc36;
				}

		.nav-item a{
			position: relative;
			font-family: 'Poppins';
			/* font-size: 1.2em; */
			font-size: 0.7em;
			text-transform: capitalize;
			color: white;
			cursor: pointer;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
			line-height: 17px;
			font-size: 0.9em;
		}

			.nav-item a:hover{

			}

		.nav-seperator{
			height: 1px;
			width: 150px;
			background: #808080;
			margin: 0 auto;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
		}


/* Home Page */

.main-text{
	margin-left: 5.5em;
	padding-top: 150px;
	min-height: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

	.brand{
		position: absolute;
		padding-top: 15px;
		height: 410px;
		width: 800px;
		overflow: hidden;
	}

		.create{
			position: absolute;
			bottom: 2.8em;
			font-family: 'GoBoldLight';
			font-size: 4.375em;
			color: white;
			line-height: 40px;
			text-transform: uppercase;
		}

		.amazing-presentations{
			position: absolute;
			bottom: 0.3em;
			font-family: 'GoBold';
			font-size: 4.375em;
			color: #ffb206;
			line-height: 80px;
			text-transform: uppercase;
		}

		.there-is-no{
			position: absolute;
			top: 0;
			left: 0;
			font-family: 'GoBoldLight';
			font-size: 4.375em;
			color: white;
			line-height: 80px;
			text-transform: uppercase;
			display: none;
		}

		.to-make{
			position: absolute;
			top: 200px;
			left: 0;
			font-family: 'GoBold';
			font-size: 4.375em;
			line-height: 80px;
			color: white;
			text-transform: uppercase;
			margin-top: -18px;
			display: none;
		}

			.orange-me{
				color: #ffb206;
			}

	.guidline-box{
		position: absolute;
		bottom: 0;
		width: auto !important;
		height: auto !important;
		border: 1px solid white;
		padding: 0.1em !important;
	}

		.step-one,
		.step-two,
		.step-three{
			float: left;
			color: white;
			font-family: "KefaItalic";
			font-size: 1.3em;
			padding: 2px;
			padding-left: 5px;
		}

		.yellow-arrow{
			background: url(/wp-content/themes/emaze/img/yellow-arrow.png) no-repeat;
			width: 9px;
			height: 6px;
			float: left;
			margin-top: 14px;
			margin-left: 5px;
		}

.learn-more{
	position: absolute;
	bottom: 3em;
	left: 55%;
	font-size: 1.5em;
	font-family: "KefaItalic";
	margin-top: 30px;
	color: white;
}

	.learn-more:hover{
		color: #ffba1e;
	}

	.learn-more:after{
		position: absolute;
		right: 35px;
		top: 40px;
		content: "";
		background: url(/wp-content/themes/emaze/img/sidebar/white-arrwo-red-strip.png) no-repeat;
		width: 40px;
		background-size: contain;
		height: 40px;
		display: block;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

.white-wrap{
	height: auto;
	padding: 0 !important;
	background: #ffffff;
}

	.our-story{
		padding-top: 1em;
		height: auto;
		background: #ff7f0b;
	}

		.story-header{
			position: relative;
			font-family: 'GoBold';
			text-transform: uppercase;
			font-size: 3.5em;
			color: #fff;
			text-align: center;
			padding-top: 1em;
			z-index: 1;
		}

			.story-header::before{
				content: '';
				position: absolute;
				top: 63px;
				left: 50%;
				background: #ffb106;
				width: 5.25em;
				margin-left: -2.6em;
				height: 40px;
				z-index: -1;
			}

		.story{
			width: 44vw;
			font-family: 'Kefa';
			font-size: 1.875em;
			color: #fff;
			text-align: center;
			line-height: 1.275em;
			margin: 20px auto;
			padding-bottom: 1.8em;
		}

/*Infograph*/
.infograph{
    height: 375px;
    width: 100%;
    background-color: #f6b80b;
    overflow: hidden;
}
	.ig-inner-container{
		position: absolute;
		top: 84px;
		left: 100px;
		z-index: 10;
	}

		.ig-circles{
			position: absolute;
			list-style: none;
			top: 50%;
			left: 500px;
			z-index: 3;
		}

		.ig-circles-texts{
			position: absolute;
			list-style: none;
			top: 50%;
			left: 735px;
			z-index: 10;
		}

			.ig-circles li{
				position: absolute;
				border-radius: 50%;
				-webkit-transition: all 0.9s;
				-moz-transition: all 0.9s;
				-ms-transition: all 0.9s;
				-o-transition: all 0.9s;
				transition: all 0.9s;
			}

			.ig-circles-texts li{
				display: none;
			}

				.ig-circles-texts li p{
					position: absolute;
					height: 80px;
					top: 50%;
					left: 50%;
					margin-left: -50px;
					margin-top: -40px;
					font-family: 'GoBold';
					font-size: 75px;
					line-height: 78px;
					color: #fff;
					text-transform: uppercase;
					z-index: 10;
				}

					.ig-circles-texts li p span{
						position: absolute;
						font-family: 'KefaItalic';
						font-size: 28px;
						color: #fff;
						text-transform: none;
						line-height: 26px;
					}

			.ig-circles li:nth-child(1){
				width: 247px;
				height: 247px;
				margin-top: -123px;
				margin-left: 115px;
				background-color: #9c045b;
				z-index: 3;
			}

					.ig-circles-texts li:nth-child(1) p span{
						left: 28px;
						top: 80px;
					}

			.ig-circles li:nth-child(2){
				width: 540px;
				height: 540px;
				margin-top: -270px;
				margin-left: 55px;
				background-color: #f43b0f;
				z-index: 2;
			}

				.ig-circles-texts li:nth-child(2) p{
					  margin-left: 175px;
				}

					.ig-circles-texts li:nth-child(2) p span{
						left: -15px;
						top: 80px;
						text-align: center;
					}

			.ig-circles li:nth-child(3){
				width: 835px;
				height: 835px;
				margin-top: -417px;
				background-color: #fe7f0a;
				z-index: 1;
			}

				.ig-circles-texts li:nth-child(3) p{
					  margin-left: 405px;
				}

					.ig-circles-texts li:nth-child(3) p span{
						left: 40px;
						top: 80px;
					}

		.ig-text{
			font-family: 'GoBold';
			font-size: 64px;
			color: #fff;
			text-transform: uppercase;
			line-height: 70px;
			z-index: 10;
		}

    .infograph-mask{
    	position: absolute;
    	width: 100%;
    	height: 100%;
        background: url(img/infograph-pattern.png);
        background-repeat: repeat;
        z-index: 5;
        opacity: 0.65;
    }

.ig-scaleup{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.ig-scaledown{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

/*End of infograph*/

/*emaze News*/

.em-news{
	width: 100%;
	height: 292px;
	background-color: #ffb106;
}

	.em-news-container{
		  position: relative;
		  width: 650px;
		  height: 180px;
		  margin: 56px auto;
	}

	.em-news-circle{
		width: 180px;
		height: 180px;
		background: url(/wp-content/themes/emazetablet/img/pitchup_tablet.png) no-repeat;
		background-size: contain;
		float: left;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-ms-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-transform: translate3d(0,0,0,0);
	}

		.em-news-circle:hover{
			-webkit-transform: scale(1.1) rotate(5deg);
			-moz-transform: scale(1.1) rotate(5deg);
			-ms-transform: scale(1.1) rotate(5deg);
			-o-transform: scale(1.1) rotate(5deg);
			transform: scale(1.1) rotate(5deg);
		}

		.em-news-info{
			width: calc(100% - 225px);
			height: 200px;
			margin-left: 25px;
			float: left;
		}
/*End of emaze News*/

.why-emaze{
	height: auto;
	padding: 0;
	background: #333333;
}

	.why-header{
		position: relative;
		margin-top: 30px;
	}

		.so-why{
			position: relative;
			font-family: 'GoBold';
			font-size: 3.5em;
			color: white;
			text-align: center;
			margin-bottom: 0;
			text-transform: uppercase;
		}

			.so-why-stripe{
				position: absolute;
				top: 1.7em;
				left: 50%;
				margin-left: -175px;
				width: 350px;
				height: 40px;
				background: #5d5d5d;
			}

		.pp{
			font-size: 1.5em;
			color: white;
			text-align: center;
			font-family: "KefaItalic";
			margin-bottom: 2em;
		}

	.info-container{

	}

		.block{
			height: 200px;

		}

			.block:hover > .icon{
				-webkit-transform: scale(1.1) rotate(5deg);
				-moz-transform: scale(1.1) rotate(5deg);
				-ms-transform: scale(1.1) rotate(5deg);
				-o-transform: scale(1.1) rotate(5deg);
				transform: scale(1.1) rotate(5deg);
			}

			.block:hover > .text-container > p{
				color: #ffba1e;
			}

			.icon{
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				-o-transition: 0.3s;
				-ms-transition: 0.3s;
				transition: 0.3s;
			}

				.easy{
					background: url(/wp-content/themes/emaze/img/easy-icon.png) no-repeat;
					width: 99px;
					height: 98px;
				}

				.cloud{
					background: url(/wp-content/themes/emaze/img/cloud-base-icon.png) no-repeat;
					width: 99px;
					height: 98px;
				}

				.languages{
					background: url(/wp-content/themes/emaze/img/support-icon.png) no-repeat;
					width: 99px;
					height: 98px;
				}

				.mutli{
					background: url(/wp-content/themes/emaze/img/multi-device-icon.png) no-repeat;
					width: 99px;
					height: 98px;
				}

				.html5{
					background: url(/wp-content/themes/emaze/img/html-icon.png) no-repeat;
					width: 99px;
					height: 98px;
				}

				.edge{
					background: url(/wp-content/themes/emaze/img/cutting-icon.png) no-repeat;
					width: 99px;
					height: 98px;
				}

			.text-container{
				position: absolute;
				top: 0;
				left: 130px;
			}

				.text-container p{
					-webkit-transition: 0.3s;
					-moz-transition: 0.3s;
					-o-transition: 0.3s;
					-ms-transition: 0.3s;
					transition: 0.3s;
				}

				.fact{
					position: relative;
					font-family: 'GoBold';
					font-size: 1.5em;
					color: white;
					left: 40px;
					margin: 0;

				}

					.fact::before{
						content: '';
						position: absolute;
						background: url(/wp-content/themes/emaze/img/icons-arrwo.png);
						width: 28px;
						height: 19px;
						top: 10px;
						left: -40px;
					}

				.fact-continue{
					font-family: 'GoBold';
					font-size: 1.5em;
					color: white;
					margin: 0;
				}

				.description{
					color: white;
					font-size: 1.2em;
					font-family: "KefaItalic";
					width: 240px;
					line-height: 20px;
				}

.get-inspired{
	padding: 0 !important;
}

	.orange-box{
		height: 8vw;
		margin: 0 auto 40px auto;
		background: #333;
	}

		.inspire-header{
			font-family: 'GoBold';
			font-size: 6vw;
			color: white;
			text-align: center;
			margin-top: -20px;
			margin-bottom: 0;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			-ms-transition: 0.3s;
			transition: 0.3s;
		}

		.inspire-header:hover{
		    /*TODO insert effect*/
		    /*-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-ms-transform: scale(1.05);
			-o-transform: scale(1.05);
			transform: scale(1.05);*/
		}

		/*.inspire-link{
			position: relative;
			top: -32px;
			width: 250px;
			margin: 0 auto;
			display: block;
			font-size: 1.25em;
			font-family: "KefaItalic";
			color: white;
			text-decoration: none;
		}

			.inspire-link::before{
				content: "";
				background: url(img/down-arrow.png);
				width: 9px;
				height: 12px;
				position: absolute;
				top: 10px;
				left: -15px;
			}

			.inspire-link::after{
				content: "";
				background: url(img/down-arrow.png);
				width: 9px;
				height: 12px;
				position: absolute;
				top: 10px;
				right: 15px;
			}*/

		.featured-presentations{
			padding: 0 !important;
		}

			.feature-image{
				width: 460px;
				height: 260px;
				position: relative;
				margin-bottom: 0.9375rem;
			}

				.presentation-details{
					position: absolute;
					top: 0;
					left: 0.9375em;
					height: auto;
					width: calc(100% - 0.9375em - 0.9375em);
					text-align: center;
					cursor: pointer;
					overflow: hidden;
				}

					.presentation-details video{
						width: 100%;
						height: auto;
					}

						.presentation-details video:hover{
							box-shadow: 0 0 3px;
						}

				.presentation-name-over-video{
					position: absolute;
					left: 0;
					bottom: -2.2vw;
					width: auto;
					height: 2.2vw;
					padding: 0 1.2em;
					background: rgba(0,0,0,0.7);
					-webkit-transition: all 0.3s;
					-moz-transition: all 0.3s;
					-o-transition: all 0.3s;
					-ms-transition: all 0.3s;
					transition: all 0.3s;
				}

				.presentation-details video:hover + .presentation-name-over-video{
					bottom: 0vw;
				}

					.presentation-name-over-video p {
						font-family: "Kefa";
						font-weight: bold;
						font-style: italic;
						font-size: 1.2vw;
						color: #ffb206;
					}

					.presentation-details:hover > .details-container{
						width: 100%;
						left: 0;
						opacity: 1;
					}

					.details-container{
						position: absolute;
						left: 50%;
						display: table;
						width: 0;
						height: 100%;
						background: rgba(0,0,0,0.7);
						opacity: 0;
						-webkit-transition: 0.3s;
						-moz-transition: 0.3s;
						-o-transition: 0.3s;
						-ms-transition: 0.3s;
						transition: 0.3s;
					}

					.details-container .dcontent{
						display: table-cell;
						vertical-align: middle;
						height: 100%;
						width: 100%;
					}

					.details-container .dcontent p {
						font-family: "KefaItalic";
						font-size: 1.375em;
						color: white;
						margin-bottom: 0;
						text-transform: capitalize;
					}

						.details-container .dcontent p span{
							text-transform: none;
						}

						.details-container .dcontent p:hover{
							color: #ffb206;
						}

							.pprehover{
								-webkit-transform: scale(0);
								-moz-transform: scale(0);
								-ms-transform: scale(0);
								-o-transform: scale(0);
								transform: scale(0);
							}

							.phover{
								-webkit-transform: scale(1);
								-moz-transform: scale(1);
								-ms-transform: scale(1);
								-o-transform: scale(1);
								transform: scale(1);
								-webkit-transition: 0.3s 0.3s;
								-moz-transition: 0.3s 0.3s;
								-o-transition: 0.3s 0.3s;
								-ms-transition: 0.3s 0.3s;
								transition: 0.3s 0.3s;
							}

						.details-views {
							position: relative;
							display: inline-block;
							font-family: "KefaItalic";
							font-size: 1em !important;
							color: white;
							-webkit-transition: 0.3s;
							-moz-transition: 0.3s;
							-o-transition: 0.3s;
							-ms-transition: 0.3s;
							transition: 0.3s;
						}

						.details-views::before{
							content: "";
							position: absolute;
							top: 8px;
							left: -20px;
							background: url(/wp-content/themes/emaze/img/play-icon.png) no-repeat;
							width: 14px;
							height: 13px;
						}

	.see-all{
		height: 55px;
		/*width: calc(100% - 1.875rem) !important;*/
		background: url(/wp-content/themes/emaze/img/ptt.jpg) repeat;
		/*margin-bottom: 1em;*/
		/*left: 0.9375rem;*/
	}

		.see-all-link{
			margin: 0 auto;
			font-family: 'GoBold';
			font-size: 2em;
			color: #000;
			text-align: right;
			width: 350px;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-o-transition: all 0.3s;
			-ms-transition: all 0.3s;
			transition: all 0.3s;
		}

			.see-all-link:hover,
			.see-all:hover > p{
				-webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
			}

			.see-all-link p:hover{
				color: #000;
			}

			.see-orange-arrow{
				position: absolute;
				top: 13px;
				background: url(/wp-content/themes/emaze/img/see-all-arrow.png);
				width: 31px;
				height: 30px;
				margin-left: 10px;
			}

/* Video */

/*TODO Might need to remove support*/
.video,
.video-support{
	background: rgba(0,0,0, 0.5) url(/wp-content/themes/emaze/img/pattern.png) repeat;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.video video{
	position: fixed;
	width: auto;
    height: 100%;
    z-index: -1000;
	overflow: hidden;
}

.video-support video{
	position: absolute;
	width: auto;
    height: 80%;
    z-index: -1000;
	overflow: hidden;
}

/*** Sidebar White ***/

.presentation-panel{
	position: fixed !important;
	top: 0;
	right: 0;
	background: #ffffff;
	height: 100%;
	width: 350px;
	z-index: 4;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-webkit-transform: translate3d(0,0,0);/*force GPU acceleration - temp chrome bug fix */
}

	.thumb-label-white{
		position: absolute;
		top: 5em;
		left: -35px;
		background: white;
		height: 60px;
		width: 60px;
		border-radius: 30px;
		cursor: pointer;
	}

		.orange-arrow{
			position: absolute;
			top: 6.375em;
			left: -20px;
			background: url(/wp-content/themes/emaze/img/sidebar/orange-arrow.png);
			width: 27px;
			height: 18px;
			cursor: pointer;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			transition: 0.5s;
		}

	.checkout{
		font-family: 'GoBold';
		font-size: 2.125em;
		color: #ffba1e;
		text-align: center;
		padding-top: 40px;
		margin-bottom: 0;
	}

	.templates{
		display: inline-block;
		position: relative;
		top: -20px;
		font-family: 'GoBold';
		font-size: 2.75em;
		color: #474747;
		text-align: center;
		margin-bottom: 0;
	}

	/*TODO set scrolling on side bar*/

	.images-container{
		position: absolute;
		bottom: 0;
		overflow-y: scroll;
		height: calc(100% - 10em);
	}

		.side-image,
		.side-video{
			position: relative;
			margin-bottom: 15px;
			width: 350px;
			display: inline-block;
		}

			.side-image img{
				-webkit-transition: all 0.5s ease;
			    -moz-transition: all 0.5s ease;
			    -ms-transition: all 0.5s ease;
			    -o-transition: all 0.5s ease;
			    transition: all 0.5s ease;
			}

			.side-image-label{
				width: 60px;
				height: 20px;
				color: white;
				background: black;
			}

		.dark-filter{
			background: url(/wp-content/themes/emaze/img/pattern-dark.png) repeat;
			position: absolute;
			height: 195px;
			width: 350px;
		}

		.side-video{
			position: absolute;
			display: none;
			top: 0;
			left: 0;
			height: 100%;
		}

		.side-image:hover > img{
			opacity: 0;
		}

		.side-image:hover > .side-video{
			display: block;
		}

		.tags{
			position: absolute;
			bottom: 0;
			left: 0;
			list-style: none;
			margin: 0 0 0 5px !important;
		}

			/*TODO Set font*/
			.tag-name{
				display: inline-block;
				font-size: 14px;
				padding: 5px;
				color: white;
				background: black;
				margin-right: 2px;
			}

				.tag-name:hover{
					color: #ff7f0b;
				}

/* Footer */
#footer{
	height: 80px;
	background: black;
	padding: 0 !important;
	float: left !important;
	overflow: hidden;
}

	.social-bar{
		height: 80px;
		background: #4d4d4d;
	}


		.social-icons-container{
			text-align: center;
			padding-top: 25px;
		}

			.social-icon{
				display: inline-block;
				margin-right: 42px;
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-ms-transition: 0.5s;
				-o-transition: 0.5s;
				transition: 0.5s;
				background: url(/wp-content/themes/emaze/img/footer/social_icons_website_white.png) no-repeat;
				width: 33px;
				height: 26px;
			}

				.google-plus{
					background-position: -215px 0px;
				}

				.facebook{
					background-position: 0px 0px;
				}

				.twitter{
					background-position: -108.5px 0px;
				}

				.pinterest{


				}

					.google-plus:hover{
						cursor: pointer;
						background: url(/wp-content/themes/emaze/img/footer/social_icons_website_yellow.png) no-repeat;
						background-position: -215px 0px;
					}

					.facebook:hover{
						cursor: pointer;
						background: url(/wp-content/themes/emaze/img/footer/social_icons_website_yellow.png) no-repeat;
						background-position: 0px 0px;
					}

					.twitter:hover{
						cursor: pointer;
						background: url(/wp-content/themes/emaze/img/footer/social_icons_website_yellow.png) no-repeat;
						background-position: -108.5px 0px;
					}

					.pinterest:hover{
						cursor: pointer;
						background: url(/wp-content/themes/emaze/img/footer/social_icons_website_yellow.png) no-repeat;
					}


	.site-links{
		font-family: "GoBoldLight";
		font-size: 1em;
		text-align: center;
		list-style: none;
		padding-top: 40px;
	}

		.site-links li{
			display: inline-block;
			color: white;
			margin-right: 35px;
		}

			.site-links li a{
				position: relative;
				color: white;
				text-transform: uppercase;
				text-shadow: 0 0 1px rgba(111,134,134,0.3);
				padding: 10px;
				text-shadow: none;
				-webkit-transition: color 0.3s;
				-moz-transition: color 0.3s;
				transition: color 0.3s;
			}

				.site-links li a:hover{
					color: #ffba1e;
				}

				.site-links li a::after {
					position: absolute;
					top: 50%;
					left: 50%;
					width: 100px;
					height: 100px;
					border: 2px solid rgba(255, 178, 6, 0.95);
					border-radius: 50%;
					content: '';
					opacity: 0;
					z-index: 100;
					-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
					-moz-transition: -moz-transform 0.3s, opacity 0.3s;
					transition: transform 0.3s, opacity 0.3s;
					-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
					-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
					transform: translateX(-50%) translateY(-50%) scale(0.2);
				}

				.site-links li a::after {
					width: 100px;
					height: 100px;
					border-width: 3px;
					-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
					-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
					transform: translateX(-50%) translateY(-50%) scale(0.8);
				}

				.site-links li a:hover::after,
				.site-links li a:focus::after {
					opacity: 1;
					-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
					-moz-transform: translateX(-50%) translateY(-50%) scale(1);
					transform: translateX(-50%) translateY(-50%) scale(1);
				}

/* ----------------laptop-------------------  */

@media only screen
and (min-width : 1025px)
and (max-width : 1366px) {
		#login-signup-container {
		  width: 220px;
		  font-size:1.2em;
		}
		.container.header {
			left: 211px;
			width: calc(100% - 211px);
		}
		.logo-container{
			width: 211px;
		}
		.nav {
			width: 211px;
		}
		.nav .nav-item li:not(.nav-seperator){
			width: 195px;
		}
		.nav .nav-item .pp-sideImage2 {
			margin-top: 15px;
			left: 12px;
		}
		.nav .nav-item .pp-sideImage1 img, .nav .nav-item .pp-sideImage2 img, .nav .nav-item .pp-sideImage3 img{
			max-width: none;
			width: 186px;
			height: auto;
			cursor: pointer;
		}
		.header-title{
			font-size: 29px;
		}
}

/* ----------------tablet-landscape-------------*/

@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
		#login-signup-container {
		  width: 220px;
		  font-size:1.1em;
		}
		.header-title{
			font-size: 29px;
		}
		.container.header {
			left: 211px;
			width: calc(100% - 211px);
		}
		.logo-container{
			width: 211px;
		}
		.nav {
			width: 211px;
		}
		.nav .nav-item li:not(.nav-seperator){
			width: 195px;
		}
		.nav .nav-item .pp-sideImage2 {
			margin-top: 15px;
			left: 12px;
		}
		.nav .nav-item .pp-sideImage1 img, .nav .nav-item .pp-sideImage2 img, .nav .nav-item .pp-sideImage3 img{
			max-width: none;
			width: 186px;
			height: auto;
			cursor: pointer;
		}
}

/*** Animations ***/

@keyframes "blink" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }

}

@-moz-keyframes blink {
 0% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-webkit-keyframes "blink" {
 0% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-ms-keyframes "blink" {
 0% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-o-keyframes "blink" {
 0% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-webkit-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}

@-moz-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}

@keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}

@-webkit-keyframes bounce
{
	0%{
		margin-top: -3px;
	}

	50%{
		margin-top: 3px;
	}

	100%{
		margin-top: -3px;
	}
}

@-moz-keyframes bounce
{
	0%{
		margin-top: -3px;
	}

	50%{
		margin-top: 3px;
	}

	100%{
		margin-top: -3px;
	}
}

@-ms-keyframes bounce
{
	0%{
		margin-top: -3px;
	}

	50%{
		margin-top: 3px;
	}

	100%{
		margin-top: -3px;
	}
}

@-o-keyframes bounce
{
	0%{
		margin-top: -3px;
	}

	50%{
		margin-top: 3px;
	}

	100%{
		margin-top: -3px;
	}
}

@keyframes bounce
{
	0%{
		margin-top: -3px;
	}

	50%{
		margin-top: 3px;
	}

	100%{
		margin-top: -3px;
	}
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/*Temp stuff*/
#zenbox_tab{
	display: none !important;
}