@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face { font-family: 'Gotham Book'; src: url('../fonts/Gotham-Book.eot'); src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/Gotham-Medium.eot'); src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'); font-weight: 500; font-style: normal; }
html, body { box-sizing: border-box }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; vertical-align: middle }
a:focus { outline: none; }
body { font-family: 'Open Sans', sans-serif; padding: 0; margin: 0; }
a, p, div, section, span { box-sizing: border-box }
a { font-family: 'Open Sans', sans-serif; text-decoration: none }
ul, li { list-style: none; margin: 0; padding: 0; box-sizing: border-box }
p { font-weight: 400; color: #4d4d4d; margin: 0; padding: 0; display: block; font-size: 16px; line-height: 25px; }
.small, .medium { line-height: 25px; }
.wrap { max-width: 1120px; margin: 0 auto; display: block; padding: 0; width: 100% }
address { font-style: normal }
.menu-toggle { display: none }
.menu-scroll-down { display: none }
.white-bg { background: #fff; }
.green-bg { background: #93c022; }
.lgray-bg { background: #f2f2f2; }
.gray-bg { background: #e6e6e6; }
.dgray-bg { background: #4d4d4d; }
.blue-bg { background: #3ba7de; }
.red-bg { background: #e52630; }
.mgray-bg { background: #ebebeb; }
.blue-color { color: #3ba7de !important; }
.red-color { color: #e52630 !important; }
.green-color { color: #82b100 !important; }
.banner-text { font-size: 28px; color: #fff; margin: 0; padding: 0; /*line-height: 1 !important; */ }
.common-section h3, .common-section h4, .common-section .small, .common-section .medium, p { color: #fff }
.white-bg h3, .white-bg h4, .white-bg .small, .white-bg .medium, .white-bg p, .lgray-bg h3, .lgray-bg h4, .lgray-bg .small, .lgray-bg .medium, .lgray-bg p, .gray-bg h3, .gray-bg h4, .gray-bg .small, .gray-bg .medium, .gray-bg p, .mgray-bg h3, .mgray-bg h4, .mgray-bg .small, .mgray-bg .medium, .mgray-bg p { color: #4d4d4d }
/*#bmd-cycle { padding: 20px 0 10px; }*/
.common-padding { padding: 50px 0; }
.solutions { padding: 55px 0; }
.target-market { padding: 62px 0 62px 0; }
.our-intro { padding: 25px 0 25px }
.our-intro p { font-size: 14px; line-height: 24px; }
.our-intro .big-button { margin-top: 15px; font-size: 14px }
.common-btn { font-size: 13px; color: #fff; line-height: 22px; border: 1px solid #fff; padding: 0 16px; display: inline-block; vertical-align: middle; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; position: relative; min-width: 85px; }
.common-btn span { margin-left: 5px; }
.common-btn:hover { color: #333; border-color: #333; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.features-benefits .common-btn { color: #4d4d4d; border-color: #4d4d4d; margin-top: 30px; }
.features-benefits .common-btn:hover { background: #4d4d4d; color: #fff; }
.big-button { border: 1px solid #4d4d4d; font-size: 15px; color: #565656; font-weight: 400; line-height: 26px; padding: 0 18px; margin: 24px auto 0; display: inline-block; vertical-align: middle; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; min-width: 220px; position: relative; }
.big-button:hover { border-color: #40b4e5; color: #40b4e5; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.medium p { margin-bottom: 10px; font-size: 15px }
.common-section { text-align: center }
.common-section h3 { font-size: 22px; font-weight: 600; margin: 0 0 12px 0 }
.common-section h4 { font-size: 20px; font-weight: 600; margin: 0 0 15px 0 }
.common-section .small { font-size: 14px; font-weight: 400 }
.common-section .medium { font-size: 15px; font-weight: 400 }
.common-section .no-margin { margin: 0; font-weight: 400 }
.common-section .width { width: 72%; margin: 0 auto }
/*Header*/
.header { padding: 15px 0 15px; background: #fff; }
.home .header { box-shadow: 0 0 5px rgba(0,0,0,0.15); position: fixed; left: 0; right: 0; top: 0; z-index: 3; }
.logo-box, .navigation-top nav, .login-button { display: inline-block; vertical-align: middle }
.navigation-top { float: right; margin-top: 30px }
.navigation-top nav li { display: inline-block; vertical-align: middle; margin: 0 12px; position: relative; line-height: 27px; }
.navigation-top nav li:last-child { margin-right: 0; }
.navigation-top nav li:last-child:after { display: none }
.navigation-top nav li:after { content: "|"; position: absolute; right: -19px; top: -2px; }
.navigation-top nav li a { color: #4d4d4d; font-size: 14px; font-weight: 400; display: block }
.login-button { color: #fff; font-size: 14px; text-align: center; background: #38a9e0; padding: 0 14px; line-height: 23px; margin-left: 15px; }
.login-button:hover { background: #93C022; color: #fff }
.navigation-top nav li a:hover, .navigation-top nav li.current-menu-item a { color: #38a9e0 }
/* Home Banner */
.home-banner { background-repeat: no-repeat; background-position: right top; background-size: 50% auto; position: relative; overflow: hidden; }
.home-banner .fp-tableCell { vertical-align: top; }
/* About Banner */
.about-banner { background-image: url(../images/about-banner-right.jpg); background-repeat: no-repeat; background-position: right top; background-size: 50% auto; position: relative; padding-bottom: 2.8%; overflow: hidden; font-size: 16px }
/* BMD Banner */
.bmd-banner { background-image: url(../images/bmd-banner-right.jpg); background-repeat: no-repeat; background-position: right top; background-size: 50% auto; position: relative; padding-top: 2.8%; overflow: hidden; font-size: 16px }
/* */
.bmd-banner.data-banner { background-image: url(../images/data-banner-right.jpg); background-repeat: no-repeat; background-position: right top; background-size: 50% auto; position: relative; padding-top: 4.8%; overflow: hidden; font-size: 16px }
.bmd-banner.data-banner .banner-text { font-size: 55px; line-height: normal; font-family: open sans; top: 20%; left: 22%; width: 510px; }
.bmd-banner.data-banner .banner-text span { font-size: 36px; margin-top: 5px; }
.colored-outer-ring { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1 }
.bmd-banner.data-banner .banner-colored-ring { border-top-color: #3BA7DE; bottom: -85%; }
.bmd-banner .banner-colored-ring { border-bottom-color: transparent; top: 0; bottom: -71%; border-top-color: #93C022; transform: rotate(-60deg); -webkit-transform: rotate(-60deg); -webkit-animation-name: rfillcircle; -moz-animation-name: rfillcircle; -ms-animation-name: rfillcircle; -o-animation-name: rfillcircle; animation-name: rfillcircle; }
.banner-colored-ring { width: 100%; height: auto; border-radius: 100em; border: 25px solid transparent; position: absolute; top: -69.5%; right: 0; bottom: 0; z-index: -1; border-bottom-color: #3BA7DE; transform: rotate(60deg); -webkit-transform: rotate(60deg); -webkit-animation-name: fillcircle; -moz-animation-name: fillcircle; -ms-animation-name: fillcircle; -o-animation-name: fillcircle; animation-name: fillcircle; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes fillcircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}
 100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@-moz-keyframes fillcircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}
 100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@-ms-keyframes fillcircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}
 100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@-o-keyframes fillcircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}
 100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@keyframes fillcircle { 0% {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
 100% {
transform: rotate(330deg);
-webkit-transform: rotate(330deg);
}
}
@-webkit-keyframes rfillcircle { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
100% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
}
@-moz-keyframes rfillcircle { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
 100% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
}
@-ms-keyframes rfillcircle { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
 100% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
}
@-o-keyframes rfillcircle { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
 100% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
}
@keyframes rfillcircle { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 100% {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
}
.circle-image { margin: 0 auto; position: relative; width: 50%; z-index: 1; }
.circle-image img { display: block; margin: 0 auto }
.circle-image .banner-ring { width: 100%; max-width: 100%; z-index: 0; position: relative }
.bmd-banner .circle-image .banner-circle { transform-origin: 50% 70% 0; -webkit-transform-origin: 50% 70% 0; top: auto; bottom: -19%; }
.circle-image .banner-circle { position: absolute; left: 0; right: 0; top: -19%; max-width: 86%; width: 100%; }
.home-banner .banner-text { color: #fff; /*line-height: 32px !important; font-size: 28px;*/ font-weight: 400; font-family: 'Gotham'; z-index: 1 }/*padding: 160px 0 190px 97px;*/
.home-banner .banner-text span { display: block; font-size: 19px; font-family: 'Gotham Book'; line-height: 25px !important }
.about-banner .banner-text { color: #fff; width: 400px; line-height: 32px; position: absolute; top: 38%; left: 26%; font-weight: 400; font-family: 'Gotham'; z-index: 1 }/*padding: 160px 0 190px 97px;*/
.about-banner .banner-text span { display: block; font-size: 19px; font-family: 'Gotham Book'; }
.bmd-banner .banner-text { color: #fff; width: 400px; line-height: 35px; position: absolute; top: 46%; left: 26%; font-weight: 400; font-family: 'Gotham'; z-index: 1 }/*padding: 160px 0 190px 97px;*/
.bmd-banner .banner-text span { display: block; font-size: 19px; font-family: 'Gotham Book'; }
.mobile-slider { display: none }
/* Target Market */
.target-market .markets { display: inline-block; vertical-align: middle; width: 100%; margin: 35px auto 0 }
.markets .block { width: 22%; float: left; margin-right: 4% }
.markets .block:last-child { margin-right: 0; }
.target-icon { width: 202px; height: 202px; border-radius: 100%; padding-top: 40px; box-sizing: border-box; display: block; margin: 0 auto 20px; position: relative; }
.target-icon .icon { display: block; margin: 0 auto; background-repeat: no-repeat; height: 53px; }
.target-icon .rotatering { width: 100%; height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; }
.enterprice .target-icon .icon { background-image: url(../images/enterprice-icon.png); width: 42px; }
.health .target-icon .icon { background-image: url(../images/home-icon.png); width: 51px; }
.clinic .target-icon .icon { background-image: url(../images/clinic-icon.png); width: 35px; }
.caregiver .target-icon .icon { background-image: url(../images/caregiver-icon.png); width: 59px; }
.markets .market-name { font-size: 18px; color: #4d4d4d; font-weight: 600; line-height: 22px; margin: 10px auto 0 }
.markets .block .small { margin-bottom: 5px }
.markets .block .small.width { width: 80% }
.markets .block .small:first-of-type { width: 90%; margin: 0 auto }
/* Powerful solutions */
.solutions .solution-block { margin: 40px auto 0; display: inline-block; vertical-align: middle; width: 100%; }
.solutions .solution-block .block { width: 48%; text-align: left; }
.solutions .solution-block .smokebeat { float: left }
.solutions .solution-block .safebeing { float: right }
.solutions .icon { width: 130px; height: 130px; border-radius: 100%; display: inline-block; vertical-align: top; position: relative }
.solutions .icon span { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: 129px auto; background-position: center; }
.page-template-bmd-platform .solutions .icon:before { width: 130px; height: 130px; position: absolute; border-radius: 100%; display: inline-block; content: ''; vertical-align: middle; top: 0; left: 0; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; right: 0; margin: 0 auto }
.page-template-bmd-platform .solutions .safebeing .icon:before { background-image: url(../images/psol-green.png); }
.page-template-bmd-platform .solutions .smokebeat .icon:before { background-image: url(../images/psol-red.png); }
.solutions .smokebeat .icon span { background-image: url(../images/heart.png); -webkit-animation-name: heart; -moz-animation-name: heart; -ms-animation-name: heart; -o-animation-name: heart; animation-name: heart; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; }
@-webkit-keyframes heart { 0% {
 opacity: 0.2;
}
 20% {
 opacity: 0.4;
}
 40% {
 opacity: 0.6;
}
 60% {
 opacity: 1;
}
 80% {
 opacity: 0.8;
}
 100% {
 opacity: 0.3;
}
}
@-moz-keyframes heart { 0% {
 opacity: 0.2;
}
 20% {
 opacity: 0.4;
}
 40% {
 opacity: 0.6;
}
 60% {
 opacity: 1;
}
 80% {
 opacity: 0.8;
}
 100% {
 opacity: 0.3;
}
}
@-ms-keyframes heart { 0% {
 opacity: 0.2;
}
 20% {
 opacity: 0.4;
}
 40% {
 opacity: 0.6;
}
 60% {
 opacity: 1;
}
 80% {
 opacity: 0.8;
}
 100% {
 opacity: 0.3;
}
}
@-o-keyframes heart { 0% {
 opacity: 0.2;
}
 20% {
 opacity: 0.4;
}
 40% {
 opacity: 0.6;
}
 60% {
 opacity: 1;
}
 80% {
 opacity: 0.8;
}
 100% {
 opacity: 0.3;
}
}
@keyframes heart { 0% {
 opacity: 0.2;
}
 20% {
 opacity: 0.4;
}
 40% {
 opacity: 0.6;
}
 60% {
 opacity: 1;
}
 80% {
 opacity: 0.8;
}
 100% {
 opacity: 0.3;
}
}
.solutions .safebeing .icon span { background-image: url(../images/house.png); position: relative }
.sol-desc p { font-weight: 600 }
.solution-block .sol-desc { width:71%; float: right }
.sol-desc .common-btn { margin-top: 8px; }
.common-section.solutions { position: relative; z-index: 1; }
.sol-desc .common-btn:hover { border-color: #38A7DF; color: #38A7DF }
/* Leadership */
.leaders { width: 100%; margin: 36px auto 0; display: block }
.leaders li { width: 16.4%; display: inline-block; vertical-align: top; position: relative; margin-right: 4%; transition: all 0.4s linear; -webkit-transition: all 0.4s linear }
.leaders li:hover .leader-bottom { transition: all 0.4s linear; -webkit-transition: all 0.4s linear; min-height: 100% }
.leaders li:last-child { margin-right: 0; }
.leader-bottom { display: inline-block; width: 100%; vertical-align: middle; text-align: left; padding: 0; box-sizing: border-box; transition: all 0.4s linear; -webkit-transition: all 0.4s linear }
.leader-name { display: inline-block; width: 100%; border-bottom: 1px solid #fff }
.leader-name .small { float: left; width: 85%; }
.leader-social { color: #fff; float: right; width: 15%; }
.leader-social:hover { color: #4d4d4d; }
.leaders li .small { line-height: normal; color: #fff }
.leader-social .fa { vertical-align: top }
.leaders li > img { width: 100% }
/* BMD Platform */
.bmd-platform .common-btn { margin-top: 15px; }
/* BMd cycle stages */
/*.bmd-cycle{padding: 55px 0}*/
.bmd-cycle-stages .front p { color: #58595b; margin: 0 auto; width: 80%; font-size: 1em; line-height: 1.125em }
.bmd-cycle-stages .center-text { font-size: 1.25em; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 13em; }
.bmd-cycle-stages .vcenter { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.stage-description { color: #fff; font-size: 0.7em; width: 90%; margin: 0 auto; line-height: 1.2em }
.bmd-cycle-stages { position: relative; width: 40.75em; height: 39.375em; display: block; margin: 0 auto; font-size: 16px; }
.bmd-cycle-stages .circle .icon { margin-bottom: 10px; height: 3.125em }
.bmd-cycle-stages .circle .icon img { width: 3.06em }
.bmd-cycle-stages .circle.green .icon img { width: 3.31em }
.bmd-cycle-stages .circle { display: inline-block; vertical-align: middle; position: absolute; box-sizing: border-box; cursor: pointer; background-repeat: no-repeat; background-position: center; }
.bmd-cycle-stages .red { top: 0; left: 13.75em; width: 17.2em; height: 13.6em; background-size: 16.81em auto }
.bmd-cycle-stages .lblue { top: 9.93em; right: 0; width: 13em; height: 17.31em; background-size: 13em auto }
.bmd-cycle-stages .dblue { bottom: 0; right: 5.31em; width: 16.75em; height: 13em; background-size: 16.75em auto; text-align: right; }
.bmd-cycle-stages .gray { bottom: 0; left: 85px; width: 13em; height: 15.18em; background-size: 13em auto }
.bmd-cycle-stages .green { top: 7.81em; left: 0; width: 13em; height: 15.31em; background-size: 13em auto }
.bmd-cycle-stages .circle .default { background: transparent; width: 12.81em; height: 13em; border-radius: 100% }
.bmd-cycle-stages .dblue .default { display: inline-block; vertical-align: middle; text-align: center }
.bmd-cycle-stages .gray .default { margin: 2.18em auto 0 }
.bmd-cycle-stages .green .default { margin: 2.3em auto 0 }
.page-template-bmd-platform .bmd-cycle-stages .red { background-image: url(../images/red-circle.png); }
.page-template-bmd-platform .bmd-cycle-stages .lblue { background-image: url(../images/lblue-circle.png); }
.page-template-bmd-platform .bmd-cycle-stages .dblue { background-image: url(../images/dblue-circle.png); }
.page-template-bmd-platform .bmd-cycle-stages .gray { background-image: url(../images/gray-circle.png); }
.page-template-bmd-platform .bmd-cycle-stages .green { background-image: url(../images/green-circle.png); }
.bmd-cycle-stages .circle .front { background: #fff; width: 10.5em; height: 10.5em; border-radius: 100%; margin: 0px auto; display: block; left: 0; right: 0; top: 1.18em; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.bmd-cycle-stages .circle .back { border-radius: 100%; position: absolute; left: 0; right: 0; width: 11.93em; height: 11.93em; margin: 0 auto; top: 0.6em; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.bmd-cycle-stages .red .default .back { background: #e52630; right: -0.2em; }
.bmd-cycle-stages .lblue .default .back { background: #38a7df; right: -0.2em; }
.bmd-cycle-stages .dblue .default .back { background: #2577c8; left: -0.15em; }
.bmd-cycle-stages .gray .default .back { background: #b3b3b3; right: -0.1em; }
.bmd-cycle-stages .green .default .back { background: #92c021 }
.animatebmd { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
/* our success */
.our-success { text-align: center; overflow: hidden; position: relative; font-size: 15px; }
.our-success .big-wrap { width: 78.75em; position: relative; margin: 0 auto; display: block; }
.our-success img { display: inline-block; vertical-align: bottom }
.center-boy { display: inline-block; vertical-align: bottom; margin-left: -48px }
.left-girl, .right-girl { position: absolute; bottom: 0; text-align: center }
.left-girl { left: 0 }
.right-girl { right: 2em }
.center-circle-image { position: absolute; top: -5.625em; left: 27%; max-width: 29.125em; background-image: url(../images/gray-circle-image.png); background-repeat: no-repeat; background-size: 29.125em auto; width: 29.125em; height: 29.5em; background-position: 50% -50%; }
.center-circle-image img, .right-circle-image img, .left-circle-image img { margin: 0 auto; width: 29.125em }
.left-circle-image { left: 0; position: absolute; top: 0; bottom: 0; background-image: url(../images/gray-circle-image.png); background-repeat: no-repeat; background-size: 29.125em auto; width: 29.125em; height: 29.5em }
.right-circle-image { right: 0; position: absolute; bottom: 0; background-image: url(../images/gray-circle-image.png); background-repeat: no-repeat; background-size: 29.125em auto; width: 29.125em; height: 29.5em }
.right-colored-ring, .center-colored-ring, .left-colored-ring { position: absolute; }
.left-colored-ring { left: 0; transform: rotate(4deg); -webkit-transform: rotate(4deg); bottom: -1.5625em }
.center-colored-ring { top: 0; left: 27%; max-width: 29.125em; transform-origin: center center 0; -webkit-transform-origin: center center 0; }
.right-colored-ring { right: -3.125em; bottom: 0; transform-origin: center center 0; -webkit-transform-origin: center center 0; }
.our-success .left-girl-image img, .our-success .right-girl-image img, .our-success .center-boy-image img { width: 29.75em }
.parallax-window { min-height: 400px; background: transparent; }
.parallax-container { height: 25em; }
.circle { /*perspective: 1000px;*/ }
.circle .default:hover .front { opacity: 0; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.circle .default:hover .back { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.default { position: relative; }
.front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; }
.front { z-index: 2; opacity: 1; }
.back { opacity: 0; }
/* Media Coverage */
.media-coverage ul { margin-top: 28px; }
.media-coverage li { display: inline-block; vertical-align: middle; width: 14.5%; margin-right: 2%; margin-top: 3% }
.media-coverage li a { display: block; background: #fff; padding: 2px 0 3px; box-sizing: border-box; }
.media-coverage li:nth-child(6n) { margin-right: 0; }
/* Press Room */
.media-coverage.common-section li a { padding: 5px 15px; }
.media-coverage.common-section .small { font-size: 13px; margin-top: 4px; }
.media-coverage.common-section .media-logo { border-bottom: 1px solid #4d4d4d; min-height: 36px; }
.media-coverage.common-section .media-logo img { width: 100% }
.common-btn.blue-color { border-color: #3ba7de; }
.common-btn.blue-color:hover { color: #333 !important; border-color: #333; }
.common-btn.blue-color:hover span { color: #333; transition: all 0.4s ease-in 0s; }
.more-button.common-btn { margin-top: 35px; }
.press-room-banner { background-position: center bottom; padding: 90px 0; text-align: center; background-repeat: no-repeat }
.press-room-banner h2 { font-family: 'Gotham Book'; }
.press-release { padding: 60px 0 70px }
.press-release ul { margin-top: 30px; text-align: left }
.press-release ul li { margin-bottom: 20px; padding: 22px 48px }
.press-release ul li:last-child { margin-bottom: 0; }
.press-release li .date { font-size: 13px; color: #4d4d4d; margin-bottom: 4px; }
.press-release li p.blue-color { margin-bottom: 4px; }
.press-release li .press-detail p { font-size: 14px; }
.press-release li .press-detail { padding-bottom: 10px; border-bottom: 2px solid #4d4d4d; margin-bottom: 5px; }
.press-release li .read-more { font-size: 13px; color: #4d4d4d; display: block; text-align: right }
.press-release li .read-more span { margin-left: 5px; vertical-align: middle }
.press-release li .read-more:hover { color: #40b4e5 }
.green-bg_top::before { background: #93c022; width: 100%; height: 200px; position: absolute; content: ""; top: 0; z-index: -1; }
.grey-bg_bottom::before { background: #333333; width: 100%; height: 400px; position: absolute; content: ""; bottom: 0; z-index: -1; }
/* About Us */
.common-section.left { text-align: left }
.key-features h4 { margin-bottom: 0; }
.key-features ul { padding: 0 4%; display: inline-block; width: 100%; vertical-align: middle }
.key-features li .blue-color { font-weight: 600 }
.key-features li { width: 46%; text-align: left; margin-top: 28px; min-height: 100px; }
.key-features li { float: left }
.key-features li:nth-child(2n) { float: right }
.key-features li .icon { display: inline-block; vertical-align: top; margin-right: 12px; width: 50px; text-align: center }
.key-features li .description { width: 85%; display: inline-block; vertical-align: top }
.key-features li .description p { display: inline-block; vertical-align: middle }
/* BMD Platform */
.data-management { padding: 60px 0; }
.data-management .wrap { padding: 0 40px }
.data-management p { margin-bottom: 10px; padding: 0 5%; }
.data-management p:last-child { margin-bottom: 0; }
.cycle-stages { padding: 35px 0 60px }
.cycle-stages ul { width: 46%; }
.cycle-stages ul.left { float: left }
.cycle-stages ul.right { float: right }
.cycle-stages li { text-align: left; margin-bottom: 30px; }
.cycle-stages ul li:last-child { margin-bottom: 0; }
.cycle-stages li .icon { display: inline-block; vertical-align: middle; margin-right: 8px }
.cycle-stages li .top-line p { display: inline-block; vertical-align: middle; font-weight: 600 }
/* Solutions */
.types-of-solutions { display: inline-block; vertical-align: middle; width: 100%; }
.types-of-solutions a { width: 50%; float: left; color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: 14px; line-height: 20px; }
.types-of-solutions a.red-bg { padding-right: 20px; text-align: right }
.types-of-solutions a.dgray-bg { padding-left: 20px; }
.sol-detail { padding: 60px 0; }
.sol-detail .small { padding: 0 60px; }
.sol-detail p { margin-bottom: 10px; }
.sol-detail p:last-child { margin-bottom: 0; }
.features-benefits { padding: 55px 0; }
.smokebeat-section .features-benefits { text-align: center }
.smokebeat-section .features-benefits p, .smokebeat-section .features-benefits ul { text-align: left }
.smokebeat-section .features-benefits .wrap { padding: 0 26px }
.safebeing-section .features-benefits .wrap { padding: 0 60px }
.features-benefits .title { border-bottom: 1px solid; padding-bottom: 15px; margin-bottom: 21px; }
.features-benefits .title.green-color { border-bottom-color: #82b100 }
.features-benefits .title.red-color { border-bottom-color: #e52630 }
.features-benefits .bold { font-weight: 600; }
.features-benefits ul { display: table; vertical-align: middle; width: 100%; float: left; }
.features-benefits li .bold { margin-bottom: 8px; }
.features-benefits li { width: 47%; float: none; margin-bottom: 17px; display: inline-block; }
.features-benefits li:nth-child(2n) { float: right }
.smokebeat-section .small p, .safebeing-section .small p { font-size: 14px; line-height: 20px; }
.banner-top { padding: 30px 0 0 0; position: relative; overflow: hidden }
.banner-top .wrap { padding: 0 0 0 45px }
.solution-type-person { display: inline-block; vertical-align: bottom }
.solution-type-person img { display: block; margin: 0 auto; max-width: 100% }
.solution-type-logo { display: inline-block; vertical-align: top; margin: 35px 0px 0 0; z-index: 1; position: relative }
.types-of-solutions a.red-bg:hover { background: #4D4D4D }
.types-of-solutions a.dgray-bg:hover { background: #93C022 }
.banner-bottom { padding: 34px 0; }
.banner-bottom .wrap { padding-left: 300px; }
.banner-bottom h4 { margin: 0; color: #fff; font-weight: 400; font-size: 20px; }
.sol-banner .banner-text { line-height: 37px; }
.sol-banner { position: relative; overflow: hidden }
.banner-rings { position: absolute; left: 0; right: 0; bottom: -1px; }
.banner-bottom.red-bg { padding: 47px 0 }
.smokebeat-section .solution-type-logo { margin-right: 5%; }
.smokebeat-section .sol-banner-grayring { left: 24% }
.banner-rings .wrap { position: relative }
.banner-rings img { display: block }
.banner-rings .sol-banner-rings { max-width: 100%; width: 55.5%; margin-left: 19% }
.safebeing-section .banner-rings .sol-banner-rings { margin-left: 17%; }
.safebeing-section .sol-banner-grayring { left: 24.5%; }
.safebeing-section .solution-type-person { margin-left: -4.5% }
.safebeing-section .banner-top { padding-top: 40px; }
.safebeing-section .solution-type-logo { margin-top: 25px }
.sol-banner-grayring { position: absolute; bottom: -16%; left: 27%; width: 45%; }
/* Join Us */
/* Data with apurpose */
.data-purpose a.home_url { font-size: 19px; color: #40b4e5; margin-top: 20px; display: inline-block; font-weight: 600; }
.data-purpose h4.blue-color { margin-top: 10px; }
.data-purpose ul li { width: 23%; display: inline-block; vertical-align: middle; background: #fff; margin-right: 1%; text-align: left; padding: 5px; display: flex; justify-content: center; flex-direction: column; float: left; }
.data-purpose ul { margin: 20px 0 10px; }
.data-purpose ul li:first-child, .data-purpose ul li:nth-child(2) { background: #37a7de; padding: 20px; }
.data-purpose ul li:first-child p, .data-purpose ul li:nth-child(2) p { color: #fff; }
.data-purpose ul li:last-child { margin: 0; width: 27%; }
.data-purpose ul li p { font-weight: 600; overflow: hidden; font-size: 15px; line-height: 20px; top: 50%; position: relative; transform: translateY(-50%); }
.data-purpose ul li p img { display: block; }
.data-purpose ul li .img_box { float: left; margin-right: 10px; }
.padding_top_zero { padding-top: 25px !important; }
/* Data with apurpose */
.types-of-solutions a.blue-bg { padding-right: 20px; text-align: right; }
.types-of-solutions a.green-bg { padding-left: 20px; }
.types-of-solutions a:hover { background: #4D4D4D; }
.press-section ul.press_release li { padding: 30px 0; border-bottom: 1px solid #bfbfbf; float: left; width: 100% }
.common-padding.press-section { padding: 50px 0; }
.press-section ul.press_release li:last-child { border-bottom: none; padding-bottom: 0; }
.press-section .press_release .release_date { float: left; width: 20%; text-align: left; }
.press-section .press_release .release_desc { float: left; width: 60%; text-align: left; padding: 0 15px; }
.press-section .press_release .release_desc h4 { margin: 0 0 5px; color: #40b4e5; font-size: 18px; }
.press-section .press_release .release_desc a { color: #40b4e5; }
.press-section .press_release .release_more { float: right; width: 20%; text-align: right; }
.joinus-banner { background-image: url("../images/home-banner-right.jpg"); }
.about-banner.joinus-banner .banner-text { top: 43% }
.join-us .small p { text-align: left; font-size: 14px; margin-bottom: 12px; line-height: 20px; }
.join-us p.blue-color { margin-top: 20px; display: inline-block; width: 100% }
.app-type { overflow: hidden }
.app-type .common-padding { width: 50%; float: left; padding-left: 7%; padding-right: 7%; position: relative }
.app-type .small { line-height: 20px; }
.app-type .gray-bg:before { content: ''; position: absolute; top: 0; bottom: 0; left: -1000%; width: 1000%; background: #E6E6E6 }
.app-type .blue-bg:after { content: ''; position: absolute; top: 0; bottom: 0; right: -1000%; width: 1000%; background: #3BA7DE; }
.welcome-somatix a { color: #40b4e5 }
.welcome-somatix a:hover { color: #93C022 }
/* We are hiring */
.we-hiring h4 { margin-bottom: 5px; margin-top: 10px; display: inline-block; vertical-align: middle; width: 100% }
.we-hiring p { margin-bottom: 10px; }
.we-hiring .positions li .position-desc { display: none }
.we-hiring .positions { margin-top: 30px; }
.we-hiring .positions li { margin-bottom: 15px; text-align: left }
.we-hiring .positions .position-name { background: #E1E1E1; display: block; padding: 10px 20px; font-size: 15px; cursor: pointer }
.we-hiring .positions .position-name i { margin-right: 10px; font-size: 14px; }
.we-hiring .positions .position-desc { padding: 15px 10px; }
.we-hiring .positions .big-button { margin: 0 20px 0 0; font-size: 14px; }
.we-hiring .positions .big-button:last-child { margin-right: 0; }
.hiring-banner .banner-text { top: 50%; left: 27%; }
/*Footer*/
.footer { background: #333333; padding: 68px 0 60px; }
.home .footer { padding: 48px 0 48px; }
.footer .small, .footer address { color: #fff; }
.footer-top { display: inline-block; width: 100%; vertical-align: middle }
.footer-top .contactus { width: 50%; padding-right: 6.8%; float: left }
.footer-top .office-location { width: 50%; padding-left: 2.2%; float: right }
.footer-top address { font-style: normal; font-size: 14px; font-style: 400; margin-bottom: 10px; }
.footer-top .small { font-size: 14px; font-style: 600 }
.office-location .office-address { width: 48%; float: left }
.office-location .office-address:nth-child(2) { width: 45%; float: right }
.footer-top .title { margin: 0 0 12px 0; padding: 0 0 10px 0; border-bottom: 1px solid #38a9e0; }
.footer-top h4 { margin: 0; display: inline-block; vertical-align: middle; font-size: 21px; }
.footer-top .title { display: inline-block; vertical-align: middle; width: 100% }
.footer-top .social { float: right }
.footer-top .social a { width: 27px; height: 27px; border-radius: 100%; border-radius: 100%; border: 1px solid #fff; display: inline-block; vertical-align: middle; margin-right: 20px; text-align: center; font-size: 14px; line-height: 25px; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.footer-top .social a:last-child { margin-right: 0; }
.footer-top .social a .fa { color: #fff; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.footer-top .social a:hover { background: #fff; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.footer-top .social a:hover .fa { color: #333333; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.copyright { margin-top: 50px; text-align: center }
.home .copyright { margin-top:30px; }
.copyright span { margin-right: 14px; font-size: 14px; }
.copyright span, .copyright nav { display: inline-block; vertical-align: middle }
.copyright nav li { display: inline-block; vertical-align: top; margin-right: 14px; }
.copyright nav li a { color: #fff; text-decoration: underline; font-size: 14px; display: block; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.copyright nav li a:hover { color: #38A7DF; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
/*Form*/
.contact-form { margin-top: 13px; }
.contact-form .gform_wrapper li .gfield_label { display: none }
.contact-form .gform_wrapper li input, .contact-form .gform_wrapper textarea { height: 24px; padding: 0 8px; font-size: 12px; color: #fff; background: transparent; border: 1px solid #fff; width: 100%; box-sizing: border-box; margin: 0; display: block; font-family: "Open Sans", sans-serif; }
.contact-form .gform_wrapper textarea.large { height: 120px !important; padding-top: 8px; width: 100% !important; resize: none }
.contact-form form { position: relative }
.gform_wrapper ul { display: inline-block; vertical-align: middle; width: 100%; }
.gform_wrapper ul li.gfield.left { width: 49.5%; float: left }
.gform_wrapper ul li.gfield.right { width: 49.5%; float: right; position: absolute; right: 0; top: 0; }
.gform_wrapper ul li.gfield { margin-bottom: 8px; clear: both; }
.gform_wrapper ul li.left:nth-child(5), .contact-top .gform_wrapper ul li.gfield:nth-child(5) { margin-bottom: 0; }
.contact-form .gform_wrapper .gform_footer input.button { position: absolute; right: 0; top: 128px; border: 1px solid #38a7df; font-size: 12px; color: #38a7df; width: 49.5%; background: transparent; height: 24px; font-family: 'Open Sans', sans-serif; cursor: pointer; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; resize: none }
.contact-form .gform_wrapper .gform_footer input.button:hover { background: #38a7df; color: #fff; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
body .contact-form .gform_wrapper label.gfield_label + div.ginput_container { margin-top: 0; }
.contact-form .gform_wrapper .hidden_label input.large, .contact-form .gform_wrapper .hidden_label select.large, .contact-form .gform_wrapper .top_label input.large, .contact-form .gform_wrapper .top_label select.large { width: 100% }
.contact-form .gform_wrapper .gform_footer { margin: 0; padding: 0; }
.contact-form .gform_wrapper { max-width: 100%; margin: 0; }
/*gform-error*/
.gform_wrapper div.validation_error { border: 0; color: #E52630; font-size: 14px; text-align: center; font-weight: 400; margin-bottom: 20px; padding: 0; width: 100%; display: none }
.gform_wrapper .gform_heading { margin-bottom: 40px; width: 100%; text-align: center }
.contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 0 0 8px; }
.contact-form .gform_wrapper li.gfield_error input, .contact-form .gform_wrapper li.gfield_error textarea { border: 1px solid #E52630 }
.contact-form .gform_wrapper .gfield_description.validation_message, .contact-form .gform_wrapper .top_label .gfield_description.validation_message { font-size: 12px; padding: 0; }
.contact-form .gform_wrapper .validation_message { color: #E52630; font-weight: 400; margin: 5px 0 0; text-align: right; font-size: 13px; }
.contact-form .gform_wrapper .validation_message.instruction { display: none }
.contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding: 0; max-width: 100%; margin: 0; text-align: right; font-size: 10px; position: absolute; right: 4px; bottom: 1px; width: auto; }
.gform_wrapper form li { margin-bottom: 15px; position: relative }
.gform_wrapper h3.gform_title { padding: 0; margin: 0 0 10px 0; font-size: 24px; }
.gform_description { font-size: 15px; line-height: 28px; display: block; }
.gform_confirmation_message { font-size: 14px; }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff;
opacity:1;
filter:alpha(opacity:10);
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #fff;
opacity:1;
filter:alpha(opacity:10);
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #fff;
opacity:1;
filter:alpha(opacity:10);
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
color: #fff;
opacity:1;
filter:alpha(opacity:10);
}
 .brochure-form input::-webkit-input-placeholder, .brochure-form textarea::-webkit-input-placeholder, .contact-top input::-webkit-input-placeholder, .contact-top textarea::-webkit-input-placeholder {
color: #666;
opacity:1;
filter:alpha(opacity:10);
}
.brochure-form input:-moz-placeholder, .brochure-form textarea:-moz-placeholder, .contact-top input:-moz-placeholder, .contact-top textarea:-moz-placeholder {
color: #666;
opacity:1;
filter:alpha(opacity:10);
}
.brochure-form input::-moz-placeholder, .brochure-form textarea::-moz-placeholder, .contact-top input::-moz-placeholder, .contact-top textarea::-moz-placeholder {
color: #666;
opacity:1;
filter:alpha(opacity:10);
}
.brochure-form input::-ms-input-placeholder, .brochure-form textarea::-ms-input-placeholder, .contact-top input::-ms-input-placeholder, .contact-top textarea::-ms-input-placeholder {
color: #666;
opacity:1;
filter:alpha(opacity:10);
}
/*Thank you*/
.thankyou-page p { text-align: center; font-size: 24px; font-weight: 600; line-height: 35px; }
.error-404 h2 { font-size: 100px; margin: 0 0 10px 0; padding: 0; color: #4d4d4d }
.error-404 h3 { color: #4d4d4d; font-size: 30px; margin: 0 }
/* Contact Us */
.contact-bottom .map { width: 49%; float: left }
.contact-bottom .map:last-child { float: right }
.contact-bottom { width: 100%; margin: 60px auto 0 }
.contact-top h3 { border-bottom: 1px solid #e6e6e6; font-size: 22px; font-weight: 400; margin: 0 0 25px; padding-bottom: 10px; }
.contact-top .contact-form li { margin-bottom: 10px; }
.contact-top .contact-form li input, .contact-top .contact-form li textarea { width: 100% !important; padding: 8px 15px; border: 1px solid #e6e6e6; margin: 0; display: block; font-size: 14px; height: auto; }
.contact-top .contact-form .gform_button { width: auto; background: #fff; color: #4d4d4d; font-size: 16px; border: 1px solid #4d4d4d; }
.contact-top .contact-form .gform_wrapper textarea.large { height: 188px !important; }
.contact-top .contact-form .gform_wrapper .gform_footer input.button { height: auto; font-size: 16px; top: 199px; padding: 6px 15px 5px; font-weight: 600; width: 49%; border-width: 1px; }
.contact-top { display: inline-block; width: 100%; vertical-align: middle }
.contact-top .contact-form { margin: 0; width: 60%; float: left }
.contact-top .contactus-address { width: 36%; float: right }
.contact-top .gform_wrapper ul li.gfield { margin-bottom: 1.8% }
.contact-top .gform_wrapper ul li.gfield.left { width: 49%; }
.contact-top .gform_wrapper ul li.gfield.right { width: 49%; }
.contactus-address address { margin-bottom: 20px; position: relative; padding-left: 25px; line-height: 26px; font-size: 15px; }
.contactus-address address::before { content: "\f041"; display: block; font-family: FontAwesome; left: 0; position: absolute; top: 1px; }
.contact-top .contact-form .gform_wrapper li.gfield_error input, .contact-top .contact-form .gform_wrapper li.gfield_error textarea { border-width: 1px }
.contactus-address b { font-weight: 600; }
/* Inner Page */
.inner-page { text-align: left }
.inner-page p { margin-bottom: 12px; line-height: 30px; }
.inner-page ul { margin-bottom: 20px }
.inner-page li { margin-bottom: 10px; font-size: 16px; position: relative; color: #4d4d4d; padding-left: 20px; }
.inner-page li:last-child { margin-bottom: 0; }
.inner-page li:before { content: '\f105'; left: 0; top: 0px; position: absolute; font-family: FontAwesome; line-height: 25px; }
.inner-page a { color: #3BA7DE }
.inner-page a:hover { color: #93C022 }
/* Remodel */
.gform_wrapper .brochure-form h3.gform_title { font-size: 22px; color: #fff; font-weight: 600; margin: 0 0 25px 0 }
.gform_wrapper .brochure-form .gform_heading { margin-bottom: 0px; }
.brochure-form .gfield_label { display: none }
.brochure-form input, .brochure-form textarea { width: 100%; background: #fff; border: 0; font-size: 12px; color: #666666; height: 25px; padding: 0 12px; box-sizing: border-box; font-family: "Open Sans", sans-serif; }
.brochure-form textarea { height: 80px; padding-top: 5px; resize: none }
.brochure-form .file-upload { text-align: left; display: inline-block; vertical-align: middle; width: 100% }
.brochure-form .file-upload input { padding: 5px 10px; height: auto; }
.brochure-form .file-upload .gfield_label { font-size: 12px; color: #fff; margin-top: 5px }
.brochure-form .file-upload .gfield_label, .brochure-form .file-upload .ginput_container { display: inline-block; vertical-align: middle }
.brochure-form .file-upload .ginput_container { float: right; width: 53% }
.gform_wrapper .brochure-form ul li.gfield { margin: 0 0 6px 0; }
.brochure-form input.button { width: auto; display: inline-block; vertical-align: middle; line-height: 26px; font-size: 13px; color: #fff; background: #000; padding: 0 10px; margin: 0; height: auto; cursor: pointer; }
.brochure-form input.button:hover { background: #fff; color: #000 }
.brochure-form .gform_footer { text-align: right }
.brochure-form .validation_message { font-size: 12px; margin: 0; color: #E52630; text-align: right; }
.brochure-form .file-upload .validation_message { display: inline-block; vertical-align: middle; width: 100%; }
.remodal .gform_confirmation_message { color: #fff; }
.remodal .big-button { border-color: #fff; color: #fff; }
.remodal .big-button:hover { background: #fff; color: #4d4d4d; }
/*Customer Login*/
.customer-login { width: 734px; height: 206px; margin: 0 auto; display: block; border: 0; }
.remodal, .remodal-wrapper::after { vertical-align: middle; }
.remodal-wrapper::after { content: ""; display: inline-block; height: 100%; margin-left: -0.05em; }
.remodal-wrapper { padding: 10px 10px 0; }
.remodal-overlay, .remodal-wrapper { backface-visibility: hidden; }
.remodal-wrapper { bottom: 0; display: none; left: 0; overflow: auto; position: fixed; right: 0; text-align: center; top: 0; z-index: 10000; }
.remodal-close { background: transparent none repeat scroll 0 0; border: 0 none; color: #95979c; cursor: pointer; display: block; height: 35px; left: 0; margin: 0; outline: 0 none; overflow: visible; padding: 0; position: absolute; text-decoration: none; top: 0; transition: color 0.2s ease 0s; -webkit-transition: color 0.2s ease 0s; width: 35px; }
.remodal-close::before { content: "X"; display: block; font-size: 14px; left: 0; font-weight: 600; line-height: 35px; position: absolute; text-align: center; top: 0; width: 35px; color: #fff; }
.remodal { box-sizing: border-box; color: #666666; max-width: 480px; border-radius: 10px; margin: 0px; padding: 40px 60px; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); width: 100%; outline: medium none; position: relative; }
.remodal-overlay { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; }
.remodal-overlay { bottom: -5000px; display: none; left: -5000px; position: fixed; right: -5000px; top: -5000px; z-index: 9999; }
.remodal, [data-remodal-id] {
 display: none;
}
.remodal-is-initialized { display: inline-block; }
/* Home bottom rings animation */

.left-colored-ring { width: 29em; height: 29em; border-radius: 100%; border: 0.9375em solid transparent; border-left-color: #93c022; bottom: -14em; left: -1em; transform: rotate(60deg); -webkit-transform: rotate(60deg); opacity: 0; -webkit-animation-name: greenfill; -moz-animation-name: greenfill; -ms-animation-name: greenfill; -o-animation-name: greenfill; animation-name: greenfill; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.left-colored-ring.reverse-left-ring { -webkit-animation-name: rgreenfill; -moz-animation-name: rgreenfill; -ms-animation-name: rgreenfill; -o-animation-name: rgreenfill; animation-name: rgreenfill; }
 @-webkit-keyframes greenfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
}
@-moz-keyframes greenfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
}
@-ms-keyframes greenfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(60deg);
-webkit-transform: rotate(45deg);
opacity: 1;
}
}
@-o-keyframes greenfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(60deg);
-webkit-transform: rotate(45deg);
opacity: 1;
}
}
@keyframes greenfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
}
 @-webkit-keyframes rgreenfill { 0% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
 100% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 1;
}
}
@-moz-keyframes rgreenfill { 0% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
 100% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 1;
}
}
@-ms-keyframes rgreenfill { 0% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
 100% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 1;
}
}
@-o-keyframes rgreenfill { 0% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
 100% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 1;
}
}
@keyframes rgreenfill { 0% {
transform: rotate(60deg);
-webkit-transform: rotate(60deg);
opacity: 1;
}
 100% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 1;
}
}
.right-colored-ring { width: 37em; height: 37em; border-radius: 100%; border: 0.9375em solid transparent; border-right-color: #38a9e0; bottom: -7.5em; right: -2em; transform: rotate(-22deg); -webkit-transform: rotate(-22deg); opacity: 0; -webkit-animation-name: bluefill; -moz-animation-name: bluefill; -ms-animation-name: bluefill; -o-animation-name: bluefill; animation-name: bluefill; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
 @-webkit-keyframes bluefill { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
opacity: 1;
}
 100% {
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
opacity: 1;
}
}
@-moz-keyframes bluefill { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
opacity: 1;
}
 100% {
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
opacity: 1;
}
}
@-ms-keyframes bluefill { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
opacity: 1;
}
 100% {
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
opacity: 1;
}
}
@-o-keyframes bluefill { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
opacity: 1;
}
 100% {
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
opacity: 1;
}
}
@keyframes bluefill { 0% {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
opacity: 1;
}
 100% {
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
opacity: 1;
}
}
.center-colored-ring { width: 34em; height: 37em; max-width: 100%; border-radius: 100%; border: 0.9375em solid transparent; border-bottom-color: #e52630; top: -13em; transform: rotate(28deg); -webkit-transform: rotate(28deg); opacity: 0; left: 26%; -webkit-animation-name: redfill; -moz-animation-name: redfill; -ms-animation-name: redfill; -o-animation-name: redfill; animation-name: redfill; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
 @-webkit-keyframes redfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(28deg);
-webkit-transform: rotate(28deg);
opacity: 1;
}
}
@-moz-keyframes redfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(28deg);
-webkit-transform: rotate(28deg);
opacity: 1;
}
}
@-ms-keyframes redfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(28deg);
-webkit-transform: rotate(28deg);
opacity: 1;
}
}
@-o-keyframes redfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(28deg);
-webkit-transform: rotate(28deg);
opacity: 1;
}
}
@keyframes redfill { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
 100% {
transform: rotate(28deg);
-webkit-transform: rotate(28deg);
opacity: 1;
}
}
/*******SIDER******/
.home-slider .banner-text { font-size: 28px; color: #FFFFFF; line-height: 32px; }
.home-slider .banner-text span { font-size: 19px !important; font-weight: 500; }
/* Target Market Circle Rotation */
.rotatering.graycircle #halfclip { width: 50%; height: 100%; right: 0px; position: absolute; overflow: hidden; transform-origin: left center; -webkit-transform-origin: left center; animation-name: cliprotate; animation-duration: 4s; animation-iteration-count: 1; -webkit-animation-name: cliprotate; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; transform: rotate(120deg); -webkit-transform: rotate(120deg); }
@keyframes cliprotate { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50.01% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
 100% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
}
@-webkit-keyframes cliprotate { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50.01% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
 100% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
}
.rotatering.graycircle .halfcircle { box-sizing: border-box; height: 100%; right: 0px; position: absolute; border: solid 4px transparent; border-top-color: #808080; border-left-color: #808080; border-radius: 50%; }
.rotatering.graycircle #clipped { width: 200%; transform: rotate(135deg); -webkit-transform: rotate(135deg); animation-name: rotate; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: 2; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 2; }
@keyframes rotate { 0% {
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
}
 100% {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
}
@-webkit-keyframes rotate { 0% {
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
}
 100% {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
}
.rotatering.graycircle #fixed { width: 100%; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity: 1; animation-name: showfixed; animation-duration: 4s; animation-iteration-count: 1; -webkit-animation-name: showfixed; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; }
@keyframes showfixed { 0% {
opacity: 0;
}
 49.99% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
@-webkit-keyframes showfixed { 0% {
opacity: 0;
}
 49.99% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
.health .rotatering.graycircle #clipped { animation-duration: 1.5s; -webkit-animation-duration: 1.5s }
.clinic .rotatering.graycircle #clipped { animation-duration: 3s; -webkit-animation-duration: 3s }
.caregiver .rotatering.graycircle #clipped { animation-duration: 2.5s; -webkit-animation-duration: 2.5s }
.health .rotatering.graycircle #fixed { animation-duration: 3s; -webkit-animation-duration: 3s }
.clinic .rotatering.graycircle #fixed { animation-duration: 6s; -webkit-animation-duration: 6s }
.caregiver .rotatering.graycircle #fixed { animation-duration: 5s; -webkit-animation-duration: 5s }
.health .rotatering.graycircle #halfclip { animation-duration: 3s; -webkit-animation-duration: 3s }
.clinic .rotatering.graycircle #halfclip { animation-duration: 6s; -webkit-animation-duration: 6s }
.caregiver .rotatering.graycircle #halfclip { animation-duration: 5s; -webkit-animation-duration: 5s }
.enterprice .rotatering { transform: rotate(100deg); -webkit-transform: rotate(100deg); }
.health .rotatering { transform: rotate(260deg); -webkit-transform: rotate(260deg); }
.clinic .rotatering { transform: rotate(160deg); -webkit-transform: rotate(160deg); }
.caregiver .rotatering { transform: rotate(340deg); -webkit-transform: rotate(340deg); }
.rotatering.graycircle .colored-border { position: absolute; width: 100%; height: 100%; z-index: -1; right: 0; top: 0; left: 0; bottom: 0; background-repeat: no-repeat; opacity: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.enterprice .rotatering.graycircle .colored-border { background-image: url(../images/blue-ring.png); transform: rotate(166deg); -webkit-transform: rotate(166deg); -webkit-animation-name: bluecircle; -moz-animation-name: bluecircle; -ms-animation-name: bluecircle; -o-animation-name: bluecircle; animation-name: bluecircle; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }
 @-webkit-keyframes bluecircle { 0% {
transform: rotate(166deg);
-webkit-transform: rotate(166deg);
opacity: 0;
}
 100% {
transform: rotate(246deg);
-webkit-transform: rotate(246deg);
opacity: 1;
}
}
@-moz-keyframes bluecircle { 0% {
transform: rotate(166deg);
-webkit-transform: rotate(166deg);
opacity: 0;
}
 100% {
transform: rotate(246deg);
-webkit-transform: rotate(246deg);
opacity: 1;
}
}
@-ms-keyframes bluecircle { 0% {
transform: rotate(166deg);
-webkit-transform: rotate(166deg);
opacity: 0;
}
 100% {
transform: rotate(246deg);
-webkit-transform: rotate(246deg);
opacity: 1;
}
}
@-o-keyframes bluecircle { 0% {
transform: rotate(166deg);
-webkit-transform: rotate(166deg);
opacity: 0;
}
 100% {
transform: rotate(246deg);
-webkit-transform: rotate(246deg);
opacity: 1;
}
}
@keyframes bluecircle { 0% {
transform: rotate(166deg);
-webkit-transform: rotate(166deg);
opacity: 0;
}
 100% {
transform: rotate(246deg);
-webkit-transform: rotate(246deg);
opacity: 1;
}
}
.health .rotatering.graycircle .colored-border { background-image: url(../images/green-ring.png); transform: rotate(30deg); -webkit-transform: rotate(30deg); -webkit-animation-name: greencircle; -moz-animation-name: greencircle; -ms-animation-name: greencircle; -o-animation-name: greencircle; animation-name: greencircle; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -ms-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; }
 @-webkit-keyframes greencircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 0;
}
 100% {
transform: rotate(94deg);
-webkit-transform: rotate(94deg);
opacity: 1;
}
}
@-moz-keyframes greencircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 0;
}
 100% {
transform: rotate(94deg);
-webkit-transform: rotate(94deg);
opacity: 1;
}
}
@-ms-keyframes greencircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 0;
}
 100% {
transform: rotate(94deg);
-webkit-transform: rotate(94deg);
opacity: 1;
}
}
@-o-keyframes greencircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 0;
}
 100% {
transform: rotate(94deg);
-webkit-transform: rotate(94deg);
opacity: 1;
}
}
@keyframes greencircle { 0% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 0;
}
 100% {
transform: rotate(94deg);
-webkit-transform: rotate(94deg);
opacity: 1;
}
}
.clinic .rotatering.graycircle .colored-border { background-image: url(../images/dblue-ring.png); transform: rotate(132deg); -webkit-transform: rotate(132deg); -webkit-animation-name: dbluecircle; -moz-animation-name: dbluecircle; -ms-animation-name: dbluecircle; -o-animation-name: dbluecircle; animation-name: dbluecircle; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }
 @-webkit-keyframes dbluecircle { 0% {
transform: rotate(132deg);
-webkit-transform: rotate(132deg);
opacity: 0;
}
 100% {
transform: rotate(202deg);
-webkit-transform: rotate(202deg);
opacity: 1;
}
}
@-moz-keyframes dbluecircle { 0% {
transform: rotate(132deg);
-webkit-transform: rotate(132deg);
opacity: 0;
}
 100% {
transform: rotate(202deg);
-webkit-transform: rotate(202deg);
opacity: 1;
}
}
@-ms-keyframes dbluecircle { 0% {
transform: rotate(132deg);
-webkit-transform: rotate(132deg);
opacity: 0;
}
 100% {
transform: rotate(202deg);
-webkit-transform: rotate(202deg);
opacity: 1;
}
}
@-o-keyframes dbluecircle { 0% {
transform: rotate(132deg);
-webkit-transform: rotate(132deg);
opacity: 0;
}
 100% {
transform: rotate(202deg);
-webkit-transform: rotate(202deg);
opacity: 1;
}
}
@keyframes dbluecircle { 0% {
transform: rotate(132deg);
-webkit-transform: rotate(132deg);
opacity: 0;
}
 100% {
transform: rotate(202deg);
-webkit-transform: rotate(202deg);
opacity: 1;
}
}
.caregiver .rotatering .colored-border { opacity: 0; transition: opacity 0.4s linear; -webkit-transition: opacity 0.4s linear; }
.caregiver .rotatering.graycircle .colored-border { background-image: url(../images/orange-ring.png); transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -webkit-animation-name: orangecircle; -moz-animation-name: orangecircle; -ms-animation-name: orangecircle; -o-animation-name: orangecircle; animation-name: orangecircle; -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; -ms-animation-delay: 4.5s; -o-animation-delay: 4.5s; animation-delay: 4.5s; }
 @-webkit-keyframes orangecircle { 0% {
transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
opacity: 0;
}
 100% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 1;
}
}
@-moz-keyframes orangecircle { 0% {
transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
opacity: 0;
}
 100% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 1;
}
}
@-ms-keyframes orangecircle { 0% {
transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
opacity: 0;
}
 100% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 1;
}
}
@-o-keyframes orangecircle { 0% {
transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
opacity: 0;
}
 100% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 1;
}
}
@keyframes orangecircle { 0% {
transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
opacity: 0;
}
 100% {
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
opacity: 1;
}
}
/* Powerfull solutions */

.solutions .rotatering.graycircle #halfclip { width: 50%; height: 100%; right: 0px; position: absolute; overflow: hidden; transform-origin: left center; -webkit-transform-origin: left center; animation-name: cliprotate1; animation-iteration-count: 1; -webkit-animation-name: cliprotate1; -webkit-animation-iteration-count: 1; transform: rotate(120deg); -webkit-transform: rotate(120deg); }
.smokebeat .rotatering.graycircle #halfclip { animation-duration: 4s; -webkit-animation-duration: 4s }
.safebeing .rotatering.graycircle #halfclip { animation-duration: 6s; -webkit-animation-duration: 6s }
@keyframes cliprotate1 { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50.01% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
 100% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
}
@-webkit-keyframes cliprotate1 { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50.01% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
 100% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
}
@-ms-keyframes cliprotate1 { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50.01% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
 100% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
}
@-moz-keyframes cliprotate1 { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50.01% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
 100% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
}
@-o-keyframes cliprotate1 { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
 50.01% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
 100% {
transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
}
.solutions .rotatering.graycircle .halfcircle { box-sizing: border-box; height: 100%; right: 0px; position: absolute; border: solid 4px transparent; border-top-color: #fff; border-left-color: #fff; border-radius: 50%; }
.solutions .rotatering.graycircle #clipped { width: 200%; transform: rotate(135deg); -webkit-transform: rotate(135deg); animation-name: rotate1; animation-timing-function: linear; animation-iteration-count: 2; -webkit-animation-name: rotate1; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 2; }
.smokebeat .rotatering.graycircle #clipped { animation-duration: 2s; -webkit-animation-duration: 2s }
.safebeing .rotatering.graycircle #clipped { animation-duration: 3s; -webkit-animation-duration: 3s }
 @keyframes rotate1 { 0% {
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
}
 100% {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
}
@-webkit-keyframes rotate1 { 0% {
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
}
 100% {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
}
@-moz-keyframes rotate1 { 0% {
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
}
 100% {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
}
@-ms-keyframes rotate1 { 0% {
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
}
 100% {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
}
@-o-keyframes rotate1 { 0% {
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
}
 100% {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
}
.solutions .rotatering.graycircle #fixed { width: 100%; transform: rotate(135deg); -webkit-transform: rotate(135deg); opacity: 1; animation-name: showfixed1; animation-iteration-count: 1; -webkit-animation-name: showfixed1; -webkit-animation-iteration-count: 1; }
.smokebeat .rotatering.graycircle #fixed { animation-duration: 4s; -webkit-animation-duration: 4s }
.safebeing .rotatering.graycircle #fixed { animation-duration: 6s; -webkit-animation-duration: 6s }
 @keyframes showfixed1 { 0% {
opacity: 0;
}
 49.99% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
@-webkit-keyframes showfixed1 { 0% {
opacity: 0;
}
 49.99% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes showfixed1 { 0% {
opacity: 0;
}
 49.99% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
@-ms-keyframes showfixed1 { 0% {
opacity: 0;
}
 49.99% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
@-o-keyframes showfixed1 { 0% {
opacity: 0;
}
 49.99% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
.smokebeat .rotatering.graycircle .colored-border { background-image: url(../images/red-border.png); transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -webkit-animation-name: redborder; -moz-animation-name: redborder; -ms-animation-name: redborder; -o-animation-name: redborder; animation-name: redborder; -webkit-animation-delay: 3.8s; -moz-animation-delay: 3.8s; -ms-animation-delay: 3.8s; -o-animation-delay: 3.8s; animation-delay: 3.8s; }
.safebeing .rotatering.graycircle .colored-border { background-image: url(../images/green-border.png); transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -webkit-animation-name: redborder; -moz-animation-name: redborder; -ms-animation-name: redborder; -o-animation-name: redborder; animation-name: redborder; -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; -ms-animation-delay: 5.5s; -o-animation-delay: 5.5s; animation-delay: 5.5s; }
 @-webkit-keyframes redborder { 0% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 0;
}
 100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
}
@-moz-keyframes redborder { 0% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 0;
}
 100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
}
@-ms-keyframes redborder { 0% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 0;
}
 100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
}
@-o-keyframes redborder { 0% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 0;
}
 100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
}
@keyframes redborder { 0% {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
opacity: 0;
}
 100% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
}
.our-intro { height: 238px; overflow: hidden; position: relative }
.bmd-platform { height: auto; overflow: hidden; position: relative; padding: 23px 0; }
.our-intro .wrap, .bmd-platform .wrap { position: relative }
.text-parallax { text-align: center; position: absolute; display: block; margin: 0px auto 0; left: 0; right: 0; height: inherit; overflow: hidden; }
/*.bmd-platform .text-parallax { margin-top: 100px; }*/
/*.home-banner { height: 100vh; }*/
.footer-section-home { display: block !important; table-layout: auto !important; height: auto !important; }
.footer-section-home .fp-tableCell { display: block; height: auto !important; }
/*.home .bmd-cycle-stages { transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); -webkit-transform: scale(0.97); }*/
.page-template-bmd-platform-php .bmd-cycle-stages .circle.red .front { top: 1.5em; left: 0.5em; }
.page-template-bmd-platform-php .circle .default:hover .front { opacity: 1 }
.safebeing-section .features-benefits .wrap { padding: 0 26px; }
.text-center { text-align: center }
.common-section .medium h2 { line-height: 28px; font-size: 22px; }
.media-logo img { max-width: 100%; }