body,
html {width: 100%; height: 100%; font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; margin:0; padding: 0; font-weight: 300; color: #3e3e3e;}
h2 {font-size: 36px; text-transform: uppercase; font-weight: 700; text-align: center;}
h3 {font-size: 30px;}
h4 {font-size: 24px; font-weight: 500;}
h5 {font-size: 18px;}
ul {list-style: none; padding: 0;}
a:hover,
a:focus{ text-decoration:none;}
p{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; font-size: 15px; line-height: 150%; color: #666; text-align: justify;}
.top30 {padding-top:30px;}
.right {text-align: right;}
.section-title {text-align: center; padding: 15px 0 30px; border-bottom: #949494 1px solid; margin-bottom: 40px;}
.section-title h4 {line-height: 35px;}
.btn {background:#0099ff; padding:16px 25px; border-radius:5px; color:#fff; font-size: 18px; font-family: 'Roboto', sans-serif;}
.btn:hover {background:#ff6600; color:#fff;}
/*** TOP BAR ***/
.topbar {background:rgba(0,0,0,0.7); padding:30px 0 15px; position: fixed; width: 100%; z-index: 999;}
.topbar * {-webkit-transition: all 0.4s; transition: all 0.4s;}
/*** NAVBAR ***/
img.logo {max-width:100%;}
.navbar {margin:35px 0 0 ; text-align: right; min-height:35px;}
.navbar-default {background-color:transparent; border:0; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:300;}
.navbar-default .navbar-nav {float: right;}
.navbar-default .navbar-nav > li > a {color:#fff; font-size:12px; padding:4px 0; margin: 0 20px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#fff; border-bottom:#0099ff 3px solid;}
/*** PAGE HEADER ***/
.header-banner {padding:0;}
.header-banner img {width:100%; height: auto;}
/*** Action Trace ***/
.action-trace {background:#000; padding:50px 0; text-align:left;}
.action-trace h4 {font-size:18px; color:#fff; padding:10px 0 0; margin:0; font-weight: 300;}
/*** How it Works ***/
.how-it-works {display:block; padding: 60px 0 30px; text-align: center; }
.how-it-works h2 {padding-bottom: 15px;}
.how-it-works p {font-size: 18px; text-align: center; color: #3e3e3e;}
.how-it-works ul {padding-top:25px;}
.how-it-works li{width: 20%; float: left; text-align: center; padding-bottom: 50px;}
.how-it-works li img {background: #d9d7d7; display: block; border-radius:50%; border:#a9a9a9 1px solid; margin: 0 auto;}
.how-it-works li img:hover {background: #ff6600;}
.how-it-works li h5 {padding-top:25px;}
/*** Overview ***/
.overview {display: block; padding: 40px 0;}
.overview .container {border-bottom: #949494 1px solid; padding-bottom: 40px;}
.overview ul{padding-left:30px;}
.overview li {background: url(../img/bullet1.png)left 6px no-repeat; padding: 10px 0 10px 50px; display: block; font-size: 16px;}
.overview li:nth-child(even) {background: url(../img/bullet2.png)left 6px no-repeat;}
.overview a.trial {font-family: 'Roboto', sans-serif; font-weight: 500; font-size:36px; display: inline-block; margin-left: 75px; margin-top: 10px; color: #000; padding-right: 60px; background: url(../img/arrow.png) right 6px no-repeat; text-decoration: underline;}
.overview a.trial:hover {color:#ff6600;}
/*** About ***/
.about {display: block; padding: 40px 0 60px;}
.about h3 {padding-bottom: 35px; text-align: center; text-transform:uppercase;}
/*** Our Clients ***/
.our-clients {padding:40px 0 60px; background: #efefef; text-align: center;}
.our-clients h3 {padding-bottom:40px; text-transform: uppercase; font-weight: 500;}
.our-clients ul {overflow: hidden;}
.our-clients li {width: 20%; display: inline-block; float: left; padding: 10px;}
.our-clients li span {border:#bebdbe 1px solid; display: block;}
.our-clients li img {border:#fff 8px solid; width: 100%; height: auto;}
/*** Free Trial ***/
.free-trial {background-color:#0d0d0d; padding:50px 0;}
.free-trial h3{color:#fff;}
.free-trial h2{color:#666; text-align: left;}
/*** FOOTER - ALL ***/
footer{background-color:#333333; padding:45px 0 10px; font-family: 'Open Sans', sans-serif; color:#fff;}
footer ul{list-style:none; margin:0; padding:0;}
footer li{line-height:30px; font-weight:normal;}
footer .title{margin-bottom:15px; padding-bottom: 5px; text-transform:uppercase; font-size:14px; font-weight:normal; border-bottom:#868686 1px solid; max-width:75%;}
footer a{color:#b2b2b2;}
footer a:hover{color:#ff6600;}
footer p{color:#b2b2b2; font-size:13px; line-height:24px;}
footer .fa{color:#fff; font-size:20px;}
footer .col-sm-6 {padding-bottom: 30px;}
/*** Copyright - ALL ***/
.copyright{background:#000; padding:40px 0; text-align:center; color:#999; font-weight:normal; font-size:12px; text-transform: uppercase;}
.copyright a{color:#999; margin-left: 15px;}
.copyright a:hover{color:#ff6600;}
@media(min-width:1200px) {
body.sticky .topbar {padding:10px 0;}
body.sticky .navbar {margin-top:8px;}
body.sticky img.logo {max-width:280px;}
}
@media(max-width:1199px) {
.navbar-default .navbar-nav {float:left;}
}
@media(max-width:1023px) {
.topbar {position: relative; background: #000;}
.how-it-works li,
.our-clients li {width: 33.33%;}
.right {text-align: center; padding-top: 35px;}
}
@media(max-width:767px) {
.navbar {margin:0; margin-top:-65px;}
.navbar-default .navbar-toggle {border-radius:0; margin: 0 0 30px; background-color:#0974dc; border-color:#0974dc !important;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background-color:#ff6600; border-color:#ff6600 !important;}
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {background-color:#fff;}
.navbar-collapse {margin-top:15px; border-color:#000 !important; box-shadow:none;}
.navbar-default .navbar-nav {float:right;}
.navbar-default .navbar-nav > li > a {width: 100%; padding-right: 25px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {border-bottom: 0; color: #ff6600;}
.overview ul{padding: 20px;}
.overview a.trial {font-size:20px; background-position-y: -5px;}
.about h3 {padding-top: 30px;}
.how-it-works li,
.our-clients li {width: 50%; padding-left: 15px; padding-right: 15px;}
.how-it-works li img,
.our-clients li img {max-width:100%;}
}