body {
	margin-top:0!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


@charset "utf-8";
/* CSS Document */
.clear{
	/* clear:both; */
}
/*DEVIDES*/
.ias-devide-wrap{
	display:inline-block;
	vertical-align: bottom;
	max-width:100%;
	padding:8px 5px;
}
.ias-devide-wrap.ias-new-devide{
	display:block;
}
.device, .wpb_row .device{
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}
.device .screen{
	overflow:hidden;
}
.ia-nexus5{
	margin:10px 0;
}
/*devide content*/
.ias-devide-content{
	position:absolute;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	overflow: hidden;
}
.ias-devide-content img{
	width:100%;
	height:auto;
}
.ias-devide-content-carousel .is-ias-carousel{
	height:100%;
}
.is-ias-carousel, .is-ias-carousel .owl-item, .is-ias-carousel .owl-item img, .screen{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
/*hero*/
/*.showcase-style-hero{
	text-align:center;
}
.showcase-style-hero{
	margin-left:-8%;
	margin-right:-8%;
}
.showcase-style-hero .hero-col{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	transform:scale(.85);
	-webkit-transform:scale(.85);
	position:relative;
	z-index:8;
	margin-left: -11%;
	padding:0;
	float:none;
}
.showcase-style-hero .hero-col:first-child{
	margin-left: 0;
	margin-right: -11%;
}
.showcase-style-hero .hero-col:nth-child(2){
	transform:scale(1);
	-webkit-transform:scale(1);
	z-index: 9;
	margin-left: 0;
	margin-right: 0;
}
.showcase-style-hero .hero-col.col-xs-12, .showcase-style-hero .hero-col.col-xs-12:first-child{
	transform:scale(1);
	-webkit-transform:scale(1);
	z-index: 9;
	margin-left: 0;
	margin-right: 0;
	padding:0 15px;
}
.showcase-style-hero .hero-col.col-xs-6:first-child{
	margin-right: -30%;
}
.showcase-style-hero .hero-col.col-xs-6:nth-child(2){
	margin-right: 0;
}
@media(max-width:767px){
	.showcase-style-hero .hero-col{margin-left: -10%;}
	.showcase-style-hero .hero-col:first-child{margin-right: -10%;}
	.showcase-style-hero .hero-col.col-xs-6:first-child{ margin-right: -20%; }
}
.showcase-style-hero .hero-col:nth-child(4){z-index:7; transform:scale(.8); -webkit-transform:scale(.8);}
.showcase-style-hero .hero-col:nth-child(5){z-index:6; transform:scale(.8); -webkit-transform:scale(.8);}
.showcase-style-hero .hero-col:nth-child(6){z-index:5; transform:scale(.8); -webkit-transform:scale(.8);}
*/
/*features carousel*/
.h3, h3 {
    font-size: 20px !important;
}

.features-control-item{
	position:relative;
	padding:35px 0px 15px;
	transition:all .3s;
	cursor:pointer;
	margin-bottom:10px;
}
.features-control-item .media{
	transition:all .35s ease;
	padding-left:10px;
}
.second-features-col .features-control-item .media{
	padding-left:0;
	padding-right:10px;
}
.features-control-item.active .media{
	padding-left:0;
	padding-right:10px;
}
.features-control-item.active .media-heading{
	color:#39b54a;
	font-size: 20px !important; 
}
.second-features-col .features-control-item.active .media{
	padding-left:10px;
	padding-right:0;
}
.features-control-item:before{
	content:' ';
	opacity:0;
	position:absolute;
	bottom:0px;
	left:0px;
	right:100%;
	height:1px;
	background-color:#999;
	background-color:rgba(153,153,153,.5);
	transition:all .3s;
}
.dark-div .features-control-item:before{
	background-color:#fff;
	background-color:rgba(255,255,255,.5);
}
.features-control-item.active:before{
	opacity:1;
	right:-25px;
}
.second-features-col .features-control-item:before{
	left: 100%;
	right: 40px;
}
.second-features-col .features-control-item.active:before{
	left:-25px;
}
.features-control-item:after{
	content:' ';
	opacity:0;
	position:absolute;
	z-index:55;
	bottom:-19px;
	right:100%;
	height:38px;
	width:38px;
	border-radius:50%;
	background-color: #39b54a;
	box-shadow: 0 0 0 0px rgba(255,255,255,.2);
	transition:all .3s, opacity .2s linear .1s;
}
.features-control-item.active:after{
	opacity:1;
	right:-60px;
	box-shadow: 0 0 0 6px rgba(160,160,160,.2);
	-webkit-animation: pointing .5s ease .25s;
    animation: pointing .5s ease .25s;
	backface-visibility:visible;
	-webkit-backface-visibility:visible;
}
.second-features-col .features-control-item:after{
	left: 100%;
}
.second-features-col .features-control-item.active:after{
	left:-60px;
}
@-webkit-keyframes pointing {
    0%   {box-shadow: 0 0 0 0px rgba(160,160,160,.5);}
    45%  {box-shadow: 0 0 0 15px rgba(160,160,160,.05);}
    50%  {box-shadow: 0 0 0 0px rgba(160,160,160,.2);}
    100% {box-shadow: 0 0 0 6px rgba(160,160,160,.2);}
}
@keyframes pointing {
    0%   {box-shadow: 0 0 0 0px rgba(160,160,160,.5);}
    45%  {box-shadow: 0 0 0 15px rgba(160,160,160,.05);}
    50%  {box-shadow: 0 0 0 0px rgba(160,160,160,.2);}
    100% {box-shadow: 0 0 0 6px rgba(160,160,160,.2);}
}
@media(max-width:991px){
	.features-control-item{
		padding:20px 0px 10px;
	}
	.features-control-item .media{
		padding-left:0;
		padding-right:0;
	}
	.features-control-item:before{
		left: 100%;
		right: 0;
	}
	.features-control-item.active:before{
		left:-25px;
		right: 0;
	}
	.features-control-item:after{
		left: 100%;
	}
	.features-control-item.active:after{
		left:-60px;
	}
	.features-control-item .ia-icon{
		width:60px;
		height:60px;
		line-height:60px;
		font-size:24px;
	}
	.features-control-item.active .media {
		padding-left: 0;
		padding-right: 0;
	}
}
@media(max-width:767px){
	.features-control-item{
		padding:10px 0px 10px;
	}
	.features-control-item .media-heading{
		font-size:16px;
	}
}
@media(max-width:520px){
	.showcase-style-features .feature-col{
		width:100%;
	}
	.feature-col-devide{
		text-align:center;
	}
	.features-control-item{
		padding:20px 20px 0px;
	}
	.features-control-item .media-heading{
		font-size:18px;
	}
	.features-control-item:before,.features-control-item:after{
		display:none;
	}
	.features-control-item .ia-icon{
		width:40px;
		height:40px;
		line-height:38px;
		font-size:14px;
	}
}







.device, .device div:not(.screen *), *:before, *:after {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

a {
	text-decoration: none;
}

.top-bar, .bottom-bar {
	height: 10px;
	background: black;
	width: 100%;
	display: block;
}

.device .screen {
	width: 100%;
	position: relative;
	height: 100%;
	z-index: 2;
	text-align: left;
	/*text-indent: -999px;*/
	display: block;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	/* -webkit-box-shadow: 0 0 0 3px #111;*/
	/* box-shadow: 0 0 0 3px #111;*/
}
/*
.device .screen:before {
	content: '';
	display: block;
	text-indent: -9999px;
	height: 34px;
	display: inline-block;
	text-align: left;
	width: 96px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 50%;
	margin-left: -48px;
	background-image: url(https://marvelapp.com/static/site_assets/images/logo.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 96px 68px;
}
*/

.ia-gpixel .device {
	padding: 12px 12px;
	margin: 0 auto;
	/* background: #2c2b2c; */
	position: relative;
	width: 320px;
	height: 568px;
	display: block;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	/* border-radius: 50px; */
 /* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
}

.ia-gpixel .inner {
	width: 98%;
	height: 99%;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	width: -webkit-calc(100% - 8px);
	height: -webkit-calc(100% - 8px);
	position: absolute;
	top: 4px;
	left: 4px;
	-moz-border-radius: 46px;
	-webkit-border-radius: 46px;
	border-radius: 46px;
	background: #1e1e1e;
	z-index: 1;
}

.ia-gpixel .volume {
	position: absolute;
	right: -3px;
	top: 280px;
	z-index: 0;
	height: 85px;
	width: 3px;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
	background: #282727;
}

.ia-gpixel .volume:before {
	position: absolute;
	left: 0px;
	top: -75px;
	height: 45px;
	width: 3px;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
	background: inherit;
	content: '';
	display: block;
}

.ia-gpixel .screen {

	background-image: url("../../img/installation1.png");
	background-size: 322px 385px;
    background-repeat: no-repeat;
	/* background: rgb(226,228,228);
	background: -moz-linear-gradient(top, rgba(226,228,228,1) 0%, rgba(125,130,129,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,228,228,1)), color-stop(100%,rgba(125,130,129,1)));
	background: -webkit-linear-gradient(top, rgba(226,228,228,1) 0%,rgba(125,130,129,1) 100%);
	background: -o-linear-gradient(top, rgba(226,228,228,1) 0%,rgba(125,130,129,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,228,228,1) 0%,rgba(125,130,129,1) 100%);
	background: linear-gradient(to bottom, rgba(226,228,228,1) 0%,rgba(125,130,129,1) 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e4e4', endColorstr='#7d8281',GradientType=0 );
}

.ia-gpixel.black .screen {
	background: rgb(179,179,183);
	background: -moz-linear-gradient(top, rgba(179,179,183,1) 0%, rgba(66,64,68,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,179,183,1)), color-stop(100%,rgba(66,64,68,1)));
	background: -webkit-linear-gradient(top, rgba(179,179,183,1) 0%,rgba(66,64,68,1) 100%);
	background: -o-linear-gradient(top, rgba(179,179,183,1) 0%,rgba(66,64,68,1) 100%);
	background: -ms-linear-gradient(top, rgba(179,179,183,1) 0%,rgba(66,64,68,1) 100%);
	background: linear-gradient(to bottom, rgba(179,179,183,1) 0%,rgba(66,64,68,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b7', endColorstr='#424044',GradientType=0 );
}

.ia-gpixel .camera {
	background: #000;
	width: 30px;
	height: 12px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 3;
}

.ia-gpixel .sensor {
	background: #3c3d3d;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 30px;
	left: 90px;
	z-index: 3;
	margin-left: -32px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.ia-gpixel .speaker {
	background: #292728;
	width: 80px;
	height: 10px;
	position: absolute;
	top: 32px;
	left: 50%;
	margin-left: -40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 3;
}

.ia-gpixel .top-bar {
	top: 70px;
	position: absolute;
	left: 0;
}

.ia-gpixel .bottom-bar {
	bottom: 47px;
	position: absolute;
	left: 0;
}





.ia-nexus5 .device {
	padding: 50px 15px 50px 15px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 320px;
	height: 568px;
	margin: 0 auto;
	background: #181818;
	position: relative;
}

.ia-nexus5.landscape .device {
	padding: 15px 50px 15px 50px;
	height: 320px;
	width: 568px;
}

.ia-nexus5 .device:before {
	-webkit-border-radius: 600px / 50px;
	border-radius: 600px / 50px;
	background: inherit;
	content: '';
	top: 0;
	position: absolute;
	height: 103.1%;
	width: calc(100% - 26px);
	width: -webkit-calc(100% - 26px);
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.ia-nexus5.landscape .device:before {
	width: 103.1%;
	height: calc(100% - 26px);
	height: -webkit-calc(100% - 26px);
	-webkit-border-radius: 50px / 600px;
	border-radius: 50px / 600px;
}

.ia-nexus5 .inner {
	width: 98%;
	height: 99%;
	width: calc(100% - 8px);
	height: calc(100% - 6px);
	width: -webkit-calc(100% - 8px);
	height: -webkit-calc(100% - 6px);
	position: absolute;
	top: 3px;
	left: 4px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #1e1e1e;
}

.ia-nexus5.landscape .inner {
	left: 3px;
	top: 4px;
	width: 98%;
	height: 99%;
	height: calc(100% - 8px);
	width: calc(100% - 6px);
	height: -webkit-calc(100% - 8px);
	width: -webkit-calc(100% - 6px);
}

.ia-nexus5 .inner:before {
	-webkit-border-radius: 600px / 50px;
	border-radius: 600px / 50px;
	background: inherit;
	content: '';
	top: 0;
	position: absolute;
	height: 103.0%;
	width: calc(100% - 26px);
	width: -webkit-calc(100% - 26px);
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.ia-nexus5.landscape .inner:before {
	width: 103%;
	height: calc(100% - 26px);
	height: -webkit-calc(100% - 26px);
	-webkit-border-radius: 50px / 600px;
	border-radius: 50px / 600px;
}

.ia-nexus5 .button {
	width: 3px;
	position: absolute;
	left: -3px;
	top: 110px;
	height: 100px;
	background: inherit;
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
}
/* 
.ia-nexus5.landscape .button {
	height: 3px;
	width: 100px;
	left: calc(100% - 210px);
	left: -webkit-calc(100% - 210px);
	top: -3px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}
 */
.ia-nexus5 .lock {
	width: 3px;
	position: absolute;
	right: -3px;
	top: 70px;
	height: 45px;
	background: inherit;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
}
/* 
.ia-nexus5.landscape .lock {
	height: 3px;
	width: 45px;
	right: 70px;
	top: 100%;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}
 */
.ia-nexus5 .screen {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: rgb(243,66,75);
	background: -moz-linear-gradient(top, rgba(243,66,75,1) 0%, rgba(255,213,31,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,66,75,1)), color-stop(100%,rgba(255,213,31,1)));
	background: -webkit-linear-gradient(top, rgba(243,66,75,1) 0%,rgba(255,213,31,1) 100%);
	background: -o-linear-gradient(top, rgba(243,66,75,1) 0%,rgba(255,213,31,1) 100%);
	background: -ms-linear-gradient(top, rgba(243,66,75,1) 0%,rgba(255,213,31,1) 100%);
	background: linear-gradient(to bottom, rgba(243,66,75,1) 0%,rgba(255,213,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3424b', endColorstr='#ffd51f',GradientType=0 );
}

.ia-nexus5 .camera {
	background: #3c3d3d;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 18px;
	left: 50%;
	z-index: 3;
	margin-left: -5px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
/* 
.ia-nexus5.landscape .camera {
	top: 50%;
	left: calc(100% - 18px);
	left: -webkit-calc(100% - 18px);
	margin-left: 0;
	margin-top: -5px;
}
 */
.ia-nexus5 .camera:before {
	background: #3c3d3d;
	width: 6px;
	height: 6px;
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: -100px;
	z-index: 3;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
/* 
.ia-nexus5.landscape .camera:before {
	top: -100px;
	left: 2px;
}
*/