.inpen-selector input{
margin:0;padding:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
opacity:0;
}
.gray {background-image:url(/res/img/inpen/inpen-gray1.png);}
.blue {background-image:url(/res/img/inpen/inpen-blue1.png);}
.pink {background-image:url(/res/img/inpen/inpen-pink1.png);}
.inpen-selector-2 input:active +.inpen-color, .inpen-selector input:active +.inpen-color {opacity:1; border:1px solid #ccc;}
.inpen-selector-2 input:checked +.inpen-color, .inpen-selector input:checked +.inpen-color {
-webkit-filter:none;
-moz-filter:none;
filter:none;
border:1px solid #1010eb;
}
.inpen-name {position:relative;}
.inpen-color {
cursor:pointer;
background-size:contain;
background-repeat:no-repeat;
display:inline-block;
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
transition: all 100ms ease-in;
/*
-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
-moz-filter: brightness(1.8) grayscale(1) opacity(.7);
filter: brightness(1.8) grayscale(1) opacity(.7);
*/
border:1px solid #ccc;
}
.inpen-color:hover{
/*
-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
filter: brightness(1.2) grayscale(.5) opacity(.9);
*/
}

/*.topvis.main {background:url(/res/img/780g/topvis-friends-eating-watching-in-restaurant.jpg) #fff 50% 50% / cover no-repeat; max-width:1640px;}
.topvis.main {background:url(/res/img/780g/topvis-friends-eating-watching-in-restaurant.jpg) #f3f3fa 100% 50% / 66% auto no-repeat; max-width:1640px;}*/
.topvis.main {background:url(/res/img/smart-mdi-system/topvis-woman-exercising.jpg) #fff 100% 50% / 69% auto no-repeat; max-width:1440px;}
.topvis .tvshade {background:linear-gradient(to right, rgba(255,255,255,1) 34%, rgba(255,255,255,0) 60%) no-repeat; position:absolute; width:100%; height:100%;}
/*.topvis .tvshade {background:linear-gradient(to right, rgba(20,0,102,1) 25%, rgba(243,243,250,1) 45%, rgba(243,243,250,0) 50%) no-repeat; position:absolute; width:100%; height:100%;}*/
/*.topvis .tvshade::before {content:""; position:absolute; left:45%; top:0; width:300px; height:100%; background:url(/res/elements1/tvshade.png) 50% 0% / 300px 100% no-repeat;}*/
.bluebg1640 {background:url(/res/elements/journey-blubg.svg) #285EFF 50% / cover no-repeat; max-width:1440px;}

.spacer {padding:0 0.5em;}
.smicn {max-height:24px; max-width:24px; margin:5px;}
.downbtn {margin:5px;}
.table.smdi th {font-family:'avenir_next_world_demi';}
.smdicbg {background:url(/res/img/smart-mdi-system/img-main-using-smart-mdi.jpg) #fff 50% 50% / cover no-repeat; min-height:350px;}
.acredit {right:0; top:0;}

.txtnormal {text-transform:inherit;}
.align-middle {vertical-align:middle;}
.align-top {vertical-align:top;}
.align-bottom {vertical-align:bottom;}
.right-block {margin-right:0; margin-left:auto;}
.padrt {padding-right:0.5em; padding-bottom:0.5em; display:inline-block;}
.like-table {display:table; width:100%;}
.like-table.row > [class*=col-] {display:table-cell; float:none; vertical-align:middle;}
.smtxt {font-size:0.7em; line-height:1.1em;}
.smfttxt {position:absolute; bottom:20px; left:20px; font-size:13px; line-height:1.1em;}
.nmb {margin-bottom:0 !important;}
.nmt {margin-top:0 !important;}
.hbreak {display:block;}
.lineelement {padding-left:30px; position:relative;}
.lineelement:before {
content: ''; height:77%; max-height:60px; width:8px; position:absolute; left:0;
background-color: rgba(16, 16, 235, 1);
}
.bullnum {border-radius:50%; width:70px; height:70px; border:1px solid #140f4b; padding:10px 8px; font-size:40px; text-align:center; margin-right:20px;}
.phonetable tr > td {padding-bottom:1em !important;}
.b-search-btn {position:absolute; top:9px; left:9px; text-indent:-9999px; cursor:pointer; height:22px; width:30px; border:0; background:url("/res/img/services1/icn-search.svg") 50% / auto 90% no-repeat;}
.searchbox {padding-left:40px; border-radius:20px; height:40px;}
.relpos {position:relative;}
.vidbtn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.formborder {border:2px solid #1010eb;}
.mb {margin-bottom:10px;}
.ibox {position:relative;}
.iportimg {background:url(/res/img/smart-mdi/iport-advance.png) 50% / 50% no-repeat;}
.pcol > h4 {min-height:60px;}
.pcol > h3 {min-height:70px;}

.popover {border-radius:inherit; padding:inherit; font-family:'Avenir Next World W05', Helvetica, sans-serif !important; min-width:220px;}
.popover-title {border-radius:inherit; border:0; color:#140f4b; background:#fff; font-size:16px; line-height:1.1em; font-weight:500; padding-bottom:0;}
.popover-content {font-size:16px; line-height:1.2em;}
.popover.top > .arrow {bottom:-10px;}

h2 {margin-top:0; padding-top:0;}
.b-video-item1, .video-play {position:relative;}
.m-grad {background-image: none !important; background-color:inherit !important;}
.playbtn {background:url(/res/img/smartguard/icn-play2.png) 50% no-repeat; height:100%; width:100%; display:block; outline:none; text-decoration:none;}
.playbtn1 {background:url(/res/img/smartguard/icn-play1.png) 50% no-repeat; height:100%; width:100%; display:block; outline:none; text-decoration:none;}
.playbtn.abpos, .playbtn1.abpos {position:absolute; z-index:1; min-height:150px; min-width:150px;}
.playbtn2 {display:block; position:relative;}
.playbtn2:after {
content:"";
background:url(/res/img/services/icn-play2.png) 50% / 18% no-repeat;
position:absolute;
height:100%;
width:100%;
display:block;
left:0;
top:0;
}
.playbtn3 {display:block; position:relative;}
.playbtn3 .venobox {
position:absolute;
height:auto;
max-width:100px;
width:30%;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
.dinline {display:inline-block;}
.mrl-reset {margin-right:0; margin-left:0}
.mr-reset {margin-right:0;}
.ml-reset {margin-left:0;}
.prl-reset {padding-right:0; padding-left:0;}
.pr-reset {padding-right:0;}
.pl-reset {padding-left:0;}
.testimonial .quote {font-size:22px; line-height:24px; text-indent:-7px; margin-bottom:15px;}
.testimonial .author {font-size:13px; text-transform:uppercase;}
.testimonial .title {font-size:13px;}
.icncols > div > [class*=col-]  {padding-left:0; padding-right:0;}
.icncols > div  {margin-bottom:15px;}
ul.square.col2 li {width:32%; float:left; padding-right:10px;}
.lgtxt {font-size:140%;}
.sect ul.glide__slides li {margin:inherit !important;}
/*.quotebox {background:url(/res/img/services1/quote.png) 0 0 / 15% no-repeat; padding-left:20%;}*/
.quotebox {padding-top:3vw; position:relative;}
.quotebox::before {
content:'"';
font-style: italic;
font-family:'Avenir Next World W05', Helvetica, sans-serif !important;
font-size:10vw;
position:absolute;
display:block;
left:-1vw;
top:-2vw;
}
.quotebox::after {
content:'"';
font-style: italic;
font-family:'Avenir Next World W05', Helvetica, sans-serif !important;
font-size:10vw;
position:absolute;
display:block;
right:0vw;
bottom:-2vw;
line-height:0;
}
.quotebox > .quotebody {font-size:24px;}
.quotebox > .quotename {font-size:14px;}

h4.panel-title {font-size:18px !important; line-height:1em; color:#3c3c3c;}
h4.panel-title > a {text-decoration:none; text-transform:none; display:block; background:url(/res/img/670g3/icn-open.png) 0% 50% no-repeat; padding:5px 15px 5px 30px; font-weight:600;}
h4.panel-title > a.collapsed {background:url(/res/img/670g3/icn-close.png) 0% 50% no-repeat;}
.panel-group .panel {border-radius:0; margin-bottom:10px;}
.panel {background-color:inherit; box-shadow:inherit;}
.panel-body {padding:5px 0 5px 30px;}
.panel-heading {border-radius:0; padding:0;}
.panel-default {border:0;}
.panel-default > .panel-heading {border:0; background-color:inherit;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border:0; color:#3c3c3c;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-radius:0;}

.smartmdibg {padding-bottom:7%;}
.smditherapy {margin-top:-10%;}
.nextstepbg {margin-bottom:4%;}
.nextstep {background:url(/res/img/smart-mdi/next-step-graphic.png) 50% 100% / 90% no-repeat;}
.nsimg {width:60%; max-width:390px; margin-bottom:-10%;}

.quotebg {background:fixed #f5f5f5 100% 0% / 100% auto no-repeat; min-height:100vh; position:relative;}
.quotebg.a {background-image:url(/res/img/inpen1/1.jpg);}
.quotebg.b {background-image:url(/res/img/inpen1/2.jpg);}
.quotebg > .container > .row.sect {min-height:450px;}
/*.quotebg > .container > .row.sect > .contdiv {background:linear-gradient(to right, rgba(245,245,245,100%), rgba(245,245,245,0%));}*/

.talk {background:url(/res/img/inpen1/img-talk-to-doctor.jpg) 0% 50% / auto 570px no-repeat;}
.talk > .container > .row.sect {min-height:450px;}

.circle {width:450px; height:450px; background:rgba(255,255,255,0.8); border:10px solid #1010eb; border-radius:50%; padding:8%;}

.features {background:#f5f5f5;}
.sect ol {list-style:none; margin:18px; padding:0;}
.sect ol.white li {color:#fff;}
.sect ul {margin:0; padding:0 0 0 18px;}
.sect ul li {margin: 5px 0 0 5px;}
.sect {line-height:1.2;}
.sect.s5 {background:url(/res/img/services1/img-abstractbg.jpg) 50% / cover no-repeat; min-height:400px;}
/*.sect .c1a h1 {font-size:3.4em; line-height:0.5em; margin-top:0; margin-bottom:20px; text-transform:uppercase;}*/
ul.glide__slides {margin:inherit !important; padding:inherit !important;}
.glide__slides li {list-style:none !important;}
.glide__slide {padding:1.5em;}
.glide__slide h4 {}
.slider__arrow {position:absolute; top:50%; margin-top:-2%;}
.slider__arrow:hover {opacity:0.7;}
.slider__arrow--next {right:-1.5rem;}
.slider__arrow--prev {left:-1.5rem;}

.gfsize {font-size:2.6em;}
.bwarning {border:1px solid #fff; padding:5px 8px; font-size:12px;}
.bwarning1 {border:1px solid #000; padding:5px 8px; font-size:12px;}
.cbtn {margin:5px; min-width:230px;}
.animas-scroll {display:none;}
.btnmb {margin-bottom:10px;}

/* responsive */
@media (min-width: 0px) and (max-width:1500px) {
.topvis.main {background-size:auto 100%;}
}
@media (min-width: 0px) and (max-width:1200px) {
.topvis.main {background-position: right -15vw top 50%;}
}
@media (min-width:1186px) and (max-width: 1199px) {
.carousel-indicators {bottom:2em;}
.s0 {background-position:50% 0%;}
.quotebg {background-position:50% 0%;}
}
@media (min-width: 990px) and (max-width: 1185px) {
.carousel-indicators {bottom:2em;}
.s0 {background-position:50% 0%; background-size:auto 100%;}
.quotebg {background-position:50% 0%; background-size:auto 100%;}
}

@media (min-width: 768px) and (max-width: 989px) {
.playbtn, .playbtn1 {background-size:80px;}
.s0 {background-position:50% 0%; background-size:auto 100%;}
.quotebg {background-position:50% 0%; background-size:auto 100%;}
}

@media (min-width: 0px) and (max-width: 767px) {
.like-table-row {display:block; width:100%;}
.like-table.row > [class*=col-] {display:block; float:none;}
.like-table.row.s0 > [class*=col-] {display:table-cell; float:none;}
.s0 > .container > .row.sect > .contdiv {background:inherit;}
.s0 {background-position:100% 0%; background-size:auto 400px;}
.s0 > .container > .row.sect > .imgdiv {min-height:400px;}
.like-table.row.quotebg > [class*=col-] {display:table-cell; float:none;}
.quotebg > .container > .row.sect > .contdiv {background:inherit;}
.quotebg {background-position:100% 0%; background-size:auto 400px;}
.quotebg > .container > .row.sect > .imgdiv {min-height:400px;}
.quotebg.a {background-attachment:inherit;}
.quotebg.b {background-attachment:inherit;}
.talk > .container > .row.sect > .contdiv {background:inherit;}
.talk {background-position:0% 0%; background-size:auto 400px;}
.talk > .container > .row.sect > .imgdiv {min-height:400px;}
.b-get-started {display: none;}
.playbtn, .playbtn1 {background-size:60px;}
.btn.wht-outline {position:inherit; bottom:inherit;}
ul.square.col2 li {width:inherit; float:inherit;}
.sect.s0 .c1 {background-position:95% 50%;}
.sect.quotebg .c1 {background-position:95% 50%;}
.pcol {border-top:1px solid #ccc; margin-top:1em; padding-top:1em;}
.pcol:first-child {border-top:0; margin-top:0.5em; padding-top:0;}
.pcol > h4 {min-height:inherit;}
.pcol > h3 {min-height:inherit;}
.ibox {min-width:100%; min-height:160px; overflow:hidden;}
.iportimg {background-position:50% 0%; position:absolute; left:50%; transform:translate(-50%,0);}
.nsimg {width:50%; max-width:390px; margin-bottom:-15%;}
.circlemargin {margin:0; padding:1.5em;}
.topvis {background:none !important;}
.topvis .journey {background:none; min-height:inherit;}
.topvis .tvshade {background:none; position:inherit; width:inherit; height:inherit;}
.topvis.main .c1 {min-height:400px; background:url(/res/img/smart-mdi-system/topvis-woman-exercising.jpg) #fff 50% 50% / cover no-repeat;}
.topvis.main .c2 {color:inherit !important;}
.topvis.main .container {position:relative !important; top:initial !important; left:initial !important; transform:initial !important;}
/*
.topvis .container .c1::after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:100%; background:url(/res/elements/journey7-m-top-db.svg) 50% 100% / 100% auto no-repeat;}
.topvis .container .c2::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/res/elements/journey6-m-bot-mint.svg) 50% 0% / 100% auto no-repeat;}
*/
}
@media (min-width: 0px) and (max-width: 680px) {
}
@media (min-width: 0px) and (max-width: 640px) {
.si1 {min-height:300px;}
.animas-scroll { display: block !important; text-align:left;}
.s0 {background-position:100% 0%; background-size:auto 350px;}
.s0 > .container > .row.sect > .imgdiv {min-height:350px;}
.quotebg {background-position:100% 0%; background-size:auto 350px;}
.quotebg > .container > .row.sect > .imgdiv {min-height:350px;}
.circle {width:75vw; height:75vw;}
.talk {background-position:0 0; background-size:auto 350px;}
.talk > .container > .row.sect > .imgdiv {min-height:350px;}
}
@media (min-width: 0px) and (max-width: 590px) {
}
@media (min-width: 0px) and (max-width: 540px) {
.si1 {min-height:300px;}
.animas-scroll { display: block !important; text-align:left;}
.s0 {background-size:auto 300px;}
.s0 > .container > .row.sect > .imgdiv {min-height:300px;}
.circle {width:85vw; height:85vw;}
}
@media (min-width: 0px) and (max-width: 480px) {
.sect ul.glide__slides {padding-left:0 !important;}
ul.nav-tabs.nav-justified {padding-left:0 !important;}
.s0 {background-size:auto 250px;}
.s0 > .container > .row.sect > .imgdiv {min-height:250px;}
.quotebg {background-size:auto 250px;}
.quotebg {min-height:inherit;}
.quotebg > .container > .row.sect > .imgdiv {min-height:250px;}
.talk {background-size:auto 250px;}
.talk > .container > .row.sect > .imgdiv {min-height:250px;}
.circle {width:95vw; height:95vw; font-size:95%;}
.inpen-selector > [class*=col-] {width:100%;}
.bgimg-1, .bgimg-2, .bgimg-3 {
background-size:auto 40%;
}
}
@media (min-width: 0px) and (max-width: 400px) {
.circle {width:inherit; height:inherit; padding:0; border:inherit; border-radius:inherit;}
}
