/* ----------------------------------------------- General */ 
:root {
  --body-font-size:16px;
  --font1: "Ubuntu", sans-serif;
  --font2: "Ubuntu", sans-serif;
  --activeColor:#E7AB4E;
  --activeColorHover:#FFB542;
  --white:#FFF;
  --white50:rgb(255 255 255 /50%);
  --border-light: rgb(255 255 255 / 10%);
  --white10: rgb(255 255 255 / 10%);
  --white20: rgb(255 255 255 / 20%);
  --white5: rgb(255 255 255 / 5%);
  --beige: #f7f4ef;
  --black:#000;
  --black5:rgb(0 0 0 /5%);
  --black10:rgb(0 0 0 /10%);
  --black20:rgb(0 0 0 /20%);
  --black40:rgb(0 0 0 /40%);
  --black50:rgb(0 0 0 /50%);
  --black60:rgb(0 0 0 /60%);
  --black70:rgb(0 0 0 /70%);
  --black80:rgb(0 0 0 /80%);
  --antracite:#3D3C3B;
  --antracite2:#313131;
  --brandgrey:#E3DFDD;
  --lightgrey:#f8f9fa;
  --shadowgrey:#c9c9c9;
  --linegrey:#f0f0f0;
  --superlightgrey:#f5f5f5;
  --mediumgrey:#c9c9c9;
  --grey:#666;
  --success:#e9f7d9;
  --green:#39b43d;
  --red:#ff0033;
  --gold:#E7AB4E;
  --gold20:rgb(231 171 78 / 20%);
  --goldHover:#FFB542;
  --slideHeight: 600px;
}


.activeColor{
  color: var(--activeColor);
}


.preTitle{
  text-transform: uppercase;
  letter-spacing: 2px;
}

.bt{
  border-top: 1px solid var(--white20);
}

.bb{
  border-bottom: 1px solid var(--white20);
}
.bl{
  border-left: 1px solid var(--white20);
}
.br{
  border-right: 1px solid var(--white20);
}

.bg--gold{
  background: var(--brandgrey);
}
.bg--black,.bgB{
  background: var(--black);
}
.bg--brandgrey{
  background: var(--brandgrey);
}
.bgG{
  background: var(--superlightgrey);
}

.bGold{
  border:1px solid var(--gold);
}

.bbr30{
  border-bottom-right-radius: 30px;
}

.bgLightGreyArrow{
  background: url(../img/bgLightGrey.png)repeat top left;
  background-size: 70px;
  min-height: 100px;
}

.wmc{
  width: max-content;
}

.gold{
  color:var(--gold) !important;
}

.r30{
  border-radius: 30px;
}





/* General style */

body{
    background: var(--black);
    font-family: var(--font1);
    font-weight: 300;
    font-size: 17px;
    color: var(--white);
}

.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6{
  color: var(--black);
  font-weight: 600;
}
strong{
  font-weight: bolder;
}

h1.extra{
  font-size: 50px;
}

h2.extra,.h2.extra{
  font-size: 40px;
}

.lh1{
  line-height: 1.06;
}

.spaced{
  letter-spacing: 2px;
}

