

@media (min-width: 768px) {
	.navigation nav.main, header::after {
		background-color: #747679;	    
	}


	/* Hide dropdown icon */
	.navigation nav.main i.ion-chevron-down {
		display:none;
		visibility:hidden;
	}
	
}

@media (max-width:991px) {
	
	.navigation nav.main > ul > li.has-child > a span {
		padding-right:13px;
		padding-left: 13px;
	}

}


.dropdown-backdrop {
  position: static;
}

nav.sub .heading.inner {
	background-color: #868685;
	font-size:15px;	
}

nav.sub p.heading.inner a {
	color:white;
}


nav.sub ul ul {
	font-size:14px;
}

.swp .item .heading a {
	font-size:14px;
}


html.reveal-out header, html.nav-down.reached-top.reveal-out header {
	background-color: white;
}

html.reveal-out header .navigation {
	background-color: #868685;
}

html.reveal-out header .navigation nav.main ul li.open li {
    background-color: #f28b00; 
}


@media only screen and (max-width:767px) {
	html.reveal-out header .navigation nav.main ul li ul {
		margin-left: 10px;
	}
}


@media (min-width: 768px) {
	header::after, .navigation nav.main {
		top: 85px;
	}
}

header a.expand {
	width:40px;
	height:40px;
}

header a.expand span.top {
    top: 11px;
}
header a.expand span.mid {
    top: 19px;
}
header a.expand span.bottom {
    top: 27px;
}

header a.expand span {
	width:20px;
	right: 10px;
}

header a.expand.active span.top, header a.expand.active span.bottom {
    top: 19px;
}

.navigation nav.main ul li a span {
    display: block;
    padding: 15px 10px;
}


@media (min-width:768px) and (max-width:857px) {
    .navigation nav.main > ul > li > a span,   .navigation nav.main > ul > li.has-child > a span  {
        display: block;
        padding: 15px 9px;
        font-size:12px;
    }
}

@media (min-width:858px) and (max-width:991px) {
    .navigation nav.main > ul > li > a span,   .navigation nav.main > ul > li.has-child > a span  {
        display: block;
        padding: 15px 9px;
        font-size:13px;
    }
}



@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.site-search button {
	height: 28px;

	padding: 0 6px 0 6px;;
}

.site-search .form-control {
    height: 28px;
    min-height: 28px;
}

/* slogan */
.in-slogan {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 6px;
	font-size: 12px;
}

nav.main, nav.sub {
    font-size: 15px;
}

.in-news-start a {
	font-size:12px;
}


.in-presspictures .item {
	margin-bottom: 20px;
}



.in-summary-item .in-summary-info {
	float: left;
}


.in-summary-item {
	clear:both;
	margin-top: 20px;
}

.in-summary-item a, .in-start-news-item a {
	text-decoration: none;
	color:#555555;
}


.in-summary-item img {
	float: right;
	width:200px;
	margin: 10px 0 10px 10px;
}

.in-summary-item .col-md-8 {
	padding-right:0;
}

 .in-summary-item .in-summary-date, .in-start-news-item .in-summary-date {
	font-size:12px;
	color:#f28b00;
}



.in-summary-content {
	font-size: 14px;
}

.in-read-more {
	font-size:12px;
	color:#f28b00;
}

.in-start-news-item .in-summary-type {
	text-transform: uppercase;
	font-size:12px;
}

.in-start-news-item {
	margin-top: 6px;
}

.in-start-news-header {
	text-transform: uppercase;
}

@media only screen and (max-width : 992px) {
	.in-summary-item img {
		float: none;
	}
}


.promo-pods.in-summary-title.text {
    margin-bottom:10px;
}

img.in-language, img.in-selected-language {
	max-width:32px;
	width:22px;
	margin-top: -4px;
	padding:0;
}

@media only screen and (max-width : 767px) {
	img.in-language, img.in-selected-language {
		width: 28px;;
	}
}



