@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');

html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

:root {
  --c1: #333333;
  --c2: #fff;
  --c3: #0de2c5;
  --c4: #aaa1a1;
  --c5: #4d4d4d;

  --homepageBannerbarHeight: 19vw;
  --homepageBannerHeight: 16vw;
}

@media screen AND (min-width: 1440px){
  :root{
    --homepageBannerbarHeight: 274px;
    --homepageBannerHeight: 231px;
  }
}
@media screen AND (max-width: 1366px){
  :root{
    --homepageBannerHeight: 28vw;
  }
}
@media screen AND (max-width: 1024px){
  :root{
    --homepageBannerHeight: 40vw;
  }
}
@media screen AND (max-width: 950px){
  :root{
    --homepageBannerHeight: 32vw;
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select, button {
  font-weight: normal;
  line-height: 1.6em;
  letter-spacing: 0.6px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  color: var(--c2);
  vertical-align: baseline;
}

* { margin: 0; padding: 0;}

BODY  {font-family: 'Open Sans', sans-serif; font-size: 14px; background: var(--c1);}
P   {margin-block-end: 1em;}
IMG {max-width: 100%;}
DIV {float: left; width: 100%; box-sizing: border-box; color: inherit; font-size: inherit; white-space: inherit;}
UL  {margin: 10px 0 0 16px;}
SPAN{color: inherit;}
H1  {color: inherit; font-size: 150%; margin: 0; padding: 0; font-weight: 600;}
H2  {color: inherit; font-size: 125%; margin: 0; padding: 0; }
B   {font-weight: 600;}
STRONG  {font-weight: 600;}

TABLE   {border-collapse: collapse;}
TD      {vertical-align: top;}
OPTGROUP {}

BODY.invoicebody {font-family: 'Open Sans', sans-serif; font-size: 14px; background: #fff; color: #000;}
BODY.invoicebody TD, BODY.invoicebody DIV{
  color: #000;
}

*,*:focus,*:hover{outline:none;}

A   {text-decoration:none; color:var(--c3); line-height: inherit;}
A:hover {text-decoration:underline; color:(var--c3);}

.disabled      {filter:mask() mask(color=buttonshadow) dropshadow(offX=1,offY=1,color=buttonhighlight,positive=1);}
.msg          { color:red; text-align:center; padding-bottom:5px; width:100%;}
.btn          {min-width:100px; color: var(--c1); font-weight: normal; background: var(--c3); border: solid 2px var(--c3); margin: 3px 0 1px 0; border-radius: 3px; cursor: pointer; padding: 3px 13px;}
.btn:hover    {color: var(--c3); background: white;}
.highlight    {color: var(--c3);}
BUTTON        {min-width:180px; color: var(--c1); font-weight: normal; background: var(--c3); border: solid 2px var(--c3); margin: 3px 0 1px 0; border-radius: 3px; cursor: pointer; padding: 3px 13px;}
BUTTON:hover  {color: var(--c3); background: var(--c1);}
INPUT, SELECT, TEXTAREA, BUTTON {box-sizing: border-box; color: var(--c1)}
INPUT[type="text"], INPUT[type="password"], INPUT[type="number"], INPUT[type="email"], textarea {padding: 4px; width: 100%; border-radius: 3px; border: solid 1px #ddd;}
INPUT[type="button"],INPUT[type="submit"] {min-width:100px; color: var(--c1); font-weight: normal; background: var(--c3); border: solid 2px var(--c3); margin: 0 0 1px 0; border-radius: 16px; cursor: pointer; padding: 3px 20px;}
INPUT[type="button"]:hover, INPUT[type="submit"]:hover {color: var(--c3); background: var(--c1);}
SELECT        {width: 100%; padding: 7px 4px; border: solid 1px #ddd; border-radius: 3px;}

/* page: if filters are shown, adding padding left to show filters, only on search results page */
BODY.windowMob0 #page {min-height: 80vh;}
#body{
  padding-bottom: 40px;
}
#body.body_freeHTMLnoReskins{
  padding-bottom: 0;
}
BODY.htmlbody_home #body,
BODY.htmlbody_FreeHTML #body{
  padding-bottom: 0px;
}

@media screen AND (max-width: 665px){
  .mob0{
    display: none;
  }
}
@media screen AND (min-width: 666px){
  .mob1{
    display: none;
  }
}

#cookieAlertWrapper {display: none;}

/* ====================================================== HEADER STYLES ============================================================*/
#page #controlForms {display: none}

#page #CI_header  {
  padding: 0 1vw;
}
#CI_header .pageheaderLoggedOut {}
#CI_header .pageheader_homeLoggedOut  {}
#CI_header .pageheader_home_actSubs0  {}
#CI_header .headerWrapper {
  display: grid; grid-template-columns: 150px 1fr 250px; grid-column-gap: 1vw; height: 53px; margin: 4px 0;
}
/* Logged of header needs more space for registration link */
BODY.htmlbodyLoggedOut #CI_header .headerWrapper {
  grid-template-columns: 150px 1fr 265px;
}

/*homepage header has no search in header, other grid-columns, except for mobile that gets a search icon on the right */
/*BODY.htmlbodyAlias_Home_anylang.windowMob0 #CI_header .headerWrapper{
  grid-template-columns: 150px 1fr;
}*/

#CI_header .headerWrapper .headerLeftBlockWrapper {
  display: flex; align-items: center; justify-content: center;
}
#CI_header .headerWrapper .headerLeftBlockWrapper A{
  width: 100%;
}
#CI_header .headerWrapper .headerLeftBlockWrapper .innerLogo{
  /*text-align: right; width: 100px; height: 40px; background: url(imglayout/sitelogo.svg) center right no-repeat;*/
  text-align: right; width: 100%; height: 40px; background: url(imglayout/sitelogo.png) center right no-repeat; background-size: contain;
}
#CI_header .headerWrapper .headerRightBlockWrapper{
  display: flex; align-items: center; justify-content: end;
}
#CI_header .headerWrapper .headerRightBlockWrapper > DIV {
  float: right;
}
#CI_header .headerWrapper .headerRightBlockWrapper DIV {
  width: auto;
}
#CI_header .headerWrapper .headerRightBlockWrapper .innerLanguageChooser{
  position: relative;
  display: none;
}
#CI_header .headerWrapper .headerRightBlockWrapper .innerWrapper .innerBlock{
  margin-left: 20px; height: 40px; line-height: 40px; cursor: pointer;
}
#CI_header .headerWrapper .headerRightBlockWrapper .innerWrapper .innerBlock:hover{
  color: var(--c3);
}
#CI_header .headerWrapper .headerRightBlockWrapper .innerWrapper .innerBlock#headerRegisterlink{
  height: 40px; line-height: 40px; border: solid 2px var(--c3); background-color: var(--c3); color: var(--c1); padding: 0 25px; border-radius: 25px;
}
#CI_header .headerWrapper .headerRightBlockWrapper .innerWrapper .innerBlock#headerRegisterlink:hover{
  background-color: transparent; color: var(--c3);
}
#CI_header .headerWrapper .headerRightBlockWrapper #headerCartlink{
  background: url(imglayout/icon_cart.svg) bottom left no-repeat; background-size: contain; width: 25px; height: 25px; position: relative; margin-top: 4px; margin-right: 4px;
}
#CI_header .headerWrapper .headerRightBlockWrapper #headerCartlink:hover{
  background: url(imglayout/icon_cart_act.svg) left bottom no-repeat;
}
#CI_header .headerWrapper .headerRightBlockWrapper #headerCartlink #UI_usernav_L_basketcount{
  position: absolute; right: -10px; top: -2px; color: var(--c3); font-size: 80%; border: solid 1px var(--c3); border-radius: 50%; width: 20px; height: 20px; text-align: center; background: rgba(0,0,0,0.6); overflow: hidden;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink{
  background: url('imglayout/linkicon_login.png') left center no-repeat; color: var(--c3); padding-left: 23px; position: relative;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink #userMenu{
  position: absolute; top: 90%; right: -50px; overflow: hidden; width:auto; min-width: 180px; z-index: 999; display: none;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink:hover #userMenu{
  display: block; background: #222; padding: 0 20px 20px 20px;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink:hover #userMenu .innerMenuWrapper > DIV{
  width: 100%; white-space: nowrap;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink:hover #userMenu .innerHeader{
  background: url('imglayout/linkicon_login.png') left center no-repeat; margin: 10px 0 20px 0; font-weight: 600; padding-left: 23px;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink #userMenu .innerContainer{
  margin-bottom: 10px; clear: left; font-size: 90%;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink #userMenu .innerContainer A{
  color: #888;
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink #userMenu .innerContainer A:hover{
  color: var(--c3);
}
#CI_header .headerWrapper .headerRightBlockWrapper #userMenulink #userMenu .innerLinkDelim{
  display: none;
}

#CI_header #hamburgerMenuButton {
  padding: 18px 0 0 18px; cursor: pointer; position: relative; z-index: 9999;
}
#CI_header #hamburgerMenuButton .innerMenu{
  position: fixed; left: 0; top: 0; display: none; background-color: #222; padding: 10px; min-width: 50vw; width: auto;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow{
  min-height: 10px; position: relative; padding: 0 30px 0 40px; font-size: 125%; white-space: nowrap; margin: 4px 0; text-transform: uppercase; color: white; width: auto; clear: both;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerCloser{
  cursor: pointer; height: 39px; width: 100%;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerCloser::before{
  content: ''; position: absolute; top: 16px; right: 0; width: 25px; height: 2px; background-color: #fff; transform: rotate(45deg);
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerCloser::after{
  content: ''; position: absolute; top: 16px; right: 0; width: 25px; height: 2px; background-color: #fff; transform: rotate(-45deg);
}
#CI_header #hamburgerMenuButton .innerMenu .innerLinkDelim{
  height: 1px; margin: 6px 0 3px 0; background: #444;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerSignin{
  background: url(imglayout/bg_mobmenu_register.png) left center no-repeat;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerLogin{
  background: url(imglayout/bg_mobmenu_user.svg) left center no-repeat;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerCart{
  background: url(imglayout/bg_mobmenu_cart.svg) left center no-repeat;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerLightbox{
  background: url(imglayout/bg_mobmenu_lightbox.svg) left center no-repeat;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerMyaccount{
  background: url(imglayout/bg_mobmenu_user.svg) left center no-repeat;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerMyorders{
  background: url(imglayout/bg_mobmenu_orders.png) left center no-repeat;
}
#CI_header #hamburgerMenuButton .innerMenu .innerRow.innerLogout{
  background: url(imglayout/bg_mobmenu_logout.png) left center no-repeat;
}

@media screen AND (max-width: 665px){
  #CI_header .headerWrapper {
    display: grid; grid-template-columns: 1fr 100px 1fr !important; grid-column-gap: 0; height: 53px;
  }
  #CI_header #hamburgerMenuButton{
    padding: 16px 0 0 16px;
  }
  #CI_header #hamburgerMenuButton IMG{
    max-width: 40px;
  }
  #CI_header .headerWrapper .headerLeftBlockWrapper{
    padding: 4px 0 0 0;
  }
  #CI_header .headerWrapper .headerRightBlockWrapper{
    justify-content: end;
  }
  #CI_header .headerWrapper .headerRightBlockWrapper .mobileSearchTrigger{
    width: 30px; height: 30px; background: url(imglayout/searchiconwhite.svg) center center no-repeat; background-size: contain; cursor: pointer;
  }  
}



/* ---------------------------------- footer ------------------------------------------*/
#footer{
  min-height: 20vh; padding: 50px 20px; background-color: #222; border-top: solid 1px #444;
}
#footer #footerCentered{
  float: none; width: 96%; max-width: 1240px; margin: 0 auto;
}
#footer #footerCentered #innerNav{
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 10px; color: #fff;
}
#footer #footerCentered #innerNav .innerCol1{
  grid-row: 1 / span 2;
}
#footer #footerCentered #innerNav .innerCol{
  padding-bottom: 40px;
}
#footer #footerCentered #innerNav .innerCol .innerLogo{}
#footer #footerCentered #innerNav .innerCol .innerTxt{
  color: white; opacity: 0.3;
}
#footer #footerCentered #innerNav .innerCol .innerTitle{
  text-transform: uppercase; letter-spacing: 2px; 
}
#footer #footerCentered #innerNav .innerCol .innerLinks{
  margin-top: 5px;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerLink{
  line-height: 22px;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerLink A{
  color: var(--c4); letter-spacing: 2px; font-size: 90%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerLink A:hover{
  color: #fff; text-decoration: none; 
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed{
  display: grid; grid-template-columns: 50px 50px 50px 50PX; grid-column-gap: 20px; height: 50px; margin-top: 10px;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed DIV{
  border: solid 1px #fff; height: 100%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed DIV:hover{
  border: solid 1px var(--c3);
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerFB{
  background: url('imglayout/socmed_facebook.svg') center center no-repeat; background-size: 50% 50%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerFB:hover{
  background: url('imglayout/socmed_facebookact.svg') center center no-repeat; background-size: 50% 50%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerTW{
  background: url('imglayout/socmed_twitter.png') center center no-repeat; background-size: 50% 50%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerTW:hover{
  background: url('imglayout/socmed_twitteract.png') center center no-repeat; background-size: 50% 50%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerIG{
  background: url('imglayout/socmed_insta.svg') center center no-repeat; background-size: 50% 50%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerIG:hover{
  background: url('imglayout/socmed_instaAct.svg') center center no-repeat; background-size: 50% 50%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerLI{
  background: url('imglayout/socmed_linkedin.svg') center center no-repeat; background-size: 50% 50%;
}
#footer #footerCentered #innerNav .innerCol .innerLinks .innerSocmed .innerLI:hover{
  background: url('imglayout/socmed_linkedinAct.svg') center center no-repeat; background-size: 50% 50%;
}

#footer #footerCentered .innerBottomWrapper{
  margin-top: 60px;
}
#footer #footerCentered .innerBottomWrapper .innerText{
  font-size: 66%; color: var(--c4); font-weight: 400;
}
#footer #footerCentered .innerCopyright{
  margin-top: 30px; font-size: 75%; color: var(--c4); font-weight: 400; text-align: center;
}


@media screen AND (max-width: 665px){
  #footer{
    padding: 10vw 3vw 3vw 3vw;
  }
  #footer #footerCentered #innerNav{ 
    display: block;
  }
  #footer #footerCentered #innerNav .innerCol{
    margin-bottom: 20px;
    width: 50%;
    padding: 0 10px 0 0;
  }
  #footer #footerCentered #innerNav .innerCol:nth-of-type(odd){
    clear: both;
  }
}


#footerFLVwrapper {display: none;}
#compDIV  {padding: 3px; border: solid #dad7d7 1px; background-color: white; width: auto;}
#compDIV #compIMG {max-width: 400px; max-height: 400px;}


/*--------------------------------- login popup ----------------------------------------*/
#loginPopupWrapper{
  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: none; z-index: 9999;
}
#loginPopupWrapper .innerOverlay {
  background: rgba(0,0,0,0.5); z-index: 9998; width: 100%; height: 100%;
}
#loginPopupWrapper .innerLoginWrapper{
  position: fixed; top: 0; right: 0; width: 80%; max-width: 400px; height: 100vh; background: white; padding: 20px; border-left: solid 1px var(--c3); text-align: center; color: #000;
}
#loginPopupWrapper .innerCloseWrapper{
  position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; cursor: pointer;
}
#loginPopupWrapper .innerCloseWrapper::before{
  position: absolute; content: ''; width: 18px; height: 1px; background: #000; top: 7px; right: 0; transform: rotate(45deg);
}
#loginPopupWrapper .innerCloseWrapper::after{
  position: absolute; content: ''; width: 18px; height: 1px; background: #000; top: 7px; right: 0; transform: rotate(-45deg);
}
#loginPopupWrapper .innerCloseWrapper:hover::before{
  position: absolute; content: ''; width: 18px; height: 1px; background: var(--c3); top: 7px; right: 0; transform: rotate(45deg);
}
#loginPopupWrapper .innerCloseWrapper:hover::after{
  position: absolute; content: ''; width: 18px; height: 1px; background: var(--c3); top: 7px; right: 0; transform: rotate(-45deg);
}
#loginPopupWrapper .innerHeader{
  margin: 20px 0 40px 0; display: grid; grid-template-columns: 50% 50%;
}
#loginPopupWrapper .innerCol{
  width: auto; margin: 0 20%; text-align: center; font-size: 150%; font-weight: 400; color: #000; cursor: pointer; white-space: nowrap;
}
#loginPopupWrapper .innerCol.act{
  border-bottom: solid 2px var(--c3);
}
#loginPopupWrapper .innerCol:hover{
  border-bottom: solid 2px var(--c3);
}
#loginPopupWrapper .innerCol A{
  font-weight: 400; color: #000;
}
#loginPopupWrapper .innerCol A:hover{
  font-weight: 400; color: var(--c3); text-decoration: none;
}
#loginPopupWrapper .innerTitle{
  font-size: 150%; font-weight: 600; margin: 20px 0 40px 0;
}
#loginPopupWrapper .innerFailmsg{
  display: none; margin: 20px 0; color: var(--c3);
}
#loginPopupWrapper .innerUsername{
  margin: 20px 0 0 0;
}
#loginPopupWrapper .innerUsername INPUT{
  padding: 15px 5px; font-size: 110%;
}
#loginPopupWrapper .innerPassword{
  margin: 20px 0 0 0;
}
#loginPopupWrapper .innerPassword INPUT{
  padding: 15px 5px; font-size: 110%; 
}
#loginPopupWrapper .innerKeeplogged{
  margin: 20px 0 0 0; position: relative; padding: 0 0 0 25px; text-align: center;
}
#loginPopupWrapper .innerKeeplogged label{
  cursor: pointer; color: inherit;
}
#loginPopupWrapper .innerSubmit{
  margin: 20px 0 0 0;
}
#loginPopupWrapper .innerSubmit INPUT{
  padding: 15px; width: 90%; font-weight: bold; border-radius: 28px;
}
#loginPopupWrapper .innerForgotlink{
  margin: 20px 0 0 0;
}
#loginPopupWrapper .innerFooterText{
  margin: 100px 0 0 0; color: #666; font-size: 90%;
}

@media screen AND (max-width: 665px){
  #loginPopupWrapper,
  #loginPopupWrapper .innerLoginWrapper{
    position: absolute;
  }
  #loginPopupWrapper .innerHeader,
  #loginPopupWrapper .innerTitle{
    margin: 10px 0;
  }
}


/* ----------------------------- search form for both home and other pages ------------------------*/
/*any page, any scroll, any size: show under header*/
#CI_header .headerSearchWrapper {
  padding: 0; top: 0; z-index: 998; width: 100%; display: flex; align-items: center; justify-content: end;
}

/*homepage, scrolled top, any size: show in center of cover image*/
/*BODY.htmlbody_home.scrolledTop #CI_header .headerSearchWrapper {
  padding: 0; position: absolute; top: 40vh; left: 50%; transform: translate(-50%,0); width: 40%; min-width: 600px; z-index: 9; opacity: 0.9; transition: opacity 0.5s;
}*/

/*any page, scrolled down, any size: show fixed in top of window*/
BODY.srcFixed #CI_header .headerSearchWrapper {
  padding: 10px 1vw; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;
}

/*any page, scrolled down, mobile: show fixed in top, but with 5% margin left and right*/
BODY.srcFixed.windowMob1 #CI_header .headerSearchWrapper {
  padding: 10px 0; position: fixed; top: 0; left: 5%; width: 90%; z-index: 9999;
}

BODY.scrolledTop.windowMob1 #CI_header .headerSearchWrapper{
  display: none;
}

/*scrolled down, mobile on homepage: shows wrong: deleted to use default behavior*/
/*BODY.srcFixed.windowMob1.htmlbody_home #CI_header .headerSearchWrapper {
  padding: 0; position: absolute; top: 40vh; left: 50%; transform: translate(-50%,0); width: 90%; z-index: 9; opacity: 1;
}*/
/*scrolled any, mobile on homepage: shows wrong: deleted to use default behavior*/
/*BODY.windowMob1.htmlbody_home #CI_header .headerSearchWrapper {
  padding: 0; position: absolute; top: 40vh; left: 50%; transform: translate(-50%,0); width: 90%; z-index: 9; opacity: 1;
}*/

