html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 18px;
  color: #ffffff;
  background-color: #41817e;
  background-image: url("../img/Picture2_white.png");
  background-position: top left;
  background-repeat: repeat;
  background-attachment: fixed;
}

/* Container */
.container {
	width: 72%;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	
}

.thatsmycontainer {
	
	width:90%;
	margin: 0 auto;
}


.thumbnailmyp {
  width: 33%;
  text-align: left;
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0px;
}

.thumbnailST {
  width: 60%;
  text-align: left;
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0px;
}
.thumbnailST2 {
  width: 30%;
  text-align: left;
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0px;
}

.thumbnailST50 {
  width: 40%;
  text-align: left;
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0px;
}



	
	
	.myphov {
		
		border-radius: 5px;
		border: 1px solid #009ba8;
		background-color: #2c5967!important;
		color: #fff!important;font-size: 22px;
	}

	.myphov:hover {
		border-radius: 5px;
		background-color: #4eb5a3!important;
		color: #fff!important;
		cursor: pointer;
		
		cursor: hand;
	}

	.mypvidcss {
  width: 78%;
  margin-left: auto;
	margin-right: auto;
		background: #333;
	
	
}

#ntccon {
	display: none;
}

#ntcontainer {

	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 17%;
	
}

#seform {

	
}

