body{font-family: 'Roboto', sans-serif; font-weight:400; color:#000; font-size:14px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a {color:#000;}
a:hover{text-decoration:none; transition:all 0.5s ease;-webkit-transition:all 0.5s ease; color:#ff6600;}
a:focus{text-decoration:none;color:#0c4884;}
img{max-width:100%;}
button, input, select, textarea{font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6{line-height:1.2; font-family: 'Roboto', sans-serif; }

sup {top: -1em;font-size: 50%;}
.btn-primary {text-align: center; background: #ff6600; color: #fff; text-transform: uppercase; border:0; cursor:pointer;}
.btn-primary:hover {background: #000;}
.orange {color:#ff6600;}
ul {list-style: none; padding: 0; margin: 0;}

.width-300 {max-width: 300px; margin: 0 auto;}
.shaddow {box-shadow: 0px 5px 18px #888888;}
.top60 {margin-top: 60px;}


/* Header start */
header {transition: all 0.5s ease; -webkit-transition: all 0.5s ease;background: #fff;}
header .topbar{padding:15px 0; background:#f1f4f8;}
header .topbar .links {text-align: right; }
header .topbar h3{color:#666666; font-size:14px; font-weight:400;}
header .topbar .links a {margin: 0 10px;}
header .logowrap{display: inline-block; vertical-align: middle;}

.navigation {padding: 20px 0;}
.navigation .navbar{padding:0;}
.navbar-nav{padding:0; margin:0;}
.navbar-nav li a{color:#666666; font-size:14px; text-transform:uppercase;}
.navbar-nav li{padding:0 20px;}
.navbar-nav li a:hover,
.navbar-nav li.active a{color: #ff6600;}

.dropdown:hover .dropdown-menu {display:block;}
.dropdown-menu {padding-top:43px; border-radius:0; width: 650px; margin: 0; border:0;}
.dropdown-menu .block {float: left; width: 100%; padding: 15px 10px; border-top: #f7f7f8 1px solid;}
.dropdown-menu .col {width:33.33%; display: inline-block; float: left; text-align: center;}
.dropdown-menu .col h3 {font-size: 16px; text-transform: uppercase;}
.dropdown-menu .col figure {display: block; margin: 0}
.dropdown-menu .col p {font-size: 12px; line-height: 140%; color:#666;}
.dropdown-menu .col .freeTrailBtn:hover {color:#fff;}
.dropdown-menu .links {display: none;}

.freeTrailBtn {display: block;border-radius: 5px;-webkit-border-radius: 5px;font-size: 15px;color: #333;text-align: center;text-transform: uppercase;font-weight: 700;background: #c7c7c7;padding: 10px 15px;}
.freeTrailBtn:hover{background:#ff6600; color: #fff;}




/*** Top Title Banner ***/
.title-banner {background:#005994 url(../img/banner-bg.jpg) top left no-repeat; padding: 70px 0 50px; text-align: center;}
.title-banner h2 {font-size: 36px; color: #fff; font-weight: 300;}
.title-banner .orangeBtn {display: inline-block; padding: 15px 25px; margin-top: -2px; margin-left: 30px; border-radius:30px; font-size: 18px; font-weight: 500;}
.title-banner .orangeBtn img {padding-left: 10px;}



.mid-content {padding-top: 80px;}
.mid-content h3 {font-weight: 700; line-height: 120%; font-size: 30px; padding-top: 80px;}
.mid-content p {font-size: 14px; color: #666; font-weight: 400;}
.mid-content p.large {font-size: 22px; margin-bottom: 35px; font-weight: 300;}


.mid-content ol.number{margin: 20px 0 40px; padding: 0;}
.mid-content .number li {display: inline-flex; font-size: 18px; font-weight: 600; padding: 10px 0; counter-increment: li;}

.mid-content .number li::before {
    content: counter(li);
    color: #fff;
    font-size: 22px;
    display: inline-block;
    left:-33px;
    min-width: 33px;
    height: 33px; 
    background:#ff6600; 
    border-radius:20px;
    text-align: center;
    font-weight: 500;
    margin-right: 15px;
}


.login-modal .modal-header h4 {
  text-align: center;
  font-size: 24px;
  color: #286968;
  font-weight: 700;
}
/* line 577, ../sass/_home.scss */
.login-modal .modal-body {
  background-color: #fff;
  border-radius: 0px 0px 5px 5px;
}
/* line 580, ../sass/_home.scss */
.login-modal .modal-body .form-control {
 width: 100%;
  margin-bottom: 10px;
  border-radius: 0px;
  background:#CCC;	
  font-size: 16px;
  color: #000;
  font-weight: 700;
  height:50px;
  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}
}
/* line 585, ../sass/_home.scss */
.login-modal .modal-body p em {
  font-size: 12px;
}
/* line 588, ../sass/_home.scss */
.login-modal .modal-body p a {
  font-size: 13px;
  color: #0c2121;
}
/* line 593, ../sass/_home.scss */
.login-modal .modal-body .btn {
  width: 100%;
  margin-top: 10px;
  font-weight: 600;
}


form.signin input:-moz-placeholder { color:#bbb;}
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }
.button {
  background: #2d88f1 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  
  margin-top: 10px;
  padding: 13px 24px 16px;
  width: 214px;
  font-size: 27px;
  
  
}
.button2 {
  background: #2d88f1 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  text-align:center;
 /* float: right;*/
  margin-top: 10px;
  padding: 13px 24px 16px;
  width: 214px;
  font-size: 27px;
  margin-bottom: 10px;
  
  
}


/*** Get Pricing ***/
.signup {padding: 30px 0 30px;}
.signup .container {max-width: 880px; text-align: center;}
.signup h2 {font-size: 36px; font-weight: 700;}
.signup h3 {font-size: 24px; color:#333; padding: 0;}

.signup .checkbox {display: block; font-size: 15px; text-align: right; padding: 5px; text-align: left; position: relative; padding-right: 30px;}
.signup .checkbox input {position: absolute; right: 0; top:8px;}

.signup form {max-width: 540px; margin: 0 auto; text-align: left; padding-top:30px; }
.signup form .form-control.txt {padding:15px; border-color: #919191; color: #000;}
.signup form .checkbox {padding:  0 0 0 30px;}
.signup form .checkbox input {left: 0; top: 3px;}
.signup form .btn {width: 100%; margin: 25px 0; border-radius:30px; padding: 15px;}
.signup .mandatory {text-align: right; font-style: italic; color: #ff3300; font-size: 12px; padding: 10px 0; display: block;} 



/*** Sample Customers ***/
.sampleCustomers {background: #dbdbdb; padding: 35px 0;}
.sampleCustomers a.logo {border: 1px solid #bebdbe; display: inline-block; vertical-align: middle; box-shadow: #bdbcbd 0 0 1px; background: #f4f4f4;}
.sampleCustomers a.logo img{max-width: 100%; border:#fff 10px solid;}
.sampleCustomers h2 {display: inline-block; vertical-align: middle; color: #636363; margin-bottom: 0; padding: 0 34px; text-transform: uppercase; padding-bottom: 30px; text-shadow: 2px 2px #fff;}
.sampleCustomers .cols {width:20%; display: inline-block; padding: 10px; text-align: center;}
.sampleCustomers a.logo{-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px);}
.sampleCustomers a.logo:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
.sampleCustomers a.logo:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 115%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.sampleCustomers a.logo:hover:before,
.sampleCustomers a.logo:focus:before,
.sampleCustomers a.logo:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}


/*** Free Trial ***/
.freeTrial {padding: 40px 0;background: #0d0d0d; text-transform: uppercase;}
.freeTrial h3 {color: #fff;line-height: 1;margin-bottom: 12px;}
.freeTrial h2 {text-transform: uppercase;color: #666666;font-weight: 700;font-size: 36px;line-height: 1;margin: 0;}
.freeTrial h3 sup {font-size: 8px;top: -15px;}
.freeTrial .banBtn{display: inline-block;vertical-align: middle;overflow: hidden;border-radius: 5px; -webkit-border-radius: 5px;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.freeTrial .banBtn:hover span.orgBtn{background: #863a06; color: #f60; text-shadow: #863a06 1px 1px 0; -webkit-text-shadow: #863a06 1px 1px 0;}
.freeTrial .banBtn:hover span.blkBtn{background: #ff6600;}
span.orgBtn {background: #ff6600;padding: 20px 25px;text-align: center;text-transform: uppercase;color: #000;font-size: 18px;font-weight: 700;display: inline-block;vertical-align: middle;text-shadow: #ffae78 1px 1px 0; -webkit-text-shadow: #ffae78 1px 1px 0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}


/*** FOOTER - ALL ***/
footer{background-color:#333; padding:40px 0; font-family: 'Open Sans', sans-serif; color:#fff;}
footer ul{list-style:none; margin:0; padding:0;}
footer li{line-height:24px; font-weight:normal;}
footer .title{padding-bottom:5px; text-transform:uppercase; font-size:14px; font-weight:normal; border-bottom:#868686 1px solid; margin-bottom:10px;}

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;}
.social-bottom li {line-height: 35px;}
.social-bottom li i {min-width:40px;}
.whiteTxt {color:#fff;}


/*** Copyright - ALL ***/
.copyright{background:#000; padding:20px 0; text-align:center; color:#999; text-transform: uppercase; font-weight:normal; font-size:12px;}
.copyright a,
.copyright span {color:#999; padding: 0 15px;}
.copyright a:hover{color:#ff6600;}



.register-modal .modal-body p {
  color: #545454;
}
/* line 627, ../sass/_home.scss */
.register-modal .modal-body p em {
  font-size: 12px;
  color: #0c2121;
  margin-bottom: 10px;
}
/* line 634, ../sass/_home.scss */
.register-modal .modal-body .form-inline .form-control {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 0px;
  background:#CCC;	
  font-size: 16px;
  color: #000;
  font-weight: 700;
  height:50px;
  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}
}
/* line 645, ../sass/_home.scss */
.register-modal .modal-body .checkbox label {
  font-size: 14px;
  color: #0c2121;
}
/* line 650, ../sass/_home.scss */
.register-modal .modal-body .btn {
  width: 100%;
  margin: 10px 0px;
}
/* line 654, ../sass/_home.scss */
.register-modal .modal-body a {
  color: black;
  font-size: 14px;
}


.forgot {color: red;float: right;font-size: 15px;}
.forgot > span {color: #2D88F1 !important;float: right;font-size: 15px !important;}
.signin2{ max-width:100%; width:50%; height:auto;}


@media only screen and (max-width: 768px){
    
    .topbar h3 {display: none;}
    .topbar {padding:8px;}
    
    .logowrap img {max-width: 150px;}
    .navigation{position: relative; padding: 10px 0;}
    .navbar-toggler {position: absolute;right: 0;top: -47px;margin: 0;z-index: 9;cursor: pointer;}
    .navbar-nav li {padding: 5px 5px;display: block;}
    .navbar-nav {padding-top: 20px;border-top: 2px solid #ff6600;margin-top: 20px;}
    
    .dropdown-menu {width: 100%; top:0; border:0; padding:0;}
    .dropdown-menu .block {border:0; padding: 0 5px;}
    .dropdown-menu .col {display:none;}
    .dropdown-menu .links {display: block; padding-left: 10px;}
    .dropdown-menu .links a {text-transform: uppercase; font-size: 13px; display: block; padding: 5px 0;}

    .title-banner {background-size:cover; padding: 30px 0; text-align: center;}
    .title-banner h2 {font-size: 26px; text-align: center; margin: 0 auto;}
    .title-banner .orangeBtn {margin: 0 auto; margin-top: 10px; padding: 10px 15px}
    
    .mid-content {padding-top: 40px;}
    .mid-content h3 {font-size: 22px; padding-top: 15px;}
    .mid-content p {font-size: 15px;}
    .mid-content p.large {font-size: 18px; margin-bottom: 20px;}
    .mid-content img {margin-bottom: 20px;}
    .mid-content .number li {font-size: 16px;}
    .top60 {margin-top: 40px;}

    
    .signup {padding: 50px 0 20px;}
    .signup h2 {font-size:28px; padding-bottom: 0}
    .signup h3 {font-size:20px;}
    .signup form .form-control.txt {padding: 10px;}
    
    .sampleCustomers .cols {width:100%; display:block;}
    .sampleCustomers h2 {padding: 0 10px 20px; font-size: 26px;}
    
    .freeTrial h3 {font-size:24px; text-align:center;}
    .freeTrial h2 {font-size:28px; text-align:center;}
    .freeTrial .text-right{text-align: center !important;}   
    span.orgBtn {padding:15px 25px;}
    #startToUp {margin-top: 15px;}
    
    footer {padding: 10px 0 30px;}
    footer .title {padding-top:25px; display: block; width: 100%;}
    footer li {width: 48%; display: inline-block;}
    .copyright a, .copyright span {display: block; padding: 6px 0;}
}