body{ margin:0; padding:0; color:#424242; overflow-x:hidden; float:left; width:100%; }
a{color: #212a40;}
a:focus{outline:none; text-decoration:none;}
/* Header */
header{width:100%; float:left; position:relative; z-index:100; color: #444; height:70px; padding-top:15px;  background:#0a57d5; box-shadow: 0 1px 3px 0 rgba(0,0,0,0);  }
header .logo{float:left; text-decoration:none; margin:5px 0 0 0; }
header .logo img{float:left; margin-right:30px;}
header .logo img:first-child{margin-top:0px;}
header .logo span{font-size:12px; color: #757575; float:left; margin: 10px 0 0 -10px;}

header.transparent{padding-top:40px;  height: 90px; background:none; box-shadow:none;}

/* Footer */
.footer{width:100%; float:left; position:relative;clear: both;  border-top: 1px solid #f5f5f5; text-align:center;;}
.footer .swap-suport{width:100%; float:left; position:relative; background:#0a57d5; padding: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.1)}
.footer .swap-suport ul{margin:0; padding:0; list-style:none;}
.footer .swap-suport ul li{padding:60px 40px 0px 110px; position:relative; color:#fff; overflow:hidden; height:150px; text-align:left }
.footer .swap-suport ul li:before{width:1px; height:50px; background:#fff; content:''; position:absolute; top:50%; margin-top:-25px; right:0; opacity:.3}
.footer .swap-suport ul li:last-child:before{display:none;}
.footer .swap-suport ul li .icon{width:40px; text-align:center;  font-size:35px; position:absolute; left:40px; top:50%; margin-top:-20px; color:#dfcd2c; font-weight:300;}
.footer .swap-suport ul li .bg{position:absolute; top:50%; left:50%; width:200px; margin: -100px 0 0 -100px; opacity:.07}
.footer .swap-suport ul li h3{margin:0; padding:0; text-transform:uppercase; font-size:11px; padding-bottom:0px; font-weight:bold; position:relative; z-index:5; }
.footer .swap-suport ul li b{display:block; font-size:23px; letter-spacing:1px; opacity:.8; position:relative; z-index:5;}
.footer .swap-suport ul li a{text-decoration:none; color:#fff; font-size:23px; font-weight:bold; opacity:.8; position:relative; z-index:5;}
.footer .swap-suport ul li a:hover{opacity:1;}
.footer .swap-suport ul li span{display:block; font-size:20px; font-weight:bold; opacity:.8}
.footer .share{ float:right; position:relative;  padding: 20px 0; z-index:5;}
.footer .share a{text-decoration:none; color:rgba(0,0,0,.7); font-size:14px; margin:0 0 0 5px; display:inline-block; transition:.3s; width:36px; height:36px; line-height:34px; text-align:center;  border-radius:50%; border:1px solid rgba(0,0,0,.1)}
.footer .share a.fa-facebook{color:#3b5796;}
.footer .share a.fa-facebook:hover{background:#3b5796; color:#fff;}
.footer .share a.fa-twitter{color:#55aded;}
.footer .share a.fa-twitter:hover{background:#55aded; color:#fff;}
.footer .share a.fa-google-plus{color:#db4a37;}
.footer .share a.fa-google-plus:hover{background:#db4a37; color:#fff;}
.footer .share a.fa-youtube-play{color:#cd1f1e;}
.footer .share a.fa-youtube-play:hover{background:#cd1f1e; color:#fff;}
.footer .copy{width:100%; float:left; text-align:center; line-height:30px; position:absolute; top:50%; margin-top:-15px; z-index:1;}
.footer .logo{float:left; margin-top:20px; position:relative; z-index:5;}


#goTop{ position:fixed; bottom:-100px; right:20px; z-index:100; border-radius:3px; width:40px; height:40px; line-height:40px; background:#1679bc; color:#fff; font-size:14px; text-align:center; text-decoration:none; display:block; transition:.3s;}
#goTop:hover{background:#3ca8f1}
#goTop.show{bottom:20px;}

/* sitemap */
.wrap-sitemap{width:100%; float:left; position:relative; padding: 0 0; text-align:right; }
.wrap-sitemap h3{margin:0; padding:0; font-weight:normal; font-size:17px; text-transform:uppercase; line-height:60px; float:left; }
.wrap-sitemap a{display:inline-block; text-decoration:none; color:rgba(0,0,0,.7); line-height:60px; transition:.3s;}
.wrap-sitemap a:hover{color:#0a57d5}
.wrap-sitemap a:after{content:'/'; padding: 0 5px; opacity:.5; font-size:14px;}
.wrap-sitemap a:last-child:after{display:none;}

/* Slider */
.wrap-mainSlider{width:100%; margin-top:-90px; float:left; height:720px; position:relative; background:url(bg-slider.jpg) no-repeat center; background-size: cover !important; }
.wrap-mainSlider:before{content:''; width:100%; height:100%;background: rgba(7,76,213,0.7); position:absolute; top:0; left:0; }
.wrap-mainSlider .caption{display:block; width:560px; margin-left:-280px; left:50%; position:absolute; bottom:170px; z-index:6; text-align:center; color:#fff; }
.wrap-mainSlider .caption img{width:70px; margin-left:-35px; left:50%; bottom:100%; display:inline-block; position:absolute; }
.wrap-mainSlider .caption h1{margin:0; padding:0; font-weight:normal; font-size:55px; letter-spacing:1px; display:block; padding-top:15px;}
.wrap-mainSlider .caption h2{margin:0; padding:0; font-weight:normal; font-size:23px; padding-top:15px; line-height:35px; display:block; margin-bottom:10px; }
.wrap-mainSlider .caption a{display:inline-block; text-decoration:none; margin: 20px 10px 0 10px; line-height:38px; text-align:center; color:#fff; text-transform:uppercase; border:2px solid #fff; font-size:14px; width:190px; transition:.3s; letter-spacing:1px;}
.wrap-mainSlider .caption a:hover{background:#fff; color:#0758d6}
.wrap-mainSlider #particles-js{ width: 100%; height: 100%; background-color: ; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position:relative; z-index:5;}


/* Product home */
.wrap-product-home{width:100%; height:580px; float:left; position:relative;  padding-top:40px;  }
.wrap-product-home .title{width:100%; float:left; text-align:center;}
.wrap-product-home .title h5{text-transform:uppercase; font-weight:bold; font-size:13px; color:rgba(0,0,0,.6)}
.wrap-product-home .title h1{font-weight:300; font-size:30px; line-height:40px;}
.wrap-product-home ul.products{margin:40px 0 0 0; padding:0; list-style:none; float:left;}
.wrap-product-home ul.products:last-child{float:right;}
.wrap-product-home ul.products li{ display:block; clear:both;}
.wrap-product-home ul.products li a{display:block; width:100%; color:rgba(0,0,0,.7); float:left; position:relative; text-decoration:none; padding:15px 40px 20px 70px; width:300px; border-bottom:1px solid rgba(0,0,0,.07)}
.wrap-product-home ul.products li:last-child a{border:none;}
.wrap-product-home ul.products li a .logo{position:absolute; top:15px; left:10px; width:38px;}
.wrap-product-home ul.products li a h3{margin:0; padding:0; font-size:18px;}
.wrap-product-home ul.products li a h5{margin:0; padding:5px 0 0 0; font-weight:normal; font-size:13px; line-height:16px;}
.wrap-product-home ul.products li a i{width:36px; height:36px; margin-top:-19px; border-radius:50%; text-align:center; line-height:34px; padding-left:2px; font-size:17px; border:1px solid rgba(0,0,0,.07); position:absolute; top:50%; right:10px; transition:.3s;}
.wrap-product-home ul.products li a:hover i{background:rgba(0,0,0,.03); color:#000;}
.wrap-product-home ul.products li a.word h3{color:#2a3281;}
.wrap-product-home ul.products li a.excel h3{color:#007133;}
.wrap-product-home ul.products li a.powerPoint h3{color:#db5a26;}
.wrap-product-home ul.products li a.outlook h3{color:#2171b9;}
.wrap-product-home ul.products li a.access h3{color:#b9131a;}
.wrap-product-home ul.products li a.viso h3{color:#4c68b1;}
.wrap-product-home ul.products li a.microsoftTeams h3{color:#5558af;}
.wrap-product-home ul.products li a.skype h3{color:#00aff0;}
.wrap-product-home ul.products li a.exchange h3{color:#0072bb;}
.wrap-product-home ul.products li a.oneDrive h3{color:#094ab2;}
.wrap-product-home ul.products li a.oneDrive h3{color:#094ab2;}

/* features */
.wrap-features-home{width:100%; float:left; position:relative; background: rgba(0,0,0,.04); margin-top:80px;}
.wrap-features-home ul{padding: 20px 0 100px 0; list-style:none; margin-bottom:0; }
.wrap-features-home ul li{position:relative; padding-top:30px;}
.wrap-features-home ul li img{width:100%; background:#fff; box-shadow:0 0 1px rgba(0,0,0,.05)}
.wrap-features-home ul li h3{margin:0; padding:15px 0 10px 0; font-weight:300; font-size:22px; line-height:27px; color:#000;}

/* register home */
.wrap-register-home{width:100%; float:left; position:relative; padding: 50px 0; margin-bottom:20px;}
.wrap-register-home h1{font-weight:300; margin:0; padding:0;}
.wrap-register-home h3{margin:0; padding:0; font-size:20px; font-weight:300; padding-top:10px; width:600px; line-height:28px;}
.wrap-register-home img{position:absolute; top:-100px; right:15px; height:260px;}
.wrap-register-home a{display:inline-block; clear:both; margin-top:15px; text-decoration:none; background:#0a57d5; line-height:38px; padding: 0 25px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; letter-spacing:1px; border-radius:2px; transition:.3s; }
.wrap-register-home a:hover{background:#eb3d01}


/* Page */
.wrap-banner{width:100%; margin-top:-90px; float:left; height:650px; position:relative; background:url(bg-slider.jpg) no-repeat center; background-size: cover !important; }
.wrap-banner:before{content:''; width:100%; height:100%;background: rgba(7,76,213,0.7); position:absolute; top:0; left:0; z-index:1;}
.wrap-banner #particles-js{z-index:2; position:absolute; width:100%; height:100%; top:0; left:0;}
.wrap-banner .col-caption{z-index:10; position:relative;}
.wrap-banner .col-caption .caption{width:100%; color:#fff; padding-top:240px;}
.wrap-banner .col-caption .caption h4{font-size:19px; font-weight:300; margin:0 0 10px 0;}
.wrap-banner .col-caption .caption h1{margin:0; font-weight:500; font-size:37px;}
.wrap-banner .col-caption .caption .price{display:block; font-size:20px; padding-top:35px; font-weight:300; line-height:37px;}
.wrap-banner .col-caption .caption .price b{font-weight:300; font-size:35px; display:block;}
.wrap-banner img.banner{position:absolute; right:0; bottom:0; z-index:5; right:0; height:550px; }
.wrap-banner a{display:inline-block; font-weight:bold; text-decoration:none; margin: 30px 0px 0 0px; padding: 0 25px; line-height:40px; text-align:center; color:#0a57d5; text-transform:uppercase; background:#fff; font-size:14px;transition:.3s; letter-spacing:1px; border-radius:2px;box-shadow: inset 0 0 rgba(0,0,0,.02), 0 2px 5px 0 rgba(0,0,0,.26);}
.wrap-banner a:hover{opacity:.85}




.info-content{ position:relative;}
.info-content .col-item{padding-top:50px; padding-bottom:50px;}
.info-content .col-item .col-left,
.info-content .col-item .col-right{ vertical-align:middle; float:left;}
.info-content .col-item .col-left:before{content:''; width:50px; height:1px; background:#0a57d5; position:absolute; top:-50px; left:15px; transition:.3s; }
.info-content .col-item:hover .col-left:before{width:100%;}
.info-content .col-item .col-left{padding-right:50px;}
.info-content .col-item h1{margin:0; padding:0; font-weight:300; font-size:30px; padding-bottom:10px; line-height:37px;}
.info-content .col-item p{font-size:15px; line-height:24px; width:100%; float:left; padding-top:5px; display:block}
.info-content .col-item ul.system{margin:15px 0 0 0; padding:0; list-style:none; display:inline-block}
.info-content .col-item ul.system li{padding:0 30px; position:relative; float:left;}
.info-content .col-item ul.system li:before{content:''; width:1px; height:30px; background:#000; position:absolute; right:0; top:50%; margin-top:-15px; opacity:.2}
.info-content .col-item ul.system li:last-child:before{display:none;}
.info-content .col-item ul.system li i{font-size:40px;}
.info-content .col-item ul.info-list{margin:0; padding:0; list-style:none;}
.info-content .col-item ul.info-list li{width:100%; padding:10px 0 0 30px; float:left; position:relative; background:url(check.png) no-repeat 0 11px;}
.info-content .col-item ul.info-list li b{font-size:16px;display:inline-block}
.info-content .col-item:nth-child(2n){background: rgba(0,0,0,.04);}
.info-content .col-item:nth-child(2n):before{content:''; width:100%; height:100%; background: rgba(0,0,0,.04); position:absolute; top:0; right:100%;}
.info-content .col-item:nth-child(2n):after{content:''; width:100%; height:100%; background: rgba(0,0,0,.04); position:absolute; top:0; left:100%;}


/* Outlook Page */
.info-content.outlook .col-item .col-left:before{display:none;}
.info-content.outlook .col-item .img-first{position:absolute; bottom:0; right:0; height:350px;}
.outlook-slider{width:100%; float:left; position:relative; z-index:5;}
.outlook-slider #sync1 .item{width:100%; float:left; position:relative; height:520px; background: rgba(0,0,0,.04); }
.outlook-slider #sync1 .item .col-img{width:50%; height:100%; position:absolute; top:0; left:0; }
.outlook-slider #sync1 .item .col-img.win{background:url(../../Images/outlook-win.jpg) no-repeat center; background-size:cover;}
.outlook-slider #sync1 .item .col-img.mobile{background:url(../../Images/outlook-mobile.jpg) no-repeat center; background-size:cover;}
.outlook-slider #sync1 .item .col-img.mac{background:url(../../Images/outlook-mac.jpg) no-repeat center; background-size:cover;}
.outlook-slider #sync1 .item .col-img:before{content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; z-index:2; opacity:.4}
.outlook-slider #sync1 .item .col-caption{padding-left:50px;}
.outlook-slider #sync1 .item .col-caption h1{margin:50px 0 0 0; padding:0; font-weight:300; font-size:30px; color:#d5580a}
.outlook-slider #sync1 .item .col-caption ul{margin:0; padding:0; list-style:none;}
.outlook-slider #sync1 .item .col-caption ul li{width:100%; padding:10px 0 0 30px; margin-top:15px; float:left; position:relative; background:url(check.png) no-repeat 0 11px;}
.outlook-slider #sync1 .item .col-caption ul li b{font-size:16px;display:block; width:100%; float:left;}
.outlook-slider #sync1 .item .col-caption ul li span{font-size:15px; line-height:24px; display:block; padding-top:5px; width:100%; float:left;}
.outlook-slider .thumb-outlook-slider{position:absolute; width:50%; height:100%; position:absolute; top:0; left:0;}
.outlook-slider #sync2{ width:300px; position:absolute; top:50%; left:50%; margin: -50px 0 0 -150px; text-align:center; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.outlook-slider #sync2 .item{width:100px; height:100px; display:inline-block; background:rgba(255,255,255,.9); color:#000; transition:.3s; box-shadow: inset -1px 0 rgba(0,0,0,.1); cursor:pointer;}
.outlook-slider #sync2 .owl-item:last-child .item{box-shadow:none;}
.outlook-slider #sync2 .item:hover{color:#0a57d5}
.outlook-slider #sync2 .item i{font-size:27px; padding-top:24px;}
.outlook-slider #sync2 .item span{display:block; text-transform:uppercase; padding-top:5px;}
.outlook-slider #sync2 .item.mobile i{font-size:35px; margin-top:-8px;}
.outlook-slider #sync2 .synced .item{background:#0a57d5; color:#fff;}

.info-content.outlook ul.properties{padding:0; list-style:none; display:block;}
.info-content.outlook ul.properties li{padding-top:30px;}
.info-content.outlook ul.properties i{font-size:27px; color:#0a57d5; padding-bottom:20px;}
.info-content.outlook ul.properties h3{margin:0; padding:0 0 5px 0; font-size:21px; font-weight:500; color:#0a57d5}
.info-content.outlook ul.properties p{margin:0; padding:0; padding-top:10px; }


/* Skype */
.info-content.skype .col-item .col-left:before{display:none;}

.accordion-content { float: left; margin: 0; width:100%; border-top: 1px solid rgba(0,0,0,.08);}
.accordion-content h3 { float: left; clear: left; width: 100%;  font-size: 18px;  border-bottom: 1px solid rgba(0,0,0,.08); margin: 0; }
.accordion-content h3 a { display: block; font-weight: 300; color:#0a57d5; text-decoration:none; padding: 14px 0; position:relative; line-height:25px;}
.accordion-content h3 a:before{font-family: 'FontAwesome'; content:"\f107"; font-size:17px; position:absolute; right:5px; top:13px; transition:.3s;}
.accordion-content h3.active-title {border: none;}
.accordion-content h3.active-title a{padding-bottom:0; font-weight:normal;}
.accordion-content h3.active-title a:before{content:"\f106"}
.accordion-content div {width:100%; float:left; position:relative;}
.info-content .col-item .col-left p{font-size:17px; line-height:26px; font-weight:300;}
.info-content .col-item .col-right .more{float:right; text-transform:uppercase; color:#0a57d5; margin-bottom:25px; font-weight:bold;}
.info-content .col-item .col-right .more i{font-size:17px; float:right; margin-left:10px; font-weight:normal;}


/* Exchange Online */
.info-content.exchange-online .col-item .col-left:before{display:none;}
.info-content.exchange-online .col-item .col-left img{max-width:100%;}


/* Microsoft Teams */
.info-content.teams .col-item{display:table;}
.info-content.teams .col-item .col-left,
.info-content.teams .col-item .col-right{display:table-cell; float:initial; vertical-align:top;}
.info-content.teams .col-item .col-left:before{display:none;}
.info-content.teams .col-item .col-left img{max-width:100%; margin-bottom:-50px;}
.info-content.teams .col-item .col-left ul{width:100%; margin:0; padding:0; list-style:none;}
.info-content.teams .col-item .col-left ul li{float:left; margin: 0 15px 15px 0}
.info-content.teams .col-item .col-left ul li img{margin:0; height:28px;}

/* OneDrive */
.info-content.onedrive .col-item{display:table;}
.info-content.onedrive .col-item .col-left,
.info-content.onedrive .col-item .col-right{display:table-cell; float:initial; vertical-align:top;}
.info-content.onedrive .col-item .col-left:before{display:none;}
.info-content.onedrive .col-item .col-left{vertical-align:middle}
.info-content.onedrive .col-item .col-left img{max-width:100%;}
.info-content.onedrive .col-item .col-left ul{width:100%; margin:0; padding:0; list-style:none;}
.info-content.onedrive .col-item .col-left ul li{float:left; margin: 0 15px 15px 0}
.info-content.onedrive .col-item .col-left ul li img{margin:0; height:28px;}


/* Visio */
.info-content.visio .col-item{display:table;}
.info-content.visio .col-item .col-left,
.info-content.visio .col-item .col-right{display:table-cell; float:initial; vertical-align:top;}
.info-content.visio .col-item .col-left:before{display:none;}
.info-content.visio .col-item .col-left img{max-width:100%; margin-top:20px; }
.info-content.visio .col-item .col-left ul{width:100%; margin:0; padding:0; list-style:none;}
.info-content.visio .col-item .col-left ul li{float:left; margin: 0 15px 15px 0}
.info-content.visio .col-item .col-left ul li img{margin:0; height:28px;}

/* Support */
.wrap-banner.support{height:200px;}
.wrap-banner.support .col-caption .caption{padding-top:140px;}
.wrap-banner.support .col-caption .caption h1{font-weight:300;}
.info-content.support{}
.info-content.support ul.tabs{margin: -50px 0 0 0;padding: 0px;list-style: none; float:right; position:relative; z-index:10;}
.info-content.support ul.tabs li{background: #ededed;display: inline-block;padding: 0px 20px;cursor: pointer; font-size:16px; font-weight:normal; line-height:50px; margin: 0 0 0 5px; float:left; }
.info-content.support ul.tabs li.current{	background: #fff;color: #0a57d5;}
.info-content.support .tab-content{display: none;	background: #fff;padding: 30px 0; width:100%; float:left;}
.info-content.support .tab-content.current{display: inherit;}
.info-content.support .accordion-content{border-top:none;}
.info-content.support .accordion-content h3:last-child{border:none;}
.info-content.support .accordion-content div{width:100%; float:left; font-size:14px; padding-top:15px; padding-bottom:30px; line-height:22px;}

/* Contact */
#gmap{width:100%; float:left; height:400px;}
ul.forms{width:100%; float:left; margin:0; padding:0 0 30px 0 ; list-style:none;}
ul.forms li{width:100%; float:left; position:relative; margin-top:30px;}
ul.forms li.title{font-weight:300; font-size:23px; padding-top:10px;  color:#1679bc}
ul.forms li.title span{width:50%; float:right;}
ul.forms li .title{width: 50%; float:left; font-size:15px; text-transform:uppercase; text-align:right; padding-right:30px; position:relative;}
ul.forms li .title span{display:inline-block; color:red; padding-left:5px; position:absolute; top: 0; right:17px; }
ul.forms li .title i{display:block; text-transform:none; font-style:normal; font-size:12px; opacity:.7}
ul.forms li .wrap-input{width:50%; float:left; font-size:15px;}
ul.forms li .wrap-input input[type='text'],
ul.forms li .wrap-input textarea{width:100%; height:36px; background:rgba(0,0,0,.02); border:1px solid rgba(0,0,0,.08); padding: 0 10px; border-radius:4px; transition:.3s; font-size:14px; margin-top:2px; }
ul.forms li .wrap-input input[type='text']:focus,
ul.forms li .wrap-input textarea:focus{outline:none; border-color:#1679bc}
ul.forms li .wrap-input textarea{height:80px; resize:none; padding:10px;}
ul.forms li .wrap-input .radio{margin-bottom:20px;}
ul.forms li .wrap-input .radio:last-child{margin-bottom:0;}
ul.forms li .wrap-input .radio b{display:block; text-transform:uppercase}
ul.forms li .wrap-input .radio.basic b{color:#ff717f}
ul.forms li .wrap-input .radio.business b{color:#e08d00}
ul.forms li .wrap-input .radio.enterprise b{color:#0f9a4f}
ul.forms li .send { background: #1679bc; font-size: 13px; border:none; line-height: 34px; font-weight: normal; text-decoration: none; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); color: #fff; display: inline-block; padding: 0px 25px 0px 25px;   text-transform: uppercase; white-space: nowrap; transition: .3s;}
ul.forms li .send:hover{background:#3ca8f1;}
ul.forms li .send:before {font-family: 'FontAwesome'; content: "\f105"; float: right; margin: 0px 0 0 10px; font-size: 17px;}
ul.contact{width:100%; float:left; margin:0; padding:0 0 30px 0; list-style:none;}
ul.contact li{width:100%; float:left; font-size:14px; margin-top:15px;}
ul.contact li.title{font-weight:300; font-size:23px; padding-top:10px; padding-bottom:10px; color:#1679bc}
ul.contact li label{display:block; font-size:15px; margin:0; padding-bottom:2px;}



/* modal Register */

.modal-content{border-radius:4px; border:none; box-shadow:0 10px 40px rgba(0,0,0,.2); overflow:hidden; }
.modal-register{}
.modal-register .col-office{width:50%; float:left; background:#0a57d5; min-height:600px; text-align:center; color:#fff; padding-bottom:500px; margin-bottom:-500px; box-shadow: inset -1px 0 rgba(0,0,0,.2) }
.modal-register .col-office img{width:50px; margin-top:130px;}
.modal-register .col-office h1{margin:0; padding:0; font-weight:normal; padding: 0 25px; font-size:18px; line-height:32px; padding-top:15px;  text-transform:uppercase}
.modal-register .col-office h3{margin:0; padding:0; font-size:14px; padding: 0 25px; font-weight:normal; position:relative; padding-top:15px; margin-top:15px; line-height:22px; opacity:.9 }
.modal-register .col-office h3:before{content:''; width:40px; height:1px; background:#fff; position:absolute; top:0; left:50%; margin-left:-20px; opacity:.2}
.modal-register .col-form{width:50%; float:left; padding:20px 20px 30px 20px; }
.modal-register .col-form .note{width:100%; padding-right:40px;}
.modal-register .col-form .nav-close{position:absolute; top:15px; right:15px; font-size:18px; color:rgba(0,0,0,.5); width:30px; height:30px; text-align:center; line-height:27px; border:1px solid rgba(0,0,0,.07); display:block; border-radius:50%; transition:.3s; text-decoration:none;}
.modal-register .col-form .nav-close:hover{background:rgba(0,0,0,.02); color:#0a57d5}
.modal-register .col-form .wrap-input{width:100%; float:left; border-bottom:1px solid rgba(0,0,0,.07); position:relative; margin-top:15px;}
.modal-register .col-form .wrap-input:before{content:''; width:0; height:1px; background:#0a57d5; left:0; bottom:-1px; transition:.3s; position:absolute;}
.modal-register .col-form .wrap-input.focus:before{width:100%;}
.modal-register .col-form input[type='text']{border:none; width:100%; height:30px; background:none; font-size:14px;}
.modal-register .col-form input[type='text']:focus{outline:none;}
.modal-register .col-form .submit{ display: inline-block; clear: both; border:none; margin-top: 25px; text-decoration: none; background: #0a57d5; line-height: 38px; padding: 0 25px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 1px; border-radius: 2px; transition: .3s;}
.modal-register .col-form .submit:hover{background:#eb3d01}


/* table price */
.wrap-table-price{width:100%; float:left; position:relative; background:#eceff1; padding: 40px 0 70px 0}
.wrap-table-price .label-price{ padding:0 20px 0 0; width:350px; position:absolute; top:0; left:0;}
.wrap-table-price .label-price h1{margin:0; padding:0; font-weight:normal; font-size:32px; color:#0a57d5}
.wrap-table-price .label-price p{padding-top:15px; font-size:15px; line-height:24px;}
.wrap-table-price .box-price{width:100%; float:left; position:relative; padding-left:350px;}
.wrap-table-price .box-price .head-price{width:100%; float:left;}
.wrap-table-price .box-price .head-price .item-package{padding: 0 4px;}
.wrap-table-price .box-price .head-price .item-package .box-item{width:100%; float:left; text-align:center;  padding:20px 20px;background:rgba(255,255,255,1); transition:.3s;}
.wrap-table-price .box-price .head-price .item-package .box-item h1{margin:0; padding:0; font-weight:300; font-size:30px;}
.wrap-table-price .box-price .head-price .item-package .box-item h2{margin:0; padding:0; font-size:18px; padding-top:5px; white-space:nowrap}

.wrap-table-price .box-price .item-package{width:33.33333333%; float:left; padding: 0 0; position:relative; z-index:1;}
.wrap-table-price .box-price .item-package .nav-package{width:100%; float:left; padding: 20px 20px; text-decoration:none; background:#fff; font-size:18px; position:relative; display:none}
.wrap-table-price .box-price .item-package .nav-package:before{content:''; width:20px; height:2px; background:#000; right:20px; top:50%; margin-top:-1px; position:absolute;}
.wrap-table-price .box-price .item-package .nav-package:after{content:''; width:2px; height:20px; background:#000; right:29px; top:50%; margin-top:-10px; position:absolute;}
.wrap-table-price .box-price .item-package.open .nav-package:after{display:none;}
.wrap-table-price .box-price ul{width:100%; margin:0; padding:0 0px; list-style:none;  float:left; display:block; display:block; position:relative; border:none; border-radius:0; box-shadow:none; background:none; min-width:initial;}
.wrap-table-price .box-price ul li{width:100%; margin: 0; float:left; padding:0 4px;   font-size:14px; position:relative;}
.wrap-table-price .box-price ul li .box-item{width:100%; float:left;  padding:15px 20px; background:rgba(255,255,255,1);}
.wrap-table-price .box-price ul li:last-child .box-item{border-bottom:1px solid #0a57d5;}
.wrap-table-price .box-price ul li.price{text-align:center;}
.wrap-table-price .box-price ul li.price .box-item:before{width:100%; height:1px; background:#ebebeb; content:''; float:left; margin-top:-15px;}
.wrap-table-price .box-price ul li.price h1{margin:0; padding:10px 0 0 0; font-size:35px;}
.wrap-table-price .box-price ul li.price p{font-size:15px; opacity:.8; padding-top:5px;}
.wrap-table-price .box-price ul li.price .register{border: none; margin-top:10px; background:#eb3d01; box-shadow: inset 0 0 rgba(0,0,0,.02), 0 2px 5px 0 rgba(0,0,0,.26); color:#fff; font-weight:bold; width:100%;   border-radius: 2px;  display: inline-block;font-size: 14px; height: auto;  line-height: 40px;  overflow: hidden;  padding: 0 16px; text-decoration: none; text-transform: uppercase; transition:.3s;}
.wrap-table-price .box-price ul li.price .register:hover{box-shadow: inset 0 40px rgba(0,0,0,.1), 0 2px 5px 0 rgba(0,0,0,.26)}
.wrap-table-price .box-price ul li.price i{padding-top:10px; display:block;}
.wrap-table-price .box-price ul li.features{}
.wrap-table-price .box-price ul li.features .box-item:before{width:100%; height:1px; background:#ebebeb; content:''; float:left; margin-top:-15px;}
.wrap-table-price .box-price ul li.features b{font-size:14px;}
.wrap-table-price .box-price ul li.features .soft{width:100%; float:left; text-align:center; padding-bottom:10px; display:block;}
.wrap-table-price .box-price ul li.features .soft img{width:24px; }
.wrap-table-price .box-price ul li.features .soft a{display:inline-block; margin: 10px 1px 0 1px;}
/*
.wrap-table-price .box-price ul li.features .soft .arrow,
.wrap-table-price .box-price ul li.features .soft .popover-title {display:none;}
.wrap-table-price .box-price ul li.features .soft .popover{border:none; box-shadow: 0 1px 10px rgba(0,0,0,.1); border-radius:2px;  }
*/
.wrap-table-price .box-price ul li.features span{display:block; clear:both; padding: 5px 0 0 15px; position:relative;}
.wrap-table-price .box-price ul li.features span:before{content:''; width:5px; height:5px; background:rgba(0,0,0,.3); position:absolute; top:12px; left:0;}
.wrap-table-price .box-price ul li.properties-title{padding:0 ; color:#fff; text-transform:uppercase; font-weight:bold;}
.wrap-table-price .box-price ul li.properties-title .box-item,
.wrap-table-price .box-price ul li.properties-title .features{background:#0a57d5; padding: 10px 20px; }
.wrap-table-price .box-price ul li.properties-title .features{width:350px; right:100%; position:absolute; display:none;} 
.wrap-table-price .box-price .item-package.first-package ul li.properties-title .features{display:block;}
.wrap-table-price .box-price ul li.properties{padding:0; display:table;}
.wrap-table-price .box-price ul li.properties .box-item{ box-shadow:inset 0 1px #ebebeb,inset 1px 0 #ebebeb; display:table-cell; width:100%; float:initial; vertical-align:middle  }
.wrap-table-price .box-price ul li.properties .box-item b{display:block; margin: 0 auto; text-align:center;}
.wrap-table-price .box-price ul li.properties .box-item.check{background:rgba(255,255,255,1) url(PMG_Icon_Check.png) no-repeat center;}
.wrap-table-price .box-price ul li.properties .box-item.star{background:rgba(255,255,255,1) url(PMG_Icon_star.png) no-repeat center;}
.wrap-table-price .box-price ul li.properties .box-item.circle{background:rgba(255,255,255,1) url(PMG_Icon_circle.png) no-repeat center;}
.wrap-table-price .box-price ul li.properties .box-item.check_text{justify-content: center;}
.wrap-table-price .box-price ul li.properties .box-item.check_text span{align-self: center; background:url(PMG_Icon_Check.png) no-repeat center 0; padding-top:28px; font-size:13px; text-align:center; display:block; }
.wrap-table-price .box-price ul li.properties .box-item.text{font-size:13px;}
.wrap-table-price .box-price ul li.properties .features{display:table-cell; width:0px !important;   margin-right:0px;  background:#fff;  line-height:22px; visibility:hidden; opacity:0;  }
.wrap-table-price .box-price ul li.properties .features span{position:relative;right:0; display:block; width:0px;}
.wrap-table-price .box-price ul li.properties .features span p{width:350px; padding:15px 20px; display:block; right:0; position:relative; float:right; background:#fff; margin:0; box-shadow:inset 0 1px #ebebeb; border-left:1px solid #0a57d5 }
.wrap-table-price .box-price ul li:last-child .features{box-shadow:inset 0 -1px #0a57d5}
.wrap-table-price .box-price ul li:last-child .features span p{border-bottom:1px solid #0a57d5}
.wrap-table-price .box-price .item-package.first-package ul li .features{visibility:initial ; opacity:1;}
.wrap-table-price .box-price .item-package.last-package ul li.properties .box-item{border-right:1px solid #0a57d5;}

.wrap-aftermarket{width:100%; float:left; position:relative; padding-bottom: 30px; margin-top:30px;}
.wrap-aftermarket .col-title{font-size:25px; font-weight:500; text-align:center; padding-top:10px;  }
.wrap-aftermarket .col-title:before{content:''; width:120px; height:50px; left:50%; margin-left:-60px; top:-65px; position:absolute; background:url(hexagonal-white.svg) no-repeat center 0; background-size: 100% auto;}
.wrap-aftermarket .col-title img{width:30px; margin-left:-15px; position:absolute; top:-35px; left:50%;}
.wrap-aftermarket ul{margin: 0 -15px; padding:0; list-style:none;}
.wrap-aftermarket ul li{padding: 30px 15px 0 15px; position:relative; text-align:center;}
.wrap-aftermarket ul li .icon{width:100%; float:left; height:70px;  background:url(hexagonal-red.svg) no-repeat center 0; background-size: auto 100%; position:relative;}
.wrap-aftermarket ul li .icon img{position:absolute; top:50%; left:50%; margin: -16px 0 0 -16px}
.wrap-aftermarket ul li p{width:100%; float:left; font-size:15px; line-height:23px; padding-top:10px;}

.wrap-table-price .box-price .item-package.package-1 .nav-package,
.wrap-table-price .box-price .head-price .item-package:nth-child(1) .box-item{box-shadow: inset 0 5px #f1b21b; color:#f1b21b; }
.wrap-table-price .box-price .item-package.package-1 li.price .register{background:#f1b21b}

.wrap-table-price .box-price .item-package.package-2 .nav-package,
.wrap-table-price .box-price .head-price .item-package:nth-child(2) .box-item{box-shadow: inset 0 5px #d5580a; color:#d5580a; }
.wrap-table-price .box-price .item-package.package-2 ul li.price .register{background:#d5580a}

.wrap-table-price .box-price .item-package.package-3 .nav-package,
.wrap-table-price .box-price .head-price .item-package:nth-child(3) .box-item{box-shadow: inset 0 5px #15aa8f; color:#15aa8f; }
.wrap-table-price .box-price .item-package.package-3 ul li.price .register{background:#15aa8f}

.wrap-table-price .box-price .item-package.package-4 .nav-package,
.wrap-table-price .box-price .head-price .item-package:nth-child(4) .box-item{box-shadow: inset 0 5px #89ba2b; color:#89ba2b; }
.wrap-table-price .box-price .item-package.package-4 ul li.price .register{background:#89ba2b}

.wrap-table-price .box-price .head-price.active .item-package:nth-child(1) .box-item{background:#f1b21b; color:#fff; box-shadow: 0 2px 5px rgba(0,0,0,.1)}
.wrap-table-price .box-price .head-price.active .item-package:nth-child(2) .box-item{background:#d5580a; color:#fff; box-shadow: 0 2px 5px rgba(0,0,0,.1)}
.wrap-table-price .box-price .head-price.active .item-package:nth-child(3) .box-item{background:#15aa8f; color:#fff; box-shadow: 0 2px 5px rgba(0,0,0,.1)}
.wrap-table-price .box-price .head-price.active .item-package:nth-child(4) .box-item{background:#89ba2b; color:#fff; box-shadow: 0 2px 5px rgba(0,0,0,.1)}


/* enterprise */
.wrap-table-price.enterprise{}
.wrap-table-price.enterprise .box-price .item-package{width:25%;} 

/* table price: skype */
.wrap-table-price.col-3.skype .box-price .head-price .item-package .box-item h2{white-space:normal; line-height:23px;}

/* table price: SharePoint Online */
.wrap-table-price.col-3.sharepoint-online .box-price .head-price .item-package .box-item{height:97px;}

/* table price: Visio */
.wrap-table-price.col-3.visio ul.note{width:100%; float:left; margin:0; padding:0; list-style:none;}
.wrap-table-price.col-3.visio ul.note li{float:left; margin: 20px 20px 0 0;}
.wrap-table-price.col-3.visio ul.note li span{font-size:15px;}
.wrap-table-price.col-3.visio ul.note li img{float:right; margin:-1px 0 0 10px;}
.error{border-color:red!important;}
.label-err{float: left;width: 100%;padding-top: 5px;font-size:12px !important;color:red !important; display: none;}




#myModal-register #rc-imageselect, 
#myModal-register .g-recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}