.bird {
	
	background-image: url("../img/bird.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100%;
}

.cloud-abs {
	
	background-image: url("../img/rc32-ai-differentiator-comprehensive.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100%;
}
.newsletter-abs {
	
	background-image: url("../img/newsletter-abs.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100%;
}

.video-abs {
	
	background-image: url("../img/videocon.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100%;
}



.wtitle{
	font-size: 14px;
	text-align: left;
	
}

.wsubtitle {
	font-size: 20px;
	text-align: left;
	
}

.ntccon {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.calcon {
		width: 82%;

	margin-left: auto;
	margin-right: auto;
	
}


.container2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #0c3844 ;
	background-image: url("../img/Picture2_white.png")!important;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size:auto;
	background-position: left top;
	
}

.container2_A {
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.container2_ST {
width: 1300px;
	margin-left: auto;
	margin-right: auto;

  }



/* Header */
header {
	width: 100%;
	height: 8%;
	margin-top: 15%;
	text-align: center;
}

 .hr {
         border-bottom: 1px solid #e5e1dd; height: 10px;
         }

.doc_hdrtbl tr {
	
	text-align: center;
	color: white;

}


.doc_hdrtbl td {
	
		margin: 0px;
	vertical-align: middle;
	text-align: center;

}

.doc_hdrtbl img {
	
	
	margin-top: 5px;

}


.doc_hdrtbl a {
	
	text-align: center;
	color: white;
	font-size: 16px;
	font-family: Arial, "sans-serif"!important;
}




.return {
margin: 0;
}


.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
/* About Section */


.intro {
	
	background-color: #6DC7D0;
}

.common {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}


.commonnews {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}



.gallery {
  clear: both;
  display: inline-block;
  width: 100%;
  background-color: #edf2fa;
  padding-bottom: 20px;
  padding-top: 0px;
  margin-top: -7px;

}

.gallerySE {
  clear: both;
  display: inline-block;
  width: 100%;
  background-color: #edf2fa;
  padding-bottom: 20px;
  padding-top: 0px;
  margin-top: -7px;
	 box-shadow: 0 2px 3px rgba(0,0,0,0.05);

}

.gallerySE div.cir{
	
	 margin-top: 3px;
	vertical-align: top;

  line-height: 17px;
  width: 17px;
  height: 17px;
  border-radius: 90px;
  position: relative;
  display: inline-block;
  color: #333;
	
	
}

.gallerySTR {
  clear: both;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;

}


.galleryNL {
  clear: both;
  display: inline-block;
	align-content: center;
  width: 700px;
  background-color: #edf2fa;
  padding-bottom: 20px;
  padding-top: 0px;
  margin-top: -7px;

}

.thumbnailNL {
  width: 33%;
  text-align: left;
  display: inline-block;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
}


.galleryvid {
  clear: both;
  display: inline-block;
  width: 100%;
 

  padding: 20px;
  margin-top: -7px;

}




.thumbnail {
  width: 33%;
  text-align: left;
  float: left;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
}



.thumbnail4 {
  width: 50%;
  text-align: left;
  float: left;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
}


.thumbnail2 {
  width: 25%;
  text-align: left;
  float: left;
  margin-top: 0px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0px;
  color: #333;
}

.thumbnail3 {
  width: 33%;
  text-align: left;
  float: left;
  margin-top: 0px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0px;
  color: #333;
}

.thumbnailvid1 {
  width: 75%;
  text-align: left;
  float: left;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
}

.thumbnailvid2 {
  width: 25%;
  text-align: left;
  float: left;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
}

.column {
  width: 50%;
  text-align: center;
  float: left;
  display: inline-block;
  height: 70px;
  position: relative;
  padding-bottom: 20px;
}



.text_column {
  width: 90%;
  text-align: center;
  font-weight: lighter;
  line-height: 25px;
  padding-left: 20px;
  padding-right: 20px;
  color: #A3A3A3;
}

.mainthumbnail {
  width: 200px;
  text-align: center;
  padding-bottom: 5px;
  margin-left: 1%;
  margin-right: 1%;
  padding-top: 20px;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-top: 9px solid #fff;
  height: 230px;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.3);
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}

.mainthumbnail2 {
  width: 200px;
  text-align: center;
  padding-bottom: 5px;
  margin-left: 1%;
  margin-right: 1%;
  border-right: 2px solid #4eb5a3;
  border-left: 2px solid #4eb5a3;
  border-bottom: 2px solid #4eb5a3;
  border-top: 9px solid #4eb5a3;
  height: 250px;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.3);
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}

.icon {
  height: 150px;
}

video#bgvid {
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.nlimg1 {
  background: url("../img/Guide.png") center 20px no-repeat;
  background-size: 90px 90px;
}

.nlimg2 {
  background: url("../img/newsletter.png") center 20px no-repeat;
  background-size: 85px 85px;
}

.nlimg3 {
  background: url("../img/Webinars.png") center 20px no-repeat;
  background-size: 90px 90px;
}

.ored {
  background-image: url("../img/cloud_sm.png");
  background-repeat: no-repeat;
  background-position: 55px 8px;
  padding-left: 20px;
  line-height: 42px;
  height: 90px;
  font-size: 15px;
  color: #fff;
}

.footer {
  position: fixed;
  left: 0px;
  bottom: -140px;
  height: 200px;
  width: 100%;
  margin: 0 auto;
}



.footbtn {
  border-top: 9px  solid #ddd;
  padding-top: 4px;
  width: 370px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #312D2A;
  background-image: url("../img/Picture2_white.png");
  height: 150px;
  border-radius: 70px;
}

.pagetitle {
  font-size: 54.8px;
  word-spacing: 0;
  margin-bottom: 30px;
  margin-top: 10%;
}

.stndpagetitle {
  font-size: 54.8px;
  word-spacing: 0;
  margin-bottom: 30px;

}


.wsched a{ 
}

.wsched a:hover{ 
	text-decoration: underline;
}

.pagetitlecal {
  font-size: 54.8px;
  word-spacing: 0;
  margin-bottom: 30px;
  margin-top: 3%;
	
		width: 100%;
	height: 8%;

	text-align: center;
}

.pagetitlecon {
  margin-top: 110px;
}

.stndpagetitlecon {
  margin-top: 50px;
}

.spacer {
  height: 100px;
}

a {
  text-decoration: none;
}

#BTTBR {
  display: none;
}

.menuicon {
  right: 15px;
  top: 15px;
  display: none;
  position: fixed;
  margin: 0 auto;
  z-index: 9999;
}



.mainheader {
  background: #333 url("../img/Picture2_white.png") repeat;
  top: 0;
  width: 60px;
  height: 100%;
  position: fixed;
  margin: 0;
  z-index: 999;
}

	   
.link-single::after  {

	   margin-left: 5px;
   margin-right: 5px;
   /* font-family: FontAwesome!important; */
	font-weight: 300;
   content: "\1F865"!important;
   background: #2c5967;
   border-radius: 100%;
   width: 1em;
   text-align: center;
   display: inline-block;
   padding: 5px;
   height: 1em;
   line-height: 1em;
   vertical-align:middle;
   text-decoration: none;	
	color: #ffffff!important;
}	

.link-single a  {
	text-decoration: none;
	color: #86dec3!important;
	
}		
		
.link-single a:hover  {
	text-decoration: underline;
	color: #86dec3!important;
	
}
.link-single:hover  {
	text-decoration: underline;
	
	cursor: hand;
	cursor: pointer;
	
}


	

.logo {
	background-image: url("../img/nav/logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #C74634;
	height: 60px;
	width: 60px;
	cursor: pointer;
	cursor: hand;
}

.item1 {
	background-image: url("../img/nav/guide.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 60px;
	width: 60px;
	cursor: pointer;
	cursor: hand;
}


.item2 {
	background-image: url("../img/nav/webinar.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 60px;
	width: 60px;
	cursor: pointer;
	cursor: hand;
	
}

.item3 {
	background-image: url("../img/nav/newsletter.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 60px;
	width: 60px;
	cursor: pointer;
	cursor: hand;
	
}

.item4 {
	background-image: url("../img/nav/browse.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 60px;
	width: 60px;
	cursor: pointer;
	cursor: hand;
	
}

.item5 {
	background-image: url("../img/nav/cloudlearn.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 60px;
	width: 60px;
	cursor: pointer;
	cursor: hand;
	
}

.item6 {
	background-image: url("../img/nav/prev.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 60px;
	width: 60px;
	cursor: pointer;
	cursor: hand;
	
}






.hideme {
  display: block;
  cursor: pointer;
}

.hidemeshow {
  display: none;
}

.menucontainer {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}





/* TABLE */





.tbbuttoncirc {
  opacity: 1;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  transition: 1s ease;
  color: #fff;
  height: 20px;
  line-height: 20px;
  width: 20px;
  padding: 5px 5px;
  border-radius: 100px;
  display: inline-block;
  margin-top: 5px;
		border: 1px solid #e5dbbe;


}

.tbbutton {
  opacity: 1;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
 
  color: #fff;
  height: 32px;
  line-height: 32px;
  min-width: 90px;
  padding: 0px 10px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 15px;

	border: 1px solid #41817e;
	
	    box-shadow: 0 2px 3px rgba(0,0,0,0.05);
}

#sjbutton:before, #tabutton:before {
	
	content:'\002630';
	margin-right: 5px;
	
}

#actta {
	
	background-color: transparent;
	color: #333;
	font-size: 18px;
	line-height: 1.4;
	border: 0;
	font-weight: 600; 
	cursor: hand;
	cursor: pointer;
	font-family: "Oracle Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
}

#actta:hover {
	
	border-bottom: 2px solid #fff;
	outline: none;
}

#actta:focus { outline: none; }




#stexpab:before {
	
	content:'\21CA';
	margin-right: 5px;
	
}

#stcollb:before {
	content:'\21C8';
	margin-right: 5px;
}



/* Create two equal columns that floats next to each other */
.stcolumn {
  float: left;
  width: 30%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.strow:after {
  content: "";
  display: table;
  clear: both;
}



.tbbutton:hover {
  border: 1px solid #4eb5a3;
	background-color: #4eb5a3!important;
}

.tbbutton a:hover {
  border: 1px solid #4eb5a3;
	background-color: #4eb5a3;
	color: #fff;
}


#tableproj .oicon, #tableproj .seriesicon{
	color: #2c5967!important;
	font-weight: bold;
}


#tbbuttonto {
  margin-top: 20px;
  margin-right: 10px;
}


.b-active {
	
	border: 1px solid #41817e; color: #fff; background-color: #4eb5a3;
}

.b-inactive {
	
	background-color: transparent; color: rgb(255, 255, 255);
	
}


.row {
  width: 100%;
}

.coltitle {
  text-align: left;
  font-weight: bold;
  color: #fff;
  padding-left: 25px;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
}


/* LOQ AREA */

.loq {
  text-align: left;
  padding-left: 25px;
  color: #41817e;
  margin-top: 15px;
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}

/* ROWS */


#rn2lcscg, #rn4lcscg, #rn6lcscg {
  background-color: #fff;
}

#row_number1 {
}



#rn2lcscg, #rn3lcscg, #rn4lcscg, #rn5lcscg, #rn6lcscg {
  display: none;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked + label span {
  background-color: #1E8582;
  transform: scale(1.25);
}

input[type="checkbox"]:checked + label span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

input[type="checkbox"]:checked + label span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

input[type="checkbox"]:checked + label:hover span {
  background-color: #1E8582;
  transform: scale(1.25);
}

input[type="checkbox"]:checked + label:hover span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

input[type="checkbox"]:checked + label:hover span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

.datatext_1 {
  background: #333 url("../img/Picture2_white.png") repeat;
}

.desc {
  font-size: 15px;
  padding-top: 12px;
}

.mctitle {
  display: block;
  font-size: 54.8px;
  word-spacing: 0;
  text-align: left;
  padding-top: 30px;
  padding-left: 30px;
  color: #41817E;
}

.mctitle2 {
  display: block;
  font-size: 54.8px;
  word-spacing: 0;
  text-align: center;
  padding-top: 30px;

  color: #41817E;
}

.mc-bg {
  background: #fff url("../img/Picture2.png");
  padding: 20px;
  border-radius: 15px;
}

.mc-bg a {
  color: #333;
}

.mc-bg label {
  color: #333;
}

.mc-bg label:hover {
  text-decoration: underline;
}

.mc-bg label span {
  border: 2px solid #1E8582;
}



.otag {
  background-image: url('../img/cloudicon.png');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}

#loqbottom {
	border-radius: 0 0 15px 15px; 
	background-color: #2C5967;
}

