/*Colors*/ /*Shadows*/ /*Breakpoints*/ /* New widest container for headers */ .container-widest { max-width: 1800px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container-widest .container-widest { width: 738px; } } @media (min-width: 992px) { .container-widest .container-widest { width: 962px; } } @media (min-width: 1200px) { .container-widest .container-widest { width: 1170px; } } @media (min-width: 1500px) { .container-widest .container-widest { width: 1470px; } } @media (min-width: 1800px) { .container-widest .container-widest { width: 1770px; } } /* Make Navbar transparent */ .nav:not(.scrolled) { background-color: transparent; position: absolute; } /* gradient behind transparent nav */ .nav:not(.scrolled) { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .healthcare-background { background: url("../../img/headers/healthcare.jpeg") no-repeat; background-position: center; background-size: cover; margin-bottom: 50px; } /* General */ section { padding: 50px 0 50px; } section .section--heading-1 { padding-bottom: 50px; } section .section--paragraph--tittle { padding: 0; } section .row { padding: 20px 0 20px 0; } .img-responsive { padding-top: 10px; } @media (min-width: 991px) { .img-responsive { margin-bottom: 50px; } } @media (min-width: 1600px) { .img-responsive { /* margin-bottom: 0px; */ } } .separator { margin: 100px 0 50px 0; height: 40px; background: #f6f6f6; } .claim { margin-top: -103px; } .claim__container { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 40px 40px 30px 40px; background: #FFFFFF; border: 1px solid #FCFCFC; -webkit-box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.14); } .claim__paragraph { font-style: italic; /*font-size: 1.3em;*/ } .claim__brand { padding-top: 20px; display: flex; justify-content: center; align-items: center; } .claim__brand__logo { background: url("../../img/customers/nantes.png") no-repeat center/contain; width: 46px; height: 46px; } .claim__brand__text { margin: 0; padding: 0 0 0 10px; font-weight: 600; text-transform: uppercase; font-size: 15px; color: #6c6c6c; } .video { margin-bottom: 30px; } /* Sections */ .section--customers { /* max-width: 100%; */ position: relative; } .section--customers .container { padding-top: 8.54296875em; /* padding-bottom: ms(1); */ } .section--customers .customer { position: relative; } .section--customers .customer .customer-logo { float: center; height: 400px; position: relative; line-height: 400px; text-align: center; width: 100%; max-width: 60vw; margin-left: auto; margin-right: auto; vertical-align: middle; /* svg { vertical-align: middle; float:none; width: auto; height: 400px; padding-bottom: 100px; }*/ } .section--customers .customer .customer-logo img { max-width: 90%; vertical-align: middle; } .section--customers .customer .customer-logo .scaling-svg-container { /* position: relative; */ height: 0; width: 100%; padding: 0; padding-bottom: 100%; /* override this inline for aspect ratio other than square */ } .section--customers .customer .customer-logo svg { position: absolute; height: 100%; width: 100%; /* max-width: 50vw; */ left: 0; top: 0; } @media (max-width: 991px) { .section--customers .customer .customer-logo { height: 300px; line-height: 300px; } } @media (max-width: 768px) { .section--customers .customer .customer-logo { height: 200px; line-height: 200px; } } .section--convenient .container { padding-top: 8.54296875em; padding-bottom: 8.54296875em; } .section--convenient .container .section--intro { max-width: 43.2487792969em; margin: 0 auto; } .section--convenient .container .feature--block { padding-bottom: 60px; } .section--convenient .container .easy--ilustration { background: url(../../img/globalscale/distribution.svg) no-repeat center/contain; /* width: 950px; */ height: 600px; max-width: 100%; max-height: 60vw; margin: 0 auto; position: relative; margin-top: 10px; margin-bottom: 10px; } .section--analysis .readblog { padding-top: 10px; } .section--secure .container { padding-top: 8.54296875em; padding-bottom: 8.54296875em; } .section--secure .container .section--intro { max-width: 43.2487792969em; margin: 0 auto; } .section--secure .container .distribution--ilustration { background: url(../../img/globalscale/balancer.svg) no-repeat center/contain; height: 600px; max-width: 100%; max-height: 60vw; margin: 0 auto; position: relative; margin-top: 10px; margin-bottom: 10px; } .section--secure .ncc--container { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 40px 40px 30px 40px; background: #FFFFFF; border: 1px solid #FCFCFC; -webkit-box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.14); } .section--secure .ncc--container blockquote { font-style: italic; font-size: 1.1em; margin: 0; } .section--secure .ncc--container .ncc--brand { padding-top: 20px; display: flex; justify-content: center; align-items: center; } .section--secure .ncc--container .ncc--brand .ncc--brand--logo { background: url("../../img/security/ncc_logo.png") no-repeat center/contain; width: 46px; height: 46px; } .section--secure .ncc--container .ncc--brand .ncc--brand--text { margin: 0; padding: 0 0 0 10px; font-weight: 600; text-transform: uppercase; font-size: 15px; color: #6c6c6c; } .section--explanation .banner { background-color: #0082c9; position: relative; overflow: hidden; } .section--explanation .banner h2 { text-align: left; color: white; } .section--explanation .banner p { /* padding-top: 10px; */ text-align: left; color: white; } .section--explanation .banner li { /* text-align: left; */ color: white; } .section--explanation .banner .hyperlink { color: white; } .section--explanation .banner .fa { color: white; padding-right: 10px; } .section--explanation .banner .col-md-6 { padding: 80px 0px; /* margin-left: 10% */ } .section--dicom .banner { background-color: #0082c9; position: relative; overflow: hidden; } .section--dicom .banner h2 { text-align: left; color: white; } .section--dicom .banner p { /* padding-top: 10px; */ text-align: left; color: white; } .section--dicom .banner li { /* text-align: left; */ color: white; } .section--dicom .banner .hyperlink { color: white; } .section--dicom .banner .fa { color: white; padding-right: 10px; } .section--dicom .banner .col-md-6 { padding: 80px 0px; /* margin-left: 10% */ } .section--dicom .banner .dicom-img { position: absolute; height: 100%; width: 50%; left: 50%; /* top: 60px; */ margin-left: 30px; background: url("../../img/headers/dicom.jpg") no-repeat; background-position: 65% 50%; background-size: cover; } .section--integrated .container .section--intro { max-width: 43.2487792969em; margin: 0 auto; } .section--integrated .container .section--heading-1 { padding-bottom: 0px; } .section--integrated .container .efficiency--ilustration { background: url(../../img/globalscale/splitup.svg) no-repeat center/contain; height: 600px; max-width: 100%; max-height: 60vw; margin: 0 auto; position: relative; margin-top: 10px; margin-bottom: 10px; } .section--features { /* background-color: #eee;*/ padding-top: 100px; padding-bottom: 100px; margin: 0 0 0 0; } .section--features .container-widest .row { padding-top: 20px; padding-bottom: 20px; margin-left: 15px; margin-right: 15px; } .section--features .container-widest .row .section--intro { max-width: 43.2487792969em; margin: 0 auto; } .section--features .section--heading-1 { padding-bottom: 60px; } .section--features i[class*='fa-'] { font-size: 60px; display: block; color: #0082c9; text-align: center; padding-top: 20%; } .section--features row { padding: 0px; } footer { margin-top: 0px; } /*# sourceMappingURL=healthcare.css.map */