/***************** INDUSTRIES *******************/ #industries{background-color:#F0F0F0; padding: 3.5% 1%; margin-bottom: 72px; width:98%;} #industries .line.clearfix{ display: flex; flex-wrap: wrap; } #industries > div > .industries-flex { width: 14%; margin:auto;} #industries > div > .industries-flex .industries-wrapper { max-width: 160px; margin: auto;} #industries > div > div:first-child { margin-left: 0;} #industries > div > div:last-child { margin-right: 0; } #industries a { background-size: 100%; background-position: center; background-repeat: no-repeat; display: block; padding: 66% 15% 25%; text-decoration: none; font-size: 16px; color: #646464; text-align: center; font-weight: normal; height:30px; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; } #industries a:hover{color:#fff;} #industries #tel{background-image:url(../images/frontpage/telecom.svg);} #industries #tel:hover{background-image:url(../images/frontpage/telecom_hover.svg);} #industries #dc{background-image:url(../images/frontpage/datacenter.svg);} #industries #dc:hover{background-image:url(../images/frontpage/datacenter_hover.svg);} #industries #pu{background-image:url(../images/frontpage/powerutilities.svg);} #industries #pu:hover{background-image:url(../images/frontpage/powerutilities_hover.svg);} #industries #mao{background-image:url(../images/frontpage/marineandoffshore.svg);} #industries #mao:hover{background-image:url(../images/frontpage/marineandoffshore_hover.svg);} #industries #ram{background-image:url(../images/frontpage/railwayandmetro.svg);} #industries #ram:hover{background-image:url(../images/frontpage/railwayandmetro_hover.svg);} #industries #rural{background-image:url(../images/frontpage/ruralelectrification.svg);} #industries #rural:hover{background-image:url(../images/frontpage/ruralelectrification_hover.svg);} /***********************************************/ /******** MOBILE LINKS UNDER INDUSTRIES ********/ #mobile_links{display:none; margin-bottom: 7.5%;} #mobile_links .links_for_mobile{text-align: center; } #mobile_links .links_for_mobile li{ list-style:none;} #mobile_links .links_for_mobile a{color:#0087DC;} /***********************************************/ /***************** CAMPAIGNS *******************/ #campaigns{margin-bottom:72px; opacity:0;} /*#campaigns .c_img img{width:100%; height:auto; display:block;} #campaigns .c_content{overflow:hidden;} #campaigns .type-a .c_content, #campaigns .type-b .c_content{ padding: 4.2% 4.2%;} #campaigns .type-c .c_content, #campaigns .type-d .c_content{padding: 7.3% 9%;} #campaigns .type-e .c_content{ padding: 3.5% 4.3%;} #campaigns h2{margin-top:15px;} #campaigns .previewblack{margin-top:15px;} .c_content {background-color:#48800F;} #campaigns .green .minitagG, #campaigns .green h2, #campaigns .green .previewblack {color:#ffffff;} #campaigns .light_grey .c_content {background-color:#C3C8C8;} #campaigns .light_grey .minitagG, #campaigns .light_grey h2, #campaigns .light_grey .previewblack {color:#000;} #campaigns .grey .c_content {background-color:#5E6A71;} #campaigns .grey .minitagG {color:#0087DC;} #campaigns .grey h2, #campaigns .grey .previewblack {color:#ffffff;} #campaigns .dark_grey .c_content {background-color:#262626;} #campaigns .dark_grey .minitagG {color:#0087DC;} #campaigns .dark_grey h2, #campaigns .dark_grey .previewblack {color:#ffffff;} #campaigns .type-b .c_img{display:none;} #campaigns .type-c .previewblack{display:none;} #campaigns .type-d .previewblack, #campaigns .type-d .c_img{display:none;} #campaigns .type-e {position:relative;} #campaigns .type-e .previewblack{display:none;} #campaigns .type-e .c_content{position: absolute; height:38%;} #campaigns .top_left .c_content{ top:0; left:0} #campaigns .top_right .c_content{ top:0; right:0} #campaigns .bottom_left .c_content{ bottom:0; left:0} #campaigns .bottom_right .c_content{ bottom:0; right:0} #campaigns .type-c h2, #campaigns .type-d h2, #campaigns .type-e h2{font-size: 18px; line-height: 24px; font-weight: normal; !*font-family: 'DeltaSans', sans-serif;*!} #campaigns a{color:inherit; text-decoration:none; font-weight:inherit; font-family:inherit;} #campaigns a:hover *{ text-decoration:underline !important;}*/ /***********************************************/ /********* EVENTS & CONTACT & NEWSLETTER ********/ #ecn {background-color:#E1E6E6; margin-bottom:72px; padding: 3% 0;} #ecn h2{color:#323232; margin-bottom: 15px;} #ecn .button{width:135px; padding:8px 0; margin:auto;position: absolute; left: 0; right: 0; margin: auto; bottom: 0;} #events .previewgrey{width: 90%; margin: 0 auto 60px;} /********************/ #events .previewgrey > a{color:inherit;} #events .previewgrey > a:hover{text-decoration:none;} #events .previewgrey span{display:block;} #cta_contact .previewgrey{width: 50%; margin: 0 auto 25px;} #events{background-size: 21%; background-position: top center; background-repeat: no-repeat; display: block; padding: 9.5% 0 0%; background-image: url(../images/frontpage/events.png); text-align:center; } #cta_contact{background-size: 30%; background-position: center 10px; background-repeat: no-repeat; display: block; padding: 9.5% 0 0%; background-image:url(../images/frontpage/contact.png); text-align:center; } #newsletter{background-size: 20%; background-position: center top;background-repeat: no-repeat;display: block; padding: 9.5% 0 0%; background-image: url(../images/frontpage/newsletter.png); text-align: center; } #newsletter input[type=text]{width: 85%; border: 0; padding: 10px; margin-bottom: 35px; } #ecn > .line {display:table;} #ecn > .line > .row{text-align:center; display:table-row;} #ecn > .line > .row > div{ background-repeat: no-repeat; padding: 9.5% 0 0%; text-align:center; display: table-cell; float:none; width:33%; position:relative; } /************************************************/ /******************** VIDEO *********************/ #video {margin-bottom:72px;} #video .row{position:relative;} #video img {width:100%; height:auto; display:block;} #video h2{margin-bottom:4px; color: #414141;} /************************************************/ /***************** OTHER NEWS *******************/ #other_news { margin-bottom: 68px;} #other_news .img {margin-bottom:8px;} #other_news .img img{width:100%; height:auto; display:block;} #other_news h2{margin-bottom:30px; color: #414141;} #other_news .minitagGrn {margin-bottom:2px;} #other_news .minitagGrn a{color: #0087DC; text-decoration:none; font-weight:inherit;} #other_news .minitagGrn a:hover{text-decoration:underline;} #other_news .previewgrey a{color:inherit; text-decoration:none;} #other_news .previewgrey a:hover{color: #0087DC;} #other_news .row{margin-bottom:42px;} #other_news .alllink{text-align:center;} #other_news .alllink a{margin:0; text-decoration:none; font-size:18px;} #other_news .alllink a:hover{text-decoration:underline;} /************************************************/ #mobile_links ul{padding:0; margin:0; margin-top:15px;} #mobile_links li{margin-bottom:15px !important;} #ql{ color:#5E6A71; font-weight:bold;} /****************** MEDIA QUERIES ***********************/ @media screen and (max-width: 1140px) { #campaigns .type-a h2, #campaigns .type-b h2 {font-size: 25px; line-height: 31px; } #campaigns .type-c h2, #campaigns .type-d h2, #campaigns .type-e h2{font-size: 15px; line-height: 19px; margin-top: 10px !important;} #campaigns .type-a .previewblack, #campaigns .type-b .previewblack {font-size: 15px; line-height: 19px; } #campaigns .minitagG, #campaigns .minitagGrn, #campaigns .minitagW { font-size: 12px; line-height: 15px; } #industries a { padding: 68% 15% 23%; font-size: 13px;} } @media screen and (max-width: 980px) { h2 {font-size: 26px; line-height: 29px; } /************* INDUSTRIES ****************/ #industries { margin-bottom:7.5% !important; padding: 3.5% 1% 1%;} #industries > div > .industries-flex {width: 30%; margin-bottom: 3%;} #industries > div > div:first-child { margin-left: 0; } #industries > div > div:nth-child(3) { margin-right: 0; } #industries > div > div:last-child { margin-right: auto; } /****************************************/ /************* CAMPAIGNS ****************/ #campaigns { margin-bottom:7.5% !important;} /****************************************/ /********* EVENTS & CONTACT & NEWSLETTER ********/ #ecn { margin-bottom:7.5% !important;} #ecn #newsletter{display:none;} #ecn #events{width:50%; background-size: 13%; padding: 9% 0 5%; /*border-bottom:3px solid #cccccc;*/} #ecn #cta_contact{width:50%; background-size: 20%; padding: 7.5% 0 0; background-position: center 0; margin-top:5%; margin-left:0 !important;} #ecn .btn{width:100%;} #ecn .previewgrey {width: 90% !important; margin: 0 auto 15px !important;} #ecn h2 { margin-bottom: 7px; } /************************************************/ /************* VIDEO ****************/ #video { margin-bottom:7% !important;} /****************************************/ /************* OTHER NEWS ****************/ #other_news { margin-bottom:7.5% !important;} /****************************************/ } @media screen and (max-width: 900px) { /************* CAMPAIGNS ****************/ #campaigns .type-a h2, #campaigns .type-b h2 {font-size: 22px; line-height: 28px; margin-top: 10px !important;} #campaigns .type-c h2, #campaigns .type-d h2, #campaigns .type-e h2{font-size: 13px; line-height: 15px; margin-top: 10px !important;} #campaigns .type-a .previewblack, #campaigns .type-b .previewblack {font-size: 13px; line-height: 17px;margin-top: 10px !important; } #campaigns .minitagG, #campaigns .minitagGrn, #campaigns .minitagW { font-size: 11px; line-height: 14px; } /****************************************/ /******** MOBILE LINKS UNDER ISDUSTRIES ********/ #mobile_links{display:block;} /***********************************************/ } @media screen and (max-width: 800px) { /************* CAMPAIGNS ****************/ #campaigns .type-a h2, #campaigns .type-b h2 {font-size: 20px; line-height: 25px; margin-top: 10px !important;} #campaigns .type-c h2, #campaigns .type-d h2, #campaigns .type-e h2{font-size: 12px; line-height: 14px; margin-top: 10px !important;} #campaigns .type-a .previewblack, #campaigns .type-b .previewblack {font-size: 12px; line-height: 14px;margin-top: 10px !important; } /****************************************/ #industries > div > div {width: 50%; margin-left: 9.5%;} #industries a { padding: 67% 15% 24%; font-size: 15px;} } @media screen and (max-width: 700px) { /************* CAMPAIGNS ****************/ #campaigns div[class^='col-']{width:100%; float:none; margin:0 !important;} #campaigns .c_content{ padding:2% 3% 5% !important; height:auto !important; } #campaigns .row {margin:0 !important;} #campaigns > .row > .col-6:last-child, #campaigns > .row > .col-6 > .row, #campaigns > .row > .col-6 > .row > .col-6 {margin-top:3% !important;} #campaigns > .row > .col-6 > .row > .col-6:first-child, #campaigns > .row > .col-6 > .row:first-child{margin:0 !important;} #campaigns .type-e .c_content { position: relative; width:94% !important; } #campaigns .type-a h2, #campaigns .type-b h2 {font-size: 22px; line-height: 28px; margin-top: 10px !important;} #campaigns .type-c h2, #campaigns .type-d h2, #campaigns .type-e h2{font-size: 15px; line-height: 19px; margin-top: 10px !important;} #campaigns .type-a .previewblack, #campaigns .type-b .previewblack {font-size: 15px; line-height: 19px;margin-top: 10px !important; } #campaigns .minitagG, #campaigns .minitagGrn, #campaigns .minitagW { font-size: 13px; } /****************************************/ } @media screen and (max-width: 640px) { /************* INDUSTRIES ****************/ #industries {padding: 7% 1% 4% !important; width: 98% !important; margin-bottom:14% !important;} /****************************************/ /******* MOBILE LINKS UNDER INDUSTRIES ****/ #mobile_links { margin-bottom: 14%; } /*****************************************/ /**************** CAMPAIGNS ***************/ #campaigns { margin-bottom: 18% !important;} #campaigns > .row > .col-6:last-child, #campaigns > .row > .col-6 > .row, #campaigns > .row > .col-6 > .row > .col-6 { margin-top: 5% !important; } #campaigns .c_content { padding: 3% 3% 7% !important; } /*****************************************/ /********* EVENTS & CONTACT & NEWSLETTER ********/ #ecn { padding: 6% 0; margin-bottom: 18% !important;} #ecn #events{background-size: 13%; padding: 17% 0 8%; display:block; width:100%; } #ecn #cta_contact{background-size: 19%; padding: 14% 0 0; margin-top: 10%; display:block; width:100%; } #ecn .button { width: 100%; padding: 15px 0; position:relative; } /************************************************/ /******************** VIDEO *********************/ #video { /*border-bottom: 3px solid #ccc; padding-bottom: 8%;*/ margin-bottom: 18% !important;} #video .col-6{width:100% !important; float:none; margin:0 !important;} #video .verticalAlign { position: relative; top: 0; transform:none; -webkit-transform:none; -ms-transform: none; margin-top:11px;} /************************************************/ /************* OTHER NEWS ****************/ #other_news .row{margin:0 !important;} #other_news .row .col-3 {width: 48%; margin-left: 4%; margin-bottom: 5% !important;} #other_news .row .col-3:nth-child(2n+1){clear:both; margin-left:0 !important;} #other_news .minitagGrn { margin-bottom: 1px;} #other_news .alllink { margin-bottom: 55px; } /****************************************/ } @media screen and (max-width: 600px) { #industries > div > .industries-flex { width: 45%; margin: auto !important; } #industries a {font-size: 13px;} } @media screen and (max-width: 450px) { #industries > div > div { width: 35%; margin: auto} } @media screen and (max-width: 400px) { #industries a {font-size: 12px;} } /*********************************************************/