.otagloq {

  background-image: url('../img/cloudicon.png');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #eee solid 1px;
	width: 100%;
}

.dropdown-content {
  background: #fff;
  color: #fff;
  z-index: 1000;
  border-radius: 15px 15px 15px 15px;
}

.dropdown-contentSS {
  
  color: #fff;
  z-index: 1000;
 
}

.dropdown-content a {
  color: #333;
 
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  text-decoration: underline;
}

#insertrole {
  overflow: auto;
  display: inline-block;
  height: auto;
}



/* myInput */



#myInput, #myInputSS {
  color: #fff!important;
  box-sizing: border-box;
  background-image: url('../img/searchicon.png');
  background-position: 14px 16px;
  background-repeat: no-repeat;
  background-color: #eee;
  font-size: 24px;
  padding: 14px 10px 12px 45px;
  border: 5px solid transparent;
  outline: none;
  width: 0;
  margin: 30px 20px 0 0;
  display: inline-block;
  right: 0px;
  transition: width 0.4s ease-in-out;
  border-radius: 900px;
  -webkit-transition: width 0.4s ease-in-out;
}

::-webkit-input-placeholder {
  color: #aaa;
}

#myInput:focus, #myInputSS:focus {
  border-radius: 900px;
  outline: none;
  width: 80%;
  background-color: #41817E;
  color: #fff;
}






/* RESPONSE AREA */

.response {
  color: #000000;
  margin-right: 5px;
  padding-left: 25px;
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}

label {
  display: block;
  color: #333;
  cursor: pointer;
  position: relative;
  margin: 10px;
}

label span {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border: 2px solid #1E8582;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, tranosform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

/* pre check */
label span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #8B8580;
  position: absolute;
  transform: rotate(45deg);
  top: 13px;
  left: 9px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}

label span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #8B8580;
  position: absolute;
  transform: rotate(305deg);
  top: 16px;
  left: 10px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}

label:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}

label:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

input[type="radio"] {
  display: none;
}

input[type="radio"]:checked + label span {
  background-color: #1E8582;
  transform: scale(1.25);
}

