/* CUSTOM CSS : START */

/* style.css */

/*
.page-title-block.page-title-alignment-center.has-background-image {
    background-position-y: -120px;
}
*/

.header-style-3 #primary-menu.no-responsive > li > a:after,
.header-style-4 #primary-menu.no-responsive > li > a:after {
    background-color: #ed1c24;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform-origin: left center;
    transition: all .15s ease-out;
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.header-style-3 #primary-menu.no-responsive > li:hover > a:after,
.header-style-4 #primary-menu.no-responsive > li:hover > a:after {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    opacity: 1;
}

.builtin-icons {
    margin-right: 8px;
}

#footer-nav {
    padding: 20px 0;
    font-size: 13px;
}

#colophon {
    padding: 45px 0;
}

#colophon .widget-title:after {
    content: '';
}

.footer-site-info a {
    text-decoration: underline;
}

.footer-site-info a:hover {
    color: #ed1c24;
}

.custom-html-widget a {
    text-decoration: underline;  
}

.gform-confirmation {
    font-size: 32px;
    line-height: 1.4em;
    text-align: center;
    padding-bottom: 120px;
}

@media (max-width: 767px) {
    .gform-confirmation {
        font-size: 18px;
        padding-bottom: 40px;
    }
}

/* Reset */

body {
    color: #5a5a5f;
}



/* Page Title */

.page-title-title h1 {
    font-size: 38px;
    letter-spacing: 4px;
}

/* Titles */

.title--center {
    text-align: center;
}

.title-main {
    font-size: 28px;
    color: #231f20;
    font-weight: 700;
}

.mk-fancy-title .title--emphasis {
    margin: 0;
}

.mk-fancy-title.title--emphasis,
.mk-fancy-title.title--emphasis p {
    font-size: 38px;
    line-height: 1.4em;
    margin: 0 0 0.7em;
}

.subtitle--emphasis {
    letter-spacing: 7px;
    text-transform: uppercase;
    font-weight: 400;
    color: #231f20;
    font-size: 25px;
    text-align: center;
    line-height: 1.5em;
}

.title--reverse {
    color: #ed1c24;
}

.subtitle--info {
    text-align: center;
}

.title--info {
    text-transform: none;
    line-height: 1.7em;
    font-weight: 500;
}

#page-title.page-title-block {
    padding-top: 120px !important;
    background-position: center bottom;
}

.page-template-about #page-title.page-title-block {
    background-position-y: 60%;
}

.page-template-services #page-title.page-title-block {
    background-position-y: 70%;
}

.page-template-technology #page-title.page-title-block {
    background-position-y: 65%;
}

.page-template-submetering #page-title.page-title-block {
    background-position-y: 70%;
}

.page-template-careers #page-title.page-title-block {
    background-position-y: 40%;
}

.page-template-energy #page-title.page-title-block {
    background-position-y: 52%;
}

.page-template-conference #page-title.page-title-block {
    padding-top: 290px !important;
    background-position-y: 90%;
    padding-bottom: 150px !important;
}

.page-template-conference #page-title .page-title-title h1 {
    color: #001149;
}

.mk-fancy-title p {
    font-size: 22px;
    line-height: 1.4em;
}

.mk-fancy-title.subtitle--info p {
    font-size: 16px;
}

/* Header */

.top-area .top-area-items .top-area-block.top-area-socials {
    float: right;
}

.top-area-contacts .gem-contacts-item a {
    color: #ed1c24;
}

/* Divider */

.gem-divider {
    width: 35px;
    border-top: 3px solid #ed1c24;
    margin-bottom: 45px;
}

.gem-divider.divider--center-align,
.gem-divider.divider--center {
    text-align: center;
    border: medium none;
    width: 100%;
}

.gem-divider.divider--center::after {
    content: "";
    display: block;
    height: 20px;
    width: 55px;
    border-top: 2px solid #231f20;
    margin: 0 auto;
}

.gem-divider.divider--center-align::after {
    content: "";
    display: block;
    height: 2px;
    width: 25px;
    border-top: 2px solid #ed1c24;
    margin: 0 auto;
}


.gem-divider.divider--reverse {
    border-top: 3px solid #231f20;
}

/* Lists */

.wpb_text_column ul {
    padding-left: 15px;
}

.wpb_text_column ul li:before {
    left: -15px;
    height: 6px;
    width: 6px;
    background-color: #ed1c24;
    top: 9px;
}

ul.list--alt li:before {
    background-color: #333;
}

/* Buttons */

.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
    padding: 26px 66px;
    font-size: 16px;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover {
    color: #fff;
    background-color: #ed1c24;
}

/* Videos */

