* { outline: 0 !important; }

/* Main */
	html, body{
		 
		width: 100%;
		height: 100%;
		 
	}
/* Main */
.navbar-default {
    background-color: #fff;
    border-color: #fff;
        min-height: 70px;
}
.navbar-default .navbar-nav>li>a {
        color: #000;
    font-size: 14px;
        text-transform: uppercase;
            font-weight: 400;
}
.navbar-nav{    margin: 10px 0 0 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #FFA500;
    background:none;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #FFA500;
    background-color: transparent;
}
.navbar-default .navbar-brand {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    margin: -6px 0 0 0;
}
/* Brand */
	.brand{
		position: absolute;
		top: 20px;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 1000;
	
		-webkit-animation: brandup 1s ease-in-out forwards;
		-moz-animation:    brandup 1s ease-in-out forwards;
		-o-animation:      brandup 1s ease-in-out forwards;
		animation:         brandup 1s ease-in-out forwards;
	}

	@-webkit-keyframes brandup {
	  from   { -webkit-transform: translateY(30vh); }
	  to { -webkit-transform: translateY(0vh); }
	}
	@-moz-keyframes brandup {
	  from   { -moz-transform: translateY(30vh); }
	  to { -moz-transform: translateY(0vh); }
	}
	@-o-keyframes brandup {
	  from   { -o-transform: translateY(30vh); }
	  to { -o-transform: translateY(0vh); }
	}
	@keyframes brandup {
	  from   { transform: translateY(30vh); }
	  to { transform: translateY(0vh); }
	}

	.brand.down{
		-webkit-animation: branddown 0.4s ease-in-out forwards;
		-moz-animation:    branddown 0.4s ease-in-out forwards;
		-o-animation:      branddown 0.4s ease-in-out forwards;
		animation:         branddown 0.4s ease-in-out forwards;
	}

	@-webkit-keyframes branddown {
	  from   { -webkit-transform: translateY(0vh); }
	  to { -webkit-transform: translateY(30vh); }
	}
	@-moz-keyframes branddown {
	  from   { -moz-transform: translateY(0vh); }
	  to { -moz-transform: translateY(30vh); }
	}
	@-o-keyframes branddown {
	  from   { -o-transform: translateY(0vh); }
	  to { -o-transform: translateY(30vh); }
	}
	@keyframes branddown {
	  from   { transform: translateY(0vh); }
	  to { transform: translateY(30vh); }
	}



	.brand > h5{
		position: relative;
		display: inline-block;
		font-family: 'Rubik', sans-serif;
		font-size: 30px;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		line-height: 24px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}

	.brand > h5 > span{
		position: absolute;
		top: -14px;
		left: auto;
		right: 0;

		display: block;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 14px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}
/* Brand */