img.in-selected-language {
 border-bottom:3px solid orange;
}

.scrollable-menu {
    height: auto;
    max-height: 100vh;
    overflow-x: hidden;
}


h1 {
	font-size:24px;
}
	
h2 {
	font-size:20px;
}

h3 {
	font-size:18px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h4 {
	font-size:16px;
}

h5, p.heading {
	font-size:15px;
}

h6, .sub-heading {
	font-size:14px;
}

#left-col h1:first-child, #right-col h1:first-child, #wide-col h1:first-child, #mid-col h1:first-child {
	margin-top: 4px;
}

.heading, h1, h2, h3, h4, h5, h6, .tables .head, input[type="text"]#onPageTitle.umb-editor, p.heading.c3-text {
    color: #505050;
    font-weight:500;
}

.c3-text, .c3-text:hover, .c3-text:focus, .c3-text:active
{
    color:#444444;
}

.sitemap > ul > li > a {
	font-weight: bold;
	text-transform: uppercase;
}

.sitemap  li.level-2 a{
	font-weight: bold;
	 text-decoration: underline !important;
}

.sitemap  li.level-3 a{
	font-weight: bold;
	 text-decoration: none !important;
}

.sitemap   li.level-4 a,  .sitemap  li.level-5 a, .sitemap  li.level-6 a{
	font-weight: normal;
	 text-decoration: none !important;
}


.listing.search .item .text {
    color:#444444;
    margin-bottom:4px;
}

.listing.search .item  {
    margin-bottom:8px;
}

.listing.search .item .heading{
    margin-bottom: 6px;
}

/* Infranord 170220 UA 
@media (min-width:768px) {

    section.content .container {
        min-height: 380px;
    }
}
*/


section.content .container table, section.content .container table th, section.content .container table td {
    border-style:none;
}

@media (min-width: 768px) {
	#mid-col {
		min-height:500px;
	}
}

@media (min-width: 992px) {
	#mid-col {
		min-height:600px;
	}
}



@media (min-width: 768px) {
    .navigation nav.top li a {
        color: #181818;
    }
}


.navigation nav.main ul li ul a span {
	padding:15px 15px;
	}
.navigation nav.main ul li ul li i {
	font-size:15px; height:auto;
	padding-top:15px;
	}

.form-control {
        font-size:13px;
}

@media (min-width: 992px) {
    footer p.heading {
        font-size: 18px;
    }
}


a[href$=".pdf"]
{
  background:url("/images/infranord/filetypes/icpdf.png") no-repeat left;
  padding-left:20px;
}

a[href$=".pptx"]
{
  background:url("/images/infranord/filetypes/icpptx.png") no-repeat left;
  padding-left:20px;
}

a[href$=".docx"]
{
  background:url("/images/infranord/filetypes/icdocx.png") no-repeat left;
  padding-left:20px;
}


.in-vacancy-ad-title-heading {
    margin-top: 20px;
}

.in-vacancy-ad-description h2 {
    margin-top: 10px;
}

.in-vacancy-ad-contacts {
      margin-top: 20px;
}

.in-vacancy-ad-about-text {
    font-size:12px;
}

.in-vacancy-list hr {
    margin-top: 5px;
    margin-bottom: 5px;
}



#shareplus_icons .shareplus_icon {
    width: 100px;
    margin-top:40px;
}
#shareplus_title {
    height:40px !important;

}

a.in-share {
    color: #444444;
}

nav.social {
    margin-bottom:20px;
} 

/*** BANNER ***/

@media (min-width: 1200px) {
	.apc {
		padding: 32px 0;
	}
}

@media (max-width: 991px) {
    .apc.banner .info p {
        color: #444444;
    }
    .apc.banner .link {
        margin-top:10px;
    }
   .apc.banner .item.short .info, .apc.banner .item.medium .info {
        padding-top:10px;
        padding-bottom:10px;
    }

     .slick-prev, .slick-next {	
	    background-color: transparent;
    }
     .apc.banner .item.medium .image{
		max-height: 330px;
	    overflow: hidden;
	}

    .apc.banner .info .heading {
        font-size:20px;
    }

      .apc.banner .info a {
        text-decoration:none;
    }
}