input[type="radio"]:checked + label span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

input[type="radio"]:checked + label span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

input[type="radio"]:checked + label:hover span {
  background-color: #1E8582;
  transform: scale(1.25);
}

input[type="radio"]:checked + label:hover span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

input[type="radio"]:checked + label:hover span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

.imgrole {
  display: block;
  background-image: url('../img/user.png');
  background-position: left 20px center;
  background-repeat: no-repeat;
  height: 25px;
  line-height: 30px;
  padding-left: 50px;
  font-size: 18px;
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #eee solid 1px;
	width: 100%;
	
}

.ntimgrole {
  display: block;
  background-image: url('../img/user.png');
  background-position: left 20px center;
  background-repeat: no-repeat;
  height: 25px;
  line-height: 30px;
  padding-left: 50px;
  font-size: 18px;
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #eee solid 1px;
	width: 200px;
	
}

.otagpp {
  display: inline-block;
  background-image: url('../img/cloudicon.png');
  background-position: left 20px center;
  background-repeat: no-repeat;
  height: auto;
  line-height: 22px;
  padding-left: 50px;
  font-size: 18px;

	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #eee solid 1px;
}



.imgrgn:hover, .imgrole:hover, .otagpp:hover {
background-color: #f0f2f5;
	color: #41817E;

}

.imgrgn {
  display: block;
  background-image: url('../img/arrow-right.png');
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
	
  height: 25px;
  line-height: 30px;
  padding-left: 30px;
  padding-right: 50px;
  font-size: 16px;
	margin: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 300px;

	border-bottom: #eee solid 1px;
}


.imgrl {
  display: block;
	/*
  background-image: url('../img/arrow-right.png');
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px; */
	
  height: 25px;
  line-height: 30px;
  padding-left: 30px;
  padding-right: 50px;
  font-size: 16px;
	margin: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 200px;

	border-bottom: #eee solid 1px;
}

.imgrl:hover{
background-color: #f0f2f5;
	color: #41817E;

}

.rlist a {
  font-size: 16px;
  color: #312d2a;
}


.rgnlist a {
  font-size: 16px;
  color: #312d2a;
}

.otagpp a {
  font-size: 16px;
  color: #312d2a;
}

#emeasets a {
  font-size: 16px;
  color: #312d2a;
}

#nasets a {
  font-size: 16px;
  color: #312d2a;
}







#srbutton {
  display: block;
  width: 90px;
}



/* ACTIONS */

.action {
  background-color: #2c5967;
  color: #fff;
  margin-left: 20pt;
  margin-right: 20pt;
  margin-bottom: 4pt;
  border-radius: 0px;
  padding: 20px 20px 20px 20px;
  font-size: 15px;
  position: relative;
}

.actiontitle {
  font-size: 18px;
  margin-top: 5px;
  color: #fff;
  font-weight: bold;
}

.action p {
  color: #fff;
}




/* DASH */

.rwaccent {
  display: block;
  width: 40px;
  height: 6px;
  background: #c74634;
  margin-top: 15px;
  margin-bottom: 15px;
}

.rwaccent2 {
  display: none;
  width: 25px;
  height: 6px;
  background: #94afaf;
  margin-top: 15px;
  margin-bottom: 15px;
}


/* timeline */

#DivMan, #DivManPJ {
  text-align: left;
  width: 320px!important;
}

#DivJS, #DivJSPJ {
  text-align: left;
  width: 320px!important;
}

#DivAC, #DivACPJ {
  text-align: left;
  width: 340px!important;
}

#DivAC2, #DivAC2PJ {
  text-align: left;
  width: 300px!important;
}

#simpli {
  font-size: 12px;
}

.showctpt {
  background-image: url('../img/timeline.png');
  background-position: 10px 0px;
  background-repeat: no-repeat;
}

.viewicon {
  background-image: url('../img/view.png');
  background-position: 10px 0px;
  background-repeat: no-repeat;
}

.ctptbtn {
  width: 40px;
  height: 30px;
}

.expa {
  background-image: url('../img/expand.png');
  background-position: 10px 0px;
  background-repeat: no-repeat;
}

.colla {
  background-image: url('../img/expand.png');
  background-position: 10px 0px;
  background-repeat: no-repeat;
}

.theader {
  height: 60px;
  line-height: 60px;
  color: #fff;
  background-color: #009ba8;
  background-image: url('../img/right-arrow.png');
  background-size: 25px 25px;
  background-position: 280px 20px;
  background-repeat: no-repeat;
  margin-top: 0px;
}

.divptitle2 {
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

#ctptbar {
}

#ctptbar a {
  color: #fff;
}

#fullva:hover, #vsima:hover, #delva:hover, #timelineinfobutton:hover, .c1:hover {
  border-bottom: 1px solid #FACD62;
}

.tablecoursetime {
	/* display: inline-table; */
  display: inline-block;
  width: 1280px;
}

.tablecoursetime td {
  background-color: #00647D;
}

.tablecoursetime .listnumberdescription {
  color: #333;
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

.tablecoursetime .listnumbertitle {
  color: #333;
}

.tablecoursetime a {
  color: #333;
  text-decoration: none;
}

.tablecoursetime a:hover {
  text-decoration: underline;
  color: #b5c588;
}

.tablecoursetime .listnumbertitle2 {
  color: #333;
}

.tablecoursetime .listnumber {
  color: #333;
  background-color: #4eb5a3;
}

.tablecoursetime .icobutton {
  color: #2c5967;
}

#tableproj .icobutton {
  color: #fff;
}

