@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
select::-ms-expand{display:none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
select::-ms-value {background: none;color:#000;}
::-webkit-input-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
:-moz-placeholde {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
::-moz-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
:-ms-input-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
::-ms-input-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
::placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;-webkit-appearance: none;-webkit-box-sizing: border-box;-webkit-box-align: start;-webkit-border-fit: border;-webkit-margin-collapse: discard;-webkit-border-radius: 0;outline:none;}
body,html {max-width:100%;min-width:375px;overflow-x:hidden;text-align:center;font-family:'Poppins',sans-serif;font-size:16px;line-height:29px;margin:0;padding:0;background: #fff;color:#6C6C78;font-weight:400;min-height:100vh;letter-spacing: 0;font-style:normal;text-transform:none;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;box-sizing: border-box;overflow:hidden;min-height:100vh;}
a {text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#45A7FF;}
a:hover {text-decoration:none;color:#256ED8}
.clear, hr {clear:both;float:none;display:block;border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,p,ul,ol,li,img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4,h5 {font-weight:600;}
h2, h1 {font-size: 48px;line-height:64px;color:#31404E;letter-spacing:-.83px}
h1 {font-weight:700;margin-bottom:32px;line-height:71px;}
h3 {font-size:20px;line-height:30px;}
h4 {color:#2B2E40;font-size:15px;line-height:29px;font-weight:700;text-transform:uppercase;letter-spacing:2.81px}
ul:after, ol:after, .bg:after, .inner:after, .section:after, .fix .menu:after {display:block;content:'';clear:both;float:none;}
strong, b {font-weight:700;}
sup {display:inline-block;font-size:.4em;top:0;margin:0;padding-top:.5em;line-height:.5em;vertical-align:top;}
table {width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
.bg {padding: 12px;width:1288px;margin:auto;box-sizing: border-box;max-width:100%;}
.footer .bg, .contact .bg {width: 958px;}
.inner {padding: 12px;clear:both;float:none;box-sizing: border-box;width:100%;}

.col20 {width:20%}
.col25 {width:25%}
.col30 {width:30%}
.col35 {width:35%}
.col33 {width: 33.3333%}
.col40 {width: 40%}
.col45 {width: 45%}
.col50 {width: 50%}
.col55 {width: 55%}
.col60 {width:60%}
.col66 {width: 66.6666%}
.col70 {width:70%}
.col75 {width:75%}
.col80 {width:80%}

.cols2 {column-count:2;column-gap:48px;}

.inline {display: inline-block;}
.flex {display: flex;flex-wrap:wrap;}
.flexcenter {align-items:center;}
.flexbottom {align-items:flex-end}
.flextop {align-items:flex-start}

.taleft {text-align:left}
.taright {text-align:right}
.tacenter {text-align:center;}
.fleft {float:left!important;}
.fright {float: right!important}
.tag {top:0;position:absolute;left:0;display:block;}
.anim {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.abs {position:absolute;top:0;left:0;right:0;bottom:0;display:block;}
.upper {text-transform:uppercase;}

input, textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:'Poppins',sans-serif;border:0;padding:15px;height:60px;line-height:30px;font-size:20px;
color:#2B2E40;border-radius: 0;
box-sizing: border-box;width:100%;outline:none;margin:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background-color:transparent;resize:none;padding-left:40px;padding-right:40px;font-weight:500;display: block;box-shadow: 0;text-align:left;border: 1px solid rgba(49,64,78,.36);border-radius: 15px;}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
textarea {min-height:140px;}
input:focus, textarea:focus , select:focus {border: 1px solid rgba(49,64,78,1)}
input:focus {text-align:center;}

button {cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;border:0;}
input[type="submit"] {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;}

.btn, .button a {display: inline-block;box-sizing: border-box;padding:11px;padding-left:32px;padding-right:32px;border:2px solid #45A7FF;color:#fff;text-transform:none;text-decoration:none;font-size:14px;min-height:47px;line-height:21px;font-family:'Poppins',sans-serif;font-weight:700;background:#45A7FF;letter-spacing: .29px;border-radius: 23.5px;}
.btn:hover, .button a:hover {background: transparent;color:#45A7FF}

.button a {padding:9px;padding-left:24px;padding-right:24px;min-height:43px;font-size:14px;}

.btn.btndarkblue {background:#2B2E40;border-color:#2B2E40;box-shadow: 0 20px 22px #318BDB;}
.btn.btndarkblue:hover {background: transparent;color:#2B2E40;box-shadow:none;}

.btn.btnborderblue {border-color: #2B2E40;background: transparent;color:#2B2E40}
.btn.btnborderblue:hover {border-color:#2B2E40;background:#2B2E40;color:#fff}

/* Logo */
.logo {display: block;width: 298px;height:117px;background: url(../img/isophidiag-logo.png) no-repeat center center;background-size:contain;overflow:hidden;text-align:left;text-indent:-9999px;margin-bottom:56px;}
.logo.isophi {background-image: url(../img/isophi-logo.svg)}
.logo.isophir {background-image: url(../img/isophir-logo.svg)}


/* Content */
.content {min-height:100vh;}
.section {padding-top:64px;padding-bottom:64px;}
.section h2 {margin-bottom:48px;}
.section p, .section h3, .section ul {margin-bottom:24px;}

/* Promo */
.promo {background:#F2F4F5;min-height:670px;box-sizing:border-box;z-index:4;overflow:hidden;}
.promo .bg {z-index:2;position:static;}
.promo .inner {width:664px;max-width:100%;margin:0;}
.promo h1 strong {display:inline-block;color:#fff;z-index:2}
.promo h1 strong:before {display:block;background:#fec205;position:absolute;top:3px;;left:-12px;right:-12px;bottom:3px;content:'';z-index:-1}
.promo .thumbnail {position:absolute;top:5%;left:47.5%;bottom:-10%;width:100vw;display:block;background-repeat:no-repeat;background-size:contain;background-position:top left;}

/* Video */
.video p {font-size: 23px;font-weight:500;line-height:43px;letter-spacing:-.4px;color:#31404E;margin-bottom:43px;}

/* Movie */
.movie {width: 800px;margin:auto;max-width:100%}
.movie a {display:block;height:0;padding-bottom:56%;border: 8px solid #2B2E40;border-radius: 18px;background: rgba(255,255,255,.4);overflow:hidden;box-shadow: 0 0 22px #DFEAF8;}
.movie a .cover {position:absolute;top:0;left:0;right:0;bottom:0;display:block;background: url(../img/video.png) no-repeat center center;background-size:cover;}
.movie a .title {display:block;font-size: 27px;font-weight:600;line-height:36px;padding:22px;background:#fff;letter-spacing:-.47px;text-align:center;background:#fff;position:absolute;bottom:0;left:0;right:0;color:#2B2E40;}
.movie a .ic_play {display:block;width:160px;height:160px;position:absolute;top:50%;left:50%;margin-left:-80px;margin-top:-95px;background: url(../img/ic_play.svg) no-repeat center center;background-size: contain;}

/* Goals */
.items {margin:-9px;justify-content:center;}
.item {border-radius:18px;background:#fff;margin:21px;box-shadow:0 0 22px #E6EAEE;text-align:left;padding:42px;box-sizing:border-box;width:calc(33.333% - 42px);color:#2B2E40;padding-top:24px;}
.item .thumbnail {background-position:center center;background-size: contain;aspect-ratio: 300/178;background-repeat:no-repeat;margin:0;width:100%;height:auto;margin-bottom:24px;}
.item p {line-height:27px;margin-bottom:27px;}
.item p:last-child {margin-bottom:0;}
.item h3 {font-weight:700}
.goals .item h3 {font-size: 25px;line-height:27px;}

.functions {padding-top:0!important;padding-bottom:0!important;}
.functions .items {margin:0}
.functions .item {margin:12px;width:calc(25% - 24px);padding:24px;}
.functions .item .thumbnail {aspect-ratio:244/312;}

.ic_zoom {width:36px;height:36px;border-radius:100%;background:#FBBB00 url(../img/ic_zoom.svg) no-repeat center center;background-size:contain;position:absolute;bottom:0;right:0;display:block;}
.thumbnail:hover .ic_zoom {background-color:#2B2E40}

/* GoalsContent */
.goals-content {padding-top:0!important;}
.goals-content .thumbnail img {width:680px;max-width:100%;margin:auto;margin-bottom:64px;}
.goals-content p {font-size:20px;line-height:40px;font-weight:500;color:#31404E;margin-bottom:40px;}
.goals-content p:last-child {margin-bottom:0;}
.goals-content .taleft {width:752px;max-width:100%;margin-left:auto;margin-right:0;}
.goals-content .taleft img {width:724px;height:auto;position:absolute;right:calc(100% + 48px);top:50%;transform:translate(0,-50%);display:block;}

/* Functionscontent */
.functions-content .bg {justify-content:center;}
.functions-content h3 {font-size:30px;line-height:35px;margin-bottom:24px;color:#fff!important;font-weight:700;}
.functions-content .box {border-radius:18px;padding:36px;background:#FBBB00;box-shadow:0 0 22px #E6EAEE;margin:12px;text-align:left;width:calc(50% - 24px);color:#2B2E40;}
.functions-content .boxgreen {background:#A1E479;}
.functions-content .box p:last-child {margin-bottom:0;}
.functions-content .box a {color:#2B2E40;font-weight:700;text-decoration:none}
.functions-content .box a:hover {color:#2B2E40;text-decoration:underline;}

/* Contact */
.contact {background:#F2F4F5;padding-bottom:0;}
.contact .img {width: 279px;height:279px;position:absolute;top:12px;right:-140px;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.contact .hline {margin:auto;height:1px;background:#31404E;width:910px;max-width:100%;opacity:.23}
.contact .col50 .hline {max-width: calc(100% - 12px);margin:0}
.contact h2 {margin-bottom:24px;}
.contact h3 {font-size: 33px;line-height:40px;letter-spacing:.4px;color:#31404E;margin:0;font-weight:500;margin-bottom:24px;}
.contact h4 {margin-bottom:16px;}
.contact .vline:before {display:block;width:1px;background:#31404E;position:absolute;top:12px;bottom:-12px;right:0;content:'';opacity:.23}
.contact .mleft {padding-right:48px}
.contact .mright {padding:48px;}
.overinput {margin-bottom:24px;}
.contact button {min-width: 215px;text-align:center;}
.contact .col50 p, .contact .mright h4 {margin-bottom:24px}
.contact .col50 p:last-child {margin-bottom:0}
.contact .col50 {font-size: 15px;line-height:24px;}
.contact .large {font-weight:600;font-size: 30px;line-height:36px;color:#2B2E40;}
.contact .large:hover {color:#256ED8}

/* Footer */
.footer {background:#F2F4F5;color:#2B2E40;font-size: 14px;letter-spacing: .31px;padding-top:24px;padding-bottom:24px;}
.footer a {color: #2B2E40;}
.footer a:hover {color:#256ED8}
.footer .logo {width:173px;height:68px;float: left;margin:0;}
.footer .isophi {float:none;width:175px;height:49px;margin:auto;}
.footer .isophir {width:165px;height:42px;float: right;}

/* Swiper */
.swiper-container {width:100%;height:100%;display:flex;}
.swiper-wrapper {position: relative;display: flex;flex-direction: row;}
.swiper-slide {position: relative;width: 100%;height:100%;align-items: center;display: flex; justify-content: center;flex-shrink: 0;}
.swiper-button-disabled {opacity:0;cursor:default}

/* Layer */
.layer {display: none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-x:hidden;z-index:99;min-width:375px;background: rgba(0,0,0,.8);}
.layer.opened {display: flex;justify-content:center;align-items:center;}
.layer .closelayer {position:absolute;top:0;left:0;bottom:0;right:0;}
.layer .ic_close {float:left;height:40px;width:40px;position:absolute;top:12px;right:12px;background: transparent url(../img/close_FILL0_wght400_GRAD0_opsz48.svg?v1) no-repeat center center;border-radius: 48px;background-size: 24px auto;display: block;text-align:left;overflow:hidden;text-indent:-9999px;cursor:pointer}

.layer .overimg {width:100%;height:100%;display: flex;justify-content:center;align-items:center;}
.layer .overmovie {display:block;width:800px;max-width:100%;}
.layer .overiframe {display:block;width:100%;padding-bottom:65%;height:0;}
.layer .overmovie iframe {width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:0;outline:none;}

.layer .swiper-container {overflow:hidden;}
.layer .swiper-container img {max-width:100%;max-height:100%;height:auto;width:auto;margin:auto;}
.layer .swiper-container .overimg {width:100%;height:100%;display: flex;}

.layer .ic_prev, .layer .ic_next {position:absolute;top:50%;left:0;width: 64px;height:64px;margin-top:-32px;display:block;outline:none;border:0;background: url(../img/arrow_back_ios_new_FILL0_wght300_GRAD200_opsz48.svg?v1) no-repeat center center;background-size:24px auto}
.layer .ic_next {left:auto;right:0;transform:rotate(180deg)}
.layer .ic_prev:hover, .layer .ic_next:hover {opacity:.5}

.galleryitem {cursor:pointer;}


@media only screen and (max-width:1100px) {
  body,html {font-size: 15px;line-height:25px;}
  .desktop {display:none!important;}
  .section {padding-top:16px;padding-bottom:16px;}
  input, textarea, select {padding-left:24px;padding-right:24px;}
  h1, h2 {font-size: 30px;line-height:40px;letter-spacing:-.52px}
  h1 {font-size: 25px;line-height:44px;letter-spacing:-.48px}
  h3 {font-size: 18px;line-height:27px;}
  h4 {font-size: 14px;line-height:20px;letter-spacing:2.32px}
  .section h2 {margin-bottom:24px;}
  .btn {padding-left:24px;padding-right:24px}
  .bg, .contact .bg {width: 640px;}
  .button a {min-height:34px;padding-top:4.5px;padding-bottom:4.5px;padding-left:12px;padding-right:12px;font-size:12px;}

  .promo {min-height:1px;}
  .promo h1 {margin-bottom:24px;}
  .promo h1 strong:before {top:1px;bottom:1px;}
  .promo .thumbnail {position:relative;top:auto;left:auto;bottom:auto;min-width:510px;width:100%;height:373px;background-position:center center;}
  .promo .logo {margin-bottom:20px;float:none;margin-left:auto;margin-right:auto;}

  .video p {font-size:21px;letter-spacing:-.36px;margin-bottom:0;}
  .movie {width:375px;max-width:100%;}
  .movie a .title {font-size:14px;padding:12px;line-height:20px;letter-spacing:-0.28px}
  .movie a .ic_play {width:96px;height:96px;margin-left:-48px;margin-top:-64px;}

  .items {margin:0;}
  .item {margin:12px;width:375px;max-width:100%;padding:24px;}
  .item p {line-height:25px;margin-bottom:25px;font-size:16px;}
  .item p:last-child {margin:0;}

  .functions .items {flex-wrap: nowrap;overflow-x: auto;flex-direction: row;padding:12px;margin:-12px;justify-content:flex-start;}
  .functions .items .item {flex-shrink: 0;width:280px;}
  .functions .bg {width:100%;}

  .functions-content .box {width:375px;max-width:100%;padding:24px;}

  .goals-content .thumbnail img {margin-bottom:16px;}
  .goals-content .taleft img {width:calc(100% + 48px);max-width:calc(100% + 48px);margin-left:-24px;margin-right:24px;transform:none;top:auto;right:auto;position:relative;}

  .contact .col50 {width:100%}
  .contact .inner {padding:12px;}
  .contact .form {width:360px;margin:auto;max-width:100%;}
  .contact .form .btn {width:100%;display:block;margin:0;text-align:center;}
  .contact .order1 {order:1;}
  .contact .order1 .inner {text-align:center!important;}
  .contact .order2 {order:2;padding-top:24px;}
  .contact h2 {margin-bottom:16px}
  .contact h3 {font-size: 16px;line-height:24px;margin-bottom:0}
  .footer {padding-top:0;}
  .footer .bg, .footer .inner {padding-top:0;padding-bottom:0;}
  .footer .logo:not(.isophi), .contact .vline:before {display:none;}
  .footer .isophi {float:none;margin:auto;margin-bottom:24px;}
  .footer .col50, .footer .col33 {width:100%;}
  .footer .col50 .taleft, .footer .col50 .taright {text-align:center;}
}

#wpadminbar, .otgs-development-site-front-end {display: none!important;}
#wpadminbar {text-align:left;}
#wpadminbar ul {display: inline-block;}

input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:#ff0000!important}
.wpcf7-not-valid-tip {font-size: 12px!important;color:#ff0000!important;display: inline-block;padding-top:4px;padding-bottom:0;}
.wpcf7 form .wpcf7-response-output {margin:0!important;padding:0!important;border:0!important;text-align:left;}