body{font-size:13px;font-family:arial;margin:0;padding:0;line-height:20px;color:#464646;}
h1.page-title{background:#0383C4;color:#FFFFFF;font-size:20px;padding:10px 10px 10px 20px;margin:20px 0;border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;background:rgb(30,87,153);background:-moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(3,131,196,1) 0%, rgba(255,255,255,1) 95%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(0%,rgba(3,131,196,1)), color-stop(95%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(3,131,196,1) 0%,rgba(255,255,255,1) 95%);background:-o-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(3,131,196,1) 0%,rgba(255,255,255,1) 95%);background:-ms-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(3,131,196,1) 0%,rgba(255,255,255,1) 95%);background:linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(3,131,196,1) 0%,rgba(255,255,255,1) 95%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1);}
button{outline:0;}
a{text-decoration:none;outline:0;transition:color 0.3s ease-out;}
a:active{outline:0;}
a:hover{text-decoration:none;}
#main-menu.navbar-default{border:0;background:none;text-align:right;}
#main-menu ul{margin-top:20px;}
#main-menu ul li a.active{color:#000000;}
#header{padding:20px 0 20px 0;}
#header a.navbar-brand{padding:0 20px;height:auto;margin-bottom:10px;}
#header a.navbar-brand img{}
#navbar{background:#FFFFFF;}
.youtube-link-container{margin-bottom:30px;position:relative;}
.youtube-link-container .hidden-xs{padding-top:60px;}
.youtube-link-container .visible-xs{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.youtube-link-container .visible-xs iframe,
.youtube-link-container .visible-xs object,
.youtube-link-container .visible-xs embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.youtube-link-container .hidden-xs .popup-message{padding:10px;background:#000000;color:#FFFFFF;position:absolute;top:0;left:0;border-radius:10px;}
.youtube-link-container a .popup-message{position:relative;background:#000000;top:-20px;opacity:0;transition:opacity 0.3s ease-out;}
.youtube-link-container a:hover .popup-message{opacity:1;}
.youtube-link-container a .popup-message:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0, 0, 0, 0);border-top-color:#000000;border-width:10px;margin-left:-10px;}
#cloud-quote{margin-bottom:20px;}
#cloud-quote .quote-symbol{float:left;font-size:100px;margin-top:25px;padding-bottom:30px;margin-right:15px;}
#cloud-quote h1{line-height:30px;margin:0 10px 0 0;vertical-align:top;font-size:27px;font-weight:bold;}
#cloud-quote .quote-text{font-size:15px;line-height:22px;margin:0;text-align:justify;vertical-align:top;}
#cloud-quote .read-more{text-align:right;}
#cloud-quote .read-more a{background:#d14545;color:#FFFFFF;}
#cloud-quote .quote-title.visible-xs h1{text-align:right;}
#cloud-quote .quote-title.visible-xs h1 span.quote-symbol{}
#highlights p{text-align:justify;}
#highlights .highlight-box{text-align:center;margin-bottom:20px;}
#highlights .highlight-box img{display:inline-block;}
#highlights .read-more{text-align:center;}
#highlights .read-more a{background:#60C126;color:#FFFFFF;}
#highlights h3{color:#0182C4;font-size:18px;}
#footer{margin-top:40px;padding-top:40px;text-align:center;background:url(../images/footer-border.jpg) 50% 0 no-repeat;}
.read-more a{font-size:12px;padding:4px 8px;transition:background 0.3s ease-out;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.read-more a:hover{background:#0182C4 !important;}
#features{text-align:justify;}
#features .modules-container{display:table;width:100%;margin-bottom:10px;}
#features h2{margin:0 0 20px 0;font-size:12px;color:#00569D;font-weight:bold;padding:10px 30px 10px 45px;text-align:center;border:1px solid #CCCCCC;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 10px #EEEEEE;-moz-box-shadow:0 0 10px #EEEEEE;-webkit-box-shadow:0 0 10px #EEEEEE;}
#features h2.visible-xs{border:1px solid #60C126;float:left;margin:0 10px 0 0;box-shadow:none;width:150px;}
#features .container{margin-top:20px;}
#features .row{margin-bottom:10px;}
#features .profile h2{background:url(../images/features/icon-profile.jpg) 5px 50% no-repeat;}
#features .eleave h2{background:url(../images/features/icon-eleave.jpg) 5px 50% no-repeat;}
#features .emedical h2{background:url(../images/features/icon-emedical.jpg) 5px 50% no-repeat;}
#features .payroll h2{background:url(../images/features/icon-payroll.jpg) 5px 50% no-repeat;}
#features .training h2{background:url(../images/features/icon-training.jpg) 5px 50% no-repeat;}
#features .claims h2{background:url(../images/features/icon-claims.jpg) 5px 50% no-repeat;}
#features .fixed h2{background:url(../images/features/icon-fixed.jpg) 5px 50% no-repeat;}
#features .serial h2{background:url(../images/features/icon-serial.jpg) 5px 50% no-repeat;}
#features .time-attendance h2{background:url(../images/features/icon-time-attendance.jpg) 5px 50% no-repeat;}
#features .resource h2{background:url(../images/features/icon-resource.jpg) 5px 50% no-repeat;}
hr.visible-xs{background:url(../images/dotted-divider.png) 50% 0 no-repeat;width:52px;height:7px;border:0;}
#why-cios .packages{margin-top:20px;margin-bottom:20px;}
#why-cios .packages h2{background:#0182C4;color:#FFFFFF;padding:10px 40px;font-size:14px;font-weight:bold;margin:0;display:inline-block;border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;}
#why-cios table{border:0;width:100%;border:1px solid #4CB847;color:#00569D;margin-bottom:10px;}
#why-cios table tr{border:0;}
#why-cios table th{background:#4CB847;padding:10px 10px;color:#FFFFFF;text-align:center;}
#why-cios table th.without-cios-label span{background:#4CB847 url(../images/icon_smiley_sad.png) no-repeat;display:inline-block;padding:10px 10px 10px 45px;text-transform:uppercase;font-size:17px;}
#why-cios table th.with-cios-label span{background:#4CB847 url(../images/icon_smiley_happy.png) no-repeat;display:inline-block;padding:10px 10px 10px 45px;text-transform:uppercase;font-size:17px;}
#why-cios table td{border:0;padding:10px 10px;border-right:1px solid #4CB847;}
#why-cios .comparison table{color:#464646;}
#why-cios .comparison table .hassle-free-img{background:url(../images/hassle-free.jpg) 50% 0 no-repeat;background-size:cover;height:160px;}
#why-cios .cios-annual-cost{background:#0067B3;color:#FFFFFF;border:0;}
#why-cios .cios-annual-cost td{border:1px solid #078AE7;}
#why-cios .versus{text-align:center;}
#why-cios .versus img{display:inline-block;margin:0 0 10px 0;}
#screenshots a.thumbnail{border:1px solid #CCCCCC;box-shadow:0 0 10px #EEEEEE;position:relative;outline:0;overflow:hidden;}
#screenshots a.thumbnail img{width:200px;height:120px;}
#screenshots ul{text-align:center;margin:0;padding:0;}
#screenshots ul li{display:inline-block;vertical-align:top;margin:10px 20px;}
#screenshots ul li h2{font-size:12px;transition:color 0.3s ease-out;}
#screenshots ul li:hover h2{color:#000000;}
#screenshots .modal-header{background:#06B337;border-radius:4px 4px 0 0;text-align:left;color:white;}
#screenshots .modal-footer button{background:#0067B3;color:#FFFFFF;border:0;}
#screenshots .enlarge{display:block;background:rgba(0,0,0,0.3) url(../images/icon-search.png) 50% 50% no-repeat;width:30px;height:30px;text-indent:-9999px;position:absolute;top:-50px;left:40%;padding:23px;transition:top 0.2s ease-out;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
#screenshots .thumbnail:hover .enlarge{top:40px;}