#tableproj td {
  background-color: #00647D;
  background-image: url("../img/Picture2_white.png");
}

#showaddons {
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #41817E;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: left;
  color: #fff;
}

.tcontent {
  margin-left: 15px;
  font-size: 16px;
}

.tcontitle { 
  font-size: 16px;
  font-weight: 500;
  vertical-align: top;
}

.tcontitle .title {
  margin-left: 5px;
  display: inline-block;
  width: 230px;
  vertical-align: top;
	font-weight: 300px!important;
	
}

#spacer1, #spacer2, #spacer3, #spacer4 {
	
	margin-top: 0px;
}


.sebullet {
	margin-top: 8px;
	font-weight: 300;
	
}

.cohort {
	
	width: 100%; height: 28px; line-height: 45px; text-align: center; font-weight: bold; position: absolute; bottom:30px; left: 0; cursor: pointer;
	margin: 0 auto; 
}

#cohortbtn{
	
	border: 1px solid #4eb5a3;
	color: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.05);
}

#cohortbtn:hover{
	
	background-color: #4eb5a3;
	color: #fff;
}

.cir {
  margin-top: 3px;
	vertical-align: top;

  line-height: 17px;
  width: 17px;
  height: 17px;
  border-radius: 90px;
  position: relative;
  display: inline-block;
  color: #333;
}

.texture {
	
	background-image:  url("../img/dt/black/Data-Texture_0012_Datat-Texture-11@4x.png");
}

.tconitem {
  margin-top: 20px;
}

.tdesc {
  font-size: 15px;
  padding-left: 20px;
}

.titem {
  margin-bottom: 30px;
}

.menu {
  margin: 10px 5px;
}

.completebox {
  border-radius: 10px;
  position: relative;
  padding: 10px;
  margin-top: 20px;
  width: 85%;
  
}

.completebox a:hover {
  text-decoration: underline!important;
  text-decoration-color: #4eb5a3!important;
  color: #e5dbbe!important;
  cursor: pointer!important;
}

oicon:hover {
  color: #e5dbbe!important;
  cursor: pointer!important;
}

.tdesc a:hover {
  text-decoration: underline;
  text-decoration-color: #4eb5a3;
}

.list {
  width: 30px;
  min-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  margin-top: 20px;
}

.listnumber {
  line-height: 30px;
  width: 17px;
  height: 17px;
  border-radius: 90px;
  background: #4eb5a3;
  position: relative;
  float: left;
  color: #333;
}

.listnumbertitle {
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  width: 270px;
  margin-left: 30px;
  text-align: left;
  color: #333;
}

.listnumbertitle2 {
  font-size: 18px;
  font-weight: bold;
  width: 270px;
  margin-left: 30px;
  text-align: left;
}

.listnumberdescription {
  position: relative;
  float: left;
  font-size: 15px;
  width: 250px;
  margin-left: 50px;
  text-align: left;
  font-weight: normal;
  color: #333;
}

.tooltip {
  display: inline-block;
  position: relative;
  text-align: left;
  color: #333;
}



.tooltip h3 {
  margin: 12px 0;
}

.tooltip .top {
  min-width: 160px;
  max-width: 160px;
  top: 0px;
  left: 50%;
  transform: translate(-30%,-100%);
  color: #ffffff;
  background-color: #17a8c4;
  font-weight: normal;
  font-size: 11px;
  border-radius: 90px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  display: none;
  height: 30px;
  line-height: 10px;
  text-align: center;
}

.tooltip .top2 {
  min-width: 230px;
  max-width: 230px;
  top: 0px;
  left: 50%;
  transform: translate(-30%,-100%);
  color: #000;
  background-color: #E5DBBE;
  font-weight: bold;
  font-size: 14px;
  border-radius: 90px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  display: none;
  height: 50px;
padding-left: 3px;
	padding-right: 3px;
  line-height: 15px;
  text-align: center;
  margin-top: 0px;
}

.tooltip:hover .top {
  display: block;
}

.tooltip:hover .top2 {
  display: block;
}

.tooltip .top i {
  position: absolute;
  top: 100%;
  left: 30%;
  margin-left: -15px;
  width: 30px;
  height: 15px;
  overflow: hidden;
}

.tooltip .top i::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translate(-50%,-50%) rotate(45deg);
  background-color: #17a8c4;
}
.tooltip .top2 i {
  position: absolute;
  top: 100%;
  left: 30%;
  margin-left: -15px;
  width: 30px;
  height: 15px;
  overflow: hidden;
}

.tooltip .top2 i::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translate(-50%,-50%) rotate(45deg);
  background-color: #E5DBBE;
}

.tooltip .right {
  width: 180px;
  top: 50%;
  left: 100%;
  margin-left: 30px;
  transform: translate(0, -50%);
  padding: 0px 20px;
  color: #333;
  background-color: #fff;
  font-weight: 400;
  font-size: 13px;
  border-radius: 8px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(0,0,0,0.5);
  display: none;
  height: 40px;
  line-height: 30px;
}

.tooltip:hover .right {
  display: block;
}

.tooltip .right i {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 12px;
  height: 24px;
  overflow: hidden;
}

.tooltip .right i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0px;
  top: 50%;
  transform: translate(50%,-50%) rotate(-45deg);
  background-color: #fff;
  box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}