.wpb_wrapper iframe {
    width: 100%;
}

/* Sections */

.section--no-padding,
.section--no-padding>.vc_column_container>.vc_column-inner  {
    padding: 0;
}

.section--no-margin {
    margin: 0 !important;
}

.section--extend h2 p,
.section--extend h2 {
    color: #231f20;
}

.section--extend p {
    color: #929497;
    line-height: 1.8em;
}

.section--extend strong {
    color: #ed1c24;
}

p {
    font-size: 16px;
    line-height: 1.9em;
}

/* Content */

.panels--content-link .wpb_text_column {
    min-height: 180px;
}

.panels--content-link .wpb_text_column p {
    color: #231f20;
    font-size: 15px;
    text-align: center;
    line-height: 1.6em;
}

.panel--links {
    text-align: center;
}

/* Sliders */

.tp-bullet-title {
    display: none;
}

ares .tp-bullet:hover, .ares .tp-bullet.selected {
    background: #ed1c24;
}

/* Accordion */

.gem-wrapbox-style-2 {
    border-width: 4px;
}


.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before,
.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #ed1c24;
    color: #ed1c24;
}

.wpb-js-composer .vc_tta-accordion {
    border-top: 1px dashed #3c3950;
    border-bottom: 1px dashed #3c3950;
}

.accordian-open {
    cursor: pointer;
}

.vc_tta-title-text {
    font-family: 'Open Sans', Arial, sans-serif;
} 


/* Menu */

.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-3 #primary-menu.no-responsive > li.menu-item-active > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-active > a,
.header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a,
.header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
    border: medium none;
}

#primary-menu.no-responsive > li > ul > li > a,
#primary-menu.no-responsive > li.megamenu-enable > ul,
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li > a,
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li > span.megamenu-column-header > a {
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
}

#primary-menu.no-responsive ul, #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li {
    border: medium none;
}

/* Mobile Menu */

.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a,
.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a {
    border-left: 4px solid #ed1c24;
}

#primary-navigation.responsive #primary-menu > li > ul > li > a,
#primary-navigation.responsive #primary-menu > li > ul > li > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li > ul > li.opened > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-item-active > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.opened > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-active > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-current > span.megamenu-column-header > a,
#primary-navigation.responsive ul.dl-submenu.level2 > li.menu-item-active > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-overlay-item-open > a,
#primary-navigation.responsive #primary-menu > li > ul > li.menu-overlay-item-open > span.megamenu-column-header > a,
#primary-navigation.responsive #primary-menu > li > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li > a,
#primary-navigation.responsive #primary-menu li.menu-item-search,
#primary-navigation.responsive #primary-menu li.menu-item-search .minisearch,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper,
body .menu-overlay.mobile {
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
}

#primary-navigation.responsive #primary-menu > li > a,
#primary-navigation.responsive #primary-menu > li > .menu-item-parent-toggle,
#primary-navigation.responsive ul.dl-submenu.level1 > li > a {
    color: #fff;
}

.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li {
    border-top: 1px solid #3D3D3D;
}

#primary-navigation.responsive #primary-menu > li.menu-item-current > a,
#primary-navigation.responsive #primary-menu > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li.opened > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-current > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-active > a,
#primary-navigation.responsive #primary-menu > li.menu-overlay-item-open > a {
    background-color: #ed1c24;
}

#primary-navigation .menu-toggle .menu-line-1,
#primary-navigation .menu-toggle .menu-line-2,
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-3,
#perspective-menu-buttons .perspective-toggle .menu-line-1,
#perspective-menu-buttons .perspective-toggle .menu-line-2,
#perspective-menu-buttons .perspective-toggle .menu-line-3 {
    background: #333;
}

/* Alert / Info */

.text--alert {
    color: #ed1c24;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

/* Buttons */

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline {
    color: #231f20;
    border-color: #ed1c24;
    background-color: #0000;
    letter-spacing: 2px;
    padding: 15px 25px;
    font-weight: 600;
}

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:hover {
    color: #fff;
    border-color: #ed1c24;
    background-color: #ed1c24;
}


/* Timeline */

.cool-timeline-wrapper .timeline-main-title {
    display: none;
}

#main .cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-year {
    background: #ed1c24;
    box-shadow: 0 0 0 1px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 4px #025149;
    height: 100px;
    width: 100px;
    padding: 17px 0;
    left: calc(50% - 50px);
}

@media (max-width: 860px) {
    #main .cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-year {
        height: 42px;
        padding: 5px 0;
        width: calc(100% - 50px);
        left: 46px;
    }
}

.cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-post.even .timeline-content .content-title,
.cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-post.odd .timeline-content .content-title,
.cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-post.even .icon-dot-full,
.cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-post.odd .icon-dot-full {
    background: #ed1c24;
}

.cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-post.even .timeline-content .content-title:before {
    border-right-color: #ed1c24;
}

.cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-post.odd .timeline-content .content-title:before {
    border-left-color: #ed1c24;
}

#main .ultimate-style .timeline-post .timeline-content .content-title {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#main .cool-timeline .timeline-post .timeline-content h2.content-title, .ctl-popup-content h2 {
    font-size: 20px!important;
    line-height: 1.5em;
    text-transform: none;
}

#main .ultimate-style .timeline-post .timeline-content .content-title:before,
#main .ultimate-style .timeline-post.even .timeline-content .content-title:before {
    top: 17px;
}

@media (max-width: 860px) {
    .cool_timeline.cool-timeline-wrapper .cool-timeline .timeline-post.odd .timeline-content .content-title:before {
        border-right-color: #ed1c24;
        border-left-color: #0000;
    }
    #main .ultimate-style .timeline-post .timeline-content .content-title:before,
    #main .ultimate-style .timeline-post.even .timeline-content .content-title:before {
        top: 22px;
    }
    #main .cool-timeline .timeline-post .timeline-content h2.content-title, .ctl-popup-content h2 {
        padding-top: 20px;
    }
}

#main .cool-timeline .timeline-post .timeline-content {
    background: #fff;
}

#main .cool-timeline .timeline-post .timeline-content img {
    max-width: 60%;
    height: auto;
    text-align: center;
    margin-left: 20%;
}

.timeline-meta .meta-details {
    display: none;
}

#main .cool-timeline .timeline-year .icon-placeholder span,
#main .cool-timeline .timeline-post .timeline-content h2.content-title,
#main .ctl-popup-content h2,
#main .cool-timeline .timeline-post .timeline-content .content-details,
#main .ctl-popup-content {
    font-family: 'Open Sans', Arial, sans-serif !important;
}

#main .cool-timeline .timeline-year .icon-placeholder span {
    font-weight: 300;
    font-size: 26px;
}

#main .cool-timeline .timeline-post .timeline-content .content-details {
    font-size: 16px !important;
}

/* Search */



body.error404 .breadcrumbs-container,
body.search .breadcrumbs-container {
    display: none;

}

body.error404 .page-title-block .highlight,
body.search .page-title-block .highlight {
    color: #fff;
}

body.error404 #page-title.page-title-block,
body.search #page-title.page-title-block {
    background-color: #231f20;
    padding-top: 80px !important;
}


body.error404 #page-title.page-title-block {
    padding-bottom: 80px !important;
}

body.search #page-title.page-title-block {
    padding-bottom: 30px !important;
}

body.error404 #page-title.page-title-block::before,
body.search #page-title.page-title-block::before {
    height: 0;
    background-color: #fff;
}

.post-footer-sharing {
    display: none;
}

/* Footer */

.footer-site-info {
    font-size: 14px;
}

.footer-site-info a {
    color: #ed1c24;
}

.footer-site-info a:hover {
    color: #FFF;
}

/* Press Releases */

.newsroom--page-title {
    padding-top: 120px;
    padding-bottom: 120px;
    background: url('../img/ontec-header-background-matrix-alt.jpg');
    background-position: center bottom;
    background-size: cover;
    background-position-y: 65%;
}

.newsroom--archive-title {
    font-size: 24px;
    line-height: 1.3em;
}

.newsroom--title h2 {
    font-size: 26px;
    line-height: 1.3em;
}

.newsroom--block-content {
    padding-top: 20px;
}

.newsroom--category {
    color: #ed1c24;
    font-weight: 700;
}

.newsroom--date {
    padding-top: 12px;
}

.newsroom--back {
    color: #ed1c24;
    font-weight: 700;
    margin-top: 20px;
}

[class^="pe-7s-"],
[class*=" pe-7s-"] {
	display: inline-block;
    font-family: 'thegem-icons';
    font-size: 24px;
	speak: none;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ed1c24;
    vertical-align: top;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.newsroom--back [class^="pe-7s-"],
.newsroom--back [class*=" pe-7s-"] {
    padding-top: 0;
}

.pe-7s-angle-back:before {
    content: '\e603';
}

.newsroom--back-text {
    text-transform: uppercase;
}

/* Forms */

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select,
.gform_wrapper .gform_body .gfield textarea,
.gform_wrapper .gform_body .gfield input {
    background: #fff;
}


/* Newsroom fix */

.thegem_news-template-default .page-title-title h1,
.post-type-archive-thegem_news .page-title-title h1 {
	color: #000;
}

#site-header {
	background-color: white;	
}