a:link,
a:visited{
  color: var(--activeColor);
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

a:hover{
  color: var(--activeColorHover);
/*  opacity: 0.7;*/
  text-transform: none;
}

input[type="submit"].cta-standard,
button.cta-standard,
a.cta-standard{
  background: var(--gold);
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  padding: 7px 20px;
  border: 0;
  border-radius: 8px;
  width: max-content;
  transition: all 0.3s ease-in-out;
  display: block;
}
input[type="submit"].cta-standard:hover,
button.cta-standard:hover,
a.cta-standard:hover{
  background: var(--goldHover);
  transition: all 0.3s ease-in-out;
}

input[type="submit"].cta-standard-white,
button.cta-standard-white,
a.cta-standard-white{
  background: var(--white);
  color: var(--bluebrand);
  font-weight: 400;
  font-size: 16px;
  padding: 7px 20px;
  border: 0;
  border-radius: 8px;
  width: max-content;
  transition: all 0.3s ease-in-out;
  display: block;
}
input[type="submit"].cta-standard-white:hover,
button.cta-standard-white:hover,
a.cta-standard-white:hover{
  background: var(--blue);
  color: var(--white);
  transition: all 0.3s ease-in-out;
}

input[type="submit"].cta-standard-black,
button.cta-standard-black,
a.cta-standard-black{
  background: var(--black);
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  padding: 7px 20px;
  border: 0;
  border-radius: 8px;
  width: max-content;
  transition: all 0.3s ease-in-out;
  display: block;
}
input[type="submit"].cta-standard-black:hover,
button.cta-standard-black:hover,
a.cta-standard-black:hover{
  background: var(--black50);
  color: var(--white);
  transition: all 0.3s ease-in-out;
}



input[type="submit"].cta-standard-outline,
button.cta-standard-outline,
a.cta-standard-outline{
  background: transparent;
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  padding: 7px 20px;
  border: 1px solid var(--white);
  border-radius: 8px;
  width: max-content;
  transition: all 0.3s ease-in-out;
  display: block;
}
input[type="submit"].cta-standard-outline:hover,
button.cta-standard-outline:hover,
a.cta-standard-outline:hover{
  background: var(--white);
  border: 1px solid var(--white);
  color: var(--black);
  transition: all 0.3s ease-in-out;
}

input[type="submit"].cta-standard-outline-black,
button.cta-standard-outline-black,
a.cta-standard-outline-black{
  background: transparent;
  color: var(--black);
  font-weight: 400;
  font-size: 16px;
  padding: 7px 20px;
  border: 1px solid var(--black);
  border-radius: 8px;
  width: max-content;
  transition: all 0.3s ease-in-out;
  display: block;
}
input[type="submit"].cta-standard-outline-black:hover,
button.cta-standard-outline-black:hover,
a.cta-standard-outline-black:hover{
  background: var(--black);
  border: 1px solid var(--black);
  color: var(--white);
  transition: all 0.3s ease-in-out;
}



input[type="submit"].cta-standard-outline-gold,
button.cta-standard-outline-gold,
a.cta-standard-outline-gold{
  background: transparent;
  color: var(--gold);
  font-weight: 400;
  font-size: 16px;
  padding: 7px 20px;
  border: 1px solid var(--gold);
  border-radius: 8px;
  width: max-content;
  transition: all 0.3s ease-in-out;
  display: block;
}
input[type="submit"].cta-standard-outline-gold:hover,
button.cta-standard-outline-gold:hover,
a.cta-standard-outline-gold:hover{
  background: var(--gold);
  border: 1px solid var(--gold);
  color: var(--white);
  transition: all 0.3s ease-in-out;
}



input[type="submit"].cta-standard-white.big,
button.cta-standard-white.big,
a.cta-standard-white.big,
input[type="submit"].cta-standard.big,
button.cta-standard.big,
a.cta-standard.big,
input[type="submit"].cta-standard-outline.big,
button.cta-standard-outline.big,
a.cta-standard-outline.big{
  font-size: 18px;
  padding: 12px 8px;
  display: block;
}

input[type="submit"].cta-standard.long,
button.cta-standard.long,
a.cta-standard.long,
input[type="submit"].cta-standard-outline.long,
button.cta-standard-outline.long,
a.cta-standard-outline.long{
  width: 100%;
  text-align: center;
}


ul.goldCheck,
ul.blackCheck{
  margin:0;
  padding:0;
  list-style: none;
}

ul.blackCheck li{
  margin-bottom: 20px;
  background: url(../img/check-circle-black.svg)no-repeat top left;
  padding-left: 40px;
}

ul.goldCheck li{
  margin-bottom: 20px;
  background: url(../img/check-circle-gold.svg)no-repeat top left;
  padding-left: 40px;
}



#full_top_nav{
  padding:15px;
  border-bottom: 1px solid rgb(255 255 255 / 0.25);
}

#full_top_nav.fixed-top{
  position: fixed !important;
  top: 0 !important;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}


.top_nav_wrapper .top_nav ul.top_Menu{
  margin:0;
  padding:0;
  list-style: none;
  display: flex;
}

