.ProductTextLeftAlignment
{
	position: absolute;
	left: 0px;
}

.ProductTextRightAlignment
{
	position: absolute;
	right: 0px;
}
#product-banner-text-wrap
{
	/*
	position: absolute;
	bottom: 150px;
	left: 200px;
	*/
}
#product-specifications > div.modern_product_spec > div > div:nth-child(1)
{	
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 25px;
	padding-left:0px;
	margin-left: 0px;
}

#product-specifications > div > div > div.row > div:nth-child(2)
{
	padding-left: 0px;
	padding-right: 0px;
}
#product-features > div > div.field__label
{
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 25px;
}
#product-accessories > div.accessoriesTitle > div
{
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 25px;
}
.overlay_accessory
{
	text-align:center;
}

.accessory-wrapper:hover
{
	cursor:pointer;
}

span.fakeLink:hover
{
 color: blue;
 text-decoration: underline;
}

span.fakeLink
{
}


#product-documents > div > div:nth-child(1) 
{
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 25px;
}

div.modal-header.fids-color
{
	background-color: black;
	color: white;
}
div.product-make-distance
{
	margin-top: 100px;
}
div.product-banner-image
{
	z-index: 100;
	position: relative;
	bottom: -100px;;
}
.prod-spec-title
{
	display: inline-block;
	vertical-align: center;
	font-size:1.5vw;
}

.prod-spec-body
{
	padding-left: 25px;
}
.modal
{
}

.prod-spec-row
{
	margin-bottom: 50px;
}

.accessoryTextOverFlow
{
	overflow: auto;
	height: 100%;
	padding: 25px;
}
.noPadding
{
padding: 0px;
margin:0px;
}
#modal_wrapper
{
	padding: 0 0 0 0;
	margin: 0px;
}

.accessoryText > h3
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.slick--skin--asnavfor
{
	display:none!important;
}
.slide__thumbnail
{
	display:none!important;
}

a.close-modal
{
	top:0px!important;
	right:0px!important;
}
div.accessoryImage
{
	background-color: #f5f5f5;
	padding-bottom:25px;
	margin-bottom: 25px;
}

#produkter-body > div > *  > img
{
	margin: 25px;
	border-radius: 25px;
}
.accessoryImage > img
{
	margin: 0 auto;
}

.fidsFooter
{
	width: 100%;
}
#footer
{
	width: 60%;
	margin: 0 auto;
}
.accessoryImages > div > div > img
{
	max-height: 500px;
	width:auto;
	height: auto;
	display: block;
}

.cycle-pager
{
	margin: 0 auto;
}
.accessoryImages 
{
	max-height: 500px;
	max-width: 100%;
}
.imagefield_slideshow-wrapper
{
	padding:0;
	margin:0;
	border:none;
}

.accessoryImage > img
{
	max-width: 100%;
	max-height: 100%;
}
.accessoryTitle
{
	text-align: center;
}
.accessoryText 
{
	padding: 0px!important;
	margin-bottom: 25px;
	height: 100%;
	overflow-y: auto;
}
.modalContent
{
	height: 100%;
}

.textColumn
{
	height: 100%;
}
.modalProps 
{
	padding:0px!important;
	position: fixed!important;
	margin: 0 auto;
	left: 50%!important;
	max-width:800px!important;
	max-height:600px!important;
	height: 50%;
	top: 50%!important;
	transform: translate(-50%,-50%)!important;
	
}
.modalInit
{
	width:50%;
	height:50%;
	position: absolute;
	margin: 0 auto;
}
div.product-banner-title > h1
{
	  color: white;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1px black;
}

div.product-banner-tagline > * 
{
  font-weight: bold;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1px black;
  font-size: 1vw;
}
div#product-overview
{
	padding-top: 200px;
}

li.rootMenuItem
{
	font-size:1em;
	font-weight: bold;
}