BODY.htmlbody_home.scrolledTop #CI_header .headerSearchWrapper:hover{
  opacity: 1;
}
BODY.scrolledTop.windowMob0 #CI_header_Quicksearch_header{
  max-width: 750px;
}

#CI_header_Quicksearch_header .searchFormWrapper{
  background-color: #fff; border-radius: 2px;
}
#mainSearchWrapper {
  display: grid; grid-template-columns: 1fr 250px 100px; grid-row-gap: 0; height: 60px; color: var(--c1);
}
BODY.scrolledTop.windowMob0 #mainSearchWrapper{
  height: 40px; grid-template-columns: 3fr 2fr 65px;
}
#mainSearchWrapper .innerFilterSwitch {
  display: none;
}
#mainSearchWrapper #quicksearch_C_searchinputAll {}
#mainSearchWrapper #quicksearch_C_searchinputAll INPUT{
  border: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; height: 100%; padding: 0 0 0 1vw;
}
#mainSearchWrapper .innerTypebox {
  position: relative; background: #fff; display: flex; align-items: center; justify-content: end;
}
#mainSearchWrapper .innerTypebox .innerActiveName{
  position: relative; padding: 5px 30px 5px 10px; border-left: solid 1px #000; text-align: right; border-top: solid 1px transparent; cursor: pointer; white-space: nowrap; overflow: hidden;
}
#mainSearchWrapper .innerTypebox .innerActiveName::after{
  content: ''; width: 9px; height: 9px; background: transparent; border-left: solid 1px var(--c1); border-bottom: solid 1px var(--c1); transform: rotate(-45deg); right: 4px; top: 11px; position: absolute;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper {
  display: none; position: absolute; right: 0; top: 73%; width: 100%; padding: 19px 20px; background-color: #fff; color: #000; border-left: solid 1px #000; border-right: solid 1px #000; white-space: nowrap; box-shadow: 3px 3px 7px 2px rgba(50,50,50,0.2); z-index: 9999; min-width: 200px;
}
#mainSearchWrapper .innerTypebox:hover #mainSearchTypeboxWrapper{
  display: block;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer {
  text-align: left; border-top: solid 1px #c8c8c8; padding: 5px 10px 5px 0; position: relative;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer:first-of-type{
  border-top: none;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer:hover{
  color: var(--c3);
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer LABEL{
  width: 100%; cursor: pointer; color: var(--c1);
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer.act LABEL{
  font-weight: 800;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_1,
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_4{
  font-weight: 600; text-transform: uppercase;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_2,
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_3,
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_5,
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_6{
  padding-left: 25px; font-size: 90%;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_2::before,
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_3::before,
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_5::before,
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer #advancedSearch_activetab_titleWrapper_6::before{
  content: ''; width: 5px; height: 5px; background: transparent; border-top: solid 1px var(--c3); border-left: solid 1px var(--c3); position: absolute; left: 0; top: 13px; transform: rotate(135deg);
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer .advancedSearch_activetab_F_radio {
  display: none;
}
#mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper .advancedSearch_activetab_radiocontainer .advancedSearch_activetab_L_name{
  font-weight: 600;
}
#mainSearchWrapper .innerSubmitbox {
  background: white; border-top-right-radius: 2px; border-bottom-right-radius: 2px; display: flex; align-items: center; justify-content: center;
}
BODY.scrolledTop.windowMob0 #mainSearchWrapper .innerSubmitbox {
  display: flex; align-items: center; justify-content: center;
}
#mainSearchWrapper .innerSubmitbox INPUT{
  background: url('imglayout/searchiconsubmit.svg') center center no-repeat; background-size: contain; position: relative; cursor: pointer; 
  border: none; width: 100%; min-width: 1px; margin: 0;
}
#mainSearchWrapper .innerSubmitbox INPUT:hover{
  background: url('imglayout/searchiconsubmit_act.svg') center center no-repeat;
}


/*responsive behavior of search form itself: image type goes below search bar*/
@media screen AND (orientation: portrait){
  BODY.htmlbody_home.scrolledTop #CI_header .headerSearchWrapper{
    top: 20vh;
  }
}
@media screen AND (max-width: 665px){
  #CI_header .headerSearchWrapper{
    padding: 0 1vw;
  }
  BODY.htmlbody_home.scrolledTop #CI_header .headerSearchWrapper{
    width: 90%; min-width: 1px; opacity: 1;
  }
  #CI_header_Quicksearch_header .searchFormWrapper{
    border-radius: 0;
  }
  #mainSearchWrapper{
    grid-template-columns: 1fr 60px;
  }
  #mainSearchWrapper .innerTypebox{
    display: none; position: absolute; left: 0; width: 100%; top: 100%; border-top: solid 1px #000; padding: 0; z-index: 99;
  }
  .headerSearchWrapper.act #mainSearchWrapper .innerTypebox{
    display: block;
  }
  #mainSearchWrapper .innerTypebox .innerActiveName{
    display: none;
  }
  #mainSearchWrapper .innerTypebox #mainSearchTypeboxWrapper{
    position: static; display: block; border: none; padding: 5px;
  }
  BODY.htmlbody_search #mainSearchWrapper .innerFilterSwitch{
    width: 37px; overflow: hidden; padding: 0 0 0 37px;
  }
}

/*--------------------------------------- home page ----------------------------------------------*/
#CI_home .homeWrapper{}
#CI_home .homeGeneral{}
#CI_home .homeGeneral .innerHomepageImageWrapper{
  height: 70vh; position: relative;
}
#CI_home .homeGeneral .innerHomepageImageWrapper .innerSlide{
  position: absolute; height: 100%; background-size: cover;
}
#CI_home .homeGeneral .innerHomepageImageWrapper .innerHomeTitle .innerLine{
  display: none;
}
#CI_home .homeGeneral .innerHomepageImageWrapper .innerHomeTitle .innerTitle{
  position: absolute; top: 47vh; margin-top: -150px; background: transparent; color: #fff; font-size: 275%; font-weight: 300; white-space: nowrap;
}
#CI_home .homeGeneral .innerHomepageImageWrapper .innerTitles{
  position: absolute; left: 2vw; top: 2vw;
}
#CI_home .homeGeneral .innerHomepageImageWrapper .siteTitle{
  text-transform: uppercase; color: #000; font-size: 5vw; line-height: 1.5em; font-weight: 300;
}
#CI_home .homeGeneral .innerHomepageImageWrapper .siteSubtitle{
  text-transform: uppercase; color: #000; font-size: 2vw; line-height: 1.2em; font-weight: 300;
}
#CI_home .homeGeneral .innerMotto{
  margin-top: 30px; text-align: center; padding: 0 2vw;
}
#CI_home .homeGeneral .innerMotto h1{
  font-size: 200%; font-weight: 300; letter-spacing: 4px;
}
#CI_home .homeGeneral .innerSubMotto{
  margin-top: 30px; font-size: 125%; font-weight: 300; letter-spacing: 4px; text-align: center; opacity: 0.7; padding: 0 2vw;
}
#CI_home .homeGeneral .innerSubMotto STRONG{
  font-weight: 300;
}
#CI_home .homeGeneral .innerBannersTitle{
  margin-top: 80px; text-align: center; padding: 0 2vw; 
}
#CI_home .homeGeneral .innerBannersTitle H3{
  font-size: 150%; font-weight: 300; letter-spacing: 4px;
}

#CI_home .innerHomeArtistContainer{
  float: none; max-width: 1133px; margin: 0 auto; width: 96%;
}
#CI_home .innerHomeArtistContainer .ArtistList .innerBanners{
  display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2vw; margin-top: 40px;
}
#CI_home .innerHomeArtistContainer .ArtistList .innerBanners .innerBanner{
  padding-top: 50%; position: relative; background: var(--p); background-size: cover; background-position: center center; opacity: 0.8; transition: all 0.2s ease;
}
#CI_home .innerHomeArtistContainer .ArtistList .innerBanners .innerBanner:hover{
  opacity: 1;
}
#CI_home .innerHomeArtistContainer .ArtistList .innerBanners .innerBanner .innerName{
  position: absolute; left: 0; bottom: 0; right: 0;  
  text-align: right; color: white; font-weight: bold; padding: 20px 20px; font-size: 150%;
}

#CI_home .ArtistBanner{
  margin-top: 60px; background: var(--p) center center no-repeat; background-size: cover; padding: 2vw 13vw; position: relative;
}
#CI_home .ArtistBanner .innerTitle{
  text-align: center; font-size: 3vw; font-weight: 300; line-height: 1.5em; color: var(--c2);
}
#CI_home .ArtistBanner .innerContent{
  font-size: 1.5vw; font-weight: 300; line-height: 1.5em; color: var(--c2); margin-top: 25px;
}
#CI_home .ArtistBanner .innerButtonWrapper{
  padding: 4vw 0 2vw 0;
}
#CI_home .ArtistBanner .innerButtonWrapper A{
  text-decoration: none;
}
#CI_home .ArtistBanner .innerButtonWrapper A:hover{
  text-decoration: none;
}
#CI_home .ArtistBanner .innerButtonWrapper .innerButton{
  float: none; margin: 0 auto; text-align: center; padding: 5px 20px; border: solid 2px var(--c3); background: var(--c3); color: #000; 
  cursor: pointer; max-width: 250px; border-radius: 25px; font-weight: bold;
}
#CI_home .ArtistBanner .innerButtonWrapper .innerButton:hover{
  color: var(--c3); background: #000;
}

@media screen AND (max-width: 650px){
  #CI_home .ArtistBanner .innerContent{
    font-size: 100%;
  }
}












