/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Inside header site logo **/
#logos {
	width: 160px !important;
	height: 107px !important;
	position: relative !important;
	z-index: 9999999 !important;
	float: none !important;
}

/** Header >> Logo Fl module content **/
#logos .fl-module-content {
	margin-top: 18px !important;
}


/*= Main Menu ================= */

/** Main Menu >> Ubermenu Sub menu **/
.ubermenu-submenu li {
	margin-left: 14px !important;
	float: left !important;
}

/** Main Menu >> Ubermenu Sub menu link **/
.ubermenu-submenu li a {
	color: rgb(144, 142, 142) !important;
	padding-left: 0 !important;
}

/** Main Menu >> Ubermenu Sub menu link hover **/
.ubermenu-submenu li a:hover::before {
	color: rgb(255, 0, 0) !important;
	padding-right: 4px !important;
	margin-left: -9px !important;
	position: absolute !important;
	content: '•' !important;
}

/** Main Menu >> Ubermenu Sub menu link hover Current **/
.ubermenu-submenu li.ubermenu-current-menu-item a::before {
	color: rgb(255, 0, 0) !important;
	padding-right: 4px !important;
	margin-left: -9px !important;
	position: absolute !important;
	content: '•' !important;
}

/** Main Menu >> Ubermenu submenu bredd **/
.ubermenu .ubermenu-submenu .ubermenu-column-auto {
	min-width: 0 !important;
}

/** Main Menu >> Ubermenu submenu alignement **/
.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width, 
.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar {
	left: auto !important;
}

/** Main Menu >> Hover to hide brands submenu **/
#menu-item-517 ul.hide-sub {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/** Main Menu >> Overlay **/
#overlay {
	background-color: rgb(255, 255, 255) !important;
	width: 100% !important;
	height: 30px !important;
	position: absolute !important;
	top: 28px !important;
	left: 0 !important;
	z-index: 20 !important;
	float: left !important;
	display: block !important;
}

/** Main Menu >> body.business #menu-item-905 Copy 1 **/
body.business #menu-item-739, 
body.private #menu-item-1041 {
	display: none !important;
	overflow-y: hidden !important;
	visibility: hidden !important;
}

/** Main Menu >> Ubermenu main 6 ubermenu submenu **/
#ubermenu-main-6 .ubermenu-submenu {
	background-color: rgba(255, 255, 255, 0) !important;
	border-width: 0 !important;
}

/** Main Menu >> Submenu arrows **/
.fl-node-v31istunolx7 .pp-advanced-menu .pp-menu-toggle:before {
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
}

/** Main Menu >> Menu overlay **/
.pp-advanced-menu.off-canvas .pp-clear {
	background-color: rgba(0, 0, 0, 0.4) !important;
}

/** Main Menu >> Current item **/
.pp-advanced-menu.off-canvas ul li.current_page_item > a, 
.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor.menu-item-has-children.pp-has-submenu {
	color: rgb(221, 34, 34) !important;
}


/*= Content =================== */

/** Content >> Home Uabb ultb3 title **/
.uabb-ultb3-title {
	text-align: center !important;
	text-transform: uppercase !important;
}

/** Content >> UABB image zoom **/
.uabb-ultb3-img {
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.9s !important;
	-moz-transition-duration: 0.9s !important;
	-webkit-transition-duration: 0.9s !important;
	transition-duration: 0.9s !important;
}

/** Content >> Slick next **/
.slick-next {
	right: 30px !important;
}

/** Content >> Slick prev **/
.slick-prev {
	left: 30px !important;
}

/** Content >> Fl node 5b3b1f670bb06 fl row content wrap **/
.fl-node-5b3b1f670bb06 .fl-row-content-wrap {
	width: 100% !important;
	height: 30px !important;
	position: absolute !important;
	bottom: 0 !important;
	z-index: 9999999999 !important;
	display: none !important;
}

/** Content >> Textruta **/
.business .textruta {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(0, 0, 0) !important;
}

/** Content >> Textruta CPrivate **/
.private .textruta {
	color: rgb(0, 0, 0) !important;
	background-color: rgb(246, 246, 246) !important;
}

/** Content >> Fl col group align center uabb ultb3 title **/
.uabb-ultb3-box .uabb-ultb3-title {
	margin-bottom: 20px !important;
}

/** Content >> Hide on Business **/
.business .hide-on-business {
	display: none !important;
	visibility: hidden !important;
}

/** Content >> Hide on Private **/
.private .hide-on-private {
	display: none !important;
	visibility: hidden !important;
}

/** Content >> Hidden **/
.hidden {
	display: none !important;
}


/*= Portfolio ================= */

