body .global_modal{background-color:#fff; color:#1e7eee; padding:50px;}
body .ft{font-family: 'Termina', sans-serif;}

.hosted{color:#2e2e2e; font-size:14px; letter-spacing:0.2px}

.hosted h1{font-size: 42px; font-weight: 400;}
.hosted h2{font-size: 36px; font-weight: 400;}
.hosted h3{font-size: 30px; font-weight: 400;}
.hosted h4{font-size: 24px; font-weight: 400;}
.hosted p{font-size: 18px;}

.hosted .strong{font-weight: 600;}

@media screen and (max-width:767.5px){
    .hosted h1{font-size: 28px;}
    .hosted h2{font-size: 24px;}
    .hosted h3{font-size: 20px;}
    .hosted h4{font-size: 18px;}
    .hosted p{font-size: 16px;}
}

@media screen and (max-width:767.5px){
    .hosted section .heading{margin-bottom: 10px; margin-top: 0;}
    .hosted section .container{padding-bottom: 0;}
    .hosted section .container-fluid{padding-bottom: 0;}
}


.hosted .btn,
.hosted .btn:hover,
.hosted .btn:focus{border-radius:16px; font-family: 'Termina', sans-serif; font-size:14px; font-weight: 500; padding: 13px 16px; text-align: center; width: 220px}
.hosted .btn.btn-primary,
.hosted .btn.btn-primary:hover,
.hosted .btn.btn-primary:focus{background-color:#0054b5; color:#fff;}
.hosted .btn.btn-secondary,
.hosted .btn.btn-secondary:hover,
.hosted .btn.btn-secondary:focus{background-color:#1a1a1a; color:#fff;}

.hosted .btn-panel{display:none;}
.hosted .btn-panel .btn{box-shadow: 0 12px 28px 0 rgba(40, 210, 35, 0.15);}
@media screen and (max-width:991px){
	.hosted .btn-panel{
		background-color:#fff;
		display:block;
		padding:8px 20px 8px;
		position:fixed;
		text-align:center;
		right:0; bottom:0; left:0;
		z-index:9999;
	}
	.hosted .btn-panel .btn{max-width:375px; width:100%;}
}

.hosted .bg-blue{background-color:#1e7eee;}

.hosted .title-with-icon{
	background-position:top center;
	background-repeat:no-repeat;
	background-size:80px;
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
	padding-top:100px;
	text-align:center;
}
.hosted .title-with-icon.icon-1{background-image:url(/img/lp/services/hosted/icon-advantage-w1@3x.png);}
.hosted .title-with-icon.icon-2{background-image:url(/img/lp/services/hosted/icon-advantage-2@3x.png);}
.hosted .title-with-icon.icon-3{background-image:url(/img/lp/services/hosted/icon-advantage-3@3x.png);}
.hosted .title-with-icon.icon-4{background-image:url(/img/lp/services/hosted/icon-advantage-4@3x.png);}
.hosted .title-with-icon.icon-5{background-image:url(/img/lp/services/hosted/icon-advantage-5@3x.png);}
@media screen and (min-width:768px){
	.hosted .title-with-icon{
		background-position:center left;
		padding-left:100px;
		padding-top:0;
		text-align:left;
	}
}


.hosted .flipster.flipster--flat .flipster__button{
	background-color:#fff;
	border-radius:100%;
	bottom:20px;
	box-shadow:0 6px 14px 0 rgba(0, 0, 0, 0.15);
	font-size:0;
	height:60px;
	margin:0;
	opacity:1;
	top:auto;
	width:60px;
}
.hosted .flipster.flipster--flat .flipster__button.flipster__button--prev{display:none; left:60px;}
.hosted .flipster.flipster--flat .flipster__button.flipster__button--next{right:90px;}
.hosted .flipster.flipster--flat .flipster__button svg{color:#000; stroke-width:2; width:15px;}
.hosted .flipster.flipster--flat .flipster__item{vertical-align:top;}
.hosted .flipster.flipster--flat .flipster__item--past,
.hosted .flipster.flipster--flat .flipster__item--future{opacity:1;}
.hosted .flipster.flipster--flat .flipster__item--past .flipster__item__content,
.hosted .flipster.flipster--flat .flipster__item--future .flipster__item__content{transform:none;}
@media screen and (min-width:1280px){
	.hosted .flipster.flipster--flat .flipster__button{display:none;}
}
@media screen and (max-width:768px){
	.hosted .flipster.flipster--flat .flipster__button.flipster__button--next{bottom:15px; right:15px;}
}


@media screen and (min-width:1200px){
    .hosted section .container-fluid{padding-left:0; padding-right:0;}
	.hosted section .container-fluid .row{margin-left:0; margin-right:0;}
	.hosted section .container-fluid .row>div:first-child{padding-left:0; padding-right:15px;}
	.hosted section .container-fluid .row>div:last-child{padding-right:0; padding-left:15px;}
	.hosted section .container-fluid.invert .row>div:last-child{padding-right:0; padding-left:15px;}
	.hosted section .container-fluid.invert .row>div:last-child{padding-left:0; padding-right:15px;}
}


/** section.MAIN **/
	.hosted section.main{
		background-color: #fcfbfa;
		background-image:url(/img/lp/services/hosted/shape-1.png);
		background-position:center bottom;
		background-repeat: no-repeat;
		background-size: 100% 65%;
		border-radius: 0 0 120px 120px;
		padding-top:70px;
		position:relative;
	}
	.hosted section.main .ic{
		background-color: rgba(0, 84, 181, 0.1);
		border-radius: 15px;
		color: #1e7eee;
		display: inline-block;
		padding: 6px 32px;
	}
	.hosted section.main img.photos{
		margin-bottom: -50%;
		margin-left: -35%;
		max-width: none;
		width: 170%;
	}

	.hosted section.main .wrapper{position: relative; overflow: hidden;}
	.hosted section.main .wrapper .box-bullets{}
	.hosted section.main .wrapper .box-bullets .container{padding-top: 0;}
	.hosted section.main .wrapper .box-bullets .items{}
	.hosted section.main .wrapper .box-bullets .items .item{
		background-color: rgba(255, 255, 255, .15);
		border-radius: 8px;
		color: #fff;
		display: inline-block;
		font-size: 12px;
		margin-bottom: 10px;
		margin-right: 10px;
		padding: 10px;
	}

	@media screen and (max-width:1199.5px){
		.hosted section.main{overflow: hidden;}
		.hosted section.main img.photos{margin-left: -20%;}
	}
	@media screen and (max-width:991.5px){
		.hosted section.main{padding-top: 0;}
		.hosted section.main img.photos{display: none;}
	}
	@media screen and (max-width:767.5px){
		.hosted section.main{
			background-image:url(/img/lp/services/hosted/shape-2@2x.png);
			background-size: 100% 80%;
			border-radius:0;
		}
		.hosted section.main .wrapper .box-bullets{overflow: hidden; padding-top: 40px;}
		.hosted section.main .wrapper .box-bullets .items{
			margin-left: -20px;
			margin-right: -30px;
			text-align: center;
		}
	}


/** section.ADVANTAGES **/
	.hosted section.advantages{background-color: #fcfbfa; border-radius: 0 0 120px 120px;}
	.hosted section.advantages .container{padding-top: 50px; padding-bottom: 50px;}
	.hosted section.advantages h3{max-width: 650px;}
	.hosted section.advantages .items{padding-bottom: 50px;}
	.hosted section.advantages .items .item{text-align:center;}
	.hosted section.advantages .items .item a{display:block; color:#2e2e2e;}
	.hosted section.advantages .items .item img{height:80px; margin-bottom:14px; transition:.54s ease;}
	.hosted section.advantages .items .item a:hover img{transform:scale(1.2);}
	@media screen and (max-width:767.5px){
		.hosted section.advantages{border-radius: 0 0 50px 50px;}
		.hosted section.advantages p{margin-left: auto; margin-right: auto; max-width: 200px;}
	}


/** section.SWITCHING **/
	.hosted section.switching{}
	.hosted section.switching .wrapper-1{position:relative;}
	.hosted section.switching .wrapper-1:before{
		background-color:#ddd;
		content:'';
		display:block;
		position:absolute;
		top:0; right:-50px; bottom:0;
		width:1px;
	}
	.hosted section.switching img{width:100%;}
	.hosted section.switching .img-1{margin:40px 0 40px;}
	.hosted section.switching .img-2{margin:40px 0 20px;}
	.hosted section.switching .txt{background-color:#f3f3f3; border-radius:10px; padding:20px 10px; text-align:center;}
	.hosted section.switching .txt h4{margin-top:10px;}
	@media screen and (max-width:767px){
		.hosted section.switching{padding-bottom: 40px;}
		.hosted section.switching .wrapper-1:before{display:none;}
	}


/** section.MAXIMUM-EXPOSURE **/
	.hosted section.maximum-exposure{
		background: rgba(246,242,245,1);
		background: linear-gradient(180deg, rgba(30,126,238,1) 0%, rgba(30,126,238,1) 50%, rgba(246,242,245,1) 50%, rgba(246,242,245,1) 100%);
		border-radius: 0 120px 120px 0;
		padding-top:40px;
		position:relative;
		overflow:hidden;
	}
	.hosted section.maximum-exposure h3{max-width:530px;}
	.hosted section.maximum-exposure p{max-width:530px;}
	.hosted section.maximum-exposure .img-1{width:100%; border-radius: 60px;}
	.hosted section.maximum-exposure .img-2{margin-left:-10%; max-width:none; position: relative; width:135%;}
	.hosted section.maximum-exposure .img-2 img{width:100%;}
	.hosted section.maximum-exposure .img-2 .txt{
		color: #1e7eee;
		display: inline-block;
		font-size: 60px;
		font-weight: 600;
		position: absolute;
		top: 25%;
		left:52%;
	}


	@media screen and (max-width:991.5px){
		.hosted section.maximum-exposure{background: linear-gradient(180deg, rgba(30,126,238,1) 0%, rgba(30,126,238,1) 70%, rgba(246,242,245,1) 70%, rgba(246,242,245,1) 100%);}
		.hosted section.maximum-exposure .img-2 .txt{top:28%; left:54%;}
	}
	@media screen and (max-width:767.5px){
		.hosted section.maximum-exposure{
			background: linear-gradient(180deg, rgba(30,126,238,1) 0%, rgba(30,126,238,1) 45%, rgba(246,242,245,1) 45%, rgba(246,242,245,1) 100%);
			border-radius: 0;
			padding-bottom: 60px;
			padding-top: 0;
		}
		.hosted section.maximum-exposure .img-1{display:none;}
		.hosted section.maximum-exposure .img-2{margin: 0; width: 100%;}
		.hosted section.maximum-exposure .img-2 .txt{display: none;}
		.hosted section.maximum-exposure .img-2 img{margin-left: -15px; margin-right: -15px; max-width: none; width: calc(100% + 30px);}
	}


/** section.BENEFIT **/
	.hosted section.benefit{
		background: #fff;
		background: linear-gradient(180deg, #fff, #fff 46%, rgba(246,242,245,1) 46%, rgba(246,242,245,1) 100%);
		padding:100px 0;
		position:relative;
		overflow:hidden;
	}

	.hosted section.benefit h3{margin-top:0;}
	.hosted section.benefit .images{text-align:center;}
	.hosted section.benefit .images .img-1{border-radius: 40px; width:100%;}
	.hosted section.benefit .images .img-2{
		background-color:#fff;
		border-radius:40px;
		box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
		height:auto;
		margin-top:-10%;
		padding:4% 8%;
		width:70%;
	}
	.hosted section.benefit .button-box{padding-bottom: 50px;}

	@media screen and (min-width:1440px){
		.hosted section.benefit .images{max-width:none; width:135%;}
	}
	@media screen and (max-width:991px){
		.hosted section.benefit{padding:0;}
		.hosted section.benefit:before{height:12%}
	}
	@media screen and (max-width:767.5px){
		.hosted section.benefit{
			background: #fff;
			background: linear-gradient(180deg, #fff, #fff 30%, rgba(246,242,245,1) 30%, rgba(246,242,245,1) 100%);
			padding-bottom: 40px;
			margin-bottom: -40px;
		}
		.hosted section.benefit .button-box{text-align: center;}
	}
	@media screen and (max-width:457px){
		.hosted section.benefit:before{height:17%}
	}


/** section.SMART-PRICING **/
	.hosted section.smart-pricing{background-color: rgba(246,242,245,1);}
	.hosted section.smart-pricing .img-1{border:10px solid #000; border-radius:12px; width:100%;}
	.hosted section.smart-pricing .img-2{border:10px solid #000; border-radius:12px; width:100%;}
	.hosted section.smart-pricing .img-3{border-radius:100%; box-shadow:0 12px 24px 0 rgba(0, 0, 0, 0.2); position:absolute; top:33%; left:57%; width:20%;}
	.hosted section.smart-pricing .nav-tabs{
		align-items: stretch;
		background-color:#fff;
		border-radius:12px;
		display: flex;
		overflow: hidden;
	}
	.hosted section.smart-pricing .nav-tabs>li{background-color:#fff; color: #000; text-align:center;}
	.hosted section.smart-pricing .nav-tabs>li:first-child{border-radius:12px 0 0 12px;}
	.hosted section.smart-pricing .nav-tabs>li:last-child{border-radius:0 12px 12px 0;}
	.hosted section.smart-pricing .nav-tabs>li.active{background-color:#1e7eee; color: #fff;}
	.hosted section.smart-pricing .nav-tabs>li>a{background:transparent; border:none; color:inherit ;padding:10px 13px;}
	.hosted section.smart-pricing .tab-content.tab-img>.tab-pane{position:relative;}

	@media screen and (min-width:1440px){
		.hosted section.smart-pricing .tab-content.tab-img{margin-left:-30%; width:135%;}
	}
	@media screen and (max-width:1199px){
		.hosted section.smart-pricing .nav-tabs>li{display:block; width:100%;}
	}
	@media screen and (max-width:767.5px){
		.hosted section.smart-pricing .nav-tabs{display: block;}
		.hosted section.smart-pricing .nav-tabs>li:first-child{border-radius:12px 12px 0 0;}
		.hosted section.smart-pricing .nav-tabs>li:last-child{border-radius:0 0 12px 12px;}
	}


/** section.HOUSEKEEPING **/
	.hosted section.housekeeping{padding-top:100px; position:relative; overflow:hidden;}
	.hosted section.housekeeping:before{
		background-color: rgba(246,242,245,1);
		border-radius: 0 0 120px 0;
		content:'';
		display:block;
		height:70px;
		position:absolute;
		top:0; right:0; left:0;
	}
	.hosted section.housekeeping .container-fluid{padding-bottom:0;}
	.hosted section.housekeeping .img-1{margin-top:-25%;}
	.hosted section.housekeeping .img-2{max-width:none; width:135%; border-radius: 60px;}
	@media screen and (max-width:991.5px){
		.hosted section.housekeeping .img-1{margin-top:-35%;}
	}
	@media screen and (max-width:767.5px){
		.hosted section.housekeeping .img-1{margin-top:-100px; min-width:300px; width:60%;}
		.hosted section.housekeeping .img-2{border-radius: 20px;}
	}


/** section.SMART-LOCK **/
	.hosted section.smart-lock{position:relative;}
	.hosted section.smart-lock h2{margin-top:40px;}
	.hosted section.smart-lock .img-1{width:100%; border-radius: 60px;}
	@media screen and (max-width:1199.5px){
		.hosted section.smart-lock .img-1{min-width:300px; width:60%;}
		.hosted section.smart-lock h2{margin-top:0;}
	}
	@media screen and (max-width:767.5px){
		.hosted section.smart-lock:before{top:20px; bottom:20px;}
		.hosted section.smart-lock .img-1{border-radius: 20px; width: 100%;}
	}


/** section.MONITORING **/
	.hosted section.monitoring{}
	.hosted section.monitoring .items .item{margin-bottom:40px; position:relative; text-align:center; z-index:1;}
	.hosted section.monitoring .items .item .icon{
		background-image:url(/img/lp/services/hosted/oval-bg.png);
		background-size:cover;
		border-radius:100%; 
		box-shadow:0 32px 36px -20px rgb(208,223,255, .5);
		display:inline-block;
		height:132px;
		margin:0 auto 20px;
		width:132px;
	}
	.hosted section.monitoring .items .item .title{font-size: 18px; font-weight: 600; margin: 12px 0;}
	.hosted section.monitoring .items .item .desc{font-size: 14px;}
	.hosted section.monitoring .items .item .icon img{height:48px; margin-top:42px; width:48px;}
	@media screen and (min-width:768px) and (max-width:1199px){
		.hosted section.monitoring .items .row{text-align:center;}
		.hosted section.monitoring .items .row .col-sm-6{float:none; display:inline-block; vertical-align:top;}
	}


/** section.STATISTIC **/
	.hosted section.statistic{background-color: #1e7eee; border-radius: 0 120px 120px 0; color: #fff;}
	.hosted section.statistic .items .item{background-color:#00387a; border-radius:24px; box-sizing:border-box; margin-bottom:30px; min-height:340px; padding:20px 30px; text-align:left;}
	.hosted section.statistic .items .item .title{font-size:60px; margin: 12px 0;}
	.hosted section.statistic .items .item .desc{font-size:20px;}
	.hosted section.statistic .items .item small{opacity:.6;}
	.hosted section.statistic .items .item .h4{min-height: 3em;}
	@media screen and (max-width:767.5px){
	    .hosted section.statistic{border-radius: 0 40px 40px 0;}
	}


/** section.TESTIMONIALS **/
	.hosted section.testimonials{overflow:hidden; position:relative;}
	.hosted section.testimonials .heading h3{max-width: 800px; margin-left: 0;}
	.hosted section.testimonials .heading p{max-width: 600px;}
	.hosted section.testimonials .items{padding-top:50px;}
	.hosted section.testimonials .items .item{background-color:#f9f6f3; border-radius:24px; margin:20px; padding:50px 30px; text-align:center; width:350px;}
	.hosted section.testimonials .items .item img{border-radius:100%; height:100px; margin-top:-125px; width:100px;}
	.hosted section.testimonials .item .title{font-size: 18px; margin: 12px 0;}
	.hosted section.testimonials .item .desc{color: #505d68; font-size: 14px;}

	@media screen and (max-width:768px){
		.hosted section.testimonials .items .item{
			margin-left: 10px;
			margin-right: 10px;
			width: calc(100vw - 60px);
		}
	}
	.hosted section.testimonials .flipster.flipster--flat .flipster__button{
		background-color:#fff;
		border-radius:100%;
		bottom:20px;
		box-shadow:0 6px 14px 0 rgba(0, 0, 0, 0.15);
		font-size:0;
		height:60px;
		margin:0;
		opacity:1;
		top:auto;
		width:60px;
	}
	.hosted section.testimonials .flipster.flipster--flat .flipster__button.flipster__button--prev{display:none; left:60px;}
	.hosted section.testimonials .flipster.flipster--flat .flipster__button.flipster__button--next{right:90px;}
	.hosted section.testimonials .flipster.flipster--flat .flipster__button svg{color:#000; stroke-width:2; width:15px;}
	.hosted section.testimonials .flipster.flipster--flat .flipster__item{vertical-align:top;}
	.hosted section.testimonials .flipster.flipster--flat .flipster__item:before{display:none;}
	.hosted section.testimonials .flipster.flipster--flat .flipster__item--past,
	.hosted section.testimonials .flipster.flipster--flat .flipster__item--future{opacity:1;}
	.hosted section.testimonials .flipster.flipster--flat .flipster__item--past .flipster__item__content,
	.hosted section.testimonials .flipster.flipster--flat .flipster__item--future .flipster__item__content{transform:none;}
	@media screen and (max-width:768px){
		.hosted section.testimonials .flipster{margin-left: -15px; margin-right: -15px; padding-bottom: 20px;}
		.hosted section.testimonials .flipster.flipster--flat .flipster__button.flipster__button--next{right:calc(50% - 30px);}
	}


/** section.PROCESS **/
	.hosted section.process{overflow: hidden; position:relative;}
	.hosted section.process:before{
		border:2px dashed #ebeff4;
		content:'';
		display:block;
		position:absolute;
		top:54%; left:4%;
		transform:rotate(-12deg);
		width:100%;
	}
	.hosted section.process .heading{max-width: 600px;}
	.hosted section.process .items{margin-top:-40px;}
	.hosted section.process .items .item{text-align:left;}
	.hosted section.process .items .item.item-1{margin-top:180px;}
	.hosted section.process .items .item.item-2{margin-top:120px;}
	.hosted section.process .items .item.item-3{margin-top:60px;}
	.hosted section.process .items .item.item-4{margin-top:0px;}
	.hosted section.process .items .item .number{
		border-radius:100%;
		height: 98px;
		display:inline-block;
		font-size: 32px;
		font-weight:normal;
		margin-bottom: 24px;
		padding-top: 24px;
		text-align: center;
		width: 98px;
	}
	.hosted section.process .items .item .desc{font-size: 14px;}
	.hosted section.process .ring{top:120px; right:0; text-align:left; width:140px; z-index:-1;}
	@media screen and (max-width:1199px){
		.hosted section.process{}
		.hosted section.process:before{display:none;}
		.hosted section.process .items .item{text-align:center;}
		.hosted section.process .items .item.item-1,
		.hosted section.process .items .item.item-2,
		.hosted section.process .items .item.item-3,
		.hosted section.process .items .item.item-4{margin-top:0; margin-bottom:25px;}
	}
	@media screen and (max-width:767.5px){
		.hosted section.process{}
		.hosted section.process .items .item .number{margin-bottom: 10px;}
		.hosted section.process .items .item .desc{margin-left: auto; margin-right: auto; max-width: 75%;}
	}


/** section.NUMBERS **/
	.hosted section.numbers{
		background: #1e7eee;
		background: linear-gradient(90deg, #1e7eee 0%, #1e7eee 50%, #fff 50%, #fff 100%);
		margin-bottom: 100px;
	}
	.hosted section.numbers .container{background-color: #1e7eee; border-radius: 48px; overflow: hidden; position: relative;}
	.hosted section.numbers .container:before{
		background-image: linear-gradient(to bottom, #fff, #1e7eee);
		border-radius: 200px 0 0 200px;
		bottom: 0;
		content: '';
		display: block;
		left: 50%;
		opacity: .25;
		position: absolute;
		right: 0;
		top: 0;
	}
	.hosted section.numbers .item{padding:30px 0;}
	.hosted section.numbers .item .title{font-size:70px;}
	.hosted section.numbers .item .desc{font-size:20px;}
	@media screen and (max-width:767.5px){
		.hosted section.numbers .container{border-radius: 0; padding-bottom: 60px;}
		.hosted section.numbers .item .title{font-size:60px;}
	}