#CI_home .homeGeneral .innerHomepageBannersContainer{
  float: none; max-width: 1440px; margin: 0 auto; width: 96%;
}
#CI_home #homepageGenericBanners{
  margin-top: 40px;
}
#CI_home #homepageGenericBanners .innerFullWrapper{}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper{}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners{
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 45px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner{
  padding-bottom: 70px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner .innerImageWrapper{
  padding-top: 100%; position: relative; background-color: #000;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner .innerImageWrapper .innerImg{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner .innerImageWrapper .innerOverlay{
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; display: none; background: var(--c3); color: #000; padding: 0 12px; line-height: 35px; border-radius: 17px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner .innerImageWrapper:hover .innerOverlay{
  display: block;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner:hover .innerImageWrapper .innerImg{
  opacity: 1;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner .innerCaption{
  margin-top: 10px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner .innerCaption .innerContainer{
  font-weight: 300; opacity: 0.7; color: #fff;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner .innerCaption .innerContainer H3{
  text-transform: uppercase; font-weight: 300; opacity: 0.5; color: #fff;
}
#CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners .innerBanner:hover .innerCaption .innerContainer{
  opacity: 1;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper{}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .HomeBannerBlock{
  overflow: hidden; position: relative;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_Normal{
  width: 50%; height: var(--homepageBannerHeight);
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_Double{
  width: 100%; height: 450px;
}  
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .innerImgbg{
  position: absolute; left: 0; top: 0; height: 100%; z-index: -1; opacity: 0.7;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .HomeBannerBlock:hover .innerImgbg{
  opacity: 0.7;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories{
  background: #000;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper{
  padding: 20px 30px 10px 30px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerTitle H3{
  font-size: 125%; font-weight: 300; letter-spacing: 4px; opacity: 0.9;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerCatsWrapper{
  margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerCatsWrapper .innerCol{}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerCatsWrapper .innerCol .innerCatTitle{}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerCatsWrapper .innerCol .innerCat{
  line-height: 22px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerCatsWrapper .innerCol .innerCat A{
  color: white; letter-spacing: 2px; font-weight: 300; opacity: 0.7;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerCatsWrapper .innerCol .innerCat A:hover{
  color: white; text-decoration: none; opacity: 1;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_imagelink{
  padding: calc(var(--homepageBannerHeight)/2.7) 1.5vw 0;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_imagelink .innerTitle{
  text-align: center;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_imagelink .innerTitle H3{
  font-size: 200%; line-height: 30px; font-weight: bold; letter-spacing: 4px; color: #fff;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_imagelink .innerSubtitle{
  font-size: 150%;  color: #fff; text-align: center;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration{
  padding: 61px 30px 0 43px; overflow: visible; background: #000;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerTitle H3{
  font-size: 150%; font-weight: bold; letter-spacing: 4px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerWrapper{
  margin-top: 30px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerWrapper .innerFldWrapper{
  width: 80%;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerWrapper .innerFldWrapper INPUT[type="email"]{
  background: transparent; color: var(--c2); border: none; border-bottom: solid 1px var(--c2); width: 100%; border-radius: 0; height: 40px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerWrapper .innerBtnWrapper{
  width: 20%; text-align: center;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerWrapper .innerBtnWrapper INPUT[type="submit"]{
  width: 90%; border-radius: 19px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .captchaWrapper{
  display: none; width: auto; border: none !important;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .captchaWrapper .g-recaptcha{}

#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner{
  padding: 2.3vw 0 0 3vw;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerRegblockWrapper{
  width: 44%; min-height: 90%; background: rgba(0,0,0,0.6); padding: 50px 50px 0 50px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerTitle{
  font-size: 200%; line-height: 50px; font-weight: bold; letter-spacing: 4px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerDesc{
  margin-top: 30px; font-size: 90%; color: var(--c2);
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerButton{
  text-align: center; margin-top: 30px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerButton INPUT[type="button"]{
  border-radius: 19px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor{
  padding: 2.3vw 3vw 0;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor .innerContactblockWrapper{}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor .innerTitle H3{
  font-size: 200%; line-height: 50px; font-weight: bold; letter-spacing: 4px; text-align: center;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor .innerDesc{
  margin-top: 30px; font-size: 170%; color: var(--c2);
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor .innerButton{
  text-align: center; margin-top: 30px;
}
#CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor .innerButton INPUT[type="button"]{
  border-radius: 19px;
}

@media screen AND (orientation: portrait){
  #CI_home .homeGeneral .innerHomepageImageWrapper{
    height: 40vw;
  }
}
@media screen AND (max-width: 1100px){
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerRegblockWrapper{
    width: 75%;
  }
}
@media screen AND (max-width: 950px){
  #CI_home .homeGeneral .innerHomepageBannersContainer{
    width: 100%; margin: 0; 
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .BannerBarWrapper .innerBanners{
    grid-template-columns: 1fr 1fr; grid-gap: 2vw; padding: 0 2vw;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_Normal,
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_Double{
    width: 100%; height: auto; min-height: var(--homepageBannerHeight);
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper{
    padding: 20px 10px 30px 10px;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerTitle{
    text-align: center;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_searchcategories .innerBlockWrapper .innerCatsWrapper{
    grid-template-columns: 1fr 1fr;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_imagelink{
    padding: 3vw;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_imagelink .innerTitle,
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor .innerTitle,
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerTitle H3{
    font-size: 150%; line-height: initial;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_imagelink .innerSubtitle,
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor .innerDesc,
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerDesc{
    font-size: 100%; margin-top: 10px; line-height: initial;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration,
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_becomecontributor,
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner{
    padding: 3vw;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerWrapper .innerFldWrapper{
    width: 60%;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_newsletterregistration .innerWrapper .innerBtnWrapper{
    width: 40%;
  }
  #CI_home #homepageGenericBanners .innerFullWrapper .bannerBlocksWrapper .homeBannerBlock_registerbanner .innerRegblockWrapper{
    width: 100%; min-height: 1px; background: transparent; padding: 0;
  }
}
/* zoom in for XL screens*/
@media screen AND (min-width: 2500px) AND (max-width: 3800px){
  #CI_home .homeGeneral .innerMotto,
  #CI_home .homeGeneral .innerSubMott,
  #CI_home .homeGeneral .innerHomepageBannersContainer{
    zoom: 125%;
  }
}
@media screen AND (min-width: 3801px){
  #CI_home .homeGeneral .innerMotto,
  #CI_home .homeGeneral .innerSubMott,
  #CI_home .homeGeneral .innerHomepageBannersContainer{
    zoom: 150%;
  }
}

/* ------------------------------ search result page ---------------------------------------------*/
#CI_search {}
#CI_search .searchResultsWrapper {}
/*#CI_search .searchResultsWrapper.closed {grid-template-columns: 0 1fr;}*/

#CI_search .searchResultsWrapper .innerResultsTopbarWrapper{
  display: grid; grid-template-columns: 180px 1fr 1fr; height: 71px; border-top: solid 1px var(--c4); border-bottom: solid 1px var(--c4); padding:14px 1vw 14px 30px;
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerFilterSwitch{
  background: url(imglayout/icon_filters.png) center left no-repeat; padding-left: 35px; cursor: pointer; line-height: 40px; border-right: solid 1px var(--c2);
}
BODY.xFilters_1 #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerFilterSwitch{
  background: url(imglayout/icon_filters_act.png) center left no-repeat;
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerLeft {
  padding-left: 10px;
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerLeft .innerWrapper {}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerLeft .innerWrapper .innerLinkWrapper {
  margin-right: 20px; width: auto; cursor: pointer; padding: 0 20px; line-height: 40px;
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerLeft .innerWrapper .innerLinkWrapper:hover{
  border-bottom: solid 1px var(--c3);
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerLeft .innerWrapper .innerLinkWrapper.act{
  border-bottom: solid 1px var(--c3);
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerRight {}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerRight .innerWrapper {
  width: auto; float: right; border-left: solid 1px var(--c2);
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerRight .innerWrapper .innerLinkWrapper {
  margin-left: 20px; width: auto; cursor: pointer; padding: 0 20px; line-height: 40px; color: #fff
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerRight .innerWrapper .innerLinkWrapper:hover{
  border-bottom: solid 1px var(--c3);
}
#CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerRight .innerWrapper .innerLinkWrapper.act{
  border-bottom: solid 1px var(--c3);
}
#CI_search .searchResultsWrapper .innerResultsWrapper{
  position: relative;
}
BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerResultsWrapper{
  padding-left: 180px;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper{
  padding: 20px 34px 5px 30px; 
}
BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper{
  padding: 20px 34px 5px 48px; 
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .visualImageHeader{}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .visualImageHeader IMG{
  max-width: 250px; max-height: 250px;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .visualImageHeader .innerRightCol{
  display: none;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .visualImageHeader .innerVisualtypeWrapper{
  display: none
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerLeft .innerWrapper H1 {
  font-size: 78%; font-weight: 600;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerLeft .innerWrapper H1 SPAN{
  font-weight: 400;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight {}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerSubFiltersWrapper {
  float: right; width: auto;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerSubFiltersWrapper .innerLinkWrapper  {
  margin-left: 20px; width: auto; color: #000; padding: 3px 0px; border-bottom: solid 2px transparent;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerSubFiltersWrapper .innerLinkWrapper.act{
  background: #333; border-radius: 3px; color: #fff; padding: 3px 5px;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerSubFiltersWrapper .innerLinkWrapper:hover{
  border-bottom: solid 2px var(--c3);
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerSubFiltersWrapper .innerLinkWrapper.act:hover{
  border-bottom: solid 2px transparent;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerWrapper {
  float: right; width: auto;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerWrapper .innerLinkWrapper {
  margin-left: 20px; 
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerWrapper #searchDispModeGrid {
  width: 27px; height: 27px; background: url('imglayout/searchicon_dispGrid_0.png') no-repeat;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerWrapper #searchDispModeGrid.act {
  width: 27px; height: 27px; background: url('imglayout/searchicon_dispGrid_1.png') no-repeat;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerWrapper #searchDispModeDetails {
  width: 27px; height: 27px; background: url('imglayout/searchicon_dispDetails_0.png') no-repeat;
}
#CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight .innerWrapper #searchDispModeDetails.act {
  width: 27px; height: 27px; background: url('imglayout/searchicon_dispDetails_1.png') no-repeat;
}
#CI_search #CI_search_EmptysearchImage {}
#CI_search #CI_search_EmptysearchImage #search_emptysearchimage_I_image{
  display: none; text-align: center; padding: 0 10vh;
}
#CI_search #CI_search_searchresults {
  padding: 20px 5px 0 30px;
}
/* alternative padding for search results in details grid*/
#CI_search .searchResultsWrapper_details #CI_search_searchresults {
  padding: 20px 34px 0 30px;
}

@media screen AND (max-width: 1125px){
  #CI_search .searchResultsWrapper .innerResultsTopbarWrapper{
    grid-template-columns: 180px 1fr;
  }
  #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerLeft{
    display: none;
  }
  #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerFilterSwitch{
    border: none;
  }
  #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerRight .innerWrapper{
    border-left: none;
  }
}
@media screen AND (max-width: 665px){
  BODY.xFilters_1 #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerFilterSwitch{
    position: relative;
  }
  BODY.xFilters_1 #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerFilterSwitch::before{
    content: ''; position: absolute; right: 10px; top: 20px; width: 20px; height: 2px; background-color: #fff; transform: rotate(45deg);
  }
  BODY.xFilters_1 #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerFilterSwitch::after{
    content: ''; position: absolute; right: 10px; top: 20px; width: 20px; height: 2px; background-color: #fff; transform: rotate(-45deg);
  }
  #CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper{
    display: block;
  }
  #CI_search .searchResultsWrapper .innerResultsWrapper .innerResultsHeaderBarWrapper .innerRight{
    display: none;
  }
  #CI_search .searchResultsWrapper .innerResultsTopbarWrapper{
    display: block; border-top: none;
  }
  #CI_search .searchResultsWrapper .innerResultsTopbarWrapper .innerFilterSwitch{
    border: none;
  }
  BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerResultsWrapper{
    padding: 0;
  }
}

#CI_search #CI_searchresultPaginator {
  padding: 20px; background: #eee;
}

#CI_search_searchresults #srcresoutput{}
#CI_search .searchResultsWrapper_details #CI_search_searchresults #srcresoutput{}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper  {
  width: auto; height: auto; position: relative; margin-bottom: 10px;
}
/*#CI_search_searchresults #srcresoutput .searchresults_imageWrapper .searchresults_image_thumbnailPV {
}*/
/*search results classes for displaying in grid mode */
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper {
  margin-right: 8px; overflow: hidden;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper .detailslink IMG {
  max-height: 100%; height: 250px;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper:hover .detailslink IMG {
  opacity: 0.5;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper .innerLicWrapper{
  position: absolute; top: 10px; left: 10px; height: 33px; width: 33px; text-align: center; background: var(--c3); color: white; opacity: 0; transition: opacity 0.5s; line-height: 32px; font-weight: bold; border-radius: 17px; font-size: 80%;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper .innerBtnCartWrapper{
  position: absolute; top: 10px; right: 15px; height: 33px; width: 33px; background: url(imglayout/icon_src_cart.svg) center center no-repeat; background-color: var(--c3); opacity: 0; transition: opacity 0.5s; border-radius: 17px;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper .innerBtnLBWrapper{
  position: absolute; top: 50px; right: 15px; height: 33px; width: 33px; text-align: center; background: var(--c3); color: white; opacity: 0; transition: opacity 0.5s; line-height: 32px; font-size: 150%; border-radius: 17px; font-family: monospace;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper .innerCaption{
  position: absolute; bottom: 10px; left: 5%; width: 90%; text-align: center; color: white; opacity: 0; transition: opacity 0.5s; font-size: 80%; white-space: nowrap; overflow: hidden;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper:hover .innerLicWrapper,
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper:hover .innerBtnLBWrapper,
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper:hover .innerBtnCartWrapper,
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper:hover .innerCaption{
  opacity: 1;
}

#CI_search_searchresults #srcresoutput .searchresults_imageWrapper .searchresults_image_thumbnailWrapper .innerVideoIcon{
  display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(imglayout/icon_videoPlay.png) center center no-repeat; width: 100px; height: 100px; opacity: 0.3; cursor: pointer; background-size: contain;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.previewLoaded .searchresults_image_thumbnailWrapper .innerVideoIcon{
  display: block;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper:hover .searchresults_image_thumbnailWrapper .innerVideoIcon{
  display: none;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper .searchresults_image_thumbnailWrapper .footagethumbinplace .innerB{
  display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;
}

@media screen AND (hover: none){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal.previewLoaded .searchresults_image_thumbnailWrapper .innerLicWrapper,
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal.previewLoaded .searchresults_image_thumbnailWrapper .innerBtnLBWrapper,
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal.previewLoaded .searchresults_image_thumbnailWrapper .innerBtnCartWrapper,
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal.previewLoaded .searchresults_image_thumbnailWrapper .innerCaption{
    opacity: 0.7;
  }

  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper .searchresults_image_thumbnailWrapper .innerVideoIcon{
    width: 50px; height: 50px; 
  }
}
@media screen AND (max-width: 665px){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_normal .searchresults_image_thumbnailWrapper .detailslink IMG {
    height: 200px;
  }
}
/*alternative classes for search results in details mode instead of grid*/
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details  {
  height: 400px; position: relative; border: solid 1px #ddd; padding: 11px; background: #fff;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .searchresults_image_thumbnailWrapper .innerVideoIcon{
  top: 60px; width: 75px; height: 75px; background-size: cover;
}
@media screen AND (min-width: 1601px){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details  {
    width: 15.7%; margin: 0 1% 1% 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details:nth-of-type(6n+0)  {
    margin-right: 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerImageWrapper{
    height: 250px; text-align: center; position: relative;
  }
}
@media screen AND (max-width: 1600px) AND (min-width: 1301px){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details  {
    width: 19%; margin: 0 1% 1% 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details:nth-of-type(5n+0)  {
    margin-right: 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerImageWrapper{
    height: 250px; text-align: center;
  }
}
@media screen AND (max-width: 1300px) AND (min-width: 1001px){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details  {
    width: 24%; margin: 0 1% 1% 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details:nth-of-type(4n+0)  {
    margin-right: 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerImageWrapper{
    height: 250px; text-align: center;
  }
}
@media screen AND (max-width: 1000px) AND (min-width: 751px){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details  {
    width: 32.4%; margin: 0 1% 1% 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details:nth-of-type(3n+0)  {
    margin-right: 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerImageWrapper{
    height: 250px; text-align: center;
  }
}
@media screen AND (max-width: 750px) AND (min-width: 451px){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details  {
    width: 49.5%; margin: 0 1% 1% 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details:nth-of-type(2n+0)  {
    margin-right: 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerImageWrapper{
    height: 250px; text-align: center;
  }
}
@media screen AND (max-width: 450px){
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details  {
    width: 100%; margin: 0 0 1% 0;
  }
  #CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerImageWrapper{
    height: 250px; text-align: center;
  }
}

#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerImageWrapper .detailslink IMG {
  max-height: 100%; max-height: 100%;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerInfoWrapper{
  margin-top: 11px; padding-top: 11px; border-top: solid 1px #444;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerInfoWrapper .innerRow{
  text-align: center; overflow: hidden;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerInfoWrapper .innerRow.innerRowimgcode{
  font-weight: 400; height: 33px; white-space: nowrap; padding: 5px 0 0 0;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerInfoWrapper .innerRow.innerRowimgcode .innerLic{
  padding: 4px; position: relative; background-color: #666; color: #fff;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerInfoWrapper .innerRow.innerRowimgcode .innerLic::after{
  content: ''; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border: solid 1px #fff;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerInfoWrapper .innerRow.innerRowsupplier{
  font-size: 90%; max-height: 20px; font-weight: 300;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .innerInfoWrapper .innerRow.innerRowcaption{
  font-size: 95%; max-height: 50px; color: #666;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .searchresults_image_thumbnailWrapper .innerBtnLBWrapper{
  position: absolute; top: 15px; right: 15px; width: auto; text-align: center; background: rgba(69,189,219,0.7) url(imglayout/searchicon_addLb.png) left 10px center no-repeat; color: white; opacity: 0; transition: opacity 0.5s; padding: 10px 10px 10px 40px;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .searchresults_image_thumbnailWrapper:hover .innerBtnLBWrapper{
  opacity: 1;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .searchresults_image_thumbnailWrapper .innerBtnLBWrapper:hover{
  background: rgba(69,189,219,1) url(imglayout/searchicon_addLb.png) left 10px center no-repeat;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .searchresults_image_thumbnailWrapper .innerBtnSimWrapper{
  position: absolute; top: 15px; left: 15px; width: auto; background: rgba(0,0,0,0.5); color: white; opacity: 0; transition: opacity 0.5s; padding: 2px 10px;
}
#CI_search_searchresults #srcresoutput .searchresults_imageWrapper.searchresults_imageWrapper_details .searchresults_image_thumbnailWrapper:hover .innerBtnSimWrapper{
  opacity: 1;
}
#CI_search_searchresults #srcresoutput .searchresult_finalNextWrapper{
  display: none; clear: both; margin: 80px 0 0 0; text-align: center;
}
#CI_search_searchresults #srcresoutput .searchresult_finalNextWrapper INPUT{
  height: 50px; line-height: 46px; border-radius: 25px; padding: 0 25px; font-weight: 600;
}

/*paginator */
#CI_search_searchresultPaginator{
  width: auto; float: right; margin: -45px 0 0 0;
}
#CI_search_searchresultPaginator .paginatorCntWrapper_1{
  width: auto;
}
#CI_search_searchresultPaginator #searchresultspaginator_group1 {
  display: none;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_GoToPage_container{
  float: right; width: auto; margin: 0 34px 0 25px;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_GoToPage_container #searchresultspaginator_F_gobutton{
  display: none;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_GoToPage_container #searchresultspaginator_gotopage{
  width: auto;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_GoToPage_container #searchresultspaginator_gotopage DIV{
  width: auto; color: var(--c3); line-height: 32px; padding: 0 5px 0 0;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_GoToPage_container #searchresultspaginator_gotopage INPUT{
  width: 55px; text-align: right; padding: 0 5px; border: solid 1px var(--c3); line-height: 21px;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation{
  float: right; width: auto;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV{
  width: auto; padding: 0;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_prevcontainer{
  padding: 0 10px 0 10px; background: var(--c5); color: white; font-family: monospace;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_prevcontainer A{
  color: white; font-weight: 600; line-height: 28px;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_prevcontainer A:hover{
  color: var(--c3); text-decoration: none;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_pagelinks > DIV{
  margin: 0 6px; background-color: #fff;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_pagelinks A{
  padding: 0 10px; color: var(--c1); font-size: 90%; line-height: 28px;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_nextcontainer{
  padding: 0 10px 0 10px; background: var(--c5); color: white; font-family: monospace;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_nextcontainer A{
  color: white; font-weight: 600; line-height: 28px;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation DIV#searchresultspaginator_F_nextcontainer A:hover{
  color: var(--c3); text-decoration: none;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation .innerNoPagesAtEnd{
  font-size: 90%; margin-right: 30px;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation .innerNoPagesAtEnd .innerCntLabel{
  padding: 0 10px; line-height: 28px;
}
#CI_search_searchresultPaginator #searchresultspaginator_F_navigation .innerNoPagesAtEnd .innerCnt{
  line-height: 28px;
}

@media screen AND (max-width: 665px){
  #CI_search_searchresultPaginator{
    margin: 50px 0 0 0;
  }
  #CI_search_searchresultPaginator #paginatorCntWrapper_1{
    display: none;
  }
}

/* ------------------------------------ Search results :: search filters --------------------------------------------------------*/
#CI_search .searchResultsWrapper .innerFiltersWrapper{
  position: absolute; left: 0; top: 0; min-height: 100%; display: none; z-index: 99; width: 90%; max-width: 200px; font-size: 78%;
}
BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerFiltersWrapper{
  display: block;
}
BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerFiltersWrapper .innerTitle{
  position: relative; font-size: 125%; padding: 25px;
}
BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerFiltersWrapper .innerCloser{
  position: absolute; top: 25px; right: 25px; width: 20px; height: 20px; cursor: pointer;
}
BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerFiltersWrapper .innerCloser::before{
  position: absolute; content: ''; width: 18px; height: 1px; background: #fff; top: 7px; right: 0; transform: rotate(45deg);
}
BODY.htmlbody_search.xFilters_1 #CI_search .searchResultsWrapper .innerFiltersWrapper .innerCloser::after{
  position: absolute; content: ''; width: 18px; height: 1px; background: #fff; top: 7px; right: 0; transform: rotate(-45deg);
}

#CI_search_searchFilters2 {}
#CI_search_searchFilters2 .searchProfile_G_close, 
#CI_search_searchFilters2 .searchProfile_G_static, 
#CI_search_searchFilters2 .searchProfile_G_open{
  padding: 25px 0 25px 30px; border-top: solid 1px var(--c4);
}
#CI_search_searchFilters2 > DIV:first-of-type{
  border-top: none; padding-top: 20px;
}
#CI_search_searchFilters2 .searchProfile_title,
#CI_search_searchFilters2 .searchProfile_titleStatic{
  font-weight: 600; cursor: pointer; position: relative; padding-right: 25px;
}
#CI_search_searchFilters2 .searchProfile_G_close .searchProfile_title::before{
  position: absolute; right: 10px; top: 10px; content: ''; width: 15px; height: 2px; background: #fff;
}
#CI_search_searchFilters2 .searchProfile_G_close .searchProfile_title::after{
  position: absolute; right: 10px; top: 10px; content: ''; width: 15px; height: 2px; background: #fff; transform: rotate(90deg);
}
#CI_search_searchFilters2 .searchProfile_G_open .searchProfile_title::after{
  position: absolute; right: 10px; top: 10px; content: ''; width: 15px; height: 2px; background: #fff;
}
#CI_search_searchFilters2 .searchProfile_titleValue{
  display: none;
}
#CI_search_searchFilters2 .searchProfile_G_items{
  display: none; margin-top: 20px;
}
#CI_search_searchFilters2 .searchProfile_G_itemsStatic{
  margin-top: 20px;
}
#CI_search_searchFilters2 .searchProfile_G_static{}
#CI_search_searchFilters2 .searchProfile_G_static .searchProfile_item,
#CI_search_searchFilters2 .searchProfile_G_items .searchProfile_item{
  color: #fff; font-weight: 300; font-size: 90%;
}
#CI_search_searchFilters2 .searchProfile_G_items .searchProfile_item .innerRadioWrapper{
  display: none;
}
#CI_search_searchFilters2 .searchProfile_item A{
  color: #fff;
}
#CI_search_searchFilters2 .searchProfile_item A:hover{
  color: var(--c3);
}
#CI_search_searchFilters2 .searchProfile_item A .innerTxtWrapper{
  padding: 4px 0 4px 24px; background: url('imglayout/searchFilterIcon_0.png') left center no-repeat;
}
#CI_search_searchFilters2 .searchProfile_item A.searchProfileSelected .innerTxtWrapper{
  color: var(--c3); background: url('imglayout/searchFilterIcon_1.png') left center no-repeat;
}
#CI_search_searchFilters2 .searchProfileSelected{
  color: var(--c3) !important;
}
#CI_search_searchFilters2 .searchProfile_G_items label{
  width: 100%; cursor: pointer;
}
#CI_search_searchFilters2 .searchProfile_G_items label:hover{
  color: var(--c3);
}
/*sorting in editorial tab wordt newest first niet getoond, maar by date*/
BODY.stab_editorialimages #searchProfileItem_sorting_2,
BODY.stab_editorialvideos #searchProfileItem_sorting_2{
  display: none;
}
/*special groups within search filter get alternate layout*/
#CI_search_searchFilters2 #searchProfile_G_license .innerTxtWrapper A .innerLabelWrapper{
  padding: 4px 0 4px 24px; background: url('imglayout/searchFilterIcon_0.png') left center no-repeat;
}
#CI_search_searchFilters2 #searchProfile_G_license .innerTxtWrapper A.searchProfileSelected .innerLabelWrapper{
  background: url('imglayout/searchFilterIcon_1.png') left center no-repeat;
}
#CI_search_searchFilters2 #searchProfile_G_datefrom .searchProfile_G_items .searchProfile_item .innerTxtWrapper{}
#CI_search_searchFilters2 #searchProfile_G_datefrom .searchProfile_G_items .searchProfile_item .innerTxtWrapper .innerLabelWrapper{
  padding: 4px 0 4px 24px; background: url('imglayout/searchFilterIcon_0.png') left center no-repeat;
}
#CI_search_searchFilters2 #searchProfile_G_datefrom .searchProfile_G_items .searchProfile_item .innerTxtWrapper .innerLabelWrapper.searchProfileSelected{
  background: url('imglayout/searchFilterIcon_1.png') left center no-repeat;
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .searchProfile_G_items .searchProfile_item .innerTxtWrapper{
  display: grid; grid-template-columns: 14px 1fr; grid-column-gap: 0;
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .searchProfile_G_items .searchProfile_item .innerTxtWrapper .innerLabelRightWrapper{
  padding: 2px 0 2px 10px;
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .searchProfile_G_items .searchProfile_item .innerTxtWrapper.searchProfileSelected .innerLabelRightWrapper{
  color: var(--c3);
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .searchProfile_G_items .searchProfile_item .innerTxtWrapper .innerChkboxLeftWrapper{
  padding-top: 3px;
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .innerBtnWrapper .innerWrapperSmall:first-of-type{
  width: auto;
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .innerBtnWrapper .innerWrapperSmall:last-of-type{
  width: auto; float: right;
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .innerBtnWrapper .innerWrapperSmall #sFilterBrandsubmit{
  width: 90px;
}
#CI_search_searchFilters2 #searchProfile_G_brandlist .innerBtnWrapper .innerWrapperSmall #sFilterBrandall{
  width: 90px;
}

#CI_search_searchFilters2 .searchProfile_G_items .searchProfile_item .innerTxtWrapper .searchProfileItem_counter{
  display: none;
}
#CI_search_searchFilters2 .searchProfile_G_items .searchProfile_item .innerTxtWrapper .innerLabelWrapper{}
#CI_search_searchFilters2 .searchProfile_G_items .searchProfile_item .innerTxtWrapper .innerChkboxWrapper{}

#CI_search .searchResultsWrapper .innerFiltersWrapper .innerClearAllFilters{
  padding: 25px 0 80px 0; text-align: center; color: #888; cursor: pointer;
}
#CI_search .searchResultsWrapper .innerFiltersWrapper .innerClearAllFilters:hover{
  color: var(--c3);
}
#CI_search_searchFilters2 .searchProfile_G_items .searchProfile_item.searchProfileDateRangetrigger .innerRangeWrapper{
  display: none;
}
#CI_search_searchFilters2 .searchProfile_G_items .searchProfile_item.searchProfileDateRangetrigger.vis .innerRangeWrapper{
  display: block;
}
#customFilterFulllistWrapper{
  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); z-index: 9999;
}
#customFilterFulllistWrapper #customFilterFulllistAjaxLoader{
  position: absolute; top: 10%; left: 50%; width: 100%; max-width: 900px; transform: translate(-50%,0); background: white; padding: 30px 20px; color: #000; max-height: 80vh; overflow: auto;
}

#customFilterFulllistWrapper #customFilterFulllistAjaxLoader .innerFulllistTitle{
  font-size: 125%; color: var(--c3); text-align: center;
}
#customFilterFulllistWrapper #customFilterFulllistAjaxLoader .innerList{
  margin-top: 20px;
}
#customFilterFulllistWrapper #customFilterFulllistAjaxLoader .innerList .col{
  width: 24%; margin-right: 1%;
}
#customFilterFulllistWrapper #customFilterFulllistAjaxLoader .innerList .col A DIV{
  white-space: nowrap; overflow: hidden; line-height: 25px; color: #000; font-size: 80%;
}
#customFilterFulllistWrapper #customFilterFulllistAjaxLoader .innerList .col A DIV.act{
  color: var(--c3);
}
#customFilterFulllistWrapper #customFilterFulllistAjaxLoader .innerBtn{
  text-align: center; margin-top: 20px;
}

@media screen AND (max-width: 665px){
  #CI_search .searchResultsWrapper .innerFiltersWrapper{
    z-index: 9999; background: #222; max-width: 100%; width: 100%; opacity: 0.95;
  }
}


/* ------------------------------------- Image details page -------------------------------------------*/
BODY.htmlbody_imagedetails{
  
}
#CI_imagedetails{
  float: none; width: 96%; max-width: 1080px; margin: 0 auto;
}
#CI_imagedetails .imgDetailsWrapper{
  margin-top: 35px;
}
#CI_imagedetails .innerCaptionWrapper{}
#CI_imagedetails .innerImgRowWrapper{
  display: grid; grid-template-columns: 500px 1fr; grid-column-gap: 30px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper {}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage{
  position: relative; min-height: 250px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_L_image,
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_I_XLimage,
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_I_image{
  text-align: center; position: relative;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_I_XLimage A > IMG,
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_I_image > IMG{
  box-sizing: border-box;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_I_XLimage A#showLarge > DIV{
  width: auto;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage .innerRFRM{
  position: absolute; top: 15px; left: 15px; height: 33px; width: 33px; text-align: center; background: var(--c3); color: white; line-height: 32px; font-weight: bold; border-radius: 17px; font-size: 80%;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_G_searchSimilarButton{
  display: none;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_G_searchSimilarButton #imagedetails_searchSimilarButton_L_text{
  width: auto;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_G_searchSimilarButton #imagedetails_searchSimilarButton_L_text A{
  color: #fff; opacity: 0.7;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_G_searchSimilarButton #imagedetails_searchSimilarButton_L_text A:hover{
  color: var(--c3); text-decoration: none; opacity: 1;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_previewimage #imagedetails_G_searchSimilarButton #imagedetails_searchSimilarButton_I_image{
  display: none;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_action_links{
  margin-top: 20px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_action_links #action_links{
  width: auto; margin-left: 50%; transform: translate(-50%,0);
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_action_links #action_links > DIV{
  width: auto; margin: 0 20px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper #CI_imagedetails_action_links .action_links_iconbreaker{
  display: none;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper .innerSubtitle{
  margin: 5px 0; font-size: 80%; letter-spacing: 2px; line-height: 16px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper .innerSubtitle H1{
  font-size: 100%; letter-spacing: 2px; line-height: 16px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgWrapper .innerSubheadline{
  margin: 5px 0; font-size: 80%; letter-spacing: 2px; line-height: 16px;
}

#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper{}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .priceTitleWrapper{}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .priceTitleWrapper .innerTitle{
  font-size: 110%; margin-bottom: 0px; text-transform: capitalize; letter-spacing: 2px;
}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .priceTitleWrapper .innerEdMessage{
  margin: 5px 0; letter-spacing: 2px; color: red; font-weight: bold; text-align: center;
}
/* RM price block classes */
#CI_imagedetails #restriction_alert{
  font-weight: 600; display: none;
}
#CI_imagedetails .innerEditorialonlymsg{
  margin: 10px 0 0 0; font-weight: 600;
}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper #CI_imagedetails_pricinginfo{}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper #CI_imagedetails_pricinginfo #rm_calcgroup,
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper #CI_imagedetails_pricinginfo #rm_basketgroup,
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper #CI_imagedetails_pricinginfo #imagedetails_L_rmpriceContactmessage{
  display: none;
}

#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .innerRMpriceblock{}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .innerRMpriceblock .innerMsgWrapper{
  padding: 20px 10%; text-align: center; font-weight: 600; font-size: 125%; border: solid 1px #c8c8c8; background: #fff;
}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .innerRMpriceblock .innerBtnWrapper{
  margin: 20px 0;
}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .innerRMpriceblock .innerBtnWrapper BUTTON{
  width: 100%; background: var(--c3) url(imglayout/btnicon_addCart.png) left 10% center no-repeat; padding-left: 15%;
}
#CI_imagedetails .innerImgRowWrapper .innerInfoWrapper .innerRMpriceblock .innerBtnWrapper BUTTON:hover{
  width: 100%; background: var(--c3) url(imglayout/btnicon_addCart.png) left 10% center no-repeat; padding-left: 15%; color: #000;
}

/* RF price block classes */
#CI_imagedetails_pricinginfo .innerRFpricerowhead{
  display: none;
}
#CI_imagedetails_pricinginfo .innerRFpricerow{
  position: relative; margin-bottom: 10px; background: #222; height: 80px; padding: 0;
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col1LG,
#CI_imagedetails_pricinginfo .innerRFpricerow .col1{/*size name*/
  width: 50%; position: absolute; left: 10px; top: 26px; font-size: 90%;
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col2{/*MB size*/
  width: auto; position: absolute; left: 140px; top: 18px; font-size: 80%;
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col3{/*px size*/
  width: auto; position: absolute; left: 140px; top: 37px; font-size: 80%;
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col4{/*cm size*/
  display: none
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col5{/*price*/
  width: 50%; position: absolute; left: 270px; top: 26px; font-size: 90%;
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col6{/*cart link*/
  width: 155px; position: absolute; right: 15px; top: 15px;
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col6 INPUT{
  width: 100%; height: 43px; padding: 0 10px 0 45px; line-height: 34px; border-radius: 22px; font-size: 80%; margin: 0; font-weight: bold; background: url('imglayout/bg_btn_addTocart.png') center left 5px no-repeat; background-color: var(--c3);
}
#CI_imagedetails_pricinginfo .innerRFpricerow .col6 INPUT:hover{
  background: url('imglayout/bg_btn_addTocart.png') center left 5px no-repeat; background-color: #222; color: var(--c3);
}

#CI_imagedetails #CI_imagedetails_pricinginfo #editorialDownloadWrapper{
  margin-top: 10px;
}
#CI_imagedetails #CI_imagedetails_pricinginfo #editorialDownloadWrapper .innerTitle{
  font-weight: 600;
}
#CI_imagedetails #CI_imagedetails_pricinginfo #editorialDownloadWrapper TEXTAREA{
  min-height: 100px !important;
}
#CI_imagedetails #CI_imagedetails_pricinginfo #editorialDownloadWrapper #editorial_download_submitbutton{
  width:100%; color: #fff; font-weight: normal; background: var(--c3); border: solid 2px var(--c3); margin: 0px 0 1px 0; border-radius: 3px; cursor: pointer; padding: 3px 13px; margin-bottom: 20px;
}
#CI_imagedetails #CI_imagedetails_pricinginfo #editorialDownloadWrapper #editorial_download_submitbutton:hover{
  color: var(--c3); background: white;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper{
  margin-top: 10px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerRowDbl{}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerColL{
  width: auto;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerColR{
  width: auto; float: right; margin-left: 15px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerDLlink{
  display: grid; grid-template-columns: 40px 1fr; grid-column-gap: 0;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerDLlink .innerIcon{
  width: 31px; height: 31px; background-color: var(--c3); border-radius: 16px; position: relative;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerDLlink .innerIcon::before{
  position: absolute; content: ''; left: 14px; top: 5px; height: 20px; width: 3px; background-color: white;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerDLlink .innerIcon::after{
  position: absolute; content: ''; left: 9px; top: 11px; width: 10px; height: 10px; background: transparent; border-bottom: solid 3px white; border-right: solid 3px white; transform: rotate(45deg);
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerDLlink .innerLink{
  line-height: 31px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerDLlink A{
  font-weight: 600; font-size: 75%; color: white;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerDLlink A:hover{}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerAddLBlink{
  display: grid; grid-template-columns: 40px 1fr; grid-column-gap: 0;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerAddLBlink .innerIcon{
  width: 31px; height: 31px; background-color: var(--c3); border-radius: 16px; position: relative;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerAddLBlink .innerIcon::before{
  position: absolute; content: ''; left: 14px; top: 5px; height: 20px; width: 3px; background-color: white;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerAddLBlink .innerIcon::after{
  position: absolute; content: ''; left: 14px; top: 5px; height: 20px; width: 3px; background-color: white; transform: rotate(90deg);
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerAddLBlink .innerLink{
  line-height: 31px;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerAddLBlink A{
  font-weight: 600; font-size: 75%;  color: white;
}
#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerAddLBlink A:hover{}

#CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerCaptionWrapper{
  margin-top: 10px;
}
#CI_imagedetails #CI_imagedetails_img_info{
  margin-top: 10px;
}
#CI_imagedetails #CI_imagedetails_img_info P.linebreak{
  margin: 0; height: 1px;
}
#CI_imagedetails #CI_imagedetails_img_info #img_info_H_title{
  letter-spacing: 2px; border-bottom: solid 1px white; padding: 5px 0; margin-bottom: 5px;
}
#CI_imagedetails #CI_imagedetails_img_info .inforow{
  display: grid; grid-template-columns: 2fr 5fr; grid-column-gap: 10px;
}
#CI_imagedetails #CI_imagedetails_img_info .inforow > DIV{
  line-height: 25px; font-size: 75%;
}
#CI_imagedetails #CI_imagedetails_img_info .inforow #img_info_V_restrictions{
  color: red; font-weight: bold;
}
#CI_imagedetails #CI_imagedetails_imgsizeSpecifications{
  margin-top: 10px;
}
#CI_imagedetails .innerKeywordsWrapper{
  margin-top: 50px; position: relative;
}
#CI_imagedetails .innerKeywordsWrapper #keywords_H_kwcolumnshead {
  letter-spacing: 2px; padding: 5px 0; margin-bottom: 5px; border-bottom: solid 1px white;
}
#CI_imagedetails .innerKeywordsWrapper .keywords_pane_main{
  padding-top: 5px; max-height: 172px; overflow: hidden;
}
#CI_imagedetails .innerKeywordsWrapper .keywords_pane_main.ext{
  max-height: 9999px;
}
#CI_imagedetails .innerKeywordsWrapper #viewAllKeywordsWrapper{
  margin-top: 30px; width: auto; position: relative; margin-left: 50%; transform: translate(-50%,0); padding-left: 25px; cursor: pointer;
}
#CI_imagedetails .innerKeywordsWrapper #viewAllKeywordsWrapper::before{
  position: absolute; left: 0; top: 4px; content: ''; width: 12px; height: 12px; background: transparent; border-bottom: solid 2px white; border-right: solid 2px white; transform: rotate(45deg);
}
#CI_imagedetails .innerKeywordsWrapper .innerKWwrapper {
  width: auto; margin: 0 10px 10px 0; border: solid 1px white; padding: 0 15px; line-height: 30px; border-radius: 16px;
}
#CI_imagedetails .innerKeywordsWrapper .innerKWwrapper:hover{
  border: solid 1px var(--c3);
}
#CI_imagedetails .innerKeywordsWrapper .innerKWwrapper A{
  color: #fff; text-decoration: none; font-size: 65%;
}
#CI_imagedetails .innerKeywordsWrapper .innerKWwrapper A:hover{
  color: var(--c3); text-decoration: none;
}
#CI_imagedetails .innerRelatedWrapper{
  margin-top: 50px; position: relative;
}
#CI_imagedetails .innerRelatedWrapper #related_images_H_head{
  padding: 5px 0; margin-bottom: 5px; border-bottom: solid 1px white;
}
#CI_imagedetails .innerRelatedWrapper #related_images_I_images_content{
  padding-top: 10px; overflow: hidden;
}
#CI_imagedetails .innerRelatedWrapper #related_images_I_images_content #related_images_gridWrapper IMG{
  float: left; margin: 0 8px 8px 0; cursor: pointer; max-width: 999px; max-height: 250px;
}
#CI_imagedetails .innerRelatedWrapper #related_images_I_images_content #related_images_gridWrapper DIV{
  /*for extint images show a list of images in DIV*/
  width: auto;
}
#CI_imagedetails .innerSearchCategories{
  margin-top: 50px;
}
#CI_imagedetails .innerSearchCategories > .innerTitle{
  letter-spacing: 2px; padding: 5px 0; margin-bottom: 5px; border-bottom: solid 1px white;
}
#CI_imagedetails .innerSearchCategories .innerCatWrapper{
  padding-top: 10px;
}
#CI_imagedetails .innerSearchCategories .innerCatWrapper .innerRow{
  display: grid; grid-template-columns: 110px 1fr; grid-gap: 10px;
}
#CI_imagedetails .innerSearchCategories .innerCatWrapper .innerRow .innerTitle{
  font-size: 90%; line-height: 40px;
}
#CI_imagedetails .innerSearchCategories .innerCatWrapper .innerRow .innerKwWrapper{
  overflow: hidden; height: 35px; line-height: 40px;
}
#CI_imagedetails .innerSearchCategories .innerCatWrapper .innerRow .innerKwWrapper .innerWrapper{}
#CI_imagedetails .innerSearchCategories .innerCatWrapper .innerRow .innerKwWrapper .innerWrapper .innerItem{
  width: auto; margin-right: 33px; line-height: 40px;
}
#CI_imagedetails .innerSearchCategories .innerCatWrapper .innerRow .innerKwWrapper .innerWrapper .innerItem A{
  font-size: 75%; color: white; text-decoration: none;
}
#CI_imagedetails .innerSearchCategories .innerCatWrapper .innerRow .innerKwWrapper .innerWrapper .innerItem A:hover{
  color: var(--c3);
}

@media screen AND (max-width: 1100px){
  #CI_imagedetails .innerImgRowWrapper{
    grid-template-columns: 1fr 1fr;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col1{/*size name*/
    left: 10px; top: 23px; font-size: 125%;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col2{/*MB size*/
    left: 75px; top: 10px;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col3{/*px size*/
    left: 75px; top: 25px;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col5{/*price*/
    left: 75px; top: 46px;
  }
}
@media screen AND (max-width: 800px){
  #CI_imagedetails .innerImgRowWrapper{
    display: block;
  }
  #CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerColR{
    width: 45%; margin-left: 2%;
  }
  #CI_imagedetails .innerImgRowWrapper .innerImgInfoWrapper .innerCaptionWrapper{
    margin: 20px 0; text-align: center;
  }
  #CI_imagedetails .innerImgRowWrapper .innerInfoWrapper{
    margin-top: 40px;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col1{/*size name*/
    left: 10px; top: 23px; font-size: 125%;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col2{/*MB size*/
    left: 75px; top: 10px;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col3{/*px size*/
    left: 75px; top: 25px;
  }
  #CI_imagedetails_pricinginfo .innerRFpricerow .col5{/*price*/
    left: 75px; top: 46px;
  }
  #CI_imagedetails .innerRelatedWrapper #related_images_I_images_content #related_images_gridWrapper IMG{
    max-height: 100px;
  }
  #CI_imagedetails .innerSearchCategories{
    display: none;
  }
}

/* ------------------------------------- image details RM calculator ----------------------------------*/

#CI_imagedetails #plusRMcalculatorWrapper{}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper{}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerTitle{
  display: none;
}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper{
  position: relative; margin-bottom: 10px; background: #222; height: 100px; padding: 0;
}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerName{
  position: absolute; left: 10px; top: 10px; font-size: 80%; width: 60%;
}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerDescription{
  position: absolute; left: 10px; top: 28px; font-size: 80%; width: 60%; color: var(--c4); max-height: 34px; overflow: hidden;
}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerBtn{
  position: absolute; right: 15px; top: 30px; width: 155px;
}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerBtn INPUT[type="button"]{
  width: 100%; height: 43px; padding: 0 10px 0 45px; line-height: 34px; border-radius: 22px; font-size: 80%; margin: 0; font-weight: bold; background: var(--c3) url('imglayout/bg_btn_addTocart.png') center left 5px no-repeat;
}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerBtn INPUT[type="button"]:hover{
  background: #222 url('imglayout/bg_btn_addTocart.png') center left 5px no-repeat; color: var(--c3);
}
#CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerPrice{
  position: absolute; left: 10px; top: 65px; font-size: 90%;
}

#plusRMcalculatorWrapper .innerAdvUsageWrapper{
  display: none;
}
#plusRMcalculatorWrapper .innerTitle{}
#plusRMcalculatorWrapper .innerAdvTrigger{}
#plusRMcalculatorWrapper .innerAdvTrigger .innerWrapper{
  margin-top: 20px; color: var(--c3); text-align: left; cursor: pointer; width: 50%; margin-left: 25%; text-align: center; padding: 10px; border: solid 1px var(--c3); border-radius: 25px;
}
#plusRMcalculatorWrapper .innerAdvTrigger .innerWrapper:hover{
  color: #fff; border: solid 1px #fff;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerTitle{
  margin-top: 40px; text-align: center;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper .plusRowWrapper,
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper .plusRowWrapper:hover{
  background: transparent; position: relative; margin-top: 10px; min-height: 40px; padding: 10px; cursor: pointer;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper > .plusRowWrapper{
  background: #222;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper > .plusRowWrapper:hover{
  background: #000;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper{}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerName{
  font-size: 80%;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerDescription{
  font-size: 80%; color: var(--c4);
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .innerWrapper .plusRowWrapper:hover .innerplusRowtopWrapper .plusRowInnerName,
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowOpen > .innerplusRowtopWrapper .plusRowInnerName,
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSelected > .innerplusRowtopWrapper .plusRowInnerName{
  color: var(--c3);
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSubWrapper{
  padding-left: 20px; position: relative;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSubWrapper:before{}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSubWrapper .plusRowWrapper{
  /*background: #444;*/
  position: relative;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSubWrapper .plusRowWrapper:before{
  content: ''; width: 9px; height: 9px; border-right: solid 2px var(--c3); border-bottom: solid 2px var(--c3); position: absolute; left: -20px; top: 13px; transform: rotate(-45deg);
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSubWrapper .plusRowWrapper:hover{}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowClosed > .plusRowSubWrapper{
  display: none;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowOpen > .plusRowSubWrapper{
  display: block;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowClosed > .innerplusRowtopWrapper:after{
  content: ''; width: 9px; height: 9px; border-right: solid 2px var(--c3); border-bottom: solid 2px var(--c3); position: absolute; right: 13px; top: 11px; transform: rotate(45deg);
}
/*#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowOpen > .innerplusRowtopWrapper:after{
  content: ''; width: 9px; height: 9px; border-right: solid 2px var(--c3); border-bottom: solid 2px var(--c3); position: absolute; right: 13px; top: 18px; transform: rotate(225deg);
}*/
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowOpen > .plusRowNoChilds:after{}

#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSelected{
  background: #444 !important;
}
#plusRMcalculatorWrapper .innerAdvUsageWrapper .plusRowSelected > .plusRowNoChilds:after{
  content: 'Continue below'; width: auto; height: auto; border: none; position: absolute; right: 13px; top: 10px; box-shadow: none; transform: none; color: var(--c3); font-size: 80%;
}
#plusRMcalculatorWrapper .innerAdvUsageDetailsWrapper{
  display: none;
}
#plusRMcalculatorWrapper .innerAdvUsageDetailsWrapper .innerTitle {
  margin-top: 40px; text-align: center;
}
#plusRMcalculatorWrapper .innerAdvUsageDetailsWrapper .innerWrapper {
  margin: 20px 0; background: #222; padding: 10px 10px 10px 0;
}
#plusRMcalculatorWrapper .innerDetailRowWrapper{
  display: none; padding: 5px 0; font-size: 80%; line-height: 25px; position: relative;
}
#plusRMcalculatorWrapper .innerDetailRowWrapper .innerName{
  width: 50%; padding-left: 15px; overflow: hidden;
}
#plusRMcalculatorWrapper .innerDetailRowWrapper .innerFld{
  width: 50%;
}
#plusRMcalculatorWrapper .innerDetailRowWrapper .innerFld SELECT{}
#plusRMcalculatorWrapper .plusDetailVisible{
  display: block !important;
}
#plusRMcalculatorWrapper .innerCommentsWrapper{
  margin-top: 20px; display: none; opacity: 0; overflow: hidden; max-height: 1px; max-width: 1px;
}
#plusRMcalculatorWrapper .innerAdvUsagePriceWrapper{
  display: none; margin-top: 20px; background: #000;
}
#plusRMcalculatorWrapper .innerAdvUsagePriceWrapper .innerPrice{
  text-align: center; color: var(--c3); font-weight: bold; padding: 10px; font-size: 125%;
}
#plusRMcalculatorWrapper .innerAdvUsagePriceWrapper .innerButton{
  margin: 10px 0; text-align: center;
}
#plusRMcalculatorWrapper .innerAdvUsagePriceWrapper .innerButton INPUT{}

