/*
  [CSS Index]
  
  ---
  
  Template Name: Concord Engineering Group | Complete Energy Solutions
  Version: 1.0
*/

.event-archive {
position: relative;
float: left;
width: 100%;
padding: 25px 15px 10px 15px;
border: 1px solid #DDD !important;
background-color: #F8F8F8;
margin-top: 10px;
border-radius: 4px;
}

.event-archive-v2 {
position: relative;
float: left;
width: 100%;
padding: 15px 10px 0px 10px !important;
background-color: #FFF !important;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
margin-top: 10px;
border-radius: 4px;
}

.event-archive-home {
position: relative;
float: left;
width: 100%;
padding: 10px 15px 0px 15px;
border: 1px solid #DDD !important;
background-color: #F8F8F8;
margin-top: 10px;
border-radius: 4px;
}

.event-btn-style-archive {
position: absolute;
right: 0;
top: 0;
z-index: 101 !important;
cursor: pointer !important;
text-align: center;
border-left: 1px solid #DDD;
width: 85px;
height: 100%;
border-radius: 4px;
}

.event-btn-style-comm {
position: absolute;
right: 0;
top: 0;
z-index: 101 !important;
cursor: pointer !important;
text-align: center;
border-left: 1px solid #DDD;
width: 85px;
height: 100%;
border-radius: 4px;
}

.event-btn-style-edit {
position: absolute;
right: 80px;
top: 0;
z-index: 101 !important;
cursor: pointer !important;
text-align: center;
border-left: 1px solid #DDD;
width: 85px;
height: 100%;
border-radius: 4px;
}

.event-btn-style-archive a {
position: absolute;
right: 17%;
top: 47%;
transform: translateY(-50%);
text-decoration: none;
}

.event-btn-style-comm a {
position: absolute;
right: 17%;
top: 47%;
transform: translateY(-50%);
text-decoration: none;
}

.event-btn-style-edit a {
position: absolute;
right: 22%;
top: 47%;
transform: translateY(-50%);
text-decoration: none;
}

a .event-link-style:hover {
text-decoration: none;
}

.event-link-style {
color: #2AAFE9 !important;
font-size: 10px;
font-style: italic;
margin-bottom: 0px;
}

a .edit-link-style:hover {
text-decoration: none;
}

.edit-link-style {
color: #FBAC35 !important;
font-size: 10px;
font-style: italic;
margin-bottom: 0px;
}

.countdown-icon-archive {
position: absolute;
left: 0;
top: 0;
background-color: #C5C5C5;
color: #FFF;
text-align: center;
width: 65px;
height: 100%;
}

.countdown-icon-archive i {
position: absolute;
left: 30%;
top: 50%;
transform: translateY(-50%);
}

.news-main-archive {
padding: 0px 0px 0px 0px;
margin: 0px 95px 0px 135px;
}

.news-main-archive-v2 {
padding: 0px 0px 0px 0px;
margin: 0px 95px 0px 5px;
}

.news-main-archive-comm {
padding: 0px 0px 0px 0px;
margin: 0px 95px 0px 135px;
}

.news-main-archive-comm-v2 {
width: 100%;
display: block;
padding: 15px;
padding-left: 10px;
}

.download-line:nth-child(n+2) {
border-top: 1px solid #eee;
}

.news-main-archive2 {
padding: 0px 0px 0px 0px;
margin: 0px 160px 0px 135px;
}

.news-main-archive-home {
padding: 0px 0px 0px 0px;
margin: 0px 85px 0px 10px;
}

.news-main-archive-home2 {
padding: 0px 0px 0px 0px;
margin: 5px 80px 0px 5px;
}

.news-main-archive-home2A {
display: none;
}

h2.news-top{
width: 93% !important;
text-align: left;
margin-top: 0px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
letter-spacing: normal !important;
line-height: 19px !important;
color: #252525 !important;
display: block;
}

h2.news-top-v2{
text-align: left;
margin-top: 0px;
font-weight: 700;
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
color: #666 !important;
line-height: 20px !important;
text-transform: capitalize;
letter-spacing: normal !important;
}

h2.news-top-comm{
width: 96% !important;
text-align: left;
margin-top: 0px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.02em;
line-height: 24px !important;
color: #252525 !important;
display: block;
}

