/*   
Theme Name: Desq by Fruto
Description: Maatwerk thema Desq corporate site
Author: Fruto internet
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Cairo:400,700');

* {
	font-family:'Cairo';
}
body {
	margin:0 !important;
}
.header {
	background:#1f3856;
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:350;
}
.lang{
	display: table;
    float: left;
	line-height: 70px;
	transition:line-height 300ms ease;
}
.wpml-ls-legacy-list-horizontal a{
	padding:  5px 7px;
}
.lang img {
	border:1px solid rgba(255,255,255,0.3);
}

.search--results{
	right: 15px;
top: 61px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
position: absolute;
background-color: #fff;
}
.search--results ul{
padding: 10px 15px;
	width: 250px;
list-style: none;
margin: 0;

}
.search--results ul li{

padding: 10px 0;
border-top: 1px solid #f2f2f2;

}
.search--results ul li:first-child{
border-top: 0;
}
.header .menu .search--results ul li a{
color: #000;
display: flex!important;
justify-content: space-between;
align-items: center;
display: block;
padding: 0;
}
.header .menu .search--results ul li a:hover{
color: #000;
text-decoration: none;
}
.header .menu .search--results ul li img{
width: 50px;
height: auto;
margin-right: 15px;
}
.header .menu .search--results ul li .img--placeholder{
width: 50px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 50px;
margin-right: 15px;
}
.header .menu .search--results ul li .img--placeholder.empty{
background-color: #f2f2f2;
}
.header .menu .search--results ul li .right{

width: 70%;
}

.header .menu .search--results .title{
font-weight: bold;
font-size: 14px;
line-height: 14px;
}
.header .menu .search--results .sku{
font-weight: normal;
font-size: 12px;
color: #ccc;
}
.header .menu .search--results{
height: 0;
}
.header .menu .search--results{
display: none;
}
.header .menu .search--results.show{
display: table!important;
}
.no--results{
color: #000;
font-style: italic;
font-size: 16px;
text-align: center;
}


/*
.sfeerfoto {
        height:200px;
        background-size:cover;
        background-position:center center;
        background-attachment:fixed;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:30px;
}
*/
.nf-field-element input {
	padding:5px 10px;
}
.nf-field-element select {
	padding:2px 7px;
}
.nf-field-element textarea {
	height:100px !important;
	padding:5px 10px;
}
#ninja_forms_required_items, .nf-field-container {
	margin-bottom:5px !important;
}
.nf-before-form-content {
	margin-bottom:10px;
}
.label-left .nf-field-label label {
	text-align:left;
}
a {
	color:#1f3856;
}
#clearsearch {
	color:#EE5B3E !important;
	font-size:14px !important;
	margin-top:0px !important;
}
#products {
	transition:opacity 1.5s ease;
	-webkit-transition:opacity 1.5s ease;
}
h4 {
	font-size:20px;
	font-weight:900;
}
article {
	overflow:hidden;
}
article + a {
	width:100%;
	display:block;
	padding-top:10px;
	margin-top:5px;
	text-align:center;
	border-top:1px solid #efefef;
}
.table td, .table th {
	padding:0;
}
.header .logo {
	display:block;
	margin:20px auto;
	width:100%;
}
.header .logo img {
	height:50px;
	transition: height 0.5s ease, margin 0.5s ease;
}
.sticky .header .logo {
	margin:15px auto;	
}
.sticky .header .logo img {
	height:40px;
}
.sticky .header .lang {
	line-height:50px;
}
.bigrow {
	padding:75px 0;
}
.home .bigrow .container, .home .bigrow .row {
	height:100%;
}
.bigrow.photobg {
	background-size:cover !important;
	background-attachment:fixed !important;
	min-height:450px;
	color:#fff;
}
.bigrow.photobg a {
	width:100%;
	margin-bottom:-125px;
}
.bigrow.photobg a img {
	width:90%;
	margin-top:-10%;
}
.bigrow.photobg .photo-right, .bigrow.photobg .photo-left {
	position:absolute;
	font-size:14px;
	opacity:0.8;
	color:#fff;
	bottom:-50px;
}
.bigrow.photobg .photo-right a, .bigrow.photobg .photo-left a {
	color:#fff;	
	opacity:0.8;
}
.bigrow.photobg .photo-left {
	left:-200px;
}
.bigrow.photobg .photo-right {
	right:0;
}
.ios .bigrow.photobg {
	background-attachment: scroll !important;
}
.bigrow.photobg h2 {
	font-size:40px;
	font-weight:400;
	text-align:right;
	margin-top:0px;
	line-height:65px;
	margin-right:50px;
	max-width:100%;
}
.bigrow.gray {
	background:#ececee;
}
.bigrow.gray a {
	text-decoration: underline;
	color:#000;
}
.bigrow.gray p, .single .bigrow p {
	line-height:30px;
}
.vertical-align {
	display:flex;
	align-items:center;
	justify-content: center;
    flex-flow: column wrap;
    align-content: stretch;
}
.single .newsimage {
	border:5px solid #efefef;
}
.newsimage, .gray .newsimage {
	width:100%;
	max-height:300px;
	border:5px solid #fff;
}
.filters {
	background:#ececee;
	padding:20px 20px;
}
.archive .filters {
	position:sticky;
	-webkit-position:sticky;
	top:90px;
}
.filters h4 {
	font-size:16px;
	font-weight:700;
}
.filters [name="q"] {
	padding:5px;
	font-size:12px;
	width:100%;
}
.filter select {
	background:#fff;
	border:1px solid #dc5b3c;
	border-radius:0;
	-webkit-appearance: none;
	padding:5px 10px;
	color:#dc5b3c;
}
.header [name="q"] {
	padding:5px 10px;
	font-size:14px;
	width:125px;
	background:rgba(255,255,255,1);
	border:0;
	outline:none;
}
form.filter {
	margin-top:-25px;
}
h1 {
	font-weight:900;
	font-size:38px;
	text-transform: uppercase;
	margin-bottom:25px;
	color:#1f3856;
}
.single-product h1 {
	font-size:30px;
	color:#1f3856;
	text-transform:none;
}
.single-product .detail-image {
	border:1px solid #ececee;
	margin-bottom:25px;
	min-height:500px;
}
.single-product .detail-image img {
	max-width:80%;
	max-height:500px;
}
.single-product .detail-image + p strong {
	font-weight:normal;	
}
.breadcrumbs + .bigrow, .breadcrumbs + .filter > .bigrow {
	padding-top:25px;
}
.breadcrumbs + .bigrow.gray {
	padding-top:75px;
}
.breadcrumbs span {
	margin:10px 0;
	display:inline-block;
}
.breadcrumbs i {
	margin:0 5px;
}
.carousel .breadcrumbs {
	padding-top:125px;
	color:#fff;
	height:0px !important;
}
.carousel .breadcrumbs a {
	color:#fff;
}
.specs {
	background:#ececee;
	padding:30px 30px;
	box-sizing: border-box;
	line-height:26px;
}
.blue {
	background:#1f3856;
	padding:30px 30px;
	color:#fff;
	margin-top:10px;
	box-sizing: border-box;
	line-height:36px;
}
.specs h4, .blue h4 {
	font-size:18px;
	font-weight:900;
}
.blue i {
	width:30px;
}
.blue a {
	color:#fff;
}
.thumb img {
	border:1px solid #1f3856;
	width:100%;
}
.thumb {
	display:inline-block;
	margin:0px 10px 10px 0;
	position:relative;
	width:calc(33% - 6px);
}
.thumb:nth-child(3n) {
	margin-right:0;
}
.thumb:before {
	font-family:'FontAwesome';
	content:'\f002';
	color:#fff;
	position:absolute;
	bottom:0;
	right:0px;
	z-index:150;
	background:#1f3856;
	font-size:12px;
	padding:5px 8px;
	text-align:center;
}
.category {
	margin-top:25px;
}
.category h5 {
	color:#1f3856;
	font-weight:900;
	font-size:24px;
}
.category img {
	transition:all 0.5s ease;
}
.category:hover img {
	transform:scale(1.05);
}
.item {
	background:#ededee;
	border:1px solid #ededee;
	display:block;
	text-decoration:none;
	position:relative;
	margin-top:25px;
}
.item, .item {
	background:#fff;
	margin-top:0;
	margin-bottom:25px;
}
.category .item {
	margin-top:0;
	margin-bottom:25px;
}
.item .fa {
	margin-left:5px;
}
.item:hover {
	text-decoration: none;
}
.item .title {
	background:#fff;
	color:#1f3856;
	padding:15px 20px;
	bottom:0;
	height:auto;
	position:absolute;
	width:100%;
	transition:all 0.5s ease;
	overflow:hidden;
	font-weight:900;
	font-size:14px;
}
.item .description {
	display:none;
	margin-top:30px;
	font-size:15px;
	font-weight:normal;
}
.item .image {
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
	height:250px;
	margin:25px 0 105px 0;
}
.item:hover .title {
	background:rgba(37, 57, 84, 0.9);
	color:#fff;
}
.item:hover .fa {
	display:none;
}
.single-product .item {
	background:#fff;
}
.carousel .container {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	z-index:500;
	height:100%;
}
.carousel .carousel-item .container {
	z-index:300;
}
.carousel .container.arrows {
	z-index:25;
	width:80px;
	left:45%;
}
.scroll-down
{
  position: absolute;
  margin: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  bottom: 50px;
	cursor: pointer;
}