@media screen AND (max-width: 665px){
  #CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper{
    height: 150px;
  }
  #CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerDescription{
    width: 100%;
  }
  #CI_imagedetails #plusRMcalculatorWrapper .innerBasicUsagesWrapper .innerWrapper .plusRowWrapper .innerplusRowtopWrapper .plusRowInnerBtn{
    top: 90px;
  }
}

/* ------------------------------------------- basket ------------------------------------------------ */
#CI_basket{
  float: none; width: 96%; max-width: 1080px; margin: 0 auto;
}
#CI_basket .pagetitle{
  margin: 20px 0;
}
#CI_basket .pagetitle #basket_H_title{}
#CI_basket .pagetitle .pagetitle{}
#CI_basket #basket_Separator{
  height: 1px; width: 100%;
}
#CI_basket .basketitems_C_img{
  position: relative; padding: 50px 0 50px 280px; height: auto; background-color: #222; margin-bottom: 30px; min-height: 300px;
}
#CI_basket .basketitems_C_img DIV{
  width: auto;
}
#CI_basket .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img{
  display: none;
}
#CI_basket .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img LI{}
#CI_basket .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img_price{
  display: none;
}
#CI_basket .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img_deletelink{
  position: absolute; right: 20px; top: 20px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo{}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_I_img{
  position: absolute; left: 60px; top: 50px; width: 200px; text-align: center;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_I_img IMG{
  max-width: 200px; max-height: 200px; 
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info{
  width: 100%;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .linebreak{
  display: none;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infotitleRestriction,
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infotitle{
  width: 200px; clear: left; line-height: 34px; min-height: 30px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalueRestrictioninfo,
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalue{
  color: var(--c4);  line-height: 34px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info #basketitems_V_edalert{
  color: red; font-weight: bold; letter-spacing: 2px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalueRestrictioninfo{
  color: red; letter-spacing: 2px; font-weight: bold;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info #basketitems_L_img_supplier,
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info #basketitems_V_img_supplier{
  display: none;
}

#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing{
  width: 100%;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_H_img_versions{
  width: 200px; clear: left;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions{
  display: grid; grid-template-columns: 25px 150px 150px; grid-column-gap: 10px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions LABEL,
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions > DIV{
  color: var(--c4); line-height: 23px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions #basketitems_F_img_versions{}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing P,
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing .linebreak{
  display: none;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_L_img_usagedetails{
  width: 200px; clear: left; line-height: 34px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_L_img_usagedetails2{
  color: var(--c4);  line-height: 34px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_rmprice{
  width: 100%;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_rmprice #basketitems_L_img_usage{
  width: 200px; clear: left; line-height: 34px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_rmprice #basketitems_L_img_rmprice,
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_rmprice #basketitems_L_img_rmprice #basketitems_L_img_rmprice2{
  color: var(--c4);  line-height: 34px;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_rmprice #basketitems_L_img_rmprice #basketitems_L_img_calculate{
  color: var(--c4);  border: solid 1px var(--c3); height: 44px; border-radius: 22px; line-height: 42px; padding: 0 22px; clear: left;
}
#CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_rmprice #basketitems_L_img_rmprice #basketitems_L_img_calculate A SPAN{
  color: var(--c3); font-size: 90%; line-height: 42px;
}

#CI_basket .basketitems_C_offer{
  position: relative; padding: 30px 60px 30px 60px; height: auto; background-color: #222; margin-bottom: 30px;
}
#CI_basket .basketitems_C_offer #basketitems_G_offerheadinfo{}
#CI_basket .basketitems_C_offer #basketitems_G_offerheadinfo #basketitems_H_offer{
  width: auto;
}
#CI_basket .basketitems_C_offer #basketitems_G_offerheadinfo #basketitems_H_offer LI{
  list-style: none;
}
#CI_basket .basketitems_C_offer #basketitems_G_offerheadinfo #basketitems_H_offer_price{
  float: right; color: var(--c3); width: auto;
}

#CI_basket #basketrebate_group{
  
}

#CI_basket #hasNonCalcedRM{}
#CI_basket #baskettotals_group #baskettotalsBasket1{}
#CI_basket #baskettotals_group #baskettotalsBasket1 #basketShiptment_group{
  margin-top: 40px; float: right; width: auto; border-bottom: solid 2px white; font-size: 125%;
}
#CI_basket #baskettotals_group #baskettotalsBasket1 #basketShiptment_group #baskettotals_L_total{
  text-align: right; font-weight: 600; width: auto;
}
#CI_basket #baskettotals_group #baskettotalsBasket1 #basketShiptment_group #baskettotals_V_total{
  font-weight: 600; text-align: right;width: auto; margin-left: 50px;
}
#CI_basket #baskettotals_G_buttonAligner{
  margin-top: 40px;
}
#CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons{
  display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px;
}
#CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping{}
#CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT[type="button"]{
  min-width: 200px; color: #fff; font-weight: normal; background: transparent; border: solid 1px #fff; margin: 0; border-radius: 19px; cursor: pointer; padding: 0 19px; line-height: 36px;
}
#CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT[type="button"]:hover{
  color: var(--c3); border: solid 1px var(--c3);
}
#CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout{
  text-align: right;
}
#CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout INPUT[type="button"]{
  min-width: 200px; color: #000; font-weight: normal; background: var(--c3); border: solid 1px var(--c3); margin: 0; border-radius: 19px; cursor: pointer; padding: 0 19px; line-height: 36px; font-weight: bold;
}
#CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout INPUT[type="button"]:hover{
  color: var(--c3); background: white;
}

