html {text-rendering: optimizeLegibility; speak: none;  -webkit-font-smoothing: antialiased;  min-height: 100%; }
body{margin:0; font-size: 14px; font-family: "Roboto", "segoe ui", Helvetica, Arial, sans-serif; color:#708198  }
a:focus{outline:none;}
header{width: 100%;top: 0;left: 0;position: fixed;z-index: 100; height:70px; transition:.3s; }
header.sticky{background:rgba(255,255,255,1);  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); }
header .mainmenu .ham-btn {width: 34px; height: 24px; display: none; position: relative; cursor: pointer; margin-top:15px;}
header .mainmenu .ham-btn .ham-ham { position: absolute; top: calc(50% - 2px); display: block; height: 3px; background-color: #1B1B1C; border-radius: 3px; text-indent: -9999em;width: 100%;overflow: visible;transition-duration: .25s;}
header .mainmenu .ham-btn .ham-ham:after, .ham-btn .ham-ham:before {display: block;content: '';height: 3px;background-color: #1B1B1C;border-radius: 3px;width: 60%;position: absolute;top: -10px;left: 0;transition-duration: .25s;}
header .mainmenu .ham-btn .ham-ham:after {width: 80%;top: unset;bottom: -10px;left: 0;}
header .mainmenu .ham-btn:hover .ham-ham:before, 
header .mainmenu .ham-btn:hover .ham-ham:after {width: 100%;}
header .mainmenu.open .ham-btn{margin-left:7px;}
header .mainmenu.open .ham-btn .ham-ham {width: 80%;background-color: transparent;}
header .mainmenu.open .ham-btn .ham-ham:before, 
header .mainmenu.open .ham-btn .ham-ham:after {width: 80%;}
header .mainmenu.open .ham-btn .ham-ham:before {transform: rotate(-45deg);top: 0;}
header .mainmenu.open .ham-btn .ham-ham:after {transform: rotate(45deg);top: 0;}
header .download-profile{float:right; height:34px; position:relative; display:block; margin-left:30px; margin-top:18px; padding-right:70px; border-radius:17px; }
header .download-profile label{line-height:34px; border-radius: 17px; background:#fff; padding:0 15px; color:#0074bb; font-weight:normal; text-transform:uppercase; font-size:12px; letter-spacing:1px; position:relative; z-index:2;}
header .download-profile .link{background:#e1ecf7; height:34px; line-height:34px; font-size:12px; border-radius: 0 17px 17px 0; position:absolute;right:0; top:0; z-index:1; padding-right: 10px; padding-left:40px;}
header .download-profile .link a{text-decoration:none; color:#414c5a; padding: 0 5px; position:relative; transition:.3s; }
header .download-profile .link a:hover{color:#0074bb}
header.sticky .download-profile{ background: -moz-linear-gradient(45deg, #0074bb 0%, #70d7fd 100%); background: linear-gradient(45deg, #0074bb 0%, #70d7fd 100%);}
header.sticky .download-profile label{background:rgba(255,255,255,.3); color:#fff; font-weight:bold;}
header.sticky .download-profile .link{background:none;}
header.sticky .download-profile .link a{color:rgba(255,255,255,.8)}
header.sticky .download-profile .link a:hover{color:#fff;}

section {width: 100%; margin: 0; position: relative;float: left; display:block; padding-bottom:90px;}
section .title-section{font-size: 30px; font-weight:900; margin-bottom:22px; width:100%; float:left; text-align:center; color: #414c5a; margin:0 0 30px 0;}
section .paragraph{display: block;  max-width: 600px; font-size: 17px; margin:0px auto 10px auto; text-align:center; color:#59687c; line-height:25px;}

#home {height: 970px;margin-bottom:-50px;}
#home:before{width:100%; height:100%; content:''; background:url(bg-banner.svg) repeat center; position:absolute; top:0; left:0; z-index:2; background-size: 1000px; opacity:0;}
.waveWrapper {position: absolute; top:0; left:0; width:100%; height:100%; z-index:1;overflow: hidden}
.waveWrapper:before, .waveWrapper:after { content: ""; position: absolute; left: 50%; min-width: 300vw; min-height: 300vw; background-color: #FCFFF5; -webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
.waveWrapper:before { bottom: 12vh; border-radius: 45%; -webkit-animation-duration: 15s; animation-duration: 15s; background-color: #1a82f7; background: -webkit-gradient(linear, left top, right top, from(#0074bb), to(#70d7fd)); background: -webkit-linear-gradient(left, #0074bb, #70d7fd ); background: -moz-linear-gradient(left, #0074bb, #70d7fd); background: -ms-linear-gradient(left, #0074bb, #70d7fd); background: -o-linear-gradient(left, #0074bb, #70d7fd);}
.waveWrapper:after {bottom: 9vh; opacity: .6; border-radius: 47%; -webkit-animation-duration: 15s; animation-duration: 15s; background-color: #1a82f7; background: -webkit-gradient(linear, left top, right top, from(#0074bb), to(#70d7fd)); background: -webkit-linear-gradient(left, #0074bb, #70d7fd ); background: -moz-linear-gradient(left, #0074bb, #70d7fd); background: -ms-linear-gradient(left, #0074bb, #70d7fd); background: -o-linear-gradient(left, #0074bb, #70d7fd);}
@-webkit-keyframes rotate {0% { -webkit-transform: translate(-50%, 0) rotateZ(0deg); transform: translate(-50%, 0) rotateZ(0deg);} 50% {-webkit-transform: translate(-50%, -2%) rotateZ(180deg); transform: translate(-50%, -2%) rotateZ(180deg);} 100% {-webkit-transform: translate(-50%, 0%) rotateZ(360deg); transform: translate(-50%, 0%) rotateZ(360deg);}}
@keyframes rotate { 0% { -webkit-transform: translate(-50%, 0) rotateZ(0deg); transform: translate(-50%, 0) rotateZ(0deg); } 50% {-webkit-transform: translate(-50%, -2%) rotateZ(180deg); transform: translate(-50%, -2%) rotateZ(180deg);}100% { -webkit-transform: translate(-50%, 0%) rotateZ(360deg); transform: translate(-50%, 0%) rotateZ(360deg);}}
#home .container{position:relative; z-index:5;}

/* Slider */
#home .banner{ width:100%; display:table;}
#home .banner .col-img{width:57%;  display:table-cell; position:relative;}
#home .banner .col-info{width:43%; display:table-cell; text-align:center; vertical-align:top; padding-top:150px; color:#fff;}
#home .banner .col-img img{max-width:130%; float:right; position:absolute; top:20px; right:0; }
#home .banner .col-info .logo-vhro{display:inline-block; background:rgba(255,255,255,.95); box-shadow: 0 1px 2px rgba(0,0,0,.05); display:none;}
#home .banner .col-info h2{display:block; text-transform:uppercase; font-size:14px; font-weight:bold; letter-spacing:1px; margin-top:30px; display:none;}
#home .banner .col-info h1{display:block; font-weight:500; font-size:48px; line-height:60px; letter-spacing:-1px; width:100%; float:left; margin-top:-5px; }
#home .banner .col-info h3{font-size:17px; font-weight:normal; width:100%; float:left; margin-top:20px; line-height:24px; padding: 0 25px; margin-bottom:20px;}
#home .banner .col-info a{display: inline-block; font-weight: normal; margin: 15px 5px 0 5px;  text-align: center;  white-space: nowrap; padding: 0 ; width:140px; text-align:center; vertical-align: middle; text-transform:uppercase; color:#fff; text-decoration:none; letter-spacing: .03rem;  user-select: none;  border: 0 solid transparent;  line-height: 40px;  border-radius: 50rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
#home .banner .col-info a.more {
    background-color: #dc7133;
    background: -moz-linear-gradient(45deg, #dc7133 0%, #e8e57d 100%);
    background: linear-gradient(45deg, #dc7133 0%, #e8e57d 100%);
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}

#home .banner .col-info a.demo {
    background-color: #43ce04;
    background: -moz-linear-gradient(45deg, #43ce04 0%, #15ab43 100%);
    background: linear-gradient(45deg, #43ce04 0%, #15ab43 100%);
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}

/* About */
#about{}
#about ul{margin: 0 -20px; padding:0; list-style:none; text-align:center;}
#about ul li{text-align: center; padding:40px 20px 0 20px; display:block; float:left;}
#about ul li .icon-circle{width:84px; height:84px; line-height:84px; border-radius:50%; background:#fff; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); display:inline-block; position:relative;}
#about ul li .icon-circle svg{fill:#fff; width:50px; height:50px; margin: -25px 0 0 -25px; position:absolute; top:50%; left:50%; }
#about ul li h3{font-weight:900; display:block; color:#414c5a; width:100%; float:left; margin-top:18px; font-size:23px; letter-spacing:1px;}
#about ul li .info{width:100%; float:left; font-size:16px; line-height:24px; display:block; margin-top:5px;}
#about ul li:first-child .icon-circle {
    background: -moz-linear-gradient(45deg, #0074bb 0%, #70d7fd 100%);
    background: linear-gradient(45deg, #0074bb 0%, #70d7fd 100%);
}
#about ul li:nth-child(2) .icon-circle {
    background: -moz-linear-gradient(45deg, #15ab43 0%, #62f71f 100%);
    background: linear-gradient(45deg, #15ab43 0%, #62f71f 100%);
}
#about ul li:nth-child(3) .icon-circle {
    background: -moz-linear-gradient(45deg, #dc7133 0%, #e8d67d 100%);
    background: linear-gradient(45deg, #dc7133 0%, #e8d67d 100%);
}

/* Product */
#product{background:#f6f7f8; padding-bottom:0;}
#product .title-section{color:#0074bb}
#product a.vhro { height: 46px; width:220px; font-size:15px; padding:2px; margin:30px 0 0 0; left:50%; margin-left:-110px; position:relative; text-align:center;line-height: 46px;  color: #fff;   display: inline-block; text-decoration: none; font-weight: bold; text-decoration: none; text-align: center;  border-radius: 23px; text-transform: uppercase; letter-spacing: 1px; transition: .3s; background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);   background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); }
#product a.vhro span{width:100%; height:42px; line-height:42px; display:block; float:left; background:#fff; color:#ff8765; border-radius:21px; transition:.3s;}
#product a.vhro:hover span{background:rgba(255,255,255,.0); color:#fff;}
#product .wrap-app {width: 100%; float: left; padding: 100px 0 0 0; height:555px; color:#fff; background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);   background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);}
#product .wrap-app .col-info{float:right; position:relative;}
#product .wrap-app .col-info .title-section{color:#fff; font-size:27px; text-align:left; padding-top:50px;}
#product .wrap-app .col-info .info{width:100%; float:left; font-size:17px;}
#product .wrap-app .col-info .actions{width:100%; float:left; position:relative; margin-top:20px;}
#product .wrap-app .col-info .actions a{height:54px; display:inline-block; border-radius:27px; text-decoration:none; color:#fff; padding: 11px 25px 0 65px; box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075); margin: 10px 10px 0 0 ; position:relative;} 
#product .wrap-app .col-info .actions a svg{position:absolute; top:13px; left:25px; height:28px; fill:#fff;}
#product .wrap-app .col-info .actions a span{text-transform:uppercase; display:block; font-size:10px; font-weight:bold; letter-spacing:1px;}
#product .wrap-app .col-info .actions a span:last-child{font-size:15px; padding-top:0px; font-weight:normal; letter-spacing:normal;}
#product .wrap-app .col-info .actions a.android{background: -moz-linear-gradient(45deg, #0074bb 0%, #70d7fd 100%); background: linear-gradient(45deg, #0074bb 0%, #70d7fd 100%);}
#product .wrap-app .col-info .actions a.ios{background: -moz-linear-gradient(45deg, #15ab43 0%, #62f71f 100%); background: linear-gradient(45deg, #15ab43 0%, #62f71f 100%);}
#product .wrap-app .col-img{float:left; text-align:center; position:relative;}
#product .wrap-app .col-img img{max-width:100%;}

/* customer */
#customer{padding-bottom:0;}
#customer .wrap-map{width:100%; float:left; margin-top:20px; position:relative; transform: rotateX(0deg) scale(1);}
#customer .wrap-map .map-pixel{max-width:100%; opacity:.3;  position:relative; z-index:4;}
ul.map-marker{margin:0; padding:0;list-style:none; width:100%; position:absolute; z-index:5;}
ul.map-marker li{position:absolute; width:22px; z-index:1;}
ul.map-marker li .caption{position:absolute; bottom:-20px; width:150px; height:0; left:50%; margin-left:-75px; text-align:center; opacity:0; transition:.3s; visibility:hidden; }
ul.map-marker li .caption label{font-weight:normal; background:#fff; height: 26px; line-height: 24px; top: 3px; padding: 0 15px; box-shadow: 0 5px 10px rgba(0,0,0,0.1);  border-radius: 3px;  white-space: nowrap; transition: .3s; display:inline-block;  max-width:inherit; font-size:13px;}
ul.map-marker li .pin { width: 22px; height: 22px;  border-radius: 50% 50% 50% 0;  background: #312783;  position: absolute; transform: rotate(-45deg);  left: 50%;  margin: 0 0 0 -11px;}
ul.map-marker li .pin:before{content:''; width:12px; height:12px; background:#fff; border-radius:50%; display:block; position:absolute; top:5px; left:5px;}
ul.map-marker li .pulse {background:none; border-radius: 50%; height: 6px; width: 6px; position: absolute; left: 50%; top:100%; margin:23px 0px 0px -3px; z-index: -2; opacity:.4}
ul.map-marker li .pulse:after {content: "";border-radius: 50%; height: 30px; width: 30px; left:50%; top:50%; position: absolute; margin: -15px 0 0 -15px; opacity: 0; border:5px solid red; }
ul.map-marker li.run{z-index:2;}
ul.map-marker li.run .caption{bottom:-40px; opacity:1; visibility:initial;}
ul.map-marker li.run .pin{animation: pin 1s infinite ;}
ul.map-marker li.run .pulse:after{animation: pulsate 1s infinite}
@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0;} 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2, 1.2);  transform: scale(1.2, 1.2); }}
@-webkit-keyframes pin{ 100% {-webkit-transform: translateY(-20px) rotate(-45deg)}}
ul.map-marker li:nth-child(4n+1) .caption label{color:#0074bb}
ul.map-marker li:nth-child(4n+1) .pin{background: -moz-linear-gradient(45deg, #0074bb 0%, #54ceff 100%); background: linear-gradient(45deg, #0074bb 0%, #54ceff 100%);}
ul.map-marker li:nth-child(4n+1) .pulse:after{border-color:#0074bb}
ul.map-marker li:nth-child(4n+2) .caption label{color:#5ead5f}
ul.map-marker li:nth-child(4n+2) .pin{background: -moz-linear-gradient(45deg, #5ead5f 0%, #92d275 100%);  background: linear-gradient(45deg, #5ead5f 0%, #92d275 100%);}
ul.map-marker li:nth-child(4n+2) .pulse:after{border-color:#5ead5f}
ul.map-marker li:nth-child(4n+3) .caption label{color:#af3b1b}
ul.map-marker li:nth-child(4n+3) .pin{background: -moz-linear-gradient(45deg, #af3b1b 0%, #f88363 100%);  background: linear-gradient(45deg, #af3b1b 0%, #f88363 100%);}
ul.map-marker li:nth-child(4n+3) .pulse:after{border-color:#af3b1b}
ul.map-marker li:nth-child(4n+4) .caption label{color:#7f03b5}
ul.map-marker li:nth-child(4n+4) .pin{background: -moz-linear-gradient(45deg, #7f03b5 0%, #da89fd 100%);  background: linear-gradient(45deg, #7f03b5 0%, #da89fd 100%);}
ul.map-marker li:nth-child(4n+4) .pulse:after{border-color:#7f03b5}

#customer .wrap-logo{width:100%; float:left; position:relative; background: #f6f7f8; margin-top:40px; padding-top:20px; padding-bottom:40px;}
#customer .wrap-logo ul {width:100%; float:left; margin:0; padding:0; text-align:center;}
#customer .wrap-logo ul li{display:inline-block; background:#fff; margin:20px 6px 0 6px; padding:10px 10px; box-shadow: 0 3px 5px rgba(0, 9, 128, 0.1), 0 4px 10px rgba(0, 9, 128, 0.05); border-radius:10px; }
#customer .wrap-logo ul li img{height:60px;}

.statistical{padding: 8rem 0; width:100%; float:left; position:relative; background:url(statistical-bg.jpg) no-repeat center;background-size: cover;}
.statistical:before{display: block;  content: '';  opacity: .95; position: absolute;  top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background-color: #0074bb; background: -webkit-gradient(linear, left top, right top, from(#0074bb), to(#70d7fd)); background: -webkit-linear-gradient(left, #0074bb, #70d7fd ); background: -moz-linear-gradient(left, #0074bb, #70d7fd); background: -ms-linear-gradient(left, #0074bb, #70d7fd); background: -o-linear-gradient(left, #0074bb, #70d7fd);}
.statistical .container{position:relative; z-index:2;}
.statistical ul{margin: 0 -15px; padding:0; list-style:none;}
.statistical ul li{padding:0 15px; position:relative; text-align:center; color:#fff;}
.statistical ul li svg{display:inline-block; height:50px; fill:#fff;}
.statistical ul li span{font-weight:bold; width:100%; float:left; font-size:16px; padding:5px 0;}
.statistical ul li label{display:block; font-size:40px; letter-spacing:2px; margin:0;}
.statistical ul li i{font-weight:300; font-style:normal; padding-left:10px;}

/* Contact */
#contact { padding-top: 0px; padding-bottom: 0;}
#contact .wrap-map{width:100%; float:left; position:relative; overflow:hidden; height:700px;}
#contact .wrap-bottom{width:100%; position:relative; float:left; padding-bottom:50px;  background-color: #0074bb; background: -webkit-gradient(linear, left top, right top, from(#0074bb), to(#70d7fd)); background: -webkit-linear-gradient(left, #0074bb, #70d7fd ); background: -moz-linear-gradient(left, #0074bb, #70d7fd); background: -ms-linear-gradient(left, #0074bb, #70d7fd); background: -o-linear-gradient(left, #0074bb, #70d7fd); z-index:5;}
#contact .wrap-bottom:before{width:100%; height:100%; content:''; background:url(bg-banner.svg) repeat center; position:absolute; top:0; left:0; z-index:2; background-size: 1000px; opacity:.15;}
#contact .wrap-bottom .wrap-form{display:table; width:100%;  margin-top:-150px; position:relative; z-index:10; }
#contact .wrap-bottom .wrap-form .col-form{width:50%; display:table-cell; padding: 0 15px;}
#contact .wrap-bottom .wrap-form .col-form .box{width:100%; border-radius:10px; padding:25px; height:100%; background:#fff; box-shadow: 0 3px 5px rgba(0, 9, 128, 0.1), 0 4px 10px rgba(0, 9, 128, 0.05);}
#contact .wrap-bottom .wrap-form .col-form .box .title{display:block; font-weight:700; color:#0074bb; font-size:25px; margin:0; padding:0 0 15px 0;}
#contact .wrap-bottom .wrap-form .col-form .box ul{margin:0 -15px; padding:0; list-style:none;}
#contact .wrap-bottom .wrap-form .col-form .box ul li{padding:0 15px; position:relative;}
#contact .wrap-bottom .wrap-form .col-form .box ul.info li{font-size:14px; margin: 8px 0;}
#contact .wrap-bottom .wrap-form .col-form .box ul.info li svg{height:20px; position:absolute; top:0; left:0; fill:#0074bb}
#contact .wrap-bottom .wrap-form .col-form .box ul.info li label{font-size:18px; display:block; padding-left:30px; position:relative; color:#414c5a}
#contact .wrap-bottom .wrap-form .col-form .box ul.info li span{display:block; padding-left:30px; padding-bottom:5px;}
#contact .wrap-bottom .wrap-form .col-form .box ul.info li span b{padding-right:10px;}
#contact .wrap-bottom .wrap-form .col-form .box ul.form li{padding:7px 15px;}
#contact .wrap-bottom .wrap-form .col-form .box ul.form li:last-child{padding-bottom:0;}
#contact .wrap-bottom .wrap-form .col-form .box input[type='text'],
#contact .wrap-bottom .wrap-form .col-form .box textarea{width:100%; float:left; border:none; background:#edeff2; border-radius:18px; padding: 0 15px; height:36px;}
#contact .wrap-bottom .wrap-form .col-form .box input[type='text']:focus,
#contact .wrap-bottom .wrap-form .col-form .box textarea:focus{outline:none;}
#contact .wrap-bottom .wrap-form .col-form .box textarea{height:80px; padding:10px 15px; resize:none;}
#contact .wrap-bottom .wrap-form .col-form .box input[type='text'].code{width:130px}
#contact .wrap-bottom .wrap-form .col-form .box input[type='button']{width:100%; float:left; border:none; background:#edeff2; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:bold; border-radius:20px; padding: 0 15px; height:40px; background: -moz-linear-gradient(45deg, #15ab43 0%, #62f71f 100%); background: linear-gradient(45deg, #15ab43 0%, #62f71f 100%); box-shadow: 0 3px 5px rgba(0, 9, 128, 0.05), 0 4px 10px rgba(0, 9, 128, 0.035), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);}
#contact .wrap-bottom .wrap-form .col-form .box input[type='button']:focus{outline:none;}
#contact .wrap-bottom .wrap-form .col-form .box img{height:36px; border-radius:18px; opacity:.4; float:left; margin-left:10px;}
#contact .wrap-bottom .wrap-form .col-form .box #lbtnCapchaRefresh{width:36px; height:36px; border-radius:18px; text-decoration:none; font-size:14px; line-height:36px; text-align:center; float:left; color:#414c5a; transition:.3s; box-shadow:inset 0 0 1px rgba(0,0,0,.3); margin-left:15px;}
#contact .wrap-bottom .wrap-form .col-form .box #lbtnCapchaRefresh:hover{color:#0074bb}
#contact .wrap-bottom .wrap-form .col-form .box #lbtnCapchaRefresh b{display:none;}
#contact .wrap-bottom .col-app{text-align:center; color:#fff; padding-top:50px; position:relative; z-index:5;}
#contact .wrap-bottom .col-app .title-app{font-weight:700; font-size:28px; display:block; text-align:center; width:100%; float:left; padding-bottom:8px;}
#contact .wrap-bottom .col-app p{display:block; margin: 0 auto; max-width:500px; font-size:16px; }
#contact .wrap-bottom .col-app ul{margin:0; padding:0; list-style:none; display:inline-block; width:750px;}
#contact .wrap-bottom .col-app ul li{position:relative; display:block; width:33.33333%; float:left; padding-bottom:45px; height:80px; margin-top:20px;}
#contact .wrap-bottom .col-app ul li svg{fill:#fff}
#contact .wrap-bottom .col-app ul li svg.zalo{height:30px; margin-top:3px;}
#contact .wrap-bottom .col-app ul li svg.viber{height:28px; margin-top:3px;}
#contact .wrap-bottom .col-app ul li svg.skype{height:110px;}
#contact .wrap-bottom .col-app ul li span{width:100%; float:left; clear:both; display:block; font-size:30px; font-weight:300; position:absolute; left:0; bottom:0;}
#contact .wrap-copy{width:100%; float:left; position:relative; background:#59687c; padding: 30px 0}
#contact .wrap-copy .copy{display:inline-block; color:#fff;}
#contact .wrap-copy .social{float:right; margin:0; padding:0; list-style:none; position:absolute; top:-5px; right:12px;}
#contact .wrap-copy .social li{float:left; position:relative; margin: 0 3px; }
#contact .wrap-copy .social li a{display:block; width:36px; height:36px; border-radius:50%; text-align:center; line-height:36px; text-decoration:none; color:#fff;     box-shadow: 0 3px 5px rgba(0, 9, 128, 0.05), 0 4px 10px rgba(0, 9, 128, 0.035), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);}
#contact .wrap-copy .social li a.fa-facebook{background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%); background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);}
#contact .wrap-copy .social li a.fa-twitter{background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%); background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);}
#contact .wrap-copy .social li a.fa-google-plus{background: -moz-linear-gradient(45deg, #dc7133 0%, #e8d67d 100%); background: linear-gradient(45deg, #dc7133 0%, #e8d67d 100%);}
#contact .wrap-copy .social li a.fa-youtube-play{background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);}

/* Modal */
#myModal-App .modal-content {border:none; box-shadow:none; border-radius:0; box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075); background:none;}
#myModal-App .modal-content .modal-body{padding:0; background:none; }
#myModal-App .modal-content .title{text-align:center; color:#fff; padding:25px 30px 50px 30px; background: -moz-linear-gradient(45deg, #fe60a1 0%, #ff8765 100%);   background: linear-gradient(45deg, #fe60a1 0%, #ff8765 100%); border-radius: 10px 10px 0 0; position:relative; border:none; overflow:hidden; }
#myModal-App .modal-content .title .close{width:30px; line-height:24px; height:30px; color:#fff; display:block; border-radius:50%; border:1px solid #fff; opacity:1; font-weight:normal; font-size:20px; text-align:center; position:absolute; top:20px; right:20px;}
#myModal-App .modal-content .title h3{font-size:25px; font-weight:700; margin:0; padding:5px 0;}
#myModal-App .modal-content .title h4{margin:0; padding:0; font-weight:normal; font-size:15px; padding-top:10px; line-height:20px;}
#myModal-App .modal-content .title .bg{position:absolute; left:-1px; bottom:-1px; width:calc(100% + 2px); width: -webkit-calc(100% + 2px); }
#myModal-App .modal-content .content{background:#fff; width:100%; padding:30px; border-radius:0 0 10px 10px; display:block; float:left; }
#myModal-App .modal-content .content .wrap-input{width:100%; float:left; position:relative; padding-right:120px;}
#myModal-App .modal-content .content .wrap-input input[type='text']{width:100%; height:40px; border-radius:20px 0 0 20px; background-color: #edeff2; border:none; padding: 0 20px; text-transform:uppercase}
#myModal-App .modal-content .content .wrap-input input[type='text']:focus{outline:none;}
#myModal-App .modal-content .content .wrap-input .download{width:120px; height:40px; display:block; line-height:40px; border-radius:0 20px 20px 0; color:#fff; text-decoration:none; letter-spacing:1px; font-weight:bold; position:absolute; top:0; right:0;padding-left:20px;  background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);  background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%); text-transform:uppercase; font-size:15px; }
#myModal-App .modal-content .content .wrap-input .download i{font-size:21px; font-weight:normal; margin:10px 20px 0 0; float:right;}