@media (min-width: 992px) {
    .apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
		min-height: 330px;
		height:330px;
	}

    .apc.banner, .apc.banner .info {
	    height: 330px;
    }

    .apc.banner .info .table-cell {
	    vertical-align: bottom;
    }
    .apc.banner .info a {
        text-decoration:none;
    }

    .apc.banner .info  .text-left {
	    background-color: rgba(0,0,0,0.5);
	    padding: 10px 45px 5px 40px;
	    color: white;
     }

    .apc.banner .info  .heading {
	    color: white;
	    margin:0;
	    font-size: 22px;
    }

    .apc.banner .info .text {
        color: white;
    }

    .apc.banner .info p {
	    margin-top: 0;
    }

    .apc.banner .info .link  {
        text-align: right;
	    margin-top: 0;
	    color:white; 
	    margin-right:30px;
    }

    ul.slick-dots {
	    display: none !important;
    } 

    .slick-prev, .slick-next {	
	    background-color: transparent;
    }

     .apc.banner .row .text-center {
	     background-color: rgba(0,0,0,0.5);
	     margin-bottom:6px;
     }
}

/*** /BANNER ***/


/*** PODS ***/

.promo-pods .image{
    max-height: 198px;
    overflow:hidden;
} 

.promo-pods .item {
    position:relative;

}

.promo-pods .item .in-pod-read-more {
    position:absolute;
    bottom:5px;
    right: 25px;
}


.promo-pods .item .link {
	text-align:right;
}
.promo-pods .item .link a {
	padding: 3px 8px 3px 8px;
	font-weight: normal;
	font-size:12px;
}

.promo-pods .heading.c3-text {
	margin-bottom: 3px;
}

.promo-pods .item .text p {

	margin-bottom: 5px;
}


.promo-pods .item {
    height: 373px !important;
}

.promo-pods .item.pod-Half {
	height: 175px !important;

}

.general-pod.pod-orange {
     background-color: #f28b00;
     color:white;
}

.general-pod.pod-grey {
     background-color:  #dddddd;
}

.general-pod.pod-dark-grey {
     background-color:  #747679;
     color:white;
}

.general-pod.pod-yellow {
     background-color: #ffc523;
 
}

.general-pod a {
    background-color: transparent;
  /* UA 170307  color:#444444; */
    font-weight:normal;
}

.general-pod.pod-orange a, .general-pod.pod-dark-grey a {
     color:white;
}

.general-pod .heading {
    font-size: 15px;
}

.swp .item.general-pod .heading a {
	 font-size: 15px;
}

.promo-pods .item .pod-grey, .promo-pods .item .pod-dark-grey, .promo-pods .item .pod-orange, .promo-pods .item .pod-white, .promo-pods .item .pod-yellow {
    padding:10px;
	padding-top:12px;
     height:100%;
}

.promo-pods .item .pod-grey {
	background-color: #dddddd;
}

.promo-pods .item .pod-orange {
    background-color: #f28b00;
}

.promo-pods .item .pod-white {
	background-color: white;
}

.promo-pods .item .pod-yellow {
	background-color: #ffc523;
}

.promo-pods .item .pod-dark-grey {
    background-color: #747679;
}




.pod-orange .c3-text, .pod-orange .c3-text:hover, .pod-orange .c3-text:focus, .pod-orange .c3-text:active, .pod-dark-grey .c3-text, .pod-dark-grey .c3-text:hover, .pod-dark-grey .c3-text:focus, .pod-dark-grey .c3-text:active {
    color: white;
}
.pod-orange p.heading.c3-text,  .pod-dark-grey p.heading.c3-text {
    color: white;
}


/*** /PODS ***/