@media screen AND (max-width: 665px){
  #CI_basket .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img_deletelink{
    max-width: 18px;
  }
  #CI_basket .basketitems_C_img{
    padding: 35px;
  }
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo{
    width: 100%;
  }
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_I_img{
    position: initial; width: 100%; text-align: center;
  }
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infotitleRestriction, 
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infotitle,
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_H_img_versions{
    width: 100%; margin-top: 8px;
  }
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalueRestrictioninfo, 
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalue{
    width: 100%; line-height: inherit;
  }
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions{
    width: 100%; grid-template-columns: 25px 1fr 1fr;
  }
  #CI_basket .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions #basketitems_F_img_versions{
    padding-top: 1px;
  }
  #CI_basket #baskettotals_group #baskettotalsBasket1 #basketShiptment_group{
    width: 100%;
  }
  #CI_basket #baskettotals_group #baskettotalsBasket1 #basketShiptment_group #baskettotals_V_total{
    float: right;
  }
  #CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons{
    display: block;
  }
  #CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping,
  #CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout{
    margin-top: 20px; text-align: center;
  }
  #CI_basket #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT[type="button"]{
    border: none; opacity: 0.8;
  }

}


/* ------------------------------------------- basket review ------------------------------------------------ */
#CI_Basket_review{
  float: none; width: 96%; max-width: 1080px; margin: 0 auto;
}
#CI_Basket_review .pagetitle{
   margin: 20px 0;
}
#CI_Basket_review .pagetitle #basket_H_title{}
#CI_Basket_review .pagetitle .pagetitle{}
#CI_Basket_review #basket_Separator{
  height: 1px; width: 100%;
}
#CI_Basket_review .basketitems_C_img{
  position: relative; padding: 50px 0 50px 280px; height: auto; background-color: #222; margin-bottom: 30px; min-height: 300px;
}
#CI_Basket_review .basketitems_C_img DIV{
  width: auto;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img{
  display: none;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img LI{}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img_price{
  display: none;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img_deletelink{
  position: absolute; right: 20px; top: 20px;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo{}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_I_img{
  position: absolute; left: 60px; top: 50px; width: 200px; text-align: center;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_I_img IMG{
  max-width: 200px; max-height: 200px;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info{
  width: 100%;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .linebreak{
  display: none;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infotitle{
  width: 200px; clear: left; line-height: 34px; min-height: 30px;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalue{
  color: var(--c4);  line-height: 34px;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info #basketitems_V_edalert{
  color: red; font-weight: bold; letter-spacing: 2px;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info #basketitems_L_img_supplier,
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info #basketitems_V_img_supplier{
  display: none;
}
#CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing{
  width: 100%;
}
#CI_Basket_review .basketitems_C_offer{
  position: relative; padding: 30px 60px 30px 60px; height: auto; background-color: #222; margin-bottom: 30px;
}
#CI_Basket_review .basketitems_C_offer #basketitems_G_offerheadinfo{}
#CI_Basket_review .basketitems_C_offer #basketitems_G_offerheadinfo #basketitems_H_offer{
  width: auto;
}
#CI_Basket_review .basketitems_C_offer #basketitems_G_offerheadinfo #basketitems_H_offer LI{
  list-style: none;
}
#CI_Basket_review .basketitems_C_offer #basketitems_G_offerheadinfo #basketitems_H_offer_price{
  float: right; color: var(--c3); width: auto;
}
#CI_Basket_review #basketrebate_group{
  display: none;
}
#CI_Basket_review #basketrebate_group~#basket_Separator{
  display: none;
}
#CI_Basket_review #hasNonCalcedRM{}
#CI_Basket_review #baskettotals_group #baskettotalsBasket1{}
#CI_Basket_review #baskettotals_group #baskettotalsBasket1 #basketShiptment_group{
  display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; margin-top: 40px;
}
#CI_Basket_review #baskettotals_group #baskettotalsBasket1 #basketShiptment_group #baskettotals_L_total{
  text-align: right; font-weight: 600;
}
#CI_Basket_review #baskettotals_group #baskettotalsBasket1 #basketShiptment_group #baskettotals_V_total{
  font-weight: 600;
}
#CI_Basket_review #baskettotals_G_buttonAligner{
  margin-top: 40px;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons{
  display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping{}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT[type="button"]{
  min-width: 200px; color: #fff; font-weight: normal; background: transparent; border: solid 1px #fff; margin: 0; border-radius: 19px; cursor: pointer; padding: 0 19px; line-height: 36px;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT[type="button"]:hover{
  color: var(--c3); background: white;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout{
  text-align: right;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout INPUT[type="button"]{
  min-width: 200px; color: #000; font-weight: normal; background: var(--c3); border: solid 1px var(--c3); margin: 0; border-radius: 19px; cursor: pointer; padding: 0 19px; line-height: 36px; font-weight: bold;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout INPUT[type="button"]:hover{
  color: var(--c3); background: white;
}

#CI_Basket_review #basketrebate_group{
  display: none;
}
#CI_Basket_review #hasNonCalcedRM{}
#CI_Basket_review .baskettotals_group{}
#CI_Basket_review .baskettotals_group .baskettotalsReview{}
#CI_Basket_review .baskettotals_group .baskettotalsReview .basket_totals_linewrapper{
  display: grid; grid-template-columns: 0 3fr 1fr 0; grid-column-gap: 10px;
}
#CI_Basket_review .baskettotals_group .baskettotalsReview .basket_totals_linewrapper .baskettotalstitle{
  text-align: right;
}
#CI_Basket_review .baskettotals_group .baskettotalsReview .basket_totals_linewrapper .baskettotalsvalue{
  font-weight: 600; text-align: right;
}
#CI_Basket_review .baskettotalsform{
  margin-bottom: 50px;
}
#CI_Basket_review .baskettotalsform #baskettotals_H_paymentDetailsTitle{
  display: none;
}
#CI_Basket_review .baskettotalsform .baskettotals_H_invoicedetails{
  letter-spacing: 2px; padding: 5px 0px; margin-bottom: 20px; border-bottom: solid 1px white;
}
#CI_Basket_review .baskettotalsform .basketformtitle{
  width: 25%; font-size: 90%; margin-bottom: 10px; clear: both;
}
#CI_Basket_review .baskettotalsform .basketformfield{
  width: 70%; margin-left: 5%; margin-bottom: 10px;
}
#CI_Basket_review .baskettotalsform .basketformfield TEXTAREA{
  min-height: 80px;
}
#CI_Basket_review .baskettotalsform #baskettotals_L_paymenttype{
  width: 100%; margin-top: 30px;
}
#CI_Basket_review .baskettotalsform .baskettotals_G_paymenttype .baskettotals_F_paymenttype{
  width: 25px; padding-top: 0px; clear: left;
}
#CI_Basket_review .baskettotalsform .baskettotals_G_paymenttype .basketformtitle{
  width: auto; margin-right: 50px; clear: none;
}
#CI_Basket_review .baskettotalsform .baskettotals_G_paymenttype .baskettotals_I_paymenttype{
  width: auto; clear: both; padding-left: 25px;
}

#CI_Basket_review .basketReviewPPinitBtnwrapper{
  margin-top: 40px; max-width: 600px; cursor: pointer;
  background: #ffc439; border-radius: 3px; text-align: center; min-height: 55px;
}
#CI_Basket_review .basketReviewPPinitBtnwrapper:hover{
  background: #f2ba36;
}
#CI_Basket_review .basketReviewPPinitBtnwrapper IMG{
  max-height: 24px; margin-top: 15px;
}
#CI_Basket_review .basketReviewPPbtnWrapper{
  margin-top: 40px; max-width: 600px; cursor: pointer;
}
#CI_Basket_review .baskettotalsform P{
  display: none;
}
#CI_Basket_review .baskettotals_C_agree{
  padding-left: 20px; position: relative; margin-top: 20px; font-size: 90%;
}
#CI_Basket_review .baskettotals_C_agree .baskettotals_Frm_agree{
  position: absolute; left: 0; top: 5px;
}
#CI_Basket_review .baskettotals_C_agree .baskettotals_L_agree{
  margin-bottom: 10px;
}
#CI_Basket_review .baskettotals_C_agree .baskettotals_L_conditions{
  margin-bottom: 5px;
}
#CI_Basket_review .baskettotals_C_agree .baskettotals_L_licenseAgreements{
  margin-bottom: 5px;
}
#CI_Basket_review #baskettotals_G_buttonAligner{
  margin-top: 40px;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons{
  display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping{}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT{
  min-width: 200px; color: #fff; font-weight: normal; background: transparent; border: solid 1px #fff; margin: 0; border-radius: 19px; cursor: pointer; padding: 0 19px; line-height: 36px;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT:hover{
  color: var(--c3); border: solid 1px var(--c3);
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout{
  text-align: right;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout INPUT{
  min-width: 200px; color: #000; font-weight: normal; background: var(--c3); border: solid 1px var(--c3); margin: 0; border-radius: 19px; cursor: pointer; padding: 0 19px; line-height: 36px; font-weight: bold;
}
#CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout INPUT:hover{
  color: var(--c3); background: white;
}
@media screen AND (max-width: 665px){
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img_deletelink{
    max-width: 18px;
  }
  #CI_Basket_review .basketitems_C_img{
    padding: 35px;
  }
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo{
    width: 100%;
  }
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_I_img{
    position: initial; width: 100%; text-align: center;
  }
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infotitleRestriction, 
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infotitle,
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_H_img_versions{
    width: 100%; margin-top: 8px;
  }
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalueRestrictioninfo, 
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info .infovalue{
    width: 100%; line-height: inherit;
  }
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions{
    width: 100%; grid-template-columns: 25px 1fr 1fr;
  }
  #CI_Basket_review .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing #basketitems_G_img_versions #basketitems_F_img_versions{
    padding-top: 1px;
  }
  #CI_Basket_review #baskettotals_group #baskettotalsBasket1 #basketShiptment_group{
    width: 100%;
  }
  #CI_Basket_review #baskettotals_group #baskettotalsBasket1 #basketShiptment_group #baskettotals_V_total{
    float: right;
  }
  #CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons{
    display: block;
  }
  #CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping,
  #CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_Checkout{
    margin-top: 20px; text-align: center;
  }
  #CI_Basket_review #baskettotals_G_buttonAligner #baskettotals_G_buttons #baskettotals_I_continueShopping INPUT[type="button"]{
    border: none; opacity: 0.8;
  }
}

/* -------------------------------- thanks for your invoice order ------------------------------------*/
#CI_basket_saveOrder{
  float: none; width: 96%; max-width: 1240px; margin: 0 auto; background: #fff
}
#CI_basket_saveOrder #basket_saveorder_H_title{
  display: none;
}
#CI_basket_saveOrder #basket_Separator{
  display: none;
}
#CI_basket_saveOrder #basket_saveorder_L_text{
  padding: 40px 0;
}


/* ------------------------------------- order history -----------------------------------------------*/
#CI_MyOrders{
  float: none; width: 96%; max-width: 1240px; margin: 0 auto;
}
#CI_MyOrders #CI_MyOrders_orderlist .pagetitle{}
#CI_MyOrders #CI_MyOrders_orderlist .pagetitle #MyOrders_H_title{
  letter-spacing: 2px; font-style: 125%; margin-bottom: 40px;
}
#CI_MyOrders #CI_MyOrders_orderlist #MyOrders_edDlLink{
  display: none;
}
#CI_MyOrders #CI_MyOrders_orderlist #MyOrders_Separator{
  display: none;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_head{
  display: grid; grid-template-columns: 2fr 2fr 5fr 3fr 2fr; grid-column-gap: 20px; font-weight: 600; border-bottom: solid 1px #c8c8c8; padding-bottom: 5px; margin-bottom: 5px;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_head > DIV{
  font-size: 90%; color: #888;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_head #orderlist_L_headerOrderdate{
  text-align: right;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list{
  display: grid; grid-template-columns: 2fr 2fr 5fr 3fr 2fr; grid-column-gap: 20px;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list > DIV{
  padding: 3px 0; font-size: 90%; line-height: 34px;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list P{
  display: none;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list #orderlist_V_ordernumber{}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list #orderlist_V_orderdate{
  text-align: right;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list #orderlist_L_download{
  padding-left: 25px; background: url('imglayout/icon_download.png') left center no-repeat;
}
#CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list #orderlist_L_printinvoice{
  padding-left: 25px; background: url('imglayout/icon_invoice.png') left center no-repeat;
}

#CI_MyOrders #CI_MyOrders_orderDetails{}
#CI_MyOrders #CI_MyOrders_orderDetails .pagetitle{
  letter-spacing: 2px
}
#CI_MyOrders #CI_MyOrders_orderDetails .pagetitle #MyOrders_H_title{}
#CI_MyOrders #CI_MyOrders_orderDetails .pagetitle .pagetitle{}
#CI_MyOrders #CI_MyOrders_orderDetails #MyOrders_Separator{}
#CI_MyOrders #CI_MyOrders_orderDetails #orderDetails_L_title{
  margin: 20px 0 0 0; width: auto;
}
#CI_MyOrders #CI_MyOrders_orderDetails #orderDetails_L_backlink{
  float: right; width: auto; margin: 20px 0 0 0;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer{
  background-color: #222; margin: 20px 0 0 0; padding: 20px; display: grid; grid-template-columns: 200px 1fr; grid-column-gap: 10px;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_I_imageth{}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_I_imageth IMG{
  max-width: 200px; max-height: 200px;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info{}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info .linebreak{
  clear: both; display: none;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info .infotitle{
  width: 45%; text-align: right; line-height: 22px; font-size: 90%; color: #888;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info .infovalue{
  float: right; width: 50%; 
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info #orderDetails_L_imageSupplier,
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info #orderDetails_V_imageSupplier{
  display: none;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info #orderDetails_V_imageImagecode{
  overflow: hidden; height: 24px;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info #orderDetails_L_imageDownloadlink{
  clear: both; padding-left: 25px; background: url('imglayout/icon_download.png') left center no-repeat; line-height: 40px;
}
#CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_info #orderDetails_L_Ziplink{
  display: none; clear: both; padding-left: 25px; background: url('imglayout/icon_zip.png') left center no-repeat; line-height: 40px;
}
#CI_MyOrders #orderDetails_L_createZip{
  display: none;  margin-top: 50px; padding-left: 25px; background: url('imglayout/icon_zip.png') left center no-repeat;
}