/* Nav */
	nav{
		position: absolute;
		top: 0;
		left: auto;
		right: 0;
		width: 70px;
		height: 100%;

		display: table;
		z-index: 2000;
	}

	nav > ul{
		position: relative;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	nav > ul > li{
		position: relative;
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 20px;
		background-color: rgba(255,255,255,0.5);
		margin: 30px auto;
		cursor: pointer;
	}


	nav > ul > li:after{
		content: ' ';
		position: absolute;
		top: 0;
		left: 0;
		width: 15px;
		height: 15px;
		border-radius: 20px;
		border: 2px solid rgba(255,255,255,0.5);

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;

		-webkit-transform: scale(3,3);
		-moz-transform: scale(3,3);
		-ms-transform: scale(3,3);
		-o-transform: scale(3,3);
		transform: scale(3,3);
		opacity: 0;
	}

	nav > ul > li.active:after{
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-o-transform: scale(1,1);
		transform: scale(1,1);
		opacity: 1;
	}
/* Nav */

/* App store buttons */
	.app-store-btns{
		position: absolute;
		top: auto;
		left: 0;
		bottom: 20px;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 1000;

		-webkit-animation: storebtnsdown 1s linear forwards;
		-moz-animation:    storebtnsdown 1s linear forwards;
		-o-animation:      storebtnsdown 1s linear forwards;
		animation:         storebtnsdown 1s linear forwards;
	}

	@-webkit-keyframes storebtnsdown {
	  from   { -webkit-transform: translateY(-30vh); }
	  to { -webkit-transform: translateY(0); }
	}
	@-moz-keyframes storebtnsdown {
	  from   { -moz-transform: translateY(-30vh); }
	  to { -moz-transform: translateY(0); }
	}
	@-o-keyframes storebtnsdown {
	  from   { -o-transform: translateY(-30vh); }
	  to { -o-transform: translateY(0); }
	}
	@keyframes storebtnsdown {
	  from   { transform: translateY(-30vh); }
	  to { transform: translateY(0); }
	}

	.app-store-btns.up{
		-webkit-animation: storebtnsup 0.4s linear forwards;
		-moz-animation:    storebtnsup 0.4s linear forwards;
		-o-animation:      storebtnsup 0.4s linear forwards;
		animation:         storebtnsup 0.4s linear forwards;
	}

	@-webkit-keyframes storebtnsup {
	  from   { -webkit-transform: translateY(0); }
	  to { -webkit-transform: translateY(-30vh); }
	}
	@-moz-keyframes storebtnsup {
	  from   { -moz-transform: translateY(0); }
	  to { -moz-transform: translateY(-30vh); }
	}
	@-o-keyframes storebtnsup {
	  from   { -o-transform: translateY(0); }
	  to { -o-transform: translateY(-30vh); }
	}
	@keyframes storebtnsup {
	  from   { transform: translateY(0); }
	  to { transform: translateY(-30vh); }
	}

	.app-store-btns.upvideo{
		-webkit-animation: storebtnsvideo 0.4s linear forwards;
		-moz-animation:    storebtnsvideo 0.4s linear forwards;
		-o-animation:      storebtnsvideo 0.4s linear forwards;
		animation:         storebtnsvideo 0.4s linear forwards;
	}

	@-webkit-keyframes storebtnsvideo {
	  from   { -webkit-transform: translateY(0px); }
	  to { -webkit-transform: translateY(-65px); }
	}
	@-moz-keyframes storebtnsvideo {
	  from   { -moz-transform: translateY(0px); }
	  to { -moz-transform: translateY(-65px); }
	}
	@-o-keyframes storebtnsvideo {
	  from   { -o-transform: translateY(0px); }
	  to { -o-transform: translateY(-65px); }
	}
	@keyframes storebtnsvideo {
	  from   { transform: translateY(0px); }
	  to { transform: translateY(-65px); }
	}

	.app-store-btns > a{
		display: inline-block;
		margin: 0 20px;
	}

	.app-store-btns > a > i{
		display: block;
	}

	.app-store-btns > a > i > svg{
		display: block;
		width: 140px;
		height: auto;
	}

	.app-store-btns > a > i > svg .background{
		opacity: 0;
		-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;
	}

	.app-store-btns > a > i > svg .background{ opacity: 0.1; }
	.app-store-btns.up > a > i > svg .background{ opacity: 0.8; }
	.app-store-btns > a:hover > i > svg .background{ opacity: 1; }
	.app-store-btns > a:active > i > svg .background{ opacity: 0.5; }


	@media (min-width: 991px) and (max-width: 1100px) {
		.app-store-btns > a > i > svg{
			display: block;
			width: 100px;
			height: auto;
		}
	}
/* App store buttons */

/* Frame */
	.screens{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;


		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;

		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}

	.screens > .screen{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.screens > .screen:nth-child(1){ background-color: rgba(0, 128, 0, 0.7);
	
	 }
	.screens > .screen:nth-child(2){     background: -webkit-linear-gradient(#187dec, #b1d9ff);
    background-color: white; }
	.screens > .screen:nth-child(3){     background: -webkit-linear-gradient(#DC143C, #FF1493);
    background-color: white;}
	.screens > .screen:nth-child(4){   background: -webkit-linear-gradient(#8B008B, #8A2BE2);
    background-color: white;}
	.screens > .screen:nth-child(5){  background: -webkit-linear-gradient(#1E90FF, #20B2AA);
    background-color: white; }
	.screens > .screen:nth-child(6){ background: -webkit-linear-gradient(#FF4500, #FFA500);
    background-color: white;  }
	.screens > .screen:nth-child(7){ background-color: rgba(43, 43, 43, 1); }



	.screens > .screen > .content-outside{
		position: relative;
		top: 10%;
		left: 5%;
		display: table;
		width: 90%;
		height: 80%;
		z-index: 1000;
	}

	.screens > .screen > .content-outside > .content-inside{
		position: relative;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}
/* Frame */

/* Backgrounds */
	.screens > .screen .background{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;

		opacity: 0.15;
	}

	.screens > .screen .background{
		background: url(../img/bgr-1.jpg) no-repeat center center scroll; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.screens > .screen[data-marker="2"] .background{
		background: url(../img/bgr-2.jpg) no-repeat center center scroll; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.screens > .screen[data-marker="3"] .background{
		background: url(../img/bgr-3.jpg) no-repeat center center scroll; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.screens > .screen[data-marker="4"] .background{
		background: url(../img/bgr-4.jpg) no-repeat center center scroll; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.screens > .screen[data-marker="5"] .background{
		background: url(../img/bgr-5.jpg) no-repeat center center scroll; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.screens > .screen[data-marker="6"] .background{
		background: url(../img/bgr-6.jpg) no-repeat center bottom scroll; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	<!--.screens > .screen.active .background{
		-webkit-animation: bgrzoom 1.4s linear forwards;
		-moz-animation:    bgrzoom 1.4s linear forwards;
		-o-animation:      bgrzoom 1.4s linear forwards;
		animation:         bgrzoom 1.4s linear forwards;
	}
	-->

	@-webkit-keyframes bgrzoom {
	  from   { -webkit-transform: scale(1,1); opacity: 0;  }
	  to { -webkit-transform: scale(1.03,1.03); opacity: 0.15; }
	}
	@-moz-keyframes bgrzoom {
	  from   { -moz-transform: scale(1,1); opacity: 0;  }
	  to { -moz-transform: scale(1.03,1.03); opacity: 0.15; }
	}
	@-o-keyframes bgrzoom {
	  from   { -o-transform: scale(1,1); opacity: 0;  }
	  to { -o-transform: scale(1.03,1.03); opacity: 0.15; }
	}
	@keyframes bgrzoom {
	  from   { transform: scale(1,1); opacity: 0;  }
	  to { transform: scale(1.03,1.03); opacity: 0.15; }
	}
/* Backgrounds */

/* Texting */
	h1, .h1{
		font-family: 'Rubik', sans-serif;
		font-size: 64px;
		font-style: normal;
		font-variant: normal;
		font-weight: 900;
		line-height: 68px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}

	h2, .h2{
		font-family: 'Rubik', sans-serif;
		font-size: 42px;
		font-style: normal;
		font-variant: normal;
		font-weight: 900;
		line-height: 48px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}


	h3, .h3{
		font-family: 'Rubik', sans-serif;
		font-size: 32px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 32px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;
		
		text-shadow: none;
	}


	h4, .h4{
		font-family: 'Rubik', sans-serif;
		font-size: 28px;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		line-height: 32px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}

	h5, .h5{
		font-family: 'Rubik', sans-serif;
		font-size: 18px;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		line-height: 24px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}

	h4 i, .h4 i{
		display: block;
		margin-bottom: 10px;
		font-size: 40px;
		line-height: 40px;
	}


	p{
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-style: normal;
		font-variant: normal;
		font-weight: 300;
		line-height: 24px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}

	p.footnote{
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: 300;
		line-height: 24px;
		letter-spacing: 0.05;
		color: #FFF;
		text-transform: none;

		text-shadow: none;
	}

	a{
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-style: normal;
		font-variant: normal;
		font-weight: 300;
		line-height: 24px;
		letter-spacing: 0.05;
		color: #FFFFFF;
		text-transform: none;

		text-shadow: none;
	}
	p.footnote a{
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: 300;
		line-height: 24px;
		letter-spacing: 0.05;
		color: #FFFFFF;
		text-transform: none;

		text-shadow: none;
	}
	a:hover, a:focus{
		color: #FFFFFF;
	}

	@media (min-width: 991px) and (max-width: 1100px) {
		h1{
			font-family: 'Rubik', sans-serif;
			font-size: 54px;
			font-style: normal;
			font-variant: normal;
			font-weight: 900;
			line-height: 58px;
			letter-spacing: 0.05;
			color: #FFF;
			text-transform: none;

			text-shadow: none;
		}

		h2{
			font-family: 'Rubik', sans-serif;
			font-size: 32px;
			font-style: normal;
			font-variant: normal;
			font-weight: 900;
			line-height: 38px;
			letter-spacing: 0.05;
			color: #FFF;
			text-transform: none;

			text-shadow: none;
		}


		h3{
			font-family: 'Rubik', sans-serif;
			font-size: 22px;
			font-style: normal;
			font-variant: normal;
			font-weight: 400;
			line-height: 22px;
			letter-spacing: 0.05;
			color: #FFF;
			text-transform: none;
			
			text-shadow: none;
		}


		h4{
			font-family: 'Rubik', sans-serif;
			font-size: 24px;
			font-style: normal;
			font-variant: normal;
			font-weight: 500;
			line-height: 32px;
			letter-spacing: 0.05;
			color: #FFF;
			text-transform: none;

			text-shadow: none;
		}


		p{
			font-family: 'Open Sans', sans-serif;
			font-size: 12px;
			font-style: normal;
			font-variant: normal;
			font-weight: 300;
			line-height: 18px;
			letter-spacing: 0.05;
			color: #FFF;
			text-transform: none;

			text-shadow: none;
		}
	}
/* Texting */

/* Canvas */
	.screens .screen canvas{
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
/* Canvas */

/* Phones */
	.phones{
		position: absolute;
		top: -30px;
		width: 100%;
		height: 415px;		
	}

	.phones .nexus{
		position: absolute;
		top: 0;
		left: 15%;
		z-index: 100;
		width:530px;
		height: auto;
	}

	.phones .iphone{
		position: absolute;
		top: -20px;
		left: 40%;
		z-index: 200;
		width: 250px;
		height: auto;
	}

	@media (min-width: 991px) and (max-width: 1100px) {
		.phones{
			position: absolute;
			top: -30px;
			width: 100%;
			height: 390px;
		}

		.phones .nexus{
			position: absolute;
			top: 0;
			left: 15%;
			z-index: 100;
			width: 190px;
			height: auto;
		}

		.phones .iphone{
			position: absolute;
			top: -20px;
			left: 40%;
			z-index: 200;
			width: 208px;
			height: auto;
		}
	}
/* Phones */

/* Phone */
	.phone{
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width:100%;
	}

	.phone > .iphone{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		z-index: 1000;
	}

	/* Phone screens*/
		.phone > .carousel{
			position: absolute;
			top: 58px;
			left: 10px;
			display: block;
			width: 215px;
			height: auto;
			z-index: 0;
			overflow: hidden;
		}
	/* Phone screens*/

	/* Control */
		.phone .control{
			position: absolute;
			display: block;
		        top: 40px;
    left: -104px;
		    bottom: 5px;
		    width: 100%;
		    height: 35px;		    
		    z-index: 1100;
		}

		.phone .control button{
			position: relative;
			display: block;
			width: 35px;
			height: 35px;
			border: none;
			border-radius: 35px;
			margin: 0 auto;

			background-color: transparent;
			cursor: pointer;
		}

		.phone .control button:before{
			content: ' ';
			position: absolute;
			top: 3px;
			left: 4px;
			width: 30px;
			height: 30px;
			background-color: transparent;
			border: 2px solid rgba(255,255,255,0.5);
			border-radius: 35px;
			z-index: 100;
			
			-webkit-animation: btncontrol 1.5s ease-in-out infinite;
			-moz-animation:    btncontrol 1.5s ease-in-out infinite;
			-o-animation:      btncontrol 1.5s ease-in-out infinite;
			animation:         btncontrol 1.5s ease-in-out infinite;
		}

		@-webkit-keyframes btncontrol {
		  from   { -webkit-transform: scale(0,0); }
		  to { -webkit-transform: scale(1.5,1.5); }
		}
		@-moz-keyframes btncontrol {
		  from   { -moz-transform: scale(0,0); }
		  to { -moz-transform: scale(1.5,1.5); }
		}
		@-o-keyframes btncontrol {
		  from   { -o-transform: scale(0,0); }
		  to { -o-transform: scale(1.5,1.5); }
		}
		@keyframes btncontrol {
		  from   { transform: scale(0,0); }
		  to { transform: scale(1.5,1.5); }
		}
	/* Control */


	@media (min-width: 991px) and (max-width: 1100px) {
		.phone{
			position: absolute;
			top: -40px;
			left: 0;
			right: 0;
			margin-left: auto;
			margin-right: auto;
			width: 210px;
		}

		/* Phone screens*/
			.phone > .carousel{
				position: absolute;
				top: 54px;
				left: 9px;
				display: block;
				width: 196px;
				height: auto;
				z-index: 0;
				overflow: hidden;
			}
		/* Phone screens*/

		/* Control */
			.phone .control{
				position: absolute;
				display: block;
			    top: auto;
			    left: 0;
			    bottom: 4px;
			    width: 100%;
			    height: 33px;		    
			    z-index: 1100;
			}

			.phone .control button{
				position: relative;
				display: block;
				width: 33px;
				height: 33px;
				border: none;
				border-radius: 35px;
				margin: 0 auto;

				background-color: transparent;
				cursor: pointer;
			}

			.phone .control button:before{
				content: ' ';
				position: absolute;
				top: 2px;
				left: 3px;
				width: 30px;
				height: 30px;
				background-color: transparent;
				border: 2px solid rgba(255,255,255,0.5);
				border-radius: 35px;
				z-index: 100;
				
				-webkit-animation: btncontrol 1.5s ease-in-out infinite;
				-moz-animation:    btncontrol 1.5s ease-in-out infinite;
				-o-animation:      btncontrol 1.5s ease-in-out infinite;
				animation:         btncontrol 1.5s ease-in-out infinite;
			}

			@-webkit-keyframes btncontrol {
			  from   { -webkit-transform: scale(0,0); }
			  to { -webkit-transform: scale(1.1,1.1); }
			}
			@-moz-keyframes btncontrol {
			  from   { -moz-transform: scale(0,0); }
			  to { -moz-transform: scale(1.1,1.1); }
			}
			@-o-keyframes btncontrol {
			  from   { -o-transform: scale(0,0); }
			  to { -o-transform: scale(1.1,1.1); }
			}
			@keyframes btncontrol {
			  from   { transform: scale(0,0); }
			  to { transform: scale(1.1,1.1); }
			}
		/* Control */


	}
/* Phone */

/* Video */
	.video{
		position: relative;
		display: block;
		margin: 0 auto;
		width: 400px;
		height: 230px;
		background-color: transparent;
		border: 6px solid rgba(35,35,35,0.5);
		border-radius: 5px;
	}

	.video iframe{
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 100;
	}

	.video:after{
		content: ' ';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
/* Video */

/* Download */
	.qr-code{
		position: relative;
		display: block;
		margin: 0 auto;
		width: 140px;
		height: auto;
	}

	.qr-code img{
		width: 100%;
		height: auto;
	}
/* Download */

/* Team */
	.team {
		position: relative;
		display: block;
		max-width: 850px;
		margin: 0 auto;
	}
	.team > .container {
		width: 100%;
	}

	.team .row > div {
		box-sizing: border-box;
		padding: 20px;
	}

	.team .row > div > .photo {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		box-shadow: 0px 0px 30px rgba(255,255,255,0.9);

		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.team .row > div > .photo:hover {
		box-shadow: 0px 0px 50px rgba(255,255,255,0.9);
	}

	.team .row > div > .photo > img {
		width: 100%;
		height: auto;
	}

	.team .row > div > .photo > .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 100%;
		background-color: rgba(210, 87, 0, 0.5);
		z-index: 100;
	}

	.team .row > div > .photo > .about {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background-color: transparent;
		z-index: 200;
	}

	.team .row > div > .photo > .about > .content-outside{
		display: table;
		width: 100%;
		height: 100%;
	}

	.team .row > div > .photo > .about > .content-outside > .content-inside{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: auto;
	}
/* Team */

/* Contacts */
	.social{
		width: 100%;
		height: auto;
	}

	.social a{
		display: inline-block;
		margin: 0 20px;

		font-size: 54px;
		line-height: 54px;
		color: #FFF;
		
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.social a.facebook:hover{ color: #4867AA; text-shadow: 0px 0px 40px rgba(255,255,255,1); }
	.social a.skype:hover{ color: #00AEED; text-shadow: 0px 0px 55px rgba(255,255,255,1); }
	.social a.twitter:hover{ color: #17C5FF; text-shadow: 0px 0px 55px rgba(255,255,255,1); }
/* Contacts */

/* Animation */
	/* Screen 1*/
		.screen[data-marker="1"] .icon.icon-scroll{
			-webkit-animation: scrollmove 1s infinite;
			-moz-animation:    scrollmove 1s infinite;
			-o-animation:      scrollmove 1s infinite;
			animation:         scrollmove 1s infinite;
		}

		@-webkit-keyframes scrollmove {
		  0%   { -webkit-transform: translate(0px,0px);  }
		  50% { -webkit-transform: translate(0px, 5px); }
		  100% { -webkit-transform: translate(0px,0px);  }
		}
		@-moz-keyframes scrollmove {
		  0%   { -moz-transform: translate(0px,0px);  }
		  50% { -moz-transform: translate(0px, 5px); }
		  100% { -moz-transform: translate(0px,0px);  }
		}
		@-o-keyframes scrollmove {
		  0%   { -o-transform: translate(0px,0px);  }
		  50% { -o-transform: translate(0px, 5px); }
		  100% { -o-transform: translate(0px,0px);  }
		}
		@keyframes scrollmove {
		  0%   { transform: translate(0px,0px);  }
		  50% { transform: translate(0px, 5px); }
		  100% { transform: translate(0px,0px);  }
		}

		.screen[data-marker="1"].active .content-inside .text-one{
			-webkit-animation: scr1textone 1s;
			-moz-animation:    scr1textone 1s;
			-o-animation:      scr1textone 1s;
			animation:         scr1textone 1s;
		}

		@-webkit-keyframes scr1textone {
		  from   { -webkit-transform: scale(0,0); opacity: 0;  }
		  to { -webkit-transform: scale(1,1); opacity: 1; }
		}
		@-moz-keyframes scr1textone {
		  from   { -moz-transform: scale(0,0); opacity: 0;  }
		  to { -moz-transform: scale(1,1); opacity: 1; }
		}
		@-o-keyframes scr1textone {
		  from   { -o-transform: scale(0,0); opacity: 0;  }
		  to { -o-transform: scale(1,1); opacity: 1; }
		}
		@keyframes scr1textone {
		  from   { transform: scale(0,0); opacity: 0;  }
		  to { transform: scale(1,1); opacity: 1; }
		}


		.screen[data-marker="1"].active .content-inside .text-two{
			opacity: 0;

			-webkit-animation: scr1texttwo 1s 0.4s forwards;
			-moz-animation:    scr1texttwo 1s 0.4s forwards;
			-o-animation:      scr1texttwo 1s 0.4s forwards;
			animation:         scr1texttwo 1s 0.4s forwards;
		}

		@-webkit-keyframes scr1texttwo {
		  from   { -webkit-transform: scale(0,0); opacity: 0;  }
		  to { -webkit-transform: scale(1,1); opacity: 1; }
		}
		@-moz-keyframes scr1texttwo {
		  from   { -moz-transform: scale(0,0); opacity: 0;  }
		  to { -moz-transform: scale(1,1); opacity: 1; }
		}
		@-o-keyframes scr1texttwo {
		  from   { -o-transform: scale(0,0); opacity: 0;  }
		  to { -o-transform: scale(1,1); opacity: 1; }
		}
		@keyframes scr1texttwo {
		  from   { transform: scale(0,0); opacity: 0;  }
		  to { transform: scale(1,1); opacity: 1; }
		}
	/* Screen 1*/

	/* Screen 2 */
		/* Phones */
			.screen[data-marker="2"].active .phones .nexus{
				-webkit-animation: scr2nexusup 0.8s;
				-moz-animation:    scr2nexusup 0.8s;
				-o-animation:      scr2nexusup 0.8s;
				animation:         scr2nexusup 0.8s;
			}

			@-webkit-keyframes scr2nexusup {
			  from   { -webkit-transform: translateY(100vh); }
			  to { -webkit-transform: translateY(0vh); }
			}
			@-moz-keyframes scr2nexusup {
			  from   { -moz-transform: translateY(100vh); }
			  to { -moz-transform: translateY(0vh); }
			}
			@-o-keyframes scr2nexusup {
			  from   { -o-transform: translateY(100vh); }
			  to { -o-transform: translateY(0vh); }
			}
			@keyframes scr2nexusup {
			  from   { transform: translateY(100vh); }
			  to { transform: translateY(0vh); }
			}


			.screen[data-marker="2"].active .phones .iphone{
				-webkit-animation: scr2iphoneup 1s;
				-moz-animation:    scr2iphoneup 1s;
				-o-animation:      scr2iphoneup 1s;
				animation:         scr2iphoneup 1s;
			}

			@-webkit-keyframes scr2iphoneup {
			  from   { -webkit-transform: translateY(140vh); }
			  to { -webkit-transform: translateY(0vh); }
			}
			@-moz-keyframes scr2iphoneup {
			  from   { -moz-transform: translateY(140vh); }
			  to { -moz-transform: translateY(0vh); }
			}
			@-o-keyframes scr2iphoneup {
			  from   { -o-transform: translateY(140vh); }
			  to { -o-transform: translateY(0vh); }
			}
			@keyframes scr2iphoneup {
			  from   { transform: translateY(140vh); }
			  to { transform: translateY(0vh); }
			}
		/* Phones */

		/* Text */
			.screen[data-marker="2"] .text{
				position: relative;
			}

			.screen[data-marker="2"].active .text{
				-webkit-animation: scr2textdown 1.6s;
				-moz-animation:    scr2textdown 1.6s;
				-o-animation:      scr2textdown 1.6s;
				animation:         scr2textdown 1.6s;
			}

			@-webkit-keyframes scr2textdown {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr2textdown {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr2textdown {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr2textdown {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Text */
	/* Screen 2 */
	
	/* Screen 3 */
		/* Phone */
			.screen[data-marker="3"].active .phone{
				-webkit-animation: scr3phonezoom 0.8s;
				-moz-animation:    scr3phonezoom 0.8s;
				-o-animation:      scr3phonezoom 0.8s;
				animation:         scr3phonezoom 0.8s;
			}

			@-webkit-keyframes scr3phonezoom {
			  from   { -webkit-transform: scale(0.1,0.1); opacity: 0; }
			  to { -webkit-transform: scale(1,1); opacity: 1; }
			}
			@-moz-keyframes scr3phonezoom {
			  from   { -moz-transform: scale(0.1,0.1); opacity: 0; }
			  to { -moz-transform: scale(1,1); opacity: 1; }
			}
			@-o-keyframes scr3phonezoom {
			  from   { -o-transform: scale(0.1,0.1); opacity: 0; }
			  to { -o-transform: scale(1,1); opacity: 1; }
			}
			@keyframes scr3phonezoom {
			  from   { transform: scale(0.1,0.1); opacity: 0; }
			  to { transform: scale(1,1); opacity: 1; }
			}
		/* Phone */

		/* Text */
			.screen[data-marker="3"] .text{
				position: relative;
			}

			.screen[data-marker="3"].active .text{
				-webkit-animation: scr3textup 1.6s;
				-moz-animation:    scr3textup 1.6s;
				-o-animation:      scr3textup 1.6s;
				animation:         scr3textup 1.6s;
			}

			@-webkit-keyframes scr3textup {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr3textup {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr3textup {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr3textup {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Text */
	/* Screen 3 */

	/* Screen 4 */
		/* Video */
			.screen[data-marker="4"] .video:after{
				content: ' ';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 0;

				box-shadow: 0px 0px 50px rgba(255,255,255,0.9);
			}

			.screen[data-marker="4"].active .video{
				-webkit-animation: scr4openvideo 0.5s ease;
				-moz-animation:    scr4openvideo 0.5s ease;
				-o-animation:      scr4openvideo 0.5s ease;
				animation:         scr4openvideo 0.5s ease;
			}

			@-webkit-keyframes scr4openvideo {
			  from   { -webkit-transform: scale(10,10); opacity: 0; }
			  to { -webkit-transform: scale(1,1); opacity: 1; }
			}
			@-moz-keyframes scr4openvideo {
			  from   { -moz-transform: scale(10,10); opacity: 0; }
			  to { -moz-transform: scale(1,1); opacity: 1; }
			}
			@-o-keyframes scr4openvideo {
			  from   { -o-transform: scale(10,10); opacity: 0; }
			  to { -o-transform: scale(1,1); opacity: 1; }
			}
			@keyframes scr4openvideo {
			  from   { transform: scale(10,10); opacity: 0; }
			  to { transform: scale(1,1); opacity: 1; }
			}
		/* Video */

		/* Text */
			.screen[data-marker="4"] .text{
				position: relative;
			}

			.screen[data-marker="4"].active .text{
				-webkit-animation: scr4textup 1.6s;
				-moz-animation:    scr4textup 1.6s;
				-o-animation:      scr4textup 1.6s;
				animation:         scr4textup 1.6s;
			}

			@-webkit-keyframes scr4textup {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr4textup {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr4textup {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr4textup {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Text */
	/* Screen 4 */

	/* Screen 5 */
		/* Qr */
			.screen[data-marker="5"] .qr-code img{
				box-shadow: 0px 0px 50px rgba(255,255,255,0.9);
			}

			.screen[data-marker="5"].active .qr-code{
				-webkit-animation: scr5openqr 1.6s;
				-moz-animation:    scr5openqr 1.6s;
				-o-animation:      scr5openqr 1.6s;
				animation:         scr5openqr 1.6s;
			}

			@-webkit-keyframes scr5openqr {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr5openqr {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr5openqr {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr5openqr {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Qr */

		/* Text */
			.screen[data-marker="5"] .text{
				position: relative;
			}

			.screen[data-marker="5"].active .text{
				-webkit-animation: scr5textup 1.6s;
				-moz-animation:    scr5textup 1.6s;
				-o-animation:      scr5textup 1.6s;
				animation:         scr5textup 1.6s;
			}

			@-webkit-keyframes scr5textup {
			  from   { -webkit-transform: translateY(-100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr5textup {
			  from   { -moz-transform: translateY(-100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr5textup {
			  from   { -o-transform: translateY(-100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr5textup {
			  from   { transform: translateY(-100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Text */
	/* Screen 5 */

	/* Screen 6 */
		/* Text */
			.screen[data-marker="6"] .text{
				position: relative;
			}

			.screen[data-marker="6"].active .text{
				-webkit-animation: scr6textup 1.6s;
				-moz-animation:    scr6textup 1.6s;
				-o-animation:      scr6textup 1.6s;
				animation:         scr6textup 1.6s;
			}

			@-webkit-keyframes scr6textup {
			  from   { -webkit-transform: translateY(-100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr6textup {
			  from   { -moz-transform: translateY(-100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr6textup {
			  from   { -o-transform: translateY(-100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr6textup {
			  from   { transform: translateY(-100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Text */

		/* Team */
			.screen[data-marker="6"] .team .container .row .col{
				position: relative;
			}



			.screen[data-marker="6"].active .team .container .row .col:nth-child(1){
				-webkit-animation: scr6team1fade 1s forwards;
				-moz-animation:    scr6team1fade 1s forwards;
				-o-animation:      scr6team1fade 1s forwards;
				animation:         scr6team1fade 1s forwards;
			}

			@-webkit-keyframes scr6team1fade {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr6team1fade {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr6team1fade {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr6team1fade {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}



			.screen[data-marker="6"].active .team .container .row .col:nth-child(2){
				opacity: 0;
				-webkit-animation: scr6team2fade 1s forwards 0.3s;
				-moz-animation:    scr6team2fade 1s forwards 0.3s;
				-o-animation:      scr6team2fade 1s forwards 0.3s;
				animation:         scr6team2fade 1s forwards 0.3s;
			}

			@-webkit-keyframes scr6team2fade {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr6team2fade {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr6team2fade {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr6team2fade {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}

			.screen[data-marker="6"].active .team .container .row .col:nth-child(3){
				opacity: 0;
				-webkit-animation: scr6team3fade 1s forwards 0.5s;
				-moz-animation:    scr6team3fade 1s forwards 0.5s;
				-o-animation:      scr6team3fade 1s forwards 0.5s;
				animation:         scr6team3fade 1s forwards 0.5s;
			}

			@-webkit-keyframes scr6team3fade {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr6team3fade {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr6team3fade {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr6team3fade {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}

			.screen[data-marker="6"].active .team .container .row .col:nth-child(4){
				opacity: 0;
				-webkit-animation: scr6team4fade 1s forwards 0.7s;
				-moz-animation:    scr6team4fade 1s forwards 0.7s;
				-o-animation:      scr6team4fade 1s forwards 0.7s;
				animation:         scr6team4fade 1s forwards 0.7s;
			}

			@-webkit-keyframes scr6team4fade {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr6team4fade {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr6team4fade {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr6team4fade {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Team */

		/* Photo */
			.team .row > div > .photo > .overlay {
				-webkit-animation: overlayout 0.8s forwards;
				-moz-animation:    overlayout 0.8s forwards;
				-o-animation:      overlayout 0.8s forwards;
				animation:         overlayout 0.8s forwards;
			}

			@-webkit-keyframes overlayout {
			  from   { -webkit-transform: scale(2,2); opacity: 1; }
			  to { -webkit-transform: scale(0,0); opacity: 0; }
			}
			@-moz-keyframes overlayout {
			  from   { -moz-transform: scale(2,2); opacity: 1; }
			  to { -moz-transform: scale(0,0); opacity: 0; }
			}
			@-o-keyframes overlayout {
			  from   { -o-transform: scale(2,2); opacity: 1; }
			  to { -o-transform: scale(0,0); opacity: 0; }
			}
			@keyframes overlayout {
			  from   { transform: scale(2,2); opacity: 1; }
			  to { transform: scale(0,0); opacity: 0; }
			}


			.team .row > div > .photo:hover > .overlay {
				-webkit-animation: overlayin 0.8s forwards;
				-moz-animation:    overlayin 0.8s forwards;
				-o-animation:      overlayin 0.8s forwards;
				animation:         overlayin 0.8s forwards;
			}

			@-webkit-keyframes overlayin {
			  from   { -webkit-transform: scale(0,0); opacity: 0; }
			  to { -webkit-transform: scale(2,2); opacity: 1; }
			}
			@-moz-keyframes overlayin {
			  from   { -moz-transform: scale(0,0); opacity: 0; }
			  to { -moz-transform: scale(2,2); opacity: 1; }
			}
			@-o-keyframes overlayin {
			  from   { -o-transform: scale(0,0); opacity: 0; }
			  to { -o-transform: scale(2,2); opacity: 1; }
			}
			@keyframes overlayin {
			  from   { transform: scale(0,0); opacity: 0; }
			  to { transform: scale(2,2); opacity: 1; }
			}

			.team .row > div > .photo > .about {
				-webkit-animation: aboutout 0.4s forwards;
				-moz-animation:    aboutout 0.4s forwards;
				-o-animation:      aboutout 0.4s forwards;
				animation:         aboutout 0.4s forwards;
			}

			@-webkit-keyframes aboutout {
			  from   { -webkit-transform: scale(1,1); opacity: 1; }
			  to { -webkit-transform: scale(0,0); opacity: 0; }
			}
			@-moz-keyframes aboutout {
			  from   { -moz-transform: scale(1,1); opacity: 1; }
			  to { -moz-transform: scale(0,0); opacity: 0; }
			}
			@-o-keyframes aboutout {
			  from   { -o-transform: scale(1,1); opacity: 1; }
			  to { -o-transform: scale(0,0); opacity: 0; }
			}
			@keyframes aboutout {
			  from   { transform: scale(1,1); opacity: 1; }
			  to { transform: scale(0,0); opacity: 0; }
			}


			.team .row > div > .photo:hover > .about {
				-webkit-animation: aboutin 0.4s forwards;
				-moz-animation:    aboutin 0.4s forwards;
				-o-animation:      aboutin 0.4s forwards;
				animation:         aboutin 0.4s forwards;
			}

			@-webkit-keyframes aboutin {
			  from   { -webkit-transform: scale(0,0); opacity: 0; }
			  to { -webkit-transform: scale(1,1); opacity: 1; }
			}
			@-moz-keyframes aboutin {
			  from   { -moz-transform: scale(0,0); opacity: 0; }
			  to { -moz-transform: scale(1,1); opacity: 1; }
			}
			@-o-keyframes aboutin {
			  from   { -o-transform: scale(0,0); opacity: 0; }
			  to { -o-transform: scale(1,1); opacity: 1; }
			}
			@keyframes aboutin {
			  from   { transform: scale(0,0); opacity: 0; }
			  to { transform: scale(1,1); opacity: 1; }
			}
		/* Photo */
	/* Screen 6 */

	/* Screen 7 */
		/* Text */
			.screen[data-marker="7"] .text{
				position: relative;
			}

			.screen[data-marker="7"].active .text{
				-webkit-animation: scr7textup 1.6s;
				-moz-animation:    scr7textup 1.6s;
				-o-animation:      scr7textup 1.6s;
				animation:         scr7textup 1.6s;
			}

			@-webkit-keyframes scr7textup {
			  from   { -webkit-transform: translateY(100px); opacity: 0; }
			  to { -webkit-transform: translateY(0px); opacity: 1; }
			}
			@-moz-keyframes scr7textup {
			  from   { -moz-transform: translateY(100px); opacity: 0; }
			  to { -moz-transform: translateY(0px); opacity: 1; }
			}
			@-o-keyframes scr7textup {
			  from   { -o-transform: translateY(100px); opacity: 0; }
			  to { -o-transform: translateY(0px); opacity: 1; }
			}
			@keyframes scr7textup {
			  from   { transform: translateY(100px); opacity: 0; }
			  to { transform: translateY(0px); opacity: 1; }
			}
		/* Text */
	/* Screen 7 */
/* Animation */

/* Icons */
	.icon{
		display: inline-block;
		width: auto;
		height: auto;
	}

	.icon.icon-scroll > svg{
		width: 28px;
		height: 30px;
	}

	.icon.icon-app > svg{
		position: relative;
		top: 5px;
		width: 28px;
		height: 30px;
	}


	.icon.icon-subscribe > svg{
		width: 40px;
		height: 40px;
	}
	.icon.icon-rent > svg{
		width: 40px;
		height: 40px;
	}
	.icon.icon-drive > svg{
		width: 40px;
		height: 40px;
	}
	.icon.icon-share > svg{
		width: 40px;
		height: 40px;
	}
/* Icons */

/* Helper classes */
	.align-center{ text-align: center; }
	.align-left{ text-align: left; }
	.align-right{ text-align: right; }
/* Helper classes */



/* teams */

.team-pics {
    margin: 0;
}
.va-team {
    text-align: center;
    list-style: none;
    padding-top: 25px;
}
.va-team li {
    display: inline-block;
    padding: 0 30px;
    height: 170px;
}
.losange {
    transform: rotate(45deg) translateY(10px);
}
.losange, .losange div {
    margin: 0 auto;
    transform-origin: 50% 50%;
    overflow: hidden;
    width: 140px;
    height: 140px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #999;
    position: relative;
}
.losange .los1 {
    width: 300px;
    height: 300px;
    transform: rotate(-45deg) translateY(-65px);
    position: relative;
}
.losange, .losange div {
    margin: 0 auto;
    transform-origin: 50% 50%;
    overflow: hidden;
    width: 140px;
    height: 140px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #999;
    position: relative;
}
.losange .los1 img {
    width: 200px;
    height: auto;
    transition: all 0.2s ease;
}
.losange > .img-popup {
    background: rgba(0,0,0,0.7);
    width: 10px;
    height: 10px;
    z-index: 9999;
    position: absolute;
    top: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0;
}
.img-popup article {
    transform: rotate(-45deg);
    position: absolute;
    left: -15px;
    top: 45px;
    width: 170px;
}
.img-popup article h3 {
    color: #fff;
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 18px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
}
.img-popup article h4 {
    color: #fff;
    font-size: 12px;
}
.losange .los1:hover img{
	transform:scale(1.1,1.1);
}
team styles ends**/

.internal-header{
	box-shadow:0 0 3px #000;
}
.team-pics{
	margin:0;
}
.sub-pagebody .main-content{
	min-height:300px;
}
/** contact page styles **/
.add-details li{
	margin-bottom:10px;
}
.fig-ic{
	float:left;
	padding-left:14px;
	padding-top:3px;
	width:20px;
}
.add-details li p{
	font-size:14px;
	line-height:22px;
}
.add-details li p a{
	color:#000;
}
.add-details li p a:hover, .add-details li p a:focus{
	color:green;
	text-decoration:none;
}
.mail-span{
	color:#20aa00;
}
.form-social{
	margin:15px 0;
	border-top:1px solid #888;
	position:relative;
}
.form-social p.fbold{
	font-size:15px;
	padding-bottom:15px;
}
.contact-form{
	padding-top:20px;
	padding-left:50px;
}
.contact-form input[type="text"], 
.contact-form input[type="email"],
.contact-form textarea
{	
	border:1px solid #fff;
	box-shadow:none;
	border-radius:0;
	background:none;
	color:#fff!important;
	line-height:35px!important;
}
.contact-form input[type="text"]:focus, .contact-form textarea:focus{
	border:1px solid #20aa00;
	box-shadow:none;
}
.contact-form input-placeholder{
	color:#fff;
}
.form-control::placeholder{
	color:#fff!important;
}
::-moz-placeholder {  
   color: #fff!important;  
}
::-webkit-placeholder{
	color:#fff!important;
}
.contact-form label{
	font-size:14px;
	font-weight:normal;
	padding-bottom:5px;
}
.btngreen{
	background:#177d0d!important;
	color:#fff!important;
}
.btngreen:focus{
	outline:none!important;
	border:none!important;
}
.social-contact a img{
	box-shadow:1px 1px 1px #333;
}
.social-contact li{
	margin-bottom:15px;
}
.social-contact{
	padding-top:60px;
}
.title-sub{
	padding:0 0 10px 0;
	font-size:16px;
}
.viewmap{
	padding:5px;
	display:inline-block;
	font-size:14px;
	border:1px solid transparent;
	text-decoration:none;
	color:#177d0d ;
	transition:all 0.3s ease;
}
.viewmap:hover, .viewmap:focus{
	text-decoration:none;
	background:#fff;
	border:1px solid #177d0d;
	color:#177d0d;
}
.cont-form{
	background:url(../img/cont-bg.jpg)no-repeat 0 0;
	height:400px;
	background-size:cover;
	margin:0 15px;
}

.cont-social ul li a{
	font-size:25px;
	width:50px;
	height:50px;
	display:block;
	border:1px solid #fff;
	margin:0 5px;
	color:#fff;
	line-height:46px;
	border-radius:50%;
	transition:all 0.2s ease;
}
.cont-social ul li a.fb-ic:hover{
	background:#3364a3;
}
.cont-social ul li a.tw-ic:hover{
	background:#2a98df;
}
.cont-social ul li a.li-ic:hover{
	background:#0077b5;
}
.cont-social ul{
	text-align:center;
	padding:15px 0;
}
.cont-social ul li{
	display:inline-block;
}
.cont-form textarea.form-control{
	height:80px;
}
.form-btn{
	background:none;
	width:50px;
	height:50px;
	box-shadow:none;
	border:1px solid #fff;
	border-radius:50%;
	line-height:44px;
	transition:all 0.2s ease;
}
.form-btn:hover{
	background:#20aa00;
}
.form-btn .fa{
	color:#fff;
}
.br-flag img{
	width:40px;
	margin-right:8px;
	float:left;
}
.brname{
	font-size:20px;
	padding-bottom:0;
	border-bottom:1px solid #ccc;
	margin-bottom:6px;
	text-transform:uppercase;
	
}
.mrg-top{
	margin-top:-84px;
}
.country-info{
	padding:25px 0;
}
.india-products{
	padding:10px 0;
	overflow:hidden;
}
.pr-mixin:hover .tit1 h3 a{
	color:#266c00;
}
.pr-mixin:hover .tit2 h3 a{
	color:rgba(0,158,186,1);
}
.pr-mixin:hover .tit3 h3 a{
	color:rgba(40,40,40,1);
}
.pr-mixin:hover .tit4 h3 a{
	color:rgba(163,68,0,1);
}
.pr-mixin:hover .tit5 h3 a{
	color:rgba(0,109,160,1);
}
.pr-mixin:hover .tit6 h3 a{
	color:rgba(74,74,74,1);
}
.pr-mixin:hover .tit7 h3 a{
	color:rgba(0,106,95,1);
}
.pr-mixin:hover .tit8 h3 a{
	color:#266c00;
}
.pr-mixin:hover .tit9 h3 a{
	color:rgba(0,158,186,1);
}
.pr-mixin:hover .tit10 h3 a{
	color:#266c00;
}

.pr-mixin:hover .tit11 h3 a{
	color:#ffc74f;
}

.prmix-title h3 a:hover{
	text-decoration:none;
}
.pro-icon{
	width:125px;
	height:125px;
	border-radius:50%;
	border:2px solid #fff;
	transition:all 0.2s ease;
	margin:0 auto;
	transition:all 0.2s ease;
}
.prmix-title h3{
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	
}

.prmix-title h3 a{
	color:inherit;
}
.prmix-title{
	padding:13px 0;
}
.caption-products{
	padding:55px 0 40px;
}

.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9{
	transition:all 0.2s ease!important;
}
.icon1:hover{
	background: rgba(83,156,23,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(83,156,23,1) 0%, rgba(17,110,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(83,156,23,1)), color-stop(100%, rgba(17,110,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(83,156,23,1) 0%, rgba(17,110,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(83,156,23,1) 0%, rgba(17,110,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(83,156,23,1) 0%, rgba(17,110,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(83,156,23,1) 0%, rgba(17,110,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#539c17', endColorstr='#116e00', GradientType=1 );
}

.icon2:hover{
	background: rgba(0,158,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,158,186,1) 0%, rgba(0,197,232,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,158,186,1)), color-stop(100%, rgba(0,197,232,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,158,186,1) 0%, rgba(0,197,232,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(0,158,186,1) 0%, rgba(0,197,232,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(0,158,186,1) 0%, rgba(0,197,232,1) 100%);
background: radial-gradient(ellipse at center, rgba(0,158,186,1) 0%, rgba(0,197,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009eba', endColorstr='#00c5e8', GradientType=1 );
}
.icon3:hover{
	background: rgba(40,40,40,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(40,40,40,1) 0%, rgba(3,3,3,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(40,40,40,1)), color-stop(100%, rgba(3,3,3,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(40,40,40,1) 0%, rgba(3,3,3,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(40,40,40,1) 0%, rgba(3,3,3,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(40,40,40,1) 0%, rgba(3,3,3,1) 100%);
background: radial-gradient(ellipse at center, rgba(40,40,40,1) 0%, rgba(3,3,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#030303', GradientType=1 );
}
.icon4:hover{
	background: rgba(163,68,0,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(163,68,0,1) 0%, rgba(107,45,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(163,68,0,1)), color-stop(100%, rgba(107,45,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(163,68,0,1) 0%, rgba(107,45,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(163,68,0,1) 0%, rgba(107,45,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(163,68,0,1) 0%, rgba(107,45,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(163,68,0,1) 0%, rgba(107,45,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a34400', endColorstr='#6b2d00', GradientType=1 );
}

.icon5:hover{
	background: rgba(0,109,160,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,109,160,1) 0%, rgba(0,72,105,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,109,160,1)), color-stop(100%, rgba(0,72,105,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,109,160,1) 0%, rgba(0,72,105,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(0,109,160,1) 0%, rgba(0,72,105,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(0,109,160,1) 0%, rgba(0,72,105,1) 100%);
background: radial-gradient(ellipse at center, rgba(0,109,160,1) 0%, rgba(0,72,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006da0', endColorstr='#004869', GradientType=1 );
}

.icon6:hover{
	background: rgba(74,74,74,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(74,74,74,1) 0%, rgba(46,46,46,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(74,74,74,1)), color-stop(100%, rgba(46,46,46,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(74,74,74,1) 0%, rgba(46,46,46,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(74,74,74,1) 0%, rgba(46,46,46,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(74,74,74,1) 0%, rgba(46,46,46,1) 100%);
background: radial-gradient(ellipse at center, rgba(74,74,74,1) 0%, rgba(46,46,46,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#2e2e2e', GradientType=1 );
}

.icon7:hover{
	background: rgba(0,106,95,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,106,95,1) 0%, rgba(0,131,118,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,106,95,1)), color-stop(100%, rgba(0,131,118,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,106,95,1) 0%, rgba(0,131,118,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(0,106,95,1) 0%, rgba(0,131,118,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(0,106,95,1) 0%, rgba(0,131,118,1) 100%);
background: radial-gradient(ellipse at center, rgba(0,106,95,1) 0%, rgba(0,131,118,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006a5f', endColorstr='#008376', GradientType=1 );
}

.icon8:hover{
	background: rgba(75,160,0,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(75,160,0,1) 0%, rgba(58,145,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(75,160,0,1)), color-stop(100%, rgba(58,145,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(75,160,0,1) 0%, rgba(58,145,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(75,160,0,1) 0%, rgba(58,145,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(75,160,0,1) 0%, rgba(58,145,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(75,160,0,1) 0%, rgba(58,145,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba000', endColorstr='#3a9100', GradientType=1 );
}

.icon9:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf05+0,ffc74f+100 */
background: #ffaf05; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffaf05 0%, #ffc74f 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffaf05 0%,#ffc74f 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffaf05 0%,#ffc74f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf05', endColorstr='#ffc74f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.pro-icon:hover{
	opacity:0.9;
}
.pro-icon > a > img{
	width:115px;
	height:115px;
}
.losange, .losange div {
  margin: 0 auto;
  transform-origin: 50% 50%;
  overflow: hidden;
  width: 140px;
  height: 140px;
  border-radius:10px;
  box-shadow:2px 2px 2px #999;
  position:relative;
}
.losange > .img-popup{
	background:rgba(0,0,0,0.7);
	width:10px;
	height:10px;
	z-index:9999;
	position:absolute;
	top:0;
	cursor:pointer;
	transition:all 0.3s ease;
	opacity:0;
}
.losange:hover .img-popup{
	width:170px;
	height:170px;	
	cursor:pointer;
	opacity:1;
}
.img-popup article h4{
	color: #fff;
	font-size:12px;
}
.img-popup article h3{
	color: #fff;
	font-size:14px;
	padding-bottom:5px;
	line-height:18px;
	margin-bottom:5px;
	border-bottom:1px solid #fff;
}
.img-popup article{
     transform: rotate(-45deg);
    position: absolute;
    left: 18px;
    top: 25px;
    width: 110px;
}
.losange {
  transform: rotate(45deg) translateY(10px);
}
.losange .los1 {
  width: 300px;
  height: 300px;
  transform: rotate(-45deg) translateY(-65px);
  position:relative;
}
.losange .los1 img {
  width: 200px;
  height: auto;
  transition:all 0.2s ease;
}
.name-team{
	padding:40px 0 10px 0;
}
.name-team h3{
	font-size:14px;
	font-family: 'robotobold';
	padding-bottom:5px;
	text-transform:uppercase;
	line-height:18px;
}
.name-team h4{
	color:#777;
	font-size:12px;
}
.losange .los1:hover img{
	transform:scale(1.1,1.1);
}

.india-products .img-popup article{
	transform: rotate(-45deg);
    position: absolute;
    left: -20px;
    top: 50px;
    width: 100%;
}
.india-products .img-popup article h4{
	border-top:1px solid #fff;
	padding-top:4px;
	margin-top:5px;
}
.india-products .img-popup a{
	font-size:15px;
	color:#64aa2a;
	padding:5px 0;
	display:block;
	
	
}
.india-products .img-popup article a:hover{
	text-decoration:none;
}
.keys{
	padding:50px 0;
	position:relative;
}
.keys h3{
	font-size:25px;
	text-align:center;
	padding:5px 10px;
	background:#fff;
	display:inline-block;
	position:relative;
	z-index:1;
}
.keys:after{
	width:100%;
	height:1px;
	background:#ccc;
	position:absolute;
	top:70px;
	content:"";
	left:0;
	right:0;
	z-index:0;
}
.keys ul{
	padding:25px 0;
}
.keys ul li{
	foint-size:15px;
	line-height:22px;
	padding:15px 0;
}
.keys ul li span{
	width:100%;
	font-size:25px;
	color:green;
}
.horti-product{
	display:none;
}
.horti-product .modal-header,
.team-detail .modal-header{
	background:#73aa4b;
	color:#fff;
	border:none;
}
.horti-detail h4, .team-detail .modal-header h4{
	font-size:16px;
	line-height:22px;
}
.horti-detail p{
	font-size:13px;
	line-height:18px;
	padding-bottom:10px;
	color:#000;
}
.horti-detail li{
	padding:5px 0;
	margin:5px 0;
	border-bottom:1px solid #ccc;
	float:left;
}
.team-detail li{
	border:none;
}
.team-detail-list table{
	font-size:13px;
}
.team-detail-list table tr{
	height:25px;
}
.team-detail-list table tr td{
	padding:5px 10px;
	line-height:18px;
}

.team-detail .modal-dialog{
	margin:10% auto;
}
.horti-product .modal-dialog{
	margin:6% auto;
	display:none;
}
.horti-product, .modal-backdrop{
	display:none!important;
}


/* teams */



.single_latest_news_img_area img{    height: 170px;
    width: 100%;}

.single_latest_news_text_area .news_title h4 {
    color: #2c3e50;
    font-size: 16px;
    line-height: 22px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.news_content>p {
    line-height: 24px;
    color: #6f6f6f;
}
.news_content a {
    color: #e67e22!important;
    text-decoration: none;
    display: block;
    margin: 0 0 10px 0;
}
.news_content a:hover{ color: #182b8a; }


.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:-100%;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.thumbnail:hover .caption {
    top:0%;
}
    
.indust-ser h5{ padding: 10px 0 6px 0;
    margin: 0px;
    color: #3d9fd1;
    font-size: 16px; }
.indust-ser img{    height: 154px;
    width: 100%;}



.servic_points{color: #fff;text-align: left;font-size: 16px;}
[data-toggle="collapse"]:after {
display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  transform: rotate(90deg) ;
  transition: all linear 0.25s;
  float: right;
  }   
[data-toggle="collapsed"].collapsed:after {
  transform: rotate(0deg) ;
}    
#accordion h5 a{color: #fff;}
.dropdown-menu>li>a{        color: #000;
        font-size: 15px;
        font-weight: 400;
    }}