.tooltip .right2 {
  min-width: 300px;
  max-width: 600px;
  top: 50%;
  left: 100%;
  margin-left: 20px;
  transform: translate(0, -50%);
  padding: 10px 20px;
  color: #333;
  background-color: #fff;
  font-weight: normal;
  font-size: 13px;
  border-radius: 8px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(0,0,0,0.5);
  display: none;
}

.tooltip:hover .right2 {
  display: block;
}

.tooltip .right2 i {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 12px;
  height: 24px;
  overflow: hidden;
}

.tooltip .right2 i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 50%;
  transform: translate(50%,-50%) rotate(-45deg);
  background-color: #fff;
  box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}

.docicon {
  background-image: url('../img/docx.png');
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 30px;
  background-size: 20px 20px;
  line-height: 30px;
  color: #2c5967;
  font-weight: bold;
  font-size: 15px;
}

.xlsicon {
  background-image: url('../img/xls.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 30px;
  height: 30px;
  line-height: 30px;
  color: #2c5967;
  font-weight: bold;
  font-size: 15px;
}

.oicon {
  background-image: url('../img/courseicon.png');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 22px 22px;
  line-height: 30px;
  padding-left: 30px;
  color: #fff;
  height: 30px;
  font-weight: 400;
  font-size: 15px;
  margin-top: 4px;
}

.info {
  background-image: url('../img/infoicon.png');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 22px 22px;
  line-height: 30px;
  padding-left: 30px;
  color: #fff;
  height: 30px;
  font-weight: 400;
  font-size: 15px;
  margin-top: 4px;
}

.oicon2 {
  background-image: url('../img/cloudicon.png');
  background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 20px 20px;
  line-height: 30px;
  padding-left: 30px;
  color: #333;
  height: 30px;
  font-weight: 400;
  font-size: 15px;
  margin-top: 4px;
}

.seriesicon {
  background-image: url('../img/series.png');
  background-repeat: no-repeat;
  padding-left: 30px;
  color: #fff;
  height: 30px;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
}

.vidicon {
  background-image: url('../img/play-button.png');
  background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 20px 20px;
  padding-left: 30px;
  color: #2c5967;
  font-weight: bold;
  height: 30px;
  line-height: 30px;

  font-size: 15px;
}

.centerFlex {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* MODALS */

.rgnlist {
	
	width: 450px;
	height: 450px;
	margin-top: 10%;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #dadce0;
    border-radius: 8px;
background-color: #fff;
}

.rlist {
	width: 680px;
	height: 550px;
	margin-top: 10%;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #dadce0;
    border-radius: 8px;	
background-color: #fff;
}

.rlist .gallery {
	background-color: #fff;

}


.rolesmodalcon {
  width: 500px;
  margin-left: auto;
	margin-right: auto;
	margin-top: 8%;
	
}

.notifcon {
  width: 500px;
  margin-left: auto;
	margin-right: auto;
	margin-top: 18%;
	
}
#PopupAddons {
  width: 1100px;
  margin: auto;
  margin-top: 8%;
}

#rolesmodalcon, #addonmatrixcon {
  display: none;
}

#solutionsetscon {
  display: none;
  margin: 0 auto;
  color: #333;

}








#PopupAddons label {
  font-size: 16px;
}

#PopupAddons .thumbnail {
  background: transparent;
  margin-top: 0px;
  font-size: 16px;
}

#PopupAddons .gallery {
  background: transparent;
}

#PopupAddons input {
  margin-top: 0px;
}

#video1 {
background-color: #333;
width: 100%!important;
height: auto!important;
}

#emeasets {
	width: 500px;
 	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
	border-radius: 15px 15px 15px 15px;
}

#nasets {
	width: 1150px;
	height: auto;
 	margin-left: auto;
	margin-right: auto;	
	border-radius: 15px 15px 15px 15px;
	margin-top: 8%;
}

#nasets .otagpp {
	
	font-size: 18px;
	width: 300px;
}


.videodiv {
 width: 98%!important;
 height: auto!important;
	position: relative;

}

.vidplaycon {
 
  background-image: url("../img/oracle_logo_white.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 180px;
	
	

  color: #f1f1f1;
  width: 100%;
	height: 100%;

	position: absolute;
	z-index: 99999;
	top: 0;
	
	
}


.docudiv {
 width: 98%!important;
 height: auto!important;

}



.catnl2 {
  width: 100%;
  bottom: 0;
  position: absolute;
  padding-bottom: 10px;
  height: 70px;
  line-height: 70px;
  vertical-align: middle;
  margin-top: 40px;
  border-radius: 0 0 12px 12px;
  color: #fff;
  font-weight: 600;

	background-color: #2c5967;
}

#VideoDetails {
	width: 80%;
	margin-top: 20px;
	
}



.webinartitle {
  width: 100%;
  bottom: 0;
  position: absolute;
  padding-top: 10px;
  padding-bottom: 5px;

  height: 120px;

  vertical-align: middle;
  margin-top: 10px;

  color: #fff;
  font-weight: lighter;
	text-align: left;

	
}

.webinarcat {
	font-size: 16px;
	
	text-align: left!important;
	color: #fff;
	margin-left: 20px;
	vertical-align: middle!important;
	display:grid;
	margin-top:10px;
	weight: 300px;
	height: 30px;
}