/** Portfolio >> portfolio h2 **/
.mt-page-portfolio h2, 
.mt-page-portfolio-copy h2 {
	font-size: 22px !important;
	line-height: 1.4em !important;
	text-transform: uppercase !important;
}

/** Portfolio >> Fl rich text paragraph **/
.mt-page-portfolio .fl-rich-text p, 
.mt-page-portfolio-copy .fl-rich-text p {
	font-size: 13px !important;
	line-height: 21px !important;
}

/** Portfolio >> pil slider **/
.uabb-image-carousel .slick-prev i, 
.uabb-image-carousel .slick-next i, 
.uabb-image-carousel .slick-prev i:hover, 
.uabb-image-carousel .slick-next i:hover, 
.uabb-image-carousel .slick-prev i:focus, 
.uabb-image-carousel .slick-next i:focus {
	font-size: 30px !important;
}


/*= Slider ==================== */

/** Slider >> Fl slideshow nav **/
.fl-slideshow-image-nav-left a, 
.fl-slideshow-image-nav-right a {
	color: rgb(255, 255, 255) !important;
	font-size: 28px !important;
	background-image: none !important;
	top: 50% !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 999 !important;
	content: '\f104' !important;
}

/** Slider >> Fl slideshow nav left **/
.fl-slideshow-image-nav-left a {
	background-image: none !important;
	width: 12px !important;
	min-width: 12px !important;
	height: 12px !important;
	min-height: 12px !important;
	border-top: 3px solid rgb(255, 255, 255) !important;
	border-right: 0 solid rgb(255, 255, 255) !important;
	border-bottom: 0 solid rgb(255, 255, 255) !important;
	border-left: 3px solid rgb(255, 255, 255) !important;
	top: 0 !important;
	left: 20px !important;
	transform: rotateZ(-45deg) !important;
	display: block !important;
	visibility: visible !important;
}

/** Slider >> Fl slideshow nav right **/
.fl-slideshow-image-nav-right a {
	background-image: none !important;
	width: 12px !important;
	min-width: 12px !important;
	height: 12px !important;
	min-height: 12px !important;
	border-top: 3px solid rgb(255, 255, 255) !important;
	border-right: 0 solid rgb(255, 255, 255) !important;
	border-bottom: 0 solid rgb(255, 255, 255) !important;
	border-left: 3px solid rgb(255, 255, 255) !important;
	top: 0 !important;
	left: 60px !important;
	transform: rotateZ(135deg) !important;
	visibility: visible !important;
}


/*= Mobile menu =============== */

/** Mobile menu >> Hamburger **/
.hamburger {
	margin-top: 5px !important;
}

/** Mobile menu >> Fl module content **/
.fl-module-pp-advanced-menu .fl-module-content {
	margin-right: 0 !important;
}


/*= Row reverse =============== */

