/*
Theme Name: highviewpower
Author: Cskills
Version: 1
*/

/* Font Embed */
@font-face { font-family: 'reader-bold'; src: url('css/fonts/reader-bold.eot'); src: url('css/fonts/reader-bold.eot?#iefix') format('embedded-opentype'), url('css/fonts/reader-bold.woff') format('woff'), url('css/fonts/reader-bold.woff2') format('woff2'), url('css/fonts/reader-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'reader-italic'; src: url('css/fonts/reader-italic.eot'); src: url('css/fonts/reader-italic.eot?#iefix') format('embedded-opentype'), url('css/fonts/reader-italic.woff') format('woff'), url('css/fonts/reader-italic.woff2') format('woff2'), url('css/fonts/reader-italic.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'reader-medium'; src: url('css/fonts/reader-medium.eot'); src: url('css/fonts/reader-medium.eot?#iefix') format('embedded-opentype'), url('css/fonts/reader-medium.woff') format('woff'), url('css/fonts/reader-medium.woff2') format('woff2'), url('css/fonts/reader-medium.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'reader-regular'; src: url('css/fonts/reader-regular.eot'); src: url('css/fonts/reader-regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/reader-regular.woff') format('woff'), url('css/fonts/reader-regular.woff2') format('woff2'), url('css/fonts/reader-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'BarlowCondensed-LightItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-LightItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-LightItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-LightItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-LightItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-LightItalic.svg#BarlowCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-ThinItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-ThinItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-ThinItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-ThinItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-ThinItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-ThinItalic.svg#BarlowCondensed-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Regular';
    src: url('css/fonts/Barlow/BarlowCondensed-Regular.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-Regular.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-Regular.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-Regular.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-Regular.svg#BarlowCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Medium';
    src: url('css/fonts/Barlow/BarlowCondensed-Medium.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-Medium.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-Medium.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-Medium.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-Medium.svg#BarlowCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-SemiBoldItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-SemiBoldItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBoldItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBoldItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBoldItalic.svg#BarlowCondensed-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Black';
    src: url('css/fonts/Barlow/BarlowCondensed-Black.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-Black.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-Black.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-Black.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-Black.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-Black.svg#BarlowCondensed-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Thin';
    src: url('css/fonts/Barlow/BarlowCondensed-Thin.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-Thin.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-Thin.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-Thin.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-Thin.svg#BarlowCondensed-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-SemiBold';
    src: url('css/fonts/Barlow/BarlowCondensed-SemiBold.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBold.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBold.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-MediumItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-MediumItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-MediumItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-MediumItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-MediumItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-MediumItalic.svg#BarlowCondensed-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-BlackItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-BlackItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-BlackItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-BlackItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-BlackItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-BlackItalic.svg#BarlowCondensed-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-BoldItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-BoldItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-BoldItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-BoldItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-BoldItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-BoldItalic.svg#BarlowCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Bold';
    src: url('css/fonts/Barlow/BarlowCondensed-Bold.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-Bold.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-Bold.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-Bold.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-Bold.svg#BarlowCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-ExtraLight';
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraLight.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLight.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLight.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLight.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLight.svg#BarlowCondensed-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-ExtraBoldItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraBoldItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBoldItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBoldItalic.svg#BarlowCondensed-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-ExtraBold';
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraBold.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBold.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBold.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBold.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraBold.svg#BarlowCondensed-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Italic';
    src: url('css/fonts/Barlow/BarlowCondensed-Italic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-Italic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-Italic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-Italic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-Italic.svg#BarlowCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-ExtraLightItalic';
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraLightItalic.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLightItalic.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLightItalic.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLightItalic.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-ExtraLightItalic.svg#BarlowCondensed-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Light';
    src: url('css/fonts/Barlow/BarlowCondensed-Light.eot');
    src: url('css/fonts/Barlow/BarlowCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Barlow/BarlowCondensed-Light.woff2') format('woff2'),
        url('css/fonts/Barlow/BarlowCondensed-Light.woff') format('woff'),
        url('css/fonts/Barlow/BarlowCondensed-Light.ttf') format('truetype'),
        url('css/fonts/Barlow/BarlowCondensed-Light.svg#BarlowCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* Font Embed */
@media screen {
    * { margin: 0; padding: 0; box-sizing: border-box }
    body { font-family: 'reader-regular'; font-size: 17px; min-height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 320px; line-height: 29px; color: var(--dark_blue); background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
    input[type="submit"], input[type="button"], button, input[type="text"], input[type="email"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
    .screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
    .clear { clear: both; }
    .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    * html .group, *:first-child+html .group { zoom: 1; }

    /* First selector = IE6, Second Selector = IE 7 */
    input:focus, a:focus, li:focus, a, img { outline: none; border: 0 }
    #page-wrap { width: 100%; margin: 0 auto; }
    /*h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }*/
    h1 { }
    h2 { }
    h3 { }
    p { margin: 0 0 29px 0; }
    p:last-child { margin-bottom: 0 }
    a { }
    a:hover { }
    blockquote { }
    blockquote p { }
    ul, ol { margin: 0 0 20px 0; padding: 0 }
    .post { }
    .entry { }
    .entry a { }
    .entry a:hover { }
    pre { }
    code, tt { }
    #meta { }
    .postmetadata { }
    #sidebar { }
    .navgation { }
    .next-posts { }
    .prev-posts { }
    #searchform { }
    #s { }
    #searchsubmt { }
    ol.commentlist { list-style: none; }
    ol.commentlist li { }
    ol.commentlist li.alt { }
    ol.commentlist li.bypostauthor { }
    ol.commentlist li.byuser { }
    ol.commentlist li.comment-author-admin { }
    ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
    ol.commentlist li.comment div.comment-author { }
    ol.commentlist li.comment div.vcard { }
    ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
    ol.commentlist li.comment div.vcard cite.fn a.url { }
    ol.commentlist li.comment div.vcard img.avatar { float: right; margin: 0 0 10px 10px; }
    ol.commentlist li.comment div.vcard img.avatar-32 { }
    ol.commentlist li.comment div.vcard img.photo { }
    ol.commentlist li.comment div.vcard span.says { }
    ol.commentlist li.comment div.commentmetadata { }
    ol.commentlist li.comment div.comment-meta { font-size: 10px; }
    ol.commentlist li.comment div.comment-meta a { color: #ccc; }
    ol.commentlist li.comment p { }
    ol.commentlist li.comment ul { }
    ol.commentlist li.comment div.reply { font-size: 11px; }
    ol.commentlist li.comment div.reply a { font-weight: bold; }
    ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
    ol.commentlist li.comment ul.children li { }
    ol.commentlist li.comment ul.children li.alt { }
    ol.commentlist li.comment ul.children li.bypostauthor { }
    ol.commentlist li.comment ul.children li.byuser { }
    ol.commentlist li.comment ul.children li.comment { }
    ol.commentlist li.comment ul.children li.comment-author-admin { }
    ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-5 { }
    ol.commentlist li.comment ul.children li.odd { }
    ol.commentlist li.even { background: #fff; }
    ol.commentlist li.odd { background: #f6f6f6; }
    ol.commentlist li.parent { border-left: 5px solid #111; }
    ol.commentlist li.thread-alt { }
    ol.commentlist li.thread-even { }
    ol.commentlist li.thread-odd { }
    form { }
    input[type=text] { }
    textarea { }
}

/* END screen media */
@media print {
    .do-not-print { display: none; }
    #comments { page-break-before: always; }
    body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond, "Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
   /* h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; }
    h1 { font-size: 19pt; }
    h2 { font-size: 17pt; }
    h3 { font-size: 15pt; }
    h4, h5, h6 { font-size: 12pt; }*/
    code { font: 10pt Courier, monospace; }
    blockquote { margin: 1.3em; padding: 1em; }
    img { display: block; margin: 1em 0; }
    a img { border: none; }
    table { margin: 1px; text-align: left; }
    th { border-bottom: 1px solid #333; font-weight: bold; }
    td { border-bottom: 1px solid #333; }
    th, td { padding: 4px 10px 4px 0; }
    caption { background: #fff; margin-bottom: 2em; text-align: left; }
    thead { display: table-header-group; }
    tr { page-break-inside: avoid; }
    a { text-decoration: none; color: black; }
}

/* END print media */

/* New CSS */
:root {
    --pink: #EB17B2;
    --default_blue: #0076D0;
    --dark_blue: #222D40;
    --fill_pink: #8D2270;
    --dark_blu_txt: #222D40;
}
body {scroll-behavior: smooth;}
body.chrome .challanges_grid .challange_item h3 {padding: 10px 0px 5px;}
body.firefox .challanges_grid .challange_item h3 {padding: 10px 0px 5px; }
body.chrome .home_first_sec h1 span, body.firefox .home_first_sec h1 span {padding: 12px 13px 0 5px; }
body.firefox h1 strong, body.chrome h1 strong {padding: 0px 7px 8px 5px; }
body.chrome h2 strong, body.firefox h2 strong {padding: 0 5px 3px; }
h2 {font-size: 50px; line-height: 60px !important; font-family: BarlowCondensed-SemiBold; color: #fff; letter-spacing: initial !important; text-transform: uppercase; }
h2 strong {border: none !important; background: #EB17B2; padding: 0px 0px;}
h2 span {border: none !important; background: #EB17B2; padding: 0 5px; }
ul.sub-menu li a {color: #fff; padding: 5px 0 0 !important; margin: 10px 0 0; text-align: right; display: inline-block; }
ul.sub-menu li:first-child a {margin: 0; }
ul.sub-menu li a:hover {color: #fff; border-color: #fff; }
ul.sub-menu li {text-align: right; }
a.cmn_btn {font-size: 26px; line-height: 30px; font-family: BarlowCondensed-SemiBold; color: #fff; text-transform: uppercase; min-width: 200px; background: var(--pink); display: inline-block; padding: 15px 30px; text-align: center; border-radius: 7px; font-weight: 600; }
a.cmn_btn:hover {background: var(--fill_pink);}
.common_head_context .cmn_btn {margin-top: 50px; }
.common_container {display: block; max-width: 1500px; margin: 0 auto; width: 100%; }
.common_row {margin-left: -15px; margin-right: -15px; }
.half_width {width: 49%; padding: 0 15px; display: inline-block; vertical-align: top;}
.full_width {width: 100%; padding: 0 15px; display: inline-block; vertical-align: top;}
.ParallaxVideo{
    height: 90vh;
    padding-bottom: 50px;
    padding-top: 50px;
}
.ParallaxVideo video{
    min-width: 100%;
    position: fixed;
    top:0;
    z-index: -999;
}
.ParallaxVideo h1 {
  color: #fff;
  font-size: 76px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.combo-project.responsive { display: none; }
.popUpContent h2 {
    color: var(--pink);
}
.popUpContent p {
    color: var(--dark_blue) !important;
}
.open-rules-content p a {color: var(--dark_blue); text-decoration: underline; font-weight: 600;}
footer .yikes-easy-mc-form .yikes-easy-mc-submit-button {padding: 15px 20px 12px !important; }
.news_latest .common_row.common_head_context .floatLeft .featureddes h3:hover, .news_latest .common_row.common_head_context .floatLeft .featureddes p:hover { color: var(--pink); }


body.page-template-template-news .featuredcontent h1, body.page-template-template-press .featuredcontent h1 { font-size: 42px; font-weight: 400; font-family: 'reader-medium'; margin: 0 0 40px; line-height: 55px; color: #132028; }
body.page-template-template-news .featuredbanner h3 a, body.page-template-template-press .featuredbanner h3 a { font-size: 26px; font-weight: 400; margin: 0 0 20px; line-height: 1.4; color: #fff; font-family: 'reader-medium'; float: left; }
body.page-template-template-news .featuredcontent .listingsec h5, body.page-template-template-press .featuredcontent .listingsec h5{ font-size: 17px; font-weight: 400; font-family: 'BarlowCondensed-SemiBold'; color: #132028; }
/******** project/ plants **********/
section.top_banner.Projects .homecontent p {padding: 0 15px;}
section.masonry_projects .full_width .projects_type:first-child {margin-bottom: 0px; }
section.masonry_projects .blue_intro {position: relative; float: left; width: 100%;  z-index: 1; padding-left: 0; margin: 100px 0 50px; }
section.masonry_projects .blue_intro:before {content: ''; width: 200%; height: 100%; position: absolute; top: 0; right: 0; z-index: -1; background: var(--dark_blue); }
/***** feedback 11 july 2k22 *****/
section.open-rules {
    float: left;
    width: 100%;
    margin: 110px 0 0;
}
.open-rules-content p {
    font-size: 28px;
    line-height: 42px;
    font-family: 'BarlowCondensed-Regular';
    color: #222d40;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.footermid ul li:nth-child(4) {
    width: 25% !important;
}
.footermid ul li:nth-child(5) {
    width: 25% !important;
}

/****************** video sec 17 aug 2022 *************/
/* The Modal (background) */
section.intro_video_sec .modal {
  display: none;
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 0; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
section.intro_video_sec .modal-content iframe {
    aspect-ratio: 16/9;
}
section.intro_video_sec .modal-content {
    margin: auto;
    padding: 0;
    width: 80%;
    max-width: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/* The Close Button */
section.intro_video_sec .close {
    color: #fff;
    float: right;
    font-size: 0;
    line-height: 0;
    margin-top: -40px;
    background: var(--pink);
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: relative;
}
section.intro_video_sec .close:after {
    content: 'x';
    font-size: 24px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
section.intro_video_sec .close:hover,
section.intro_video_sec .close:focus {
  color: var(--pink);
  background: #fff;
  text-decoration: none;
  cursor: pointer;
}
section.intro_video_sec {float: left; width: 100%; background: #d9d9d9; padding: 100px 180px; }
section.intro_video_sec .common_container {max-width: 100%; padding: 0;}
section.intro_video_sec .common_container .graphic_side {width: 935px; margin-right: 109px; }
section.intro_video_sec .common_container .graphic_side img {width: 100%; display: inline-block; vertical-align: top; }
section.intro_video_sec .common_row {margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: initial; -moz-box-direction: initial; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -moz-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
section.intro_video_sec .common_container .graphic_side {width: 59.58%; margin-right: 0px; }
section.intro_video_sec .common_container .content_side {width: calc(40.42% - 109px); }
section.intro_video_sec .common_container .content_side .common_head_context p {font-family: 'BarlowCondensed-Light'; margin: 25px 0 0; color:black;}
section.intro_video_sec .common_container .content_side h2 strong {background: none; color: var(--pink); padding: 0 !important;}
.content_side h2 {color: black;}
section.intro_video_sec .common_container .content_side .common_head_context .cmn_btn {margin-top: 35px;}
/****************** video sec 17 aug 2022 end *************/

/***** feedback 11 july 2k22 *****/
.home section.sky_banner .full_width {max-width: 1020px; display: inline-block; text-align: left;}
.home section.sky_banner .common_row.common_head_context {text-align: center; background-color: #1f3445; padding: 50px 0px; }
section.perfect_strom .half_width {width: 100%; }
section.perfect_solution p {float: left; width: 100%; color: var(--dark_blue); }
section.perfect_solution.net_zero {padding: 200px 0; }
/************** career ************/
section.top_banner.careers { height: 100vh !important; }
section.top_banner.careers { height: auto !important; padding: 616px 0 0 0 !important; }
.common_row.jobs_grid {text-align: center;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.common_row.jobs_grid .job_box {width: calc(33.3% - 30px); float: left; background: #F9F9FB; border: 1px solid #707070; display: inline-block; text-align: left; margin: 0 15px; padding: 80px 40px 50px; }
section.jobs_vacant {float: left; width: 100%; padding: 150px 0;}
section.blackoverlay.top_banner.careers:before {background-color: rgb(34 45 64 / 48%); }
.top_banner.careers .displaytablecell.half_width p {max-width: 500px; text-align: left; }
.top_banner.careers .displaytablecell.half_width h1 {font-weight: 100; font-size: 56px; line-height: 60px !important; font-family: BarlowCondensed-SemiBold; color: #fff; letter-spacing: initial !important; text-transform: uppercase; text-align: left; max-width: 700px; }
.top_banner.careers .displaytablecell.half_width h1 strong {font-weight: 100; background: var(--pink); }
section.jobs_vacant h2 {color: var(--dark_blue); padding: 0 0 15px; border-bottom: 1px solid #707070; margin-bottom: 80px; }
.common_row.jobs_grid .job_box >* {float: left; width: 100%;}
.common_row.jobs_grid .job_box .job_title h3 {color: var(--dark_blue); font-family: 'BarlowCondensed-SemiBold'; font-size: 30px; line-height: 40px; font-weight: 100 !important; text-transform: uppercase;}
.common_row.jobs_grid .job_box .job_desciption p {margin: 0; color: var(--dark_blue); font-size: 26px; line-height: 36px; font-family: 'BarlowCondensed-Regular'; }
.common_row.jobs_grid .job_box .job_desciption {margin: 100px 0; }
section#banner.careers .homecontent.common_container { padding: 0px 0px 0 0px; }
/************** career end ************/
/**************New-Company**************/
section#banner.new_company_banner { text-align: center; padding-top: 50px; margin: 0px; background: #f9f9fb; width: 100%; float: left; }
section#banner.new_company_banner p { margin: 30px 0 0 0; font-family: 'reader-regular'; }
.top_banner_sm.new_company_banner h2 {
    text-align: center;
    color: black;
    padding-bottom: 50px;
    }
section.new_company_management { width: 100%; float: left; background: #F9F9FB;padding: 127px 0 109px 0; }
section.new_company_management .new_company_content { width: 50%; float: left; text-align:center;}
section.new_company_management .new_company_dir { width: 100%; float: left; }
section.new_company_management .new_company_content .banner_buttons { margin: 0 0 64px 0; }
section.new_company_management img { width: auto; float: none; display: inline-block; border-radius: 50%; }
.joinus_inner { margin: 0 0 143px 0; padding: 126px 98px 117px 98px; background: rgb(0, 126, 212); background: -moz-linear-gradient(left, rgba(0, 126, 212, 1) 0%, rgba(0, 158, 228, 1) 50%, rgba(0, 193, 245, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 126, 212, 1) 0%, rgba(0, 158, 228, 1) 50%, rgba(0, 193, 245, 1) 100%); background: linear-gradient(to right, rgba(0, 126, 212, 1) 0%, rgba(0, 158, 228, 1) 50%, rgba(0, 193, 245, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ed4', endColorstr='#00c1f5', GradientType=1); color: #fff; box-shadow: 0 2px 4px 0 rgb(10 16 34 / 20%); width: 100%; float: left; }
.joinus_inner .floatLeft { width: 60%; float: left; }
.joinus_main { width: 100%; float: left; background: #F9F9FB; }
.joinus_inner h3 { width: 100%; float: left; font-size: 56px; line-height: 60px !important; font-family: BarlowCondensed-SemiBold; color: #fff; letter-spacing: initial !important; text-transform: uppercase; margin: 0 0 37px 0; }
.joinus_inner .floatLeft p { width: 100%; float: left; margin: 0 0 30px 0; font-family: 'reader-regular'; font-size: 26px; line-height: 36px; }
.joinus_inner .floatLeft p:last-child { margin-bottom: 0; }
.joinus_inner .floatLeft p a{color:#fff;}
section.new_company_awards h2.rotatetxt { color: var(--dark_blue); text-transform: inherit; left: -8%;}
section.new_company_office h2.rotatetxt { color: var(--dark_blue); text-transform: inherit; left: -8%;}
section.new_company_awards li.slick-slide .awardimg img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
section.new_company_office li.slick-slide .awardimg img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
section.new_company_awards ul { margin: 0 0 0 80px; height: 290px;   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
section.new_company_office ul { margin: 0 0 0 80px; height: 290px;   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
section.new_company_awards .nextprev.pinkarrow { display: none; }
section.new_company_office .nextprev.pinkarrow { display: none; }
section.new_company_awards { border: none; padding-bottom: 0; padding-top: 0px !important; background: #f9f9fb;}
section.new_company_office { border: none; padding-bottom: 0; padding-top: 0px !important;}
section.new_company_awards .slick-list.draggable { margin: 0 0 0 70px; }
section.new_company_awards .awd { list-style: none; overflow: hidden; }
section.new_company_awards .awardimg img {margin: 0 auto; width: 100%; max-width: 65%; }
section.new_company_awards .awardimg { float: none; padding: 20px; justify-content: center; display: grid; align-items: center; margin: auto; width: 300px; height: 350px; border: 2px solid #e4e4e4; float: none; }
section.new_company_awards .slick-slide{text-align: center}
/**************New-Company**************/
/************** company ************/
section.new_company_office .slick-list.draggable { margin: 0 0 0 70px; }
section.new_company_offices .awd { list-style: none; overflow: hidden; }
section.new_company_office .awardimg img {margin: 0 auto; width: 100%; max-width: 100%;}
section.new_company_office .awardimg { float: none; justify-content: center; display: grid; align-items: center; margin: auto; border: 2px solid #e4e4e4; float: none; margin: 20px; }
section.new_company_office .slick-slide{text-align: center; width: 24% !important;}
/**************New-Company**************/
/************** company ************/
section.new_company_office .awardimg:focus-visible { outline: none; }
section.new_company_awards .awardimg:focus-visible { outline: none; }
section#banner.new_company_banner .common_row.common_head_context >* {padding: 0 15px; }
.popupnamedesignation h2 {color: var(--dark_blue); font-size: 24px; }
.popUpContent p, .popUpContent a {color: var(--dark_blue) !important; }
.teamsec .teamprofile {margin-left: -30px; margin-right: -30px; }
.teamsec .teamsectitle {margin: 100px 0 60px; }
.teamsec .teamsectitle span {color: var(--dark_blue); text-align: left; padding: 0 0 15px; border-bottom: 1px solid #707070; margin: 0; font-size: 56px; line-height: 60px !important; font-family: BarlowCondensed-SemiBold; letter-spacing: initial !important; text-transform: uppercase; display: block; }
.teamsec .profileshortdes .designation {font-size: 20px; line-height: 36px; color: var(--dark_blue); text-transform: uppercase; }
.teamsec .profileshortdes h5 {color: var(--dark_blue); font-size: 28px; line-height: 36px; font-family: BarlowCondensed-SemiBold; font-weight: 100; }
.companysection1 {padding: 100px 0 60px !important;}
.companysection1 h2 {color: var(--dark_blue); text-align: left; padding: 0 0 15px; border-bottom: 1px solid #707070; margin: 0; }
#banner.top_banner_sm {height: auto !important; margin: 290px 0 0; }
.top_banner_sm .homecontent {max-width: 1500px; }
section.top_banner_sm h1 {font-size: 56px; line-height: 60px !important; font-family: BarlowCondensed-SemiBold; color: var(--dark_blue); letter-spacing: initial !important; text-transform: uppercase; font-weight: 100; }
section.top_banner_sm p {color: var(--dark_blue);}
.banner_buttons {float: left; width: 100%; text-align: center; margin: 200px 0 50px;}
.banner_buttons a {font-size: 26px; line-height: 30px; font-family: BarlowCondensed-SemiBold; color: #fff; text-transform: uppercase; min-width: 200px; background: var(--pink); display: inline-block; padding: 15px 30px; text-align: center; border-radius: 7px; font-weight: 600; margin: 0 25px; }
.banner_buttons a:hover {background: var(--fill_pink);}
section.top_banner_sm h1 strong {color: var(--pink); font-weight: 100; }
/************** company end ************/
/*********** news page ***********/
section.presscoverage.latestcategorylist .common_row.flexy .latestlistlft.floatRight.half_width {padding-left: 0; }
section.newsannouncements.latestcategorylist .common_row.flexy .latestlistlft.floatLeft.half_width {padding-right: 0; }
section.presscoverage.latestcategorylist .common_row.flexy {-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
body.page-template-template-news .featuredcontent, body.page-template-template-press .featuredcontent{margin: 68px 0 0;}
.presscoverage .latestnewsbox h5 {display: none; }
section.ourdevelopment.mail_subs .subscribeform input[type=email]::placeholder {color: #898989; }
section.ourdevelopment.mail_subs .subscribeform input[type="email"]:focus {outline: none;}
section.ourdevelopment.mail_subs .subscribeform input[type="email"] {border: 1px solid #898989 !important; border-radius: 7px !important; font-size: 24px; line-height: 32px; font-family: 'BarlowCondensed-SemiBold'; font-weight: 100; color: var(--dark_blue); }
section.ourdevelopment.mail_subs .subscribeform button:hover {background: var(--fill_pink); }
section.ourdevelopment.mail_subs .subscribeform label.submit-button-inline-label {width: 30%; }
section.ourdevelopment.mail_subs .subscribeform label.EMAIL-label {width: 70%; }
section.ourdevelopment.mail_subs .subscribeform button {font-size: 26px; font-family: 'BarlowCondensed-SemiBold'; text-transform: uppercase; font-weight: 600; padding: 14px 20px;background: var(--pink);}
section.ourdevelopment.mail_subs .subscribeform {max-width: 700px; }
section.ourdevelopment.mail_subs .subscribeform section {padding: 70px 0 0; }
section.ourdevelopment.mail_subs p.infotxt {margin: 0 !important; }
section.ourdevelopment.mail_subs h2 {color: var(--dark_blue); }
section.ourdevelopment.mail_subs p {color: var(--dark_blue); margin: 40px 0 0 !important;}
section.ourdevelopment.mail_subs {text-align: center; background: #fff; padding: 150px 0; display: none;}
section.presscoverage.latestcategorylist {padding-bottom: 100px; }
.featuredboxdes:hover h3, .featuredboxdes:hover h2, .featuredboxdes:hover p {color: var(--pink); }
.latestcategorylist.presscoverage  .common_row.flexy .half_width ul li:nth-child(2n) {padding-right: 0 !important; }
.latestcategorylist .common_row.flexy.reverse .half_width ul li:nth-child(2n+1) {padding-left: 0 !important; }
.latestcategorylist .half_width .featuredbox {padding: 80px 60px; border-radius: 6px; box-shadow: none;cursor: pointer;}
.latestcategorylist .common_row.flexy {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.latestcategorylist .half_width .featuredbox h3 {font-size: 34px; line-height: 46px; margin: 0 0 15px; font-family: 'BarlowCondensed-SemiBold'; font-weight: 500; }
.latestcategorylist .half_width .featuredbox p {font-size: 26px; line-height: 36px;  font-family: 'BarlowCondensed-Regular'; font-weight: 100; }
.latestcategorylist .half_width span.subcatdate {font-size: 20px; line-height: 28px; }
.latestcategorylist .latestnewsbox p {font-size: 26px; line-height: 36px; padding: 0; transition: ease all .3s;font-family: BarlowCondensed-Medium;}
.latestcategorylist .latestnewsbox p:hover { color: var(--pink); }
.latestcategorylist .latestnewsbox .date {font-size: 20px; line-height: 28px; color: var(--dark_blue); font-family: BarlowCondensed-Regular; font-weight: 100; }
.latestcategorylist .latestnewsbox {box-shadow: none !important; border-radius: 0; border: 1px solid #707070; cursor: pointer;}
.latestcategorylist h2 a.viewlink {font-size: 26px; line-height: 58px; color: var(--pink); text-transform: initial;}
.latestcategorylist h2 {color: var(--dark_blue); font-weight: 500; border-bottom: 1px solid #707070; padding: 0 0 15px; margin: 0 0 80px; }
.latestcategorylist .half_width {width: 50%; }
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider p a {font-size: 24px; line-height: 36px; font-family: 'BarlowCondensed-Medium'; }
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider p {margin: 0; }
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider .date {font-size: 18px; line-height: 26px; color: var(--dark_blue); font-family: BarlowCondensed-Regular;}
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider {margin: 30px 0 0; }
.news_latest .common_row.common_head_context .floatRight h2 {color: var(--dark_blue); }
.news_latest .common_row.common_head_context .floatLeft .featureddes p {font-size: 24px; line-height: 34px; font-weight: 100; font-family: 'reader-regular';}
.news_latest .common_row.common_head_context .floatLeft .featureddes h3 {font-size: 36px; line-height: 48px; font-family: 'BarlowCondensed-SemiBold'; font-weight: 100;}
.news_latest .common_row.common_head_context .floatLeft .featureddes span.subcatdate {font-size: 20px; line-height: 28px; font-family: 'BarlowCondensed-SemiBold'; padding: 0 0 20px; font-weight: 100;}
.news_latest .common_row.common_head_context .floatLeft .latestfeaturedtop {background: url(https://highviewpower.com/wp-content/uploads/2022/06/news_101.png); background-size: cover; background-repeat: no-repeat; cursor: pointer;}
.news_latest .common_row.common_head_context .floatLeft .latestfeaturedimg {display: none; }
.news_latest .common_row.common_head_context .floatLeft .featureddes {position: static; padding: 80px 50px; width: 77%;}
.news_latest .common_row.common_head_context .floatLeft.featuredsec {padding: 0 15px; }
.news_latest .common_row.common_head_context .floatRight.latestcatlist {padding: 0 15px; }
.blog section.ourdevelopment h2 strong {color: var(--pink); background: transparent; }
/*********** news page end ***********/

.page-template-template-plants section.exlpore__main.nextprevsec .half_width {padding: 120px 60px; }
section.sky_banner p strong {text-transform: uppercase; font-family: 'reader-regular'; font-weight: 500; font-size: 26px; line-height: 36px; font-style: normal; }
section.masonry_projects .full_width.responsive {display: none;}
section.masonry_projects .full_width >div {width: 100%; float: left; }
section.masonry_projects .full_width .projects_type {float: left; width: 100%; /*columns: 2; column-gap: 90px; */}
section.masonry_projects .full_width .projects_type .lefty, section.masonry_projects .full_width .projects_type .righty {
width: 100%;
vertical-align: top;
float: left;
}
section.masonry_projects .full_width .projects_type .lefty {
    padding-right: 0px;
}
section.masonry_projects .full_width .projects_type .righty {
    padding-left: 0px;
}
section.masonry_projects .full_width .projects_type .lefty .news_card:last-child {
    margin: 0;
}
section.masonry_projects .news_card .news_card_content h2 {color: var(--dark_blue); }
section.masonry_projects .news_card .news_card_content p {color: var(--dark_blue); }
section.masonry_projects .news_card .news_card_content {float: left; width: 50%; padding: 50px; }
section.masonry_projects .news_card .news_card_content_1 {margin-left: 380px;
    background: white;
    border-radius: 6px;
    height: 500px;
    margin-top: -30px;
    padding: 65px 30px 0px 290px; }
section.masonry_projects .news_card .news_card_content_1_2 {margin-left: 380px;
    background: white;
    border-radius: 6px;
    height: 620px;
    margin-top: -30px;
    padding: 50px 20px 20px 290px; }
section.masonry_projects .news_card .news_card_content_1_1 {margin-right: 380px;
    margin-top: -25px;
    padding: 35px 250px 0px 40px;
    background: white;
    border-radius: 6px;
    height: 500px;}
section.masonry_projects .news_card .news_card_content_1_1_1 {margin-right: 380px;
    padding: 35px 250px 0px 40px;
    background: white;
    border-radius: 6px;
    height: 600px; }
section.masonry_projects .news_card .news_card_content_1 h2 {color: var(--dark_blue); }
section.masonry_projects .news_card .news_card_content_1 p {color: var(--dark_blue); }
section.masonry_projects .news_card .img_part img {float: left; width: 100%; object-fit: cover; max-height: 350px; margin-top: 25px;}
section.masonry_projects .news_card .img_part {float: left; padding: 20px; }
section.masonry_projects .news_card .img_part_1 {float: right; padding: 20px;}
section.masonry_projects .news_card .img_part_1 img {float: left; width: 100%; object-fit: cover; max-height: 350px; margin-top: 25px;}
section.masonry_projects .news_card { margin: 0 0 0px; float: left; width: 100%; border-radius: 6px; overflow: hidden; break-inside: avoid; padding: 33px 0px;}
section.masonry_projects {background: #222d40; float: left; width: 100%; }
section.masonry_projects .common_head_context p {font-size: 20px; line-height: 30px; font-family: 'reader-regular'; }
.combo-project {margin-top: 60px; }
.combo-project a {margin: 0 25px; min-width: 300px !important; }
section.top_banner.Projects .homecontent p {margin: 20px 0 0; }
section.purple_overlay.top_banner:before {content: ''; background: rgb(7 76 129 / 15%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
/******** project/ plants end **********/
/********* contact *********/
section.contact_banner .common_row .contact_btn span.wpcf7-spinner {background: #000; }
div#thankyoucallmsg h2.titlechange { color: var(--dark_blu_txt); margin: 0; font-size: 32px; line-height: 50px !important; }
div#thankyoucallmsg .thankyoumsg { font-size: 18px; line-height: 24px; }
div#thankyoucallmsg .popUpHolder { border-radius: 15px; }
section.contact_banner { background: #F9F9FB; padding: 100px 0 57px 0; margin: 80px 0 0; }
section.contact_banner h1 { width: 100%; float: left; color: #222D40; text-transform: uppercase; margin: 0 0 79px 0; font-size: 56px; line-height: 60px !important; font-family: BarlowCondensed-SemiBold; font-weight: normal; letter-spacing: initial !important;text-align: center;}
section.contact_banner span { background: transparent; color: var(--pink); }
section.contact_banner .common_row .form input::placeholder { color: #898989; }
section.contact_banner .common_row .form input { border: 1px solid #898989; width: 100%; float: left; height: 60px; font-size: 24px; line-height: 42px; border-radius:7px; padding:0 15px;}
section.contact_banner .common_row .form textarea::placeholder { color: #898989; }
section.contact_banner .common_row .form textarea { font-size: 24px; line-height: 42px; border: 1px solid #898989; padding:20px 15px;border-radius: 7px;}
section.contact_banner .common_row .form p.formnote { text-align: center; font-size: 26px; line-height: 42px; margin: 0 0 35px 0; width: 100%; float: left; color: #222D40; font-weight: normal; font-style: normal; font-family: 'reader-regular'; }
section.contact_banner .common_row .contact_btn { width: 100%; float: left; text-align: center; }
section.contact_banner .common_row .contact_btn input { width: auto; float: none; display: inline-block; border: none; padding: 0 39px; height: 60px; line-height: 60px; text-transform: uppercase; border-radius:7px;font-family: 'BarlowCondensed-SemiBold'; transition:all ease 0.3s; }
section.contact_banner .common_row .contact_btn input:hover{background: var(--fill_pink);}
section.contactmapsec.contact_main_text { padding: 125px 0 0px 0; }
section.contactmapsec.contact_main_text p, section.contactmapsec.contact_main_text a { color: #898989; font-weight: normal; font-family: 'reader-regular'; font-size: 26px; line-height: 40px; }
section.contactmapsec.contact_main_text .linkbox a:after{background:none;}
section.contactmapsec.contact_main_text h4 { width: 100%; float: left; color: #222D40; font-size: 28px; line-height: 42px; font-family: 'reader-regular'; font-style: normal; }
section.contactmapsec.contact_main_text .innermidsec { max-width: 100%; }
section.contactmapsec.contact_main_text .contact_details { width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 0 0 100px 0; }
section.contactmapsec.contact_main_text .innermidsec { max-width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0;}
section.contact_banner .common_row .form input:focus, section.contact_banner .common_row .form textarea:focus { outline: none; }
/********* contact *********/
/********* benefit *********/
section.benefits_banner .common_container { max-width: 90%; }
section.benefits_banner_2 .common_container { max-width: 83%; background: #00000099; padding: 60px 40px;}
.benefits_box_icon img { width: auto; border-radius: 50%; max-width: 120px; height: 120px; }
.benefits_box_icon_1 img { width: auto; height: 70px; }
.benefitssec1 h2 { font-weight: normal; margin: 0 0 30px 0;}
.benefitssec1 h2 strong { background: transparent; color: var(--pink); font-weight: 100;}
.benefitssec1 h2 span { background: transparent; color: var(--pink); font-weight: 100;}
.benefitssec1 p { color: var(--dark_blu_txt); max-width: 100%; margin: 0 auto; width: 100%; display: inline-block; padding: 0 0 131px 0; font-weight: normal; }
section.benefits_banner { padding: 120px 0 120px 0;position: relative; background-size: cover;}
section.benefits_banner::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.20); }
section.benefits_banner h2.centeralign { max-width: 100%; margin: 0 auto; width: 100%; }
section.benefits_banner_2 { padding: 170px 0 170px 0;position: relative; background-size: cover;}
section.benefits_banner_2::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.20); }
section.benefits_banner_2 h2.centeralign { max-width: 100%; margin: 0 auto; width: 100%; }
section.benefits_banner_2.home_first_sec {margin: 0px;}
.benefitssec1 .hvpbenfitssec img { width: auto; max-width: 100%; }
.benefitssec1 .hvpbenfitssec { display: flex; max-width: 100%; margin: 0 auto; }
.benefitssec1 .hvpbenfitssec .common_container { display: block; max-width: 100%; margin: 0 auto; width: 100%; }
.benefitssec1 .hvpbenfitssec .half_width.img-tag{ padding: 0; }
.benefitssec1 .hvpbenfitssec .half_width.img-tag { background: #263246; padding: 140px 138px 120px 138px; }
.benefitssec1 .hvpbenfitssec .digit { background: #EB17B2; width: 15%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 80px; line-height: 60px; font-weight: bold; font-family: 'BarlowCondensed-SemiBold'; }
.counter_x.bg-pink { display: flex; width: 100%; float: left; margin: 40px 0 0 0; }
.benefitssec1 .hvpbenfitssec .digit-text { width: 85%; float: left; background: #EB17B2; margin: 0 0 0 10px; color: #fff; font-size: 20px; line-height: 30px; font-family: 'BarlowCondensed-SemiBold'; font-weight: normal; text-align: left; padding: 25px; }
.benefitssec1 .hvpbenfitssec .common_container { display: block; max-width: 100%; margin: 0 auto; width: 100%; }
.benefitssec1 .hvpbenfitssec { display: flex; max-width: 100%; margin: 0 auto; }
.benefitssec1 .hvpbenfitssec .common_row { display: flex; align-items: center; background: #F9F9FB; margin: 0;}
.benefitssec1 .hvpbenfitssec .common_row .half_width {width: 50%; }
.benefitssec1 .hvpbenfitssec .common_head_context { text-align: left; padding: 0 67px 0 177px; float: left; }
section.benefitssec1 .common_container .hvpbenfitssec { max-width: 100%; }
.benefitssec1 .common_container { max-width: 100%; padding: 0;}
.benefitssec1 .hvpbenfitssec .common_head_context br { display: none; }
.benefitssec1 .hvpbenfitssec .common_head_context h2 { color: #222D40; margin: 0 0 42px 0; }
.benefitssec1 .hvpbenfitssec .common_head_context p { color: #222D40 !important; font-family: 'reader-regular'; margin: 0; padding: 0;}
.benefitssec1 .common_row p { color: var(--dark_blu_txt); max-width: 80%; margin: 0 auto; font-family: 'reader-regular'; }
section.benefitssec1{padding-bottom:0;}
section.benefits_banner .common_row.common_head_context { position: relative; }
section.benefits_banner_2 .common_row.common_head_context { position: relative; }
.benefits_content { width: 70%; margin: auto; padding: 70px 0 0 0;  display: block; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }
.benefits_content_1 { width: 100%; margin: auto; padding: 0px 0 0 0;  display: block; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }
.benefits_content_2 { width: 100%; margin: auto; padding: 70px 0 0 0;  display: block; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }
.benefits_content .benefits_box {width: auto; float: left; text-align: center; margin: 0; position: relative; padding: 0 20px; }
.benefits_content_1 .benefits_box_1 {width: auto; float: left; text-align: center; margin: 0; position: relative; padding: 5px 5px; }
.benefits_content_2 .benefits_box {width: auto; float: left; text-align: center; margin: 0; position: relative; padding: 0 20px; }
.benefits_content .benefits_box:before {content: ''; position: absolute; top: 50%; left: 0; height: 126px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.benefits_content_1 .benefits_box:before {content: ''; position: absolute; top: 50%; left: 0; height: 126px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.benefits_content_2 .benefits_box:before {content: ''; position: absolute; top: 50%; left: 0; height: 126px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.benefits_content .benefits_box:last-child:after {content: ''; position: absolute; top: 50%; right: 0; height: 126px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.benefits_content_1 .benefits_box:last-child:after {content: ''; position: absolute; top: 50%; right: 0; height: 126px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.benefits_content_2 .benefits_box:last-child:after {content: ''; position: absolute; top: 50%; right: 0; height: 126px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.benefits_box_icon { width: 100%; float: none; display: inline-block; }
.benefits_box_icon_1 { width: 100%; float: none; display: inline-block; background: #eb17b2; padding: 30px;}
.benefits_box_icon h3 { background: #222D40; float: none; width: 100%; max-width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto; color: #fff; font-size: 18px; line-height: 36px; }
.benefits_box_icon_1 h3 { background: #222D40; float: none; width: 100%; max-width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto; color: #fff; font-size: 18px; line-height: 36px; }
.benefits_box_content { width: 100%; float: left; margin:0; }
.benefits_box_content p { margin: 0; width: 100%; float: left; color: #fff; font-size: 24px; line-height: 34px; font-weight: normal; font-family: 'reader-regular'; font-style: normal; }
.benefits_box_content_1 p { margin: 0; width: 100%; float: left; color: #fff; font-size: 24px; line-height: 34px; font-weight: normal; font-family: 'reader-regular'; font-style: normal; }
section.exlpore__main { padding: 105px 0; width: 100%; float: left; background: #fff;}
section.exlpore__main.white_bg .half_width {background: #F9F9FB; border: 1px solid #707070;}
section.exlpore__main .half_width { background: var(--dark_blue);padding: 120px 90px;margin: 0;width:calc(50% - 50px); position: relative; float:left;}
section.exlpore__main .half_width h2 { padding: 0; text-align: left; margin: 0; top: 50%; transform: none; position: static; }
section.exlpore__main.white_bg .half_width h2 { color: var(--dark_blu_txt); }
section.exlpore__main .half_width h2 strong { color: var(--pink);background: transparent; }
section.exlpore__main .half_width h2 span { color: var(--pink);background: transparent; }
section.exlpore__main.white_bg .exlpore_right.half_width { margin: 0; }
section.exlpore__main .half_width:nth-child(2n) { margin: 0; }
section.exlpore__main .half_width img {display: none; }
section.exlpore__main .common_row.common_head_context {display: flex; justify-content: space-between; padding: 0 90px;}

/********* benefit end *********/

/********** home page ***********/
section.perfect_strom .common_row > * {width: 100%; }
section.newsslider.common_news_slider .common_container:nth-child(2) .common_row.common_head_context .full_width {padding: 0; }
/****** v ******/
section.perfect_strom .common_container {max-width: 100%; }
section.perfect_strom .half_width.media_sec {padding: 0 15px;}
section.perfect_strom {width: 100%; float: left; padding: 100px 0 0; background: #11011C; }
section.perfect_strom h2 {padding-bottom: 120px; position: relative;}
section.perfect_strom h2:after {content: ''; background: url(https://highviewpower.com/wp-content/uploads/2022/07/down_arr.png); position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 70px; height: 35px; background-size: contain; background-repeat: no-repeat; }
.common_news_slider_btn { width: 100%; float: left; margin: 22px 0 0 0; padding: 0 15px;}
.common_news_slider_btn a { width: auto; float: left; color: #fff; font-size: 20px; line-height: 36px; font-weight: normal; font-style: normal; transition: all ease 0.3s; }
.common_news_slider_btn a:hover{ color: var(--pink); }
section.home_contact_us_button { background: #fff; width: 100%; float: left; padding: 35px 0; text-align: center; }
section.perfect_strom .common_row {    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;   -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  text-align: center; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
section.perfect_strom video#homeVideo { width: 100%; float: left; }
section.perfect_solution { width: 100%; float: left; background: #fff; text-align: center; padding: 162px 0; }
section.perfect_solution h2 { width: 100%; float: left; color: #222D40; margin: 0;}
section.perfect_solution h2 strong { background: transparent; color: var(--pink); }
/****** v end ******/
.home_first_sec {float: left; width: 100%; padding: 0; margin: 60px 0 0; }
section.challanges {display: none; float: left; width: 100%; padding: 136px 0 250px; text-align: center;}
section.sec_3_dark_bg {float: left; width: 100%; background: var(--dark_blue); padding: 100px 0; }
.common_head_context p {font-size: 28px; line-height: 42px; font-family: 'BarlowCondensed-Regular'; margin: 40px 0 0; color: #fff; font-weight: 100;}
section.sec_3_dark_bg p {padding-right: 40px; }
.banner_001 {display: inline-block; width: 65%; }
.challanges_grid {float: left; width: 100%; color: #fff; margin: 50px 0 0; text-align: center; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; -webkit-box-direction: initial; -moz-box-direction: initial; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: row; -ms-flex-direction: row; justify-content: space-between; -webkit-box-pack: space-between; -moz-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.challanges_grid .challange_item {width: 30%; padding: 0; }
.challanges_grid .challange_item img {max-height: 155px; display: inline-block; }
.challanges_grid .challange_item h3 {font-size: 34px; line-height: 36px; background: var(--pink);  font-family: BarlowCondensed-SemiBold; text-transform: uppercase; margin: 30px 0 25px;}
.challanges_grid .challange_item p {font-size: 24px; line-height: 36px; font-family: 'BarlowCondensed-SemiBold'; }
.home_first_sec h1 span, .home_first_sec h1 strong {background: var(--pink);padding: 0px 6px;}
.home_first_sec h1 {font-size: 90px; line-height: 100px; font-family: BarlowCondensed-SemiBold;}
.home_first_sec .homecontent {max-width: 80%; }
.home_first_sec.blackoverlay:before {background-color: #222d40c7; }
section.sec_3_dark_bg .media_sec {text-align: right; }
section.sec_3_dark_bg .media_sec img {display: inline-block; }
section.sec_4_home_blue_bg .half_width h2 {padding-right: 30px; }
section.sec_4_home_blue_bg {padding: 282px 0 202px; position: relative; background-size: cover;}
section.sec_4_home_blue_bg:before {content: ''; background: rgb(7 76 129 / 37%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
section.sec_4_home_blue_bg:after {content: ''; background: rgb(15 15 15 / 50%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -3; }
section.sec_5_wht_banner {background: #fff; padding: 110px 0 86px; }
section.sec_5_wht_banner h2 {color: var(--dark_blu_txt); }
section.sec_5_wht_banner p {color: var(--dark_blu_txt); margin-top: 30px; }
section.sec_5_wht_banner .full_width {text-align: center; }
section.sec_5_wht_banner h2 strong {background: transparent; color: var(--pink); }
section.sec_5_wht_banner h2 span {background: transparent; color: var(--pink); }
section.white_left_img {padding: 120px 0; background: #F9F9FB; /*border-bottom: 5px solid var(--pink);*/}
section.white_left_img h2, section.white_left_img p {color: var(--dark_blu_txt); }
section.white_left_img p {font-family: 'BarlowCondensed-Light'; padding: 0; margin: 30px 0 0;}
section.white_left_img .conetxt_sec strong {background: transparent; color: var(--pink); }
section.white_left_img .conetxt_sec span {background: transparent; color: var(--pink); }
section.white_left_img .img_sec img {max-width: 619px; display: inline-block; }
section.white_left_img .conetxt_sec {padding-left: 125px; }
span.caption_img {display: block; }
section.white_left_img .common_row {display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; -webkit-box-direction: initial; -moz-box-direction: initial; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: row; -ms-flex-direction: row; align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: space-between; -moz-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; }
section.sky_banner h3 {font-family: 'BarlowCondensed-SemiBold'; color: #fff; font-weight: 100; font-size: 36px; line-height: 42px; position: relative;}
section.sky_banner h3:before {content: ''; position: absolute; top: 0; left: -50px; width: 2px; height: 100%; background: #EB17B2; }
section.sky_banner h3:after {content: ''; position: absolute; top: 0; right: -50px; width: 2px; height: 100%; background: #EB17B2; }
section.sky_banner p {font-size: 18px; line-height: 36px; margin: 35px 0 0; font-weight: 100;}
section.sky_banner {float: left; width: 100%; padding: 135px 0; text-align: left; background-repeat: no-repeat; background-size: cover; background-position: center;}
section.sky_banner .full_width {width: 100%; padding: 0 50px; }
section.sky_banner .full_width > span {color: #fff; font-family: 'BarlowCondensed-Light'; font-size: 26px; line-height: 36px; text-transform: uppercase; margin: 20px 0 0; display: inline-block; }
section.sec_4_home_blue_bg .common_head_context p {margin: 30px 0 0; }
section.why_uk {background: url(https://highviewpower.com/wp-content/uploads/2023/05/Mask-Group-31.png); padding: 340px 0 296px; background-size: cover; position: relative; z-index: 0;}
section.why_uk:before {content: ''; background: rgb(7 76 129 / 15%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }
section.why_uk .half_width:first-child {padding-right: 120px; }
section.why_uk .half_width {width: 100%;}
section.why_uk .half_width:nth-child(2) {padding-left: 120px; }
section.newsslider.common_news_slider {margin-top: -1px; background: url(https://highviewpower.com/wp-content/uploads/2022/06/new_bg_sky.png); padding: 83px 0 110px; background-size: cover; }
section.newsslider.common_news_slider .full_width {position: relative; }
section.newsslider.common_news_slider .full_width h3 { font-weight: 100;font-size: 40px; line-height: 50px; font-family: 'reader-regular'; color: #fff; margin: 0 0 30px; }
section.newsslider.common_news_slider ul.slick-initialized {padding: 0; overflow: hidden; }
section.newsslider.common_news_slider .newsbox {border-radius: 6px; background: #fff; padding: 0; box-shadow: none; min-height: auto; height: auto !important;}
section.newsslider.common_news_slider .newsbox p {font-size: 26px; line-height: 34px; font-family: 'reader-regular'; font-weight: 100; color: var(--dark_blu_txt); margin: 18px 40px 0; padding: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 108px; }
section.newsslider.common_news_slider .newsbox .newsbox-img {height: 268px !important; background-size: cover; background-attachment: initial !important; background-position: top !IMPORTANT;}
section.newsslider.common_news_slider .newsbox a.read_more { margin: 27px 40px 35px;font-size: 26px; line-height: 30px; font-family: BarlowCondensed-SemiBold; color: #fff; text-transform: capitalize; min-width: 200px; background: var(--pink); display: inline-block; padding: 15px 30px; text-align: center; border-radius: 7px; font-weight: 600; }
section.newsslider.common_news_slider .newsbox a.read_more:hover {background: var(--fill_pink);}
section.newsslider.common_news_slider .newsbox span.catdate {font-size: 20px; line-height: 27px; color: #898989; font-family: 'reader-regular'; margin: 30px 40px 0; display: inline-block; }
section.perfect_strom .half_width.media_sec video {pointer-events: none; }


/********** home page end ***********/


/***** technology page *********/
/***** v *************/
.page-template-template-technology section.sky_banner.technology .common_row.common_head_context {text-align: center; }
body.page-template-template-technology span.caption_img { display: none; }
.page-template-template-technology section.sky_banner.technology .full_width { width: 950px; text-align: left; }
.page-template-template-technology section.sky_banner.technology p { margin: 0; }
.page-template-template-technology section.sky_banner .full_width > span { color: #fff; font-family: 'BarlowCondensed-Light'; font-size: 26px; line-height: 36px; text-transform: inherit; margin: 36px 0 0; display: inline-block; text-align: left; width: 100%; float: left;}
/***** v end*************/
section.technologysection2 .innermidsec {max-width: 100%; }
.technologysection2 {padding: 60px 0 !important; background: #263246 !important; color: #b9bcc2}
section.lightblueoverlay.top_banner:before {content: ''; background: #1b4b71d6; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
section.top_banner {height: 90vh !important; padding: 0; position: relative;}
section.top_banner .homecontent {max-width: 1500px; }
section.top_banner .homecontent p {font-size: 20px; line-height: 30px; font-family: 'BarlowCondensed-Regular'; color: #fff; margin: 50px 0 0; }
.page-template-template-technology .howitworksbtmbox {position: relative; overflow: visible; }
.page-template-template-technology .howitworksbtmbox ul {width: 220px; position: absolute; left: -10%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: wrap; -webkit-box-pack: end; -moz-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: flex-start; -moz-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; bottom: 0; }
.page-template-template-technology .howitworksbtmbox ul li {height: auto !important; background: transparent !important; width: 100% !important; position: relative;}
.page-template-template-technology .howitworksbtmbox ul li:before {content: ''; width: 20px; height: 20px; position: absolute; top: 15px; left: -10px; border-radius: 50px; }
.page-template-template-technology .howitworksbtmbox ul li:nth-child(1):before {background: #009fe5;}
.page-template-template-technology .howitworksbtmbox ul li:nth-child(2):before {background: #6b6d72;}
.page-template-template-technology .howitworksbtmbox ul li:nth-child(3):before {background: #f483de;}
.page-template-template-technology .howitworksbtmbox ul li > div h5 {font-size: 16px; line-height: 26px; margin: 0; }
.page-template-template-technology .howitworksbtmbox ul li > div {transform: none; text-align: left; }
.page-template-template-technology .technologysection1 {text-align: center; background: #03a9f4; color: #fff; }
.page-template-template-technology .technologysection1 h2 {color: #fff; }
.page-template-template-technology .technologysection1 .innermidsec {max-width: 900px; }
.page-template-template-technology .technologysection1 h2 strong {position: relative; z-index: 2; background: #ec25b7; }
.page-template-template-technology .technologysection1 h2 span {position: relative; z-index: 2; background: #ec25b7; }



/***** technology page end *********/

html.scrollvisible, body.scrollvisible { overflow: visible !important }
body.scroll { overflow: hidden; position: fixed; width: 100% }
* { box-sizing: border-box; margin: 0; padding: 0 }
header, footer, section { clear: both; overflow: hidden; }
a { text-decoration: none; color: #EB17B2 }
a, img, button, input { outline: none; }
img { max-width: 100% }
button::-moz-focus-inner { border: 0; }
input, textare, select { font-family: 'avenir-roman'; font-size: 16px; }
address { font-style: normal; display: block; padding: 20px 0; line-height: 22px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.centeralign { text-align: center }
/*h1 { font-size: 42px; font-weight: normal; font-family: 'reader-medium'; margin: 0 0 40px; line-height: 55px; color: #132028 }
h2 { font-size: 34px; font-weight: normal; font-family: 'reader-medium'; margin: 0 0 30px; line-height: normal; color: #132028 }
h3 { font-size: 26px; font-weight: normal; font-family: 'reader-medium'; margin: 0 0 20px; line-height: 1.4; color: #132028 }
h4 { font-size: 20px; font-weight: normal; margin: 0; font-family: 'reader-medium'; line-height: 1.4; color: #132028 }
h5 { font-size: 17px; font-weight: normal; font-family: 'reader-medium'; margin: 0; color: #132028; line-height: normal; }
h6 { font-family: 'reader-regular'; font-size: 16px; font-weight: 400; margin-bottom: 15px; text-transform: uppercase; color: #6B6D72; line-height: 21px }*/
.displaytable { height: 100%; width: 100%; display: table }
.displaytablecell { height: 100%; width: 100%; display: table-cell; vertical-align: middle }
.btn, .w2lsubmit .w2linput { background: #EB17B2; color: #fff; border-radius: 5px; padding: 15px 30px 12px; font-size: 16px; font-family: 'reader-bold'; }
.w2lsubmit .w2linput { border: 0; margin: 0 !important; cursor: pointer }
.btn:hover, .w2lsubmit .w2linput:hover { background-color: #F35BCF; color: #fff }
.midsec { padding: 0 15px; max-width: 80%; margin: 0 auto; }
.innermidsec { padding: 0 20px; max-width: 75%; margin: 0 auto; }
.midsec:after, .innermidsec:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* header footer */
nav>.menu>.mainMenu>li:last-child a:hover {background: #005391; }
header {display: block !IMPORTANT; opacity: 1 !important; padding: 0 50px; width: 100%; background: #fff; overflow: visible; position: fixed; z-index: 99999; top: 0;    box-shadow: 0 3px 6px rgb(0 0 0 / 16%); }
.logo { padding: 21px 0; width: 245px; float: left; font-size: 0; line-height: 0 }
.whitelogo { display: none }
nav { float: right; font-size: 17px; padding: 25px 0 0; font-family: 'reader-medium'; line-height: normal }
nav ul { list-style: none; margin: 0; }
nav ul li { list-style: none; margin: 0; padding: 0 0 30px; display: inline-block; position: relative; }
nav ul li a { color: #6B6D72; padding: 5px 20px !important; font-size: 14px; display: block; text-transform: uppercase; color: #000; border-bottom: 2px solid transparent;}
nav ul li a:hover {
border-color: #0076d0;
}

nav ul li a:hover, nav ul li.current_page_item>a { color: #132028 }
nav>.menu>.mainMenu>li:last-child { margin-left: 85px;padding: 0; }
nav>.menu>.mainMenu>li:last-child a { background: #0076d0; color: #fff !important; border-radius: 8px;padding: 15px 20px !important; border: none;}
/*.home nav ul li a { color: #fff }*/
/*.home nav ul li.menu-item-has-children>a:after { background-image: url(images/dropdown-home-arrow.svg); }*/
.home header.fixheader nav ul li.menu-item-has-children>a:after { background-image: url(images/dropdown-arrow.svg); }
.home header.fixheader nav ul ul { top: 55px }
footer { clear: both; overflow: hidden; background: #16212E; color: #babcbe; font-size: 16px; height: auto !important; display: block !important }
footer .fp-tableCell { height: auto !important; display: block !important }
footer .footermid { max-width: 80%; margin: 0 auto; padding: 75px 15px 65px; clear: both; overflow: hidden; }
.footermid ul { list-style: none; }
.footermid ul li { width: 25%; float: left; padding-right: 20px; word-break: break-all }
.footermid ul li:first-child { width: 100%; padding-bottom: 40px }
.footermid ul li:first-child img { width: 145px; }
.footermid ul li:last-child { padding-right: 0 }
.footermid ul li h5 { color: #fff; margin-bottom: 27px; font-size: 16px; }
.footermid a { color: #babcbe }
.footermid a:hover { text-decoration: none; color: #fff }
footer .salesforce_w2l_lead .w2linput.text { width: 80%; color: #babcbe; border: 1px solid #474e59 }
footer .salesforce_w2l_lead .w2lsubmit { padding-top: 20px !important; }
.subscribe input[type="text"] { width: 100%; border: 1px solid #474e59; padding: 12px; background: none; font-family: 'reader-regular'; font-size: 16px; color: #9b9b9b; border-radius: 5px }
.subscribe .w2lsubmit .w2linput { background-color: #474e59 }
.subscribe .w2lsubmit .w2linput:hover { background-color: #EB17B2 }
.footermid ul li.subscribe h5 { margin-bottom: 27px }
.footermid ul li.subscribe p { line-height: 24px; margin-bottom: 15px; word-break: normal; }
.copyright { clear: both; overflow: hidden; padding: 70px 0 0; font-size: 13px; line-height: 22px; color: #7F858C; }
.copyright a { color: #C9CFD6 }
.social a { display: inline-block; background-repeat: no-repeat; background-size: 22px auto; width: 22px; height: 22px; vertical-align: middle; margin-right: 15px; background-position: center center }
.social-twitter { background-image: url(images/social-icon-1.svg) }
.social-twitter:hover { background-image: url(images/social-icon-1-hover.svg) }
.social-fb { background-image: url(images/social-icon-2.svg) }
.social-fb:hover { background-image: url(images/social-icon-2-hover.svg) }
.social-linkedin { background-image: url(images/social-icon-3.svg) }
.social-linkedin:hover { background-image: url(images/social-icon-3-hover.svg) }
.social-youtube { background-image: url(images/social-icon-4.svg) }
.social-youtube:hover { background-image: url(images/social-icon-4-hover.svg) }
.vspace { padding-top: 100px; padding-bottom: 100px }
span.error_message, span.wpcf7-not-valid-tip { color: #EB17B2 !important }
li.active { pointer-events: none }

/* header footer */

/* home page */

body.home { background-color: #fff }
.home header .whitelogo { display: block }
.home header .bluelogo { display: none }
.home header.fixheader { background: #fff; border-bottom: 1px solid #e0e0e0 }
.home header.fixheader .bluelogo { display: block }
.home header.fixheader .whitelogo { display: none }
.home header.fixheader nav ul li a { color: #6B6D72; padding: 10px 16px 8px; display: block }
.home header.fixheader nav ul li a:hover { color: #132028 }
.videoHolder { width: 100%; height: 100%; position: absolute; overflow: hidden; left: 0px; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #6b6b6b; }
.videoHolder video { width: 100%; height: auto; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; object-fit: cover; z-index: 5; position: relative; min-width: 100%; min-height: 100%; }
.hombackgroundimg { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover }
.homesection1 h1 { color: #fff }
.blackoverlay:before { background-color: rgba(0, 0, 0, 0.50); left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 11 }
.whiteoverlay:before { background-color: rgba(255, 255, 255, 0.60); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "" }
.homecontent { clear: both; overflow: hidden; height: 100%; text-align: center; color: #fff; max-width: 60%; margin: 0 auto; position: relative; z-index: 11 }
.downarrow { display: block; margin: 0 auto; width: 48px; height: 48px; background: url(images/down-arrow.svg) no-repeat center center; background-size: 48px auto; cursor: pointer; }
.homesection2 .homecontent { font-size: 24px; font-family: 'reader-medium'; line-height: 46px }
.homesection2 .homecontent span { border-bottom: 2px solid #EB17B2; padding-bottom: 5px }
.watchvideo { background: url(images/video-icon.svg)no-repeat left center; background-size: 60px auto; height: 60px; padding: 25px 10px 25px 70px; color: #fff }
.homeimgcontent { clear: both; overflow: hidden; height: 100%; max-width: 30%; margin-right: 10%; position: relative; z-index: 1; color: #132028 }
.homeimgcontent.floatLeft { margin: 0 0 0 10% }
.homeimgcontent.floatRight { margin: 0 10% 0 0 }
.partnersecion { padding: 50px 0 }
.page-template-template-benefits .partnersecion { padding: 100px 0 }
.partnersecion h2 { text-align: center }
.partnersecion ul { list-style: none; padding: 17px 0; font-size: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; }
.partnersecion ul li { padding: 50px 10px; display: inline-block; vertical-align: top; width: 20%; text-align: center; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; font-size: 0; line-height: 0 }
body.page-template-template-benefits .partnersecion ul li {width: 33%;}
.partnersecion ul li img { max-width: 100%; max-height: 95px; }
.homesection7 { background: rgb(0, 122, 210); background: -moz-linear-gradient(left, rgba(0, 122, 210, 1) 0%, rgba(0, 184, 241, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 122, 210, 1) 0%, rgba(0, 184, 241, 1) 100%); background: linear-gradient(to right, rgba(0, 122, 210, 1) 0%, rgba(0, 184, 241, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ad2', endColorstr='#00b8f1', GradientType=1); color: #fff; padding: 50px 0; }
.homesection7 h2 { color: #fff }
.newsslider .midsec { position: relative }
.newsslider li a { color: #132028; }
.nextprev { position: absolute; top: 10px; right: 15px; font-size: 0 }
.nextprev a { display: inline-block; background-repeat: no-repeat; background-size: 38px auto; width: 38px; height: 38px; background-color: #132028 }
.nextprev a.previous, .nextprev a.awardprevious { background-image: url(images/slider-left-arrow.svg); border-radius: 5px 0 0 5px }
.nextprev a.next, .nextprev a.awardnext { background-image: url(images/slider-right-arrow.svg); border-radius: 0 5px 5px 0 }
.nextprev a.slick-disabled { background-color: #27475c }
.newsslider ul { list-style: none; padding: 0 40px; color: #132028 }
.newsslider ul li { margin: 0; padding: 15px 15px; float: left; width: 20% }
.home .newsslider ul li { cursor: pointer; }
.newsbox { background: #e6f2fb no-repeat; background-size: contain; clear: both; overflow: hidden; border-radius: 5px; padding: 25px; min-height: 200px; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.newsbox:hover { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }
.catdate { color: #6b6d72; text-transform: uppercase; font-size: 13px; }
.home #watchvideo #popUpOverlay { display: block !important }
#watchvideo.popup_block { top: 0 !important; height: 100%; border: 0; padding: 0; max-width: 100%; }
#watchvideo .popUpHolder { max-width: 100%; background: none; padding: 0 100px; height: 100% }
#watchvideo .popUpContent { height: 100% }
.homeviewalllink { display: table; width: 100%; text-align: center }

/* home page */

/* Faq*/

.whiteoverlay h1 { color: #000 }
#banner { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 470px; position: relative; margin: 60px 0 0 }
.faqqasec .innermidsec { max-width: 60%; }
.faqqasec h2 { margin-bottom: 50px }
.faqqasec ul { list-style: none; margin: 0 }
.faqqasec ul li { border-top: 1px solid #e0e0e0 }
.faqqasec ul li:last-child .faqans { padding: 0 }
.faqqasec ul li h5 { background: url(images/faq-open.png) no-repeat left center; padding: 20px 0 20px 50px; background-size: 30px 30px; cursor: pointer; }
.faqqasec ul li h5.active { background-image: url(images/faq-close.png) }
.faqans { clear: both; overflow: hidden; padding: 0 0 15px; display: none }

/*.faqqasec ul li:first-child .faqans{display: block}*/
.faqqasec .floatLeft { width: 50%; padding-right: 20px; }
.faqqasec .floatRight { width: 50%; padding-left: 20px; }
.faqbox { padding-bottom: 40px }
.topFaq { clear: both; overflow: hidden; padding-bottom: 50px }
.faqtable { border-top: 1px solid #e0e0e0; padding-top: 20px }
.faqtable table th { color: #132028; font-family: 'reader-medium'; text-transform: uppercase; font-weight: normal; padding: 0 10px 5px 0; width: 70px }
.faqtable table td { color: #6B6D72; padding: 0 10px 5px; line-height: 25px; }

/* FAQ*/

/* Contact */

.page-template-template-contact #banner { height: auto; }
.page-template-template-contact #banner h1 { color: #fff }
.form { clear: both; overflow: hidden; }
.form ul { list-style: none; clear: both; overflow: hidden; }
.form ul li { width: 100%; padding: 0 10px 20px; position: relative; float: left; }
.form ul li:last-child { padding-bottom: 0 }
.form ul li:first-child { width: 50%; }
.form ul li:nth-child(2) { width: 50%; float: right; }
.form input[type='text'], .form input[type='email'], .form input[type='tel'], .form textarea { width: 100%; padding: 12px 10px; border: 0; border-radius: 3px; background: #fff; font-family: 'reader-regular'; font-size: 16px; color: #9b9b9b }
.form textarea { height: 195px; }
.form input[type='submit'], .requestform ul li input[type='submit'] { font-family: 'reader-bold'; font-size: 16px; background: #EB17B2; color: #fff; padding: 10px 16px 10px; display: block; border: 0; border-radius: 3px; cursor: pointer; margin: 0 auto; display: inline-block }
.form input[type='submit'] { display: inline-block }
.form .ajax-loader { display: inline-block; position: static }
.form input[type='submit']:hover, .requestform ul li input[type='submit']:hover { background-color: #F35BCF }
.ajax-loader { display: inline-block; vertical-align: middle }
.form span.wpcf7-not-valid-tip, .requestform span.wpcf7-not-valid-tip { font-size: 16px; }
.form div.wpcf7-response-output, .requestform div.wpcf7-response-output { margin: 0 15px; border-width: 1px; font-size: 16px; background-color: #f7e700; color: #000; clear: both; overflow: hidden; text-align: center }
.wpcf7-response-output { display: none !important }
.form div.wpcf7-response-output.wpcf7-mail-sent-ok, .requestform div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #2c8d01; color: #fff }
.contactmapsec { padding: 40px 0; }
.contactmapsec .innermidsec { clear: both; overflow: hidden; border-bottom: 1px solid #e0e0e0; }
.contactmapsec .innermidsec:last-child { border-bottom: 0 }
.address { width: 30%; color: #6b6d72 }
.address h4 { margin-bottom: 26px; }
.thankyoumsg { color: #2c8d01; font-size: 20px; text-align: center; display: none }
#thankyoucallmsg .thankyoumsg { display: block }
.submitloader { background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; float: left; margin: 13px 0 0 10px; background-image: url(images/ajax-loader-request.gif) }
.subscribeform .submitloader { position: absolute; right: -30px; top: 0 }
footer .submitloader { background-image: url(images/ajax-loader.gif) }
.subscribe .salesforce_w2l_lead .w2lsubmit .submit { float: left; clear: none }
.cf7ic_instructions { display: block; padding-bottom: 10px; text-align: center }
.captcha-image label { float: none !important; margin: 0 10px }
.cf7ic-style1 .cf7ic-icon-wrapper { display: block; text-align: center }
.captcha-image label>input+i { padding: 5px !important }
.captcha-image label>input:checked+i { border-width: 0 !important }
.captcha-image label>input:checked+i { color: #EB17B2 }
.disablebtn { pointer-events: none }
.invalid .disablebtn, .sent .disablebtn { pointer-events: auto }

/* Contact */

/* Careers */
section.top_banner.careers p a {color: #fff; text-decoration: underline; }
body.page-template-template-careers #banner { height: 730px; }
body.page-template-template-careers .blackoverlay .displaytablecell { vertical-align: bottom; padding-bottom: 20%; }
body.page-template-template-careers .blackoverlay h1 { color: #fff; font-size: 2.7em; }
body.page-template-template-careers #testimonials .decorative-quote { color: #cf519d; font-size: 300px; line-height: 0; margin: .3em 0 0; }
body.page-template-template-careers #testimonials .testimonial-container { position: relative; }
body.page-template-template-careers #testimonials ul.testimonials { width: 70%; overflow: hidden; }
body.page-template-template-careers #testimonials ul.testimonials li { position: relative; height: 300px; background-color: #1f2e41; color: #fff; }
body.page-template-template-careers #testimonials ul.testimonials li .portrait { width: 50%; height: 100%; background-position: center; background-size: cover; }
body.page-template-template-careers #testimonials ul.testimonials li .testimonial { width: 50%; padding: 20px; line-height: 1.25em; }
body.page-template-template-careers #testimonials ul.testimonials li .testimonial .excerpt { font-size: 1em; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
body.page-template-template-careers #testimonials ul.testimonials li .testimonial .read-more { font-size: 1em; text-align: right; margin-bottom: 30px; }
body.page-template-template-careers #testimonials ul.testimonials li .testimonial .bottom { font-size: 1.2em; }
body.page-template-template-careers #testimonials .downarrow { margin-top: 9%; }
body.page-template-template-careers #testimonials .downarrow.left { background-image: url(images/down-arrow-gray.svg); transform: rotate(90deg); width: 15%; }
body.page-template-template-careers #testimonials .downarrow.right { background-image: url(images/down-arrow-gray.svg); transform: rotate(-90deg); width: 15%; }
body.page-template-template-careers #testimonials .downarrow.slick-disabled { visibility: hidden; }
body.page-template-template-careers #testimonials .profilephoto { height: 230px; background-position: center; background-size: cover; border-radius: 100%; }
body.page-template-template-careers #benefits.joinus { border-radius: 0; box-shadow: none; }
body.page-template-template-careers #benefits h2 { color: #fff; }
body.page-template-template-careers #benefits ul, body.page-template-template-careers #gallery.technologysection2 ul { position: relative; list-style-type: none; }
body.page-template-template-careers #benefits ul li { width: 33.3%; padding: 0 25px; }
body.page-template-template-careers #benefits ul li p { font-size: 1.1em; }
body.page-template-template-careers #gallery.technologysection2 ul li { width: 33.3%; padding: 0; position: relative; }
body.page-template-template-careers #gallery.technologysection2 ul li:nth-child(odd):before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(207, 80, 158, 0.73); mix-blend-mode: multiply; }
body.page-template-template-careers #gallery.technologysection2 ul li:nth-child(4) { clear: left; }
body.page-template-template-careers #gallery.technologysection2 ul li img { height: 100%; display: block; }
body.page-template-template-careers #content .innermidsec p { line-height: 1.75em; }
body.page-template-template-careers #joinus { background-size: cover; background-position: center; background-attachment: fixed; min-height: 800px; position: relative; }
body.page-template-template-careers #joinus .innermidsec { position: absolute; top: 60%; left: 0; right: 0; }
body.page-template-template-careers #joinus h2 { font-size: 125px; color: #fff; }
body.page-template-template-careers #joinus h3 { font-size: 80px; font-family: 'reader-regular'; color: #fff; }

/* Careers */

/* News Section */
.grecaptcha-badge {z-index: 999; }
body.blog { background: #F9F9FB }
.blog section { padding: 100px 0 0; }
.blog section.latestallfield { padding: 150px 0 0; overflow: visible;float: left; width: 100%; }
.featuredsec { width: 65%; padding-right: 30px; padding-bottom: 10px }
.latestcatlist { width: 35% }
.latestcatlist a { color: #132028 }
.latestcatlist a:hover { color: #EB17B2 }
.latestfeaturedtop { clear: both; overflow: hidden; border-radius: 5px; position: relative; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.latestfeaturedtop:hover { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }
.latestfeaturedimg { background-position: center center; background-repeat: no-repeat; position: relative; }
.latestfeaturedimg:after { background: -moz-linear-gradient(left, rgba(0, 113, 206, 0.8) 0%, rgba(0, 194, 246, 0.8) 100%); background: -webkit-linear-gradient(left, rgba(0, 113, 206, 0.8) 0%, rgba(0, 194, 246, 0.8) 100%); background: linear-gradient(to right, rgba(0, 113, 206, 0.8) 0%, rgba(0, 194, 246, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0071ce', endColorstr='#cc00c2f6', GradientType=1); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; }
.featureddes { position: absolute; left: 0; top: 0; width: 80%; padding: 50px; color: #fff; font-size: 16px }
.featureddes h3 { color: #fff }
.subcatdate { display: block; padding: 0 0 15px; text-transform: uppercase; font-size: 13px }
.latestcatlist ul { list-style: none; }
.latestcatlist ul li { padding: 0 0 20px; color: #132028; font-family: 'reader-medium'; }
.date { text-transform: uppercase; color: #6b6d72; font-family: 'reader-regular'; font-size: 13px; }
.latestnewsbox .date, .newsbox .date { padding: 0 0 13px; display: block; font-family: BarlowCondensed-Regular; }
.latestnewsbox p, .newsbox p { font-family: 'BarlowCondensed-Medium'; line-height: 25px; font-size: 17px; padding-bottom: 15px }
body.page-id-7991 .newsbox p {padding-bottom:0;text-transform: uppercase; font-size: 16px;}
.presscoverage .latestnewsbox h5, .page-template-template-press .latestnewsbox h5 { margin: 0 0 5px }
.presscoverage .highlightfeatured h3 { margin-bottom: 5px }
.presscoverage .highlightfeatured h3.articletitle { font-family: 'reader-regular'; margin-bottom: 20px }
.page-template-template-press .featuredbannercontent h3 { margin-bottom: 5px; }
.page-template-template-press .featuredbannercontent h3.articletitle { font-family: 'reader-regular'; margin-bottom: 20px; }
.latestcategorylist ul { margin: 0; list-style: none; height: 100%; font-size: 0 }
.latestcategorylist ul li { width: 50%; float: left; display: inline-block; vertical-align: top; padding: 0 15px 30px; height: 50%;}
.featuredbox { padding: 50px; color: #fff; font-size: 16px; clear: both; overflow: hidden; position: relative; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); background-position: center center; background-size: cover; background-repeat: no-repeat }
.highlightfeatured li:hover .featuredbox { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }
.featuredbox:after { content: ""; position: absolute; left: 0; top: 0; background-color: rgba(26, 49, 63, 0.8); width: 100%; height: 100%; border-radius: 5px; }
.featuredboxdes { position: relative; z-index: 2 }
.latestcategorylist .newsbox { background-color: #fff; color: #132028 }
.highlightfeatured, .latestlistlft { width: 50% }
.highlightfeatured ul, .highlightfeatured ul li, .highlightfeatured .featuredbox { height: 100%; }
.highlightfeatured ul li { width: 100% !important; padding-left: 0; padding-right: 0 }
.highlightfeatured h3 { color: #fff }
.twocolumn { margin-left: -15px; height: 100% }
.twocolumn>div.floatRight, .presstwocolumn>div.floatRight { padding-left: 10px; }
.twocolumn>div.floatLeft, .presstwocolumn>div.floatLeft { padding-right: 10px; }
.presstwocolumn { width: 101% }
.eventssec ul li, .resourcessec ul li { width: 25%; }
.eventssec ul, .resourcessec ul { margin-left: -15px; width: 102% }
.resourcesimg { border-radius: 5px; clear: both; overflow: hidden; position: relative; font-size: 0; line-height: 0; margin-bottom: 20px; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.resourcesimg:hover { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }
.resourcesimg img { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center }
.resourcessec li:nth-child(4n+1) .resourcesimg:after { content: ""; background: -moz-linear-gradient(top, rgba(0, 113, 206, 0.7) 0%, rgba(0, 192, 245, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 113, 206, 0.7) 0%, rgba(0, 192, 245, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 113, 206, 0.7) 0%, rgba(0, 192, 245, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30071ce', endColorstr='#b300c0f5', GradientType=0); position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.resourcessec li:nth-child(4n+2) .resourcesimg:after { content: ""; background: -moz-linear-gradient(top, rgba(0, 183, 240, 0.7) 0%, rgba(0, 213, 255, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 183, 240, 0.7) 0%, rgba(0, 213, 255, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 183, 240, 0.7) 0%, rgba(0, 213, 255, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b300b7f0', endColorstr='#b300d5ff', GradientType=0); position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.resourcessec li:nth-child(4n+3) .resourcesimg:after { content: ""; background: -moz-linear-gradient(top, rgba(234, 101, 206, 0.7) 0%, rgba(247, 172, 239, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(234, 101, 206, 0.7) 0%, rgba(247, 172, 239, 0.7) 100%); background: linear-gradient(to bottom, rgba(234, 101, 206, 0.7) 0%, rgba(247, 172, 239, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ea65ce', endColorstr='#b3f7acef', GradientType=0); position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.resourcessec li:nth-child(4n+4) .resourcesimg:after { content: ""; background: -moz-linear-gradient(top, rgba(236, 51, 187, 0.7) 0%, rgba(246, 99, 210, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(236, 51, 187, 0.7) 0%, rgba(246, 99, 210, 0.7) 100%); background: linear-gradient(to bottom, rgba(236, 51, 187, 0.7) 0%, rgba(246, 99, 210, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ec33bb', endColorstr='#b3f663d2', GradientType=0); position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.resourcessec ul, .presscoverage .latestlistlft ul, .newsannouncements .latestlistlft ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; }
.presscoverage .latestlistlft ul li, .newsannouncements .latestlistlft ul li { height: auto }
.eventListing li h5, .eventssec li h5 { margin: 0 0 5px; }
.eventListing li p, .eventssec li p { font-family: 'reader-regular'; }
.ourdevelopment .midsec { max-width: 40%; text-align: center }
.viewlink { float: right; color: #eb17b2; font-size: 16px; margin: 10px 0 0 }
.latestnewsbox { background: #fff; clear: both; overflow: hidden; border-radius: 5px; padding: 25px; min-height: 200px; color: #132028; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); height: 100% }
/*.latestnewsbox:hover { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }*/
.presscoverage .latestnewsbox { min-height: 0 }
.blog section.ourdevelopment { padding-bottom: 100px }
.ourdevelopment h2 { margin-bottom: 15px }
.singelarticle { padding: 200px 0 100px; background: #fff; color: #6b6d72 }
.titlesocial { clear: both; position: relative; padding-right: 220px }
.metatxt { clear: both; overflow: hidden; }
.socialIcons { position: absolute; right: 0; top: 0 }
.st-custom-button { display: inline-block; width: 56px; height: 56px; font-size: 0; background-position: center center; background-size: 56px auto; background-repeat: no-repeat; cursor: pointer; margin-left: 5px; position: relative; }
.twitter { background-image: url(images/news-social-icon1.svg) }
.facebook { background-image: url(images/news-social-icon2.svg) }
.linkedin { background-image: url(images/news-social-icon3.svg) }
.twitter:hover { background-image: url(images/news-social-icon1-hover.svg) }
.facebook:hover { background-image: url(images/news-social-icon2-hover.svg) }
.linkedin:hover { background-image: url(images/news-social-icon3-hover.svg) }
.articleimg { clear: both; overflow: hidden; padding: 50px 0 80px }
.articleimg img { border-radius: 5px; width: 100% }
.articleContent { width: 65%; padding-right: 50px; }
.mediaenquiries { clear: both; overflow: hidden; border-top: 1px solid #e0e0e0; padding: 36px 0 0 }
.latestcatlist h4 { margin-bottom: 30px; }
.mediaenquiries a { color: #6b6d72 }
.mediaenquiries a:hover { color: #EB17B2 }
.single .ourdevelopment { display: none; padding: 100px 0; background: #F9F9FB }

/* News Section */

/* Benefits Section */
.benefitssec1 { text-align: center; color: #6b6d72 }
.benefitssec1 .innermidsec > img {margin: 40px 0 20px;}
.benefitssec1 .hvpbenfitssec {display: flex; max-width: 1142px; margin: 0 auto;}
.benefitssec1 .hvpbenfitssec .project-lifecycle { flex-basis: 0; flex-grow: 1; border-right: 1px solid #d660a5; padding: 20px; }
.benefitssec1 .hvpbenfitssec .project-lifecycle:last-child {border-right: 0 none;}
.benefitssec1 .hvpbenfitssec .project-lifecycle h3 {color: #3fc0ef; }
.benefitssec1 .hvpbenfitssec .project-lifecycle p {color: #009ad9;}
.benefitssec2 { background: #253245; color: #b9bcc2; text-align: center }
.shortcontent { max-width: 55%; margin: 0 auto; clear: both; overflow: hidden; }
.benefitssec2 h2 { color: #fff }
.usecaseslist { clear: both; overflow: hidden; padding: 50px 0 0 }
.usecaseslist ul { list-style: none; margin: 0; font-size: 0 }
.usecaseslist>ul>li { display: inline-block; vertical-align: top; width: 25%; color: #b9bec3; font-size: 16px; padding: 0 20px }
body.page-id-8000 .usecaseslist>ul>li {width: 33%;}
.usecaseslist h5 { color: #fff; margin-bottom: 13px }
.usecaseslist ul li img { width: 80px; display: block; margin: 0 auto 30px; }
.usecaseslist>ul>li>ul li { border-top: 1px solid #4b5663; padding: 5px 0; font-size: 16px; }
.benefitssec3 { background: #f9f9fb; color: #6b6d72; overflow: visible }
.benefitssec3:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.benefitssec4 { background: #253245; color: #b9bec4; text-align: center }
.benefitssec4 h2 { color: #fff }
.hvpbenfitssec ul { list-style: none; padding: 17px 0; font-size: 0 }
.hvpbenfitssec ul li { padding: 50px 20px; display: inline-block; vertical-align: top; width: 25%; text-align: center; border-bottom: 1px solid #4B5663; border-right: 1px solid #4B5663 }
.hvpbenfitssec ul li span { height: 90px; display: block }
.hvpbenfitssec ul li img { height: 60px }
.hvpbenfitssec ul li p { font-size: 16px }
.hvpbenfitssec h5 {    /*color: #fff;*/
margin-bottom: 0px }
.benefitssec5 { text-align: center; color: #6b6d72 }
body.page-id-8000 .benefitssec5 {background-color: #f9f9fb;}
.benefitssec5 .shortcontent { padding: 0 0 20px }
.globalvalue ul { list-style: none; padding: 17px 0; font-size: 0 }
.globalvalue ul li { padding: 50px 20px; display: inline-block; vertical-align: top; width: 33.33%; text-align: center; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0 }
.globalvalue ul li span { font-size: 40px; display: block; color: #009de4; padding-bottom: 20px }
.globalvalue ul li p { font-size: 16px }
.globalvalue h5 { color: #fff; margin-bottom: 0px }
.nextprevsec { font-size: 0; line-height: 0 }
.linkbox { width: 50%; position: relative; }
.linkbox img { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.linkbox a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/blue-bg-img.png) no-repeat center center; background-size: cover; content: ""; }
.nextprevsec h2 { color: #fff; position: absolute; left: 0; top: 50%; margin-top: -25px; text-align: center; display: block; right: 0; z-index: 1; padding: 0 15px  }
.floatRight.linkbox a:after { background: url(images/pink-bg-img.png) no-repeat center center; background-size: cover }
.calculatortab { clear: both; padding: 30px 0 0 }
.calculatortab:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.calculatortab ul { list-style: none; margin: 20px 0 0 -10px; padding: 0 }
.calculatortab ul li { list-style: none; float: left; width: 20%; padding: 0 10px }
.calculatortab ul li span, .mobtab, .projectmobtab, .applicationmobtab { display: block; background: #fff; border-radius: 5px; text-align: center; padding: 20px 10px; cursor: pointer; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.calculatortab ul li:hover span, .mobtab:hover, .projectmobtab:hover, .applicationmobtab:hover { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }
.calculatortab ul li span:before, .mobtab span:before { background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; width: 30px; height: 30px; display: inline-block; content: ""; vertical-align: middle; padding: 0 15px 0 0 }
.calculatortab ul li.active, .renewablesNon a.tablink.active, .projectmobtab.active, .mobtab.active, .applicationmobtab.active { pointer-events: none }
.calculatortab ul li.active span, .renewablesNon a.tablink.active, .mobtab.active, .projectmobtab.active, .applicationmobtab.active { background: rgb(0, 159, 229); background: -moz-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: linear-gradient(to right, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fe5', endColorstr='#00c8f8', GradientType=1);    /* IE6-9 */ color: #fff }
.calculatortab ul li:first-child span:before, .mobtab:first-child span:before { background-image: url(images/calculator-tab-1-icon.svg) }
.calculatortab ul li:nth-child(2) span:before, .mobtab.caltab2 span:before { background-image: url(images/calculator-tab-2-icon.svg) }
.calculatortab ul li:nth-child(3) span:before, .mobtab.caltab3 span:before { background-image: url(images/calculator-tab-3-icon.svg) }
.calculatortab ul li:nth-child(4) span:before, .mobtab.caltab4 span:before { background-image: url(images/calculator-tab-4-icon.svg) }
.calculatortab ul li:nth-child(5) span:before, .mobtab.caltab5 span:before { background-image: url(images/calculator-tab-5-icon.svg) }
.calculatortab ul li.active:first-child span:before, .mobtab.active:first-child span:before { background-image: url(images/calculator-tab-1-icon-active.svg) }
.calculatortab ul li.active:nth-child(2) span:before, .mobtab.active.caltab2 span:before { background-image: url(images/calculator-tab-2-icon-active.svg) }
.calculatortab ul li.active:nth-child(3) span:before, .mobtab.active.caltab3 span:before { background-image: url(images/calculator-tab-3-icon-active.svg) }
.calculatortab ul li.active:nth-child(4) span:before, .mobtab.active.caltab4 span:before { background-image: url(images/calculator-tab-4-icon-active.svg) }
.calculatortab ul li.active:nth-child(5) span:before, .mobtab.active.caltab5 span:before { background-image: url(images/calculator-tab-5-icon-active.svg) }
.calculatormaindes { clear: both; padding: 40px 0 0 }
.calculatormaindes h5 { margin-bottom: 20px; }
.calculatordes { display: none }
.renewablesNon { clear: both; }
.renewablesNon:after, .calculatormaindes:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.renewablesNon a.tablink { display: inline-block; background: #fff; border-radius: 5px; text-align: center; padding: 15px 30px; cursor: pointer; margin-right: 10px; color: #132028; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.renewablesNon a.tablink:hover { box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }
.quecolumn { clear: both; padding: 20px 0 }
.quecolumn:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.quecolumn .floatLeft { width: 60%; padding-right: 20px; }
.quecolumn .floatRight { width: 40%; padding-left: 20px; }
.renewablesNoncontent { clear: both; }
.renewablesNoncontent:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.renewablenondes { display: none }
.calculatecostbtn { clear: both; overflow: hidden; text-align: center; padding: 20px 0 50px }
.calculatecostbtn a.btn { display: inline-block }
.calculatecost { clear: both; text-align: center }
.calculatecost:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.calculatecost>span { display: inline-block; vertical-align: top; }
.capextxt { font-family: 'reader-medium'; color: #132028; padding: 7px 10px 0 0 }
.price { font-size: 56px; color: #009DE4; line-height: normal }
.calculatornote { clear: both; overflow: hidden; padding: 20px 0; text-align: center; max-width: 50%; margin: 0 auto; }
.infoicon { background: url(images/cost-info-icon.svg) no-repeat center center; background-size: 26px auto; width: 26px; height: 26px; margin: 9px 0 0 20px; display: inline-block; cursor: pointer }
.tooltip { position: relative; display: inline-block; }
.tooltip .tooltiptext { visibility: hidden; width: 400px; background-color: #fff; color: #6B6D72; text-align: left; border-radius: 6px; padding: 15px; position: absolute; z-index: 1; bottom: 51px; left: 50%; margin-left: -192px; opacity: 0; transition: opacity 0.3s; font-size: 15px; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
.caldefautlmsg { text-align: center; font-size: 20px; color: #EB17B2 }
.tooltiptext ul { margin-bottom: 0; list-style: none; }
.tooltiptext ul li:before { content: "\a0"; display: inline-block; width: 6px; height: 6px; background-color: #6B6D72; margin-left: 0; margin-right: 6px; border-radius: 3px; vertical-align: middle; }

/* Benefits Section */

/* Plants Section */

.page-template-template-plants section { color: #6b6d72 }
.plantssec1 h2 { text-align: center }
.twocolumncontent { column-count: 2; text-align: left; column-gap: 50px }
.smallnote { clear: both; overflow: hidden; padding: 40px 0 0; text-align: center }
.plantssec2 { background: #f9f9fb; }
.proectlink { width: 25%; color: #132028; }
.proectlink ul li:first-child { pointer-events: none }
.proectlink ul li span { font-size: 16px; }
.proectlink ul { list-style: none; margin: 0; text-align: center; border-radius: 5px; background-color: #fff; border: 1px solid #dfdfdf }
.proectlink ul li { font-family: 'reader-medium'; font-size: 17px; padding: 23px 20px; border-bottom: 1px solid #dfdfdf; cursor: pointer }
.proectlink ul li.active { background: rgb(0, 159, 229); background: -moz-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: linear-gradient(to right, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fe5', endColorstr='#00c8f8', GradientType=1);    /* IE6-9 */ color: #fff }
.proectlink ul li:last-child { border-bottom: 0 }
.projectContentmain { width: 75%; padding: 0 0 0 75px; }
.proejectdes { display: none }
.applications { max-width: 80%; margin: 0 auto; }
.applicationtablinks { text-align: center; clear: both; overflow: hidden; padding: 0 0 40px }
.applicationtablinks ul { text-align: center; border: 1px solid #dfdfdf; margin: 0 auto; font-size: 0; }
.applicationtablinks ul li { display: inline-block; width: 33.33%; padding: 20px 60px; color: #132028; font-family: 'reader-medium'; border-right: 1px solid #dfdfdf; font-size: 17px; cursor: pointer; white-space: nowrap }
.applicationtablinks ul li:last-child { border: 0 }
.applicationtablinks ul li.active { background: rgb(0, 159, 229); background: -moz-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: linear-gradient(to right, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fe5', endColorstr='#00c8f8', GradientType=1);    /* IE6-9 */ color: #fff }
.applicationtabdes { display: none }
.applicationtabdes h2 { display: none }
.applicationtabdes img { width: 100% }
.page-template-template-plants section.plantssec4 { background-color: #232f40; color: #fff }
.plantssec4 h2 { color: #fff }
.deliveryprocess { list-style: none; margin: 40px 0 0; position: relative; }
.deliveryprocessStep { background: #f00; width: 40%; position: absolute; left: 0; top: 20px; text-align: center; color: #fff; font-size: 16px; font-family: 'reader-medium'; padding: 8px 0; z-index: 1 }
.step1 { border-radius: 5px 0 0 5px; background: rgb(0, 113, 206); background: -moz-linear-gradient(left, rgba(0, 113, 206, 1) 0%, rgba(0, 155, 226, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 113, 206, 1) 0%, rgba(0, 155, 226, 1) 100%); background: linear-gradient(to right, rgba(0, 113, 206, 1) 0%, rgba(0, 155, 226, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071ce', endColorstr='#009be2', GradientType=1); }
.step2 { left: 40%; background: rgb(0, 190, 244); background: -moz-linear-gradient(left, rgba(0, 190, 244, 1) 0%, rgba(0, 202, 249, 1) 50%, rgba(0, 214, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 190, 244, 1) 0%, rgba(0, 202, 249, 1) 50%, rgba(0, 214, 255, 1) 100%); background: linear-gradient(to right, rgba(0, 190, 244, 1) 0%, rgba(0, 202, 249, 1) 50%, rgba(0, 214, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bef4', endColorstr='#00d6ff', GradientType=1); }
.step3 { left: 80%; width: 20%; border-radius: 0 5px 5px 0; background: rgb(244, 131, 222); background: -moz-linear-gradient(left, rgba(244, 131, 222, 1) 0%, rgba(238, 50, 190, 1) 100%); background: -webkit-linear-gradient(left, rgba(244, 131, 222, 1) 0%, rgba(238, 50, 190, 1) 100%); background: linear-gradient(to right, rgba(244, 131, 222, 1) 0%, rgba(238, 50, 190, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f483de', endColorstr='#ee32be', GradientType=1); }
.deliveryprocess li { width: 20%; float: left; text-align: center; border-right: 1px solid #48505b; padding: 95px 20px 0; font-size: 16px; color: #b8bdc2 }
.deliveryprocess li:last-child { border: 0 }
.deliveryprocess li h5 { color: #fff; margin-bottom: 13px; }
.count { display: block; margin: 0 auto 24px; width: 48px; height: 48px; border-radius: 24px; border: 2px solid #0079e2; color: #0079e2; font-size: 22px; line-height: 46px }
.deliveryprocess li:nth-last-child(4) .count { color: #009de4; border-color: #009de4 }
.deliveryprocess li:nth-last-child(3) .count { color: #00c2f4; border-color: #00c2f4 }
.deliveryprocess li:nth-last-child(2) .count { color: #00d7ff; border-color: #00d7ff }
.deliveryprocess li:nth-last-child(1) .count { color: #f15cce; border-color: #f15cce }
ul.approvedsupplierslist { list-style: none; padding: 17px 0; font-size: 0 }
ul.approvedsupplierslist li { padding: 50px 20px; display: inline-block; vertical-align: top; width: 25%; text-align: center; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0 }
ul.approvedsupplierslist li img { height: 76px }
.lightbox { background: url(images/image-zoom.svg) no-repeat center center; background-size: 30px auto; width: 30px; height: 30px; font-size: 0; display: inline-block }

/* new plants */
.project-wrap.innermidsec { max-width: 1160px; }
.project-wrap .content-wrap { background: #fff; padding: 50px 49px 50px 55px; min-width: 635px; width: 100%; box-shadow: 0 10px 15px rgba(0, 0, 0, .16); }
.projectdetails.imageLeft .content-wrap { margin-left: -70px; }
.projectdetails.imageRight .content-wrap { margin-right: -70px; }
.page-id-7974 .projectdetails.imageLeft .content-wrap { margin-left: -70px; background: #ec2dbb; color: #fff; }

/* .page-id-7974 .projectdetails.imageRight .content-wrap { margin-right: -70px; background: #131B28; color: #fff; } */
.page-id-7974 .projectdetails.imageRight .content-wrap { margin-right: -70px; background: linear-gradient(to right, rgba(0, 122, 210, 1) 0%, rgba(0, 184, 241, 1) 100%); color: #fff; }
.projectdetails { display: flex; align-items: center; margin-bottom: 120px; position: relative; }
.projectdetails.imageRight { flex-direction: row-reverse; }
.projectdetails > div { flex: 0 0 50%; }
.projectdetails .img-wrap img { min-width: 600px; width: 100%; }
.projectdetails .map-index {z-index:9;}
.projectdetails:last-of-type { margin-bottom: 0; }
.plantssec1.vspace { padding-bottom: 20px; }
.page-id-7974 .projectdetails h2 { color: #fff; }
.page-id-7974 .projectdetails .content-wrap > ul { list-style-type: none; padding-left: 50px; }
.page-id-7974 .projectdetails .content-wrap > ul li::before { content: ''; width: 24px; height: 12px; display: inline-block; background-image: url(/wp-content/themes/highviewpower/images/list-arrows.png); position: relative; background-size: 24px auto; background-repeat: no-repeat; padding-right: 17px; margin-left: -25px; }
.page-id-7974 .projectdetails .content-wrap > ul li { padding-bottom: 5px; text-indent: -20px; }
.page-id-7974 .projectdetails.imageLeft .content-wrap a { color: #131B28; }
.page-id-7974 .projectdetails.imageLeft .content-wrap a:hover, .page-id-7974 .projectdetails.imageRight .content-wrap a:hover { color: #fff; }

/* Single Plants */
body.page-template-template-plants-single #banner-contact {
    height: 830px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    position: relative;
    margin: 101px 0 0;
}
@media (max-width: 1500px) {
section.intro_video_sec {padding: 80px 100px; }
section.intro_video_sec .common_container .graphic_side {margin-right: 80px;}
section.intro_video_sec .common_container .content_side {width: calc(40% - 80px); }
section.intro_video_sec .common_container .content_side .common_head_context p {max-width: 70%; margin: 20px 0 0;}
section.intro_video_sec .common_container .content_side .common_head_context .cmn_btn {margin-top: 30px; }
section.ourdevelopment.mail_subs {padding: 60px 0 !important; display: none; }
section.presscoverage.latestcategorylist {padding-bottom: 50px; }
section.ourdevelopment.mail_subs .subscribeform input[type="email"] {font-size: 20px; line-height: 30px; }
section.ourdevelopment.mail_subs .subscribeform button {font-size: 20px; line-height: 30px; padding: 11px 20px;}
.latestcategorylist .half_width .featuredbox h3 {font-size: 28px; line-height: 38px; }
.latestcategorylist .half_width .featuredbox p {font-size: 20px; line-height: 30px; }
.latestcategorylist .latestnewsbox p {font-size: 18px; line-height: 28px;}
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider {margin: 20px 0 0; width: 100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider li { width: 100%; }
.news_latest .common_row.common_head_context .floatRight h2 {font-size: 28px;}
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider p {line-height: 28px;padding: 0;}
.news_latest .common_row.common_head_context .floatRight ul.latestnewsslider p a {font-size: 20px;line-height: 30px; }
.latestcategorylist h2 a.viewlink {line-height: 28px; font-size:22px ;}
.latestcategorylist h2 {margin: 0 0 30px;font-size: 28px;}
.blog section {padding: 60px 0 0; }
.news_latest .common_row.common_head_context .floatLeft .featureddes {padding: 40px; }
.news_latest .common_row.common_head_context .floatLeft .featureddes h3 {font-size: 26px; line-height: 36px; }
section.benefitssec1 .common_container .hvpbenfitssec .half_width.img-tag {padding: 100px; }
section.benefitssec1 .common_container .hvpbenfitssec p {max-width: 100%; }
section.benefitssec1 .common_container .hvpbenfitssec .common_head_context.half_width {padding: 0 100px; }
section.benefits_banner {padding: 180px 0; }
section.benefits_banner_2 {padding: 180px 0; }
.benefits_box_content p {font-size: 20px; line-height: 30px; }
.benefits_content {padding: 150px 0 0 0; }
.benefits_content .benefits_box {padding: 0 10px; }
.benefitssec1 p {padding: 0 0 100px 0; }
.benefitssec1 .hvpbenfitssec img {max-width: 150px; }
.benefitssec1 .hvpbenfitssec .common_head_context h2 {margin: 0 0 20px 0; }
section.benefitssec1 .common_container .hvpbenfitssec p {font-size: 20px; line-height: 30px; }
.benefitssec1 .hvpbenfitssec .digit-text {font-size: 20px; line-height: 30px;padding: 15px 20px;}
.benefitssec1 .hvpbenfitssec .digit {font-size: 60px; }
section.exlpore__main .half_width .explore_text {display: flex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: column; -webkit-box-direction: initial; -moz-box-direction: initial; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: column; -ms-flex-direction: column; justify-content: space-between; -webkit-box-pack: space-between; -moz-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; height: 100%; }
}
@media only screen and (max-width: 2000px) and (min-width: 1600px){
section.masonry_projects .news_card .news_card_content_1_2 {
    margin-left: 380px;
    background: white;
    border-radius: 6px;
    height: 560px;
    margin-top: -30px;
    padding: 50px 20px 10px 290px;
}
}
@media only screen and (max-width: 1398px) and (min-width: 1349px){
section.exlpore__main .half_width {
    background: var(--dark_blue);
    padding: 70px 55px;
    margin: 0;
    width: calc(50% - 50px);
    position: relative;
    float: left;
}
section.masonry_projects .news_card .img_part img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
section.masonry_projects .news_card .img_part_1 img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
}
@media only screen and (max-width: 1398px) and (min-width: 1280px)
{
section.masonry_projects .news_card .news_card_content_1 {margin-left: 380px; background: white; border-radius: 6px; height: 500px; margin-top: -30px; padding: 65px 30px 0px 200px;
}
section.masonry_projects .news_card .news_card_content_1_2 {
    margin-left: 380px;
    background: white;
    border-radius: 6px;
    height: 620px;
    margin-top: -30px;
    padding: 35px 20px 10px 200px;
}
section.masonry_projects .news_card .news_card_content_1_1 {
    margin-right: 380px;
    margin-top: -25px;
    padding: 35px 190px 0px 40px;
    background: white;
    border-radius: 6px;
    height: 500px;
}
section.masonry_projects .news_card .news_card_content_1_1_1 {margin-right: 380px;
    padding: 35px 200px 0px 40px;
    background: white;
    border-radius: 6px;
    height: 610px; }
    
    
    
}
@media (max-width: 1350px) {
section.intro_video_sec .common_container .content_side .common_head_context p {max-width: 80%; }
section.benefitssec1 .common_container .hvpbenfitssec .common_head_context.half_width {padding: 0 60px; }
section.exlpore__main .half_width {padding: 60px; }
section.benefitssec1 .common_container .hvpbenfitssec .half_width.img-tag {padding: 60px; }
section.masonry_projects .news_card .img_part img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
section.masonry_projects .news_card .img_part_1 img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
}
/* plant mobile */
@media screen and (max-width:1280px) {
    .project-wrap.innermidsec { max-width: 80%; }
    .projectdetails, .projectdetails.imageRight { flex-direction: column; }
    .projectdetails img { min-width: 1px; }
    .projectdetails.imageRight .content-wrap, .projectdetails.imageLeft .content-wrap { margin: 0 0 0 auto; max-width: 85%; padding: 6% 6%; }
    .projectdetails.imageLeft .img-wrap, .projectdetails.imageRight  .img-wrap { margin: 0 auto -60px 0; }
    .projectdetails div { flex: 0 0 100%; }
section.masonry_projects .news_card .news_card_content_1 {margin-left: 380px; background: white; border-radius: 6px; height: 500px; margin-top: -30px; padding: 65px 30px 0px 200px;}
section.masonry_projects .news_card .img_part img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
section.masonry_projects .news_card .news_card_content_1_2 {
    margin-left: 380px;
    background: white;
    border-radius: 6px;
    height: 610px;
    margin-top: -30px;
    padding: 30px 20px 10px 200px;
}
section.masonry_projects .news_card .img_part_1 img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
section.masonry_projects .news_card .news_card_content_1_1 {
    margin-top: -67px;
    margin-right: 380px;
    margin-top: -25px;
    padding: 35px 190px 0px 40px;
    height: 500px;
    background: white;
    border-radius: 6px;
    height: 500px;
}
section.masonry_projects .news_card .news_card_content_1_1_1 {margin-right: 380px;
    padding: 35px 200px 0px 40px;
    background: white;
    border-radius: 6px;
    height: 610px; }
}

@media (max-width: 1199px){
section.intro_video_sec .common_container .graphic_side { margin-right: 50px;}
section.intro_video_sec .common_container .content_side {width: calc(40% - 50px); }
section.intro_video_sec .common_container .content_side .common_head_context p {max-width: 90%; }
section.intro_video_sec {padding: 60px 40px; }
.half_width.media_sec {width: 60%;}
.open-rules-content p{font-size:26px;line-height:34px;}
    section.open-rules{margin:90px 0 0;}
    .footermid ul li:nth-child(4),.footermid ul li:nth-child(5) { width: 33.33%; }
.benefitssec1 .hvpbenfitssec img {max-width: 120px; }
section.benefits_banner {padding: 120px 0 80px; }
section.benefits_banner h2.centeralign br {display: none; }
section.benefits_banner_2 {padding: 120px 0 80px; }
section.benefits_banner_2 h2.centeralign br {display: none; }
.benefits_content {flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; padding: 60px 0 0 0; justify-content: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; }
.benefits_content_2 {flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; padding: 60px 0 0 0; justify-content: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; }
.benefits_content .benefits_box:before {height: 80px;}
.benefits_content .benefits_box:last-child:after {height: 80px;}
.benefits_content .benefits_box {width: 30%; margin: 0 0 40px; }
.benefits_content_2 .benefits_box:before {height: 80px;}
.benefits_content_2 .benefits_box:last-child:after {height: 80px;}
.benefits_content_2 .benefits_box {width: 30%; margin: 0 0 40px; }
.benefitssec1 h2 {margin: 0 0 10px 0; }
section.masonry_projects .news_card .img_part img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
section.masonry_projects .news_card .img_part_1 img {float: left; width: 100%; object-fit: cover; max-height: 300px; margin-top: 50px;}
}

@media (max-width:1100px) {
section.presscoverage.latestcategorylist .common_row.flexy .latestlistlft.floatRight.half_width {padding-left: 15px; }
section.newsannouncements.latestcategorylist .common_row.flexy .latestlistlft.floatLeft.half_width {padding-right: 15px; }

.latestcategorylist.presscoverage .common_row.flexy .half_width.floatRight ul li:last-child {padding-right: 0 !important; }
.latestcategorylist .common_row.flexy.reverse .half_width.latestlistlft ul li:first-child {padding-left: 0 !important; }
.latestcategorylist .common_row.flexy.reverse .half_width ul li:nth-child(2n+1) {padding-left: 15px !important;}
.latestcategorylist.presscoverage  .common_row.flexy .half_width ul li:nth-child(2n) {padding-right: 15px !important; }
.latestcategorylist div.latestlistlft ul li:first-child {padding-left: 0; }
.latestcategorylist div.latestlistlft  ul li:last-child {padding-right: 0; }
.news_latest .common_row.common_head_context .floatLeft .featureddes p {font-size: 16px; line-height: 26px; }
.news_latest .common_row.common_head_context .floatLeft .featureddes {padding: 20px; width: 60%;}
.news_latest .common_row.common_head_context .floatRight.latestcatlist {padding-top: 30px; }
section.latestcategorylist .latestnewsbox .date {font-size: 14px; line-height: 24px; }
section.latestcategorylist .half_width {width: 100%;}
section.latestcategorylist .latestlistlft ul {width: 100%; margin: 0; }
section.latestcategorylist .common_row.flexy.reverse .half_width ul li:last-child {padding-right: 0; padding-left: 0 !important;}
section.latestcategorylist .half_width .featuredbox {padding: 30px;}
section.latestcategorylist .half_width .featuredbox h3 {font-size: 26px; line-height: 36px; }
section.latestcategorylist .latestnewsbox p {font-size: 17px; line-height: 27px; }
}
@media (max-width:1023px) {
.benefitssec1 p {padding: 0 0 50px 0; }
#page-wrap .latestcategorylist .latestlistlft > ul li {padding: 0 15px 30px !important; }
#page-wrap .latestcategorylist .latestlistlft {padding: 0; }
#page-wrap .latestcategorylist .latestlistlft > ul li {width: 50%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.footermid ul li:nth-child(5), .footermid ul li:nth-child(6) {width: 50%; }
}
@media (max-width:991px) {
section.intro_video_sec .modal-content {width: 90%;}
section.intro_video_sec {padding: 50px 30px; }
section.intro_video_sec .common_container .graphic_side img {aspect-ratio: 16/9; }
section.intro_video_sec .common_container .content_side .common_head_context p {max-width: 100%; }
section.intro_video_sec .common_container .graphic_side {margin-right: 0; width: 100% !important; margin-bottom: 30px; }
section.intro_video_sec .common_container .content_side {width: 100% !important; }
.combo-project { display: none; }
.combo-project.responsive { display: block; }
 .open-rules-content p{font-size:24px;line-height:32px;}
    section.open-rules{margin:70px 0 0;}
section.benefitssec1 .common_container .hvpbenfitssec .half_width.img-tag {padding: 30px;}
section.benefitssec1 .common_container .hvpbenfitssec .common_head_context.half_width {padding: 0 30px; }
section.masonry_projects .full_width.responsive {display: block;}
section.masonry_projects .full_width.desktop {display: none;}
}
@media (max-width: 767px) {
    .open-rules-content p{font-size:20px;line-height:30px;}
    section.open-rules{margin:50px 0 0;}
    .footermid ul li:nth-child(4),.footermid ul li:nth-child(5) { width: 100% !important; }
section.latestcategorylist .half_width .featuredbox h3 {font-size: 22px; line-height: 32px; }
.latestcategorylist .half_width span.subcatdate {font-size: 16px;}
.news_latest .common_row.common_head_context .floatLeft .featureddes h3 {font-size: 20px; line-height: 30px; }
.news_latest .common_row.common_head_context .floatLeft .featureddes {width: 100%;}
section.perfect_strom {padding: 30px 0;}
section.challanges {    background-size: cover; background-position: center; background-attachment: fixed;}
.benefitssec1 h2, .benefitssec1 p {padding-left: 15px; padding-right: 15px; }
.benefits_content .benefits_box:last-child {margin: 0; }
.benefits_content .benefits_box:nth-child(even):after {content: ''; position: absolute; top: 50%; right: 0; height: 80px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.benefits_content .benefits_box {width: 50%;margin: 0 0 50px;}
.benefitssec1 .hvpbenfitssec .common_row .half_width {width: 100%; }
.benefitssec1 .hvpbenfitssec .common_row {flex-wrap: wrap; }
section.benefitssec1 .common_container .hvpbenfitssec .common_head_context.half_width {padding: 30px; text-align: center;}
.benefitssec1 .hvpbenfitssec .common_row.common_row_reverse {flex-direction: column-reverse; }
.benefitssec1 .hvpbenfitssec .common_head_context h2 {margin: 0 0 10px 0; padding: 0;}
.counter_x.bg-pink {flex-direction: column; align-items: center; margin: 20px 0 0 0;}
.benefitssec1 .hvpbenfitssec .digit-text {margin: 0; text-align: center; width: 100%; max-width: 350px;}
.benefitssec1 .hvpbenfitssec .digit {font-size: 50px; line-height: 60px; width: 100%; max-width: 350px;padding: 20px 35px 15px; border-bottom: 1px solid #fff; }
section.new_company_awards .awardimg { float: none; padding: 20px; justify-content: center; display: grid; align-items: center; margin: auto; width: 300px; height: 380px; border: 2px solid #e4e4e4; float: none; margin-top: 30px; }
section.new_company_awards .slick-slide{text-align: center}
section.new_company_awards .slick-slide {
    text-align: center;
    width: 361px !important;
}
section.new_company_office .slick-slide {
    text-align: center;
    width: 45% !important;
    margin: 20px;
}
section.new_company_office .slick-list.draggable { margin: 11px 8px; }
section.new_company_office .awardimg { float: none; justify-content: center; display: grid; align-items: center; margin: auto; border: 2px solid #e4e4e4; float: none; margin-top: 30px; }
section.new_company_office .slick-slide{text-align: center}
section.new_company_office .slick-slide {
    text-align: center;
}
}
@media screen and (max-width:1100px) {
    .project-wrap.innermidsec { padding: 5%; max-width: 100%; }
}
@media screen and (max-width:740px) {
    .projectdetails.imageLeft .img-wrap, .projectdetails.imageRight .img-wrap { margin: 0 auto; width: 100%; line-height: 0; }
    .projectdetails.imageRight .content-wrap, .projectdetails.imageLeft .content-wrap { max-width: 100%; min-width: 1px; }
    .projectdetails, .projectdetails.imageRight { margin-bottom: 75px; }
    body .projectdetails.imageRight:last-of-type { margin-bottom: 0; }
    .benefits_content_2 .benefits_box {
    margin: 0 0 25px;
}
}

@media (max-width: 640px) {

.benefitssec1 p {padding: 0 0 25px 0; }
}


@media (max-width: 599px ) {

.latestcategorylist h2 {font-size: 24px;}

.benefits_content .benefits_box {width: 100%; }
.benefits_box_icon_1 {width: 100% !important;}
.benefits_content_1 {width: 100%; display: block;}
.benefits_content_2 .benefits_box {width: 100%; }
.benefits_content .benefits_box:after {content: ''; position: absolute; top: 50%; right: 0; height: 80px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
section.benefits_banner {padding: 80px 0; }
.benefits_content_2 .benefits_box:before {
    display: none;
}
.benefits_content_2 .benefits_box:last-child:after {
    height: 2px;
    width: 80px;
    left: 42%;
    margin-top: 25px;
}
}

@media (max-width: 500px ) {
#page-wrap .latestcategorylist .latestlistlft > ul li {width: 100%;}
section.ourdevelopment.mail_subs .subscribeform label {width: 100% !important; padding: 0;}
.latestnewsbox {min-height: auto;}
section.ourdevelopment.mail_subs .subscribeform input[type="email"] {font-size: 18px; line-height: 28px; padding: 8px 10px !important; height: auto; }
section.ourdevelopment.mail_subs .subscribeform button {font-size: 18px; line-height: 28px; padding: 10px 20px; }
section.ourdevelopment.mail_subs .subscribeform section {padding: 10px 0 0; }
section.ourdevelopment.mail_subs .subscribeform button {width: auto; display: inline-block; float: none; }
.benefits_content_2 .benefits_box:last-child:after {content: ''; position: absolute; top: 50%; right: 0; height: 126px; width: 0px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
}
}
@media (max-width:480px){
    .footermid ul li:nth-child(4),.footermid ul li:nth-child { width: 100%; }
    section.intro_video_sec {padding: 50px 30px 50px 30px!important;}
    section.new_company_awards .slick-slide {
    text-align: center;
    width: 356px !important;
}
}
/* Plants Section */

/* Company */

.companysection1, .teamsec { background: #f9f9fb }
.teamsec { padding: 0 0 100px }
/*.teamsec h5.teamsectitle { text-align: center; position: relative; margin-bottom: 60px; }*/
/*.teamsec h5.teamsectitle span { display: inline-block; position: relative; background: #f9f9fb; padding: 0 20px; text-transform: uppercase; font-family: 'reader-regular'; letter-spacing: 1px; font-size: 16px; }*/
/*.teamsec h5.teamsectitle:before { border-bottom: 1px solid #e0e0e0; width: 100%; height: 1px; content: ""; position: absolute; left: 0; top: 7px }*/
.teamprofile { clear: both; overflow: hidden; }
.teamprofile ul { list-style: none; margin: 0; padding: 0; font-size: 0 }
.teamprofile ul li { display: inline-block; vertical-align: top; width: 25%; padding: 0 30px 40px; }
.teamprofile ul li img.profileimg { border-radius: 50%; width: 100%; border: 2px solid #fff }
.profileshortdes { clear: both; overflow: hidden; padding-top: 5px; }
.profileshortdes h5 { text-align: center; margin-bottom: 5px }
.designation { display: block; text-align: center; font-size: 16px; color: #6b6d72; line-height: 26px; }
.teamprofile ul li a:hover img.profileimg { border-color: #eb17b2 }
.teamprofile ul li:hover h5 { color: #eb17b2 }
.directorsmidsec { padding: 50px 0 }
.directorsmidsec .teamprofile ul li { width: 33%; }
.joinus { clear: both; overflow: hidden; margin: 50px 0 0; padding: 70px; border-radius: 5px; background: rgb(0, 126, 212); background: -moz-linear-gradient(left, rgba(0, 126, 212, 1) 0%, rgba(0, 158, 228, 1) 50%, rgba(0, 193, 245, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 126, 212, 1) 0%, rgba(0, 158, 228, 1) 50%, rgba(0, 193, 245, 1) 100%); background: linear-gradient(to right, rgba(0, 126, 212, 1) 0%, rgba(0, 158, 228, 1) 50%, rgba(0, 193, 245, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ed4', endColorstr='#00c1f5', GradientType=1); color: #fff; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.joinus h3 { color: #fff; font-size: 28px; }
.joinus .floatLeft { width: 60%; padding-right: 80px; }
.joinus .floatLeft a { color: #babcbe }
.joinus .floatLeft a:hover { color: #fff }
.joinus .floatRight { width: 40%; }
.joinus .floatRight ul { list-style: none; margin: 0; padding: 0; font-size: 20px; font-family: 'reader-medium'; }
.joinus .floatRight ul li { display: block; margin-bottom: 25px; }
.joinus .floatRight ul li:last-child { margin-bottom: 0; }
.joinus .floatRight ul li a { color: #132028; text-decoration: none; padding: 20px 25px 19px; background: rgba(255, 255, 255, 0.9); display: block; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); }
.joinus .floatRight ul li a[href=""] { cursor: default; pointer-events: none }
.joinus .floatRight ul li a:hover { background: #eb17b2; color: #fff; box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2); }
h2.open-position-title { margin: 60px 0 30px; }
div#whr_embed_hook { text-align: center; margin-bottom: 60px; }
h2.whr-group { font-size: 30px; margin: 40px 0 20px; }
h3.whr-title { font-size: 22px; margin-bottom: 5px; }
h2.whr-group:first-of-type { margin-top: 0; }
ul.whr-items, ul.whr-info { list-style-type: none; }
.companymilestone .midsec { position: relative; max-width: 100%; padding: 0 15px 0 200px }
.rotatetxt { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position: absolute; top: 0; bottom: 0; margin: auto; text-align: center; left: -8% }
.milestoneslider { margin-left: 100px; border-left: 1px solid #e0e0e0; clear: both; position: relative; }
.milestoneslider h2.rotatetxt { left: 0; height: 450px }
.milestoneslider:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.milestoneslider ul { list-style: none; overflow: hidden; color: #6b6d72 }
.milestoneslider ul li { float: left; border-right: 1px solid #e0e0e0; padding: 0 25px; width: 25%; }
.milestoneimgmain { clear: both; overflow: hidden; padding: 0 0 170px; position: relative; height: 100% }
.year { font-size: 20px; color: #009de4; font-family: 'reader-bold'; display: block; padding-bottom: 11px; }
.description { clear: both; overflow: hidden; }
.description p { font-size: 16px; line-height: 26px; }
.milestoneimg { position: absolute; bottom: 0; left: 0 }
.milestoneimg img { max-height: 150px; border-radius: 5px }
.ourawardssec { border-top: 1px solid #e0e0e0 }
.ourawardssec .midsec { position: relative; max-width: 100%; padding: 0 15px 0 200px; }
.awardslider { margin-left: 100px; border-left: 1px solid #e0e0e0; clear: both; position: relative; }
.awardslider h2.rotatetxt { left: 0; height: 430px }
.awardslider:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.awardslider ul { list-style: none; overflow: hidden }
.awardslider ul li { float: left; padding: 30px 25px; width: 25%; text-align: center }
.awardslider ul li img { max-height: 145px; margin: 0 auto }
.pinkarrow { position: static; float: right; margin: 30px 0 0 }
.pinkarrow a { background-color: #eb17b2 }
.pinkarrow a.slick-disabled { background-color: #f35bcf }
.profilephoto { max-width: 230px; margin: 0 auto }
.popupnamedesignation h2 { margin: 0 0 10px }
.popUpHolder.popupprofile { background: #fff; padding: 80px 50px 80px }
.teamprofiledes {
    clear: both;
    overflow-y: scroll;
    padding: 30px 0 0;
    font-size: 17px;
    text-align: left;
    border-top: 1px solid #E0E0E0;
    margin: 40px 0 0;
    max-height: 350px;
}
p.followbtn { margin: 40px 0 0 }
.followbtn .btn { display: inline-block }

/* Company */

/*Technology */

.technologysection2 img, .technologysection5 img { display: block; margin: 0 auto; }
.technologysection2 h2 { color: #fff; margin-bottom: 50px !important; }
.howitworksbtmbox { clear: both; overflow: hidden; color: #fff; }
.howitworksbtmbox ul { list-style: none; margin: 0; padding: 0 }
.howitworksbtmbox ul li { float: left; width: 40%; text-align: center; padding: 15px 20px; font-size: 16px; line-height: 22px }
.howitworksbtmbox ul li:first-child { background: rgb(0, 159, 229); background: -moz-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); background: linear-gradient(to right, rgba(0, 159, 229, 1) 0%, rgba(0, 200, 248, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fe5', endColorstr='#00c8f8', GradientType=1); border-radius: 10px 0 0 10px }
.howitworksbtmbox ul li:nth-child(2) { width: 20%; background: #6b6d72 }
.howitworksbtmbox ul li:last-child { border-radius: 0 10px 10px 0; background: rgb(244, 131, 222); background: -moz-linear-gradient(left, rgba(244, 131, 222, 1) 0%, rgba(238, 50, 190, 1) 100%); background: -webkit-linear-gradient(left, rgba(244, 131, 222, 1) 0%, rgba(238, 50, 190, 1) 100%); background: linear-gradient(to right, rgba(244, 131, 222, 1) 0%, rgba(238, 50, 190, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f483de', endColorstr='#ee32be', GradientType=1); }
.howitworksbtmbox ul li h5 { color: #fff; margin: 0 0 10px }
.middlecontent { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.technologysection3 { background: #f9f9fb }
.videoiframe { position: relative; padding-bottom: 33.25%;    /* 16:9 */ padding-top: 0; height: 0; max-width: 60%; margin: 0 auto }
.videoiframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.technologysection4 .floatLeft { width: 50%; padding-right: 25px; }
.technologysection4 .floatRight { width: 50%; padding-right: 25px; }
.technologysection5 { background-color: #263346; color: #b9bcc2 }
.technologysection5 h2 { color: #fff }
.storage-capacity-img { margin: 50px 0 0 }
.technologysection6 .midsec { position: relative; max-width: 100%; padding: 0 0 0 200px }
.storageSystemSlider { margin-left: 100px; clear: both; position: relative; font-size: 16px; line-height: 22px }
.storageSystemSlider:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.storageSystemSlider ul { list-style: none; margin: 0; padding: 0; overflow: hidden }
.storageSystemSlider ul li>div { padding: 15px 10px; text-align: center; color: #6b6d72; display: table; width: 100%; position: relative; }
.storageSystemSlider ul li>div>span { display: table-cell; vertical-align: middle; max-width: 200px; }
.storageSystemSlider ul li>div:nth-child(odd) { background-color: #fff }
.storageSystemSlider ul li>div:nth-child(even) { background-color: #f9f9fb }
.storageSystemSlider ul li>div:nth-child(1) { color: #132028 }
.storageSystemSlider ul li>div:nth-child(2) { background-color: #fef3fb; border-top: 2px solid #EB17B2; border-bottom: 2px solid #EB17B2 }
.storagefixtitles li>div:nth-child(2) { border-radius: 5px 0 0 5px; border-left: 2px solid #EB17B2; }
.storageSystemSlider ul li>div:nth-child(2):before, .storageSystemSlider ul li>div:nth-child(2):after { content: ""; right: -1px; position: absolute; top: 0; background: #EB17B2; height: 2px; width: 10px; }
.storageSystemSlider ul li>div:nth-child(2):after { bottom: 0; top: auto }
.storagefixtitles { float: left; width: 20%; font-family: 'reader-medium'; color: #132028 }
.storagefixtitles ul li>div { color: #132028 }
.storagescrollcontent { float: left; width: 80%; margin-left: -5px }
.storagescrollcontent li { float: left; border-left: 1px solid #e0e0e0 }
.smileyicon { background-repeat: no-repeat; background-position: center center; background-size: 35px 35px; width: 35px; height: 35px; display: block; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block !important; left: 0; right: 0 }
.icon1 { background-image: url(images/blue-icon-1.svg) }
.icon2 { background-image: url(images/blue-icon-2.svg) }
.icon3 { background-image: url(images/blue-icon-3.svg) }
.icon4 { background-image: url(images/blue-icon-4.svg) }
.icon5 { background-image: url(images/blue-icon-5.svg) }

/*
.storageSystemSlider ul li > div:nth-child(2) .icon1{background-image: url(images/white-icon-1.svg)}
.storageSystemSlider ul li > div:nth-child(2) .icon2{background-image: url(images/white-icon-2.svg)}
.storageSystemSlider ul li > div:nth-child(2) .icon3{background-image: url(images/white-icon-3.svg)}
.storageSystemSlider ul li > div:nth-child(2) .icon4{background-image: url(images/white-icon-4.svg)}
.storageSystemSlider ul li > div:nth-child(2) .icon5{background-image: url(images/white-icon-5.svg)}*/
.technologysection6 .nextprev { margin-right: 15px; }
.comparisonrelatestxt { clear: both; overflow: hidden; padding: 15px 15px 15px 100px }

/*.page-template-template-technology .rotatetxt{left: -2%}*/

/*Technology */

/* News - Press - Events - Resources Content */

.featuredcontent { background-color: #f9f9fb; margin: 101px 0 0 }
.featuredbanner { clear: both; overflow: hidden; position: relative; font-size: 0; line-height: 0 }
.featuredbanner img { width: 100%; border-radius: 3px; background-repeat: no-repeat; background-position: center center; background-size: cover }
.featuredbanner:after { content: ""; position: absolute; left: 0; top: 0; background-color: rgba(26, 49, 63, 0.8); width: 100%; height: 100%; border-radius: 5px; }
.featuredbannercontent { position: absolute; z-index: 1; top: 0; left: 0; padding: 60px 60px 0 60px; width: 55%; font-size: 16px; line-height: 28px; color: #fff; }
.featuredbannercontent h3 a { color: #fff }
.listingsec { clear: both; padding: 70px 0 0 }
.listingsec:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.listingsec ul { margin: 0 0 0 -15px; list-style: none; width: 102%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; }
.listingsec ul li { width: 25%; float: left; padding: 0 15px 30px; cursor: pointer }
.listingsec .latestnewsbox { background-color: #fff; color: #132028; }
.latestnewsbox h5 { margin: 10px 0 0 }
.resourcessec .listingsec { padding-top: 0 }
.subscribeform { clear: both; max-width: 70%; margin: 0 auto; position: relative; }
.subscribeform:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.subscribeform form { padding: 0 155px 0 0; }
.subscribeform input[type="text"] { width: 100% !important; background: #fff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 12px 10px 12px; font-size: 16px; font-family: 'reader-regular'; margin: 0 !important }
.subscribeform .w2lsubmit { position: absolute; right: 0; top: 0; padding: 0 !important }
.pagination { clear: both; overflow: hidden; text-align: center; font-size: 16px; padding: 30px 0; line-height: 33px; }
.pagination a { color: #9B9B9B; display: inline-block; width: 38px; height: 38px; vertical-align: top }
.pagination .current { color: #fff; background-color: #EB17B2; width: 38px; height: 38px; display: inline-block; border-radius: 5px }
.pagination a.prev { background: url(images/pagination-left-arrow.svg) no-repeat center center; background-size: 22px auto; font-size: 0 }
.pagination a.next { background: url(images/pagination-right-arrow.svg) no-repeat center center; background-size: 22px auto; font-size: 0 }
.listingsec { height: auto !important }
.page-template-template-events .listingsec { padding-top: 0 }
.success_message { color: #2c8d01; font-weight: normal; font-family: 'reader-medium'; }

/* News - Press - Events - Resources Content */

/*  POPUP Section  */

.callbackicon {font-size: 16px; font-family: 'reader-medium'; color: #EB17B2; position: fixed; top: 50%; left: -65px; transform: rotate(-90deg); z-index: 99;}
.callbackicon a {
    padding: 15px 30px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background: #eb17b26b;
    position: relative;
    border-radius: 0 0 12px 12px;
}
.callbackicon a:hover {
    background: var(--pink);
}
/*.callbackicon a:before { background-image: url(https://highviewpower.com/wp-content/uploads/2022/06/side_btn_fix_img.png); background-repeat: no-repeat; background-position: center center; width: 64px; height: 64px; content: ""; transform: rotate(90deg); top: -7px; left: -4px; position: absolute }*/
.popTrigger { cursor: pointer }
#popUpOverlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0, 0, 0, 0.40); overflow-x: auto; }
.popup_block { visibility: hidden; position: absolute; top: 50%; left: 0%; padding: 5px; z-index: 999999; margin: 0 auto !important; display: none; max-width: 870px; margin: 0 auto; right: 0 }
.popup_block:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%; }
* html .popup_block { zoom: 1; }

/* IE6 */
*:first-child+html .popup_block { zoom: 1; }

/* IE7 */
.popUpHolder { position: relative; margin: 0px auto; background: #F9F9FB; padding: 45px 32px 30px; max-width: 870px; }
.popUpHolder:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.large .popUpHolder { max-width: 1070px; }
.small .popUpHolder { max-width: 650px; }
.closePopUpTrigger { position: absolute; right: 20px; top: 20px; background: url(images/close-icon.svg) no-repeat center center; width: 35px; height: 35px; background-size: 35px auto; }
.popUpHolder .title { clear: both; overflow: hidden; border-bottom: 1px dashed #b3b3b3; font-size: 26px; font-weight: 800; padding-bottom: 20px; margin-bottom: 20px; }
.popUpHolder ul { margin: 0; padding: 0 0 0 20px; }
.popUpHolder ul li { margin-bottom: 15px; }
#calculatemsg .popUpContent { padding: 0 30px 0 0 }
.popUpContent h2, .requestform p { text-align: center }
.requestform ul { margin: 0; padding: 0; list-style: none; }
.requestform ul li { float: left; width: 50%; padding: 0 10px; position: relative; }
.requestform ul.overflowing li { width: 100% }
.requestform ul li.fullwidth { width: 100%; text-align: center }
p.formnote { margin-top: 10px; }
.requestform ul li input[type="text"], .requestform ul li input[type="email"], .requestform ul li input[type="tel"], .requestform ul li select, .requestform ul li textarea, select.yearbox { width: 100%; background: #fff; border: 1px solid #dfdfdf; border-radius: 5px; padding: 10px; font-size: 16px; font-family: 'reader-regular'; }
.requestform ul li select, .yearbox { -webkit-appearance: none; -moz-appearance: none; -appearance: none; color: #9a9a9c; background-image: url(images/triangle-down.svg) !important; background-color: #fff !important; background-size: 22px !important; background-repeat: no-repeat !important; background-position: 96% center !important }
.requestform ul li .ajax-loader { background-image: url(../../plugins/contact-form-7/images/ajax-loader-request.gif) }
div.fancy-select { position: relative; font-size: 16px; }
div.fancy-select.disabled { opacity: 0.5; }
div.fancy-select select:focus+div.trigger.open { box-shadow: none; }
div.fancy-select div.trigger { border-radius: 4px; cursor: pointer; padding: 7px 24px 7px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: #fff; border: 1px solid #dfdfdf; color: #888; width: 100%; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; line-height: 26px; }
div.fancy-select div.trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 8px solid transparent; border-top-color: #9B9A9A; top: 17px; right: 9px; }
div.fancy-select div.trigger.open { background: #000; border: 1px solid #000; border-radius: 5px; color: #fff; box-shadow: none; }
div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; border-radius: 4px; border: 1px solid #dfdfdf; min-width: 100%; background: #fff; padding: 6px 0; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }
div.fancy-select ul.options.open { visibility: visible; top: 50px; opacity: 1; }
div.fancy-select ul.options li { padding: 6px 12px; color: #6B6D72; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; margin: 0; width: 100% }
div.fancy-select ul.options li.hover { background: #F9F9FB }

/*  POPUP Section  */

/* New CSS */

/* Default template */

.innerpagecontent { padding: 100px 0; color: #6b6d72 }

/* Default template */

/* Page not found */

.pagenotfound { clear: both; overflow: hidden; padding: 100px 0; text-align: center }
.pagenotfound .midsec { max-width: 35%; }
.notfoundtxt { font-size: 300px; display: block; color: #eee; line-height: normal }

/* Page not found */

/* lightbox */

.lightbox-target { position: fixed; left: 0; top: -100%; width: 100%; z-index: 99 }
.imgoverlay { background: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; overflow: hidden; left: 0; z-index: 99; width: 100%; height: 100% }
.lightboxmain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 80%; width: 80%; margin: auto; z-index: 999 }
.lightbox-target.open .imgoverlay { opacity: 1 }
.lightbox-target img { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 0%; max-width: 0%; border: 3px solid white; box-sizing: border-box; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; background-color: #fff }
a.lightbox-close { display: block; width: 50px; height: 50px; box-sizing: border-box; background: white; color: black; text-decoration: none; position: absolute; top: -80px; right: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out }
a.lightbox-close:before { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
a.lightbox-close:after { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
.lightbox-target.open { opacity: 1; top: 0; bottom: 0 }
.lightbox-target.open img { max-height: 100%; max-width: 100% }
.lightbox-target.open a.lightbox-close { top: 0 }

/* lightbox */

/* animation */
/*
.home section h1, .home section .displaytablecell>div, .home section .upanimation { opacity: 0 }
section.activetab h1, section.activetab .displaytablecell>div, section.activetab .displaytablecell>div, section.activetab .upanimation { -webkit-animation: fadeInUp 0.65s ease-in-out forwards; animation: fadeInUp 0.65s ease-in-out forwards; }
.transction { opacity: 1 }
.transction.animate { -webkit-animation: fadeInUp 0.65s ease-in-out forwards; animation: fadeInUp 0.65s ease-in-out forwards; }
@keyframes fadeInUp {
    from { opacity: 0; transform: translate3d(0, 20%, 0); }
    to { opacity: 1; transform: none; }
}*/
.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999; display: none }
.sk-folding-cube { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center }
.sk-folding-cube img { margin-bottom: 50px; }
.home .loader { display: table }
@keyframes loader-animation {
    0% { width: 0%; }
    100% { left: 0%; width: 100% }
}
.loaderbar { height: 5px; width: 100%; }
.loaderbar .bar { position: relative; height: 5px; background: rgb(30, 121, 190); background: -moz-linear-gradient(left, rgba(30, 121, 190, 1) 0%, rgba(68, 200, 241, 1) 33%, rgba(211, 60, 150, 1) 70%, rgba(228, 172, 206, 1) 100%); background: -webkit-linear-gradient(left, rgba(30, 121, 190, 1) 0%, rgba(68, 200, 241, 1) 33%, rgba(211, 60, 150, 1) 70%, rgba(228, 172, 206, 1) 100%); background: linear-gradient(to right, rgba(30, 121, 190, 1) 0%, rgba(68, 200, 241, 1) 33%, rgba(211, 60, 150, 1) 70%, rgba(228, 172, 206, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e79be', endColorstr='#e4acce', GradientType=1); animation-name: loader-animation; animation-duration: 3s; animation-timing-function: ease-in-out; }

/* pop-up text */
.st-custom-button span { color: #fff; position: absolute; font-family: sans-serif; bottom: 0; left: -5px; right: 0; padding: 5px 7px; z-index: -1; font-size: 14px; border-radius: 2px; background: #EB17B2; visibility: hidden; opacity: 0; -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); font-size: 14px; text-align: center; width: 80px; }

/* pop-up text arrow */
.st-custom-button span:before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #EB17B2; position: absolute; top: -5px; left: 32px; }

/* text pops up when icon is in hover state */
.st-custom-button:hover span { bottom: -55px; visibility: visible; opacity: 1; }
.partnersecion li img, .approvedsupplierslist li img { transition: all ease-in-out .3s; }
.partnersecion li:hover img, .approvedsupplierslist li:hover img { transform: translate(10px, 0); }
.menuicon { width: 35px; height: 35px; position: absolute; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 3; right: 15px; top: 39px; display: none }
.menuicon span { display: block; position: absolute; height: 3px; width: 100%; background: #007fd5; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.menuicon span:nth-child(1) { top: 0px; }
.menuicon span:nth-child(2), .menuicon span:nth-child(3) { top: 7px; width: 100% }
.menuicon span:nth-child(4) { top: 15px; }
.menuicon.active span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
.menuicon.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.menuicon.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuicon.active span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
.home header .menuicon span { background-color: #fff }
.home header.fixheader .menuicon span { background-color: #007fd5 }

/* animation */

/* Responsive CSS */

.mobstep, .mobtab, .mobtitle, .applicationmobtab, .back-to-top, .latestcatlist .nextprev, .proejctpagenation, .home .rescallback { display: none }
.mobtab, .projectmobtab, .applicationmobtab { clear: both; margin: 0 0 12px; padding: 10px }
.projectmobtab, .applicationmobtab { margin-bottom: 20px }
.projectbackbtn, .applicationbackbtn { background-image: url(images/slider-left-arrow.svg); border-radius: 5px; background-color: #eb17b2; background-size: 38px auto; width: 38px; height: 38px; float: left; font-size: 0 }
.projectnextbtn span, .applicationnextbtn span { background-image: url(images/slider-right-arrow.svg); border-radius: 5px; background-color: #eb17b2; background-size: 38px auto; width: 38px; height: 38px; display: inline-block; vertical-align: middle; margin-left: 5px; }
.mobilebanner .videoHolder { display: none }

/* Responsive CSS */
.comingsoon { display: block; background: #fff; border-radius: 5px; text-align: center; padding: 90px 10px; box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2); max-width: 50%; margin: 0 auto; font-size: 30px; margin: 40px auto 0 }
#cn-notice-text { display: block; margin-bottom: 10px; }
#cookie-notice .button.bootstrap { background: #EB17B2 !important; text-shadow: none !important; font-family: 'reader-medium' !important; font-size: 11px !important; box-shadow: none !important }
#cookie-notice .button.bootstrap:hover { background: #F35BCF !important }
.caloff { display: none }
.newsletterInfo p { margin-bottom: 10px; }
.newsletterInfo p.infotxt { margin-bottom: 30px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari and Chrome */
    .storageSystemSlider ul li>div:nth-child(2):before, .storageSystemSlider ul li>div:nth-child(2):after { top: -2px; }
    .storageSystemSlider ul li>div:nth-child(2):after { bottom: -2px; top: auto; }
}
@supports (-ms-ime-align:auto) {
    .storageSystemSlider ul li>div:nth-child(2):before, .storageSystemSlider ul li>div:nth-child(2):after { top: 0; }
    .storageSystemSlider ul li>div:nth-child(2):after { bottom: 0; top: auto; }
}
footer .yikes-easy-mc-form input[type=email] { width: 80%; color: #babcbe; border: 1px solid #474e59; border-radius: 5px; background-color: #16212d; }
.yikes-easy-mc-form .yikes-easy-mc-submit-button { border: none; }
footer .yikes-easy-mc-form input[type=email] { width: 80%; color: #babcbe; border: 1px solid #474e59; border-radius: 5px; background-color: #16212d; }
button.yikes-easy-mc-submit-button .yikes-easy-mc-submit-button-1, .footbtn { background: #474e59; color: #fff; border-radius: 5px; padding: 15px 30px 12px!Important; font-size: 16px; font-family: 'reader-bold'; max-width: 120px !important; }
button.yikes-easy-mc-submit-button .yikes-easy-mc-submit-button-1:hover, .footbtn:hover { background: #EB17B2 !important; }
section#yikes-mailchimp-container-1.yikes-mailchimp-container yikes-mailchimp-container-1 { padding-top: 0px !important; margin-top: -100px; }
footer .blog section { padding-top: 0px; }
.devbtn { float: left; }
#yikes-easy-mc-form-2-EMAIL { border-radius: 5px; border: 1px solid rgba(51, 51, 51, .1); background-color: #fff; }
.yikes-easy-mc-form input[type=email]:focus, .yikes-easy-mc-form input[type=number]:focus, .yikes-easy-mc-form input[type=text]:focus, .yikes-easy-mc-form input[type=url]:focus, .yikes-easy-mc-form select:focus { border-radius: 5px; }
.yikes-easy-mc-form.yikes-mailchimp-form-inline { display: flex; align-items: center; justify-content: center; }
.subscribeform form { padding: 0px; }

/* CSS */
.benefitssec5 .hvpbenfitssec ul li { width: 33.33%; }
.benefitssec5 .hvpbenfitssec ul li:nth-child(4) { border-right: 1px solid #4B5663; border-bottom: 0; }
.benefitssec5 .hvpbenfitssec ul li:nth-child(2) { border-right: 1px solid #4B5663; }
.benefitssec5 .hvpbenfitssec ul li:nth-child(6), .benefitssec5 .hvpbenfitssec ul li:nth-child(3) { border-right: 0; }
.benefitssec5 .hvpbenfitssec ul li:nth-child(6), .benefitssec5 .hvpbenfitssec ul li:nth-child(5) { border-bottom: 0; }
@media screen and (max-width:500px) {
    .benefitssec5 .hvpbenfitssec ul li { width: 100%; border: 0 !important; border-top: 1px solid #4B5663 !important; }
    .benefitssec1 .hvpbenfitssec {flex-direction: column;}
    .benefitssec1 .hvpbenfitssec .project-lifecycle {border-right: 0 none; border-bottom: 1px solid #d660a5;}
    .benefitssec1 .hvpbenfitssec .project-lifecycle:last-child {border-bottom: 0 none;}
}