body,
html {
width: 100%;
height: 100%;
}
body {
font-family: 'Montserrat', sans-serif;
}
hr {
max-width: 50px;
border-width: 3px;
border-color: #F05F40;
}
hr.light {
border-color: #fff;
}
#content-desktop {display: block;}
#content-mobile {display: none;}
#content-tablet {display: none;}
@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}
#content-tablet {display: block;}
}
/*****************************/
.my-4 {
margin-top: 1.6rem !important;
margin-bottom: 1.6rem !important;
}
.g-5, .gy-5 {
--bs-gutter-y: 3rem;
}
/**************************************/
.caption {
box-shadow: 0px 7px 8px rgb(0 0 0 / 4%), 0px 1px 4px rgb(0 0 0 / 12%);
padding: 1rem;
height: 100%;
width: 100%;
border-radius: 5px;
display: flex;
flex-direction: column;
position: relative;
color: #000;
background-color: #000000;
}
.footer-circle5 {
position: relative;
z-index: 2;
display: block;
fill: #000;
stroke: #000000;
margin: -50px 0 0;
}
.icon_f {
box-sizing: border-box;
min-width: 0;
width: 45px;
height: 45px;
font-size: 25px;
color: #ffffff;
}
.icon_f:hover {
color: #ff3c00;
}
.footer {
border-top-color: #EAECEF;
padding: 40px 0 70px 0;
overflow: hidden;
text-align: center;
zoom: 1;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 60px;
}
.icon_y {
box-sizing: border-box;
border:1px solid #000000;
min-width: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #F51720;
text-align: center;
}
.icon_s {
box-sizing: border-box;
min-width: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #15B5B0;
text-align: center;
}
.icon_a {
box-sizing: border-box;
min-width: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #FCD535;
text-align: center;
}
.icon_l {
box-sizing: border-box;
min-width: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #6633ff;
text-align: center;
}
.icon_h {
box-sizing: border-box;
min-width: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #D23130;
text-align: center;
}
.icon_p {
box-sizing: border-box;
min-width: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #059DC0;
text-align: center;
}
.icon_b {
box-sizing: border-box;
min-width: 0;
width: 100px;
height: 100px;
font-size: 100px;
color: #FFB067;
text-align: center;
}
.banner_title {
color: #000000;
margin-top: 10px;
width: 100%;
padding-left: 0px;
margin-bottom: 20px;
font: 600 19px 'Montserrat', sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
text-transform: none;
}
.banner_title:hover {
color: #000000;
text-decoration: none;
}
.button_b {
padding-top:20px;
padding-bottom: 20px;
}
.site-logo {
width: 100%;
height: 100%;
}
/****************************************/
.text-uppercase {
text-transform: uppercase!important;
}
p {
font-family: 'Montserrat', sans-serif;
color: #212529;
font-size: 17px;
font-weight: 300;
}
a {
color: inherit;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a:hover {
color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif; text-transform:lowercase;
}
.bg-primary {
background-color: #F05F40 !important;
}
.bg-footer {
background-color: #202020 !important;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
.text-faded {
color: rgba(255, 255, 255, 0.7);
}
section {
padding: 0rem 0;
}
.section-heading {
margin-top: 0;
}
::-moz-selection {
color: #fff;
background: #212529;
text-shadow: none;
}
::selection {
color: #fff;
background: #212529;
text-shadow: none;
}
img::selection {
color: #fff;
background: transparent;
}
img::-moz-selection {
color: #fff;
background: transparent;
}
#mainNav {
border-bottom: 1px solid rgba(33, 37, 41, 0.1);
background-color: #fff;
font-family: 'Montserrat', sans-serif;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#mainNav .navbar-brand {
font-weight: 700;
text-transform: uppercase;
color: #F05F40;
font-family: 'Montserrat', sans-serif;
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
color: #f05f40;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
font-size: .9rem;
font-weight: 700;
text-transform: uppercase;
color: #212529;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
color: #F05F40;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
color: #F05F40 !important;
background-color: transparent;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
background-color: transparent;
}
@media (min-width: 992px) {
#mainNav {
border-color: transparent;
background-color: transparent;
}
#mainNav .navbar-brand {
color: rgba(255, 255, 255, 0.7);
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
color: #fff;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link {
padding: 0.5rem 1rem;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
color: rgba(255, 255, 255, 0.7);
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
color: #fff;
}
#mainNav.navbar-shrink {
border-bottom: 1px solid rgba(33, 37, 41, 0.1);
background-color: #fff;
}
#mainNav.navbar-shrink .navbar-brand {
color: #F05F40;
}
#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
color: #f05f40;
}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
color: #212529;
}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
color: #F05F40;
}
}
header.masthead {
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-color: #ffffff;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
header.masthead hr {
margin-top: 30px;
margin-bottom: 30px;
}
header.masthead h1 {
font-size: 2rem; text-align:left;
}
header.masthead p {
font-weight: 300;
}
@media (min-width: 768px) {
header.masthead p {
font-size: 1.15rem;
}
}
@media (min-width: 992px) {
header.masthead {
height: 100vh;
min-height: 650px;
padding-top: 0;
padding-bottom: 0;
}
header.masthead h1 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
header.masthead h1 {
font-size: 4rem;
}
}
header.masthead01 {
padding-top: 6rem;
padding-bottom: calc(6rem - 56px);
background-image: url("/assets/ehrbox2/bg_laboratory.jpg");
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: scroll;
background-attachment: fixed;
}
header.masthead01 hr {
margin-top: 30px;
margin-bottom: 30px;
}
header.masthead01 h1 {
font-size: 2rem;
text-align: center;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: capitalize;
}
header.masthead01 p {
font-weight: 300;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
padding-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
@media (min-width: 768px) {
header.masthead01 p {
font-size: 2.15rem;
}
}
@media (min-width: 992px) {
header.masthead01 {
height: 40vh;
min-height: 250px;
padding-top: 0;
padding-bottom: 0;
}
header.masthead01 h1 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
header.masthead01 h1 {
font-size: 4.0rem;
}
}
header.masthead01 .scroll-down {
position: initial;
bottom: 0px;
width: 100%;
text-align: center;
}
header.masthead01 .scroll-down .btn {
font-size: 45px;
line-height: 0px;
width: 45px;
height: 45px;
padding: 0px;
letter-spacing: normal;
color: #FCD535;
}
header.masthead02 {
padding-top: 6rem;
padding-bottom: calc(6rem - 56px);
background-image: url("/assets/ehrbox2/bg_analysis.jpg");
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: scroll;
background-attachment: fixed;
}
header.masthead02 hr {
margin-top: 30px;
margin-bottom: 30px;
}
header.masthead02 h1 {
font-size: 2rem;
text-align: center;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: capitalize;
}
header.masthead02 p {
font-weight: 300;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
padding-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
@media (min-width: 768px) {
header.masthead02 p {
font-size: 2.15rem;
}
}
@media (min-width: 992px) {
header.masthead02 {
height: 40vh;
min-height: 250px;
padding-top: 0;
padding-bottom: 0;
}
header.masthead02 h1 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
header.masthead02 h1 {
font-size: 4.0rem;
}
}
header.masthead02 .scroll-down {
position: initial;
bottom: 0px;
width: 100%;
text-align: center;
}
header.masthead02 .scroll-down .btn {
font-size: 45px;
line-height: 0px;
width: 45px;
height: 45px;
padding: 0px;
letter-spacing: normal;
color: #FCD535;
}
header.masthead03 {
padding-top: 6rem;
padding-bottom: calc(6rem - 56px);
background-image: url("/assets/ehrbox2/bg_link6.jpg");
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: scroll;
background-attachment: fixed;
}
header.masthead03 hr {
margin-top: 30px;
margin-bottom: 30px;
}
header.masthead03 h1 {
font-size: 2rem;
text-align: center;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: capitalize;
}
header.masthead03 p {
font-weight: 300;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
padding-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
@media (min-width: 768px) {
header.masthead03 p {
font-size: 2.15rem;
}
}
@media (min-width: 992px) {
header.masthead03 {
height: 40vh;
min-height: 250px;
padding-top: 0;
padding-bottom: 0;
}
header.masthead03 h1 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
header.masthead03 h1 {
font-size: 4.0rem;
}
}
header.masthead03 .scroll-down {
position: initial;
bottom: 0px;
width: 100%;
text-align: center;
}
header.masthead03 .scroll-down .btn {
font-size: 45px;
line-height: 0px;
width: 45px;
height: 45px;
padding: 0px;
letter-spacing: normal;
color: #FCD535;
}
header.masthead04 {
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-image: url("/assets/ehrbox2/bg_scientist.jpg");
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: scroll;
background-attachment: fixed;
}
header.masthead04 hr {
margin-top: 30px;
margin-bottom: 30px;
}
header.masthead04 h1 {
font-size: 2rem;
text-align: center;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: capitalize;
}
header.masthead04 p {
font-weight: 300;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
padding-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
@media (min-width: 768px) {
header.masthead04 p {
font-size: 2.15rem;
}
}
@media (min-width: 992px) {
header.masthead04 {
height: 40vh;
min-height: 250px;
padding-top: 0;
padding-bottom: 0;
}
header.masthead04 h1 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
header.masthead04 h1 {
font-size: 5.0rem;
}
}
header.masthead04 .scroll-down {
position: initial;
bottom: 0px;
width: 100%;
text-align: center;
}
header.masthead04 .scroll-down .btn {
font-size: 45px;
line-height: 0px;
width: 45px;
height: 45px;
padding: 0px;
letter-spacing: normal;
color: #FCD535;
}
header.masthead05 {
padding-top: 6rem;
padding-bottom: calc(6rem - 56px);
background-image: url("/assets/ehrbox2/bg_link7.jpg");
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: scroll;
background-attachment: fixed;
}
header.masthead05 hr {
margin-top: 30px;
margin-bottom: 30px;
}
header.masthead05 h1 {
font-size: 2rem;
text-align: center;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: capitalize;
}
header.masthead05 p {
font-weight: 300;
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
padding-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
@media (min-width: 768px) {
header.masthead05 p {
font-size: 2.15rem;
}
}
@media (min-width: 992px) {
header.masthead05 {
height: 40vh;
min-height: 250px;
padding-top: 0;
padding-bottom: 0;
}
header.masthead05 h1 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
header.masthead05 h1 {
font-size: 4.0rem;
}
}
header.masthead05 .scroll-down {
position: initial;
bottom: 0px;
width: 100%;
text-align: center;
}
header.masthead05 .scroll-down .btn {
font-size: 45px;
line-height: 0px;
width: 45px;
height: 45px;
padding: 0px;
letter-spacing: normal;
color: #FCD535;
}
.service-box {
max-width: 400px;
}
.portfolio-box {
position: relative;
display: block;
max-width: 650px;
margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
color: #fff;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
text-align: left;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
padding: 0 15px;
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
font-size: 17px;
font-weight: 600;
text-transform: uppercase;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
opacity: 1;
}
.portfolio-box:focus {
outline: none;
}
@media (min-width: 768px) {
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
font-size: 25px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
font-size: 22px;
}
}
.text-primary {
color: #F05F40 !important;
}
.btn {
font-weight: 700;
text-transform: uppercase;
border: none;
border-radius: 2px;
font-family: 'Montserrat', sans-serif;
margin-right:20px;
}
.btn-xl {
padding: 1rem 2rem;
}
.btn-header {
border-radius: 2px;
background-color: #ee4b28 !important;
border: 1px solid #ee4b28;
font-size: 23px;
font-weight: 300;
text-transform: lowercase;
font-family: 'Montserrat', sans-serif;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
margin-top: 30px;
text-decoration: none;
}
.btn-header:hover {
color: #ffffff;
border: 1px solid #ffffff;
background-color: transparent!important;
text-decoration: none;
}
.main-btn {
background: transparent;
color: #F05F40;
display: inline-block;
padding: 5px 25px;
margin: 3px;
border: 1px solid #F05F40;
border-radius: 0px;
-webkit-transition: 0.2s opacity;
transition: 0.2s opacity;
font-weight:300;
font-family: 'Montserrat', sans-serif;
font-size:19px;
}
.main-btn:hover {
background:#F05F40;
text-decoration:none;
color:#FFFFFF;
border: 1px solid #F05F40;
}
.feature {
position: relative;
}
.feature-content {
padding-left: 100px;
}
.feature .feature-icon {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid #F05F40;
color: #F05F40;
font-size: 30px;
border-radius: 50%;
padding: 10px;
}
.feature .feature-icon1 {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #F05F40;
color: #F05F40;
font-size: 30px;
border-radius: 50%;
padding: 10px;
}
.bg_services{
background-color: #F5F5F3;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding-top: 50px;
padding-bottom: 50px;
}
.services_title{
color: #6c757d;
font-family: 'Montserrat', sans-serif;
font-size: 21px;
font-weight:300;
}
.services_text{
color: #6c757d;
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight:300;
}
.service_title {
color: #F05F40;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-bottom: 10px;
text-transform: lowercase;
font: 500 55px 'Montserrat', sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: left;
padding-bottom: 10px;
}
.underline .line {
width: 5rem;
height: 3px;
background: linear-gradient(90deg, #F05F40, #F05F40);
display: inline-block; margin-bottom:30px;
}
.align-center {
text-align: center;
}
.bg_about {
background-color: #F05F40;
padding-top: 50px;
padding-bottom: 50px;
}
.about_title {
color: #ffffff;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
text-transform: lowercase;
font: 500 55px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 10px;
}
.about_text {
font: 300 21px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
color: #ffffff;
line-height: 36px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
-webkit-font-smoothing: antialiased;
}
.about_title1 {
color: #ffffff;
margin-top: -15px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
text-transform: lowercase;
font: 300 60px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: right;
padding-top: 30px;
vertical-align: top;
}
.about_text_1 {
font: 300 21px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
color: #ffffff;
line-height: 36px;
padding-bottom: 10px;
padding-top: 10px;
text-align: left;
-webkit-font-smoothing: antialiased;
}
.timeline {
list-style: none;
padding: 0;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute; content: "";
width: 2px;
background-color: #F05F40;
left: 40px;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px; position: relative; min-height: 20px;
}
.timeline > li:before,
.timeline > li:after {
content: " "; display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li .timeline-panel {
width: 100%; float: right;
padding: 0 20px 0 20px;
position: relative;
text-align: left;
}
.timeline > li .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li .timeline-image {
left: 0;
margin-left: 0;
width: 22px;
height: 22px;
position: absolute;
z-index: 100;
background-color: #F05F40;
color: white;
border-radius: 100%;
border: 2px solid #F05F40;
text-align: center;
}
.timeline > li .timeline-image h4 {
font-size: 10px;
margin-top: 12px;
line-height: 14px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
text-align: left;
padding: 0 20px 0 20px;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li:last-child {
margin-bottom: 0;
}
.timeline .timeline-heading h4 {
margin-top: 0;
color: inherit;
}
.timeline .timeline-heading h4.subheading {
font-weight:300;
color:#212529;
font-size:25px;
text-transform:lowercase;
font-family: 'Montserrat', sans-serif;
}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {
margin-bottom: 0;
}
@media (min-width: 768px) {
.timeline:before {
left: 50%;
}
.timeline > li {
margin-bottom: 20px;
min-height: 20px;
}
.timeline > li .timeline-panel {
width: 41%;
float: left;
padding: 0 20px 20px 20px;
text-align: right;
}
.timeline > li .timeline-image {
width: 22px;
height: 22px;
background-color:#F05F40;
left: 50%;
margin-left: -50px;
}
.timeline > li .timeline-image h4 {
font-size: 13px;
margin-top: 16px;
line-height: 18px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
text-align: left;
padding: 0 20px 20px 20px;
}
}
@media (min-width: 992px) {
.timeline > li {
min-height: 20px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px;
}
.timeline > li .timeline-image {
width: 22px;
height: 22px;
margin-left: -10px;
}
.timeline > li .timeline-image h4 {
font-size: 18px;
margin-top: 20px;
line-height: 26px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 20px 20px;
}
}
@media (min-width: 1200px) {
.timeline > li {
min-height: 20px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px 20px;
}
.timeline > li .timeline-image {
width: 22px; height: 22px; margin-left: -10px;
}
.timeline > li .timeline-image h4 {
margin-top: 20px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 20px 20px 20px;
}
}
.icon-road {
font-size: 43px;
line-height: 13px;
border-radius: 48%;
position: absolute;
left: -3px;
width: 22px;
text-align: center;
height: 22px;
color: #F05F40;
padding-left: 0px;
padding-top: 0px;
}
.color-green {
color: #F05F40 !important;
}
.road_map_title {
color: #F05F40;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
font: 500 55px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 30px;
text-transform: lowercase;
}
.road_map_text {
color: #757575;
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300;
}
.bg_works {
background-color: #ffffff;
padding-top: 50px;
}
.how_works_title{
color: #F05F40;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
font: 500 55px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 30px;
padding-bottom: 50px;
text-transform: lowercase;
}
.action-box {
padding: 100px 0;
background-attachment: fixed;
text-align: center;
visibility: visible;
animation-name: fadeIn;
color: white;
background-color: #222;
}
.action-box-quote {
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 55px;
font-weight: 500;
color: #ffffff;
text-align: center;
text-transform: lowercase;
}
.img_video {
color: #ffffff;
font-size: 90px;
padding-right: 20px;
}
.img_facebook1 {
color: #ffffff;
font-size: 40px;
line-height: 40px;
text-align: center;
margin-right: 5px;
border-radius: 50%;
width:40px;
height:40px;
transition: 0.2s opacity;
padding-top: 5px;
}
.img_twitter1 {
color: #ffffff;
font-size: 40px;
line-height: 40px;
text-align: center;
margin-right: 5px;
border-radius: 50%;
width: 40px;
height: 40px;
transition: 0.2s opacity;
padding-top: 5px;
}
.img_linkedin1 {
color: #eeeeee;
font-size: 30px;
line-height: 0px;
text-align: center;
margin-right: 5px;
border-radius: 50%;
width: 30px;
height: 30px;
transition: 0.2s opacity;
padding-top: 0px;
}
.img_youtube1{
color: #eeeeee;
font-size: 30px;
line-height: 0px;
text-align: center;
margin-right: 5px;
border-radius: 50%;
width: 30px;
height: 30px;
transition: 0.2s opacity;
padding-top: 0px;
}
.img_instagram1{
color: #ffffff;
font-size: 40px;
line-height: 40px;
text-align: center;
margin-right: 5px;
border-radius: 50%;
width: 40px;
height: 40px;
transition: 0.2s opacity;
padding-top: 5px;
}
.footer_variant_grey {
background-color: #212529;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding: 32px 0 52px 0;
overflow: hidden;
text-align: center;
}
.footer-navigation-links {
color:#757575;
font-weight:300;
font-family: 'Raleway', sans-serif;
font-size:15px;
}
.bg_video {
padding: 100px 0;
margin-top: 0px;
background-attachment: fixed;
text-align: center;
visibility: visible;
animation-name: fadeIn;
color: white;
background-image: url(/assets/portaldigital/medchaincenter/bg_quote.jpg);
}
.blockchain {
position: relative;
}
.blockchain-content {
padding-left: 100px;
}
.blockchain .blockchain-icon {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid #F05F40;
color: #F05F40;
font-size: 30px;
border-radius: 50%;
padding: 10px;
}
.blockchain .blockchain-icon1 {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid #F05F40;
color: #F05F40;
font-size: 30px;
border-radius: 50%;
padding: 10px;
}
.blockchain_title {
color: #F05F40;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
font: 500 55px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 30px;
text-transform: lowercase;
}
.blockchain_subtitle{
font-family: 'Montserrat', sans-serif;
color: #212529;
font-style: normal;
font-weight: normal;
text-align:left;
}
.blockchain_text{
color: #6c757d;
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300;
}
/*********************** CONTACT SECTION **************************************/
.contact01 {
position: relative;
}
.contact01-content {
padding-left: 50px;
}
.contact01 .contact01-icon {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid #F05F40;
color: #F05F40;
font-size: 30px;
border-radius: 50%;
padding: 20px;
}
.contact01 .contact01-icon1 {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #F05F40;
color: #F05F40; font-size: 50px;border-radius: 50%;
}
.contact01_text{
color: #6c757d;
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300; padding-top:10px;
}
.bg_contact {
padding: 0px 0 0px 0; overflow: hidden; text-align: center; background-color: #f5f5f5;
}
.contact-title {
color: #003c67;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
font: 400 65px 'Montserrat', sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 0px;
padding-bottom:0px;
text-transform: none;
}
.contact-text {
font: 300 17px 'Montserrat', sans-serif;
text-transform: none;
color: #707A8A;
line-height: 26px;
padding-bottom: 10px;
padding-top: 10px;
}
.contact-subtitle {
font: 300 25px 'Montserrat', sans-serif;
text-transform: none;
color: #ffffff;
line-height: 26px;
padding-bottom: 30px;
padding-top: 50px;
font-weight:700;
}
.btn-contact{
color: #ffffff;
border: 2px solid #ff3c00;
font-size: 17px;
font-weight: 400;
text-transform: none;
font-family: 'Montserrat', sans-serif;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background: #ff3c00;
padding-left: 40px;
padding-right: 40px;
border-radius: 0px;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
cursor: pointer;
}
.btn-contact:hover{
background-color: #003c67;
color: #ffffff;
text-decoration: none;
border: 2px solid #003c67;
}
/********** Form-Control ****************************************/
section#contact .form-group textarea.form-control1 {
height: 218px;
}
section#contact .form-group input.form-control1 {
height: auto;
}
section#contact .form-group input, section#contact .form-group1 textarea {
padding: 20px; }
.form-control1 {
display: block;
width: 100%;
height: 54px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.42857143;
color: #001a2d;
background-color: transparent;
background-image: none;
border: 0px solid #001a2d;
box-sizing: border-box;
border-style: none;
border-width: 0;
background-clip: border-box;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: 10px 10px 50px -5px rgba(94,102,110,0.25);
font-family:'Raleway', sans-serif;
border-radius: 2px; font-weight:300;
}
.form-control2 {
display: block;
width: 100%;
height: 130px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.42857143;
color: #001a2d;
background-color: transparent;
background-image: none;
border: 0px solid #001a2d;
box-sizing: border-box;
border-style: none;
border-width: 0;
background-clip: border-box;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: 10px 10px 50px -5px rgba(94,102,110,0.25);
font-family:'Raleway', sans-serif;
border-radius: 2px; font-weight:300;
}
/*********** scroll-to-top **********/
.scroll-to-top {
position: fixed;
background: #ff3c00;
bottom: 60px;
right: 60px;
z-index: 104400;
box-shadow: -1px -1px 3px rgba(0,0,0,0.1);
border-radius: 0px;
padding: 2px;
color: rgba(255, 255, 255, 0.5);
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
transition: all 0.3s ease-in-out;
}
.scroll-to-top:hover {
background: #003c67;
color: #ffffff;
}
.img-chevron-up {
color: #ffffff;
font-size:17px;
}
/* ===================================================================
* # header styles
*
* ------------------------------------------------------------------- */
.s-header {
width: 100%;
height: 96px;
background-color: transparent;
position: absolute;
top: 0;
z-index: 500;
}
/* -------------------------------------------------------------------
* ## header logo
* ------------------------------------------------------------------- */
.header-logo {
display: inline-block;
position: absolute;
margin: 0;
padding: 0;
left: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 501;
}
.header-logo a {
display: block;
margin: 9px 0 0 0;
padding: 0;
outline: 0;
border: none;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* -------------------------------------------------------------------
* ## main navigation
* ------------------------------------------------------------------- */
.header-nav {
background: #003C67;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-size: 1.9rem;
font-weight: 400px;
line-height: 1.846;
padding: 2.6rem 2rem 2.6rem 2.6rem;
height: 100%;
width: 420px;
position: fixed;
right: 0;
top: 0;
z-index: 700;
overflow-y: auto;
overflow-x: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
}
.header-nav a, .header-nav a:visited {
color: #ffffff;
}
.header-nav a:hover,
.header-nav a:focus,
.header-nav a:active {
color: #ffffff;
}
.header-nav h3 {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
line-height: 1.5;
text-transform: uppercase;
letter-spacing: .25rem;
margin-bottom: 4.8rem;
margin-top: -0.9rem;
color: #F05F40;
}
.header-nav p {
margin-bottom: 2.7rem;
}
.header-nav__content {
position: relative;
left: 50px;
opacity: 0;
visibility: hidden;
}
.header-nav__list {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
margin: 2.6rem 0 3rem 0;
padding: 0 0 1.8rem 0;
list-style: none;
text-transform:capitalize;
font-weight:400;
color: #ffffff;
}
.header-nav__list li {
padding-left: 0;
line-height: 2.0rem;
}
.header-nav__list a,
.header-nav__list a:visited {
color: #ffffff;
}
.header-nav__social {
list-style: none;
display: inline-block;
margin:0px;
font-size: 17px;
}
.header-nav__social li {
margin-right: 0px;
margin: 3.6rem 0 3rem 0;
padding: 0 0 0 0;
display: inline-block;
}
.header-nav__social li a {
color: #000000;
}
.header-nav__social li a:hover,
.header-nav__social li a:focus {
color: #000000;
}
.header-nav__social li:last-child {
margin: 0;
}
.header-nav__close {
display: block;
height: 30px;
width: 30px;
border-radius: 3px;
background-color: #ff3c00;
position: absolute;
top: 36px;
right: 30px;
font: 0/0 a;
text-shadow: none;
color: transparent;
z-index: 800;
}
.header-nav__close span::before,
.header-nav__close span::after {
content: "";
display: block;
height: 2px;
width: 12px;
background-color: #FFFFFF;
position: absolute;
top: 50%;
left: 9px;
margin-top: -1px;
}
.header-nav__close span::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-nav__close span::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* menu is open
* ----------------------------------------------- */
.menu-is-open .header-nav {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
visibility: visible;
-webkit-overflow-scrolling: touch;
}
.menu-is-open .header-nav .header-nav__content {
opacity: 1;
visibility: visible;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
left: 0;
}
/* -------------------------------------------------------------------
* ## mobile menu toggle
* ------------------------------------------------------------------- */
.header-menu-toggle {
position: fixed;
right: 38px;
top: 24px;
height: 42px;
width: 42px;
line-height: 42px;
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.3rem;
text-transform: none;
letter-spacing: .3rem;
color: #39b54a;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: transparent;
border-radius: 4px;
}
.header-menu-toggle.opaque {
background-color: transparent;
border-radius: 4px;
}
.header-menu-toggle.opaque .header-menu-text {
background-color: #000000;
}
.header-menu-toggle:hover, .header-menu-toggle:focus {
color: #000000;
}
.header-menu-text {
display: block;
position: absolute;
top: 0;
left: -70px;
width: 70px;
padding-left: 12px;
}
.header-menu-icon {
display: block;
width: 22px;
height: 2px;
margin-top: -1px;
position: absolute;
left: 10px;
top: 50%;
right: auto;
bottom: auto;
background-color: #ff3c00;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.header-menu-icon::before, .header-menu-icon::after {
content: '';
width: 100%;
height: 100%;
background-color: inherit;
position: absolute;
left: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.header-menu-icon::before {
top: -9px;
}
.header-menu-icon::after {
bottom: -9px;
}
/* -------------------------------------------------------------------
* responsive:
* header
* ------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
.s-header {
height: 90px;
}
.header-logo {
left: 30px;
}
.header-menu-toggle {
right: 25px;
}
}
@media only screen and (max-width: 400px) {
.header-menu-text {
display: none;
}
}
/* menu is open
* ----------------------------------------------- */
.menu-is-open .header-nav {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
visibility: visible;
-webkit-overflow-scrolling: touch;
}
.menu-is-open .header-nav .header-nav__content {
opacity: 1;
visibility: visible;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
left: 0;
}
.home-social {
font-family: "montserrat-regular", sans-serif;
list-style: none;
margin: 0 10px 10px 0;
position: absolute;
top: 40%;
right: 2.4rem;
-webkit-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.home-social i {
font-size: 14px;
right: 0;
text-align: center;
display: inline-block;
width: 33px;
height: 33px;
line-height: calc(33px - 4px);
border: 2px solid #FFFFFF;
border-radius: 50%;
margin-bottom:20px;
color:#FFFFFF;
}
.home-social i:hover {
border: 2px solid #F05F40;
color:#F05F40;
}
.img_f {
font-size: 14px;
right: 0;
text-align: center;
display: inline-block;
width: 33px;
height: 33px;
line-height: calc(33px - 4px);
border: 2px solid #FFFFFF;
border-radius: 50%;
margin-bottom:20px;
color:#FFFFFF;
}
.img_f:hover {
border: 2px solid #F05F40;
color:#F05F40;
}
.img-arrow {
color:#FFFFFF;
font-size:45px;
padding-top:20px;
}
.bg_whitepaper {
padding-left: 70px;
padding-right: 70px;
background-color:#3A789D;
background-image: url("/assets/ehrbox2/stethoscope_7.png");
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-repeat: repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.bg_whitepaper1 {
padding-left: 70px;
padding-right: 70px;
background-color:#003C67;
background-image: url("/assets/ehrbox2/icon_01.png");
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-repeat: repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.bg_whitepaper2 {
padding-left: 70px;
padding-right: 70px;
background-color:#023E69;
background-image: url("/assets/ehrbox2/health_01.png");
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-repeat: repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.bg_whitepaper3 {
padding-left: 70px;
padding-right: 70px;
background-color:#3A789D;
background-image: url("/assets/ehrbox2/grey_01.png");
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-repeat: repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.bg_whitepaper4 {
padding-left: 70px;
padding-right: 70px;
background-color:#ff3c00;
background-image: url("/assets/ehrbox2/stethoscope_5.png");
padding-top: 5rem;
padding-bottom: calc(5rem - 56px);
background-repeat: repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.whitepaper_text {
font: 300 17px 'Montserrat', sans-serif;
text-transform: none;
color: #ffffff;
line-height: 36px;
padding: 0px;
text-align: justify;
}
.whitepaper_title {
font: 400 65px 'montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
text-transform: none;
color: #ffffff;
line-height: 76px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
}
.whitepaper_title1 {
font: 300 35px 'montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
text-transform: none;
color: #ffffff;
line-height: 56px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
}
.btn-whitepaper {
background-color: #ff3c00;
color: #ffffff;
border: 2px solid #ff3c00;
font-size: 17px;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
margin-top: 30px;
margin-right: 20px;
margin-left: 20px;
font-weight: 500;
text-transform: none;
font-family: 'Montserrat', sans-serif;
border-radius: 0px;
margin: 0px;
text-decoration: none;
cursor: pointer;
}
.btn-whitepaper:hover {
background-color: #003c67;
color: #ffffff;
text-decoration:none;
border: 2px solid #003c67;
}
.btn_link {
background-color: #ff3c00;
color: #ffffff;
border: 2px solid #ff3c00;
font-size: 17px;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
margin-top: 30px;
margin-right: 20px;
margin-left: 20px;
font-weight: 400;
text-transform: none;
font-family: 'Montserrat', sans-serif;
border-radius: 0px;
margin: 0px;
text-decoration: none;
cursor: pointer;
}
.btn_link:hover {
background-color: #003c67;
color: #ffffff;
text-decoration:none;
border: 2px solid #003c67;
}
.video_button_s {
padding-top: 30px;
padding-bottom: 40px;
}
.bg_terms {
padding-left: 70px;
padding-right: 70px;
padding-top: 20px;
padding-bottom: 70px;
background-color:#efefef;
}
.terms_text {
font: 300 17px 'Montserrat', sans-serif;
text-transform: none;
color: #212529;
line-height: 36px;
padding-bottom: 0px;
padding-top: 20px;
text-align: justify;
}
.terms_text ul {
list-style-type: disc;
}
.terms_text_s {
font: 700 17px 'Montserrat', sans-serif;
line-height: 36px;
color: #ff3c00;
}
.terms_text_d {
font: 700 17px 'Montserrat', sans-serif;
line-height: 36px;
color: #000000;
text-align: center;
}
.terms_text_t {
font: 400 35px 'Montserrat', sans-serif;
line-height: 36px;
color: #333333;
text-align: center;
}
.terms_subtitle {
font: 400 31px 'Montserrat', sans-serif;
text-transform: none;
color: #003c67;
line-height: 56px;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
}
.bg_contact_1 {
padding-top: 5rem;
padding-left: 50px;
padding-right: 50px;
padding-bottom: calc(10rem - 56px);
background-color: #ffffff;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.contact_1_title {
color: #00a692;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
font: 100 65px 'Fjalla One', sans-serif;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.contact_1_text {
font-family: 'Rubik', sans-serif;
font-size: 25px;
font-weight: 300;
color: #757575;
text-align: left;
}
.contact_1_button {
color: #ffffff;
border: 1px solid #ff9d00;
font-size: 23px;
font-weight: 100;
text-transform: uppercase;
font-family: 'Roboto', Arial, sans-serif;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background: #ff9d00;
padding-left: 30px;
padding-right: 30px;
border-radius: 8px;
margin-top: 20px;
}
.contact_1_button:hover {
color: #ffffff;
border: 1px solid #212529;
background: #212529;
}
/**********************************************************************/
.bg-grey {
background-color: #003c67;
padding: 30px 30px 30px 30px;
overflow: hidden;
text-align: center;
zoom: 1;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.footer-link1 {
color: #ffffff;
padding-left: 0px;
padding-right: 0px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 400;
text-transform: none;
text-decoration: none;
}
.footer-link1:hover {
color: #ff3c00;
text-decoration: none;
}
.footer-widget-title {
color: #FFFFFF;
padding-left: 0px;
padding-right: 0px;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
font-weight: 500;
text-transform: none;
text-decoration: none;
line-height: 2.15;
}
.footer-widget-title:hover {
color: #ff3c00;
text-decoration: none;
}
.copyright1 a{
color:#F05F40;
padding-left:5px;
padding-right:5px;
font-family: 'Montserrat', sans-serif;
font-size:15px;
font-weight:100;
text-decoration: none;
}
.copyright1 a:hover{
color:#F05F40;
text-decoration: underline;
}
.footer-links {
width: 100%;
color: #F05F40;
padding-left: 5px;
padding-right: 5px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 100;
text-decoration: none;
}
.footer-links a {
color: #F05F40;
padding-left: 5px;
padding-right: 5px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 100;
text-decoration: none;
text-transform: none;
}
.footer-links a:hover {
color: #FFFFFF;
text-decoration: none;
}
.footer-plus {
display: inline-block;
position: relative;
width: 12px;
}
.m-plus-f1 {
color: #F05F40;
font-family: 'Work Sans',Helvetica,Arial,Sans-serif;
font-weight: 900;
}
.footer-circle {
position: relative;
z-index: 2;
display: block;
fill: #222222;
stroke: #222222;
margin: -30px 0 0;
}
.footer-circle1 {
position: relative;
z-index: 2;
display: block;
fill: #428bca;
stroke: #428bca;
margin: -45px 0 0;
}
.footer-copyright {
border-top: 1px solid;
border-top-color: #FFFFFF;
font-size: 17px;
color: #ffffff;
line-height: 20px;
padding-top: 24px;
padding-bottom: 0px;
margin-left: 16px;
margin-right: 16px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 300;
font-family: 'Montserrat', sans-serif;
}
.cookiealert-text {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 15px;
color: #eeeeee;
}
.menu {
margin: 30px 100px 0px 0px;
width: 100%;
}
header nav a.contact {
border: 1px solid #ff3c00;
color: #ffffff;
background-color: #ff3c00;
border-radius: 0px;
float: right;
text-transform: none;
font-size: 14px;
letter-spacing: .05em;
font-weight: 400;
text-decoration: none;
transition: all .3s ease;
padding: 8px 16px;
margin-left: 20px;
position: relative;
font-family: 'Montserrat', sans-serif;
}
header nav a.contact:hover {
text-decoration: none;
color: #ffffff;
background-color: #003c67;
border: 1px solid #003c67;
}
header nav a .mega-menu .flex {
width: 100%;
display: flex;
text-align: left;
padding: 20px 40px 40px;
}
header nav a .mega-menu {
display: none;
position: absolute;
-webkit-animation: fadeDown .3s linear;
animation: fadeDown .3s linear;
top: 0;
left: 0;
width: 100vw;
background: #0b0b0b;
padding: 90px 0 0;
color: #fff;
z-index: -1;
box-shadow: 0 0 0 2000px hsl(0deg 0% 67% / 90%);
}
header nav a .mega-menu ul.larger.centered {
justify-content: center;
text-align: center;
}
header nav a .mega-menu ul {
display: flex;
background: #0b0b0b;
flex-wrap: wrap;
width: 100%;
margin: 0;
position: relative;
}
ol, ul {
list-style: none;
}
/*************************************************/
.bg_login {
padding-left: 70px;
padding-right: 70px;
padding-top: 30px;
padding-bottom: 0px;
background-color: #e6e6e6;
}
.login_title {
color: #F05F40;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 20px;
margin-bottom: 10px;
font: 500 55px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-top: 30px;
text-transform: lowercase;
}
.login_subtitle {
font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #212529;
font-weight:500;
text-align: left;
text-transform: lowercase;
font-size: 25px;
}
.btn-login{
background-color: #F05F40;
border-radius: 2px;
color: #ffffff;
border: 1px solid #F05F40;
font-size: 23px;
font-weight: 300;
text-transform: lowercase;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 100px;
padding-right: 100px;
margin-top: 30px;
width: 100%;
}
.btn-login:hover{
color: #F05F40;
border: 1px solid #F05F40;
background: transparent;
}
form {border: 0px solid #f1f1f1;}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 0px;
display: inline-block;
border: 0px solid #001a2d;
box-sizing: border-box;
border-style: none;
border-width: 0;
background-clip: border-box;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: 10px 10px 50px -5px rgba(94,102,110,0.25);
}
.cancelbtn {
width: auto;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
background-color: #000000;
border-radius: 2px;
color: #ffffff;
border: 1px solid #000000;
font-size: 17px;
font-weight: 300;
text-transform: lowercase;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.cancelbtn:hover {
background-color: transparent;
border-radius: 2px;
color: #000000;
border: 1px solid #000000;
}
.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
}
.container {
padding: 16px;
}
span.psw {
float: right;
font: 300 17px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding-top: 16px;
color:#6f7481;
}
span.psw a {
font: 300 17px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#6f7481;
}
span.psw a:hover {
color:#f05f40;
text-decoration: underline;
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
/********************************************************/
.bg_carousel {
padding-top: 10rem;
padding-bottom: calc(10rem - 56px);
background-image: url(/assets/ehrbox2/bg_carousel.jpg);
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.carousel-caption {
left: 10%;
right: 10%; top:100%;
padding-bottom: 30px;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 100%;
z-index: 15;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
background-color: #000000;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
/* text-shadow: 0 1px 2px rgb(0 0 0 / 60%); */
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left,color-stop(rgba(0, 0, 0, 0) 0),color-stop(rgba(0,0,0,.0001) 100%));
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
background-color: transparent;
border: transparent;
}
/***********************************************************/
.bg_p {
background-color: #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-top:0px;
padding-bottom:20px;
padding-left: 20px;
padding-right: 20px;
margin-top: 0px;
}
.bg_link {
padding-top: 10rem;
padding-left: 70px;
padding-right: 70px;
padding-bottom: calc(15rem - 56px);
background-image: url(/assets/ehrbox2/bg_link4.jpg);
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: scroll;
background-attachment: fixed;
}
.link_title {
color: #ffffff;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-bottom: 10px;
text-transform: none;
font-size: 65px;
font-family: 'montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
font-weight: 400;
line-height: 1;
letter-spacing: 0px;
text-align: center;
padding-bottom: 40px;
padding-top: 40px;
}
.link_title:hover {
color: #ff3c00;
}
.footer .social { max-width: 350px; margin: 0px auto;
margin-bottom: 20px; text-align: center;
}
.footer .social a i { margin-left: 5px; margin-right: 5px;
border-radius: 50px;
}
.social a i { display: inline-block; width: 40px; height: 40px;
font-size: 15px !important;
line-height: 40px; text-decoration: none; text-align: center;
color: #fff;
-webkit-transition: background 2s ease;
-moz-transition: background 2s ease;
-o-transition: background 2s ease;
-ms-transition: background 2s ease;
transition: background 2s ease;
}
.fa { display: inline-block;
font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;
font-style: normal; font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social a:hover i { background: #000;
}
.social a, .social a:hover { border: 0px;
text-decoration: none;
}
a { color: #14d187;
}
a { text-decoration: none;
}
a { color: #428bca; text-decoration: none;
}
a { background: transparent;
}
.social a.facebook i { background: #7F98B9;border-radius: 3px;}
.social a.twitter i { background: #75D2F1;border-radius: 3px;}
.social a.google-plus i { background: #D97863;border-radius: 3px;}
.social a.linkedin i { background: #53A2CA;border-radius: 3px;}
.footer .copy-right p { font-size: 16px; line-height: 22px; color: #535A6C;
text-align: center;
}
/*************************************************************************/
.social-icons { margin: 0; padding: 0;
}
.social-icons li { float: left; display: inline; list-style: none;
margin-right: 5px; margin-bottom: 5px;
text-indent: -9999px;
}
.social-icons-color li a { opacity: 0.7;
background-position: 0 -38px !important;
}
.social-icons li a, a.social-icon { width: 28px; height: 28px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.social_rss {
background: url(/assets/ecommerce/rss01.png) no-repeat;
}
.social_facebook {
background: url(/assets/ecommerce/facebook01.png) no-repeat;
}
.social_twitter {
background: url(/assets/ecommerce/twitter01.png) no-repeat;
}
.social_vimeo {
background: url(/assets/ecommerce/vimeo01.png) no-repeat;
}
.social_googleplus {
background: url(/assets/ecommerce/googleplus01.png) no-repeat;
}
.social_pintrest {
background: url(/assets/ecommerce/pintrest.png) no-repeat;
}
.social_linkedin {
background: url(/assets/ecommerce/linkedin.png) no-repeat;
}
.social_dropbox {
background: url(/assets/ecommerce/dropbox.png) no-repeat;
}
.social_picasa {
background: url(/assets/ecommerce/picasa.png) no-repeat;
}
.social_spotify {
background: url(/assets/ecommerce/spotify01.png) no-repeat;
}
.social_jolicloud {
background: url(/assets/ecommerce/jolicloud.png) no-repeat;
}
.social_wordpress {
background: url(/assets/ecommerce/wordpress.png) no-repeat;
}
.social_github {
background: url(/assets/ecommerce/github.png) no-repeat;
}
.social_xing {
background: url(/assets/ecommerce/xing.png) no-repeat;
}
.headline-md {
margin-bottom: 15px;
}
/*************************************************************************/
.bg_b {
background-color: #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}
.thumbnail {
display: block;
margin-bottom: 0px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #FFFFFF;
height: 200px;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
margin-left: 0px;
transition: all .2s ease-in-out;
margin-top: 0px;
margin-right: 0px;
padding-top: 20px;
}
.thumbnail:hover {
background-color: #F5F5F5;
border: 1px solid #F5F5F5;
border-radius: 3px;
}
/******************************************************************/
@media only screen and (min-width : 993px) {
.main_title { font-size: 50px;}
.main_title_1 { font-size: 50px;}
.main_title_home{ font-size:27px;}
.panel-title {font-size: 25px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.main_title { font-size: 50px;}
.main_title_1 { font-size: 50px;}
.main_title_home{ font-size:27px;}
.panel-title {font-size: 25px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.main_title { font-size: 30px;}
.main_title_1 { font-size: 30px;}
.main_title_home{ font-size:20px;}
.panel-title {font-size: 19px;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.main_title { font-size: 25px;}
.main_title_1 { font-size: 25px;}
.main_title_home{ font-size:20px;}
.panel-title {font-size: 19px;}
}
/**********************************************************************/
.main_title_home{
padding-left:5px;
color: #ffffff;
font: 700 17px 'Open Sans',system-ui,'Trebuchet MS',Arial,Helvetica,Verdana;
text-transform: none;
line-height: 35px;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
}
.main_text_home{
font: 300 13px 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
color: #ffffff;
line-height: 26px;
padding: 10px;
text-align: justify;
}
.button_p {
color: #ffffff;
border: 2px solid #F05F40;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Open Sans',system-ui,'Trebuchet MS',Arial,Helvetica,Verdana;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background: #F05F40;
padding-left: 70px;
padding-right: 70px;
border-radius: 5px;
margin: 0px;
text-decoration: none;
}
.button_p:hover {
text-decoration: none;
color: #ffffff;
border: 2px solid #9E0000;
background: #9E0000;
}
.main_title { padding-left:0px; color:#444444;
line-height: 1;
letter-spacing: -1px;
font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;}
.main_title_1 { padding-left:0px; color:#428BCA;
line-height: 1;
letter-spacing: -1px;
font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;}
.main_title1 { color: #245dc1;font-weight: normal !important;
font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia; font-size: 25px;
}
.main_title2 { font-size: 70px; padding-left:30px; color:#ffffff;
line-height: 1;padding-top:30px;
letter-spacing: -1px;
font-family:'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;}
.main_title3 { font-size: 50px; padding-left:30px; color:#FFFFFF;
line-height: 1;
letter-spacing: -1px;
font-family:'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;}
.main_subtitle1 { font-size: 20px; padding-left:30px; color:#FFFFFF;
line-height: 1;
letter-spacing: -1px;
font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;}
.main_text{ font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;
margin-bottom: 30px; padding-left:0px;
font-size: 15px; line-height: 35px;
font-weight: 200;color: #5a5a5a;
}
.main_text_pro{ font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;
margin-bottom: 30px; padding-left:30px;
font-size: 22px; line-height: 35px;
font-weight: 200;color: #7a7c7f;
}
.main_text_pro1{ font-family: 'Egyptienne URW Regular','Segoe UI',Tahoma,Helvetica,Cambria,Georgia;
margin-bottom: 30px; padding-left:30px;
font-size: 22px; line-height: 35px;
font-weight: 200;color: #ffffff;
}
/*****************************************************/
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #ffffff;
background-color: #000000;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #ffffff;background-color: #000000;
}
.dropbtn {
background-color: transparent;
color: #000000;
padding: 0px;
font-size: 13px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
color:#000000;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: #000000;
padding: 6px 8px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #F0F0F0; color:#000000;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #F0F0F0; color:#000000;}
.social a.facebook {
background: #7F98B9;
border-radius: 3px;
width: 60px;
height: 60px;
padding: 10px;
}
.social a.facebook:hover {
visibility: visible;
will-change: transform;
transition-duration: 250ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: transform, opacity;
box-shadow: 0 15px 20px rgb(0 0 0 / 40%);
transform: translate(0, -4px);
opacity: 1 !important;
}
.social a.twitter {
background: #75D2F1;
border-radius: 3px;
width: 60px;
height: 60px;
padding: 10px;
}
.social a.twitter:hover {
visibility: visible;
will-change: transform;
transition-duration: 250ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: transform, opacity;
box-shadow: 0 15px 20px rgb(0 0 0 / 40%);
transform: translate(0, -4px);
opacity: 1 !important;
}
.social a.google-plus {
background: #D97863;
border-radius: 3px;
width: 60px;
height: 60px;
padding: 10px;
}
.social a.google-plus:hover {
visibility: visible;
will-change: transform;
transition-duration: 250ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: transform, opacity;
box-shadow: 0 15px 20px rgb(0 0 0 / 40%);
transform: translate(0, -4px);
opacity: 1 !important;
}
/*****************************************/
.header-title {
color: #003c67;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 0px;
margin-bottom: 10px;
font: 400 40px 'Montserrat', sans-serif;
line-height: 1;
letter-spacing: 0px;
text-align: left;
padding-top: 0px;
padding-bottom: 0px;
text-transform: none;
}
.header-text {
font: 300 21px 'montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
text-transform: none;
color: #333333;
line-height: 45px;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
}
/***********************************************************/
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1199px)
{
.how_works_title{ font-size:55px; }
.road_map_title { font-size:55px; }
.whitepaper_title { font-size:55px; line-height: 65px; }
.blockchain_title { font-size:55px; }
.subheading { font-size:36px; }
.login_title { font-size:55px; }
.action-box-quote{ font-size: 55px; }
.bg_contact { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.contact-title{ font-size: 50px; }
.bg_service { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.service_title{ font-size: 55px; }
.work_title{ font-size: 55px; }
.timeline .timeline-heading h4.subheading{ font-size: 25px; }
.bg_about_1 { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.bg_about { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.bg_b { padding-left: 0%; padding-right: 0%; padding-top: 0rem;
padding-bottom: 0rem; }
.bg_link { padding-left: 0%; padding-right: 0%; padding-top: 0rem;
padding-bottom: 0rem; }
.bg-grey { padding-left: 0%; padding-right: 0%; padding-top: 2rem;
padding-bottom: 2rem; }
.bg_whitepaper { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper1 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper2 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper3 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper4 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.about_title{ font-size: 55px; }
.about_title1{ font-size: 60px; }
.carousel_title{ font-size: 60px; }
.carousel_subtitle{ font-size: 60px; }
.showcase01 { padding-left: 2%; padding-right: 2%; }
.link_title { font-size: 25px; }
.main_text_home{ text-align: justify;}
.site-logo { width: 50%; height: 50%; }
}
@media screen and (max-width: 991px)
{
.how_works_title{ font-size:35px; }
.header-title { font-size:30px; padding-top:40px; }
.road_map_title { font-size:35px; }
.whitepaper_title { font-size:25px; line-height: 35px; }
.whitepaper_title1 { font-size:25px; line-height: 35px; }
.blockchain_title { font-size:35px; }
.subheading { font-size:25px; }
.login_title { font-size:35px; }
.action-box-quote{ font-size: 35px; }
.bg_contact { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.contact-title{ font-size: 35px; }
.bg_service { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.service_title { font-size: 35px; }
.service_subtitle01 { padding-left: 2%; padding-right: 2%; }
.bg_work { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.work_title{ font-size: 35px; }
.timeline .timeline-heading h4.subheading{ font-size: 19px; }
.bg_about_1 { padding-left: 2%; padding-right: 2%; padding-top: 0rem;
padding-bottom: 0rem;}
.bg_about { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.about_title{ font-size: 35px; }
.about_title1{ font-size: 45px; }
.carousel_title{ font-size: 35px; }
.carousel_subtitle{ font-size: 35px; }
.bg_terms { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.terms_text { padding-left: 0px; padding-right: 0px;
text-align: justify;}
.terms_subtitle { font-size:25px; padding-left: 0px; padding-right: 0px; line-height: 45px;}
.main_text { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; text-align: justify;}
.bg_whitepaper { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.whitepaper_text { padding-left: 0px; padding-right: 0px;
text-align: justify;}
.whitepaper_title { padding-left: 0px; padding-right: 0px;}
.whitepaper_title1 { padding-left: 0px; padding-right: 0px; }
.bg_contact_1 { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_login { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_b { padding-left: 0%; padding-right: 0%; padding-top: 0rem;
padding-bottom: 0rem; }
.bg_link { padding-left: 0%; padding-right: 0%; padding-top: 0rem;
padding-bottom: 0rem; }
.bg_p { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.contact_1_title { font-size: 2.9rem; padding-left: 0px;
padding-right: 0px; }
.showcase01 { padding-left: 2%; padding-right: 2%; }
.link_title { font-size: 25px; }
.bg-grey { padding-left: 0%; padding-right: 0%; padding-top: 2rem;
padding-bottom: 2rem; }
.main_text_home{ text-align: justify;}
.bg_whitepaper { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper1 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper2 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper3 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper4 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.site-logo { width: 50%; height: 50%; }
.header-logo { left: 10px; top: 15%; }
.header-menu-toggle { top: 0px; }
.thumbnail { height: 170px; }
.icon_h { width: 50px; height: 50px; font-size: 50px; }
.icon_y { width: 50px; height: 50px; font-size: 50px; }
.icon_a { width: 50px; height: 50px; font-size: 50px; }
.icon_s { width: 50px; height: 50px; font-size: 50px; }
.icon_l { width: 50px; height: 50px; font-size: 50px; }
.icon_p { width: 50px; height: 50px; font-size: 50px; }
.icon_b { width: 50px; height: 50px; font-size: 50px; }
.menu { margin: 10px 100px 0px 0px; width: 100%;}
}
@media screen and (max-width: 767px;)
{
.how_works_title{ font-size:25px; }
.header-title { font-size:30px; padding-top:40px; }
.road_map_title { font-size:25px; }
.whitepaper_title { font-size:20px; }
.subheading { font-size:23px; }
.login_title { font-size:25px; }
.blockchain_title { font-size:25px; }
.action-box-quote{ font-size: 25px; }
.bg_contact { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.contact-title{ font-size: 25px; }
.bg_service { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.service_title{ font-size: 25px; }
.service_subtitle01 { padding-left: 2%; padding-right: 2%; }
.bg_work { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.work_title{ font-size: 25px; }
.timeline .timeline-heading h4.subheading{ font-size: 17px; }
.bg_about { padding-left: 2%; padding-right: 2%; padding-top: 0rem;
padding-bottom: 0rem;}
.bg_about_1 { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem;}
.about_title{ font-size: 25px; }
.about_title1{ font-size: 30px; }
.carousel_title{ font-size: 25px; }
.carousel_subtitle{ font-size: 25px; }
.bg_terms { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.terms_text { padding-left: 0px; padding-right: 0px;
text-align: justify;}
.terms_subtitle { font-size:25px; padding-left: 0px; padding-right: 0px; line-height: 45px;}
.main_text { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; text-align: justify;}
.bg_whitepaper { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.whitepaper_text { padding-left: 0px; padding-right: 0px;
text-align: justify;}
.whitepaper_title { padding-left: 0px; padding-right: 0px;}
.bg_contact_1 { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_login { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_b { padding-left: 0%; padding-right: 0%; padding-top: 0rem;
padding-bottom: 0rem; }
.bg_link { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_p { padding-left: 2%; padding-right: 2%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg-grey { padding-left: 0%; padding-right: 0%; padding-top: 2rem;
padding-bottom: 2rem; }
.bg_whitepaper { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper1 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper2 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper3 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.bg_whitepaper4 { padding-left: 0%; padding-right: 0%; padding-top: 3rem;
padding-bottom: 3rem; }
.contact_1_title { font-size: 2.9rem; padding-left: 0px;
padding-right: 0px; }
.showcase01 { padding-left: 2%; padding-right: 2%; }
.link_title { font-size: 25px; }
.main_text_home{ text-align: justify;}
.site-logo { width: 50%; height: 50%; }
.header-logo { left: 10px; top: 15%; }
.header-menu-toggle { top: 0px; }
.thumbnail { height: 100px; }
.icon_h { width: 50px; height: 50px; font-size: 50px; }
.icon_y { width: 50px; height: 50px; font-size: 50px; }
.icon_a { width: 50px; height: 50px; font-size: 50px; }
.icon_s { width: 50px; height: 50px; font-size: 50px; }
.icon_l { width: 50px; height: 50px; font-size: 50px; }
.icon_p { width: 50px; height: 50px; font-size: 50px; }
.icon_b { width: 50px; height: 50px; font-size: 50px; }
.menu { margin: 10px 100px 0px 0px; width: 100%;}
}
.empty_9182 {}