Performance Management | Leadership Training | HR Trainintitle>
@keyframes pulsegreen {
0%, 100% { box-shadow: 0px 0px 20px 10px green; }
10%, 90% { box-shadow: 0px 0px 22px 12px green; }
20%, 80% { box-shadow: 0px 0px 24px 14px green; }
30%, 70% { box-shadow: 0px 0px 26px 16px green; }
40%, 60% { box-shadow: 0px 0px 28px 18px green; }
50% { box-shadow: 0px 0px 30px 20px green; }
}
@keyframes pulsered {
0%, 100% { box-shadow: 0px 0px 20px 10px red; }
10%, 90% { box-shadow: 0px 0px 22px 12px red; }
20%, 80% { box-shadow: 0px 0px 24px 14px red; }
30%, 70% { box-shadow: 0px 0px 26px 16px red; }
40%, 60% { box-shadow: 0px 0px 28px 18px red; }
50% { box-shadow: 0px 0px 30px 20px red; }
}
@font-face {
font-family: RalewayELight;
src: url(fonraleway-extralight.ttf);
}
@font-face {
font-family: RalewayLight;
src: url(fonraleway-light.ttf);
font-weight: bold;
}
@font-face {
font-family: Raleway;
src: url(fonraleway-regular.ttf);
font-weight: bold;
}
@font-face {
font-family: RalewayB;
src: url(fonraleway-bold.ttf);
font-weight: bold;
}
@font-face {
font-family: RalewayM;
src: url(fonraleway-semibold.ttf);
font-weight: bold;
}
.nav_menu {
position:relative;
width:100%;
/height:100px;
z-index:20;
/box-shadow: 0 2px 2px #999;
/-moz-box-shadow: 0 2px 2px #999;
/-webkit-box-shadow: 0 2px 2px #999;
}
.nav_menu_sticky {
left: 0;
position: fixed;
top: 0;
width: 100%;
margin-bottom: 160px;
/z-index:1100;
}
.heading_spacer {
width:100%;
height:0px;
}
.heading_spacer_sticky {
width:100%;
height:160px;
}
.event-box {
display:inline-block;
width:330px;
padding:15px 30px;
box-sizing:border-box;
text-align:center;
height:280px;
background:#ffffff;
overflow:hidden;
border:solid 1px #c4c4c4;
position:relative;
}
.event-head {
text-align:center;
height:75px;
line-height:75px;
color:#ffffff;
font-size:30px;
font-family:Ralewaym,helvetica,arial;
text-decoration:none;
}
.event-title {
text-align:center;
color:#010101;
font-size:18px;
font-family:Ralewaym,helvetica,arial;
text-decoration:none;
}
.event-month-text {
text-align:center;
font-family:helvetica,arial;
font-size:16px;
color:#010101;
text-decoration:none;
}
.event-description {
text-align:center;
color:#303030;
font-family:raleway,helvetica,arial;
font-size:14px;
text-decoration:none;
line-height:20px;
padding-top:15px;
}
.event-icon {
position:absolute;
top:120px;
left:0px;
height:40px;
width:40px;
border-radius:20px;
border:solid 1px #c4c4c4;
font-size:0px;
background:#ffffff;
background-image:url('Images_ConteSitImagLayoFid_Icon_Event.png');
background-repeat:no-repeat;
background-position:center center;
box-sizing:border-box;
z-index:1000;
}
.event-btn, .event-btn2 {
display:block;
height:40px;
width:150px;
border-radius:8px;
background:#3ba4fb;
text-align:center;
color:#ffffff;
font-family:ralewaym,helvetica,arial;
font-size:20px;
border:solid 1px #ffffff;
text-decoration:none;
line-height:40px;
box-sizing:border-box;
margin:120px 90px;
}
.event-all-btn {
display:inline-block;
text-align:center;
background:#3ba4fb;
border-radius:4px;
height:40px;
line-height:40px;
padding:0px 20px;
font-family:raleway,helvetica,arial;
text-decoration:none;
font-size:22px;
color:#ffffff;
border:solid 1px #ffffff;
}
.event-btn:hover, .event-btn2:hover {
background:#fbb03b;
}
.event-all-btn:hover {
background:#0662ae;
}
.contenthead, .contentnorm, .contentbold, .contentnorm a, .contentnorm b, .contentnorm strong {
font-family:raleway,helvetica,arial;
font-size:28px;
color:#ffffff;
text-align:left;
text-decoration:none;
}
.contenthead {
/line-height:70px;
/padding-top:5px;
font-size:32px;
/color:#006941;
/font-family:raleway,helvetica,arial;
}
.contentnorm, .contentbold, .contentnorm a, .contentnorm b, .contentnorm strong {
font-size:16px;
line-height:24px;
color:#202020;
}
.contentnorm a, .contentnorm b, .contentnorm strong, .contentbold {
font-weight:bold;
font-family:ralewaym,helvetica,arial;
}
.contentnorm a {
color:#0662ae;
}
.contentnorm a:hover {
color:#fbb03b;
}
.imageright {
float:right;
padding-left:40px;
max-width:400px;
}
.imageleft {
float:left;
padding-right:40px;
max-width:400px;
}
.imagecenter {
max-width:100%;
text-align:center;
display: block;
margin-left: auto;
margin-right: auto;
}
.content-callout-left, .content-callout-right, .content-callout-center {
display:inline-block;
width:350px;
height:350px;
border-radius:175px;
background:#e5e5e5;
padding:25px;
box-sizing:border-box;
text-align:center;
color:#666666;
font-family:ralewaym,helvetica,arial;
font-size:24px;
line-height:32px;
text-decoration:none;
}
@media screen and (min-width: 320px) {
.content-callout-left, .content-callout-right, .content-callout-center {
display:none;
}
}
@media screen and (min-width: 800px) {
.content-callout-left {
display:inline-block;
float:left;
margin-right:40px;
}
.content-callout-right {
display:inline-block;
float:right;
margin-left:40px;
}
.content-callout-center {
display:block;
margin-bottom:20px;
}
}
.clear {
clear:both;
height:0px;
overflow:hidden;
}
.shell {
width:990px;
margin:0 auto;
text-align:left;
}
.footbtn, .contact-btn {
display:inline-block;
color:#ffffff;
background:#B30839;
text-decoration:none;
font-size:24px;
font-family:oxygen,helvetica,arial;
height:50px;
line-height:50px;
text-align:center;
padding:0px 20px;
border-radius:2px;
border:solid 2px #ffffff;
}
.footbtn:hover {
background:#ffffff;
color:#B30839;
}
.contact-btn {
color:#B30839;
background:#ffffff;
border:solid 2px #B30839;
}
.contact-btn:hover {
color:#404040;
border:solid 2px #404040;
}
style>