.scroll-down span
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 2px 0 2px 8px;
}

.scroll-down .unu
{
  margin-top: 4px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}




.mouse
{
height: 40px;
width: 22px;
  border-radius: 10px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel
{
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
}

.wheel
{
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
.carousel .container.arrow-down {
	z-index:25;
	position:absolute;
	width:30px;
	height:30px;
	text-align:center;
	color:rgba(220, 91, 60, 0.8);
	bottom:-50px;
	cursor:pointer;
}
.carousel .c2abox {
	background:rgba(255,255,255,0.9);
	border-top:10px solid #1f3856;
	width:380px;
	padding:35px;
	position:absolute;
	bottom:50px;
	left:15px;
}
.carousel .c2abox .btn, .card .btn, .nf-field-element [type="button"], .filter .btn {
	background:#1f3856;
	text-decoration:none !important;
	padding:10px 25px;
	text-align:center;
	font-size:18px;
	border:0;
	cursor:pointer;
	border-radius:0;
	transition:all 1s ease;
	color:#fff !important;
}
.filter .btn {
	font-size:16px;
	width:100%;
}
.carousel .c2abox .btn:hover, .card .btn:hover, .filter .btn:hover {
	color:#fff;
	background:#1f3856;
}
.card .btn {
	font-size:16px;
	padding:10px 25px;
}
.card .card-text {
	min-height:120px;
}
.carousel-indicators {
	display:none;
}
.carousel .carousel-item .d-block {
	height:15vh;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
}
.ios .carousel .carousel-item .d-block {
	background-attachment:scroll;	
}
.home .carousel .carousel-item .d-block {
	height:calc(100vh - 90px);	
}
.carousel-control-prev {
	right:45px;
	left:auto;
}
.carousel-control-next {
	right:0;
}
.carousel-control-prev, .carousel-control-next {
	width:35px;
	opacity:1;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width:35px;
	height:35px;
	position:absolute;
	bottom:50px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	background:rgba(255,255,255,0.9);
}
.carousel-control-prev-icon:before, .carousel-control-next-icon:before {
	font-family:'FontAwesome';
	content:'\f104';
	position:absolute;
	font-size:24px;
	left:12px;
	top:0px;
	color:#000;
}
.carousel-control-next-icon:before {
	content:'\f105';
	left:15px;
}
.header .menu {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:30px;
	float:right;
	transition:margin 0.5s ease;
}
.sticky .header .menu {
	margin-top:20px;
}
.header .menu li {
	float:left;
}
.header .menu li a {
	color:#fff;
	font-size:18px;
	display:block;
	padding-left:50px;
}
.header .menu li a i {
	margin-left:10px;
}
.header .menu li.current-menu-item a {
	font-weight:bold;
}
.header .menu li .sub-menu {
	position:absolute;
	width:1350px;
	top:auto;
	left:-175px;
	list-style:none;
	z-index:100;
	margin:0;
	padding:0;
	padding-top:33px;
	display:none;
	transition-property: all;
	transition-duration: 2s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.header .menu li .sub-menu li .sub-menu {
	position:absolute;
	width:200px;
	top:57px;
	list-style:none;
	left:auto;
	z-index:100;
	margin:0;
	padding:0;
	padding-top:33px;
	display:none;
	transition-property: all;
	transition-duration: 2s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.sticky .header .menu li .sub-menu {
	padding-top:23px;
}
.header .menu li:hover + .sub-menu, .header .menu li .sub-menu li:hover + .sub-menu, .header .menu li:hover .sub-menu, .header .menu li:hover .sub-menu li:hover .sub-menu {
	display:block;
	border-bottom:0px solid #1f3856;
}
.header .menu li .sub-menu li {
	float:left;
	background:#fff;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
@media(max-width:768px){
	.header .menu li .sub-menu li {
		float:none;
	}
}
.header .menu li .sub-menu li .sub-menu li {
	float:none;
	background:#fff;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
	border-bottom:1px solid #efefef;
}
.header .menu li .sub-menu li:first-child {
	padding-top:0px;	
}
.header .menu li .sub-menu li:last-child {
	padding-bottom:0px;	
}
.header .menu li .sub-menu li a {
	color:#000;
	padding:16px 15px;
	font-size:16px;
	background-size:contain;
	background-repeat:no-repeat;
}
.header .menu li.current-menu-item .sub-menu li a {
	font-weight:normal;	
}
.footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footer ul li a {
	display:block;
	padding:5px 0;
	color:#000;
}
.footer h3 {
	font-weight:900;
	font-size:22px;
	margin-bottom:20px;
}
.footer .reseller h3 {
	background:#1f3856;
	color:#fff;
	padding:15px 25px;
	display:inline-block;
}
.footer p {
	line-height:32px;
}
.footer p + a {
	font-weight:900;
}
.socket {
	background:#1f3856;
	color:#fff;
	padding:15px 0;
}
.socket a {
	color:#fff;
	text-decoration: none;
	transition:color 0.5s ease;
}
.socket a:hover {
	color:#dc5b3c;
}
.socket img {
	margin-right:15px;
}
.socket i {
	margin-left:15px;
}
.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  font-size:14px;
  position: absolute;
  top: 0px;
  width: 20px;
  text-indent:26px;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 5px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 10px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + a label {
  background-color: #dc5b3c;
  border-color: #dc5b3c;
}

.round input[type="checkbox"]:checked + a label:after {
  opacity: 1;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.toonfilters {
		background:#ee5b3e;
		color:#fff !important;
		padding:5px 10px;
		text-align:center;
		width:100%;
		border:0;
	}
	.sfeerfoto{
		height: auto!important;
	}
	.sfeerfoto .row{
		height: auto!important;
	}
	.transbox{
		margin: 15px;
	}


	.home .carousel .carousel-item .d-block {
		height:calc(100vh - 250px);
	}
	.footer .col-12 {
		margin-top:25px;
	}
	article + a {
		margin-bottom:50px;
	}
	.menu-bovenste-menu-container {
		display:none;
		position:fixed;
		width:100%;
		top:80px;
		left:0;
		z-index:200;
	}
	.header .menu, .sticky .header .menu {
		margin-top:0;
		float:none;
		width:100%;
	}
	.header .menu li {
		float:none;
		margin:0;
	}
	.header .menu li a {
		display:block;
		background:#EE5B3E;
		margin-bottom:0;
		width:100%;
		padding:15px 20px;
		padding-left:20px;
	}
	.header .menu li .sub-menu, .sticky .header .menu li .sub-menu{
		position:static;
		width:100%;
		padding-top:0;
	}
	.offset-1 {
		margin-left:0;
	}
	h2 {
		font-size:24px;
		margin-top:35px;
	}
	.filter select {
		margin-top:0px;
		margin-bottom:10px;
	}
	.item .image {
		height:150px;
	}
	.bigrow.photobg h2 {
		font-size:24px;
		line-height:40px;
	}
	.bigrow.photobg a img {
		width:80%;
		margin-left:10%;
		margin-bottom:120px;
		margin-top:0;
	}
	.bigrow.photobg .photo-right, .bigrow.photobg .photo-left {
		display:none;	
	}
	.mobile-toggle {
		color:#fff;
		font-size:36px;
		top:23px;
		right:40px;
		position:absolute;
	}
	.header .logo, .sticky .header .logo {
		display:block;
		margin:20px auto;
		margin-left:10px;
		width:100%;
	}
	.header .logo img, .sticky .header .logo img {
		height:40px;	
	}
	.scroll-down {
		display:none;
	}
	.breadcrumbs + .bigrow {
		padding:0 !important;
	}
	.bigrow, .breadcrumbs + .bigrow {
		padding:35px 0 !important;
	}
	.bigrow .container .row .col-lg-12 h2 {
		margin-top:10px;
	}
	.col-12 + .col-12 {
		margin-top:25px;
	}
	.header .col-6 + .col-6 {
		margin-top:0;
	}
}	

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.carousel .c2abox {
		zoom:0.5;
		left:50px;
		bottom:100px;
	}
	.carousel .c2abox h1 {
		font-size:20px;
	}
	.carousel .c2abox .btn {
		font-size:14px;
	}
}

.sfeerfoto{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	height: 350px;
}
.sfeerfoto > .container > .row{
	height: 350px;
}

.transbox{
	border-top:10px solid #1f3856;
	background-color: rgba(255, 255, 255, 0.89);
	padding:  25px 30px;
	margin-bottom: 50px;
}


.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}