.webdesc {
	
	text-align: left;
	font-size: 20px;
	font-weight: 500;
	margin: 0px 10px 10px 20px;
	
	
	
	
}

.webmonth {
	
	font-size: 18px;
	font-weight: bold;
	display: none;
}


.commonweb .thumbnail2 {
	
	margin-top: 10px;
	
	
	
}


.webthumbnail{
	
  width: 260px;
  text-align: left;
  padding-bottom: 5px;
  margin-left: 1%;
  margin-right: 1%;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-top: 9px solid #fff;

  height: 170px;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.3);
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}


.commonweb {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

















/* the buttons */
.ddbutton {
  opacity: 1;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  transition: 1s ease;
  color: #fff;
  height: 35px;
  line-height: 35px;
  min-width: 90px;
  padding: 0px 10px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 5px;
}


.ddclose {
  opacity: 1;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  transition: 1s ease;
  color: #fff;
  height: 35px;
  line-height: 35px;
  min-width: 90px;
  padding: 0px 10px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 5px;
}


.seriesbtn {
  background-image: url('../img/webinars_2C5967.png');
  background-repeat: no-repeat;
  background-position: 20px 20px;
  background-size: 25px 25px;
  padding-left: 60px;
  color: #333;
  height: 70px;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  width: 200px;
  line-height: 70px;
  background-color: #eee;
  margin: 10px;
  border-radius: 4px;
  border-right: 10px solid #4eb5a3;
}

.seriesbtn:hover {
  background-color: #4eb5a3;
  cursor: pointer;
  color: #fff;
}



.ntbtn {
  background-image: url('../img/webinars_2C5967.png');
  background-repeat: no-repeat;
  background-position: 20px 20px;
  background-size: 25px 25px;
  padding-left: 60px;
  color: #2C5967;
  height: 70px;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  width: 200px;
  line-height: 70px;
  background-color: #fff;
  margin: 10px;
  border-radius: 4px;
  border-right: 10px solid #009ba8;
}

.ntbtn:hover {
  background-color: #009ba8;
  cursor: pointer;
  color: #fff;
}










/* colors */

.seablue {
  background-color: #AE562C;
}

.teal {
  background-color: #009ba8;
}

.text-surf {
  color: #41817E;
}
.surf {
  background-color: #41817E;
}

.darkteal {
  background-color: #2c5967;
}
.text-darkteal {
  color: #2c5967;
}

.flint {
	
	background-color: #67605b;
}

.darkblue {
  background-color: #0d3c55;
}

.olive {
  background-color: #00647D;
}

.goldenrod {
  background-color: #FACD62;
}

.pacificblue {
  background-color: #0069aa;
}

.lightgreen {
  background-color: #b5c588;
}

.highlands {
  background-color: #759C6C;
}

.yellow {
  background-color: #fec465;
}

.nsyellow {
  background-color: #eea357;
}

.orange {
  background-color: #da6721;
}

.lightorange {
  background-color: #ff9016;
}

.nsdarkorange {
  background-color: #ee644f;
}

.gray {
  background-color: #c8ced3;
}

.cadetgray {
  background-color: #94AFAF;
}

.dutchwhite {
  background-color: #E5DBBE;
}

.text-dutchwhite {
  color: #E5DBBE;
}

.oraclered {
  background-color: #c74634;
}

.purp {
  background-color: #8A6988;
}

.coffeebean {
  background-color: #312D2A;
}

.elm {
  background-color: #1E8582;
}

.glacier {
background-color: #4eb5a3;	
	
}.text-glacier {
color: #4eb5a3;	
	
}


/* TBM */


/* TOPICS BY MODULE */

.wscontent{
	width: 900px;
	
}

.itm {
	
	font-size: 20px;
	color: #fff;
	text-align: left;
	margin-top: 20px;
	height: 20px;
	
	
}

.itmttl {
	font-size: 20px;
	color: #facd62;
	text-align: left;
	margin-top: 30px;
	border-bottom: 1px solid #8B8580;
	height: 30px;
}




.wscontent ol {

  counter-reset: my-awesome-counter;
  list-style: none;

}
.wscontent ol li {
  
  counter-increment: my-awesome-counter;
	position: relative;

}
.wscontent ol li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  top: 6px;
	left: 70px;
	line-height: 50px;
	height: 50px;
  text-align: center;
}






.topicviewbtn {
	font-size: 14px;
    text-decoration: none;
    text-align: center;
	transition: 1s ease;
	color: #333;
	height: 30px;
	line-height: 30px;
	width: 70px;
	display: inline-table;
	border-radius: 99px;
	background: #e5dbbe;
	right: 0px; 
	position: absolute;
	z-index: 50px;
}
	
.topicsbtn {
	background-color: transparent;
	background-image: url('../img/coursearrow.png');
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding: 0px 0px 0px 40px;
	color: #fff;
	height: 25px;
	font-weight: 400;
	font-size: 22px;
	text-align: left;	
	width: 90%;
	line-height: 25px;
	position: relative;
	margin: 10px;
	

}