/** Row reverse >> Fl row reverse **/
.mt-1340 .fl-row:nth-child(2n) .fl-col-group-equal-height, 
.mt-855 .fl-row:nth-child(2n) .fl-col-group-equal-height {
	-webkit-flex-direction: row-reverse !important;
	-moz-flex-direction: row-reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

/** Row reverse >> Fl row reverse slideshow **/
.mt-1340 .fl-row:nth-child(2n) .fl-col-group-equal-height .fl-module-slideshow .fl-module-content, 
.mt-855 .fl-row:nth-child(2n) .fl-col-group-equal-height .fl-module-slideshow .fl-module-content {
	margin-left: 0 !important;
}

/** Row reverse >> Fl row reverse slideshow textruta **/
.mt-1340 .fl-row:nth-child(2n) .fl-col-group-equal-height  .fl-col.textruta, 
.mt-855 .fl-row:nth-child(2n) .fl-col-group-equal-height .fl-col.textruta {
	width: 27% !important;
}

/** Row reverse >> Fl row reverse slideshow bredd **/
.mt-1340 .fl-row:nth-child(2n) .fl-slideshow-frame, 
.mt-855 .fl-row:nth-child(2n) .fl-slideshow-frame {
	width: 845px !important;
}

/** Row reverse >> Fl row reverse slideshow bredd Copy 1 **/
.mt-1340 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-frame, 
.mt-855 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-frame {
	width: 100% !important;
}

/** Row reverse >> Fl row reverse slideshow nav **/
.mt-1340 .fl-row:nth-child(2n) .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav, 
.mt-855 .fl-row:nth-child(2n) .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav {
	width: 845px !important;
}

/** Row reverse >> Fl row reverse slideshow nav Copy 1 **/
.mt-1340 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav, 
.mt-855 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav {
	width: 100% !important;
}


/*= NYA portfolion ============ */

/** NYA portfolion >> skuggan **/
.pp-post-tile-post .pp-post-tile-image a:last-child:before {
	color: rgb(0, 0, 0) !important;
	background-image: none !important;
}

/** NYA portfolion >> UABB bilden **/
.uabb-thumbnail-position-left .uabb-post-thumbnail {
	width: 75% !important;
	float: left !important;
}

/** NYA portfolion >> UABB row reverse **/
.uabb-blog-posts-col-1.uabb-post-wrapper:nth-child(2n) .uabb-thumbnail-position-left .uabb-post-thumbnail {
	float: right !important;
}

/** NYA portfolion >> PP row reverse2 **/
.fl-module-pp-content-tiles:nth-child(2n) .pp-post-tile-left {
	position: relative !important;
	left: 12.5px !important;
	float: right !important;
}

/** NYA portfolion >> PP row reverse2 Copy 1 **/
.fl-module-pp-content-tiles:nth-child(2n) .pp-post-tile-right {
	position: relative !important;
	right: 12.5px !important;
	float: right !important;
}

/** NYA portfolion >> Post title **/
.pp-post-tile-post .pp-post-tile-text {
	font-weight: 200 !important;
	text-align: center !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: center !important;
	align-content: center !important;
	position: absolute !important;
	top: 12% !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

/** NYA portfolion >> Post title Copy 1 **/
.pp-post-tile-post .pp-post-tile-info {
	width: 100% !important;
	margin-left: 0 !important;
}

/** NYA portfolion >> Pp post tile medium link **/
.pp-post-tile-medium a {
	font-size: 34px !important;
	font-weight: 200 !important;
	text-shadow: 1px 1px rgb(0, 0, 0) !important;
}

/** NYA portfolion >> Pp post tile post 1 link **/
.pp-post-tile-post-1 a {
	font-size: 34px !important;
	font-weight: 200 !important;
	text-shadow: 1px 1px 1px rgb(0, 0, 0) !important;
}

/** NYA portfolion >> fl-post-grid-empty **/
.fl-post-grid-empty {
	display: none !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** Header >> Inside header site logo **/
	#logos {
	margin-left: 68px !important;
}

	/** Header >> Logos **/
	#logos {
	margin-left: 0 !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 1199px) {
	/** Header >> Inside header site logo **/
	#logos {
	margin-right: -20px !important;
	float: left !important;
}

	/** Header >> Fl module menu **/
	.fl-module-menu {
	margin-right: 30px !important;
}

	/** Row reverse >> Fl row reverse slideshow textruta **/
	.mt-1340 .fl-row:nth-child(2n) .fl-col-group-equal-height  .fl-col.textruta, 
.mt-855 .fl-row:nth-child(2n) .fl-col-group-equal-height .fl-col.textruta {
	width: 24% !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 768px) {
	/** Header >> Inside header site logo **/
	#logos {
	margin-right: 51vw !important;
	margin-left: 0 !important;
}

	/** Header >> Logos **/
	#logos {
	height: 90px !important;
	margin-right: 0 !important;
}

	/** Header >> Logos fl photo img **/
	#logos .fl-photo-img {
	margin-top: -4px !important;
}

	/** Mobile menu >> Fl module menu _2 **/
	.fl-module-menu {
	width: 100% !important;
	margin-right: 10px !important;
	position: relative !important;
	top: -10px !important;
}

	/** Mobile menu >> Hamburger **/
	.hamburger {
	padding-top: 20px !important;
	position: absolute !important;
	top: 0 !important;
	right: 30px !important;
}

	/** Mobile menu >> Sub menu _2 **/
	.fl-visible-medium-mobile .sub-menu {
	margin-left: 20px !important;
}

	/** Mobile menu >> Current menu item menu item **/
	.sub-menu .current_page_item a, 
.current_menu_parent .sub-menu .menu-item-type-custom a {
	color: rgb(255, 0, 0) !important;
}

	/** Mobile menu >> Current menu item menu item Copy 1 **/
	.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_ancestor.menu-item-has-children div.fl-has-submenu-container a {
	color: rgb(255, 0, 0) !important;
}

	/** Mobile menu >> Current menu item menu item Copy 2 **/
	.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor div.fl-has-submenu-container a {
	color: rgb(255, 0, 0) !important;
}

	/** Mobile menu >> Sub menu **/
	.sub-menu {
	margin-left: 20px !important;
}

	/** Row reverse >> Fl row reverse slideshow textruta **/
	.mt-1340 .fl-row:nth-child(2n) .fl-col-group-equal-height  .fl-col.textruta, 
.mt-855 .fl-row:nth-child(2n) .fl-col-group-equal-height .fl-col.textruta {
	width: 100% !important;
}

	/** Row reverse >> Fl row reverse slideshow bredd **/
	.mt-1340 .fl-row:nth-child(2n) .fl-slideshow-frame, 
