.inbl {
  display: inline-block;
}
.w100 {
  width: 100%;
}
.fit {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
.fit img {
  object-fit: cover;
  width: 100%;
}
.trans1 {
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
}
.trans2 {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
.trans3 {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.trans4 {
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
}
html,
body {
  padding: 0;
  margin: 0;
  line-height: normal !important;
}
a,
a:hover,
a:active {
  text-decoration: none;
  outline: 0 none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  color: #0181db;
}
a:hover {
  color: #07124c;
}
input {
  padding: 5px !important;
  border: 0 none;
  background-color: #fff;
}
[type="submit"],
[type="button"] {
  padding: 6px 18px;
}
ul.no {
  padding: 0;
  margin: 0;
}
ul.no li {
  list-style: none;
}
form {
  margin: 0;
}
form .error {
  border: 1px solid red !important;
  background-color: rgba(255, 0, 0, 0.3) !important;
}
.loading {
  opacity: 0;
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  left: -100%;
  background-color: rgba(255, 255, 255, 0.85);
  position: fixed;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  z-index: 999999999;
}
.loading > div {
  width: 100%;
  text-align: center;
  color: #0181db;
}
.loading > div div {
  margin-top: 20px;
  color: #0181db;
  font-size: 16px;
}
.loading.active {
  opacity: 1;
  left: 0;
}
.modal-wrapper {
  display: none;
}
.modal-body {
  line-height: 1.4em;
}
header {
    position: relative;
    z-index: 100;
}
header [data-toggle="dropdown"] {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
header .top {
  height: 35px;
  line-height: 35px;
  background: #223a9d;
  color: #fff;
}
header .top > div {
  width: auto;
}
header .top > div:first-child {
  float: left;
  margin-left: 20px;
  position: relative;
}
header .top > div:last-child {
  float: right;
}
header .top > div:last-child a {
  color: #fff;
}
header .top > div:last-child > div {
  float: left;
  width: auto;
  display: inline-block;
  padding: 0 10px;
}
header .top > div:last-child .fa-search {
  margin-right: 10px;
}
header .top > div:last-child .fa {
  font-size: 16px;
}
header .top > div:last-child input {
  height: 20px;
  line-height: 20px;
  width: 150px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
}

header .top > div:last-child input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #07124c;
  font-weight: normal;
}
header .top > div:last-child input::-moz-placeholder {
  /* Firefox 19+ */
  color: #07124c;
  font-weight: normal;
}
header .top > div:last-child input:-ms-input-placeholder {
  /* IE 10+ */
  color: #07124c;
  font-weight: normal;
}
header .top > div:last-child input:-moz-placeholder {
  /* Firefox 18- */
  color: #07124c;
  font-weight: normal;
}
header .top > div:last-child [aria-labelledby="gCode"] {
  left: inherit;
  right: 0;
  width: 200px;
}
header .bottom {
  min-height: 140px;
  /*.inbl;*/
  width: 100%;
  background: #fff;
}
header .bottom > div {
  padding: 0;
}
header .bottom .logo,
header .bottom div.menu,
header .bottom .beauty-menu {
  height: 140px;
  line-height: 140px;
}
header .bottom .logo {
  text-align: left;
  padding-left: 100px;
  display: flex;
  display: -weblit-flex;
  align-items: center;
  -webkit-align-items: center;
}
header .bottom .beauty-menu {
  padding-right: 100px;
}
header .bottom > div:last-child {
  /*padding-top: 60px;*/
}
header .bottom > div:last-child .beauty-menu {
  float: right;
  padding: 0;
  margin: 0;
  margin-right: 200px !important;
}
header .bottom > div:last-child .beauty-menu > li {
  list-style: none !important;
  float: left;
}
header .bottom > div:last-child .beauty-menu > li > a {
  color: #000000 !important;
  padding: 7px 12px;
  font-weight: bold;
  font-size: 17px;
}
section.slider {
  height: 520px;
}
section.slider .hs-item {
  height: 520px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
section.slider .hs-item img {
  object-fit: cover;
  width: 100%;
  height: 520px;
}
section.slider .slick-dots {
  bottom: 25px;
}
section.slider .slick-dots button {
  padding: 0;
  margin: 0;
}
section.slider .slick-dots button::before {
  content: '';
  height: 20px !important;
  width: 20px !important;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}
section.slider .slick-dots li {
  padding: 0;
  margin: 0 10px;
}
section.slider .slick-dots li.slick-active button::before {
  background-color: #0181db !important;
}
section.services {
  text-align: center;
}
section.services .service-inner {
  text-align: center;
  width: 70%;
  display: inline-block;
  text-align: left;
  padding: 20px;
}
section.services .service-inner h2 {
  text-align: center;
}
section.services .service-inner .sr-item {
  min-height: 475px;
  text-align: center;
  padding: 15px 40px;
}
section.services .service-inner .sr-item a {
  position: relative;
  z-index: 2 !important;
  margin-top: 30px;
  display: inline-block;
}
section.services .service-inner .sr-item a img {
  width: 80px;
}
section.services .service-inner .sr-item a span {
  color: #000;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
section.services .service-inner .sr-item > div {
  min-height: 245px;
  border-radius: 5px;
  border-top: 4px solid transparent;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 2 !important;
}
section.services .service-inner .sr-item > div::before {
  content: '';
  position: absolute;
  /*width: 555px;*/
  height: 555px;
  display: inline-block;
  background: red;
  top: -300%;
  z-index: 1 !important;
  border-radius: 100%;
  left: -50%;
  right: -50%;
}
section.services .service-inner .sr-item > div:hover::before {
  top: -435px;
}
section.services .service-inner .sr-item p {
  margin-top: 20px;
  color: #999;
  text-align: center;
  line-height: 1.5em;
}
section.services .service-inner .sr-commercial {
  border-top-color: #009EDF !important;
}
section.services .service-inner .sr-commercial:hover::before {
  background-color: #009EDF !important;
}
section.services .service-inner .sr-energy {
  border-top-color: #2DBC15 !important;
}
section.services .service-inner .sr-energy:hover::before {
  background-color: #2DBC15 !important;
}
section.services .service-inner .sr-structure {
  border-top-color: #BA3822 !important;
}
section.services .service-inner .sr-structure:hover::before {
  background-color: #BA3822 !important;
}
section.services .service-inner .sr-railway {
  border-top-color: #58237B !important;
}
section.services .service-inner .sr-railway:hover::before {
  background-color: #58237B !important;
}
section.services .service-inner .sr-substations {
  border-top-color: #D9AD7A !important;
}
section.services .service-inner .sr-substations:hover::before {
  background-color: #D9AD7A !important;
}
section.services .service-inner .sr-training {
  border-top-color: #EFD352 !important;
}
section.services .service-inner .sr-training:hover::before {
  background-color: #EFD352 !important;
}
.customers {
  display: inline-block;
  width: 100%;
  margin: 40px 0;
}
.customers .customers-slider {
  height: 120px;
}
.customers .customers-slider .cs-item {
  width: 200px;
  display: inline-block;
  text-align: center;
}
.customers .customers-slider .cs-item a {
  display: inline-block;
  width: 170px;
}
.customers .customers-slider .slick-dots {
  bottom: 10px !important;
}
.customers .customers-slider .slick-dots button {
  padding: 0;
  margin: 0;
}
.customers .customers-slider .slick-dots button::before {
  content: '';
  height: 12px !important;
  width: 12px !important;
  border-radius: 100%;
  background-color: rgba(7, 18, 76, 0.6);
  opacity: 1;
}
.customers .customers-slider .slick-dots li {
  padding: 0;
  margin: 0 6px;
}
.customers .customers-slider .slick-dots li.slick-active button::before {
  background-color: #0181db !important;
}
footer {
  background: no-repeat center top;
  background-size: cover;
  text-align: center;
  padding: 10px 0 30px;
  width: 100%;
}
footer .footer-inner {
  width: 70%;
  display: inline-block;
  text-align: left;
}
footer .footer-inner > div {
  padding: 15px 20px;
}
footer .ft-about img {
  width: 40%;
}
footer .ft-about p {
  margin-top: 20px;
  text-align: justify;
  color: #666;
  line-height: 1.5em;
}
footer h4 {
  margin-top: 61px;
  color: #0e3b9e;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 35px;
}
footer .ft-office {
  color: #666;
}
footer .ft-office .fa {
  font-size: 18px;
  display: inherit;
}
footer .ft-office address > span {
  display: inline-block;
  margin-top: -19px;
  line-height: 1.6em;
  padding-left: 30px;
}
footer .ft-office address > span span {
  display: inline-block;
  width: 100%;
}
footer .ft-office .phone i {
  margin-right: 12px;
  display: inline !important;
}
footer .subscribe input {
  width: 150px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
footer .subscribe input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0181db;
  font-weight: bold;
}
footer .subscribe input::-moz-placeholder {
  /* Firefox 19+ */
  color: #0181db;
  font-weight: bold;
}
footer .subscribe input:-ms-input-placeholder {
  /* IE 10+ */
  color: #0181db;
  font-weight: bold;
}
footer .subscribe input:-moz-placeholder {
  /* Firefox 18- */
  color: #0181db;
  font-weight: bold;
}
footer .subscribe input:focus {
  border-color: #07124c !important;
}
footer .subscribe input:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #07124c;
  font-weight: bold;
}
footer .subscribe input:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #07124c;
  font-weight: bold;
}
footer .subscribe input:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #07124c;
  font-weight: bold;
}
footer .subscribe input:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #07124c;
  font-weight: bold;
}
footer .subscribe button {
  position: relative;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
footer .subscribe button i {
  color: #0181db;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
footer .subscribe button:hover {
  border-color: #07124c !important;
}
footer .subscribe button:hover i {
  color: #07124c;
}
footer .subscribe .field-wrapper .field > * {
  height: 30px;
  line-height: 30px;
  background-color: transparent;
  border: 1px solid #0181db;
      font-size: 10px;
}
footer .ft-social {
  margin-top: 20px;
}
footer .ft-social a {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid #0181db;
  color: #0181db;
  text-align: center;
  padding-top: 10px;
  font-weight: 18px;
  border-radius: 100%;
  margin-right: 7.5px;
}
footer .ft-social a:hover {
  border: 2px solid #07124c;
  color: #07124c;
}
section.page {
  margin: 0 122px;
  display: inline-block;
  padding-bottom: 50px;
}
section.page .content {
  line-height: 1.6em;
  font-size: 15px;
}
.breadcrumb-wrapper h2 {
  display: none;
}
.breadcrumb-wrapper .breadcrumb {
  background: transparent;
  margin: 0 122px;
  border-bottom: 1px solid #eee;
  padding: 10px 0 !important;
}
#node-34 img,
#node-35 img,
#node-41 img,
#node-42 img,
#node-43 img {
  /*width: 370px;*/
  height: auto !important;
  float: left;
  margin-right: 30px;
}
.block-views .contextual-links-wrapper {
  display: none;
}
.block-views#block-views-parent-products-services-block h2 {
  display: none;
}
.view-sub-services-and-products .sun-ps-image .views-field-field-sps-image .field-content {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  height: 130px;
}
.view-sub-services-and-products .sun-ps-image .views-field-field-sps-image .field-content img {
  object-fit: cover;
  width: 120%;
}
.view-sub-services-and-products .sun-ps-image .views-field-field-sps-image .field-content img {
  height: 130px;
}
.view-sub-services-and-products p {
  color: #999;
}
.view-sub-services-and-products .views-row {
  margin-bottom: 30px;
}
.node-sub-product-and-services .field-name-field-sps-image a {
  background-color: #07124c;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  height: 300px;
}
.node-sub-product-and-services .field-name-field-sps-image a img {
  object-fit: cover;
  width: 110%;
}
.node-sub-product-and-services .field-name-field-sps-image a img {
  height: 300px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.node-sub-product-and-services .field-name-field-sps-image a::before {
  content: "\f00e";
  font: 22px FontAwesome;
  color: #fff;
  position: absolute;
  top: 140px;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  width: 100%;
  text-align: center;
  z-index: 1000;
}
.node-sub-product-and-services .field-name-field-sps-image a:hover::before {
  opacity: 1 !important;
}
.node-sub-product-and-services .field-name-field-sps-image a:hover img {
  transform: scale(1.06) rotate(-2deg);
  -webkit-transform: scale(1.06) rotate(-2deg);
}
.node-sub-product-and-services .panel-body > div {
  padding-left: 0;
}
.renewable-energies-department img {
  width: 100%;
}
.renewable-energies-department tr td {
  padding: 0 15px !important;
  vertical-align: top;
  line-height: 1.6em;
}
.renewable-energies-department tr td strong {
  font-size: 25px !important;
}
#node-46 .submitted {
  display: none;
}
#block-afb-1 fieldset.captcha + h2 {
  display: none;
}
#block-afb-1 > h2 {
  display: none;
}
.banner img {
  width: 100%;
}
.edit-node-wrapper {
  padding: 20px 0 10;
}
.content h2.element-invisible {
  display: none;
}
.beauty-menu > li > ul {
  margin-top: 0;
}
.beauty-menu ul {
  line-height: normal !important;
  width: 180px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.beauty-menu ul ul {
  left: 170px;
}
.beauty-menu {
  margin-right: 50px !important;
}
.beauty-menu > li > a::after {
    display: none !important;
}
.side-menu {
  padding: 0;
  display: inline-block;
  overflow: hidden;
  border-radius: 4px;
}
.side-menu a {
  display: block;
  background-color: orange;
  color: #fff;
  padding: 5px 5px 5px 15px;
  border-bottom: 1px solid #ffca69;

}
.side-menu a.active {
  background-color: #d28a06;
}
.side-menu a.active::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.57);
  margin-right: 10px;
  border-radius: 2px;
  position: relative;
  top: -1px;
}
.mem-login {
    margin-top: 15px;
    display: block;
}
.mem-login i {
    margin-right: 6px;
}
.node-page p {
	float: right;
}
.node-page p:first-child {
	float: left !important;
}
.beauty-menu ul a {
  font-size: 12px;
}
.beauty-menu > ul {
	
}
.beauty-menu > li > a:hover {
  border-bottom: 3px solid #0181db;
}
.beauty-menu > li > a {
    height: 140px;
    line-height: 140px;
}
.menu-side-parent {
   background-color: #fe7200 !important;
   font-size: 20px;
    font-weight: bold
}
.rtecenter {
  text-align: center !important;
  font-family: Helvetica;
    font-size: 12px;
}
.field-item {
  font-family: Helvetica !important;;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
}