@media screen AND (max-width: 900px){
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_head,
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list{
    display: block;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_head .col1{
    width: 50%;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_head .col2{
    float: right; width: 45%; text-align: right;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_head .col3{
    display: none;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list .col1{
    width: 50%;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list .col2{
    float: right; width: 45%; text-align: right;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list .col3{
    width: 100%; overflow: hidden; padding: 0; line-height: 25px; opacity: 0.5;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list .col4{
    float: left; width: 50%; border-bottom: solid 1px #fff;
  }
  #CI_MyOrders #CI_MyOrders_orderlist #orderlist_G_list .col5{
    float: right; width: 50%; border-bottom: solid 1px #fff;
  }
  #CI_MyOrders #CI_MyOrders_orderDetails #orderDetails_L_backlink{
    float: left; width: 100%; margin-top: 0;
  }
  #CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer{
    display: block;
  }
  #CI_MyOrders #CI_MyOrders_orderDetails .MyOrders_imagecontainer #orderDetails_I_imageth{
    text-align: center;
  }
}

/* ------------------------------------- eidtorial downloads ------------------------------------------ */
#CI_myEditorialDownloads{
  float: none; width: 96%; margin: 0 auto;
}
#CI_myEditorialDownloads .pagetitle{
  margin: 20px 0; text-align: center; 
}
#CI_myEditorialDownloads .pagetitle #myEdDownloads_H_title{}
#CI_myEditorialDownloads .pagetitle .pagetitle{}
#CI_myEditorialDownloads .myEdDownloads_C_intromsg{}
#CI_myEditorialDownloads .myEdDownloads_C_intromsg .myEdDownloads_L_intromsg{
  margin-bottom: 20px;
}
#CI_myEditorialDownloads .innerCounter{
  margin-bottom: 20px; font-weight: 600;
}
#CI_myEditorialDownloads .innerDaterangeWrapper{}
#CI_myEditorialDownloads .innerDaterangeWrapper .innerStartdateWrapper{
  width: auto; margin-right: 10px;
}
#CI_myEditorialDownloads .innerDaterangeWrapper .innerStartdateWrapper .innerLabel{
  width: auto; line-height: 32px; padding-right: 10px;
}
#CI_myEditorialDownloads .innerDaterangeWrapper .innerStartdateWrapper .innerFld{
  width: 107px;
}
#CI_myEditorialDownloads .innerDaterangeWrapper .innerStartdateWrapper .innerFld INPUT[type="text"]{
  width: 100%;
}
#CI_myEditorialDownloads #myEdDownloads_G_list{
  margin-top: 20px; border-top: solid 1px #c8c8c8; padding-top: 20px;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup{
  width: 100%; max-width: 180px; margin: 0 10px 10px 0; padding: 5px; background-color: #eee;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgheadinfo{
  font-weight: 600;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgheadinfo #myEdDownloads_H_img{
  height: 24px; overflow: hidden;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo{}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_I_img{
  text-align: center; height: 180px;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_I_img IMG{
  max-width: 180px; max-height: 180px;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info{
  font-size: 90%;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info .linebreak{
  display: none;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info .infotitle{
  font-weight: 600; margin-top: 10px;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info #myEdDownloads_L_img_supplier,
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info #myEdDownloads_V_img_supplier{
  display: none;
}
#CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info .infovalue#myEdDownloads_V_img_comments{
  height: 40px; overflow: hidden;
}
#CI_myEditorialDownloads #myEdDownloads_G_list #myEdDownloads_C_submit{
  display: none;
}
#CI_myEditorialDownloads .myEdDownloads_C_savemsg{
  display: none;
}

@media screen AND (max-width: 665px){
  #CI_myEditorialDownloads .innerDaterangeWrapper .innerStartdateWrapper{
    width: 90%; max-width: 600px;
  }
  #CI_myEditorialDownloads .innerDaterangeWrapper .innerStartdateWrapper .innerFld{
    float: right;
  }
  #CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup{
    max-width: 100%;
  }
  #CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgheadinfo,
  #CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info .infotitle,
  #CI_myEditorialDownloads #myEdDownloads_G_list .myEdDownloads_imagegroup #myEdDownloads_G_imgdetailinfo #myEdDownloads_G_img_info .infovalue{
    text-align: center;
  }
}


/* ---------------------------------------- my lightboxes ------------------------------------ */
#CI_MyLightboxes{
  float: none; width: 96%; margin: 0 auto; max-width: 1440px;
}
/* ----------------- overview ---------------*/
#mylightboxesWrapperList #myLightboxes_overviewWrapper{
  position: relative;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper{
  border-bottom: solid 1px white; padding: 0 0 18px 0
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_titleWrapper{
  width: auto;
}
#CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbHamburger{
  display: none;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_titleWrapper .innerWrapper{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_titleWrapper .innerWrapper .innerTitle{
  letter-spacing: 2px; line-height: 40px; margin-right: 20px;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper{
  width: auto;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper .innerWrapper{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper .innerWrapper .innerLinks{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper .innerWrapper .innerLinks #myLightboxes_overview_controlLinkNewlightbox{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper .innerWrapper .innerLinks .innerLinkWrapper{
  border: solid 1px var(--c3); line-height: 38px; width: auto; padding: 0 20px; border-radius: 20px;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper .innerWrapper .innerLinks .innerLinkWrapper:hover{
  border: solid 1px white;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper .innerWrapper .innerLinks .innerLinkWrapper A{
  color: var(--c3);
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_controlWrapper .innerWrapper .innerLinks .innerLinkWrapper A:hover{
  color: white;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper #myLightboxes_overview_textlistWrapper{
  display: none;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper{
  position: absolute; right: 0; top: 0; width: auto;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper DIV{
  width: auto;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper .innerWrapper{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper .innerWrapper .innerButtonWrapper{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper .innerWrapper .innerButtonWrapper .innerButton{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper .innerWrapper .innerButtonWrapper .innerButton INPUT[type="button"]{
  line-height: 38px; margin: 0 0 0 10px; padding: 0 20px; border: solid 1px var(--c3); border-radius: 20px;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper .innerWrapper .innerButtonWrapper .innerButton INPUT[type="button"]:hover{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper .innerWrapper .innerButtonWrapper .innerButton .btn{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper .innerWrapper .innerButtonWrapper .innerBtnAct{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper{
  margin-top: 30px;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper{
  margin-bottom: 30px;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerLBname{
  font-size: 125%; letter-spacing: 2px; padding: 5px 0; margin-bottom: 5px;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerLBname .innerName{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerLBname .innerNoImages{}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster{
  background-color: #222; height: 200px; overflow: hidden;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster .lbPostImageWrapper{
  width: 5000px; height: 200px;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster IMG{
  height: 200px; margin: 0 1px 0 0;
}
#mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster IMG.loaderimg{
  height: auto;
}


/* ------------------------- lightbox details */
#CI_MyLightboxes #mylightboxesWrapperNormal{}
#CI_MyLightboxes #myLightboxes_G_handlers_container{
  display: none;
}
#CI_MyLightboxes #myLightboxes_thumbnails{}
#CI_MyLightboxes #myLightboxes_thumbnails .innerContainer  {}
#CI_MyLightboxes .innerContainer .innerXtraHeader{
  border-bottom: solid 1px white; padding: 0 0 18px 0;
}
#CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPagetitle{
  width: auto; line-height: 40px;
}
#CI_MyLightboxes .innerContainer .innerXtraHeader_paginator{
  display: none;
}
#CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper{
  float: right; width: auto;
}
#CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper > A > DIV{
  width: auto; line-height: 38px; border: solid 1px var(--c3); padding: 0 20px; border-radius: 20px; margin-left: 10px; color: var(--c3);
}
#CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper > A > DIV:hover{
  border: solid 1px white; color: white
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer{
  padding: 20px 0;
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper{}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper > DIV{
  width: calc(100%/6 - 10px); background-color: #222; padding: 3px; margin: 0 10px 15px 0;
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_image_thumbnailTH170{
  height: 250px; text-align: center;
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_image_thumbnailTH170 IMG{
  max-height: 100%;
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_imageTH170 .searchresults_imageExtrainfo{
  margin-top: 5px;
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_imageTH170 .searchresults_imageExtrainfo .innerImgIcons{
  float: none; width: auto; margin-left: 50%; transform: translate(-50%, 0); position: relative; padding-left: 20px; white-space: nowrap; min-height: 25px;
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_imageTH170 .searchresults_imageExtrainfo .innerImgIcons .innerLBchkbx{
  position: absolute; left: 0; top: 4px;
}
#CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_imageTH170 .searchresults_imageExtrainfo .innerImgIcons .innerFilename{
  overflow: hidden; width: auto;
}

/* responsive number of items per row in lightbox images*/
@media screen AND (max-width: 1200px){
  #CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper > DIV{
    width: calc(100% / 5 - 10px);
  }
}
@media screen AND (max-width: 1000px){
  #CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper > DIV{
    width: calc(100% / 4 - 10px);
  }
}
@media screen AND (max-width: 800px){
  #CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper > DIV{
    width: calc(100% / 3 - 10px);
  }
}
@media screen AND (max-width: 665px){
  #CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper > DIV{
    width: calc(100% / 2 - 10px);
  }
}
@media screen AND (max-width: 400px){
  #CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper > DIV{
    width: 100%; margin-right: 0;
  }
  #CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_image_thumbnailTH170{
    height: auto; text-align: center;
  }
  #CI_MyLightboxes .innerContainer .innerThumbnailContainer .innerWrapper .searchresults_image_thumbnailTH170 > A > IMG{
    max-height: 95vw;
  }
}

/*other responsive classes*/
@media screen AND (max-width: 1280px){
  #CI_MyLightboxes .innerContainer .innerXtraHeader{
    position: relative;
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbHamburger{
    display: block; float: right; cursor: pointer; width: auto; line-height: 40px; position: relative; padding-right: 20px;
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbHamburger::after{
    content: ''; position: absolute; width: 10px; height: 10px; background: transparent; border-bottom: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); right: 0; top: 11px; 
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper{
    display: none; position: absolute; right: 0; top: 40px;
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper .innerPaginatorWrapper{
    display: none;
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper.act{
    display: block; width: 200px; z-index: 9999; background: #222; border: solid 1px #666; padding: 10px;
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper > A > DIV{
    width: 100%; padding: 5px 0; border: none; border-top: solid 1px #444; color: #fff; margin: 0; border-radius: 0; line-height: inherit;
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPageControlsWrapper > A:first-of-type > DIV{
    border: none;
  }
}
@media screen AND (max-width: 665px){
  #CI_MyLightboxes #mylightboxesWrapperList #myLightboxes_overviewWrapper{
    display: block;
  }
  #CI_MyLightboxes #mylightboxesWrapperList #myLightboxes_overviewWrapper .myLightboxes_innerControlsWrapper,
  #mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistTopWrapper{
    display: none;
  }
  #CI_MyLightboxes #mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper{
    padding: 20px 0;
  }
  #CI_MyLightboxes #mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper{}
  #CI_MyLightboxes #mylightboxesWrapperNormal{
    display: block;
  }
  #mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster,
  #mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster .lbPostImageWrapper,
  #mylightboxesWrapperList #myLightboxes_overviewWrapper #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster IMG{
    height: 100px;
  }
  #CI_MyLightboxes #myLightboxes_G_handlers_container{
    display: none;
  }
  #CI_MyLightboxes .innerContainer .innerXtraHeader .innerLbPagetitle{
    font-weight: bold; font-size: 125%;
  }
}


/* LIGHTBOX - ADVANCED ADD2LIGHTBOX DIALOG =====================================================================================================*/
#advancedAdd2LB {
  display: none; position: absolute; left: 0; top: 0; z-index: 99999; width: 300px; box-shadow: 3px 3px 7px 2px rgba(50,50,50,0.2); border: solid 0px #000;
}
#advancedAdd2LB #advancedAdd2LBwrapper{
  width: 100%; background-color: var(--c3); overflow: hidden; position: relative; border: solid var(--c3) 3px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper{}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerHeader{
  clear: both; width: 100%; border-bottom: solid 1px #c8c8c8;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerHeader .innerTitle{
  padding: 10px; width: auto; color: #fff; font-weight: 600;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerHeader .innerCloser{
  position: absolute; right: 10px; top: 14px; cursor: pointer; width: 25px; height: 25px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerHeader .innerCloser::before{
  position: absolute; content: ''; width: 18px; height: 1px; background: #fff; top: 7px; right: 0; transform: rotate(45deg);
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerHeader .innerCloser::after{
  position: absolute; content: ''; width: 18px; height: 1px; background: #fff; top: 7px; right: 0; transform: rotate(-45deg);
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerHeader .innerCloser:hover::before{
  position: absolute; content: ''; width: 18px; height: 1px; background: #000; top: 7px; right: 0; transform: rotate(45deg);
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerHeader .innerCloser:hover::after{
  position: absolute; content: ''; width: 18px; height: 1px; background: #000; top: 7px; right: 0; transform: rotate(-45deg);
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBList                           {
  clear: both; width: 100%; margin: 0; background-color: #fff; height: 200px; overflow-x: hidden; overflow-y: auto;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBList .innerListWrapper .innerLightboxWrapper{
  padding: 5px 10px; border-bottom: solid #eee 1px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBnewproject{
  width: 100%; margin: 0; border-top: solid #bbb 1px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBnewproject .innerFormWrapper{
  padding: 10px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBnewproject .innerFormWrapper .innerFieldWrapper{
  width: 70%; line-height: 40px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBnewproject .innerFormWrapper .innerFieldWrapper INPUT{
  width: 100%;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBnewproject .innerFormWrapper .innerButtonWrapper{
  width: 30%; line-height: 40px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBnewproject .innerFormWrapper .innerButtonWrapper INPUT{
  width: 100%; min-width: 1px;
}
#advancedAdd2LB #advancedAdd2LBwrapper .innerWrapper .innerLBnewproject .innerFormWrapper .innerButtonWrapper INPUT:hover{
  background: var(--c3); color: #000;
}

/* ===========================================EMAIL LIGHTBOX STYLES ===========================*/
#mylightbox_emailproject {
  padding: 20px;
}
#mylightbox_emailproject_title{
  font-weight: 600; margin-bottom: 20px;
}
#mylightbox_emailproject_close {
  display: none;
}
#mylightbox_emailproject .innerFieldGroup {
  margin-top: 5px; position: relative;
}
#mylightbox_emailproject .innerFieldGroup .innerFieldLabel{}
#mylightbox_emailproject .innerFieldGroup .innerFieldInput{}
#mylightbox_emailproject .innerFieldGroup #mylightbox_emailproject_sendcopy_input{
  position: absolute; left: 0; top: 0;
}
#mylightbox_emailproject .innerFieldGroup #mylightbox_emailproject_sendcopy_title{
  padding-left: 20px;
}
#mylightbox_emailproject_buttons_submit {
  width: auto; clear: both; margin-right: 10px;
}
#mylightbox_emailproject_buttons_cancel{
  width: auto;
}

@media screen AND (max-width: 665px){
  #mylightbox_emailproject .innerFieldGroup.adminLinkGroup{
    display: none;
  }
}

/*  ==========================================Add new project styles  =========================*/
#AddNewProjectName{}
#AddNewProjectName_title{
  margin-bottom: 20px; font-size: 125%; letter-spacing: 2px;
}
#AddNewProjectName_lable{
  width: auto; line-height: 28px;
}
#AddNewProjectName_input{
  width: 50%; margin-left: 2%;
}
#AddNewProjectName_okbutton {
  clear: both; margin-top: 20px; width: auto; margin-right: 10px; border-radius: 16px;
}
#AddNewProjectName_cancelbutton{
  margin-top: 20px; width: auto; border-radius: 16px;
}
#floatbox-box{
  padding: 20px; background-color: #222 !important; border: solid 1px var(--c3);
}
#floatbox-box > DIV:nth-of-type(2){
  display: none;
}



/*--------------------------------------------------- registration page ---------------------------------------*/
#CI_Register{
  float: none; width: 96%; max-width: 896px; margin: 0 auto;
}
#CI_Register #registerWrapper{}
#CI_Register .registerWrapper{}
#CI_Register .registerWrapperCartinfo_0{}
#CI_Register .registerWrapper .innerRegWrapper{}
#CI_Register .registerWrapper .innerRegWrapper .pagetitle{
  margin: 20px 0; text-align: center;
}
#CI_Register .registerWrapper .innerRegWrapper .pagetitle #register_form_title{}
#CI_Register .registerWrapper .innerRegWrapper .pagetitle .pagetitle{
  margin-bottom: 20px;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm{}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form{}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form #request_msg{
  margin: 20px 0; color: red;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm{}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainer{
  margin-top: 10px; display: grid; grid-template-columns: 1fr 5fr; grid-column-gap: 10px;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainer .fieldlabel{}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainer .formfield INPUT[type="text"]{
  width: 90%;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainer .formfield INPUT[type="password"]{
  width: 90%;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainer .formfield SELECT{
  width: 90%; padding: 4px;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form_C_password{
  position: relative;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form_C_password .StrengthWrapper{}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form_C_password .StrengthWrapper .innerStrengthLabel{
  display: none; padding: 5px;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form_C_password .StrengthWrapper .innerStrong{
  color: green;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form_C_password .StrengthWrapper .innerMedium{
  color: orange;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form_C_password .StrengthWrapper .innerWeak{
  color: red;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainerconditions{
  position: relative; margin-top: 20px; padding-left: 17.5%;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainerconditions #register_form_C_conditions{
  width: auto; padding: 1px; margin-right: 10px;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainerconditions #register_form_L_conditions{
  width: auto;
}
#CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainersubmit{
  text-align: center; margin-top: 20px;
}

@media screen AND (max-width: 665px){
    #CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainer{
      display: block; margin-top: 10px;
    }
    #CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm .fieldcontainer .fieldlabel{
      display: none;
    }
    #CI_Register .registerWrapper .innerRegWrapper #CI_Register_registerForm #register_form_C_password .StrengthWrapper{
      min-width: 95%;
    }
}


/*--------------------------------------------------- login page ----------------------------------------------*/
#CI_Login{
  float: none; width: 96%; max-width: 896px; margin: 0 auto;
}
#CI_Login #login_L_loginHead{
  margin: 20px 0; font-weight: 600;
}
#CI_Login #loginform_G_username{
  margin-top: 10px;
}
#CI_Login #loginform_G_username #loginform_L_username{
  font-size: 90%; 
}
#CI_Login #loginform_G_password{
  margin-top: 10px;
}
#CI_Login #loginform_G_password #loginform_L_password{
  font-size: 90%;
}
#CI_Login #loginform_G_submit{
  margin-top: 20px; text-align: center;
}
#CI_Login #login_form_links_container{
  margin-top: 20px; border-top: solid 1px #000;
}
#CI_Login #login_form_links_container #login_L_forgotpassword{
  width: auto; margin-right: 20px;
}
#CI_Login #login_form_links_container #login_L_register{
  width: auto;
}


/*---------------------------------------------------- forgot password ----------------------------------------*/
#CI_Login{}
#CI_Login #login_L_forgotpwdHead{
  margin: 20px 0; text-align: center;
}
#CI_login #login_L_forgotpwdSent{
  margin: 20px 0; text-align: center;
}
#CI_Login #loginform_G_username{
  margin-top: 10px; text-align: center;
}
#CI_Login #loginform_G_username #loginform_L_username{
  text-align: center;
}
#CI_Login #loginform_G_username INPUT{
  width: 100%; padding: 15px 15px;
}
#CI_Login #loginform_G_submit{
  margin-top: 20px; text-align: center;
}
#CI_Login #loginform_G_submit INPUT{
  padding: 15px 5px; min-width: 50%; font-weight: bold; border-radius: 28px;
}


/*--------------------------------------------------- my account my data ------------------------------------- */
#CI_MyAccount{
  float: none; width: 96%; max-width: 1240px; margin: 0 auto;
}
#CI_MyAccount .pagetitlex{}
#CI_MyAccount .pagetitlex #myAccount_H_title{}
#CI_MyAccount .pagetitlex .pagetitle{
  margin-bottom: 20px;  font-size: 125%; letter-spacing: 2px;
}
#CI_MyAccount #mydata{}
#CI_MyAccount #mydata #myAccount_table{}
#CI_MyAccount #mydata #myAccount_table .innerRow{
  width: 33%; border-bottom: solid 1px #555; min-height: 90px; padding: 20px 0;
}
#CI_MyAccount #mydata #myAccount_table .mydata_label{
  font-size: 90%; color: #888;
}
#CI_MyAccount #mydata #myAccount_table .mydata_value{
  min-height: 44px;
}
#CI_MyAccount #mydata #myAccount_table .mydata_submitwrapper{
  text-align: center; margin-top: 50px;
}
#CI_MyAccount #mydata #myAccount_table .mydata_submitwrapper INPUT{
  min-width: 200px; border-radius: 20px; padding: 0 20px; margin: 0; line-height: 38px;
}

@media screen AND (min-width: 666px){
  #CI_MyAccount #mydata #myAccount_table .innerRow:nth-of-type(3n+1){
    clear: left;  
  }
}
@media screen AND (max-width: 665px){
  #CI_MyAccount #mydata #myAccount_table .innerRow{
    width: 50%;
  }
  #CI_MyAccount #mydata #myAccount_table .innerRow:nth-of-type(2n+1){
    clear: left;  
  }
}