li.rootMenuItem > a
{
	color: #CCC;
}
li.rootMenuItem > a.is-active
{
	color: orange;
}
.product-top-banner
{
	position: absolute;
	left: 0;
	top: 0px;
	background-image: url("/sites/default/themes/forestit2/img/product_detail_topbg_02.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	height: 400px;
	width:100%;

	/* New things to try "paralaax"*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

.hidden
{
	display: none;
}
div.childItemGroup
{
		position: absolute;
		position:fixed;
		background-color: white;
		width:100%;
		left:0;
		opacity:0.8;
		top:80px;
		padding-bottom: 50px;
		padding-top: 50px;
}


div.childItemsWrapper
{
	width: 80%;
	margin: 0 auto;
}

h3.childItemsHeader
{
	font-weight: bold;

}
span.ordinaryChilds
{
	width:100%;
}
div#contact-modal > div > div> div#modal-body
{
	margin: 50px;
}
input[id~="edit-submit-search"]
{
	display: none;
}
div.searchresults-container
{
	background-color: #CCC;
	padding: 50px;
}

.modal
{
	left: 50%;
	top: 50%;
	transform: translate(-50%, 50%);
	z-index: 3000;
	position: absolute;
}
.product-Tablets-banner
{
	background-image: url("/sites/default/themes/forestit2/img/prod_background.jpg")!important;
	background-repeat: no-repeat;
	background-posotion: top center;
	background-size: 100%;
	height: 400px;
	width: 100%;

	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;
}
.makeCenter
{
 margin: 0 auto;
}

div#product-submenu > * > ul
{
	width: 80%;
	margin: 0 auto;
}
.product-banner-image
{
	/*
	position: absolute;
	right: 200px;
	bottom: -100px;
	z-index: 100;*/
}

.product-submenu-detached
{
	position: absolute;
	bottom: 0px;
	width: 100%;
}
div.slideshow_container
{
	overflow: hidden;

}

.product-feature-container
{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;

}
.product-feature-text-container
{
	position: absolute;	
	background-color: white;
	opacity: 0.8;
	top: 1px;
	height: 100%;
}
.leftPosition
{
	left: 0px;
}
.rightPosition
{
	right: 0px;
}
.eightywidth
{
	width: 80%;
	max-width: 1100px;
	overflow: visible; 
}
.100width
{
	width: 100%;
}

.
.contet-wrapper
{
}

li.nav-item
{
	font-size: 1vw;
	font-weight: bold;
}
.mainMenu
{
	width: 100%;
}
.bottom-padding
{
	//padding-bottom: %;
}
span.fieldset-legend
{
	font-weight: bold;

}
legend {
}
div.panelCardContent
{
	width: 100%;
}

.panelCardImage img
{
	width: auto;
}
.panelCardImage > a > img
{
	margin: 0 auto;
}
.accessoryImages .flexslider .slides img
{
	min-height: 220px!important;
	min-width: 220px!important;
	max-height: 530px!important;
	max-width: 550px!important;
}
div.topSeller
{
    text-align: center;
    max-width: 100%;
    height: 35px;
    //background-color: #CCC;
    font-weight: bold;
}
div.fieldset-wrapper
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.imagestyle-tillbehor-i-popup img
{
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.flexslider
{
border: 0px !important;
}

#slideshow
{
	position: relative;
	//top: 50px;
}
h3.accessoryTitle
{
	font-size: 2em;
	margin-top: 25px;
}
h3 > span.fakeLink:hover
{
	color: inherit;
	text-decoration: none;
	
}
.modal ol.flex-control-paging > li
{
	width: 25px;
	height: 10px;
	background-color: orange;
	margin: 5px;
}
#pushMeDown.openMenu
{
position: relative;
top: 250px;
}
.bottom-margin
{
	margin-bottom: 25px;
}

.nonClickable
{
	text-align:center;
}

div.modal-title
{
	font-weight: bold;

}
div.form-margin
{
	margin-left: 50px;
	margin-bottom: 10px;
}
div#modal-body
{
	padding: 50px;
}
div.overlay
{
	position: absolute;
	bottom:10px;
	width: 93%;	
	background: #FFFFFF;
	opacity: 0.9;
	padding: 10px;

}

div.newsWrapper
{
	margin-bottom: 50px;
}
div#block-eponeratformularglobal-searchpage-1
{
	width: 10%;
	padding:0;
	margin:0;
}
div#navbarCollapse
{
	position: relative;
	bottom:0px !important;
}
div.overlay > a
{
	padding-left: 15px;
}
div#panels
{
	padding-bottom: 50px;
	padding-top: 25px;
}
.padding-down
{
	padding-bottom: 50px;
}
.navbar-header
{
	width: 100%;
	height: 100px;
}
.webform-custom-css
{
	border-style: solid;	
}

div#logo
{
	float: left;
	max-width: 240px;
	max-height: auto;
}
div#menuwrapper
{
	float: left;
	max-width: auto;
}
.footer-wrap
{
	//position: fixed;
	//bottom: 0;
	background: #7fa7e8;	
	width: 100%;
}

.footer
{
	position: relative;
}
.contentSpace
{
	margin-top: 30px;
	margin-bottom: 100px;
}
.paddingUpDown
{
	padding-top: 25px;
	padding-bottom: 25px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
div.innerPadding
{
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px; 
}
#prodview-title
{
	text-align: center;
	//vertical-align: middle;
} 
#panel-title
{
	font-weight: bold;
	font-size: 1vw;
}
#product-image-wrapper
{
}
div.prodview-Lefty
{
	float: left;
	width: 15%;
	padding-left: 0px!important;

}
div.fids-prodlist-result
{
	float: left;
	width: 80%
}
#wrapper-logo
{
	height: 80px;
	width: 252px;
	padding-left: 25px;
}
#wrapper-logo > a.site-logo
{
	background-image: url('/sites/default/themes/forestit2/img/fidslogo.jpg');
	background-size: 252px 80px;
	width: 100%;
	display: block;
	height: 100%;
}
#fids-header
{
	height: 80px;
}
.onTop
{
	z-index: 1500;
	position: fixed;
	top: 0px;
}

.imageHighlight
{
	max-width: 500px;
	min-width: 400px;
	min-height: 125px;
	max-height: 250px;
}
.centerContent
{
 margin: 0 auto;
}
strong
{
font-weight: bold;

}
#wrapper-top 
{
	top: 100px;
	
}
.floatLeft
{
	float:left;
}

#block-breadcrumbs
{
	height: 20px;
}

#block-breadcrumbs > nav > ol 
{
	list-style-type: none!important;

}
#block-breadcrumbs > nav > ol > li
{
	float: left;
	padding-right: 5px;
}

.flags
{
	width: 25px;
	position: fixed;
	right: 5px;
	top: 4px;
	
}	

.flags img
{
	width:25px;
	height:25px;	
}
body
{
font-family: 'Roboto', sans-serif;
font-size: 0.8vw;
}

#produkter-body
{
	padding-right: 25px;
}

#prodview_produkt.product-listing
{
	max-width:220px;
}
.paddingDown
{
	padding-bottom: 25px;
}
#produkt-footer.footer
{
	margin-top: 25px;
	background-color: #CCC;
	color: black;
	column-count: 3;
	padding: 10px;
	border-radius: 10px;
}

.product-listing > div > a 
{
	text-decoration: none;
	font-weight: bolder;
	color: blue;	
}

.product-listing > div > a:hover
{
	color: black;
	font-weight: bolder;
}


.fidsContentBox
{
/*
	background-color: white;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.54);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.54);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.54);
	border-radius: 5px;
*/
}
div.dropShadow
{
-webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.75);
box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.75);
}
body {
  //padding-top: 20px;
  padding-bottom: 20px;
  //background: url('/sites/fidsdev.cr4ck.se/themes/forestit2/img/sunset-on-rain-forest-1125776.jpg');
}

.navbar {
  margin-bottom: 20px;
}

div.ordinaryChilds.subchild
{
	padding-left: 25px;
}
div.fidsRoot
{
	width: 100%;

}

h1,h2,h3,h4
{
	color: #1d9cbf;
	font-weight: bold;
}

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.bottom-padding:
{
	margin-bottom: 100px;
}

body {
  padding: 30px 0;
}

/*!*
* Slick Custom Theme
*/
.slick-carousel .slick-item {
  color: white;
  background-color: #3498db;
  min-height: 250px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  margin: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick-carousel .slick-item:hover {
  opacity: .7
}

.slick-prev:before,
.slick-next:before {
  color: black;
  content: '';
}

.slick-arrow {
  width: 55px;
  height: 55px;
  z-index: 5;
  border-top: 3px solid #06d1a4;
  border-right: 3px solid #06d1a4;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.slick-arrow:hover {
  opacity: .5
}

.slick-prev {
  left: 0%;
  transform: rotate(225deg);
}

.slick-next {
  right: 0%;
  transform: rotate(45deg);
}


/**!
* Caption Styles
*/

.caption-item {
  right: 0;
  margin: 0px;
  padding: 0px;
}

.caption-link {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 400px;
}

.caption-link .caption-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  transition: all ease .5s;
}

.caption-layer.green {
  background: rgba(173, 219, 50, .5);
}

.caption-layer.light-green {
  background: rgba(6, 209, 164, .7);
}

.caption-layer.blue {
  background: rgba(152, 231, 254, .5);
}

.caption-link .caption-layer:hover,
.caption-layer.video-icon {
  opacity: 1;
}

.caption-link .caption-layer .caption-content {
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
  font-size: 50px;
  color: #fff;
}

.caption-link .caption-layer .caption-content p {
  display: none;
}


.slick-prev,.slick-next
{
	position: absolute;
	top:50%;
	border-radius:50px;
}

.slick-arrow
{
	  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #333;
  background-clip: content-box;
  border: 0.25rem solid transparent;
  border-radius: 50%;
  font-size: 0;
  transition: transform 0.1s;
}