@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: none; text-rendering: optimizeLegibility; }


::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

html { font-size: 100%; font-family: "Verdana", "Helvetica", "sans-serif"; color: #564e4e; } 
body {color: #63635f; background-color: #fffffe; font-family: "Montserrat", "montserratregular", "Consolas"; font-weight: 400; font-size: 16px; line-height: 1.42857; margin: 0px; padding-bottom: 40px; }
p { padding-bottom: 10px; padding-right: 10px;}
p.intro { padding-left: 20px; border-top: 1px #5e33bf dashed; padding-top: 26px; }
a { color: #5e33bf; font-weight: 500; text-decoration: none; background-color: transparent; }
a:hover, a:focus { color: #CF005B; text-decoration: underline; }
a:link {-webkit-tap-highlight-color: #a0d7d3;}
.hidelink {cursor: pointer;}
.violet {color: #ac5dd3; font-weight: 500; }


#page { font-size: 1em; line-height: 1.25; }


h1, h2, h3, h4 { font-family: "Montserrat", "montserratregular", Arial, sans-serif; line-height: 1.1; color: #5e33bf; }
h1, .h1 {line-height: 30px; background-color: transparent !important; font-size: 22px; margin: 0.67em 0px; padding-right: 20px; padding-left: 0;  margin-bottom: 8.5px; margin-top: 30px; }
h2 { font-size: 1.325em; line-height: 1.15384615; padding-top: 26px; }
h2, .h2 {font-size: 20px; margin-bottom: 12px; margin-top: 17px;}
h3 { font-size: 1.2em; line-height: 1.13636364; }
h3, .h3 {font-size: 16px; margin-bottom: 12px; margin-top: 17px; margin-right: 26px; color: #373736;}
h4, .h4 {font-size: 16px; line-height: 21px; margin-top: 8.5px;}

h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-weight: normal; line-height: 1; }
.small {font-size: 80%; font-weight: 300;} 


strong { font-weight: 500; color: #000000; }


ul { padding-bottom: 20px; list-style: square inside none; margin-left: 10px; }

.left {float: left; margin-right: 1em;}
.right {float: right; margin-left: 1em; }
.spacer { margin-left: 20px; padding-left: 10px; } 
.panel {background-color: rgba(252, 252, 254, .85); border-color: #5E33BF; border-style: solid; border-width: 1px; margin-bottom: 1.25em; padding: 1.25em; padding-top: .5em; margin-left: 5%; margin-right: 5%; } 

img { vertical-align: middle; border: 0px none; }
.imgholder-vid img { margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto; background-image: url("images/vidbg.gif"); background-repeat: no-repeat; }

.video h2 a:hover  { color: #CF005B; }
.video img {margin-left: 6px; margin-right: 20px; margin-bottom: 30px; border-top: 2px solid #676736; border-bottom: 2px solid #676736; background-image: url(vidbg.png); max-width: 180px; padding-top: 2px; padding-right: 19px; padding-bottom: 2px; padding-left: 19px; background-repeat: repeat-y; float: left;}

.item > a > img {display: block; height: auto; max-width: 100%; width: 100%; vertical-align: middle; border: 0 none; }
.lab-login-btn:hover { -webkit-transform: scale(1) rotate(-15deg); -ms-transform: scale(1) rotate(-15deg); transform: scale(1) rotate(-15deg); background-color: e4f0f6; background-image: url("lab-login.png"); }


.site-header { position: relative; z-index: 0 !important; background: #fdfdfe; overflow: hidden; -webkit-background-size: 200% 100% !important; background-size: 200% 100% !important; -webkit-animation: move 10s ease 2s 1; animation: move 10s ease 2s 1; text-align: center; }
.site-header {position: relative; overflow: hidden; -webkit-background-size: 200% 100% !important; background-size: 200% 100% !important; -webkit-animation: move 10s ease 2s 1; animation: move 10s ease 2s 1; text-align: center; display: block; }
.site-header-btn { display: block; max-width: 240px; height: 200px; background:; background-image: url("smaller-seewhat.png"); background-repeat: no-repeat; font-size: .875em; line-height: 1.3; text-decoration: none; padding-top: 6px; padding-bottom: 10px; border-radius: 10px; margin-left: 26px !important; -webkit-transition: .3s; transition: .3s; -webkit-animation: seeNow .5s ease-in-out; animation: seeNow .5s ease-in-out; }
.site-header-btn:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background-image: url("smaller-whatsnew.png"); }
.site-header-content {background: url(ClarivateLogoSmall.png) left top no-repeat, url(new-banner.png) right bottom repeat #ffffff; padding: 54px 0 26px; height: 220px; }
.site-header-content>* { position: relative;}
.site-header-title { top: 0px; font-size: 2.3em; text-align: top; color: #373736; padding-left: 280px; -webkit-animation: seeNow .3s ease-in-out; animation: seeNow .3s ease-in-out; }

.footer-info { background-color: #f3f3f3; color: #878786; padding: 10px; border-top: 2px solid #373736; }
.footer-info a:hover { color: #CF005B; }


@media (max-width: 800px) 
{
	.site-header-title {padding-left: 0px; padding-top: 80px; font-size: 2em; }
}

@-webkit-keyframes seeNow {
  0% {
    top: 300px;
    opacity: 0;
  }

  25% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.75;
  }

  100% {
    top: 0;
    opacity: 1;
  }

}

@keyframes seeNow {
  0% {
    top: 300px;
    opacity: 0;
  }

  25% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.75;
  }

  100% {
    top: 0;
    opacity: 1;
  }

}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 100% 0;
  }

  100% {
    background-position: 0 0;
  }

}



@media print { }