/* edit account data -----------------*/
#CI_MyAccount #mydataEdit{}
#CI_MyAccount #mydataEdit #regform{}
#CI_MyAccount #mydataEdit #regform .subPageTitle{
  margin: 0 10px 10px 0; width: auto;
}
#CI_MyAccount #mydataEdit #regform .innerSectionTitle{
  margin: 30px 0 10px 0; margin-bottom: 5px; border-bottom: solid 1px white; letter-spacing: 2px;
}
#CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer{
  margin-top: 10px; display: grid; grid-template-columns: 2fr 5fr; grid-column-gap: 10px;
}
#CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditLabel{
  color: #888; font-size: 90%; line-height: 22px;
}
#CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField{}
#CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField INPUT[type="text"]{
  width: 60%;
}
#CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField INPUT[type="password"]{
  width: 60%;
}
#CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField SELECT{
  width: 60%; padding: 4px;
}
#CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField INPUT[type="button"]{
  padding: 0 20px; line-height: 38px; margin: 0; border-radius: 20px;
}
mydataEditField
#CI_MyAccount #mydataEdit #regform #myAccount_editdata_logintext_container{
  margin-top: 40px;
}
#CI_MyAccount #mydataEdit #myAccount_editdata_algemenevoorwaarden_container{
  position: relative; margin-top: 20px; padding-left: 20px;
}
#CI_MyAccount #mydataEdit #myAccount_editdata_algemenevoorwaarden_container INPUT[type="checkbox"]{
  position: absolute; left: 0; top: 0;
}
#CI_MyAccount #mydataEdit #myAccount_editdata_submit_container{
  margin-top: 20px; text-align: center; margin-top: 50px;
}
#CI_MyAccount #mydataEdit #myAccount_editdata_submit_container INPUT{
  padding: 0 60px; line-height: 38px; margin: 0; border-radius: 20px; min-width: 30%;
}
#changes_were_saved{
  margin: 20px; text-align: center;
}
#changes_were_saved INPUT{
  padding: 0 40px; line-height: 38px; margin: 0; border-radius: 20px;
}

@media screen AND (max-width: 665px){

  #CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer{
    display: block;
  }
  #CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField INPUT[type="text"],
  #CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField INPUT[type="password"],
  #CI_MyAccount #mydataEdit #regform .mydataEditFieldContainer .mydataEditField SELECT{
    width: 95%;
  }
}

#changePwdPopup{
  display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999999999;
}
#changePwdPopup .innerOverlay{
  position: absolute; height: 100vh; background: #000; opacity: 0.6;
}
#changePwdPopup .innerContent{
  position: absolute; left: 50%; max-width: 600px; transform: translate(-50%,0); top: 10%; background: var(--c1); border-radius: 11px; overflow: hidden; border: solid 1px var(--c3);
}
#changePwdPopup .innerContent .innerWrapper{}
#changePwdPopup .innerContent .innerWrapper .innerTitle{
  background: #222; color: white; position: relative; font-size: 150%; padding: 20px 30px; font-weight: bold;
}
#changePwdPopup .innerContent .innerWrapper .innerTitle .innerCloser{
  position: absolute; right:30px; top: 23px; cursor: pointer;
}
#changePwdPopup .innerContent .innerWrapper .innerTitle .innerCloser::before{
  content: ''; width: 15px; height: 2px; background: white; transform: rotate(45deg); position: absolute; right: 0; top: 5px;
}
#changePwdPopup .innerContent .innerWrapper .innerTitle .innerCloser::after{
  content: ''; width: 15px; height: 2px; background: white; transform: rotate(-45deg); position: absolute; right: 0; top: 5px;
}
#changePwdPopup .innerContent .innerWrapper .innerRow{
  padding: 15px 30px;
}
#changePwdPopup .innerContent .innerWrapper .innerRow .innerLabel{
  font-weight: bold;
}
#changePwdPopup .innerContent .innerWrapper .innerRow .innerFldwrapper{}
#changePwdPopup .innerContent .innerWrapper .innerRow .innerFldwrapper INPUT[type="password"]{}
#changePwdPopup .innerContent .innerWrapper .innerRow .innerSublabel{
  font-size: 80%; color: var(--c4);
}
#changePwdPopup .innerContent .innerWrapper .innerRow .innerPwdlevel{
  display: none;
}
#changePwdPopup .innerContent .innerWrapper .innerBtnWrapper{
  text-align: center; padding: 30px;
}
#changePwdPopup .innerContent .innerWrapper .innerBtnWrapper INPUT[type="submit"]{
  width: 100%; height: 50px; padding: 0 25px; line-height: 50px; border-radius: 25px; cursor: pointer;
}

/*------------------------------------- license information -------------------------------*/
#CI_LicenseInformation{
  float: none; width: 96%; max-width: 1240px; margin: 0 auto;
}
#CI_LicenseInformation #licence_info_H_title{
  letter-spacing: 2px; margin-bottom: 20px;
}
#CI_LicenseInformation #licence_info_columns{
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px;
}
#CI_LicenseInformation #licence_info_columns .license_info_listcol{}
#CI_LicenseInformation #licence_info_columns .license_info_listcol .license_info_listitem{}
#CI_LicenseInformation #licence_info_columns .license_info_listcol .license_info_listitem A{
  font-size: 90%; color: #888;
}
#CI_LicenseInformation #licence_info_columns .license_info_listcol .license_info_listitem A:hover{
  color: var(--c3);
}
#CI_LicenseInformation #licence_info_detail{
  margin-top: 20px; padding: 20px 0; border-top: solid 1px white;
}
#CI_LicenseInformation #licence_info_detail #license_info_detail_H_title{
  letter-spacing: 2px; font-size: 125%;
}
#CI_LicenseInformation #licence_info_detail #license_info_detail_V_txtcontent{}
#CI_LicenseInformation #licence_info_detail #license_info_detail_V_txtcontent A{
  color: var(--c3);
}
#CI_LicenseInformation #licence_info_detail #license_info_detail_V_txtcontent A:hover{
  text-decoration: underline;
}

/*----------------------------------------- TEXT PAGES ----------------------------------- */
#CI_Textpage, #CI_Contactform{
  float: none; width: 96%; max-width: 896px; margin: 0 auto;
}
#CI_Textpage #textpage_V_content, #CI_Contactform #textpage_V_content{
  padding: 20px 0;
}
#CI_Textpage #textpage_V_content DIV, #CI_Textpage #textpage_V_content P,
#CI_Contactform #textpage_V_content DIV, #CI_Contactform #textpage_V_content P{
  line-height: 25px;
}


/*----------------------------------- LANDING PAGES PER THEME ------------------------------*/
/*set page background and hide header elements*/
BODY.blankHeader{
  background: #222;
}
BODY.blankHeader #CI_header .headerWrapper .headerRightBlockWrapper,
BODY.blankHeader #CI_header .headerSearchWrapper{
  display: none;
}

#LandingPageWrapper_Olympics{
  /*float: none; width: 96%; max-width: 1600px; margin: 0 auto;*/
}
.LandingPageWrapper{}
.LandingPageWrapper H2{
  display: inherit;
}
.LandingPageWrapper .landingpageSection{
  float: none; width: 96%; max-width: 1600px; margin: 0 auto; overflow: hidden;
}

.LandingPageWrapper .intro{}
.LandingPageWrapper .intro .innerWrapper, .LandingPageWrapper .intro .innerWrapper P{
  font-size: 100%; font-weight: 300; letter-spacing: 4px; text-align: center; color: rgba(255,255,255,0.7);
}
.LandingPageWrapper .intro .innerWrapper H1{
  font-size: 200%; font-weight: 300; letter-spacing: 4px; text-align: center; color: rgba(255,255,255,0.7);
}
.LandingPageWrapper .textblock{
  float: left; width: 100%; max-width: 100% !important;
}
.LandingPageWrapper .slider{
  float: left; width: 100%; max-width: 100% !important;
  margin-top: 30px; height: 20vw; overflow: hidden;
}
.LandingPageWrapper .slider .innerWrapper{
  width: 100000px; margin-left: 0; height: 100%;
}
.LandingPageWrapper .slider .innerWrapper A{
  display: block; height: 100%; width: auto; float: left;
}
.LandingPageWrapper .slider .innerWrapper .itemWrapper{
  width: auto; height: 100%; position: relative; cursor: pointer;
}
.LandingPageWrapper .slider .innerWrapper .itemWrapper .innerImg{
  width: auto; height: 100%;
}
.LandingPageWrapper .slider .innerWrapper .itemWrapper .innerImg IMG{
  display: block; height: 100%; width: auto; transition: width 0.5s ease-out;
}
/*.LandingPageWrapper .slider .innerWrapper .itemWrapper .innerImg IMG.hidden{
  width: 0;
}*/
.LandingPageWrapper .slider .innerWrapper .itemWrapper .innerCaption{
  position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); color: white; text-align: center; display: none;
}
.LandingPageWrapper .slider .innerWrapper .itemWrapper:hover .innerCaption{
  display: block;
}
.LandingPageWrapper .coveragelink{
  padding-top: 40px;
}
.LandingPageWrapper .coveragelink .innerWrapper{
  text-align: center;
}
.LandingPageWrapper .coveragelink .innerWrapper A{
  text-align: center; font-size: 125%; font-weight: 300; letter-spacing: 4px; color: var(--c3);
}
.LandingPageWrapper .coveragelink .innerWrapper A:hover{
  color: white;
}
.LandingPageWrapper .verticalBanners{
  margin-top: 40px;
}
.LandingPageWrapper .verticalBanners .innerWrapper{
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 5px;
}
.LandingPageWrapper .verticalBanners .innerWrapper A{}
.LandingPageWrapper .verticalBanners .innerWrapper A:hover{}
.LandingPageWrapper .verticalBanners .innerWrapper .itemWrapper{
  height: 100%; position: relative; cursor: pointer;
}
.LandingPageWrapper .verticalBanners .innerWrapper .itemWrapper .innerImg{
  height: 100%;
}
.LandingPageWrapper .verticalBanners .innerWrapper .itemWrapper .innerCaption{
  position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); color: white; text-align: center;
}
.LandingPageWrapper .verticalBanners .innerWrapper .itemWrapper:hover .innerCaption{
  color: var(--c3); background: rgba(0,0,0,1);
}
.LandingPageWrapper .subTitle{
  margin-top: 60px; padding-bottom: 20px;
}
.LandingPageWrapper .subTitle .innerWrapper{
  text-align: center; font-size: 125%; font-weight: 300; letter-spacing: 4px; color: white;
}
.LandingPageWrapper .subTitle .innerWrapper SPAN{
  position: relative;
}
.LandingPageWrapper .subTitle .innerWrapper SPAN:after{
  content: ''; position: absolute; bottom: -10px; left: 15%; width: 70%; height: 2px; background: var(--c3);
}
.LandingPageWrapper .horizontalBanners{
  margin-top: 40px;
}
.LandingPageWrapper .horizontalBanners .innerWrapper{
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px;
}
.LandingPageWrapper .horizontalBanners .innerWrapper A{
  display: block; height: 13vw; float: left;
}
.LandingPageWrapper .horizontalBanners .innerWrapper .itemWrapper{
  height: 13vw; position: relative; cursor: pointer; margin-bottom: 30px;
}
.LandingPageWrapper .horizontalBanners .innerWrapper .itemWrapper .innerImg{
  height: 100%;
}
.LandingPageWrapper .horizontalBanners .innerWrapper .itemWrapper .innerCaption{
  position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); color: white; text-align: center;
}
.LandingPageWrapper .horizontalBanners .innerWrapper .itemWrapper .innerCaption SPAN{
  position: relative;
}
.LandingPageWrapper .horizontalBanners .innerWrapper .itemWrapper .innerCaption SPAN::before{
  content: ''; position: absolute; left: -15px; top: 50%; transform: translate(0,-50%); width: 0px; height: 0px; border: solid 5px transparent; border-left: solid 7px var(--c3);
}
.LandingPageWrapper .horizontalBanners .innerWrapper .itemWrapper:hover .innerCaption{
  color: var(--c3); background: rgba(0,0,0,1);
}
.LandingPageWrapper .textLinks{
  margin-top: 40px;
}
.LandingPageWrapper .textLinks .innerWrapper{
  width: 80%; margin: 0 10% 0 10%; columns: 5 100px;
}
.LandingPageWrapper .textLinks .innerWrapper .itemWrapper .innerItem{
  line-height: 33px; color: white; position: relative; padding-left: 25px;
}
.LandingPageWrapper .textLinks .innerWrapper .itemWrapper .innerItem:before{
  content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 0px; height: 0px; border: solid 5px transparent; border-left: solid 7px var(--c3);
}
.LandingPageWrapper .textLinks .innerWrapper .itemWrapper:hover .innerItem{
  color: var(--c3);
}
.LandingPageWrapper .textLinks .innerWrapper .itemWrapper:hover .innerItem:before{
  border-left: solid 7px white;
}
.LandingPageWrapper .subTitle.subTitleRecommended{
  float: left; width: 100%; max-width: 100%;
  background: var(--c1); margin-top: 30px; padding-top: 60px;
}
.LandingPageWrapper .recommendedBanners{
  float: left; width: 100%; max-width: 100% !important;
  padding: 60px 15px; background: var(--c1);
}
.LandingPageWrapper .recommendedBanners .innerWrapper{
  float: none; width: 96%; max-width: 1600px; margin: 0 auto; overflow: hidden;
  display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;
}
.LandingPageWrapper .recommendedBanners .innerWrapper .itemWrapper{
  height: 19vw; position: relative; cursor: pointer; margin-bottom: 30px;
}
.LandingPageWrapper .recommendedBanners .innerWrapper .itemWrapper .innerImg{
  height: 100%;
}
.LandingPageWrapper .recommendedBanners .innerWrapper .itemWrapper .innerCaption{
  position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); color: white; text-align: center;
}
.LandingPageWrapper .recommendedBanners .innerWrapper .itemWrapper:hover .innerCaption{
  color: var(--c3); background: rgba(0,0,0,1);
}
.LandingPageWrapper .innerWrapper .itemWrapper .innerImg{
  opacity: 0.8;
}
.LandingPageWrapper .innerWrapper .itemWrapper:hover .innerImg{
  opacity: 1;
}

.LandingPageWrapper .imageFit{
  overflow: hidden; text-align: center;
}
.LandingPageWrapper .imageFit IMG{
  height: 100%;
}

@media screen AND (min-width: 1921px){
  .LandingPageWrapper .landingpageSection,
  .LandingPageWrapper .recommendedBanners .innerWrapper{
    max-width: 2400px;
  }
}


/* contributor portfolio page*/
.portfolioWrapper{}
.portfolioWrapper .innerCoverimage{
  background: var(--p); background-size: cover; height: calc(100vh - 200px);
}
.portfolioWrapper .innerUserProfile{
  display: flex; justify-content: center; align-items: center; float: none; width: 90%; max-width: 1500px; margin: 0 auto; position: relative;
}
.portfolioWrapper .innerUserProfile .innerHeadshot{
  width: 165px; height: 165px; position: absolute; left: 0; top: -35px; overflow: hidden; border-radius: 50%;
}
.portfolioWrapper .innerUserProfile .innerHeadshot IMG{
  width: 100%;
}
.portfolioWrapper .innerUserProfile .innerName{
  position: absolute; left: 180px; top: 32px; font-size: 150%; color: var(--c2); width: auto;
}
.portfolioWrapper .innerUserProfile .innerSubname{
  position: absolute; left: 180px; top: 67px; font-size: 90%; color: var(--c3); width: auto;
}
.portfolioWrapper .innerUserProfile .innerDescription{
  padding: 130px 0 10vh 13vw;
}
.portfolioWrapper .innerPhotos{
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 8px; grid-row-gap: 8px;
}
.portfolioWrapper .innerPhotos .innerPhoto{
  padding-top: 100%; position: relative;
}
.portfolioWrapper .innerPhotos .innerPhoto .innerInnerphoto{
  position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--p); background-size: cover; background-position: center center; 
  opacity: 0.8; transition: all 0.2s ease;
}
.portfolioWrapper .innerPhotos .innerPhoto .innerInnerphoto:hover{
  opacity: 1;
}
.portfolioWrapper .innerViewAll{
  padding: 10vh 0;
}
.portfolioWrapper .innerViewAll .innerButtonWrapper{
  float: none; width: 90%; max-width: 250px; margin: 0 auto;
}
.portfolioWrapper .innerViewAll .innerButtonWrapper .innerBtn{
  text-align: center; font-weight: bold; padding: 10px 20px; background-color: var(--c3); cursor: pointer; border-radius: 30px; border: solid 2px var(--c3); color: #000;
}
.portfolioWrapper .innerViewAll .innerButtonWrapper:hover .innerBtn{
  background-color: transparent; color: var(--c3);
}
.portfolioWrapper H1,.portfolioWrapper H2,.portfolioWrapper H3{
  color: inherit; font-size: inherit; margin: 0; padding: 0; font-weight: inherit;
}

@media screen and (max-width: 999px){
  .portfolioWrapper .innerUserProfile .innerDescription{
    padding: 150px 0 10vh 0;
  } 
  .portfolioWrapper .innerPhotos{
    display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 8px; grid-row-gap: 8px;
  }
}

@media screen AND (max-width: 650px){
  .portfolioWrapper .innerPhotos{
    display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 8px; grid-row-gap: 8px;
  }
  .portfolioWrapper .innerUserProfile .innerName{
    left: auto; right:0; float: right; white-space: nowrap;
  }
  .portfolioWrapper .innerUserProfile .innerSubname{
    left: auto; right:0; float: right; white-space: nowrap;
  }
}

@media screen AND (max-width: 400px){
  .portfolioWrapper .innerPhotos{
    display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 8px; grid-row-gap: 8px;
  }
}




/* ================================= BLOG ===============================*/
BODY.htmlbody_Blog #CI_header_Quicksearch_header{
  display: none;
}
BODY.htmlbody_Blog #CI_header .headerWrapper .headerRightBlockWrapper .mobileSearchTrigger{
  display: none;
}

#blogWrapper{}
#blogWrapper .categoriesWrapper{
  margin: 0px 0 10px 0; border-top: solid 1px #444; border-bottom: solid 1px #444; padding: 20px 0; background: #222;
}
#blogWrapper .categoriesWrapper .filterIcon{
  display: none;
}
#blogWrapper .categories{
  display: flex; align-items: center; justify-content: space-around; float: none; width: 96%; max-width: 1900px; margin: 0 auto;
}
#blogWrapper .categories .cat{
  width: auto; position: relative; padding: 5px;
}
#blogWrapper .categories .cat A{}
#blogWrapper .categories .cat A:hover{
  color: white; text-decoration: none;
}
#blogWrapper .categories .cat .innerSubcats{
  position: absolute; left: 0; top: 2em; background: #000; border-radius: 3px; padding: 10px 20px; display: none; height: 0; transition: height 0.5s ease; z-index: 999;
}
#blogWrapper .categories .cat:hover .innerSubcats{
  height: auto; display: block; width: auto;
}
#blogWrapper .categories .cat .innerSubcats .innerSubcat{
  border-top: solid 1px #444; padding-top: 5px; margin-top: 5px;
}
#blogWrapper .categories .cat .innerSubcats .innerSubcat:first-of-type{
  border-top: none; padding-top: 0; margin-top: 0;
}
#blogWrapper .categories .cat .innerSubcats .innerSubcat A{
  color: white; font-size: 90%;
}
#blogWrapper .categories .cat .innerSubcats .innerSubcat A:hover{
  text-decoration: none; color: var(--c3);
}

@media screen AND (max-width:665px){
  #blogWrapper .categoriesWrapper{
    position: absolute; right: calc(16px + 1vw); top: 20px; margin: 0; border: none; padding: 0; background: transparent; width: auto; z-index: 99;
  }
  #blogWrapper .categoriesWrapper .filterIcon{
    display: block; cursor: pointer; text-align: right; float: right;
  }
  #blogWrapper .categories{
    display: none; background: #222; border: solid 1px #444; border-radius: 3px; padding: 10px 10px 20px 20px; width: 100%; max-width: 200px; margin: 0; float: left; clear: both;
  }
  #blogWrapper .categoriesWrapper:hover .categories{
    display: block;
  }
  #blogWrapper .categories .cat{
    width: 100%; position: static; padding: 12px 0 0 0;
  }
  #blogWrapper .categories .cat A:hover{
    color: white; text-decoration: none;
  }
  #blogWrapper .categories .cat .innerSubcats{
    position: static; background: transparent; border: none; padding: 5px 0 0 0px; display: block; height: auto; 
  }
  #blogWrapper .categories .cat .innerSubcats .innerSubcat{
    border: none; padding-top: 3px; margin-top: 0px;
  }
  #blogWrapper .categories .cat .innerSubcats .innerSubcat:first-of-type{
    border: none; padding-top: 0px; margin-top: 0px;
  }
  #blogWrapper .categories .cat .innerSubcats .innerSubcat A{
    color: white; font-size: 90%;
  }
  #blogWrapper .categories .cat .innerSubcats .innerSubcat A:hover{
    color: white; 
  }
}



