/* bluesky digital labs */ #ov {display:none;position:fixed;left:40px;bottom:40px;z-index:29999;width:134px;height:auto;padding:14px;color:#fff;background:#09c;border:1px solid #016789;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0.9;-ms-filter:'alpha(opacity=90)';filter:alpha(opacity=90);} .emspace {font:10px/10px arial;height:10px;margin:0!important;padding:0!important;overflow:hidden;} .floatc {clear:both;} .floatl {float:left;} .floatr {float:right;} .nodisp{display:none;} .pl{position:absolute;top:0;left:0;height:1px;overflow:hidden;display:none;} .nomp{margin:0;padding:0;} .ovhide{overflow:hidden;} .toupper { text-transform: uppercase; } .tolower { text-transform: lowercase; } .emspace.h0 {height:0px;} .emspace.h1 {height:1px;} .emspace.h5 {height:5px;} .emspace.h20 {height:20px;} .emspace.h30 {height:30px;} .emspace.h40 {height:40px;} .emspace.h50 {height:50px;} .emspace.h60 {height:60px;} .emspace.h70 {height:70px;} .emspace.h80 {height:80px;} .emspace.h90 {height:90px;} .emspace.h0, .emspace.h1, .emspace.h5 {font-size:10px;padding:0;} .center { text-align: center; } .tright { text-align: right; } .tleft { text-align: left; } .ll { width: 48%; float: left; } .rr { width: 48%; float: right; } .colwrp { width: 100%; overflow: hidden; } .coltwo, .coltre, .colfor, .colfiv, .colsix { float: left; } .coltwo { width: 49%; margin-right: 1%; } .coltre { width: 33%; } .coltre.mid { width: 34%; } .coltre.dbl { width: 66%; } .colfor { width: 25%; } .colfor.dbl { width: 50%; } .colfiv { width: 20%; } .colsix { width: 16.66%; } .coltwo.floatr, .coltre.floatr, .colfor.floatr, .colfiv.floatr, .colsix.floatr { float: right; margin-right: 0; } .colwrp.inline .coltwo, .colwrp.inline .coltre, .colwrp.inline .colfor, .colwrp.inline .colfiv, .colwrp.inline .colsix { float: none; display: inline-block; vertical-align: top; } .colwrp .wrp { width: auto; padding: 10px; } .mob { display: none; } img.resp, .usrcon img { max-width: 100%; height: auto; } @media \0screen { img.resp, .usrcon img { width: auto; /* for ie 8 */ } } a.url, .url { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } a { outline: 0 !important; } .em-code-direction { unicode-bidi:bidi-override;direction:rtl; } @media all { .pagebreak { display: none; } } @media print { .pagebreak { display: block; page-break-before: always; } } .fermsg { display: none; } .noboxshadow, .fom .radiof input, .fom .radiof input:focus { -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; } .bottomshadow { -webkit-box-shadow: 0 15px 10px -15px rgba(204,204,204,1); -moz-box-shadow: 0 15px 10px -15px rgba(204,204,204,1); box-shadow: 0 15px 10px -15px rgba(204,204,204,1); } .fullshadow { -webkit-box-shadow: 0 0 7px 0 rgba(204,204,204,1); -moz-box-shadow: 0 0 7px 0 rgba(204,204,204,1); box-shadow: 0 0 7px 0 rgba(204,204,204,1); } .textshadow { text-shadow: 1px 1px 1px rgba(0,0,0, 1); } .textshadow .svg-inline--fa { filter: drop-shadow(1px 1px 1px #000); } .vmiddle { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } .img-circle { border-radius: 50%; border-radius: 50% !important; } .inline { display: inline-block; } .italic { font-style: italic; } .display_table { display: table; margin: 0 auto; } .display_table * { vertical-align: middle; } .underline { text-decoration: underline; } .nopadding, .nopad { margin: 0; padding: 0; } .blocklinks a, .blocklinks span { display: block; } a[href="javascript:;"].activate { cursor: pointer; } .chidden { display: none; } .vidplaywrp { position: relative; } .vidplayimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/_ui/_vidplay.png) center no-repeat; cursor: pointer; } .vidplayimg a { width: 100%; height: 100%; display: block; } .bgcover { -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; } .bcc-all, #mnav .tel.item, .timeline-me-shortcontent { -webkit-border-radius:.28571429rem!important;-moz-border-radius:.28571429rem!important;border-radius:.28571429rem!important; } .fontsize12 { font-size: 12px; } .fontsize14 { font-size: 14px; } .fontsize16 { font-size: 16px; } .fontsize18 { font-size: 18px; } .fontsize21 { font-size: 21px; } .fontsize24 { font-size: 24px; } .fontsize28 { font-size: 28px; } .fontsize32 { font-size: 32px; } .fontsize48 { font-size: 48px; } .fontweight300 { font-weight: 300; } .fontweight400 { font-weight: 400; } .fontweight500 { font-weight: 500; } .fontweight600/*, strong, b*/ { font-weight: 600; } .fontweight700 { font-weight: 700; } .fontweight900 { font-weight: 900; } .w480, .w540, .w640, .w740, .w840, .w960 { margin: 0 auto; } .w480 { width: 480px; } .w540 { width: 540px; } .w640 { width: 640px; } .w740 { width: 740px; } .w840 { width: 840px; } .w960 { width: 960px; } /*** colour schemes ***/ .white, #fot a.addrlnk, #socnav .ui.icon.button:hover, #mnav .tel.item:hover, .timeline-me-shortcontent, #fot.ui.inverted.segment .nodisp { color: #fff !important; } #snav .header.item.logo, #socnav .ui.icon.button { background-color: #fff; } a, #socnav .ui.icon.button, #mnav.ui.secondary.pointing.menu .item:hover, #mnav.ui.secondary.pointing.menu .item.active { color: #4563cc; } .ui.secondary.pointing.menu .header.item.active, #sitemap .ui.list .list > .item a.header, #sitemap .ui.list > .item a.header { color: #4563cc !important; } #socnav .ui.icon.button:hover/*, #mnav .tel.item*/ { background-color: #4563cc; } .timeline-me-smallitem .timeline-me-label .timeline-me-picto { background: #4563cc !important; } .ui.card .meta, .ui.cards > .card .meta, .ui.card > .extra, .ui.cards > .card > .extra { color: #999; } body, .ui.form .field > label, .ui.card > .content > .description, .ui.cards > .card > .content > .description, .ui.list .list > .item .description, .ui.list > .item .description { color: #333; } #mnav .tel.item:hover { background-color: #333; } .timeline-me-shortcontent { background: #333 !important; } a:hover { color: #ff9f40; } #sitemap .ui.list .list > .item a.header:hover, #sitemap .ui.list > .item a.header:hover { color: #ff9f40 !important; } /*a:visited { color: #ab91e6; }*/ #socnav a.item { color: #ccc; } #mnav.ui.secondary.pointing.menu .item.active { border-bottom-color: transparent; } /*** semantic UI overwrites ***/ @import url(https://fonts.googleapis.com/css?family=Montserrat:400,600); h1, h2, h3, h4, h5, .ui.header, .ui.message .header, .ui.items > .item > .content > .header, .ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui), .ui.steps .step .title { font-family:'Montserrat',sans-serif;font-weight:600!important; } .ui.card > .content > .header:not(.ui), .ui.cards:not(.noborder) > .card > .content > .header:not(.ui), .ui.steps .step .title, .ui.link.items.recentposts .header { font-weight:400!important; } .sub.header { font-family:Raleway,'Helvetica Neue',Arial,Helvetica,sans-serif; } html, body, .ui.shape .ui.card { font-size: 17px; } .ui.button, .ui.card, .ui.cards { font-size: 14px; } .ui.card .meta, .ui.cards > .card .meta { font-size: .9em; line-height: 120%; padding: 5px 0; } a.ui.button { margin-bottom: 0.75em; } h2.ui.header .sub.header { font-size: 1rem; padding-top: 7px; } .ui.modal { width: 80%; } .ui.piled.segment, .ui.piled.segments { padding: 1.8em; } .ui.bulleted.list, .ui.list, .ui.ordered.list, .ui.ordered.list .list, ol.ui.list, ol.ui.list ol { margin-left: 2rem; } .ui.form .field > label, .ui.form .inline.fields > label, .ui.form .ui.label { font-weight: 400; } .fotwrp .ui.list, #sitemap .ui.list { margin-left: 0; } .ui.card .description, .ui.cards .description { line-height: 140%; } .ui.card .card.tiny, .ui.cards .card.tiny { font-size: 12px; } .ui.card .card.tiny .description, .ui.cards .card.tiny .description { font-size: 13px; } .ui.menu .item > i.icon.nomarginright { margin-right: 0; } .ui.items > .item.nomargin { margin: 0; } .ui.header.hwsicon > .icon { font-size: 1em; } .ui.header.hwsicon .icon:only-child { margin-top: -4px; margin-right: 4px; } .ui.horizontal.divider.header.nomargin .icon { margin-right: 0; } .ui.steps.brief .step { cursor: pointer; } .ui.icon.message .ui.image.ico { margin-right: 1em; } .ui.form.error .ui.error.message .header { margin-bottom: 10px; } .ui.form.error .ui.message .header + p, .ui.form.error .ui.message p { margin: .25em 0; } .fontsize32 .sub.header { font-size: .7em; } /* site */ #backtotop { /*display: none;*/ position: fixed; bottom: -64px; right: 84px; z-index: 99; margin: 0; padding: 20px; font-size: 21px; line-height: 100%; cursor: pointer; overflow: hidden; } #backtotop.tada { bottom: 20px; } .emspace.conspc { height: 240px; } .emspace.fotspc { height: 180px; } .ui.image.center { margin: 0 auto; } #hed { } #con { min-height: 640px; height: auto !important; height: 640px; background: transparent url(../img/_ui/bg_con.png) center bottom no-repeat; } #fot.ui.inverted.segment { padding: 0; background: #333 url(../img/_ui/bg_fot.png) center top no-repeat; color: inherit !important; /* weird webkit render issue */ } #bluesky #hed .ui.container, #hed #hiw, #con #viw { position: relative; z-index: 1; } #bluesky .cloud { position: absolute; z-index: 0; display: block; background: url(../img/_ui/cloud.svg) center no-repeat; background-size: 100%; } #bluesky #hed .ui.container.nav .cloud.one { width: 540px; height: 218px; top: -110px; left: -254px; } #bluesky #hed .ui.container.nav .cloud.two { width: 540px; height: 218px; top: 800px; right: -460px; } #bluesky #hed .ui.container.nav .cloud.three { width: 320px; height: 129px; top: 940px; left: -320px; } #bluesky #hed .ui.container.nav .cloud.four { width: 320px; height: 129px; top: 1030px; left: -410px; } #hed .ui.secondary.inverted.menu a.item, #hed .ui.secondary.inverted.menu a.tel.item:hover { color: #fff !important; } #hed .ui.secondary.inverted.menu a.item:hover, #hed .ui.secondary.inverted.menu a.item.active { color: #333 !important; } .hidden.menu { display: none; } #mnav { border: 0; position: relative; z-index: 90; } #mnav .toc.item, #xnav .toc.item { display: none; } #xnav .item, #mnav .item { font-weight: bold; } #mnav .item, .ui.masthead .ui.header { font-weight: bold; } #xnav.ui.menu { -webkit-box-shadow: 0 15px 10px -15px rgba(204,204,204,1); -moz-box-shadow: 0 15px 10px -15px rgba(204,204,204,1); box-shadow: 0 15px 10px -15px rgba(204,204,204,1); } #xnav.ui.menu .item > img:not(.ui) { width: 6em; } #mnav.ui.menu .item > img:not(.ui) { width: 8em; } #mnav.ui.secondary.pointing.menu .item.logo { padding: 0; position: relative; top: -9px; } #mnav.ui.secondary.pointing.menu .item.logo.active { border-color: transparent; } .hom #mnav .item.logo:hover { cursor: default; } .sub #mnav .item.logo:hover img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } #mnav .tel.item { font-weight: 400; } #mnav .tel.item .icon, #xnav.ui.menu .item > i.icon { margin-right: 0; } #snav.ui.vertical.menu .item > i.icon { float: none; margin: 0; } #hiw { width: 1124px; margin: 0 auto; } #hiw.iso { min-height: 340px; height: auto !important; height: 340px; } #hiw .ll { width: 46%; } #hiw .rr { width: 50%; } #fimg { width: 80%; margin: 0 auto; text-align: center; min-height: 760px; height: auto !important; height: 760px; } .masthead .ui.container .ll { position: relative; } .ui.masthead.segment { border: 0; } .ui.masthead h1.ui.header { font-size: 2.2em; } #fnav .pipe { padding: 0 7px; } #socnav .item { margin: 0 2px; } small.small60 { font-size: 60%; } .ui.header span, .ui.header small { display: block; } #postreadcount.ui.mini.labeled.active.button:hover * { cursor: default; } #postreadcount.ui.mini.labeled.active.button:hover .ui.icon.button { color: rgba(0,0,0,.6); background-color: #e0e1e2; opacity: 1; } .postside .items { font-size: 14px; } .ui.card.casestudies { float: right; margin: 0 0 20px 40px; } .card .content .header.spnav { padding-top: 7px; } #testimonials .shape { display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } #testimonials .card { width: 32%; margin: 0 auto 14px auto; padding: 0; } #testimonials .card .content { padding: 30px; } .blockquote i.icon { font-size: 1.7em; } .blockquote p { font-weight: bold; font-size: 1.7em; line-height: 120%; text-align: center; margin: 0; padding: 14px; } #stview .ui.header .ui.image, #stview .ui.header .sub.header, #stview .ui.divider.afterheader { display: none; } #stview .ui.header > .image + .content, .ui.header > img + .content { padding-left: 0; } #psview .ui.header .icon:only-child { margin-right: 4px; } #psview .ui.items.recentposts > .item .meta { margin-top: 0; } #psview .card.btl { background-color: #f7f7f7; } .ui.cards.noborder { font-size: 16px; } .ui.cards.noborder * { background: none !important; } .ui.cards.noborder *, .ui.cards.noborder a.card:hover * { border: none !important; -webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important; } .ui.cards.noborder .image img { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; } .ui.cards.noborder > .card > .content { padding: 1em 0; } .ui.cards.noborder.centered * { text-align: center; } .ui.cards.notransform .card:hover { transform: none; } .ui.cards.notransform .card .image { overflow: hidden; } .ui.cards.notransform .card:hover .image img.resp { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .ui.cards.notransform .card .image img.serv.resp { width: auto!important; margin: 0 auto; -ms-transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7); } .ui.cards.notransform .card:hover .image img.serv.resp { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); } #sitemap .ui.list { font-size: .9em; } #sitemap .ui.list > .item .description { font-size: .9em; } /* newsletter subscribe */ #nwsfom .emspace.h20 { display: none; } #nwsfom p { font-size: .8rem; color: rgba(255,255,255,.5) !important; } #nwsfom .fwrp { float: left; } #nwsfom .fwrp.pp_2 { width: 77%; } #nwsfom input.btn { cursor: pointer; display: inline-block; min-height: 1em; outline: 0; vertical-align: baseline; margin: 0; margin-bottom: 0; padding: .78571429em 1.5em .78571429em; font-family: Raleway,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 1rem; text-transform: none; text-shadow: none; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; color: rgba(0,0,0,.6); text-shadow: none; background-color: rgb(224, 225, 226); background-image: none; border: none; border-radius: .28571429rem; -webkit-box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease; will-change: ''; -webkit-tap-highlight-color: transparent; -webkit-box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset; box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset; } #nwsfom input#cf_field_edit_2 { -webkit-border-top-left-radius:.28571429rem;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:.28571429rem;-moz-border-radius-topleft:.28571429rem;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:.28571429rem;border-top-left-radius:.28571429rem;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:.28571429rem; } #nwsfom input.btn { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:.28571429rem;-webkit-border-bottom-right-radius:.28571429rem;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:.28571429rem;-moz-border-radius-bottomright:.28571429rem;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem;border-bottom-left-radius:0px; } #nwsfom input { height: 44px; } #nwsfom .form_buttons { display: block !important; } #nwsfom .form_processing { display: none !important; } /* content styles */ .cloudoverimg { position: relative; } .dacloudoverimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: transparent url(../img/_ui/cloudoverimg.png) center bottom no-repeat; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; } #hwwk .hwwkimg { width: 40%; } #hwwk .hwwkhed { width: 56%; padding-top: 40px; } /*! timelineMe */ .timeline-me-container { position: relative; color: #666; } .timeline-me-container.no-scroll .timeline-me-wrapper { overflow: hidden; } .timeline-me-container.no-x-scroll .timeline-me-wrapper { overflow-x: hidden; } .timeline-me-container.no-y-scroll .timeline-me-wrapper { overflow-y: hidden; } .timeline-me-track { position: relative; overflow: hidden; } .timeline-me-track:before { content: ''; position: absolute; background: #555; } .timeline-me-vertical .timeline-me-track:before { top: 0; left: 50%; height: 100%; width: 4px; margin-left: -2px; } .timeline-me-horizontal .timeline-me-track { display: table; } .timeline-me-horizontal .timeline-me-track:before { top: 50%; left: 0; height: 4px; width: 100%; margin-top: -2px; } .timeline-me-leftscroll, .timeline-me-rightscroll { width: 50px; position: absolute; z-index: 1001; top: 0; bottom: 0; } .timeline-me-leftscroll { left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#8dd8dd), to(rgba(141, 216, 221, 0))); background-image: -webkit-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0)); background-image: -moz-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0)); background-image: -ms-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0)); background-image: -o-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0)); background-image: linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0)); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#8dd8dd', end-colourStr='rgba(141, 216, 221, 0)', gradientType='1'); } .timeline-me-rightscroll { right: 0; background-image: -webkit-gradient(linear, left top, right top, from(rgba(141, 216, 221, 0)), to(#8dd8dd)); background-image: -webkit-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd); background-image: -moz-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd); background-image: -ms-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd); background-image: -o-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd); background-image: linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='rgba(141, 216, 221, 0)', end-colourStr='#8dd8dd', gradientType='1'); } .timeline-me-leftarrow, .timeline-me-rightarrow { position: absolute; top: 50%; z-index: 1002; transform: translate(0, -50%); } .timeline-me-leftarrow:after, .timeline-me-rightarrow:after { content: ''; width: 0; height: 0; position: absolute; transform: translate(0, -50%); border-style: solid; } .timeline-me-leftarrow { left: 0; } .timeline-me-leftarrow:after { left: 0; border-width: 11.54px 20px 11.54px 0; border-color: transparent #fff transparent transparent; } .timeline-me-rightarrow { right: 0; } .timeline-me-rightarrow:after { right: 0; border-width: 11.54px 0 11.54px 20px; border-color: transparent transparent transparent #fff; } .timeline-me-horizontal { /*.timeline-me-label { bottom: - ($label-picto-total-size - $timeline-thickness) / 2; }*/ } .timeline-me-horizontal .timeline-me-wrapper { overflow-x: scroll; } .timeline-me-horizontal .timeline-me-item { display: table-cell; vertical-align: middle; padding-left: 10px; padding-right: 10px; } .timeline-me-horizontal .timeline-me-fix-height .timeline-me-label { height: 150px; } .timeline-me-horizontal .timeline-me-fix-height .timeline-me-content { height: 300px; } .timeline-me-horizontal .timeline-me-fix-width .timeline-me-label { width: 200px; } .timeline-me-horizontal .timeline-me-fix-width .timeline-me-content { width: 400px; } .timeline-me-vertical .timeline-me-item { padding-top: 5px; padding-bottom: 5px; } .timeline-me-item, .timeline-me-item:first-child { position: relative; margin: 20px 0px; } .timeline-me-label .timeline-me-same-position { border-left: 2px solid #666; margin-left: 10px; padding-left: 10px; } .timeline-me-content { position: relative; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .timeline-me-shortcontent, .timeline-me-fullcontent { position: relative; box-sizing: border-box; width: 100%; background-color: #fff; line-height: 20px; border-radius: 2px; } .timeline-me-showmore { display: block; } .timeline-me-showless { display: none; } .timeline-me-hidden { position: relative; z-index: -1000; } .timeline-me-milestone { } .timeline-me-milestone .timeline-me-label { position: relative; line-height: 36px; } .timeline-me-milestone .timeline-me-label .timeline-me-picto { position: absolute; box-sizing: content-box; height: 30px; width: 30px; background-color: #fff; border-radius: 50%; border: 3px solid #555; z-index: 100; text-align: center; overflow: hidden; } .timeline-me-milestone.timeline-me-right, .timeline-me-milestone:not(.timeline-me-top):not(.timeline-me-left):not(.timeline-me-bottom) { width: 50%; margin-left: 50%; } .timeline-me-milestone.timeline-me-right .timeline-me-label, .timeline-me-milestone:not(.timeline-me-top):not(.timeline-me-left):not(.timeline-me-bottom) .timeline-me-label { height: 36px; padding-left: 39px; margin-left: -18px; } .timeline-me-milestone.timeline-me-right .timeline-me-label .timeline-me-picto, .timeline-me-milestone:not(.timeline-me-top):not(.timeline-me-left):not(.timeline-me-bottom) .timeline-me-label .timeline-me-picto { top: 0; left: 0; } .timeline-me-milestone.timeline-me-top { margin: auto; text-align: center; } .timeline-me-milestone.timeline-me-top .timeline-me-label { padding-bottom: 39px; } .timeline-me-milestone.timeline-me-top .timeline-me-label .timeline-me-picto { bottom: 0px; left: 50%; margin-left: -18px; } .timeline-me-milestone.timeline-me-left { width: 50%; margin-right: 50%; text-align: right; } .timeline-me-milestone.timeline-me-left .timeline-me-label { height: 36px; padding-right: 39px; margin-right: -18px; } .timeline-me-milestone.timeline-me-left .timeline-me-label .timeline-me-picto { top: 0; right: 0px; } .timeline-me-milestone.timeline-me-bottom { margin: auto; text-align: center; } .timeline-me-milestone.timeline-me-bottom .timeline-me-label { padding-top: 39px; } .timeline-me-milestone.timeline-me-bottom .timeline-me-label .timeline-me-picto { top: 0px; left: 50%; margin-left: -18px; } .timeline-me-milestone .timeline-me-shortcontent { display: none; } .timeline-me-horizontal .timeline-me-milestone.timeline-me-top .timeline-me-label-wrapper { padding-bottom: 36px; } .timeline-me-horizontal .timeline-me-milestone.timeline-me-bottom .timeline-me-label-wrapper { padding-top: 36px; } .timeline-me-smallitem { } .timeline-me-smallitem .timeline-me-item-wrapper { position: relative; } .timeline-me-smallitem .timeline-me-label { position: absolute; line-height: 36px; } .timeline-me-smallitem .timeline-me-label .timeline-me-picto { position: absolute; box-sizing: content-box; height: 30px; width: 30px; background-color: #fff; border-radius: 50%; border: 3px solid #555; z-index: 100; text-align: center; overflow: hidden; } .timeline-me-smallitem.timeline-me-left .timeline-me-label, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-label { left: 50%; top: 0; margin-left: -18px; text-align: left; padding-left: 39px; } .timeline-me-smallitem.timeline-me-left .timeline-me-label .timeline-me-picto, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-label .timeline-me-picto { top: 0; left: 0px; } .timeline-me-smallitem.timeline-me-left .timeline-me-content-container, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-content-container { width: 40%; margin-left: 10%; padding-right: 25px; } .timeline-me-smallitem.timeline-me-left .timeline-me-fullcontent:before, .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent:before, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-fullcontent:before, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-shortcontent:before { background-color: inherit; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); height: 10px; width: 10px; right: -5px; top: 18px; } .timeline-me-smallitem.timeline-me-top .timeline-me-label { top: 50%; left: 0; margin-top: -18px; text-align: left; padding-top: 39px; } .timeline-me-smallitem.timeline-me-top .timeline-me-label .timeline-me-picto { top: 0px; } .timeline-me-smallitem.timeline-me-top .timeline-me-content-wrapper:not(.timeline-me-hidden) { margin-bottom: 50px; } .timeline-me-smallitem.timeline-me-top .timeline-me-fullcontent:before, .timeline-me-smallitem.timeline-me-top .timeline-me-shortcontent:before { background-color: inherit; -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); height: 10px; width: 10px; bottom: -5px; left: 18px; } .timeline-me-smallitem.timeline-me-right .timeline-me-label { right: 50%; top: 0; margin-right: -18px; text-align: right; padding-right: 39px; } .timeline-me-smallitem.timeline-me-right .timeline-me-label .timeline-me-picto { top: 0; right: 0px; } .timeline-me-smallitem.timeline-me-right .timeline-me-content-container { width: 40%; margin-left: 50%; padding-left: 25px; } .timeline-me-smallitem.timeline-me-right .timeline-me-fullcontent:before, .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent:before { background-color: inherit; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); height: 10px; width: 10px; left: -5px; top: 18px; } .timeline-me-smallitem.timeline-me-bottom .timeline-me-label { bottom: 50%; left: 0; margin-bottom: -18px; text-align: left; padding-bottom: 39px; } .timeline-me-smallitem.timeline-me-bottom .timeline-me-label .timeline-me-picto { bottom: 0px; } .timeline-me-smallitem.timeline-me-bottom .timeline-me-content-wrapper:not(.timeline-me-hidden) { margin-top: 50px; } .timeline-me-smallitem.timeline-me-bottom .timeline-me-fullcontent:before, .timeline-me-smallitem.timeline-me-bottom .timeline-me-shortcontent:before { background-color: inherit; -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); height: 10px; width: 10px; top: -5px; left: 18px; } .timeline-me-smallitem .timeline-me-content-container { box-sizing: border-box; } .timeline-me-smallitem .timeline-me-fullcontent, .timeline-me-smallitem .timeline-me-shortcontent { padding: 10px; min-height: 18px; min-width: 18px; } .timeline-me-smallitem .timeline-me-fullcontent .timeline-me-same-position, .timeline-me-smallitem .timeline-me-shortcontent .timeline-me-same-position { display: block; border-top: 2px solid #666; margin-top: 10px; padding-top: 10px; } .timeline-me-smallitem .timeline-me-fullcontent:before, .timeline-me-smallitem .timeline-me-shortcontent:before { content: ''; position: absolute; } .timeline-me-smallitem .timeline-me-displayfull .timeline-me-shortcontent, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-shortcontent { display: none; } .timeline-me-smallitem .timeline-me-displayfull .timeline-me-fullcontent, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-fullcontent { display: block; } .timeline-me-smallitem .timeline-me-displayfull .timeline-me-showmore, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-showmore { display: none; } .timeline-me-smallitem .timeline-me-displayfull .timeline-me-showless, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-showless { display: block; } .timeline-me-smallitem .timeline-me-shortcontent { display: block; } .timeline-me-smallitem .timeline-me-fullcontent { display: none; } .timeline-me-bigitem { } .timeline-me-bigitem .timeline-me-label { position: relative; margin-bottom: 10px; text-align: center; padding-bottom: 39px; line-height: 36px; } .timeline-me-bigitem .timeline-me-label .timeline-me-picto { position: absolute; box-sizing: content-box; height: 30px; width: 30px; background-color: #fff; border-radius: 50%; border: 3px solid #555; z-index: 100; bottom: 0px; left: 50%; margin-left: -18px; text-align: center; overflow: hidden; } .timeline-me-bigitem .timeline-me-content-wrapper { position: relative; z-index: 1000; } .timeline-me-bigitem .timeline-me-content-container { width: 80%; margin: auto; } .timeline-me-bigitem .timeline-me-fullcontent, .timeline-me-bigitem .timeline-me-shortcontent { padding: 20px; } .timeline-me-bigitem .timeline-me-fullcontent .timeline-me-same-position, .timeline-me-bigitem .timeline-me-shortcontent .timeline-me-same-position { display: block; border-top: 2px solid #666; margin-top: 10px; padding-top: 10px; } .timeline-me-bigitem .timeline-me-flipped .timeline-me-showmore, .timeline-me-bigitem.timeline-me-flipped .timeline-me-showmore { display: none; } .timeline-me-bigitem .timeline-me-flipped .timeline-me-showless, .timeline-me-bigitem.timeline-me-flipped .timeline-me-showless { display: block; } .timeline-me-horizontal .timeline-me-bigitem .timeline-me-item-wrapper { display: table; } .timeline-me-horizontal .timeline-me-bigitem .timeline-me-item-wrapper .timeline-me-label-wrapper, .timeline-me-horizontal .timeline-me-bigitem .timeline-me-item-wrapper .timeline-me-content-wrapper { display: table-cell; vertical-align: middle; } .timeline-me-horizontal .timeline-me-bigitem .timeline-me-label { margin-bottom: 0; bottom: 18px; } .timeline-me-horizontal .timeline-me-bigitem .timeline-me-content-container { width: 100%; margin: 0; } .timeline-me-bigitem { -moz-perspective: 1500px; -webkit-perspective: 1500px; -ms-perspective: 1500px; -o-perspective: 1500px; perspective: 1500px; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .timeline-me-bigitem.timeline-me-flipped .timeline-me-content-container { -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .timeline-me-bigitem .timeline-me-content-container { -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .timeline-me-bigitem .timeline-me-shortcontent, .timeline-me-bigitem .timeline-me-fullcontent { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } .timeline-me-bigitem .timeline-me-shortcontent { z-index: 2; -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .timeline-me-bigitem .timeline-me-fullcontent { -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .timeline-me-collapsed .timeline-me-smallitem .timeline-me-content-wrapper, .timeline-me-collapsed .timeline-me-bigitem .timeline-me-content-wrapper, .timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem .timeline-me-content-wrapper, .timeline-me-collapsed.timeline-me-horizontal .timeline-me-bigitem .timeline-me-content-wrapper { display: none; } .timeline-me-collapsed .timeline-me-smallitem .timeline-me-label, .timeline-me-collapsed .timeline-me-bigitem .timeline-me-label { position: relative; margin: 0; } .timeline-me-collapsed.timeline-me-vertical .timeline-me-bigitem .timeline-me-label { padding-bottom: 0; left: 50%; top: 0; margin-left: -18px; text-align: left; padding-left: 39px; } .timeline-me-collapsed.timeline-me-vertical .timeline-me-bigitem .timeline-me-label .timeline-me-picto { top: 0; left: 0px; margin-left: 0; } .timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem .timeline-me-label { text-align: center; } .timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem .timeline-me-label .timeline-me-picto { left: 50%; margin-left: -18px; } .timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem.timeline-me-top .timeline-me-label-wrapper { padding-top: 36px; } .timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem.timeline-me-bottom .timeline-me-label-wrapper { padding-bottom: 36px; } /* sb overwrites */ .timeline-me-container { color: inherit; } .timeline-me-smallitem .timeline-me-label .timeline-me-picto { z-index: 1; } .timeline-me-smallitem.timeline-me-right .timeline-me-label { padding-right: 40px; } .timeline-me-smallitem.timeline-me-left .timeline-me-label, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-label { padding-left: 40px; } .timeline-me-smallitem.timeline-me-right .timeline-me-label, .timeline-me-smallitem.timeline-me-left .timeline-me-label, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-label { font-size: 28px; } .timeline-me-smallitem .timeline-me-fullcontent, .timeline-me-smallitem .timeline-me-shortcontent { line-height: inherit; border: none; } .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent::before, .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent::before { border: none; } .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent::before { border-width: 1px 1px 0 0; } .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent::before { border-width: 0 0 1px 1px; } .timeline-me-smallitem.timeline-me-left .timeline-me-content-container, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-content-container, .timeline-me-smallitem.timeline-me-right .timeline-me-content-container { width: 48%; } .timeline-me-smallitem.timeline-me-left .timeline-me-content-container, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-content-container { margin-left: 1.8%; } .timeline-me-smallitem .timeline-me-shortcontent .tmwrp { padding: 3% 4%; position: relative; overflow: hidden; } .timeline-me-smallitem .timeline-me-shortcontent .tmwrp p { } .timeline-me-smallitem .timeline-me-shortcontent .tmwrp.tright p { } .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent .tmwrp.hasimg { padding: 2% 34% 2% 4%; } .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent .tmwrp.hasimg { padding: 2% 4% 2% 34%; } .timeline-me-smallitem .timeline-me-shortcontent .tmimg { position: absolute; top: 0; width: 30%; height: 100%; background: center top no-repeat; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; } .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent .tmimg { right: 0; } .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent .tmimg { left: 0; } /*** anim ***/ .resp, .wrp, .ll, .rr, #backtotop, .ui.masthead.segment, .sub #mnav .item.logo img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .cycle-slideshow .resp { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /*** responsive ***/ @media only screen and (max-width: 2560px) { } @media only screen and (min-width: 1921px) { #con, #fot.ui.inverted.segment { background-size: 100%; } } @media only screen and (max-width: 1920px) { #con, #fot.ui.inverted.segment { background-size: auto; } #bluesky #hed .ui.container.nav .cloud.two { top: 640px; } #fimg { min-height: 590px; height: auto !important; height: 590px; } } @media only screen and (max-width: 1680px) { #bluesky #hed .ui.container.nav .cloud.two { top: 540px; } #fimg { min-height: 520px; height: auto !important; height: 520px; } } @media only screen and (max-width: 1600px) { /*google+material*/ #hiw { width: 1080px; } #fimg { min-height: 490px; height: auto !important; height: 490px; } } @media only screen and (max-width: 1440px) { /*google+material*/ #hiw { width: 991px; } #fimg { min-height: 440px; height: auto !important; height: 440px; } } @media only screen and (max-width: 1400px) { #fimg { min-height: 430px; height: auto !important; height: 430px; } } @media only screen and (max-width: 1366px) { #hiw { width: 960px; } #fimg { min-height: 420px; height: auto !important; height: 420px; } } @media only screen and (max-width: 1280px) { /*google+material*/ #fimg { min-height: 400px; height: auto !important; height: 400px; } } @media only screen and (max-width: 1200px) { .ui.secondary.pointing.menu .item { padding: .85714286em 11px; } #fimg { min-height: 370px; height: auto !important; height: 370px; } } @media only screen and (max-width: 1097px) { #xnav .ui.container.nav .menu .item { font-size: 16px; } #fimg { width: 90%; min-height: 380px; height: auto !important; height: 380px; } #bluesky #hed .ui.container.nav .cloud.two { top: 460px; } } @media only screen and (max-width: 1024px) { /*google+material*/ #hiw { width: 88%; } #fimg { width: 96%; } } @media only screen and (max-width: 1023px) { .w960 { width: 100%; } } @media only screen and (max-width: 991px) { /* bootstrap */ #hiw { width: 86%; } #viw.ui.container, .ui.container.nav { width: 92%; } #fimg { min-height: 370px; height: auto !important; height: 370px; } .ui.five.doubling.cards > .card, .ui.four.doubling.cards > .card { width: calc(25% - 2em); } #xnav .ui.container.nav .menu .item { font-size: 15px; } #testimonials .card { width: 48%; } #csview .ui.medium.right.floated.image { width: 30%; } #subnav .ui.four.doubling.cards > .card, #stlist .ui.four.doubling.cards > .card { width: calc(33.33333333% - 2em); } #stlist .ui.two.doubling.cards > .card { width: calc(50% - 2em); margin-left: 1em; margin-right: 1em; } #stlist .w740 { width: 100%; } .emspace.h240 { height: 100px; } } @media only screen and (max-width: 960px) { /*google+material*/ .emspace.conspc { height: 200px; } .emspace.fotspc { height: 140px; } #fimg { min-height: 360px; height: auto !important; height: 360px; } } @media only screen and (max-width: 900px) { .w840 { width: 100%; } #xnav .ui.container.nav .menu .item { padding: .92857143em 11px; font-size: 14px; } .masthead h1.ui.header { font-size: 2em; } #con .emspace.h80.ctop { height: 40px; } #fimg { min-height: 330px; height: auto !important; height: 330px; } } @media only screen and (max-width: 840px) { /*google+material*/ .ui.five.doubling.cards > .card, .ui.four.doubling.cards > .card { width: calc(33.33333333% - 2em); } #bluesky #hed .ui.container.nav .cloud.two { top: 400px; } #mnav .item, #xnav .item { display: none; } #mnav .header.item { display: block; } #mnav .toc.item, #xnav .toc.item, #mnav .item.logo, #xnav .item.logo { display: block; } #mnav.ui.secondary.pointing.menu .item.logo { top: -6px; } #xnav.ui.menu .item > i.icon { font-size: 1.4em; margin-top: 3px; } #mnav.ui.menu .toc.item > i.icon { font-size: 16px; } .ui.visible.uncover.sidebar { z-index: 999; } #snav.ui.menu .item { padding: 1.14285714em; } .masthead h1.ui.header { font-size: 2em; } .masthead h2 { font-size: 1.5em; } #hed .emspace.h80.mtop { height: 40px; } #fimg { min-height: 310px; height: auto !important; height: 310px; } #stview .ui.header .ui.image, #stview .ui.header .sub.header, #stview .ui.header .sub.header, #stview .ui.divider.afterheader { display: block; } #stview .ui.header .ui.image, #stview .ui.header .content { float: left; } #stview .ui.header .ui.image { cursor: pointer; } #stview .ui.header > .image + .content, .ui.header > img + .content { padding-left: .75rem; } #stview h2.ui.header { width: 100%; overflow: hidden; } #stview h2.ui.header .sub.header { padding-top: 0; } #stview .ui.grid > [class*="five wide"].column { display: none; } #stview .ui.grid > [class*="eleven wide"].column { width: 100% !important; } #psview .ui.medium.image { display: none; } } @media only screen and (max-width: 800px) { .w740 { width: 100%; } #bluesky #hed .ui.container.nav .cloud.two { top: 380px; } #fimg { min-height: 300px; height: auto !important; height: 300px; } #hwwk .hwwkhed { padding-top: 30px; } } @media only screen and (max-width: 768px) { html, .bod, #con, .ui.form .field > label { font-size: 16px; } .ui.massive.segment, .ui.massive.segments .segment { font-size: 1.3em; } .ui.large.segment, .ui.large.segments .segment { font-size: 1.1em; } .fontsize14 { font-size: 12px; } .fontsize16 { font-size: 14px; } .fontsize18 { font-size: 16px; } .fontsize21 { font-size: 18px; } .fontsize24 { font-size: 22px; } .fontsize28 { font-size: 24px; } .fontsize32 { font-size: 28px; } .fontsize48 { font-size: 38px; } #bluesky #hed .ui.container.nav .cloud.two, .sub #bluesky #hed .ui.container.nav .cloud.two { right: -480px; } #fimg { min-height: 290px; height: auto !important; height: 290px; } #csview .ui.card .description, #csview .ui.card .extra.content { font-size: 12px; } } @media only screen and (max-width: 767px) { #hed .ll, #hed .rr { width: 100%; float: none; display: block; text-align: center; } #hed .rr { margin-top: 40px; } .hom #hiw .rr { padding-top: 0; } .sub #hiw .rr .svg { float: none; display: block; max-height: 200px !important; margin: 0 auto; } #con .emspace.h80.ctop { height: 60px; } #viw.ui.container { width: 100% !important; } .ui.container.nav { width: 90% !important; margin: 0 auto !important; } #xnav .ui.container.nav { width: 90% !important; margin: 0 auto !important; } #pnav { width: 80%; } #pnav.ui.stackable.menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #pnav.ui.stackable.menu .item { width: 100% !important; } #pnav.ui.stackable.menu .item:before { position: absolute; content: ''; top: auto; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgba(34, 36, 38, 0.1); } #subnav .ui.four.doubling.cards > .card { width: calc(50% - 2em); } #backtotop { right: 15px; } #fc_frame { display: none; } } @media only screen and (max-width: 736px) { #fimg { min-height: 280px; height: auto !important; height: 280px; } .timeline-me-smallitem.timeline-me-right .timeline-me-content-container, .timeline-me-smallitem.timeline-me-left .timeline-me-content-container, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-content-container { width: 100%; margin: 0; padding: 0; } .timeline-me-vertical .timeline-me-item { padding-bottom: 40px; } .timeline-me-content { top: 42px; } .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent::before, .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent::before { top: 0 !important; right: 0; left: 49.2%; border-width: 1px 0 0 1px; } } @media only screen and (max-width: 720px) { /*google+material*/ .emspace.conspc { height: 100px; } #fimg { min-height: 270px; height: auto !important; height: 270px; } } @media only screen and (max-width: 667px) { .w640 { width: 100%; } .ll, .rr, .coltwo, .coltre, .coltre.mid, .coltre.dbl, .colfor, .colfor.dbl, .colfiv, .colsix { width: 100%; float: none; display: block; } .rr, .coltwo.floatr, .coltre.floatr, .colfor.floatr, .colfiv.floatr, .colsix.floatr { float: none; } .coltwo, .coltre, .coltre.mid, .coltre.dbl, .colfor, .colfor.dbl, .colfiv, .colsix, .rr.tright, .coltre.tright, .colfor.tright, .colfiv.tright { text-align: center; } #fimg { min-height: 250px; height: auto !important; height: 250px; } #hwwk .ll { float: left; } #hwwk .rr { float: right; } #hwwk .hwwkhed { padding-top: 20px; } } @media only screen and (max-width: 640px) { /*640x360androids*/ .w540 { width: 100%; } #bluesky #hed .ui.container.nav .cloud.two, #bluesky #hed .ui.container.nav .cloud.three, #bluesky #hed .ui.container.nav .cloud.four, .emspace.conspc { display: none; } #fimg { min-height: 240px; height: auto !important; height: 240px; } #con { background: none; } #fot.ui.inverted.segment { background-image: url(../img/_ui/bg_fot_640.png); } .emspace.fotspc { height: 160px; } } @media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio:0) { .ui.icon.message .ui.large.image.ico { width: 96px; } @-moz-document url-prefix() { .ui.icon.message .ui.large.image.ico { width: 100%; } } } @media only screen and (max-width: 600px) { /*google+material*/ .ui.masthead.segment .homhero { padding: 20px 40px 0 40px; } #con .emspace.h80.ctop { height: 40px; } #fimg { min-height: 230px; height: auto !important; height: 230px; } .ui.five.doubling.cards > .card, .ui.four.doubling.cards > .card { width: calc(50% - 2em); } #stlist .ui.four.doubling.cards > .card { width: calc(40% - 2em); } } @media only screen and (max-width: 599px) { .w480 { width: 100%; } #testimonials .card { width: 100%; } #csview .ui.card .description, #csview .ui.card .extra.content { display: none; } #hwwk .hwwkimg, #hwwk .hwwkhed { width: 100%; text-align: center; } #hwwk .hwwkimg { padding: 7px 0 14px 0; } #hwwk .hwwkhed { padding-top: 0; } #nwsfom.w480 { width: 400px; } #nwsfom .fwrp.pp_2 { width: 74%; } } @media only screen and (max-width: 480px) { /*google+material*/ #fimg { min-height: 180px; height: auto !important; height: 180px; } #csview .ui.medium.right.floated.image { width: 40%; } #stlist .ui.three.doubling.cards > .card, #stlist .ui.two.doubling.cards > .card { width: calc(100% - 2em); } #stlist .ui.four.doubling.cards > .card { width: calc(50% - 2em); } #stview .ui.header .ui.image, #stview .ui.header .content { float: none; display: block; text-align: center; } #stview .ui.header .ui.image { margin: 0 auto; } #stview .ui.header > .image + .content, .ui.header > img + .content { padding-left: 0; } #fot .ui.grid > [class*="three column"].row > .column { width: 100% !important; margin-bottom: 40px; text-align: center; } #fot .ui.grid .ui.list > .item, #fot .ui.grid .ui.list > .nodisp { display: inline-block; } #fot .ui.grid .ui.list > .nodisp { margin: 0 3px; } #fot .hideinmob { display: none; } .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent::before, .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent::before { left: 48.5%; } } @media only screen and (max-width: 423px) { #nwsfom.w480 { width: 94%; } #nwsfom .fwrp.pp_2 { width: 71%; } } @media only screen and (max-width: 414px) { #fimg { min-height: 160px; height: auto !important; height: 160px; } .ui.icon.message > .content { font-size: .9em; } #subnav .ui.four.doubling.cards > .card, .ui.three.doubling.cards > .card { width: calc(100% - 2em); } #stlist .ui.four.doubling.cards > .card { width: calc(90% - 2em); } #nwsfom .fwrp.pp_2 { width: 70%; } } @media only screen and (max-width: 393px) { #nwsfom .fwrp { float: none; } #nwsfom .fwrp.pp_2 { width: 100%; } #nwsfom input.btn { margin-left: auto; margin-right: auto; } #nwsfom input#cf_field_edit_2, #nwsfom input.btn { -webkit-border-radius:.28571429rem;-moz-border-radius:.28571429rem;border-radius:.28571429rem; } } @media only screen and (max-width: 375px) { #fimg { min-height: 140px; height: auto !important; height: 140px; } .ui.four.doubling.cards, .ui.five.doubling.cards { max-width: 100%; margin-left: auto; margin-right: auto; } .ui.four.doubling.cards .card, .ui.five.doubling.cards .card { width: 100%; } .ui.masthead.segment .homhero { padding: 20px 20px 0 20px; } #csview .ui.five.doubling.cards > .card { width: calc(50% - 2em); } #stlist .ui.four.doubling.cards > .card { width: calc(100% - 2em); } } @media only screen and (max-width: 374px) { #viw.ui.container { width: 94% !important; } } @media only screen and (max-width: 360px) { /*google+material*/ #viw.ui.container { width: 90% !important; } .masthead h1.ui.header .ui.image.medium { width: 80%; } #csview .ui.medium.right.floated.image { display: none; } .timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent::before, .timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent::before { left: 48%; } } @media only screen and (max-width: 320px) { #fimg { min-height: 120px; height: auto !important; height: 120px; } } /*** print styles ***/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hideinprint, #ov, #backtotop, #mnav, #hero { display: none; } }