@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
html {
    font: normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}
html {
    -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none;  /* Firefox */
}
::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; line-height: 1.6; background: #f7f7f7; word-wrap: break-word; }

/*select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;   
}
input.srcinput {    
    background: url(/asset/img/search.png) 1% / 7% no-repeat;      
}*/

input.srcinput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C0C0C0;
  opacity: 1; /* Firefox */
}

input.srcinput:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C0C0C0;
}

input.srcinput::-ms-input-placeholder { /* Microsoft Edge */
  color: #C0C0C0;
}

select.srccat { 
   font-family: FontAwesome;
   background: url(/asset/img/cat.png) 2% / 10% no-repeat,
               url(/asset/img/dropdown.png) 98% / 10% no-repeat;
}

select.srccata { 
   font-family: FontAwesome;
   background: url(/asset/img/cat.png) 2% / 4% no-repeat,
               url(/asset/img/dropdown.png) 98% / 4% no-repeat;
}
select.srccatan { 
   font-family: FontAwesome;
   background: url(/asset/img/cat.png) 2% / 2% no-repeat,
               url(/asset/img/dropdown.png) 98% / 4% no-repeat;
}

select.srclocatie {      
   background: url(/asset/img/loc.png) 2% / 10% no-repeat,
               url(/asset/img/dropdown.png) 98% / 10% no-repeat;
}
select.deliveryselect {      
   background: url(/asset/img/delivery.png) 2% / 10% no-repeat,
               url(/asset/img/dropdown.png) 98% / 10% no-repeat;
}
select.fedelemw {   
   background: url(/asset/img/dropdown.png) 98% / 40% no-repeat;
}
select.srccur { 
   font-family: FontAwesome;
   background: url(/asset/img/dropdown.png) 98% / 10% no-repeat;
}
select::-ms-expand { 
    display: none;
}
@media screen and (min-width:0\0) {
    select {
        background-image:none\9;
        padding: 5px\9;
    } 
}