h2.news-top-comm-v2{
width: 96% !important;
text-align: left;
margin-left: 0px;
margin-bottom: 0px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.3em;
letter-spacing: 0px;
line-height: 24px !important;
color: #252525 !important;
display: block;
}

h2.news-top-home{
width: 93% !important;
text-align: left;
margin-top: 0px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
letter-spacing: normal !important;
line-height: 19px !important;
color: #252525 !important;
display: block;
}

h4.news-date,
h4.news-date-comm,
h4.news-date-max{
margin-top: 0px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 18px !important;
padding: 3px 7px;
color: #FFF !important;
background: #2AAFE9;
display: inline-block;
border-radius: 3px;
margin-bottom: 5px;
}

h4.news-date-v2{
margin-top: 0px;
margin-bottom: 0px;
float: left;
border-right: 1px solid #ddd;
padding-right: 0px;
margin-right: 8px;
text-transform: uppercase;
font-style: normal;
font-size: 14px;
line-height: 20px;
font-weight: 700;
letter-spacing: 0.1em;
color: #2AAFE9 !important;
}

h4.news-date-min{
margin-top: 0px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 18px !important;
padding: 3px 7px;
color: #FFF !important;
background: #2AAFE9;
display: none;
}

h4.news-date-home {
margin-top: 0px !important;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 18px !important;
padding: 3px 7px;
color: #FFF !important;
background: #2AAFE9;
display: inline-block;
position: relative !important;
top: 0 !important;
margin-bottom: 5px !important;
}

@media only screen and (max-width: 991px) {
.event-btn-style-edit {
display: none;
}
.archive-btn {
display: inline-block;
}
.news-main-archive2 {
padding: 0px 0px 0px 0px;
margin: 0px 95px 0px 135px;
}
}


h4.news-sub{
text-align: left;
margin-top: -30px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
letter-spacing: normal !important;
line-height: 18px;
color: #777 !important;
display: block;
}

h4.news-sub-v2{
text-align: left;
float: left;
margin-top: -30px;
font-weight: 400 !important;
font-size: 14px;
line-height: 20px;
text-transform: capitalize;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
color: #777 !important;
}

h4.news-sub-home{
text-align: left;
margin-top: -30px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
letter-spacing: normal !important;
line-height: 18px;
color: #777 !important;
display: block;
}

h4.news-press{
text-align: left;
margin-top: -20px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 16px;
color: #777;
display: block;
}

h4.news-extra{
text-align: left;
margin-top: 10px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 16px;
color: #999 !important;
display: block;
}

@media only screen and (max-width: 520px) {
.news-main{
margin-left: 0px;
margin-top: 25px;
}
.news-main-archive-home {
margin: 0px 95px 0px 10px;
}
.news-main-archive-home2 {
margin: 5px 85px 0px 5px;
}
h2.news-top,
h2.news-top-light{
text-align: center;
width: 100% !important;
}
h4.news-sub,
h4.news-press,
h4.news-extra{
text-align: center;
}
h4.news-date,
h4.news-date-max {
text-align: center;
display: block;
}
.pill-respond {
margin-top: 20px !important;
margin-bottom: 5px !important;
}
}