.topicsbtn a { color: #67605b; }

.wsmod {
	line-height: 50px;
	height: 50px;
	margin-left: 100px;
	font-size: 20px;
	border-bottom: 1px solid #aaa;
	width: 550px;
	color: #fff!important;
	
}

.sbtitle {
	font-size: 20px;
	color: #facd62;
	text-align: left;
	margin-top: 30px;
	border-bottom: 1px solid #8B8580;
	height: 30px;
	
	
}

#myInputModules{
	
	box-sizing: border-box;
    background-image: url('../img/searchicon1.png');
    background-position: 14px 16px;
    background-repeat: no-repeat;
	background-color: #333;
	
    font-size: 24px;
    padding: 14px 10px 12px 45px;
    border: none;
    outline: none;
	width: 0px;
	margin: 20px;
	
	
	-webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	border-radius: 900px;
	  right: 10px;
  top: 10px;
	
}

#myInputModules:focus{
	background-image: url('../img/searchicon.png');
	width: 300px;
	border-radius: 900px;

	outline: none;
	background-color: #eee;
	color: #333;
	box-shadow: 2px 2px 10px 3px rgba(0,0,0,.15);
	

}


/* NEWSLETTER */

#myInputNL {
  box-sizing: border-box;
  background-image: url('../img/searchicon1.png');
  background-position: 14px 16px;
  background-repeat: no-repeat;
  background-color: #333;
  font-size: 24px;
  padding: 14px 10px 12px 45px;
  border: none;
  outline: none;
  width: 0px;
  margin: 20px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  border-radius: 900px;
  position: fixed;
  right: 10px;
  top: 10px;
	
}

#myInputNL:focus {
  background-image: url('../img/searchicon.png');
  width: 300px;
  border-radius: 900px;
  outline: none;
  background-color: #eee;
  color: #333;
  box-shadow: 2px 2px 10px 3px rgba(0,0,0,.15);
}

#myInputNLST {
  box-sizing: border-box;
  background-image: url('../img/searchicon1.png');
  background-position: 14px 16px;
  background-repeat: no-repeat;
  background-color: #333;
  font-size: 24px;
  padding: 14px 10px 12px 45px;
  border: none;
  outline: none;
  width: 0px;
  margin: 20px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  border-radius: 900px;
  position: fixed;
  right: 10px;
  top: 60px;
	
}

#myInputNLST:focus {
  background-image: url('../img/searchicon.png');
  width: 300px;
  border-radius: 900px;
  outline: none;
  background-color: #eee;
  color: #333;
  box-shadow: 2px 2px 10px 3px rgba(0,0,0,.15);
}

.ndate {
  padding-top: 30px;
  margin-bottom: 20px;
  font-size: 24px;
	color: #2c5967;
}

.icon {
  height: 150px;
}

.nlimg1 {
  background: url("../img/Guide.png") center 20px no-repeat;
  background-size: 90px 90px;
}

.nlimg2 {
  background: url("../img/newsletter.png") center 20px no-repeat;
  background-size: 85px 85px;
}

.nlimg3 {
  background: url("../img/Webinars.png") center 20px no-repeat;
  background-size: 90px 90px;
}

.thumbbg1 {
  background: url("../img/advisory.jpg") right top no-repeat;
  height: 250px;
}

.thumbbg2 {
  background: url("../img/insider.jpg") right top no-repeat;
  height: 250px;
}

.thumbbg3 {
  background: url("../img/program.jpg") right top no-repeat;
  height: 250px;
}

.thumbbg4 {
  background: url("../img/lcsnews.jpg") top center;
  height: 250px;
}

.thumbbg5 {
  background: #1E8582 url("../img/lcsnews_thumb.jpg") right top no-repeat;
  height: 250px;
}

.thumbbg7 {
  background: #1E8582 url("../img/LCS_Newsletter_0220_Hero.jpg") right top no-repeat;
  height: 250px;
}






/*! FONT - ORACLESANS FONT */
@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-Lt.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-Lt.woff") format("woff");
    font-weight:200;
    font-style:normal;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-LtIt.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-LtIt.woff") format("woff");
    font-weight:200;
    font-style:italic;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-Rg.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-Rg.woff") format("woff");
    font-weight:400;
    font-style:normal;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-It.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-It.woff") format("woff");
    font-weight:400;
    font-style:italic;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-SBd.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-SBd.woff") format("woff");
    font-weight:500;
    font-style:normal;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-SBdIt.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-SBdIt.woff") format("woff");
    font-weight:500;
    font-style:italic;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-Bd.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-Bd.woff") format("woff");
    font-weight:700;
    font-style:normal;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-BdIt.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-BdIt.woff") format("woff");
    font-weight:700;
    font-style:italic;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-XBd.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-XBd.woff") format("woff");
    font-weight:800;
    font-style:normal;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-XBdIt.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-XBdIt.woff") format("woff");
    font-weight:800;
    font-style:italic;
}

@font-face {
  font-display:fallback;
    font-family:"Oracle Sans Condensed";
    src:url("https://www.oracle.com/asset/web/fonts/OracleSans-Bd.woff2") format("woff2"),url("https://www.oracle.com/asset/web/fonts/OracleSans-Bd.woff") format("woff");
    font-weight:500;
    font-style:normal;
}




/*  ANIMATION */
.fadeIn5 {
  animation: fadeInUp ease 3.2s;
  -webkit-animation: fadeInUp ease 3.2s;
  -moz-animation: fadeInUp ease 3.2s;
  -o-animation: fadeInUp ease 3.2s;
  -ms-animation: fadeInUp ease 3.2s;
}



/* Animation */

@keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0);
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0);
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}

.animatedp5 {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
}

.animated1s {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animated2s {
  animation-duration: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
}

.animated3s {
  animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
}

.animated4s {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*
@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
	
	*/