/* sticky footer style */
html {
  position: relative;
  min-height: 100%;
  margin: 0;
  /*height: 100%;*/
}
body {
  margin: 0;
  height: 100%;
  font-weight: 300;
}
b {
  font-weight: bold;
}
footer {
  background-color: white;
  padding: 6px 0px;
  margin-top: 60px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.bg-grey {
  background-color: grey;
}
.main {
  position:relative;
  padding-bottom: 100px;
}
.bgGradient {
  height: 100%;
  background-position: top;
  background-image: url('../images/gradientCircular4.png');
  background-repeat: no-repeat;
  min-height: 930px;
}

.main > h1.emptyspace {
  height: 100px;
}
.prev-page {
  position:absolute;
  left:0px;
  top:400px;
}
.next-page {
  position:absolute;
  right:0px;
  top:400px;
}

.bgBasic {

  background: url('../images/bgBasic.png'), radial-gradient(circle, rgba(255,255,255,0.5), rgba(0,0,0,0.9));
}
/* ====================================================================================== */
/* =============================== START fundale START ================================== */
/* ====================================================================================== */

.bgBej {
  background-image: url(../images/bgBej.png),  radial-gradient(circle closest-side, rgba(100,100,100,1), rgba(242,223,165,0.9));
  /*background-image: url(../images/bgBej.png);*/
  background-position: top left;
  background-repeat: repeat;
  color: black;
}
.bgBej .border-y {
  border: 3px solid transparent;
  border-left: none;
  border-right: none;
  border-image: url(../images/nav_border.png) 3 repeat;
}
.bgBej .nav-link,
.bgBej .nav-link:focus,
.bgBej .nav-link:hover {
  color: black;
}

/************* verde ****************/

.bgVerde {
  background-image: url(../images/bgVerde.png);
  background-position: top left;
  background-repeat: repeat;
  color: white;
}
.bgVerde .border-y {
  border: 3px solid transparent;
  border-left: none;
  border-right: none;
  border-image: url(../images/nav_border_white.png) 3 repeat;
}
.bgVerde .nav-link {
  color: white;
}
.bgVerde li.nav-item.dropdown.show .nav-link,
.bgVerde li.nav-item.dropdown.show .nav-link:focus,
.bgVerde li.nav-item.dropdown.show .nav-link:hover {
  color: rgb(124, 129, 0);
}
.bgVerde .dropdown-item,
.bgVerde .dropdown-item:focus,
.bgVerde .dropdown-item:hover {
  color: rgb(124, 129, 0);
}
.bgVerde .dropdown-item:hover {
  background-color: rgb(231,226,223);
}

/************* galben ****************/

.bgGalben {
  background-image: url(../images/bgGalben.png);
  background-position: top left;
  background-repeat: repeat;
  color: black;
}
.bgGalben .border-y {
  border: 3px solid transparent;
  border-left: none;
  border-right: none;
  border-image: url(../images/nav_border.png) 3 repeat;
}
.bgGalben .nav-link {
  color: black;
}

/************* albastru ****************/

.bgAlbastru {
  background-image: url(../images/bgAlbastru.png);
  background-position: top left;
  background-repeat: repeat;
  color: white;
}
.bgAlbastru .border-y {
  border: 3px solid transparent;
  border-left: none;
  border-right: none;
  border-image: url(../images/nav_border_white.png) 3 repeat;
}
.bgAlbastru .nav-link {
  color: white;
}
.bgAlbastru li.nav-item.dropdown.show .nav-link,
.bgAlbastru li.nav-item.dropdown.show .nav-link:focus,
.bgAlbastru li.nav-item.dropdown.show .nav-link:hover,
.bgAlbastru .dropdown-item,
.bgAlbastru .dropdown-item:focus,
.bgAlbastru .dropdown-item:hover {
  color: rgb(0,169,187);
}
.bgAlbastru .dropdown-item:hover {
  background-color: rgb(231,226,223);
}

/************* albastru ****************/

.bgGri {
  background-image: url(../images/bgGri.png),  radial-gradient(circle closest-side, rgba(100,100,100,1), rgba(0,0,0,0.9));
  background-position: top left;
  background-repeat: repeat;
  color: white;
}
.bgGri .border-y {
  border: 3px solid transparent;
  border-left: none;
  border-right: none;
  border-image: url(../images/nav_border_white.png) 3 repeat;
}
.bgGri .nav-link {
  color: white;
}
.bgGri .nav-link.menu-callus {
  color: rgb(255,112,0);
}

/* ====================================================================================== */
/* ================================= END fundale END ==================================== */
/* ====================================================================================== */
nav ul.navbar-nav {
  justify-content: space-around;
}

.col-dot {
  width: 10px;
  font-weight: 900;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 22px;
}

nav a {
  font-family: 'lemondrop';
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
nav a.dropdown-toggle::after {
  display: none;
}
nav li.dropdown.show {
  background-color: white;
  border-top-color: black;
  border-bottom-color: black;
}

nav li a.dropdown-item:hover {
  background-color: #aaa;
}

nav .nav-home {
  width: 280px;
}

nav a.home {
  display: none;
}

nav li.nav-item a.menu-home {
  position:relative;
}
@media (max-width: 991.98px) { 

  nav .navbar-toggler,
  nav .navbar-toggler:focus {
    color: rgba(0, 0, 0);
    border: none;
    outline: none;
  }
  nav .navbar-togger:hover {
    color: rgba(0, 0, 0);
    outline: 1px solid rgba(0, 0, 0, 0.7);
  }

  nav.navbar {
    justify-content: normal;
  }

  nav a.home,
  nav a.home:focus,
  nav a.home:hover {
    color: black;
    text-decoration: none;
  }

  .bgVerde nav a.home,
  .bgVerde nav a.home:focus,
  .bgVerde nav a.home:hover,
  .bgAlbastru nav a.home,
  .bgAlbastru nav a.home:focus,
  .bgAlbastru nav a.home:hover,
  .bgGri nav a.home,
  .bgGri nav a.home:focus,
  .bgGri nav a.home:hover {
    color: white;
  }

  nav a.home {
    display: block;
    padding: 4px 10px;
    line-height: 1;
  }

  nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

  .bgVerde nav .navbar-toggler-icon,
  .bgGri nav .navbar-toggler-icon,
  .bgAlbastru nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

  
  nav li.nav-item a.menu-home {
    display: none;
  }
  nav ul.navbar-nav {
    display: block;
  }
  nav li.nav-item {
    display: block;
    position: relative;
  }
  nav li.nav-item.col-dot {
    display: none;
  }
}

img.fb-logo {
  width: 40px;
}
input.search {
  height: 32px;
  width: 228px;
  background-color: rgb(194,194,196);
  border: none;  
  background-image: url(../images/magnifier.png);
  background-repeat: no-repeat;
  background-position: 7px center;
  padding-left: 36px;
  color: white;
}

div.contact {
  position: relative;
  width:100px;
}
div.contact a.call {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
img.call {
  width:120px;
}

.content {
  font-size: 20px;
}
p.fontBig {
  font-size: 28px;
}
.h1-lemondrop {
  padding-left: 40px;
  font-family: 'lemondrop';
  font-size: 40px;
  letter-spacing: 2px;  
  text-transform: uppercase;
}
.h1-lemondrop-med {
  font-size: 34px;
}
.h1-lemondrop-med2small {
  font-size: 28px;
}
.h1-lemondrop-small {
  font-size: 20px;
  padding-left: 0px;
}
.center-column {
  width: 700px;
  margin: auto;
}
.h1-center {
  text-align: center;
  padding: 0px;
}

svg[video-src] {
  cursor: pointer;
}

/* ====================================================================================== */
/* ============================== START best-work START ================================= */
/* ====================================================================================== */

.rand {
  width: 820px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.rand .coloana-padding {
  /*flex-grow: 1;*/
}
.rand .coloana {
  height: 122px;
}

/* ====================================================================================== */
/* ================================ END best-work END =================================== */
/* ====================================================================================== */


/* ====================================================================================== */
/* ==================== START  satisfied-clients START ======================= */
/* ====================================================================================== */
.satisfied-clients {
  width: 951px;
  margin: auto;
}
.satisfied-clients .rand {
  width: auto;
}
/* ====================================================================================== */
/* ==================== END    satisfied-clients    END ======================= */
/* ====================================================================================== */

/* ====================================================================================== */
/* ============================== START call form START ================================= */
/* ====================================================================================== */
.call-phone {
  position: relative;
  margin: 0 auto;
  width: 630px;
}
.call-phone .stamp {
  width: 200px;
  position: absolute;
  z-index: 2;
  right: -100px;
  top: -60px;
}
.call-phone .big-phone {
  cursor: pointer;
}
.call-form {
  width: 630px;
  height: 500px;
  background-color: black;
  border-radius: 10px;
}
.grey-vbar {
  background-color: rgb(58,58,58);
  padding: 0px;
  width: 4px;
  height: 84%;
}
.nocolor-vbar {
  width: 4px;
  padding: 0px;
  background-color: transparent;
  height: 8%;
}
.p-left-30 {
  padding-left: 30px;
}
.p-right-30 {
  padding-right: 30px;
}
.above-partial {
  position: absolute;
  top: -60px;
  left: 30px;
}
.above-partial-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
}
.grey-hbar {
  background-color: rgb(58,58,58);
  height: 3px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.grey-hbar-below {
  padding: 0px;
  width: 90%;
  margin-top: 60px;
  margin-left: 5%;
}
.text-orange {
  color: rgb(255,112,0);
  font-size: 15px;
  font-weight: 500;
}
.form-control-orange {
  background-color: rgb(62,62,62);
  border: 0px;
  color: white;
  border-radius: 6px;
}
.form-control-orange:focus{ 
  background-color: rgb(255,112,0);
  box-shadow: none;
  color: white;
}
.pt-2-5 {
  padding-top: 11px;
}
.btn-orange {
  background-color: rgb(255,112,0);
  border: 0px;
  color: white;
  border-radius: 6px;
  font-size: 30px;
  padding: 0px 8px;
}
textarea.no-resize {
  resize: none;
}
/* ====================================================================================== */
/* ================================ END call form END =================================== */
/* ====================================================================================== */

/* ====================================================================================== */
/* ==================== START  satisfied-clients > brand START ======================= */
/* ====================================================================================== */
.brand-tv {
  position:relative;
  margin:auto;
  width:700px;
}
.brand-tv .logo-awesome {
  position:absolute;
  right:-91px;
  top:-116px;
}
.brand-tv .logo-awesome img {
  width: 250px;
}
.brand-tv .logo-quality {
  position:absolute;
  right:-78px;
  top:-114px;
}
.brand-tv .logo-quality img {
  width: 210px;
}

a.link,
a.link:hover,
a.link:visited {
  color: white;
  text-decoration: underline;
}
/* ====================================================================================== */
/* ==================== END    satisfied-clients > brand   END ======================= */
/* ====================================================================================== */

/* ====================================================================================== */
/* ============================== START tv player START ================================= */
/* ====================================================================================== */
/*
.covalact-container {
  position: relative;
  margin: 0px auto;
  width: 700px;
  height: 452px;
}
.covalact-container video {
  position: absolute;
  top: 60px;
  left: 130px;
}
*/
.tv-player {
  position: relative;
  margin: 0px auto;
  width: 700px;
  height: 452px;
  display: flex;
  flex-direction: column;
}
.tv-player .tv-top,
.tv-player .tv-bottom,
.tv-player .tv-middle-left,
.tv-player .tv-middle-right {
  z-index: 2;
  position: relative;
}
.tv-player video {
  z-index: 1;
  position: absolute;
  left: 125px;
  top: 56px;
  background-color: black;
}
.tv-player .tv-top {
  width: 700px;
  height: 60px;
  background-image: url('../images/bigTv3Gol.png');
  background-clip: content-box;
  background-position: top left;
}
.tv-player .tv-bottom {
  width: 700px;
  height: 145px;
  background-image: url('../images/bigTv3Gol.png');
  background-clip: content-box;
  background-position: bottom left;
}
.tv-player .tv-middle {
  width: 700px;
  height: 247px;
  display: flex;
  flex-direction: row;
}
.tv-player .tv-middle-left {
  width: 140px;
  height: 247px;
  background-image: url('../images/bigTv3Gol.png');
  background-clip: content-box;
  background-position: left -60px;
}
.tv-player .tv-screen {
  z-index: 0;
  width: 318px;
  height: 247px;
}
.tv-player .tv-middle-right {
  width: 242px;
  height: 247px;
  background-image: url('../images/bigTv3Gol.png');
  background-clip: content-box;
  background-position: right -60px;
}


/* ====================================================================================== */
/* ================================ END tv player END =================================== */
/* ====================================================================================== */

/* ====================================================================================== */
/* ======================= START tv player full page 900 START ========================== */
/* ====================================================================================== */
.tv-full-player-900 {
  position: relative;
  margin: 0px auto;
  width: 900px;
  height: 616px;
  display: flex;
  flex-direction: column;
}
.tv-full-player-900 .top,
.tv-full-player-900 .bottom,
.tv-full-player-900 .middle-left,
.tv-full-player-900 .middle-right {
  z-index: 2;
  position: relative;
}
.tv-full-player-900 video {
  z-index: 1;
  position: absolute;
  left: 132px;
  top: 70px;
  background-color: black;
  width: 503px;
  height: 397px;
}
.tv-full-player-900 .top {
  width: 900px;
  height: 86px;
  background-image: url('../images/bigTvFullPageGol900.png');
  background-clip: content-box;
  background-position: top left;
}
.tv-full-player-900 .bottom {
  width: 900px;
  height: 169px;
  background-image: url('../images/bigTvFullPageGol900.png');
  background-clip: content-box;
  background-position: bottom left;
}
.tv-full-player-900 .middle {
  width: 900px;
  height: 361px;
  display: flex;
  flex-direction: row;
}
.tv-full-player-900 .middle-left {
  width: 164px;
  height: 361px;
  background-image: url('../images/bigTvFullPageGol900.png');
  background-clip: content-box;
  background-position: left -86px;
}
.tv-full-player-900 .screen {
  z-index: 0;
  width: 444px;
  height: 361px;
}
.tv-full-player-900 .middle-right {
  width: 292px;
  height: 361px;
  background-image: url('../images/bigTvFullPageGol900.png');
  background-clip: content-box;
  background-position: right -86px;
}
.tv-full-player-900 .middle-right .next-video {
  position: absolute;
  right: 87px;
  top: 82px;
  z-index: 4;
}
.tv-full-player-900 .middle-right .prev-video {
  position: absolute;
  right: 87px;
  top: 212px;
  z-index: 4;
}
.tv-full-player-900 .middle-right .next-video .button-next,
.tv-full-player-900 .middle-right .prev-video .button-prev {
  width: 50px;
  cursor: pointer;
}
.tv-full-player-900 .middle-right .next-video:hover .button-next,
.tv-full-player-900 .middle-right .prev-video:hover .button-prev {
  border-radius: 25px;
  box-shadow: 0 0 20px 0px #000;
  -webkit-box-shadow: 0 0 20px 0px #000;
  -moz-box-shadow: 0px 0px 20px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Glow(color='black', Strength='7')  
}
/* ====================================================================================== */
/* ========================= END tv player 900 full page END ============================ */
/* ====================================================================================== */

/* ====================================================================================== */
/* ========================= START tv player full page START ============================ */
/* ====================================================================================== */
.tv-full-player {
  position: relative;
  margin: 0px auto;
  width: 1070px;
  height: 724px;
  display: flex;
  flex-direction: column;
}
.tv-full-player .top,
.tv-full-player .bottom,
.tv-full-player .middle-left,
.tv-full-player .middle-right {
  z-index: 2;
  position: relative;
}
.tv-full-player video {
  z-index: 1;
  position: absolute;
  left: 173px;
  top: 105px;
  background-color: black;
  width: 552px;
  height: 422px;
}
.tv-full-player .top {
  width: 1070px;
  height: 105px;
  background-image: url('../images/bigTvFullPageGol.png');
  background-clip: content-box;
  background-position: top left;
}
.tv-full-player .bottom {
  width: 1070px;
  height: 197px;
  background-image: url('../images/bigTvFullPageGol.png');
  background-clip: content-box;
  background-position: bottom left;
}
.tv-full-player .middle {
  width: 1070px;
  height: 422px;
  display: flex;
  flex-direction: row;
}
.tv-full-player .middle-left {
  width: 173px;
  height: 422px;
  background-image: url('../images/bigTvFullPageGol.png');
  background-clip: content-box;
  background-position: left -105px;
}
.tv-full-player .screen {
  z-index: 0;
  width: 552px;
  height: 422px;
}
.tv-full-player .middle-right {
  width: 345px;
  height: 422px;
  background-image: url('../images/bigTvFullPageGol.png');
  background-clip: content-box;
  background-position: right -105px;
}
.tv-full-player .middle-right .next-video {
  position: absolute;
  left: 182px;
  top: 98px;
  z-index: 4;
}
.tv-full-player .middle-right .prev-video {
  position: absolute;
  left: 182px;
  top: 255px;
  z-index: 4;
}
.tv-full-player .middle-right .next-video .button-next,
.tv-full-player .middle-right .prev-video .button-prev {
  width: 50px;
  cursor: pointer;
}
.tv-full-player .middle-right .next-video:hover .button-next,
.tv-full-player .middle-right .prev-video:hover .button-prev {
  border-radius: 25px;
  box-shadow: 0 0 20px 0px #000;
  -webkit-box-shadow: 0 0 20px 0px #000;
  -moz-box-shadow: 0px 0px 20px 0px #000;
  filter:progid:DXImageTransform.Microsoft.Glow(color='black', Strength='7')  
}
/* ====================================================================================== */
/* =========================== END tv player full page END ============================== */
/* ====================================================================================== */


/* ====================================================================================== */
/* ======================== START full-page > covalact START ============================ */
/* ====================================================================================== */
.tv-full-player .logo-awesome {
  position:absolute;
  right:-91px;
  top:-116px;
  z-index: 3;
}
.tv-full-player .logo-awesome img {
  width: 250px;
}

.gerovital-tv-full.tv-full-player .brand-text,
.giusto-tv-full.tv-full-player .brand-text {
  position:absolute;
  top: -76px;
  left: -60px;
}
.tv-full-player .logo-quality {
  position:absolute;
  right:-91px;
  top:-129px;
  z-index: 3;
}
.tv-full-player .logo-quality img {
  width: 232px;
}

/* ====================================================================================== */
/* ======================== END  full-page > covalact  END ============================ */
/* ====================================================================================== */

/* staff page */
.people-row {
  display: flex;
  justify-content: space-evenly;
}
.person-image {
  border: 3px solid white;
  border-radius: 10px;
  width: 200px;
  height: 238px;
  overflow: hidden;
  box-shadow: 5px 5px 5px rgba(60, 60, 60, 0.5);
}
.person-image img {
  width: 200px;
}
.person p {
  padding-top: 10px;
  font-size: 24px;
  margin-bottom: 10px;
}
.hline {
  width: 140px;
  height: 0px;
  border: 1px solid white;
}
.person-fullpage {
  margin: 0px 80px;
}
.person-fullpage .h1-lemondrop {
  padding-left: 0px;
  margin-bottom: 0px;
}
.person-fullpage .fontBig {
  padding-top: 0px;
  line-height: 30px;
  margin-bottom: 15px;
}
.person-fullpage .person-body {
  margin-top: 20px;
  display: flex;
}
.person-fullpage .person-body ul {
  list-style: none;
  padding: 0px;
}
.person-body .width-full {
  flex-grow: 1;
}
.person-body .align-bottom {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  margin-left: 10px;
}
.person-fullpage .person-image {
  width: 300px;/*240px;*/
  height: 356px;/*285px;*/
  margin-bottom: 20px;
}
.person-fullpage .person-image img {
  width: 300px;/*240px;*/
}
.person-body .align-bottom .hline {
  margin-left: auto;
}