.mt-855 .fl-row:nth-child(2n) .fl-slideshow-frame {
	width: 100% !important;
}

	/** Row reverse >> Fl row reverse slideshow bredd Copy 1 **/
	.mt-1340 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-frame, 
.mt-855 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-frame {
	width: 100% !important;
}

	/** Row reverse >> Fl row reverse slideshow nav **/
	.mt-1340 .fl-row:nth-child(2n) .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav, 
.mt-855 .fl-row:nth-child(2n) .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav {
	width: 100% !important;
}

	/** Row reverse >> Fl row reverse slideshow nav Copy 1 **/
	.mt-1340 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav, 
.mt-855 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav {
	width: 100% !important;
}

	/** NYA portfolion >> Pp post tile medium **/
	.pp-post-tile-medium {
	margin-right: 0 !important;
}

	/** NYA portfolion >> PP row reverse2 Copy 1 **/
	.fl-module-pp-content-tiles:nth-child(2n) .pp-post-tile-right {
	left: 0 !important;
	right: 0 !important;
}

	/** NYA portfolion >> PP row reverse2 **/
	.fl-module-pp-content-tiles:nth-child(2n) .pp-post-tile-left {
	left: 0 !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Mobile menu >> Current menu item menu item **/
	.sub-menu .current_page_item a, 
.current_menu_parent .sub-menu .menu-item-type-custom a {
	color: rgb(255, 0, 0) !important;
}

	/** Mobile menu >> Current menu item menu item Copy 1 **/
	.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_ancestor.menu-item-has-children div.fl-has-submenu-container a {
	color: rgb(255, 0, 0) !important;
}

	/** Mobile menu >> Current menu item menu item Copy 2 **/
	.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor div.fl-has-submenu-container a {
	color: rgb(255, 0, 0) !important;
}

	/** Mobile menu >> Sub menu **/
	.sub-menu {
	color: rgb(236, 95, 104) !important;
	margin-left: 0 !important;
}

	/** Mobile menu >> Hamburger **/
	.hamburger {
	padding-top: 22px !important;
	margin-top: 7px !important;
}

	/** Row reverse >> Fl row reverse slideshow nav **/
	.mt-1340 .fl-row:nth-child(2n) .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav, 
.mt-855 .fl-row:nth-child(2n) .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav {
	width: 100% !important;
}

	/** Row reverse >> Fl row reverse slideshow nav Copy 1 **/
	.mt-1340 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav, 
.mt-855 .fl-row:nth-child(2n) .fl-fullscreen-active .fl-slideshow-nav.fl-slideshow-nav-content.fl-slideshow-overlay.fl-slideshow-main-nav {
	width: 100% !important;
}

	/** NYA portfolion >> Post title **/
	.pp-post-tile-post .pp-post-tile-text {
	width: 100% !important;
}

	/** NYA portfolion >> Post title Copy 1 **/
	.pp-post-tile-post .pp-post-tile-info {
	text-align: center !important;
	margin-left: 0 !important;
}

	/** NYA portfolion >> Pp post tile medium link **/
	.pp-post-tile-medium a {
	font-size: 28px !important;
}

	/** NYA portfolion >> Pp post tile post 1 link **/
	.pp-post-tile-post-1 a {
	font-size: 28px !important;
}

	/** Main Menu >> Mobilmeny sticky **/
	.fl-builder-content-720[data-sticky="1"] {
	width: 100% !important;
	min-width: 100% !important;
	z-index: 999 !important;
}

	/** Main Menu >> Fl node 5b16442c0b692 fl module content **/
	.fl-node-5b16442c0b692 > .fl-module-content {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

	/** Main Menu >> Fl node 5b16442c0b692 fl module content Copy 1 **/
	.fl-node-5ae9d0fd5c713 > .fl-module-content {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

	/** Main Menu >> Yui 3 5 1 1 1601278772228 850 **/
	#yui_3_5_1_1_1601278772228_850 {
	margin-bottom: 20px !important;
}

	/** Main Menu >> Pp menu nav **/
	#pp-advanced-menu-off-canvas-v31istunolx7 .pp-menu-nav {
	width: 70.58% !important;
}

	/** Header >> Inside header site logo **/
	#logos {
	width: 120px !important;
	margin-left: 10px !important;
}

	/** Header >> Logos **/
	#logos {
	height: 80px !important;
	margin-right: 0 !important;
}

	/** Header >> Fl node 5ae9d42a35879 **/
	.fl-row-fixed-width .fl-node-5ae9d42a35879 {
	height: 75px !important;
}

}

