/*
Theme Name:  VITOS RVB
Theme URI: https://vitosrvb.nl
Description: CSS VITOS RVB
Author: Reclamebureau RAM
Author URI: https://www.reclamebureauram.nl/
Version: 1.0
*/



/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- STANDARDS ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.cmplz-cookiebanner{z-index:9999;}


.container_full {/* remember to set a width */margin-right: auto; margin-left: auto;}
.container_size {/* remember to set a width */ margin-right: auto; margin-left: auto;}

html,body {height:100%; margin:0; background: #fefefe; }
/*body{position:relative; overflow-x: hidden; }*/
/*body.home{overflow-x:hidden !important;}*/
html,body, ul, p {font-family: 'ff-scala-sans-pro', sans-serif !important; font-size: 20px; color: var(--black); font-weight:300; }
div {font-family: 'ff-scala-sans-pro', sans-serif !important; font-size: 20px; color: var(--black); font-weight:300; /*width:100%;*/ }

p {height: unset !important; font-size: 20px !important; line-height: 1.8em !important;}
b, strong {font-weight: 700;}

a {color: #000; }

.row.no-gutters {margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"] {padding-right: 0;padding-left: 0;}

.nopadding {padding:0 !important;}








/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- FONTS ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
@font-face {
   	font-family: "ff-scala-sans-pro", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "ff-scala-sans-pro-condensed", sans-serif;
	font-weight: 400;
	font-style: normal;  
	font-display: swap;
}






/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- COLORS ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */


:root {
  --red: #c82519;
  --blue: #03b7ed;
  --black: #000000;
  --white: #ffffff;
  --grey: #a0a0a0;
  --lightgrey: #99999952;
}
.redbg {background: var(--red);}
.bluebg {background: var(--blue);}
.blackbg {background-color: var(--black);}
.whitebg {background-color: var(--white);}
.greybg {background-color: var(--grey);}
.lightgreybg {background-color: var(--lightgrey);}

.redclr {background: var(--red);}
.blueclr {background: var(--blue);}
.blackclr {color: var(--black);}
.whiteclr {color: var(--white);}
.greyclr {color: var(--grey);}
.lightgreyclr {color: var(--lightgrey);}




/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HEADLINES ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

h1 {color: var(--white); font-family: 'ff-scala-sans-pro', sans-serif !important; font-size: 130px; text-transform: uppercase; padding-bottom: 20px; position: relative; line-height: 0.8em; text-shadow: 0.5px 0.5px #111;}
h1.pg {font-size: 60px /*90px*/; text-transform: none; color: var(--black);}

h2 {color: var(--black); font-family: 'ff-scala-sans-pro', sans-serif !important; font-size: 60px; }
h2.paof {font-size: 70px /*110px*/; /*text-transform: uppercase;*/ line-height: 1em; color: var(--white); text-shadow: 1px 1px 2px #444;}

h3 {color: var(--black); font-family: 'ff-scala-sans-pro', sans-serif !important; font-size: 26px /*32px*/;  margin: 20px 0px 20px /*20px 0px 20px*/; /*padding-bottom: 20px;*/ position: relative; text-align: left; font-weight: 500; }
h3.meth {font-weight:300 !important;}

h4 {font-size: 16px; color: #696969;}
h4.mact {font-size: 22px; color (--black);}

h5 {color: var(--black); font-family: 'ff-scala-sans-pro', sans-serif !important; font-size: 14px; text-transform: uppercase; text-shadow: 0.5px 0.5px 1px #777;}
h5.mact {color: var(--grey); margin: 20px 0px 10px; text-shadow: none;}
h5.fct { text-shadow: none;}





















/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE HEADER ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.hsm {padding: 15px; border-bottom: 1px solid var(--white);}
.hrm {max-width:1470px; margin: 0 auto; position:relative; }
.hcm img {padding:20px 0px;}

.hsm1 {position: absolute; top:250px; left:0;}
.hrm1 {max-width:1470px; margin: 0 auto; }

.hsm2 {}
.hrm2 {max-width:1470px; margin: 0 auto; }

.hsmm {padding: 0px; border-bottom: 1px solid var(--white); height:100px;}
.hrmm {margin: 0 auto; position:relative;}
.hmm {position:relative;}

.kub {width:45px; height:45px; position:absolute; top: -5px; left:38px; z-index:10;}
.slo, .slowh, .slogbl {width:63px; height:19px; position:absolute; top: 44px; left:18px;z-index:10;}
.log, .logwh, .logbl {width:105px; height:65px; position:absolute; top: -4px; left:90px;z-index:10;}

.nn {display:none;}

.dis {-webkit-animation: fadesc 1s forwards; /* Safari 4+ */
  	-moz-animation:    fadesc 1s forwards; /* Fx 5+ */
  	-o-animation:      fadesc 1s forwards; /* Opera 12+ */
  	animation:         fadesc 1s forwards; /* IE 10+, Fx 29+ */}

@keyframes fadesc {
  0%   { left:90px; }
  100% { left:35px;  scale: 1.1;}
	
}

.app {-webkit-animation: fadepp 1s forwards; /* Safari 4+ */
  	-moz-animation:    fadepp 1s forwards; /* Fx 5+ */
  	-o-animation:      fadepp 1s forwards; /* Opera 12+ */
  	animation:         fadepp 1s forwards; /* IE 10+, Fx 29+ */}

@keyframes fadepp {
  0%   { left:20px; scale: 1.1; }
  100% {left:105px; }
}

.fad {-webkit-animation: fadefad 1s forwards; /* Safari 4+ */
  	-moz-animation:    fadefad 1s forwards; /* Fx 5+ */
  	-o-animation:      fadefad 1s forwards; /* Opera 12+ */
  	animation:         fadefad 1s forwards; /* IE 10+, Fx 29+ */}

@keyframes fadefad {
  0%   { scale: 1; left:38px ;top: -5px; }
  100% { scale: 0.5; left:105px; top: 20px; z-index: 200;  transform: rotate(360deg);}
	
}

.bck {-webkit-animation: fadebc 1s forwards; /* Safari 4+ */
  	-moz-animation:    fadebc 1s forwards; /* Fx 5+ */
  	-o-animation:      fadebc 1s forwards; /* Opera 12+ */
  	animation:         fadebc 1s forwards; /* IE 10+, Fx 29+ */}

@keyframes fadebc {
  0%   { scale: 0.5; left:105px; top: 20px; z-index: 200;  transform: rotate(360deg); }
  100% { scale: 1; left:53px ;top: -5px;}
	
}


.rem {-webkit-animation: faderem 1s forwards; /* Safari 4+ */
  	-moz-animation:    faderem 1s forwards; /* Fx 5+ */
  	-o-animation:      faderem 1s forwards; /* Opera 12+ */
  	animation:         faderem 1s forwards; /* IE 10+, Fx 29+ */}

@keyframes faderem {
  0%   { opacity:1; }
  100% { opacity: 0;}
	
}

.add {-webkit-animation: fadeadd 1s forwards; /* Safari 4+ */
  	-moz-animation:    fadeadd 1s forwards; /* Fx 5+ */
  	-o-animation:      fadeadd 1s forwards; /* Opera 12+ */
  	animation:         fadeadd 1s forwards; /* IE 10+, Fx 29+ */}

@keyframes fadeadd {
  0%   { opacity:0; }
  100% { opacity:1;}
	
}



.hl2 {margin-left:20px;}


.hsc1 {position:relative;}

.affix {
	width:100%;  z-index: 1024;; border-bottom: 1px solid var(--lightgrey);
	-webkit-animation: fadewh 1s forwards; /* Safari 4+ */
  	-moz-animation:    fadewh 1s forwards; /* Fx 5+ */
  	-o-animation:      fadewh 1s forwards; /* Opera 12+ */
  	animation:         fadewh 1s forwards; /* IE 10+, Fx 29+ */
} 

@keyframes fadewh {
    from {background-color:rgba(255, 255, 255, 0.1);}
    to {background-color:rgba(255, 255, 255, 1);}
}

.bg{background-image: url("images/VITOS RVB.webp");
	
	/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: 800px;
	
  /* Set up positioning */
  /*position: fixed;*/
  top: 0;
  left: 0;

background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

.btn-tel {margin-top:10px;}
.btn-tel:hover, .btn-tel:active, .btn-tel:focus {background: var(--blue); color: var(--white);}

.btn-cnt {padding:15px 40px; font-size: 20px; text-transform:uppercase;}
.btn-cnt:hover {background: var(--blue); color: var(--white);}
.btn-cnt:hover::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f061"; margin-right:10px;}

/*****************************************************/
/******** ------ MENU MOBILE (OVERLAY) ------- *******/
/*****************************************************/
.overlay {height: 0%; width: 100%; position: fixed; z-index: 1002; top: 100px; right: 0; background-color: #191c23;  overflow-x: hidden; transition: 0.5s; }
.overlay-content {position: relative; top: 15%; width: 100%; text-align: left; /*margin-top: 30px;*/}
.overlay a {padding: 8px; text-decoration: none; font-size: 18px; color: #fff; display: block; }
.overlay a:hover, .overlay a:focus, .overlay a:active {color: #999;}
.overlay .closebtn {/*position: absolute; top: -35px; right: 20px; font-size: 72px;*/ color:#fff;margin-right:15px; position: absolute; top: 15px; left: 0px; font-size:24px; z-index: 1002; display:inline-block;}
.overlay ul {text-align:center; padding-left: 0px !important;}
.overlay.menu {}
.overlay li {list-style:none;}

#menu-mobiel-menu {margin-top: 20px;}
.menu {padding-top: 0px !important; padding-left: 15px;}
.mobbut {margin-top:40px;}
.menu li {float:none !important; font-size: 15px !important;}
.sub-menu li a {font-size: 15px !important;}	



/*****************************************************/
/******** ------ MENU MOBILE (TOGGLE) ------- ********/
/*****************************************************/
.toggle-menu {width: 47px /*40px*/; height: 47px /*40px*/; display: inline-block; position: relative; top: 0px /*5px*/; left: 0; z-index: 1003;}
a.toggle-menu {color: #000;}
.toggle-menu i {position: absolute; display: block; height: 3px; background: #fff; width: 30px; left: 7px /*0px*/;   -webkit-transition: all .3s; transition: all .3s; color: #000;}
.toggle-menu i:nth-child(1) {top: 12px; width: 20px;}
.toggle-menu i:nth-child(2) {top: 20px;}
.toggle-menu i:nth-child(3) {top: 28px; width: 25px;}
.toggle-menu.active i:nth-child(1) {top: 20px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); background: #fff; width:30px;}
.toggle-menu.active i:nth-child(2) {background: transparent;}
.toggle-menu.active i:nth-child(3) {top: 20px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #fff; width:30px;}
.containermb {position: relative; overflow: hidden; height: 9000px;}
.menu-drawer {width: 400px; background-color: #ccc; height: 900px; position: absolute; right: -550px; top: 0; transition: right linear .2s; padding: 50px;}
.open {height: 100%;}
.menu-drawer li {font-family: lato; font-weight: bold; margin-bottom: 30px; font-size: 50px; text-align: center;}
.menu-drawer a {text-decoration: none; color: #555; &:hover {color: #0094FC;}}



.fixed-topm {
    position: fixed;
    top: 0px /*50px*/;
    right: 0;
    left: 0;
	z-index: 1030;
	padding: 20px 0px;}
.fixed-topmc {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
	z-index: 1030;}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- ICON BAR HEADER ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.icon-bardk {width: 50%; /*1560px  Full-width */  overflow: unset; /*CHANGED 02122022 */ /* auto Overflow due to float */  justify-content: right; display: flex;  height: unset; position:absolute; z-index:1; top:42px; right:0;}
.icon-bardk a {float: left;  text-align: center; }

.telnr {padding-top:8px; margin-right:5px;}

.emaildk {background-color: var(--black); padding:2px 5px 0px; margin-left:5px; color: var(--white); width: 30px; height: 30px;}
.emaildk:hover {background-color: var(--yellow) !important;}

.phonedk {background-color: var(--black); padding:2px 5px 0px; margin-left:5px; color: var(--white); width: 30px; height: 30px;}
.phonedk:hover {background-color: var(--yellow) !important; }

.linkedk {background-color: var(--black); padding:2px 5px 0px; margin-left:5px; color: var(--white); width: 30px; height: 30px;}
.linkedk:hover {background-color: var(--yellow) !important; }

.facebdk {background-color: var(--black); padding:2px 5px 0px; margin-left:5px; color: var(--white); width: 30px; height: 30px;}
.facebdk:hover {background-color: var(--yellow) !important; }

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- NAVBAR ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.navbar {float: right;padding: 15px 0px 0px; }
.menunavbar {max-width:1560px !important; margin:0 auto; padding: 0px;}
.nav-link { margin: 5px 20px 5px; padding: 0px !important;  border-bottom: 1px solid transparent;  color: var(--white); text-transform:uppercase; }    
.nav-link:hover, .nav-link:active, .nav-link:focus { color: var(--white); border-bottom:2px solid var(--white); margin-top:5px;   }

.navbarpg .nav-link {color: var(--black);}
.navbarpg .nav-link:hover, .navbarpg .nav-link:active, .navbarpg .nav-link:focus {color: var(--black); border-bottom:2px solid var(--black);}
.


/* DROP DOWN MENU */
.dropdown-menu {color: #000; background-color: #fff /* #f5950a */; background-clip: padding-box; border: none; border-radius: 0px; min-width: 20em; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";       /* IE 8 */
	filter: alpha(opacity=100);  /* IE 5-7 */
	-moz-opacity: 1;          /* Netscape */
	-khtml-opacity: 1;        /* Safari 1.x */
	opacity: 1;               /* Good browsers */ }
.dropdown-item {color:#000; text-decoration:none; -webkit-filter: none; filter: none !important;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {background-color: transparent; border: none !important; color: #e0592b !important; -webkit-filter: none !important; filter: none !important;}

.nav-linkaf a { /*#949494*/
-webkit-animation: fadebl 2s forwards; /* Safari 4+ */
  	-moz-animation:    fadebl 2s forwards; /* Fx 5+ */
  	-o-animation:      fadebl 2s forwards; /* Opera 12+ */
  	animation:         fadebl 2s forwards; /* IE 10+, Fx 29+ */
} 

@keyframes fadebl {
    from {color:rgba(0, 0, 0, 0.1);}
    to {color:rgba(0, 0, 0, 1);}
}

   
.nav-linkaf a:hover, /*.nav-linkaf:active,*/ .nav-linkaf:focus { color: var(--black); border-bottom:2px solid var(--black); }
.nav-link>active>a, .pgnav-link>active>a , .nav-linkaf>.active>a {color: var(--black); border-bottom:2px solid var(--black); }

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE BLOCK SERVICES ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.hss {position:relative; }
.hrs {max-width:1470px; margin:0 auto; position:relative;}
.hrs1 {max-width:1470px; margin:0 auto; position:relative; }
.hcs {/*padding-top: 125px;*/ padding-bottom:40px;}
.hcsr {/*padding-top: 125px;*/ padding-bottom:40px; margin-top:20px;}
.hcst {padding-top:125px;}
.hcs1 {padding-bottom:125px /*100px*/; }

.imgblock {width:497px; height: 389px; position:absolute; top:0; left:-75px;}
.imgblock1 {width:497px /*445px*/; height: 389px /*330px*/; position:absolute; bottom:0; right:-75px; z-index: -1;}
.img-col2 {margin-top:20px;}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE BLOCK METHOD ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.hsme {padding:125px 15px;position:relative;}
.hrme {max-width:1470px; margin:0 auto;position:relative;}
.hrme1 {margin-bottom:40px;}
.hcme {}
.img-colh {width:460px; height: 320px /*612px*/; object-fit: cover; max-width:100%; /*width:296px; height: 218px;*/}


.img-hsme{background-image: url("images/rvs1.png");
	
	/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto /*625px*/;
	
  /* Set up positioning */
  /*position: fixed;*/
  top: 0;
  left: 0;

background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

.btn-cntn {/*padding:15px 15px;*/ font-size: 20px; /*background: var(--blue); color: var(--white);*/ margin-top:20px; }
.btn-cntn:hover {background: var(--black); color: var(--white);}
.btn-cntn:hover::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f061"; margin-right:10px;}



/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE BLOCK FAQ ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.hsf {padding:125px 15px 0px; position:relative;}
.hrf {max-width:1470px; margin:0 auto; position:relative; min-height:500px;}

.hcf {}
.imgblock2 {width:575px; height: 360px; position:absolute; bottom:0; left:-75px; z-index: -1;}

  
.accordion {border: none; padding-bottom: 100px; --bs-accordion-bg: transparant;}
.accordion-button:not(.collapsed) {background-color: transparent;}
.accordion-item {border: none;}
.accordion-button:not(.collapsed), .accordion-button { box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); color: var(--black);}
.accordion-button:focus {box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.accordion-button.collapsed::after {background: url("images/plus-solid.svg"); background-repeat: no-repeat;}
.accordion-button:not(.collapsed)::after {background: url("images/minus-solid.svg"); background-repeat: no-repeat;}
button.accordion-button {font-size: 26px; font-family: 'ff-scala-sans-pro', sans-serif !important; font-weight:300; background-color: transparent;}
h2.accordion-header {}

.btn-faq {/*padding:15px 15px;*/ font-size: 20px; }
.btn-faq:hover {background: var(--black); color: var(--white);}
.btn-faq:hover::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f061"; margin-right:10px;}




/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE BLOCK PAYOFF ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
.img-paof {background-image: url("images/payoff.webp");
	
		/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: 800px;
	
  /* Set up positioning */
  /*position: fixed;*/
  /*top: 0;*/
  /*left: 0;*/

background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}
.hsp { position:relative;}
.hrp {max-width:1470px; margin:0 auto; position:relative;  }

.hcp {position:absolute; top:400px; left:0;}



/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE BLOCK MAINTENANCE ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
.imgblock3 {width:405px; height: 535px; position:absolute; top:0; left:-75px;}

.hsma {  position:relative;}
.hrma {max-width:1470px; margin:0 auto; position:relative;  }
.hrma2 {max-width:1470px; margin:0 auto; position:relative;  }


.hcma1 {padding-top: 160px; padding-bottom: 160px;}
.hcma2 {padding-top: 160px; padding-bottom: 160px;}
.hcma2 a {text-decoration: none !important;}

.hcma-img-top {width:460px; height: 320px /*612px*/; object-fit: cover; max-width:100%; /*width:296px; height: 218px;*/}
.hcma-c, .hcme1, .hcme2 {padding-top: 15px;}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- PAGE STANDARD ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.psm {padding: 15px; border-bottom: 1px solid var(--black);}
.psst {}
.prst {margin: 0 auto; max-width: 970px /*1470px*/;}

.psst404 {padding-top:160px; padding-bottom: 160px;}
.psstcb {padding-top:160px;}




/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- PAGE METHOD ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.psme {}
.prme {margin: 0 auto; max-width: 970px /*1470px;*/; padding-bottom: 100px;}
.prme1 {margin: 0 auto; max-width: 970px /*1470px*/; padding-top: 250px; padding-bottom: 100px;}
.pcme1, .pcme2, .pcme3, .pcme4, .pcme5, .pcme6 {margin-bottom: 30px;}





/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- PAGE ABOUT ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.psab {}
.prab {margin: 0 auto; position:relative; }
.pcab, .pcab1 {position:relative;}
.ttlab {position:absolute; left:150px; /*top: 500px;*/ bottom:50px; }
.ttlab h2 {color: var(--white);}

.ps1ab {}
.pr1ab {margin: 0 auto; position:relative; max-width:1470px; padding-top: 100px; padding-bottom: 100px;}
.pc1ab1 h1 {color: var(--black);}
.pc1ab2 {padding-top: 15px;}



/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- PAGE MAINTENANCE ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.psma {position: relative; padding-top: 90px;}
.prma {max-width:970px /*1470px*/; margin:0 auto; position:relative;}
.pcma1 {padding-top:160px;padding-bottom:20px;}
.pcma2 {padding:20px 15px 160px 15px;}

.pcma-c {}
.pcma-img-top {width:460px; height: 320px /*612px*/; object-fit: cover; /* width:420px; height:299px;*/}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- PAGE CONTACT ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.psco {position: relative; padding-top: 250px; padding-bottom: 125px;}
.prco {max-width:970px /*1470px*/; margin:0 auto; position:relative;}
.pcco3 iframe {width: 600px; max-width:100%;}
.pcotxt, .pcotxt a {font-size: 20px;}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- SINGLE POST ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.sps {position: relative; padding-top: 250px; padding-bottom: 125px;}
.spr {max-width:970px /*1470px*/; margin:0 auto; position:relative;}

.sp-img-top {width:705px; height: 503px;}
.spc h1 {color: var(--black); font-size: 72px;}
.spctxt, .spctxt a {font-size: 20px;}









/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- FOOTER ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

.fs1 {border-top: 1px solid var(--black); padding: 0px 15px;}
.fr1 {max-width:1470px; margin:0 auto; padding-top:125px; padding-bottom: 50px /*125px*/;}

.fc11 {position:relative;}
.fc12a, .fc12b, .fc12c {float: right;}
.fc12-img1 {width:90px; }
.fc12-img2 {width:65px; }
.fc12-img3 {width:65px; margin-left:15px;}

.fc13 {border-left: 1px solid var(--grey); }
.fc13 .txt {margin-left: 15px;}
.fc13 .txt a {font-size: 20px; text-decoration: none; }
.fc13 .txt a:hover, .fc12 .txt a:active, .fc12 .txt a:focus  {text-decoration: underline !important ;  }
#fc13a, #fc13a a {font-size: 14px; text-decoration: none;}

.fc14 {border-left: 1px solid var(--grey); }
.fc14 .txt {margin-left: 15px;}
.fc14 .txt a {font-size: 14px; text-decoration: none; }
.fc14 .txt a:hover, .fc14 .txt a:active, .fc14 .txt a:focus  {font-size: 14px;  }
.fc14 .txt ul {padding-left: 0px !important;}
.fc14 .txt li {list-style: none;}
.fc14 .txt li a:hover, .fc14 .txt li a:active, .fc14 .txt li a:focus {text-decoration: underline !important ;}

.fs2 {padding: 0px 15px;}
.fr2 {max-width:1470px; margin:0 auto; text-align: center; border-top: 1px solid var(--lightgrey);}
.fc2 {padding: 10px 0px;} 
.fr2a {max-width:1470px; margin:0 auto; text-align: center;}

.back-to-top { cursor: pointer; position: fixed; bottom: 50px; right: 0px; opacity:0; background-color: unset; z-index: 999; padding: 10px;}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus { background-color: unset !important;}
.back-to-top-visible { opacity: 1; pointer-events: auto;}
.fa-circle-up {color: var(--black);}

/* small devices (mobile, 1200px and down) */
@media (max-width: 1600px) 
{ 
	.imgblock {left: -15px; padding-left: 0px;}
	.imgblock1 {right: -15px;padding-right: 0px;}
}


/* small devices (mobile, 1200px and down) */
@media (max-width: 1200px) 
{ 
	.hcma1 {padding-bottom:20px;}
	.hcma2 {padding-top:20px; padding-left: 0px; padding-right: 0px;}
}

@media (min-width: 992px) and (max-width: 1200px) 
{ 
	.hcmr {padding-left: 0px; padding-right: 0px;}
	.nav-link {margin: 7px 12px 5px;}
	.hrme1 {margin-top:40px;}
}


/* small devices (mobile, 1200px and down) */
@media (max-width: 1024px) 
{ 
	.bg, .img-hsme, .img-paof {max-width:1024px; min-width:100%;}
}


/* small devices (mobile, 1200px and down) */
@media (min-width: 992px) 
{ 
	.mobile {display:none;}
	
	
}

/* small devices (mobile, 1200px and down) */
@media (max-width: 991px) 
{ 

	.desktop, .tablet {display:none;}
	.hrme1 {/*margin-bottom: 14px;*/ margin-top:40px;}
	.hcme2, .hcme5 {/*padding: 0px !important;*/}
	.icon-bar {width: 100%; position: absolute; right: 15px; top: 0px /*12px*/; text-align: right; padding-top:5px; z-index:1;}
	.icon-bar a {/*margin-right:5px;*/}
	.btn-tel {margin-top:0px;}
	.hsmmob {padding:15px;}
	h1, h1.pg {font-size: 80px;}
	h2.paof {font-size: 40px;}
	.hcm1 {padding: 0px 15px;}
	.kub {left:53px;}
	.slo, .slowh {left: 33px;}
	.log, .logwh {left: 105px;}
	h2 {font-size: 50px;}
	.accordion-button {padding: 1.25rem 0rem;}
	.hcma2 {padding-left: 0px;}
	.hcma-c {padding:0px 15px; margin-bottom:40px;}
	.hcma-img-top {/*width: 991px; height: 450px*/ /*218px*/; object-fit: cover; margin-bottom: 20px; max-width: 100%;}
	h5.mact {margin: 0px ;}
	.hcma-img-top {margin-bottom: 20px; }
	.hcma1 {padding-top:60px;}
	.fc13, .fc14 {border-left: 0px; margin-top: 40px; padding-left: 0px;}
	
	.sp-img-top {width: 705px; height: 503px; object-fit: cover; max-width: 100%;}
	.psco {padding: 150px 15px 125px 15px;}
	.prme1, .psma {padding: 150px 0px 125px 0px;}
	.pcma1 {padding-top:0px;}
	.psme {padding-left:0px; padding-right: 0px;}
	.pcco1, .pcco2, .pcco3 {padding-left: 0px; padding-right: 0px;}
	.pcma-img-top {margin-bottom: 20px;}
	.pcma-c {padding: 0px 15px 20px;}
}	
	

@media (max-width: 699px) 
{
	
}
	
	
	

@media (max-width: 575px) 
{
	.hrme1 {margin-bottom: 0px;}
	.hcme1, .hcme2, .hcme3, .hcme4, .hcme5, .hcme6 {padding: 0px !important;}
	.img-fluid.img-col, .img-fluid.img-col2 {width: 575px; height: 200px; object-fit: cover; margin-bottom: 20px; margin-top:20px;}
	.img-fluid.img-colh {width: 575px; height: 400px; object-fit: cover; margin-bottom: 20px;}
	.hcma-img-top {width: 575px; height: 450px /*200px*/; object-fit: cover; margin-bottom: 20px; max-width: 100%;}
	.pcma-img-top {margin-bottom: 20px;}
	.hcma1, .hcma2 {padding-left: 0px; padding-right: 0px;}
	.icon-bardk {padding-right: 0px!important;}
	.icon-bar {right:0px; padding: 0px 5px;}
	.hcma-c {padding:0px 0px 20px;}
	.pcma-c {padding:0px 15px 20px;}
	.hcs1 {padding-bottom:0px;}
	.hcs {padding-top: 40px;}
	.sp-img-top {width: 575px; height: 403px; object-fit: cover;  max-width: 100%;}
	.pcco3 iframe {width: 575px; max-width:100%;}
	.prme1 {padding-bottom:0px;}
}

	

@media (max-width: 370px) 
{
	
	h1, h1.pg {font-size: 65px;}
	.lkmobile {display:none;}
}