.top {position:relative;background-color:#ffffff;height:auto;max-height:100%;overflow:hidden;z-index:2;}

.logo {font-family:fontawesome;text-decoration:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:37px;letter-spacing:3px;color:#795548;display:block;position:absolute;top:10px;}

.logo .dotcom {color:#9ccbe1}

.topnav {position:relative;z-index:2;font-size:17px;background-color:#5f5f5f;color:#f1f1f1;width:100%;padding:0;letter-spacing:1px;font-family:"Segoe UI",Arial,sans-serif;}

.topnav a{padding:10px 15px 9px 15px !important;}

/*.topnav .w3-bar a:hover,.topnav .w3-bar a:focus{background-color:#000 !important;color:#ffffff !important;}*/

.topnav .w3-bar a.active {background-color:#4CAF50;color:#ffffff;}

a.topnav-icons {width:52px !important;font-size:20px !important;padding-top:11px !important;padding-bottom:13px !important;}

a.topnav-icons.fa-home {font-size:22px !important}

a.topnav-icons.fa-menu {font-size:22px !important}

a.topnav-localicons {font-size:20px !important;padding-top:6px !important;padding-bottom:12px !important;}

@media (max-width:1700px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(17){display:none;}}
@media (max-width:1600px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(13){display:none;}}
@media (max-width:1510px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(12){display:none;}}
@media (max-width:1450px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(11){display:none;}}
@media (max-width:1330px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(10){display:none;}}
@media (max-width:1200px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(9){display:none;}}
@media (max-width:1100px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(8){display:none;}}
@media (max-width:1000px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(7){display:none;}}
@media (max-width:992px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(6){display:none;}}
@media (max-width:930px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(18){display:none;}}
@media (max-width:800px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(19){display:none;}}
@media (max-width:650px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(5){display:none;}
#topnav .w3-bar:nth-of-type(1) a:nth-of-type(16){display:none;}}
@media (max-width:460px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(4){display:none;}}
@media (max-width:400px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(3){display:none;}}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;  
}

* {box-sizing: border-box;}

body {margin: 0;}

.navbar {overflow: hidden;font-family: Arial, Helvetica, sans-serif;}

.navbar a {float: left;font-size: 16px;text-align: center;padding: 14px 16px;text-decoration: none;}

.dropdown {float: left;overflow: hidden;}

.dropdown .dropbtn {font-size: 16px;border: none;outline: none;padding: 10px 10px;font: inherit;margin: 0;}

.navbar a:hover, .dropdown:hover .dropbtn {background-color: #795548;}

.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;width: 100%;left: 0;  margin-top:-2px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}

.dropdown-content .header {background: #795548;padding: 2px;color: #000;}

/*.dropdown:hover .dropdown-content {
  display: block;
}*/

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 6px;
  padding-top:2px;
  padding-bottom:2px;
  margin:0;
  background-color: #107493;
  color: #fff;
  /*height: 320px;*/
  font-weight: 700;
  line-height: 1.188em;
  font-size: 14px;  
  text-transform:uppercase
}

.column a {
  float: none;
  color: black;
  padding: 6px;
  padding-top:2px;
  padding-bottom:2px;
  margin:0;
  text-decoration: none;
  display: block;
  text-align: left;
  color: #fff;
}

.column a:hover {
  background-color: #17a34a;
  color: #fff;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}

.goog-te-combo{
    height: 41px;
    padding-left:4px;
    background-color: #107493;
    color: #fff;
    border: none;
    font-weight: 700;
    line-height: 1.188em;
    font-size: 14px;
    padding:0px;
    text-transform:uppercase;
}
.goog-te-combo:hover{background-color: #17a34a;transition: 0.3s;}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.parallelogram {
    display: inline-block;
    transform: skewX(-20deg);
    background: #107493;
    }
.noparal{
    display: inline-block;
    transform: skewX(20deg);
}

.flip-card {
  background-color: transparent;
  width: 200px;
  height: 200px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;  
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
}

#statusUpload {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #107493;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 30%;
  font-size: 17px;
}

#statusUpload.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {top: 10%; opacity: 0;} 
  to {top: 30%; opacity: 1;}
}

@keyframes fadein {
  from {top: 10%; opacity: 0;}
  to {top: 30%; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 30%; opacity: 1;} 
  to {top: 10%; opacity: 0;}
}

@keyframes fadeout {
  from {top: 30%; opacity: 1;}
  to {top: 10%; opacity: 0;}
}

.w3-bluepm,.w3-hover-bluepm:hover,.w3-bluepm,.w3-hover-bluepm:hover{transition: 0.3s;color:#fff!important;background-color:#107493!important}
.w3-text-bluepm,.w3-hover-text-bluepm:hover{color:#107493!important}
.w3-border-bluepm,.w3-hover-border-bluepm:hover{border-color:#107493!important}


.w3-cadetblue,.w3-hover-cadetblue:hover,.w3-cadetblue,.w3-hover-cadetblue:hover{transition: 0.3s;color:#fff!important;background-color:#599fb4!important}
.w3-text-cadetblue,.w3-hover-text-cadetblue:hover{color:#599fb4!important}
.w3-border-cadetblue,.w3-hover-border-cadetblue:hover{border-color:#599fb4!important}

.w3-seagreen,.w3-hover-seagreen:hover,.w3-seagreen,.w3-hover-seagreen:hover{transition: 0.3s;color:#fff!important;background-color:#17a34a!important}
.w3-text-seagreen,.w3-hover-text-seagreen:hover{color:#17a34a!important}
.w3-border-seagreen,.w3-hover-border-seagreen:hover{border-color:#17a34a!important}

.saccordion>.card{overflow:hidden}
.saccordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}
.saccordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.saccordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.saccordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}
.saccordion>.card .card-header{margin-bottom:-1px}


.collapse:not(.show){display:none}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}

.accordion>.card{overflow:hidden}
.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}
.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}
.accordion>.card .card-header{margin-bottom:-1px}

.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}