#blogWrapper .container-center-horizontal{
  display: flex; flex-direction: column; align-items: center; width: 80%; max-width: 1500px; margin: 0 auto; float: none;
}
#blogWrapper .container-center-horizontal .ajaxLoader{
  text-align: center; margin: 40px 0;
}
#blogWrapper .container-center-horizontal .articles{}
#blogWrapper .container-center-horizontal .articles .articlesWrapper{
  margin-top: 30px;
}
#blogWrapper .container-center-horizontal .articles .articlesWrapper#articleDetailsWrapper{
  max-width: 1500px; float: none; margin: 30px auto;
}
#blogWrapper .container-center-horizontal .articles .articlesWrapper#articleDetailsWrapper .artDetails{
  padding: 50px 40px; 
  /*background: #222; border: solid 1px #444;*/
}
.articlesWrapper .art{
  display: block; float: left; margin-bottom: 30px; cursor: pointer;
}
.articlesWrapper .artListItem:hover{
  background: #000;
}

.articlesWrapper .artLg{
  width: 49.5%;
}
.articlesWrapper .artSm{
  width: 24.25%;
}
.articlesWrapper .artMrg{
  margin-left: 1%;
}
.articlesWrapper .artFirst{
  clear: both;
}
.articlesWrapper .artListItem .artImg{
  float: left; width: 100%; height: 350px; background-image: var(--imgurl); background-size: cover; background-position: center; 
  background-color: #ddd; overflow: hidden; opacity: 1; transition: opacity 0.5s ease;
}
.articlesWrapper .artListItem:hover .artImg{
  opacity: 0.6;
}
.articlesWrapper .art .artTp{
  display: block; float: left;  width: 100%; height: 30px; padding: 20px 30px;
}
.articlesWrapper .art .artTp .innerTp{
  float: left; width: auto; font-weight: 300; min-height: 16px; text-align: center; align-items: center; border-radius: 15px; display: flex; height: 30px; min-width: 92px; opacity: 0.7;
}

.articlesWrapper .art .artCaption{
  display: block; float: left; width: 100%; min-height: 157px; padding: 20px 30px 0 30px;
}
.articlesWrapper .art .artTitle{
  display: block; float: left; width: 100%; padding: 0 0 4px 0; font-size: 21px; font-weight: 700; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.articlesWrapper .artDetails .ArtContentWrapper{
  float: none; width: 100%; max-width: 1000px; margin: 0 auto;
}
.articlesWrapper .artDetails .artTitle{
  padding: 15px 30px;
}
.articlesWrapper .artDetails .artListItem .artTitle{
  padding: 0 0 4px 0;
}
.articlesWrapper .art .artIntro{
  display: block; float: left; width: 100%; padding: 0 0 15px 0; font-size: 19px; font-weight: 300; height: 185px; overflow: hidden; text-overflow: ellipsis; 
}

.articlesWrapper .artDetails .breadCrumbs{
  margin-bottom: 20px; font-size: 90%;
}
.articlesWrapper .artDetails .breadCrumbs A{}
.articlesWrapper .artDetails .breadCrumbs A:hover{
  color: white; text-decoration: none;
}
.articlesWrapper .artDetails .artTitleImgWrapper{
  display: grid; grid-template-columns: 1fr 1fr; height: 350px;
}
.articlesWrapper .artDetails .artTitleImgWrapper .artTitleImg{
  background-image: var(--imgurl); background-size: cover; background-position: center; background-color: #ddd;
}
.articlesWrapper .artDetails .artTitleImgWrapper .artTitleIntro{
  background-color: #aaa; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.articlesWrapper .artDetails .artTitleImgWrapper .artTitleIntro .inner{
  display: flex; align-items: center; justify-content: center;
  text-align: center; color: #000; font-size: 110%;
}

.artDetails .artContent{
  display: block;
  float: left;
  width: 100%;
  padding: 0 30px 15px 30px;
  font-weight: 400;
  height: auto;
}
.artDetails .artContent P,
.artDetails .artContent DIV{
  font-size: 19px;
  font-weight: 300;
}
.artDetails .artContent H2{
  font-size: 25px;
  font-weight: 400;
}
.artDetails .artContent H3{
  font-size: 22px;
  font-weight: 400;
}

.articlesWrapper .art .artBot{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  float: left;
  width: 100%;
  padding: 15px 30px;
  margin-top: 15px;
  border-top: solid #666 1px;
}
.articlesWrapper .art .artBot .innerBy{
  display: block;
  float: left;
  width: 100%;
  font-weight: 400;
  min-height: 16px;
  opacity: 0.7;
}
.articlesWrapper .art .artBot .innerDt{
  display: block;
  float: left;
  width: 100%;
  font-weight: 400;
  min-height: 16px;
  text-align: right;
}

.artDetails .artBackButtonWrapper{
  display: block;
  float: left;
  width: 100%;
  padding: 30px;
  text-align: center;
}
.artDetails .artBackButtonWrapper .innerBackButton{
  margin: 0 auto;
  padding: 10px 40px;
  text-align: center;
  border: solid 2px var(--c3);
  cursor: pointer;
  background-color: var(--c3);
  border-radius: 40px;
  color: #000;
  font-weight: 700;
}
.artDetails .artBackButtonWrapper .innerBackButton:hover{
  background-color: transparent;
  color: var(--c3);
}

.artDetails .artDetailsRelatedarts{
  margin: 20px 0;
}
.artDetails .artDetailsRelatedarts .innerTitle{}
.artDetails .artDetailsRelatedarts .innerTitle H2{
  font-size: 200%; text-align: center; margin-bottom: 20px;
}

.articlesWrapper .artDetailsRelatedarts .art .artTp{
  padding: 10px 10px;
}
.articlesWrapper .artDetailsRelatedarts .artCaption{
  display: block; float: left; width: 100%; min-height: 157px; padding: 10px 2px 0 10px;
}
.articlesWrapper .artDetailsRelatedarts .artTitle{
  font-size: 22px; font-weight: 700; line-height: 35px;
}
.articlesWrapper .artDetailsRelatedarts .artIntro{
  padding: 0 0 15px 0; font-size: 20px; height: 185px;
}
.articlesWrapper .artDetailsRelatedarts .art .artBot{
    padding: 15px 5px;
  }

.artDetails .artDetailsCallToActionOuterWrapper{
  display: none;
}
.artDetails .artDetailsCallToAction{
  position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000000aa; display: flex; justify-content: center; align-items: center;
}
.artDetails .artDetailsCallToAction .innerContent{
  width: auto; height: auto; position: relative; max-width: 90%;
}
.artDetails .artDetailsCallToAction .innerContent .innerCloser{
  position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; border-radius: 50%; border: solid 2px #fff; background: #000;
}
.artDetails .artDetailsCallToAction .innerContent .innerCloser::before{
  content: ''; position: absolute; left: 3px; top: 11px; width: 20px; height: 2px; background: #fff; transform: rotate(45deg);
}
.artDetails .artDetailsCallToAction .innerContent .innerCloser::after{
  content: ''; position: absolute; left: 3px; top: 11px; width: 20px; height: 2px; background: #fff; transform: rotate(-45deg);
}
.artDetails .artDetailsCallToAction .innerContent .innerCloser:hover{
  border: solid 2px var(--c3);
}
.artDetails .artDetailsCallToAction .innerContent .innerCloser:hover::before{
  background: var(--c3);
}
.artDetails .artDetailsCallToAction .innerContent .innerCloser:hover::after{
  background: var(--c3);
}
.artDetails .artDetailsCallToAction .innerContent .innerWrapper{
  background: transparent; color: #000; width: auto;
}
.artDetails .artDetailsCallToAction .innerContent .innerWrapper P{
  margin: 0; margin-block-end: 0;
}

#blogGoTopBtn{
  position: fixed; right: 0; top: 70vh; background: #aaa; color: white; padding: 3px 5px 3px 20px; border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; cursor: pointer; width: auto; border: solid 2px #aaa; display: none;
}
#blogGoTopBtn:hover{
  background: #000; color: var(--c3); border: solid 2px #000;
}

@media screen AND (max-width: 950px){
  #blogWrapper .container-center-horizontal{
    width: 96%;
  }
  .articlesWrapper .artLg{
    width: 99%;
  }
  .articlesWrapper .artSm{
    width: 48.5%;
  }
  .articlesWrapper .artListItem .artImg{
    height: 300px;
  }
  .articlesWrapper .art .artTp{
    padding: 10px 10px;
  }
  .articlesWrapper .art .artCaption{
    display: block; float: left; width: 100%; min-height: 157px; padding: 10px 2px 0 10px;
  }
  .articlesWrapper .art .artTitle{
    font-size: 21px; font-weight: 700; line-height: 35px;
  }
  .articlesWrapper .art .artIntro{
    padding: 0 0 15px 0; font-size: 20px; height: 185px;
  }


  .artDetails .artContent P,
  .artDetails .artContent DIV{
    font-size: 21px;
    font-weight: 300;
  }
  #blogWrapper .container-center-horizontal .articles .articlesWrapper#articleDetailsWrapper .artDetails{
    padding: 20px;
  }
}

@media screen AND (max-width: 665px){
  .articlesWrapper .artLg{
    width: 99%; clear: both;
  }
  .articlesWrapper .artSm{
    width: 99%; clear: both;
  }
  .articlesWrapper .artListItem .artImg{
    height: 250px;
  }
  .articlesWrapper .art .artTp{
    padding: 5px;
  }
  .articlesWrapper .art .artCaption{
    padding: 5px 2px 0 5px;
  }
  .articlesWrapper .art .artTitle{
    font-size: 20px; font-weight: 700; line-height: 30px;
  }
  .articlesWrapper .art .artIntro{
    padding: 0 0 5px 0; font-size: 17px; height: 110px;
  }
  .articlesWrapper .art .artBot{
    padding: 15px 5px;
  }

  .articlesWrapper .artDetails .artTitleImgWrapper{
    display: block; height: 40vh; position: relative;
  }
  .articlesWrapper .artDetails .artTitleImgWrapper .artTitleImg{
    display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
  }
  .articlesWrapper .artDetails .artTitleImgWrapper .artTitleIntro{
    background-color: #ffffffaa; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  }
  .articlesWrapper .art .artTitle{
    font-size: 20px; font-weight: 700; line-height: 30px; padding: 15px 0;
  }
  .artDetails .artContent{
    padding: 0 0 5px 0; font-size: 17px;
  }
  .artDetails .artContent P,
  .artDetails .artContent DIV{
    font-size: 16px;
    font-weight: 300;
  }
  .artDetails .artDetailsRelatedarts{
    display: none;
  }
  .artDetails .artBackButtonWrapper2{
    display: none;
  }
  .artDetails .artDetailsCallToAction{
    align-items: start; margin-top: 10vh;
  }
}


/* END BLOG*/

/*  FREE RESEARCH LANGIND PAGE*/
.freeResearchPagewrapper{}
.freeResearchPagewrapper SPAN{
  font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit;
}
.freeResearchPagewrapper .innerHighlight{
  color: var(--c3); 
}
.freeResearchPagewrapper .pageblock{}
.freeResearchPagewrapper .H1{
  font-size: inherit; color: inherit;font-weight: inherit;
}
.freeResearchPagewrapper .H3{
  font-size: inherit; color: inherit;font-weight: inherit;
}
.freeResearchPagewrapper .block1{
  min-height: calc(90vh - 61px); padding: 25vh 78px; background: url('/aflo/img/freeresearch/afloimages_34057918.jpg'); background-size: cover; background-position: center center;
}
.freeResearchPagewrapper .pageblock .innerContentWrapper{}
.freeResearchPagewrapper .block1 .innerContentWrapper .smallTitle{
  font-size: 65px; font-weight: 300; letter-spacing: 0; color: white; line-height: 1em;
}
.freeResearchPagewrapper .block1 .innerContentWrapper .largeTitle{
  font-size: 130px; font-weight: 300; letter-spacing: 0; color: white; line-height: 1.4em;
}
.freeResearchPagewrapper .block1 .innerContentWrapper2{
  text-align: center; padding: 20px 0 0 0;
}
.freeResearchPagewrapper .block1 .innerContentWrapper2 INPUT[type="button"]{
  color: #000; padding: 5px 30px; font-weight: 600; border-radius: 20px; font-size: 20px; border-radius: 25px;
}
.freeResearchPagewrapper .block1 .innerContentWrapper2 INPUT[type="button"]:hover{
  background: #000; color: var(--c3);
}

.freeResearchPagewrapper .block2{
  padding: 18px 1vw; display: flex; align-items: center; justify-content: center;
}
.freeResearchPagewrapper .block2 .innerContentWrapper{
  max-width: 1200px; margin-bottom: 60px;
}
.freeResearchPagewrapper .pageblock .innerContentWrapper .mainTitle{
  font-size: 40px; font-weight: 300; color: white; text-align: center;
}
.freeResearchPagewrapper .pageblock .innerContentWrapper .mainText{
  margin-top: 48px; font-size: 25px; font-weight: 300; letter-spacing: 0; color: white; line-height: 1.3em;
}

.freeResearchPagewrapper .block3{
  padding: 18px 1vw; display: flex; align-items: center; justify-content: center; background: #000;
}
.freeResearchPagewrapper .block3 .innerContentWrapper{
  max-width: 1200px; margin-bottom: 20px;
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemList{
  display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; margin-top: 70px;
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemList .innerItem{
  width: fit-content; position: relative; font-size: 25px; font-weight: 600; letter-spacing: 0; line-height: 1em; padding: 30px 0;
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemList .innerItem::after{
  content: ''; position: absolute; right: -30px; top: 45%; width: 15px; height: 10px; background: transparent; border-left: solid 3px var(--c3); border-bottom: solid 3px var(--c3); transform: rotate(-45deg) translate(0,-50%);
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemList .innerItem.innerItem1{}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemList .innerItem.innerItem2{
  margin-left: 63px;
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemList .innerItem.innerItem3{
  margin-left: 20px;
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemListLg{
  display: flex; align-items: center; justify-content: center; margin: 30px 0;
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemListLg .innerItem{
  width: fit-content; position: relative; font-size: 25px; font-weight: 600; letter-spacing: 0; line-height: 1em; padding: 30px 0;
}
.freeResearchPagewrapper .block3 .innerContentWrapper .itemListLg .innerItem::after{
  content: ''; position: absolute; right: -30px; top: 45%; width: 15px; height: 10px; background: transparent; border-left: solid 3px var(--c3); border-bottom: solid 3px var(--c3); transform: rotate(-45deg) translate(0,-50%);
}

.freeResearchPagewrapper .block4{
  padding: 50px 1vw; display: flex; align-items: center; justify-content: center;
}
.freeResearchPagewrapper .block4 .innerContentWrapper{
  max-width: 1511px; margin-bottom: 20px;
}
.freeResearchPagewrapper .block4 .innerContentWrapper .itemList{
  display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; margin-top: 80px;
}
.freeResearchPagewrapper .block4 .innerContentWrapper .itemList .innerCol{}
.freeResearchPagewrapper .block4 .innerContentWrapper .itemList .innerCol .innerTitleImg{
  text-align: center;
}
.freeResearchPagewrapper .block4 .innerContentWrapper .itemList .innerCol .innerTitleImg IMG{
  max-width: 154px; max-height: 154px;
}
.freeResearchPagewrapper .block4 .innerContentWrapper .itemList .innerCol .innerTitle{
  text-align: center; font-size: 30px; font-weight: 600; line-height: 1.3em; margin-top: 30px;
}
.freeResearchPagewrapper .block4 .innerContentWrapper .itemList .innerCol .innerText{
  text-align: center; font-size: 25px; font-weight: 300; line-height: 1.4em; margin-top: 20px;
}

.freeResearchPagewrapper .block5{
  background: #000; padding: 40px 5vw;
}
.freeResearchPagewrapper .block5 .itemList{
  display: flex; align-items: center; justify-content: space-around; margin-top: 50px;
}
.freeResearchPagewrapper .block5 .itemList .innerItem{
  width: fit-content; text-align: center;
}
.freeResearchPagewrapper .block5 .itemList .innerItem IMG{
  max-width: 10vw;
}

.freeResearchPagewrapper .block6{
  padding: 50px 1vw; display: flex; align-items: center; justify-content: center;
}
.freeResearchPagewrapper .block6 .innerContentWrapper{
  max-width: 1511px; margin-bottom: 20px;
}
.freeResearchPagewrapper .block6 .innerContentWrapper .itemList{
  display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; margin-top: 80px;
}
.freeResearchPagewrapper .block6 .innerContentWrapper .itemList .innerCol{}
.freeResearchPagewrapper .block6 .innerContentWrapper .itemList .innerCol .innerTitleImg{
  text-align: center;
}
.freeResearchPagewrapper .block6 .innerContentWrapper .itemList .innerCol .innerTitleImg IMG{
  max-width: 154px; max-height: 154px;
}
.freeResearchPagewrapper .block6 .innerContentWrapper .itemList .innerCol .innerTitle{
  text-align: center; font-size: 30px; font-weight: 600; line-height: 1.3em;
}
.freeResearchPagewrapper .block6 .innerContentWrapper .itemList .innerCol .innerText{
  text-align: center; font-size: 25px; font-weight: 300; line-height: 1.4em; margin-top: 20px;
}


.freeResearchPagewrapper .block7{
  padding: 40px 1vw 100px 1vw; display: flex; align-items: center; justify-content: center; background: #000;
}
.freeResearchPagewrapper .block7 .innerContentWrapper{
  max-width: 1200px;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm{
  display: flex; align-items: center; justify-content: center;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajxform{
  max-width: 500px;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormWrapper{
  margin: 50px 0;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormFldWrapper{
  margin: 10px 0; text-align: center;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormFldWrapper INPUT[TYPE="TEXT"],
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormFldWrapper INPUT[TYPE="EMAIL"],
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormFldWrapper TEXTAREA{
  width: 100%; padding: 10px 20px; box-sizing: border-box; border-radius: 20px;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormFldWrapper TEXTAREA{
  min-height: 370px;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormFldWrapper INPUT[TYPE="SUBMIT"]{
  color: #000; padding: 5px 30px; font-weight: 600; border-radius: 20px; font-size: 20px; border-radius: 25px;
}
.freeResearchPagewrapper .block7 .innerContentWrapper .mainForm .ajaxFormFldWrapper INPUT[TYPE="SUBMIT"]:hover{
  background: #000; color: var(--c3);
}


@media screen AND ((max-width: 1290px) OR (max-height: 650px)){
  .freeResearchPagewrapper .block1 .innerContentWrapper .smallTitle{
    font-size: 45px;
  }
  .freeResearchPagewrapper .block1 .innerContentWrapper .largeTitle{
    font-size: 65px;
  }
}

@media screen AND (max-width: 1200px){
  .freeResearchPagewrapper .block3 .innerContentWrapper .itemList{
    grid-template-columns: 1fr 1fr;
  }
}
@media screen AND (max-width: 900px){
  .freeResearchPagewrapper .block4 .innerContentWrapper .itemList{
    display: block;
  }
  .freeResearchPagewrapper .block4 .innerContentWrapper .itemList .innerCol{
    margin-bottom: 60px;
  }
  .freeResearchPagewrapper .block6 .innerContentWrapper .itemList{
    display: block;
  }
  .freeResearchPagewrapper .block6 .innerContentWrapper .itemList .innerCol{
    margin-bottom: 60px;
  }
}
@media screen AND (max-width: 700px){
  .freeResearchPagewrapper .block1 .innerContentWrapper .smallTitle{
    font-size: 35px;
  }
  .freeResearchPagewrapper .block1 .innerContentWrapper .largeTitle{
    font-size: 45px;
  }
  .freeResearchPagewrapper .block3 .innerContentWrapper .itemList{
    display: flex; flex-direction: column; align-items: center; justify-content: center;
  }
  .freeResearchPagewrapper .block3 .innerContentWrapper .itemList .innerItem,
  .freeResearchPagewrapper .block3 .innerContentWrapper .itemListLg .innerItem{
    font-size: 20px; text-align: center; max-width: 80vw;
  }
}
@media screen AND (max-width: 500px){
  .freeResearchPagewrapper .block1{
    padding: 5vh 1vw; min-height: calc(50vh - 61px);
  }
  .freeResearchPagewrapper .block1 .innerContentWrapper .smallTitle{
    font-size: 30px; text-align: center;
  }
  .freeResearchPagewrapper .block1 .innerContentWrapper .largeTitle{
    font-size: 35px; text-align: center; margin-top: 5vh;
  }
}


/* END OF FREE RESEARCH LANDING PAGE */