/*== common css =*/
* {box-sizing: border-box; margin:0;}
body, ul, ol, li, p {margin: 0; padding: 0; list-style: none;}
.clearfix:before {content: " "; display: table;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{display: inline-block;}                        
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.hpe-wrapper {width: 1200px; margin: 0 auto;}
.section-heading {font: 800 30px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase;}
.hpe-content p {font: 400 16px/27px 'Open Sans', sans-serif; color: #000000; margin-bottom: 15px;}
.color01 {color: #010101;}
/*== common css =*/

/*== hpe header ==*/
.hpe-header {padding: 20px 0;}
.hpe-header .left-block {float: left;}
.hpe-header .right-block {float: right;}
.divider {border-left: 1px dashed #919191; display: inline-block; height: 69px; margin: 0 20px;}
/*== hpe header ==*/


/*== about the event ==*/
.about-the-event {background: url("../../images/hpe/about-event-bg.png") no-repeat; background-size: cover; height: 590px;}
.about-the-event .hpe-wrapper {width: 1045px; margin: auto; padding: 95px 0 65px 0;}
.date-location {display: block; margin-bottom: 35px; font: 20px/24px 'Open Sans', sans-serif; color: #fff;}
.calendar-icon {background: url("../../images/hpe/calendar-icon.png") no-repeat; width: 18px; height: 21px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.location-icon {background: url("../../images/hpe/location-icon.png") no-repeat; width: 18px; height: 21px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.about-the-event-content {width: 665px;}
.about-the-event-content p {color: #fff; line-height: 30px;}
.green-border-box {width: 55px; height: 10px; border: 2px solid #18ab83; margin-bottom: 10px; display: inline-block;}
/*== about the event ==*/


/*== agenda ==*/
.agenda .hpe-wrapper {width: 1045px; margin: auto; padding: 55px 0;}
.agenda-table {width: 800px; margin: 20px auto;}
.agenda-table tr td {padding: 10px; font: 700 18px 'Open Sans', sans-serif; color: #000000;}
.agenda-table tr td:nth-of-type(odd) {text-align: center; width: 40%;}
.agenda-table tr:nth-of-type(odd) td {background-color: #e7f6f2;}
.agenda-table tr td:nth-of-type(even) {font-weight: 400;}
/*== agenda ==*/


/*== about hpe ==*/
.about-hpe {background-color: #f6f5f5;}
.about-hpe .hpe-wrapper:nth-of-type(1) {width: 1045px; margin: auto; padding: 30px 0;}
.about-hpe .left-block {display: inline-block; vertical-align: top;}
.about-hpe .right-block {display: inline-block; vertical-align: top; width: 45%; margin-left: 20px; margin-top: -25px; margin-bottom: 10px;}
.hpe-content p {font-weight: 600;}
/*== about hpe ==*/


/*== our partners ==*/
.our-partners .hpe-wrapper {width: 1045px; margin: auto; padding: 50px 0 0;}
ul.partners-list {width: 970px; margin: 30px 75px;}
.partners-list li  {margin-bottom: 55px;}
.partners-list li .left-block {margin-right: 60px; display: inline-block; vertical-align: top; width: 200px; height: 125px; background-color: #f2f2f2; border: 1px solid #d9d9d9; text-align: center; position: relative;}
.partners-list li .left-block span {position: absolute; font: 700 12px 'Open Sans', sans-serif; color: #5d5d5d; text-transform: uppercase; left: 0; right: 0; top: -20px;}
.partners-list li .left-block img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.partners-list li .right-block {display: inline-block; vertical-align: top; width: 70%;}
.partners-list li .right-block p {line-height: 30px;}
/*== our partners ==*/


/*== hpe footer ==*/
.hpe-footer {background-color: #18ab83; padding: 15px 0px;}
.footer-links-block {text-align: right;}
.footer-links-block a {font: 600 12px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; text-decoration: none;}
.footer-link-divider {border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 10px; margin: 0 10px;}
.copyright {font: 400 12px/18px 'Open Sans', sans-serif; color: #fff; margin-top: 15px; width: 65%; margin-bottom: 20px;}
/*== hpe footer ==*/


@media screen and (max-width: 1279px) {
 .hpe-wrapper {width: 100% !important; padding: 15px !important;}
 .about-the-event img {width: 100%;}
 ul.partners-list {width: 100%; margin: 30px 0px;}
 .about-hpe .left-block {width: 50%;}
 .about-hpe .left-block img {width: 100%;}
}

@media screen and (max-width: 980px) {
 .agenda-table {width: 100%; margin: 0 auto;}
 .about-hpe .left-block {width: 100%;}
 .about-hpe .right-block {width: 100%; margin-left: 0; margin-top: 20px;}
 .partners-list li .right-block {width: 63%;}
 .footer-links-block {text-align: center;}
 .copyright {width: 100%; text-align: center;}
}


@media screen and (max-width: 767px){
 .hpe-header {padding: 0 0 20px 0;}
 .hpe-header .left-block img {width: 80%;}
 .hpe-header .right-block {width: 50%;}
 .hpe-header .sub-logos img {width: 35%; vertical-align: top;}
 .hpe-header .sub-logos:nth-of-type(2) img {width: 48%; vertical-align: top; margin-top: 7px;}
 .divider {margin: 0 8px; height: 54px;}
 .about-the-event-content {width: 100%; margin-top: 70px;}
 .about-the-event-content .section-heading, .about-the-event-content p {color: #000000;}
 .about-the-event {background-size: contain; height: unset; position: relative;}
 .date-location {font-size: 18px; margin: 20px 0;}
 ul.partners-list {text-align: center;}
 .partners-list li .left-block {margin: 0;}
 .partners-list li .right-block {width: 100%; text-align: left; margin-top: 20px;}
 .section-heading {font-size: 28px;}
 .hpe-content p {font-size: 15px;}
 .partners-list li {margin-bottom: 35px;}
 .agenda-table tr td {font-size: 15px; width: 100% !important; text-align: left !important; display: block;}
 .agenda-table tr td:nth-of-type(odd) {padding: 10px 0 0 10px;}
 .agenda-table tr td:nth-of-type(even) {padding: 0 10px 10px 10px;}
 .agenda .hpe-wrapper {padding: 0 !important;}
 .agenda .section-heading {margin-left: 15px;}
 .agenda .green-border-box {margin-left: 15px;}
 .agenda, .about-hpe {margin-bottom: 35px;}
 .about-hpe .section-heading {line-height: 25px; margin-bottom: 5px;}
 .our-partners .hpe-wrapper {padding: 0 15px !important;}
}

@media screen and (max-width: 320px){
 .hpe-header .left-block img {width: 95%;}
 .hpe-header .left-block {width: 45%;}
 .hpe-header .right-block {width: 54%;}
 .about-the-event-content {margin-top: 40px;}
}