.top_nav_wrapper .top_nav ul.top_Menu ul{
  margin:0;
  padding:0;
  list-style: none;
}


.top_nav_wrapper .top_nav ul.top_Menu > li > a{
  color: var(--white);
  padding: 10px 24px;
  border-radius: 8px;
}

.top_nav_wrapper .top_nav ul.top_Menu > li > a.active{
  color: var(--gold);
}

.top_nav_wrapper .top_nav ul.top_Menu > li.hasChild > a{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}





.top_nav_wrapper .top_nav ul.top_Menu > li:hover > a,
.top_nav_wrapper .top_nav ul.top_Menu > li > a:hover{
  color: var(--black);
  background: var(--white);
}


.top_nav_wrapper .top_nav ul.top_Menu li.hasChild > a.mobile{
  display: none;
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapperFit{
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
}



.top_nav_wrapper .top_nav ul.top_Menu li.hasChild:hover .subMenuWrapper,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild > a:hover + .subMenuWrapper{
  opacity: 1;
  visibility: visible;
  transition: all 0.15s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild:hover .subMenuWrapperFit,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild > a:hover + .subMenuWrapperFit{
  opacity: 1;
  visibility: visible;
  transition: all 0.15s ease-in-out;
}



.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper{
  position: absolute;
  width: 80%;
  background: var(--white);
  top: 46px;
  left: 50%;
  transform: translate(-50%, 0%);
  border-radius: 15px;  
  z-index: 10;
  overflow: hidden;
}


.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1{
  width: 100%;
  display: flex;
  align-items: start;
  padding: 15px;
}
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow2{
  width: 100%;
  background: var(--gold);
  color: var(--black);
  padding: 20px;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper + .subSubSubMenuWrapper,
.top_nav_wrapper .top_nav .advWidget{
  width: 25%;
  height: 360px;
  overflow: auto;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper + .subSubSubMenuWrapper{
  padding: 0 20px;
}



.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapperFit{
  position: absolute;
  width:max-content;
  background: var(--white);
  top: 46px;
  border-radius: 15px;  
  z-index: 10;
  overflow: hidden;
  border-top-left-radius: 0;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapperFit .subMenuWrapperRow1 > .subMenu{
  width: 100%;
  height: auto;
  overflow: auto;
  padding: 20px;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapperFit .subMenuWrapperRow1 > .subMenu a{
  color: var(--black);
  font-weight: 400 ;
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 8px;
  display: block;
  background: var(--white);
  background-size: 15px;
  transition: all 0.3s ease-in-out;
}
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapperFit .subMenuWrapperRow1 > .subMenu a:hover{
  color: var(--gold);
  background: var(--black);
  transition: all 0.3s ease-in-out;
}



.top_nav_wrapper .top_nav .advWidget{
  border:1px solid var(--black);
  border-radius: 20px;
  color: var(--black);
  display: flex;
  align-items: end;
  overflow: hidden;
}

.top_nav_wrapper .top_nav .advWidget a{
  display: block;
  width: 100%;
  height: 100%;
  color: var(--black);
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav .advWidget a:hover,
.top_nav_wrapper .top_nav .advWidget a:hover h5{
  color: var(--activeColor) !important;
  transition: all 0.3s ease-in-out;
}


.top_nav_wrapper .top_nav .advWidget .advWrapper{
  padding: 20px;
  width: 100%;
}


.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu > li{
  margin-bottom: 5px;
  width: 98%;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a{
  background: var(--white);
  border-radius: 8px;
  padding: 8px 30px 8px 8px;
  display: block;
  background: url(../img/ico-arrow-omega.svg)no-repeat 110% center var(--white);
  background-size: 15px;
  transition: all 0.3s ease-in-out;
}


.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li a > .bu img{
  width: 50px;
  height: 50px;
  border-radius: 4px;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a .bu .bu_title{
  font-size: 13px;
  text-transform: uppercase;
  color: var(--black);
  font-weight: 900;
  line-height: 1.2em;
  transition: all 0.3s ease-in-out;

}
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a .bu .bu_description{
  font-size: 12px;
  color: var(--black);
  line-height: 1.2em;
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a:hover,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a.active{
  background: url(../img/ico-arrow-omega.svg)no-repeat 95% center var(--black);
  background-size: 8px;
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a:hover .bu .bu_title,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a.active .bu .bu_title{
  color: var(--activeColor);
  transition: all 0.3s ease-in-out;
}
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a.active:hover .bu .bu_title{
  color: var(--activeColorHover);
  transition: all 0.3s ease-in-out;
}


.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a:hover .bu .bu_description,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu li > a.active .bu .bu_description{
  color: var(--white);
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper .subSubMenuBox,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper + .subSubSubMenuWrapper .subSubSubMenuBox{
  display: none;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper .subSubMenuBox a,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper + .subSubSubMenuWrapper .subSubSubMenuBox a{
  color: var(--black);
  font-weight: 900 ;
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 8px;
  display: block;
  background: url(../img/ico-arrow-omega.svg)no-repeat 110% center var(--white);
  background-size: 15px;
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper > .subMenu + .subSubMenuWrapper .subMenuWrapperRow1 + .subSubSubMenuWrapper .subSubSubMenuBox a{
  font-size: 11px;
  transition: all 0.3s ease-in-out;
}



.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper .subSubMenuBox a:hover,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper .subSubMenuBox a.active,
.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper + .subSubSubMenuWrapper .subSubSubMenuBox a:hover{
  color: var(--gold);
  background: url(../img/ico-arrow-omega.svg)no-repeat 95% center var(--black);
  background-size: 8px;
  transition: all 0.3s ease-in-out;
}

.top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper .subSubMenuBox li{
  margin-bottom: 5px;
} 



.full_top_nav_wrapper .utility{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.full_top_nav_wrapper .utility .langWdgt{
  position: relative;
}

.full_top_nav_wrapper .utility .langWdgt .langToggler{
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--white);
  position: relative;
  cursor: pointer;
}

.full_top_nav_wrapper .utility .langWdgt .langToggler:after{
  content: "";
  width: 10px;
  height: 10px;
  top: 14px;
  right: -5px;
  background-image: url(../img/ico-arrow-lang.svg);
  background-repeat: no-repeat;
  background-position:center center;
  background-size: 10px;
  position: absolute;
  z-index: 2;
}

.full_top_nav_wrapper .utility .langWdgt .langWrapper{
  position: absolute;
  top: 22px;
  left: -14px;
  width: max-content;
  z-index: 2;
  padding: 3px 6px;
  border-radius: 8px;
  background: var(--white50);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.full_top_nav_wrapper .utility .langWdgt .langToggler:hover + .langWrapper,
.full_top_nav_wrapper .utility .langWdgt .langWrapper:hover {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}


.full_top_nav_wrapper .utility .langWdgt .langWrapper .langRow{
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 12px;
  color: var(--black);
  padding: 3px 8px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.full_top_nav_wrapper .utility .langWdgt .langWrapper .langRow:hover{
  background: var(--white50);
  transition: all 0.3s ease-in-out;
} 


.full_top_nav_wrapper .utility .langWdgt .langToggler img,
.full_top_nav_wrapper .utility .langWdgt .langWrapper .langRow img{
  width: 18px;
  border-radius: 4px;
  margin-right: 5px;
}



.full_top_nav_wrapper .utility .ctaWdgt a{
  font-size: 14px;
}

.full_top_nav_wrapper .mainlogo a{
  display: block;
}

.full_top_nav_wrapper .utility .accountWdgt a{
  color: var(--white);
}

.full_top_nav_wrapper .utility .accountWdgt a:hover{
  color: var(--gold);
}



#hamburgerWrap{
 display: none;
 margin-left: 20px;
}
#hamburgerWrap #hamburger{
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: relative;
  padding-top: 13px;
  cursor: pointer;
}
#hamburgerWrap #hamburger .line{
  width: 40px;
  height: 2px;
  display: block;
  background: var(--white);
  transition: all 0.3s cubic-bezier(0.32, 0.4, 0.55, 1.27);
}
#hamburgerWrap #hamburger .line:last-child{
  margin-top: 9px;
}

#hamburgerWrap #hamburger.is-active .line{
  width: 40px;
  height: 2px;
  display: block;
  background: var(--white);
  transition: all 0.3s cubic-bezier(0.32, 0.4, 0.55, 1.27);
}

#hamburgerWrap #hamburger.is-active .line:first-child{
  margin-top: 5px;
  transform: rotate(-30deg);
}

#hamburgerWrap #hamburger.is-active .line:last-child{
  transform: rotate(30deg);
  margin-top: -3px;
}

footer{
  border-top: 1px solid rgb(255 255 255 / 0.25);
}


ul.folderList{
  margin:0;
  padding: 0;
  list-style: none;
}







.folderList a.folder{
  padding: 15px 15px 15px 60px;
  background: url(../img/ico-reserved-big-folder.svg)no-repeat 10px 20px ;
  background-size: 30px;
  border-bottom: 1px solid var(--white20);
  display: block;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.folderList a.folder.hasChild:after{
  content:"+";
  font-size: 20px;
  color: var(--lightgrey);
  position: absolute;
  right: 25px;
  top:20px;
  z-index: 2;
}

.folderList a.folder.hasChild.expanded{
  border-bottom: 0;
}

.folderList a.folder.hasChild.expanded:after{
  content:"-";
  font-size: 20px;
  color: var(--lightgrey);
  position: absolute;
  right: 25px;
  top:20px;
  z-index: 2;
}

.folderList li:last-child a.folder{
  border-bottom: 0;
}
.folderList a.folder .title{
  color: var(--lightgrey);
  font-size: 16px;
}
.folderList a.folder .fileCounter{
  color: var(--mediumgrey);
  font-size: 12px;
}

.folderList a.folder:hover,
.folderList a.folder.active{
  padding: 15px 15px 15px 80px;
  border-bottom: 1px solid var(--gold);
  background: url(../img/ico-reserved-big-folder-on.svg)no-repeat 10px 20px var(--gold20);
  background-size: 40px;
  transition: all 0.3s ease-in-out;
}
.folderList a.folder:hover .title{
  color: var(--gold);
}
.folderList a.folder:hover .fileCounter{
  color: var(--white);
}

.folderList a.folder.hasChild ~ ul{
  /*display: none;*/
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.folderList a.folder.hasChild.expanded ~ ul{
  /*display: block;*/
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}


.folderList ul {
  list-style: none;
  margin: 0;
  margin-left: 10px;
  padding: 0;
}

.folderList a.subfolder{
  padding: 7px 7px 7px 40px;
  background: url(../img/ico-reserved-big-folder.svg)no-repeat 15px 15px;
  border-bottom: 1px solid transparent; 
  background-size: 15px;
  display: block;
  color: var(--lightgrey);
  transition: all 0.3s ease-in-out;
  position: relative;
} 

.folderList a.subfolder:hover,
.folderList a.subfolder.active{
  padding: 7px 7px 7px 50px;
  border-bottom: 1px solid var(--gold);
  background: url(../img/ico-reserved-big-folder-on.svg)no-repeat 15px 10px var(--gold20);
  background-size: 20px;
  border-bottom: 1px solid var(--gold);
  transition: all 0.3s ease-in-out;
}


.folderList a.subfolder.hasChild:after{
  content:"+";
  font-size: 14px;
  color: var(--lightgrey);
  position: absolute;
  right: 25px;
  top:10px;
  z-index: 2;
}

.folderList a.subfolder.hasChild.expanded:after{
  content:"-";
  font-size: 14px;
  color: var(--lightgrey);
  position: absolute;
  right: 25px;
  top:10px;
  z-index: 2;
}


.folderList a.subfolder.hasChild ~ ul{
  /*display: none;*/
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.folderList a.subfolder.hasChild.expanded ~ ul{
  /*display: block;*/
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}


.folderList a.folder.hasChild.expanded + ul{
  border-bottom: 1px solid var(--white20);
  margin-left: 0;
}


/* search */

.fixed-table-toolbar .float-left.search.btn-group{
  width: 100%;
}
#resultTable input.form-control.search-input{
  background: var(--black);
  border: 1px solid var(--gold);
  width: 100% !important;
  color: var(--white);
}

#resultTable input.form-control.search-input::placeholder{
  color: var(--grey);
}

#resultTable .bootstrap-table .fixed-table-container.fixed-height .fixed-table-border,
#resultTable .bootstrap-table .fixed-table-container.fixed-height:not(.has-footer){
  border:0;
}

#resultTable th, #resultTable td{
  font-size: 16px;
}




form.customForm .form-label{
  text-transform: uppercase;
  letter-spacing: 2px;
}
form.customForm input.form-control,
form.customForm textarea,
form.customForm select.form-select{
  background: var(--black);
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--gold); 
  color: var(--white);
}


form.customForm input.form-control:focus,
form.customForm textarea:focus{
  background: var(--black);
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--goldHover); 
  color: var(--white);
}

form.customForm input.form-control::placeholder{
  color: var(--grey);
}



/* ----------- Media Query  ----------- */


@media (min-width: 1400px) {

}

@media (max-width: 1240px) {
  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper{
    position: absolute;
    width: 98%;
  }
  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu,
  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper,
  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper + .subSubSubMenuWrapper{
    width: 33%;
    height: 360px;
    overflow: auto;
  }
  .top_nav_wrapper .top_nav .advWidget{
    display: none;
  }
}

@media (max-width: 1024px) {
  
  .breadcrump{
    display: none;
  }

  ul.hashLnks li a {
    font-size: 24px;
    position: relative;
  }


}

@media (max-width: 992px) {
  .top_nav_wrapper{
    display: none;
  }
  #hamburgerWrap{
   display: block;
  }
  .full_top_nav_wrapper .utility .ctaWdgt{
    display: none;
  }
  #HeroVideoNewOwl .owl-nav {
    background-size: 80%;
    background-position-y: 36px;
  }
}


@media (max-width: 768px) {
  
  .top_nav_wrapper .top_nav ul.top_Menu > li > a{
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    padding: 20px;
    display: block;
  }

  .top_nav_wrapper .top_nav ul.top_Menu > li.hasChild > a:not(.mobile){
    display: none;
  }
  .top_nav_wrapper .top_nav ul.top_Menu > li.hasChild > a.mobile{
    display: flex;
    justify-content: space-between;
    align-items: start;
  }

  .top_nav_wrapper .top_nav ul.top_Menu > li.hasChild > a.mobile.active .caretLeft{
    transform: rotate(-90deg);
    transition: all 0.3s ease-in-out;
  }

  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper{
    position: relative;
    top: initial;
    background: initial;
    padding: 0;
    display: none;
    width: 100%;
  }

  .top_nav_wrapper .top_nav ul.top_Menu > li.hasChild > a.mobile.active + .subMenuWrapper{
    display: block;
  }

  .top_nav_wrapper .top_nav ul.top_Menu > li.hasChild > a.mobile.active + .subMenuWrapper li{
    border-bottom: none;
    padding:0 30px;
  }

  .top_nav_wrapper{
    display: none;
  }

  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 {
    padding: 15px 0;
  }

  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow2{
    display: none;
  }

  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu{
    width: 100%;
    height: initial;
  }

  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper, 
  .top_nav_wrapper .top_nav ul.top_Menu li.hasChild .subMenuWrapper .subMenuWrapperRow1 > .subMenu + .subSubMenuWrapper + .subSubSubMenuWrapper, 
  .top_nav_wrapper .top_nav .advWidget{
    display: none;
  }        


  .top_nav_wrapper.is-active {
    display: block;
    position: absolute;
    top: 50px;
    width: 100%;
    top: 62px;
    z-index: 100;
    background: var(--white);
    left: 0;
    padding: 20px;
  }
  .top_nav_wrapper.is-active .top_nav,
  .top_nav_wrapper.is-active .top_nav ul.top_Menu{
    display: initial;
  }
  .top_nav .top_Menu li{
    border-bottom: 1px solid var(--linegrey);
  }

  .top_nav .top_Menu li:last-child{
    border-bottom: 0;
  }

  .top_nav .top_Menu li > a {
    padding: 15px 10px;
    font-size: 16px;
    line-height: 1em;
  }




}


@media (max-width: 767px){

}

@media (max-width: 575px) {

}