html, body { font-size: 18px; font-family: 'Roboto', sans-serif; }
p, li, a, span, h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;font-size: 19px;}
p{margin-bottom:20px;line-height: 1.5;}
.col-md-12 p, .content-bottom p {max-width:1000px;margin-left:auto;margin-right:auto;}
h1 {font-size: 60px;}
h3 {padding-bottom: 10px;margin-top: 10px;font-size: 40px;margin-bottom: 30px;}
h4 {font-size: 28px;margin-bottom: 80px;line-height: 1.5;}
h5 {font-size: 24px;margin-top:30px;}

a:hover {text-decoration: none;color: inherit;opacity: 0.7;}
textarea:focus, input:focus{outline: none;}
ul li { font-size: 85%; }

.bg-blue { background-color: #014292; }
.bg-white { background-color: #ffffff; }
.bg-black { background-color: #282b33; }
.bg-gray { background-color: #f6f6f6; }
.bg-secure{ background: #282b33 url(../img/bg-secure.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.bg-flexible { background: #282b33 url(../img/bg-flexible.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.bg-usecases { background: #ffffff url(../img/bg-usecases.jpg) 0 0 no-repeat; background-attachment: fixed; background-size: cover;}

.color-white { color: #ffffff;}
.color-black { color: #222222;}
.color-blue { color:#014292; }
.color-green { color:#26ae89; }
.color-gray { color: #8b8f92;}
.bg-features { background: #282b33 url(../img/bg-features.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.bg-try { background: #282b33 url(../img/bg-try.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.bg-usecase { background: #282b33 url(../img/bg-usecase.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.bg-features h1{font-size:45px;max-width:1200px;margin-left:auto;margin-right:auto;}
.bg-features h4{margin-bottom:20px;}
.bg-features .pd-s-top li{display:inline-block;padding:0 20px;margin-bottom:40px;font-size: 22px;}
.bg-features .pd-s-top li:before{
	content: "";
	width: 25px;
	display: inherit;
	margin-bottom: -5px;
	margin-right: 10px;
	height: 26px;
	background: url(../img/icon-tick.png) center no-repeat;
}
.btn-w {border:1px solid #ffffff;border-radius: 50px;padding: 5px 20px;margin:10px 0;display: inline-block;}
.btn-b {border:1px solid #000000;border-radius: 50px;padding:10px 20px;margin:10px 0;display: inline-block;}

.pd-s-top { padding-top: 50px; }
.pd-s-bottom { padding-bottom: 50px; }
.pd-s {padding-top: 100px;padding-bottom: 100px;}
.pd-sp {padding-top: 170px;padding-bottom: 170px;}
.pd-sp-top {padding-top: 100px;}
.pd-sp-bottom { padding-bottom: 100px; }

header {background: #014292 url('../img/bg.jpg') center center no-repeat;background-attachment: fixed;background-size: cover;max-width: 100%;margin:0 auto;}
#header{padding-top:45px;padding-bottom:15px;}
#header.sticky{top:0;padding-top:15px;position:fixed;background: #014292;width: 100%;z-index: 99999;}
#header.sticky .logo img{height:45px;}
#header.sticky .wrap-button{margin-top:3px;}
#header.sticky .navbar-toggle:hover .icon-bar {background-color: #ffffff;opacity: 0.7;}
#header.sticky .col-md-5{padding:0}
.hometop{background: url(../img/nexchat.png) no-repeat;background-position: right bottom;background-size: 55%;}
.hometop-bg{min-height: 750px;}
.hometop h3{margin-bottom:0;}
header p { line-height: 40px; font-size: 22px; }
header .logo{text-align:center;}
header .col-md-5.last { text-align: right;}  
.logo-moblie {display: none;position: absolute;left: 50%;right: 50%;margin-left: -32px;top: 0;width: 65px;}
.margin-center { margin: 0 auto; }

.nav li a {color: #ffffff;padding: 10px 0;font-size: 19px;}
.nav li+li a{padding-left: 40px;}
.nav>li>a:focus, .nav>li>a:hover {background-color: transparent;opacity: 0.7;}


.mobile-try { color: #ffffff; float: right; margin-top: 10px; font-weight: bold; display: none; position: absolute; top: 5px; right: 0;}

.navbar-toggle {float: left;border: none;padding: 9px 0;}
.navbar-toggle:hover { background-color: transparent; }
.navbar-toggle .icon-bar { background-color: #ffffff; width: 30px;}
.navbar-toggle:hover .icon-bar { background-color: #23527c; } 
.navbar-collapse {border: none;box-shadow: none;padding: 0;}

.wrap { max-width: 100%; margin:0 auto; }

ul.tick { margin: 40px 0; }
ul.tick li { margin-bottom: 30px; position: relative; list-style-type: none; padding-left: 50px; font-size: 20px;}
ul.tick li span { margin-right: 20px; }

ul.tick-blue li:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 25px;
        height: 25px;
        background: url('../img/icon-tick-blue.png') center no-repeat;
}
ul.tick-green li:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 25px;
        height: 25px;
        background: url('../img/icon-tick-green.png') center no-repeat;
}

.be { padding-left: 70px; }
.be h3 {font-size: 40px;position: relative;margin-bottom: 10px;}
.be h3:after {
	content: "";
        position: absolute;
        top: 2px;
        left: -70px;
        width: 63px;
        height: 46px;
        background: url('../img/be-simple.png') center no-repeat;
        
}

.be h3:nth-child(1):after {
	background: url('../img/be-flexible.png') center no-repeat;
}
.be>div{margin:100px 0;}

.wrap-button {background-color: #ffffff;border-radius: 20px;padding: 7px 0;display: inline-block;}
.wrap-button a{
    color: #014292;
}
.try-now {
    font-weight: 400;
    padding: 0 70px;
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.content-bottom {background: #014292 url('../img/bg-s.png') center no-repeat;max-width: 100%;margin:0 auto;background-size: cover;}
.content-bottom p { line-height: 34px; font-size: 24px;}

.livechat{position:fixed;bottom:0;right:2%;background: #014292;padding: 8px 20px 3px;border-radius:10px 10px 0 0;}
.livechat img{height:35px;}
.livechat span{padding-left:10px;color:#ffffff;font-weight:bold}
footer {padding-top: 50px;padding-bottom: 20px;margin:0 auto;max-width: 1170px;}
footer a {color: #8b8f92;font-size: 15px;}

.nav-link li { font-size: 14px; margin-bottom: 10px;display:block;}
.nav-touch li {font-size: 15px;margin-bottom: 10px;}
.nav-touch li span:before{font-size: 15px;margin-right:5px;}

.copyright  {border-top: 1px solid #ddd;padding-top: 30px;margin-top: 30px;}
.copyright p {font-size: 14px;}



.list-3 li {margin-bottom: 50px;font-size: 20px;vertical-align: top;overflow: hidden;float: left;height: 350px;}
.list-3 img { margin-bottom: 15px; }
.list-4 img { margin-bottom: 15px; }
.list-4 p { max-width:280px;}
.list-5 li {width:20%;padding: 0 2%;}
.list-3.autoheight li{height: auto;}


.list-3 .col-sm-12 img{margin-right:10px;display: block;float: left;}
.pos-re {position: relative;top: -150px;}
.pos-re h3{margin-bottom:0}
.pos-re >div{margin-top:30px;}
.try { margin-top: 50px; }

.inner {  margin: 0 20px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.inner .head { text-align: center; padding: 25px; color: #ffffff; border-top-left-radius:5px; border-top-right-radius:5px;}
.inner .head-color-gray {background-color: #8ea0b8;}
.inner .head-color-blue-light {background-color: #5794cd;}
.inner .head-color-blue {background-color: #235ab4;}
.inner .content {padding: 25px;background-color: #ffffff;min-height: 620px;position: relative;}
.inner .content p { margin-bottom: 20px; }
.inner .font-color-gray {color: #8ea0b8;}
.inner .font-color-blue-light {color: #5794cd;}
.inner .font-color-blue {color: #235ab4;}
.inner a {border: 1px solid #000000;width: 80%;display: block;border-radius: 50px;position: absolute;bottom: 30px;line-height: 2;}
.inner a.font-color-gray {border-color: #8ea0b8;}
.inner a.font-color-blue-light {border-color: #5794cd;}
.inner a.font-color-blue {border-color: #235ab4;}
.inner a:hover { opacity: 0.7; }
.dollors {font-size: 100px;line-height: 1;}
.dollors span {font-size: 50px;vertical-align: super;margin-left: -25px;}


form#contact {margin: 80px auto 200px auto;max-width: 600px;}
form#contact input[type=text] {line-height:20px;}
form#contact input {background-color: transparent;border: none;border-bottom: 1px solid #ffffff;color: #ffffff;width: 100%;}
form#contact input::-webkit-input-placeholder { color: #ffffff;}
form#contact input:-moz-placeholder { color: #ffffff; opacity: 1;line-height:20px;}
form#contact input::-moz-placeholder { color: #ffffff; opacity: 1;line-height:20px;}
form#contact input:-ms-input-placeholder { color: #ffffff;line-height:20px;}
form#contact input[type=submit] {border: none;border: 1px solid #ffffff;border-radius: 50px;width: 100%$;margin-top: 20px;}

.min { min-height: 650px; }

.benefit {margin: 50px 0 20px 0;font-weight: bold;} 
.list-benefit li {margin-bottom: 20px;font-size: 20px;padding-left: 45px;}

.job-dispatch li {position: relative;}
.job-dispatch li:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 34px;
	height: 34px;
}
.job-dispatch li:nth-child(1):before {
    background: url('../img/icon-job-3.png') center no-repeat;
}
.job-dispatch li:nth-child(2):before {
    background: url('../img/icon-job-3.png') center no-repeat;
}
.job-dispatch li:nth-child(3):before {
    background: url('../img/icon-job-1.png') center no-repeat;
}
.job-dispatch li:nth-child(4):before {
    background: url('../img/icon-job-7.png') center no-repeat;
}

.job-dispatch li:nth-child(5):before {
    background: url('../img/icon-job-2.png') center no-repeat;
}
.job-dispatch li:nth-child(6):before {
    background: url('../img/icon-job-4.png') center no-repeat;
}
.job-dispatch li:nth-child(7):before {
    background: url('../img/icon-job-6.png') center no-repeat;
}


.group-calendar li {position: relative;}
.group-calendar li:before { 
	content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 34px;
    height: 34px;
}
.group-calendar li:nth-child(1):before {
    background: url('../img/icon-calendar-1.png') center no-repeat;
}
.group-calendar li:nth-child(2):before {
    background: url('../img/icon-calendar-2.png') center no-repeat;
}
.group-calendar li:nth-child(3):before {
    background: url('../img/icon-calendar-3.png') center no-repeat;
}

.documents li {position: relative;}
.documents li:before { 
	content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 34px;
    height: 34px;
}
.documents li:nth-child(1):before {
    background: url('../img/icon-document-1.png') center no-repeat;
}
.documents li:nth-child(2):before {
    background: url('../img/icon-document-2.png') center no-repeat;
}
.documents li:nth-child(3):before {
    background: url('../img/icon-document-3.png') center no-repeat;
}
.documents li:nth-child(4):before {
    background: url('../img/icon-document-4.png') center no-repeat;
}
.documents li:nth-child(5):before {
    background: url('../img/icon-document-5.png') center no-repeat;
}

.broadcast-message li {position: relative;}
.broadcast-message li:before { 
	content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 34px;
    height: 34px;
}
.broadcast-message li:nth-child(1):before {
    background: url('../img/icon-broadcast-1.png') center no-repeat;
}
.broadcast-message li:nth-child(2):before {
    background: url('../img/icon-broadcast-2.png') center no-repeat;
}
.broadcast-message li:nth-child(3):before {
    background: url('../img/icon-broadcast-3.png') center no-repeat;
}


.documents-sharing li {position: relative;padding-left: 40px;}
.documents-sharing li:before { 
	content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 34px;
    height: 34px;
}
.documents-sharing li:nth-child(1):before {
    background: url('../img/icon-share-1.png') center no-repeat;
}
.documents-sharing li:nth-child(2):before {
    background: url('../img/icon-share-2.png') center no-repeat;
}
.documents-sharing li:nth-child(3):before {
    background: url('../img/icon-share-3.png') center no-repeat;
}

.col-md-7 img{
    width: 90%;
}



@media only screen and (max-width: 1200px) { 
	.container { width: 96%;}
}


@media only screen and (max-width: 980px) {
	header .col-md-5.last { text-align: center; } 
	
	.pos-re { position: static; }
	.pos-ab { position: static; }
    .nav li a { font-size: 17px;}
    .nav li+li a {padding-left: 15px;}
    .list-3 li {height: 350px;}
}

@media only screen and (max-width: 768px) {
	.navbar-nav {display: table; width: 100%;}
	.navbar-nav>li {display: block;}
	.navbar-nav>li+li {padding-left: 30px}
	p, li, a, span, h1, h2, h3, h4, h5, h6,.list-benefit li,.content-bottom p,header p{font-size: 15px;line-height:1.5}
	br{display:none;}
	.btn-w,.btn-b {padding: 5px 20px;}
	#header{padding-top:5px;padding-bottom:5px;}
	#header.sticky{padding-top:0px;height: 54px;}
	#header.sticky > .container{background-color: #014292;width: 100%;}
	.#header.stickycontainer img{margin-bottom:20px;}
	.pd-s-top { padding-top: 20px; }
	.pd-s-bottom { padding-bottom: 20px; }
	.pd-s {padding-top: 30px;padding-bottom: 30px;}
	.pd-sp {padding-top: 50px;padding-bottom: 50px;}
	.pd-sp-top {padding-top: 30px;}
	.pd-sp-bottom { padding-bottom: 30px; }
	.container {padding-left: 20px;padding-right: 20px;}
	header { padding-top: 20px; }
	.navbar-nav>li+li {padding-left: 0px;}
	.logo-moblie {display: block;margin-top: 8px!important;width:50px;}
	.logo { display: none; }
	.content-bottom .pd-sp { padding-top: 50px; padding-bottom: 50px; }
	.hometop-bg{min-height: 580px;}
	.hometop{background-size: 80%;}
	.hometop-bg ul{padding-left:20px;}
	.hometop-bg li{margin-bottom: 7px;}
	.pd-sp-top {padding-top: 10px;}
	.bg-usecases {background-size: auto;}
	h1{font-size:30px;line-height: 1.2;}
	.bg-features .col-md-12{text-align:left;}
	.bg-features .container img{margin-bottom:0px;margin-top:20px;}
	.bg-features h1{font-size:20px;}
	.bg-features .pd-s-top li{padding:0 0px;margin-bottom: 5px;font-size: 15px;}
	.bg-flexible { background-position: top left;}

	.list-5 li {width:100%;}
	h3 {margin-top: 10px;margin-bottom: 10px;font-size: 18px;line-height: 26px;}
	.bg-features .pd-s-top li:before{background-size: 60%;}
	.inner .content {min-height: 510px;}
	.nav {margin: 30px 0 30px;}
	.nav>li { text-align: center; margin-bottom: 15px;}
	.nav>li>a { font-size: 28px; }
	header .col-md-5.last { display: none; }
	.mobile-try { display: block; }
	.try-now {padding: 0 15px;}
	.try { margin-top: 20px; }
	form#contact { margin: 40px 0 80px 0; }
	.list-3 li {height: auto;}

}

@media (min-width: 1300px){
.container {
    width: 1270px;
}
}

@media (min-width: 1400px){
.container {
    width: 1370px;
}
}