html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
.clearfix { clear: both }
.row { margin-left: -15px; margin-right: -15px; }
.img-responsive { max-width: 100%; }
#masthead .wrap { max-width: 1120px; }
.tp-caption strong { font-family: 'Gotham' !important; font-weight: 500 !important }
.home-tag { display: block; clear: both; float: left; width: 100%; color: #fff; background: #4d4d4d; font-size: 27px; font-weight: 400; padding: 45px 0; }
.home-tag .wrap { padding: 0 15px; }
.main-slider { }
.target-icon .rotatering { background-repeat: no-repeat; background-position: center; background-size: cover; }
.enterprice .rotatering { background-image: url(../images/enterprice-ring.png); transform: none; -webkit-transform: none; }
.health .rotatering { background-image: url(../images/health-ring.png); transform: none; -webkit-transform: none; }
.clinic .rotatering { background-image: url(../images/clinic-ring.png); transform: none; -webkit-transform: none; }
.caregiver .rotatering { background-image: url(../images/caregiver-ring.png); transform: none; -webkit-transform: none; }
.solutions .smokebeat .icon::before { background-image: url(../images/psol-red.png); }
.solutions .safebeing .icon::before { background-image: url(../images/psol-green.png); }
.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-landing-page #shiftnav-toggle-main { display: none !important; }
.page-template-landing-page .white-bg { background: #e2e3e4; }
.page-template-landing-page .banner-text { text-transform: uppercase; font-weight: 600; font-family: open sans; font-size: 50px; }
.page-template-landing-page .banner-text span { display: block; font-weight: 400; font-size: 32px; }
.landing_wrap { background: #fff; padding: 15px; margin-bottom: 25px; }
.landing_wrap > div { display: inline-block; padding: 0 10px; vertical-align: middle; }
.landing_wrap > .col_1 { width: 11%; }
.landing_wrap > .col_2 { width: 25%; }
.landing_wrap > .col_3 { width: 31%; }
.landing_wrap > .col_32 { width: 34%; }
.landing_wrap > .col_4 { width: 44%; }
.landing_wrap > .col_5 { width: 54%; }
.landing_wrap > .col_full { width: 88%; }
.landing_wrap:last-child > .col_1 { width: 14%; }
.landing_wrap p { color: #2e75ba; font-size: 15px; margin-bottom: 0px; line-height: 22px !important; letter-spacing: -1px; }
.landing_wrap img { max-width: 100%; height: auto; }
.landing_wrap:first-child img, .landing_wrap:nth-child(5) img, .landing_wrap:nth-child(8) img { max-width: 100%; height: auto; border: 1px solid #e2e3e4; }
.landing_wrap h2 { color: #46a8df; margin: 0; font-weight: 300; font-size: 100px; line-height: 0.8; border-right: 2px dashed; }
.landing_wrap h3 { color: #46a8df; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; font-size: 24px; line-height: 1.2; }
.page-template-landing-page .press-room-banner { text-align: left; }
.team_info { text-align: center; }
.team_info ul li { display: inline-block; width: 20%; margin: 0 -2px; padding: 0 5px; vertical-align: top; }
.team_info ul { margin: 20px 0 0; }
.landing_wrap > .v_top { vertical-align: top; }
.team_info ul li::before { display: none; }
.team_info .team_pic { width: 115px; height: 115px; line-height: 115px; border-radius: 50%; border: 2px solid #d8d8d8; }
.team_info h5 { margin: 0; color: #2e75ba; font-size: 15px; font-weight: 600; color: #46a8df; }
.team_info h6 { margin: 0; color: #2e75ba; font-size: 14px; font-weight: 400; color: #46a8df; }
.team_info .team_pic { width: 115px; height: 115px; line-height: 115px; border-radius: 50%; border: 2px solid #d8d8d8; overflow: hidden; margin: 0 auto 5px; }
.team_info .team_pic img { width: 100%; height: auto; display: inline-block; }
.landing-footer { padding: 60px 0; }
.landing-footer .footer-text { color: #fff; margin: 0 auto; text-transform: uppercase; font-size: 32px; max-width: 900px; text-align: center; }
@media only screen and (min-width:1366px) {
.home #page { padding-top: 94px; }
}
.sec-wrapper { max-width: 100%; padding: 60px 0; }
.wrapper { max-width: 1170px; margin: 0 auto; display: block; padding: 0 15px; width: 100%; }
.col-6 { width: 50%; float: left; padding-left: 15px; padding-right: 15px; }
.col-left { display: inline-block; float: left; width: 41%; padding-left: 15px; padding-right: 15px; }
.col-right { display: inline-block; float: left; width: 59%; padding-left: 15px; padding-right: 15px; }
.col-left h4 { font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'Open Sans', sans-serif; margin: 15px 0px 30px; }
.col-left p { font-size: 15px; color: #4d4d4d; line-height: 26px; margin-bottom: 10px; }
#target-market h4 { margin-bottom: 20px; }
.leadership, .media-section { padding: 40px 0; }
.innerBanner { display: block; clear: both; float: left; width: 100%; position: relative; line-height: 1; margin-bottom: 50px; }
.innerBanner img { width: 100%; }
.pageTitle { width: 100%; text-align: center; position: absolute; left: 0; top: 20%; transform: translateY(-20%); -moz-transform: translateY(-20%); -webkit-transform: translateY(-20%); }
.title-wrap { display: inline-block; width: 1150px; max-width: 100%; padding: 0 15px; text-align: left; }
.title-wrap h1 { color: rgb(77, 77, 77); font-size: 38px; line-height: 44px; font-family: "Gotham Book"; font-weight: 400; margin: 0; display: inline-block }
.title-wrap h1 strong { font-family: 'Gotham'; font-weight: 500; }
.circleInner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; z-index: 1; }
.circleWrap { display: inline-block; max-width: 100%; width: 1120px; position: relative; height: 100%; }
.red-border .banner-colored-ring { border-bottom-color: transparent; top: 0; bottom: -100%; border-top-color: #e52531; transform: rotate(-160deg); -webkit-transform: rotate(-160deg); -webkit-animation-name: fillcircle; -moz-animation-name: fillcircle; -ms-animation-name: fillcircle; -o-animation-name: fillcircle; animation-name: fillcircle; }
.solutionBanner { display: block; clear: both; width: 100%; line-height: 1; }
.banImg { line-height: 0; display: block; clear: both; width: 100%; }
.banImg img { width: 100%; }
.bannrHead { display: block; width: 100%; background: #e61e2b; text-align: center; color: #fff; font-size: 28px; font-weight: 700; font-family: 'Open Sans', sans-serif; padding: 36px 0; }
#safebeing .bannrHead { background: #93c022; }
.bannerSub { font-size: 20px; font-weight: 400; margin-top: 10px; }
.banner-mobile { display: none !important }
@media only screen and (max-width:767px) {
.banner-mobile { display: block !important }
.banner-desktop { display: none !important }
}
@media only screen and (max-width:1440px) {
.home-tag { font-size: 24px; padding: 40px 0; }
.main-slider { height: -webkit-calc(100% - 113px); height: -moz-calc(100% - 113px); height: calc(100% - 113px); }
.solutions { padding: 25px 0; }
.solutions .solution-block { margin-top: 25px; }
.target-market { padding: 25px 0 25px 0; }
#target-market h4 { margin-bottom: 15px; }
.target-market .markets { margin: 25px auto 0; }
.media-coverage li { margin-top: 2% }
.leaders { margin: 20px auto 0; }
.media-section p.width br { display: none }
.media-section p.width { font-size: 14px; line-height: 22px; }
.common-padding.press-section { padding: 25px 0; }
.press-section ul.press_release li { padding: 12px 0; }
.common-padding.press-section h4 { margin-bottom: 0 }
.home .footer { padding: 25px 0 25px; }
.footer-top .small { line-height: 22px; }
.contact-form { margin-top: 10px; }
.gform_wrapper ul li.gfield { margin-bottom: 6px; }
.contact-form .gform_wrapper textarea.large { height: 114px !important }
.contact-form .gform_wrapper .gform_footer input.button { top: 120px; }
.home .copyright { margin-top: 10px; }
.map iframe { height: 114px; }
.bmd-cycle-stages .vcenter { top: 45%; }
.bmd-cycle-stages .circle .icon { margin-bottom: 5px; }
.carousel { /*margin-top: 60px !important;*/ }
}
@media only screen and (max-width:1365px) {
.main-slider { height: auto !important; }
.team_info h5 { font-size: 14px; }
.landing_wrap h2 { font-size: 85px; }
}
@media only screen and (max-width:1365px) and (min-width:1025px) {
body.home { padding-top: 90px; }
.target-icon .rotatering { background-repeat: no-repeat; background-position: center; background-size: cover; }
.enterprice .rotatering { background-image: url(../images/enterprice-ring.png); transform: none; -webkit-transform: none; }
.health .rotatering { background-image: url(../images/health-ring.png); transform: none; -webkit-transform: none; }
.clinic .rotatering { background-image: url(../images/clinic-ring.png); transform: none; -webkit-transform: none; }
.caregiver .rotatering { background-image: url(../images/caregiver-ring.png); transform: none; -webkit-transform: none; }
}
@media only screen and (max-width:1200px) {
body.home { padding-top: 88px; }
.main-slider .tp-caption strong, .main-slider .tp-caption { font-size: 32px !important; line-height: 1.25 !important; }
.sec-wrapper { padding: 40px 0 }
.col-right, .col-left { width: 50%; }
.col-left h4 { margin: 0px 0px 15px; }
.wrapper { max-width: 990px; }
.title-wrap { width: 990px; }
.title-wrap h1 { font-size: 28px; line-height: 36px; }
.media-coverage.common-section li a { padding: 5px 10px; }
}
@media only screen and (max-width:1024px) {
body.home { padding-top: 110px; }
.home-tag { font-size: 18px; padding: 25px 0; }
.main-slider .tp-caption strong, .main-slider .tp-caption { font-size: 24px !important; line-height: 1.25 !important; }
.wrapper { max-width: 720px; }
.sec-wrapper { padding: 30px 0 }
.col-right, .col-left { width: 100%; text-align: center; }
.col-left { margin-bottom: 30px }
.col-right img { display: inline-block; width: 500px; }
.col-left p { margin-bottom: 0 }
.title-wrap h1 { font-size: 24px; line-height: 32px; }
.title-wrap { width: 750px; }
.innerBanner { margin-bottom: 30px; }
.bmd-cycle-stages .circle .icon { margin-bottom: 5px; height: 2.8em; }
.bmd-cycle-stages .circle .icon img { width: 2.8em; }
.bannrHead { padding: 25px 0; font-size: 22px; }
.page-template-landing-page .banner-text { font-size: 38px !important; }
.page-template-landing-page .banner-text span { font-size: 28px; }
.landing-footer .footer-text { font-size: 30px; }
.team_info h5 { font-size: 13px; line-height: 1.2; }
.team_info h6 { font-size: 12px; line-height: 1.2; }
.team_info .team_pic { width: 95px; height: 95px; line-height: 95px; }
.landing_wrap > .col_32 { width: 33%; }
.landing_wrap > .col_4 { width: 43%; }
.landing_wrap h2 { font-size: 65px; }
.landing_wrap:last-child > .col_1 { width: 16%; }
.landing_wrap:last-child > .col_5 { width: 50%; }
}
@media only screen and (max-width:767px) {
body.home { padding-top: 0; }
.wrapper { max-width: 630px; }
.col-left p { font-size: 14px }
.col-left h4 { font-size: 15px; line-height: 23px; margin-bottom: 10px; }
.sec-wrapper { padding: 20px 0 }
.home-tag { font-size: 14px; padding: 12px 0; }
.main-slider .tp-caption strong, .main-slider .tp-caption { font-size: 16px !important; line-height: 22px !important }
.title-wrap h1 { font-size: 18px; line-height: 24px; }
.title-wrap { width: 600px; }
.innerBanner { margin-bottom: 20px; }
.page-template-landing-page .banner-text { font-size: 32px !important; text-shadow: none; }
.page-template-landing-page .press-room-banner, .landing-footer { padding: 40px 0; }
.page-template-landing-page .banner-text span { font-size: 24px; }
.landing-footer .footer-text { font-size: 25px; }
.landing_wrap > div { padding: 0 0 15px; width: 100% !important; text-align: center; }
.team_info ul li { display: inline-block; width: 100%; margin: 0; padding: 0 0 20px; vertical-align: top; }
.team_info h6, .team_info h5 { font-size: 14px; }
.page-template-landing-page .common-section h3 { margin-bottom: 8px; font-size: 16px; }
.landing_wrap h2 { font-size: 55px; margin-bottom: 10px; border: none; }
}
@media only screen and (max-width:480px) {
.title-wrap h1 { font-size: 15px; line-height: 20px; }
}
@media only screen and (max-width:767px) {
.pageTitle { width: 100%; text-align: center; position: relative; left: 0; top: 0; transform: none; -moz-transform: none; -webkit-transform: none; display: block; line-height: 1; background: #3ba7de; padding: 15px 0; }
.title-wrap h1 { font-size: 22px; line-height: 28px; color: #fff; }
.pageTitle .title-wrap { line-height: 1; }
.innerBanner { line-height: 0; }
.page-template-we-are-hiring .pageTitle { background: #82b100; }
.page-template-bmd-platform .pageTitle { background: #e52630; }
.bannrHead { padding: 15px 0; font-size: 22px; font-weight: 600; text-align: left; }
}
@media only screen and (max-width:640px) {
.wrapper { max-width: 450px; }
.bmd-cycle-stages .green { margin-bottom: 0 !important }
.press-section ul.press_release li { padding: 20px 0; }
.page-template-bmd-platform-php .bmd-cycle-stages .circle.red .front { top: 1em; left: 0.2em; }
.page-template-bmd-platform .bmd-cycle .bmd-cycle-stages .circle { background-image: none }
#safebeing .features-benefits li .small { height: auto !important }
}
@media only screen and (max-width:479px) {
.page-template-landing-page .banner-text span { font-size: 22px; }
.page-template-landing-page .banner-text { font-size: 28px !important; }
.landing-footer .footer-text { font-size: 20px; }
}
@media only screen and (max-width:360px) {
.main-slider .tp-caption strong, .main-slider .tp-caption { font-size: 14px !important; line-height: 18px !important }
}
@media only screen and (max-width:359px) {
.bannrHead { line-height: 1.3 }
}
@media only screen and (min-width:1440px) {
.col-right { position: relative }
.sec-wrapper { padding: 70px 0 8% }
.col-right img { position: absolute; left: -35px; width: 760px; max-width: none; }
}
/*----- News & Events -------*/
.page-template-press-room .types-of-solutions a { width: 33.333333%; text-align: center !important; }
#newsevents h4 { color: #3ba7de; }
.event-wrap { width: 990px; display: inline-block; text-align: center; clear: both; margin-top: 15px; max-width: 100%; }
.event-row { margin-left: -30px; margin-right: -30px; }
.event-col { float: none; width: 33.33%; padding-left: 30px; padding-right: 30px; display: inline-block; margin: 0 auto; text-align: left; }
.event-img img { max-width: 100%; height: auto; }
.event-inner { display: block; clear: both; float: left; width: 100%; background: #ffffff; border: 1px solid #d2d3ce; padding: 20px 25px; }
.event-month { color: #3ba7de; font-size: 15px; font-weight: 600; border-bottom: 1px solid #3ba7de; margin-bottom: 10px; padding-bottom: 10px; line-height: 1; }
.event-title { color: #4d4d4d; font-size: 16px; text-transform: uppercase; font-weight: 700; line-height: 22px; margin-bottom: 5px; }
.event-img { line-height: 1; margin: 10px 0; width: 100%; }
.event-location { display: block; clear: both; float: left; width: 100%; text-align: left; }
.event-info p { font-size: 15px; color: #4d4d4d; line-height: 22px; }
.event-loc-icon { width: 19px; margin-right: 6px; }
.event-add { width: 90%; font-size: 14px; color: #4d4d4d; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); }
.event-add, .event-loc-icon { display: inline-block; vertical-align: middle; }
.event-add a, .event-add a:focus { color: #4d4d4d; }
.event-add a:hover { color: #000 }
.event-date span { display: inline-block; vertical-align: middle; }
.event-date { font-size: 14px; color: #4d4d4d; display: block; width: 100%; margin-bottom: 5px; }
.event-btns { display: block; clear: both; margin-top: 20px; width: 100%; float: left; }
.event-btns a:first-child, .event-btns a:first-child:focus { color: #4d4d4d; border-color: #4d4d4d; margin-right: 5px; }
.event-btns a:first-child:hover { color: #3ba7de; border-color: #3ba7de; }
.event-btns a:last-child, .event-btns a:last-child:focus { color: #3ba7de; border-color: #3ba7de; }
.event-btns a:last-child:hover { color: #4d4d4d; border-color: #4d4d4d; }
.event-btns a, .event-btns a:focus { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; border: 1px solid; padding: 2px 6px; }
.event-calendar { width: 19px; margin-right: 5px; position: relative; top: 4px; }
li.date-p { width: 68%; margin-right: 2% !important; }
li.date-p, li.time-p { display: inline-block; float: left; clear: none !important; }
li.time-p { width: 30%; }
.event-form .gform_description { font-size: 20px; color: #fff; font-weight: 600; margin: 0 0 25px 0; }
.event-form li.gfield_error input { border: 1px solid #E52630; }
.event-form .gfield_description.validation_message { display: none; }
.position-desc a.big-button { min-width: auto; }
/* Commercial Landing Page */
.request-button { background: #38a9e0; border: 1px solid #38a9e0; padding: 7px 15px; max-width: 330px; display: block; text-align: center; color: #fff; text-transform: uppercase; -webkit-box-shadow: 2px 1px 3px rgba(0,0,0,.25); -moz-box-shadow: 2px 1px 3px rgba(0,0,0,.25); box-shadow: 2px 1px 3px rgba(0,0,0,.25); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; margin: 30px 0 0; font-weight: 600; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.request-button:hover { background: transparent; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; color: #38a9e0; }
.commercial_advantage { padding-bottom: 60px; }
.commercial_advantage h3 { color: #3ba7de; }
.advantage_list { margin-top: 55px }
.advantage_list li { width: 25%; display: inline-block; margin: 0 -2px; vertical-align: top; padding: 0 20px; color: #4d4d4d; line-height: 1.7; position: relative; }
.advantage_list li::before { position: absolute; content: ""; background: #ccc; height: 110px; width: 1px; right: 0; }
.advantage_list li:last-child::before { display: none; }
.advantage_list li:last-child { border: none; }
.advantage_list li strong { color: #3ba7de; }
.help_sec { padding: 20px 0 70px; position: relative; z-index: 1 }
.help_sec::before { background: #36a7de; position: absolute; height: 37%; width: 100%; bottom: 0; content: ""; left: 0; z-index: -1; }
.help_sec h2 { color: #3ba7de; }
.benefit_sec { margin-top: 30px; }
.help_sec .benefit_sec > div { display: inline-block; width: 33.33%; margin: 0 -2px; vertical-align: top; text-align: center; padding: 0 30px; }
.help_sec .benefit_sec .icon { width: 124px; height: 124px; border-radius: 100%; display: inline-block; vertical-align: top; position: relative; }
.help_sec .benefit_sec .icon img { top: 50%; position: relative; transform: translateY(-50%); }
.help_sec .benefit_sec .icon::before { background-image: url(http://somatix.com/wp-content/uploads/2018/02/psol-blue.png); width: 124px; height: 124px; 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; }
.help_sec .benefit_sec h6 { font-size: 16px; color: #36a7de; margin: 15px 0 10px; }
.help_you { margin-top: 50px; }
.help_you_des { margin-top: 35px; }
.help_you_des > div { display: inline-block; width: 33.33%; margin: 0 -2px; vertical-align: top; padding: 0 20px; }
.help_you_des ul { padding: 20px; background: #fff; height: 100%; text-align: left; }
.help_you_des ul li { padding: 0 0 30px 25px; background: url(http://somatix.com/wp-content/uploads/2018/02/right_sym.png) no-repeat left 5px; color: #4d4d4d; }
.proposal-button { background: #fff; border: 1px solid #fff; padding: 7px 60px; display: inline-block; text-align: center; text-transform: uppercase; margin: 60px 0 0; font-weight: 700; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; color: #36a7de; }
.proposal-button:hover { background: transparent; color: #fff; }
.remodal.commercial-popup { padding: 0; border-radius: 0; max-width: 520px; }
.commercial-popup .gform_description { background: #fff; color: #38a7df; text-transform: uppercase; font-size: 18px; padding: 5px 0; margin: 0 -25px; }
.commercial-popup .proposal-form { padding: 0 25px; }
.commercial-popup .gform_wrapper .brochure-form ul li.gfield { padding-right: 15px; width: 50%; }
.commercial-popup .gform_wrapper .brochure-form ul li.gfield:last-child { position: absolute; padding-right: 0px; top: 25px; right: 0; }
.commercial-popup .brochure-form input, .commercial-popup .brochure-form textarea { width: 100%; background: transparent; color: #fff; height: 25px; border: 1px solid; }
.commercial-popup .brochure-form textarea { height: 120px; }
.commercial-popup .brochure-form select { width: 100%; background: transparent; color: #fff; height: 25px; border: 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 22px 0 11px; }
.commercial-popup .brochure-form select option { color: #000; }
.commercial-popup .brochure-form .ginput_container.ginput_container_select::before { content: "\f107"; color: #fff; font-family: FontAwesome; font-size: 18px; position: absolute; right: 25px; top: 3px; }
.proposal-form ::placeholder {
color: #fff !important;
}
.proposal-form :-ms-input-placeholder {
color: #fff !important;
}
.proposal-form ::-ms-input-placeholder {
color: #fff !important;
}
.commercial-popup .gform_body { position: relative; padding: 25px 0; }
.commercial-popup .gform_footer { position: absolute; right: 0; top: 190px; width: 50%; padding-right: 25px; }
.commercial-popup .gform_footer input { width: 100%; background: transparent; }
.commercial-popup .brochure-form input.button:hover { background: #fff; color: #3ba7de; border: none; }
.page-template-commercial-landing .remodal-overlay { background: rgba(48, 48, 48, 0.8) none repeat scroll 0 0; }
.carousel {/*margin-top: 140px;*/ }
.items { white-space: nowrap; margin-bottom: 0; overflow: hidden; }
.item { display: inline-block; padding: 0 20px; }
#jssor_1 ul li { padding: 0 15px; }
#jssor_1 { width: 100% !important; height: 55px !important; }
#jssor_1 div, #jssor_1 ul { width: 100% !important; height: 55px !important; }
.jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear; }
 @keyframes jssorl-009-spin { from {
transform: rotate(0deg);
}
to { transform: rotate(360deg); }
}
@media only screen and (max-width:1200px) {
.event-row { margin-left: -15px; margin-right: -15px; }
.event-col { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width:1024px) {
.event-col { width: 49%; }
.advantage_list li { padding: 0 10px; }
.help_sec .benefit_sec > div, .help_you_des > div { padding: 0 10px; }
.help_you_des ul { padding: 20px 10px; }
.advantage_list li::before { height: 150px; }
}
@media only screen and (max-width:767px) {
.event-col { width: 315px; margin-bottom: 15px; }
.event-title { height: auto !important }
.event-inner { padding: 15px }
.event-form .gform_description { font-size: 16px; margin: 0 0 15px 0; line-height: 1.5; }
.advantage_list { margin-top: 25px; }
.advantage_list li { width: 100%; margin: 0px; padding: 15px 0px; border-right: none; border-bottom: 1px solid #c4c4c4; }
.commercial_advantage { padding-bottom: 20px; }
.advantage_list li br { display: none; }
.help_sec { padding: 20px 0 50px; }
.help_sec .benefit_sec > div { width: 100%; margin: 0; padding: 0 0 20px; }
.help_you { margin-top: 0px; }
.help_you_des > div { display: inline-block; width: 100%; margin: 0; padding: 0 0 20px; height: auto !important; }
.help_you_des ul li { font-size: 14px; }
.proposal-button { padding: 7px 40px; margin: 10px 0 0; }
.commercial-popup .gform_body { position: relative; padding: 25px 0 5px; }
.commercial-popup .gform_wrapper .brochure-form ul li.gfield { padding-right: 0; width: 100%; }
.commercial-popup .gform_wrapper .brochure-form ul li.gfield:last-child { position: relative; padding-right: 0px; top: inherit; right: inherit; }
.commercial-popup .gform_footer { position: relative; right: inherit; top: inherit; padding-right: 0; padding-bottom: 25px; }
.commercial-popup .brochure-form .ginput_container.ginput_container_select::before { right: 10px; }
.advantage_list li::before { display: none; }
}
@media only screen and (max-width:640px) {
.event-popup.remodal { max-width: 95%; padding: 30px 35px; }
.carousel { /*margin-top: 40px !important;*/ }
}
@media only screen and (max-width:479px) {
li.date-p { width: 100%; margin-right: 0% !important; }
li.time-p { width: 100% }
.page-template-press-room .types-of-solutions a { padding: 5px !important }
}
.padding-bottom-zero { padding-bottom: 0 }
/*------ Header Social Icons -----*/
.social-top { display: inline-block; vertical-align: middle; margin-left: 15px; top: -2px; position: relative; }
.social-top a, .social-top a:focus { color: #38a9e0; display: inline-block; vertical-align: middle; width: 30px; height: 30px; text-align: center; line-height: 26px; border: 2px solid #38a9e0; font-size: 14px; border-radius: 50%; margin: 0 1px; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.social-top a:hover { color: #fff; background: #38a9e0; }
@media only screen and (max-width:479px) {
header .navigation-top { right: 0; display: block; width: 100%; text-align: center; top: 5px; margin-top: 10px; right: inherit; }
}
@media only screen and (max-width:1200px) and (min-width:1025px) {
.social-top { margin-left: 10px; top: -1px }
.social-top a, .social-top a:focus { width: 28px; height: 28px; line-height: 24px; margin: 0px; }
header .login-button { margin-left: 15px; }
header .navigation-top nav li { margin: 0 10px; }
header .navigation-top nav li a { font-size: 13px; }
}
/*===== Blog CSS ======*/
.blog h1 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 50px; line-height: 1.2; }
.blog img, .single-post img { max-width: 100%; height: auto; }
.blog-section { display: block; width: 100%; background: #e6e7e8; clear: both; float: left; }
.blog .innerBanner, .single-post .innerBanner { margin-bottom: 0; line-height: 0 }
.blogRight { display: inline-block; float: right; padding: 0 15px; width: 76%; }
.blogLeft { display: inline-block; float: left; padding: 0 15px; width: 22%; margin-right: 2%; }
.blog-wrap { margin-left: -15px; margin-right: -15px; }
.footer { clear: both; }
.blog-cols { display: block; clear: both; float: left; width: 100%; margin-bottom: 50px; }
.blog-cols:last-child { margin-bottom: 0px; }
.blogLeft span { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1; margin-bottom: 0; display: block; width: 100%; background: #38a9e0; padding: 15px; max-width: 100%; float: left; font-size: 22px; }
.blogLeft .social-top a, .blogLeft .social-top a:focus { width: 40px; height: 40px; line-height: 36px; font-size: 18px; margin: 0 4px; }
.blogLeft .social-top { margin-left: 0; display: block; top: 0; text-align: center; position: relative; clear: both; width: 100%; background: #fff; padding: 15px; }
.blog-inner { display: block; clear: both; float: left; width: 100%; position: relative; }
.blogImg { display: block; clear: both; float: left; width: 100%; line-height: 0; position: relative; margin-top: 40px; }
.blogDetail { display: block; clear: both; float: left; width: 100%; background: #fff; text-align: left; padding: 15px 35px; color: #4d4d4d; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.blogImg img { width: 100%; }
.blogDetail p { color: #4d4d4d; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 15px; }
.blogDetail p:last-child { margin-bottom: 0 }
.blog-outer { position: absolute; width: 270px; height: 260px; max-width: 100%; left: 40px; top: -40px; text-align: left; color: #fff; line-height: 1; }
.blog-col { position: absolute; width: 100%; height: 100%; max-width: 100%; left: 0; top: 0; background: rgba(56,167,223,0.8); }
.blog-date { display: block; position: relative; float: left; width: 100%; background: #38a7df; padding: 0 20px; height: 40px; line-height: 40px; text-align: left; font-size: 14px; }
.blog-title { display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 25px; line-height: 1.25; padding: 0 20px; top: 53%; position: absolute; transform: translateY(-50%); left: 0; width: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.blog-title a, .blog-title a:focus, .blog-title a:hover { color: #fff; }
.blog-content { display: block; clear: both; float: left; width: 100%;/* height: 95px; */ overflow: hidden; }
.c-btn a, .c-btn a:focus { display: inline-block; float: right; color: #38a7df; font-size: 15px; border: 1px solid #38a7df; padding: 8px 20px; margin-top: 15px; line-height: 1; cursor: pointer; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.c-btn a:hover { color: #565656; border-color: #565656; }
@media only screen and (max-width:1279px) {
.blog h1 { font-size: 28px; }
}
@media only screen and (max-width:1024px) {
.blogRight { width: 70%; }
.blogLeft { width: 30%; margin-right: 0%; }
.blog-outer { height: 100% }
.blog-title { font-size: 22px; top: 55%; }
.blogDetail { padding: 15px; }
}
@media only screen and (max-width:767px) {
.blog h1 { font-size: 22px; }
.blogRight, .blogLeft { width: 100% !important; }
.blogLeft { margin-top: 15px; }
.blog-title { font-size: 18px; top: 50%; }
.blogLeft span { font-size: 18px; padding: 10px; }
.blogLeft .social-top a, .blogLeft .social-top a:focus { width: 30px; height: 30px; line-height: 26px; font-size: 14px; margin: 0 2px; }
.blogImg { margin-top: 0; }
.blog-title { padding: 0 15px; }
.blog-cols { margin-bottom: 20px; }
.blogLeft .social-top { padding: 10px; }
.blog-outer { height: auto; left: 0; top: 0; width: 100%; position: relative; display: block; clear: both; float: left; width: 100%; line-height: 1; }
.blog-col { position: relative; width: 100%; height: auto; max-width: 100%; left: 0; top: 0; background: rgba(56,167,223,1); padding: 10px 0; }
.blog-date { display: block; position: relative; float: left; width: 100%; background: #38a7df; padding: 0 15px; height: auto; line-height: 1; text-align: left; font-size: 14px; margin-bottom: 5px; }
.blog-title { top: 0; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; position: relative; display: block; clear: both; }
}
@media only screen and (max-width:639px) {
.common-section.blog-section { padding: 20px 0; }
}
/*===== Slider Button CSS ======*/
.home-banner .blue_btn { background: #38a9e0; border: 1px solid #38a9e0; padding: 10px 70px !important; max-width: 330px; display: block; text-align: center !important; color: #fff; text-transform: uppercase; -webkit-box-shadow: 2px 1px 3px rgba(0,0,0,.25) !important; -moz-box-shadow: 2px 1px 3px rgba(0,0,0,.25) !important; box-shadow: 2px 1px 3px rgba(0,0,0,.25) !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 30px 0 0 !important; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; font-size: 18px !important; line-height: 1.2 !important; }
.home-banner .blue_btn:hover { background: transparent; transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; color: #38a9e0; }
@media only screen and (max-width:1200px) {
.home-banner .blue_btn { padding: 9px 40px !important; margin: 20px 0 0 !important; font-size: 15px !important; max-width: 230px; }
}
@media only screen and (max-width:1024px) {
.home-banner .mobile-slider .blue_btn { padding: 8px 30px !important; margin: 18px 0 0 !important; font-size: 15px !important; max-width: 210px; }
}
@media only screen and (max-width:767px) {
.home-banner .mobile-slider .blue_btn { background: #4d4d4d; border: 1px solid #4d4d4d !important; padding: 7px 20px !important; margin: 15px 0 0 !important; font-size: 14px !important; max-width: 180px; }
.home-banner .mobile-slider .blue_btn:hover { color: #4d4d4d; background: transparent; }
}
@media only screen and (max-width:479px) {
.home-banner .mobile-slider .blue_btn { margin: 19px 0 0 !important; font-size: 11px !important; max-width: 150px; padding: 7px 17px !important; }
}
.wp-video { width: 100% !important; }
#mep_0 { height: 470px !important; }
.mejs-mediaelement video { width: 100% !important; height: 100% !important; }
@media only screen and (max-width:767px) {
#mep_0 { height: 220px !important; }
.pum-theme-653 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { height: 24px; width: 24px; right: -5px; top: -15px; font-size: 18px; line-height: 16px; }
}