@media only screen and (max-width: 480px) {
.news-main-archive-v2 {
width: 98% !important;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 5px;
}
.event-btn-style-archive {
display: none;
}
.view-archive-btn {
display: inline-block !important;
}
.delete-btn, .delete-careers-btn {
display: block;
width: 100% !important;
}
.news-main-archive,
.news-main-archive2 {
width: 100%;
position: relative !important;
display: block !important;
margin: 0px 0px 0px 0px;
}
.news-main-archive-home {
margin: 0px 0px 0px 0px;
}
.countdown-date,
.countdown-date-home {
width: 100% !important;
position: relative !important;
display: block !important;
margin-top: -10px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.fill-news img {
width: 100% !important;
}
h2.news-top,
h2.news-top-home{
margin-top: 25px !important;
}
.archive-pic,
.archive-pic-home {
display: none !important;
}
h4.news-date{
color: #222 !important;
background: #CCC !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
h4.news-date-max{
display: none !important;
}
h4.news-date-min{
color: #222 !important;
background: #CCC !important;
text-align: center;
display: block;
margin-bottom: 25px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
.pill-respond {
margin-bottom: -20px !important;
}
.event-archive {
margin-top: 20px !important;
}
.news-main-archive-home2,
.countdown-date-home2 {
display: none;
}
.news-main-archive-home2A {
display: block;
}
.event-archive-home {
padding: 25px 15px 5px 15px;
}
}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 375px) {	

}

@media only screen and (max-width: 320px) {
.news-main-archive {
width: 100%;
}
}

.event-guts {
width: 100%;
float: left;
text-align: center;
background-color: #F2F2F2 !important;
padding: 25px 50px 50px 50px;
margin-top: 0px;
margin-bottom: 0px;
}

.event-guts-v2 {
width: 100%;
float: left;
text-align: center;
background-color: #FFF !important;
padding: 5px 25px 40px 25px;
margin-top: 1px;
margin-bottom: 0px;
}

.event-guts-home {
width: 100%;
float: left;
text-align: center;
background-color: #E9E9E9 !important;
padding: 25px 50px 50px 50px;
margin-top: 0px;
margin-bottom: 0px;
}

@media (max-width: 767px) {
h2.news-top-comm-v2{
line-height: 20px !important;
font-size: 1.3em !important;
position: relative;
}
.event-sign-v2 {
margin-right: 10px !important;
float: left !important;
}
.download-text {
display: block !important;
}
}

@media (max-width: 640px) {
.event-guts,
.event-guts-home {
padding: 5px 30px 30px 30px;
}
}

.archive-pic,
.archive-pic-stay {
width: 60%;
height: auto;
margin-top: 25px;
padding-bottom: 30px;
border-bottom: 1px solid #CCC;
}

.archive-pic-v2 {
width: 60%;
height: auto;
margin-top: 25px;
padding-bottom: 30px;
border-bottom: 1px solid #CCC;
}

.archive-pic-home {
width: 100%;
height: auto;
margin-top: 25px;
padding-bottom: 30px;
border-bottom: 1px solid #CCC;
}

@media only screen and (max-width: 991px) {
.archive-pic,
.archive-pic-stay {
width: 100%;
}
.archive-pic-v2 {
width: 100% !important;
}
.news-main-archive-comm {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0px 0px 0px 0px;
}
.news-main-archive-comm-v2 {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0px 0px 0px 0px;
}
.countdown-date-comm {
width: 100% !important;
background-color: #01257F !important;
position: relative !important;
display: block !important;
margin-top: -10px !important;
}
.event-btn-style-comm {
display: none;
}
.view-archive-btn-comm {
display: inline-block !important;
}
h2.news-top-comm{
width: 96% !important;
margin-top: 25px !important;
margin-bottom: 15px !important;
text-align: center !important;
}
h2.news-top.pill{
width: 100% !important;
text-align: center !important;
}
.archive-pic-comm{
display: none !important;
}
h4.news-date-comm{
color: #222 !important;
background: #CCC !important;
text-align: center !important;
display: block !important;
margin-bottom: 25px !important;
}
}

h2.modal-project-top{
margin-top: 20px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 800;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 30px;
color: #252525;
padding-left: 0px;
padding-right: 0px;
}

.event-txt p {
text-align: justify;
color: #5E5E5E !important;
margin-left: 0px;
padding-bottom: 0px;
margin-top: 20px;
}

.event-txt ul {
margin-left: 10px !important;
text-align: left !important; 
}

.event-txt ul li{
margin-bottom: 7px !important;
}

.press-txt {
text-align: justify;
color: #5E5E5E;
margin-left: 0px;
padding-bottom: 0px;
margin-top: 20px;
}

.project-guts {
background-color: #CCC;
padding: 50px 50px 50px 50px;
margin-top: 40px;
margin-bottom: 40px;
display: block;
}

@media (max-width: 640px) {
.project-guts {
padding: 30px 30px 30px 30px;
}
}

h2.modal-about-top{
display: inline-block;
margin-top: 0px;
margin-bottom: 20px;
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 800;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 30px;
color: #252525;
border-bottom: solid 1px #252525;
padding-bottom: 5px;
}

.margin-top {
    margin-top: 25px;
}

.list-txt {
text-align: left;
margin-left: 25px;
margin-bottom: 15px;
color: #252525;
font-size: 14px !important;
line-height: 22px !important;
}

.about-list-style {
color: #FFF;
float: left;
line-height: 22px !important;
}

.active.event-sign {
font-size: 22px;
color: #000;
margin-right: 0px;
margin-left: 0px;
}

.event-sign {
font-size: 22px;
color: #2AAFE9;
margin-right: 0px;
margin-left: 0px;
}

.event-sign-v2 {
font-size: 21px;
color: #2AAFE9;
margin-right: 15px;
margin-left: 0px;
}

a .event-sign:hover {
color: #000 !important;
}

.edit-sign {
font-size: 22px;
color: #FBAC35;
margin-right: 0px;
margin-left: 0px;
}

a .edit-sign:hover {
color: #000 !important;
}

.edit-sign-v2 {
font-size: 24px;
font-weight: 700;
color: #FBAC35;
margin-right: 0px;
margin-left: -3px;
}

a .edit-sign-v2:hover {
color: #000 !important;
}

.active.event-sign-main {
color: #252525 !important;
margin-right: 0px;
margin-left: 10px;
}

.event-sign-main {
font-size: 18px !important;
color: #FFF;
margin-right: 0px;
margin-left: 10px;
}

a .event-sign-main:hover {
color: #252525 !important;
}

.active.event-sign-blue {
color: #007db4 !important;
margin-right: 0px;
margin-left: 10px;
}

.event-sign-blue {
font-size: 18px !important;
color: #FFF;
margin-right: 0px;
margin-left: 10px;
}

.tog-post:hover .event-sign-blue {
color: #444 !important;
}

.active.event-sign-white {
color: #FFF !important;
margin-right: 0px;
margin-left: 10px;
}

.event-sign-white {
font-size: 18px !important;
color: #FFF;
margin-right: 0px;
margin-left: 10px;
}

.active.event-sign-white-v2 {
color: #FFF !important;
margin-right: 0px;
margin-left: 10px;
}

.event-sign-white-v2 {
font-size: 18px !important;
line-height: 18px !important;
font-weight: 700 !important;
color: #FFF;
margin-right: 0px;
margin-left: 10px;
}

.event-btn-style {
position: absolute;
left: 50%;
bottom: -12px;
z-index: 100001 !important;
text-align: center !important;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}

.event-link-style {
color: #2AAFE9 !important;
font-size: 10px;
font-style: italic;
margin-bottom: 0px;
}

.countdown-date {
position: absolute;
left: 0;
top: 0;
background-color: #C5C5C5;
color: #FFF;
text-align: center;
width: 125px;
height: 100%;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.countdown-date-home {
position: absolute;
left: 0;
top: 0;
background-color: #C5C5C5;
color: #FFF;
text-align: center;
width: 125px;
height: 100%;
display: none;
}
    
.countdown-date-comm {
position: absolute;
left: 0;
top: 0;
background-color: #C5C5C5;
color: #FFF;
text-align: center;
width: 125px;
height: 100%;
}

.countdown-date-home2 {
position: absolute;
left: 0;
top: 0;
background-color: #C5C5C5;
color: #FFF;
text-align: center;
width: 75px;
height: 100%;
}

.countdown-vert-align {
position: absolute;
left: 35.5%;
top: 50%;
transform: translateY(-50%);
}

.countdown-vert-align2 {
position: absolute;
left: 25.5%;
top: 50%;
transform: translateY(-50%);
}

.countdown-archive-top {
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 600 !important;
font-size: 10px !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.35em;
color: #FFF !important;
margin-bottom: 20px !important;
line-height: 0px !important;
}

.countdown-archive-bottom {
font-family: "Open Sans", Arial, sans-serif;
font-style: normal;
font-weight: 600 !important;
font-size: 10px !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.35em;
color: #FFF !important;
margin-top: 20px !important;
margin-bottom: 0px !important;
line-height: 0px !important;
}

.countdown-date h3,
.countdown-date-admin h3,
.countdown-date-home h3,
.countdown-date-home2 h3 {
display: block;
margin-left: -5px;
color: #FFF !important;
margin-bottom: 0px !important;
line-height: 0px !important;
}