.active {background-color:#ce3c3e;}
          .hide {display: none;}
          .display {display: block !important;}
          .oblig {background-color:#222e3c;color:#ffffff;padding-bottom: 0px;padding-top: 0px;}
          .fixinfoc {padding-left: 20px;padding-right: 20px;padding-top: 30px;padding-bottom: 0px;}
          .pasi {background-color:#282e70;color:#ffffff;padding-bottom: 7px;margin-top: 25px;transition: all ease 1s;-webkit-transition: all ease 1s;-moz-transition: all ease 1s;-o-transition: all ease 1s;}
          .maindivs {border:0px;}
          .fixmaindivs {padding-bottom: 40px;}
          .boxmsg {border:1px solid #222e3c;}
          .buton {width:200px;font-size:1.2em;background-color:#222e3c !important;margin-left:auto;margin-right:auto;display: block;margin-top: 30px;}
          .butoncalc {width:225px;font-size:1.2em;background-color:#222e3c !important;margin-left:auto;margin-right:auto;display: block;margin-bottom: 30px;}
          #infocontact, #infoplecare, #infososire, #infomutare {cursor: pointer;}
          .inputreset {background-color:#2fc165;border:none;}
          .field {width:25px;text-align: center;}
          .volumdiv {text-align: center;font-size: 1.3em; min-height: 50px;}
          .volumdiv p {padding-top: 12px;padding-bottom: 20px}
          .titluoc {display: block;margin-bottom: 10px;font-weight: bolder;}
          .box {width:190px;float: left;text-align: center;margin-bottom: 20px;height: 135px;margin-left: 10px;background-color:rgba(236, 236, 236, 0.65);box-shadow: 1px 1px 5px black;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-o-transition: all ease 0.3s;}
            .box:hover {background-color:rgba(38, 171, 74, 0.4);cursor: pointer;}
            .box input[type=text] { width:30px;}
            .box input[type=text]:hover {cursor: not-allowed;}
          .divcalc {text-align: center;margin-top: 85px;height: auto;padding: 20px; border-top:3px solid #000000;}
          .divcalc .box > input:nth-of-type(4), .divcalc .box > input:nth-of-type(5) {border: 2px solid #27b65c;color:#000000;width:35px;border-radius: 5px;font-weight: 500;}
          .divcalc .box > input:nth-of-type(4):hover, .divcalc .box > input:nth-of-type(5):hover {border:2px solid #fff;color:#fff;width:35px;border-radius: 5px;background-color: #27b65c;}
          .divcalc .box > input:nth-of-type(1), .divcalc .box > input:nth-of-type(2) {border:2px solid #fff;color:#000000;width:35px;border-radius: 5px;font-weight: 500;}                    
          .divcalc .box > input:nth-of-type(1):hover, .divcalc .box > input:nth-of-type(2):hover {border:1px solid #fff;color:#fff;width:35px;border-radius: 5px;background-color: #1a232e;}
          .divcalc img {max-width:50px;height: 45px; position: relative;margin-left: auto;margin-right: auto;display: block;padding-top: 10px;padding-bottom: 5px;}
          .maindivcalc {display: none;}
          .flex-container {display: none;}
          .camera-zi, .dormitor, .bucatarie, .diverse, .birou, .gradina, .cameracopil, .electro {/*! margin-left: 1.5% */}
          .categorii {margin-left: -0px;background-color:#ffffff;padding: 20px;border:1px solid #272c31;text-align: center;}
          .categorii li { display: inline;text-align: center;margin-left: 1.1px;}
          .categorii li button { margin-bottom: 2px;padding: 9px;margin-right: 5px;}
          .btn-danger {background-color:#272c31;}
          .btn-info {transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-o-transition: all ease 0.3s;}
          .btn-info:hover {background-color:#ce3c3e !important;}
          .dormitorflex {min-height: 400px;}
          #volum {width:78px;text-align: center;font-weight: bolder;font-size: 20px;margin-left: auto;margin-right: auto;display: block;margin-bottom: 20px;border:2px solid #26ab4a;background-color:#ffffff;height: 43px;overflow: hidden;}
          .volumdiv span {font-size: 1.2em;}
          @media only screen and (max-width: 890px) {.divcalc {margin-top: 130px;}}
          @media only screen and (max-width: 767px) {.divcalc { margin-top: -10px;}.boxmsg {float: right; width:100%;}.volumdiv {float: left;margin-left: 35%;}.buton {float: left;margin-left: 35%;}}
          @media only screen and (max-width: 614px) {.volumdiv {float: left;margin-left: 33%;}.buton {float: left;margin-left: 33%;}}
          @media only screen and (max-width: 528px) {.volumdiv {float: left;margin-left: 30%;}.buton {float: left;margin-left: 30%;}}
          @media only screen and (max-width: 446px)  {.volumdiv {float: left;margin-left: 25%;}.buton {float: left;margin-left: 25%;}}
          @media only screen and (max-width: 403px) {.volumdiv {float: left;margin-left: 22%;}.buton {float: left;margin-left: 21%;}}
           @media only screen and (max-width: 469px) { .titluoc{font-size: 0.9em} .divcalc .box {margin-left: 2% !important;width:100%; font-size: 1em;} .box input[type="text"] {width: 50px !important;}}
          .logo {margin-left: auto;margin-right: auto;display: block;margin-top: 26px;}
          .topbar {min-height: 30px;background-color:#222e3c;}
         .topbar a {float: right;margin-right: 10px;margin-top: 5px;}
        .topbar a:nth-child(1) {margin-right: 10%;}
        .meniu ul {margin-top: 30px;}
        .meniu ul li {display: inline;font-family: 'Oswald', sans-serif;}
        .meniu ul li a { color:#989494;font-size: 1em;padding: 8px;padding-bottom: 10px;padding-top: 10px;}
        .meniu ul li a:hover {background-color:#cd0010;color:#ffffff;text-decoration: none;box-shadow: 3px 3px 0px #bdbdbd;}
        .meniubar {border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;}
        .titluform h4 {text-align: center;padding-top: 30px;color:#6d6a6a;}
        .titluform i {color:#282e70;font-size: 1.6em;}
        .contactbox {min-height: 200px;background-color:#f0f0f0;;margin-top: 30px;border:1px solid #cfd0d3; text-align: center;}
        .contactbox span {color:#434343;font-size: 1.5em;text-align: center;padding-top: 10px;padding-bottom: 10px; display: block;}
        .contactbox hr {height: 1px;background-color:#cfd0d3;margin-top: 0px;}
        .contactbox a {font-size: 2em;color:#cd0010;font-weight: bolder;}
        .contactbox i {font-size: 2em;color:#cd0010;}
        .contactbox button {background-color:#cd0010;padding: 10px;border-radius: 0px;/*! margin-top: 15px; */}
        .contactbox button a {color:#ffffff;font-size: 1em;}
        .contactbox button a:hover {text-decoration: none;}
        .portobox {min-height: 200px;background-color:#f0f0f0;;margin-top: 30px;border:1px solid #cfd0d3; text-align: center;margin-bottom: 50px;}
        .portobox span {color:#434343;font-size: 1.5em;text-align: center;padding-top: 10px;padding-bottom: 10px; display: block;}
        .portobox hr {height: 1px;background-color:#cfd0d3;margin-top: 0px;}
        .portobox ul {width:250px;text-align: left;padding-bottom: 20px;padding-top: 10px;text-transform: uppercase;line-height: 25px}
        .footerf {min-height: 330px;background-color:#12161d;}
        .barfooterd {min-height: 50px;background-color:#1c2633;}
        .footerc span {display: block;color:#7c8896;font-size: 1.7em;padding-top: 26px;border-bottom: 1.2px solid #cd0010;padding-bottom: 10px}
        .footerc .col-sm-3 ul li {list-style: none;text-align: left;margin-bottom: 5px;}
        .footerc .col-sm-3 ul {margin-left: -40px;color:#7c8896;padding-top: 10px;font-size: 1.04em;}
        .footerc .col-sm-3 ul li a {color:#7c8896}
        .dropbtn { color: #989494;padding: 8px; border: none;font-family: 'Oswald', sans-serif;padding: 8px;padding-bottom: 10px;padding-top: 10px; }
        .dropbtn a {color:#989494;}
        .dropbtn a:hover{color:#ffffff;text-decoration: none;}
        .dropdown {position: relative; display: inline-block;}
        .dropdown button {background:none;}
        .dropdown-content {display: none; position: absolute;background-color: #ffffff;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;font-family: 'Oswald', sans-serif;}
        .dropdown-content a { color: #989494;padding: 10px 0px 10px 7px; text-decoration: none;display: block; border-bottom: 1px solid #e5e5e5;font-size: 0.9em;}
        .dropdown-content a:hover {background-color: #ddd}
        .dropdown:hover .dropdown-content {  display: block;}
        .dropdown:hover .dropbtn { background-color:#cd0010;color:#ffffff;text-decoration:none;box-shadow: 3px 3px 0px #bdbdbd;}
        .barfooterd span {padding: 10px;display: block;color:#7c8896;margin-left: 113px;}
@media only screen and (max-width: 1199px) {
    .portobox ul {width:auto;margin-left: -20px;}
}
@media only screen and (max-width: 991px) {
    .contactbox {
      padding-bottom: 20px;
    }
}
@media only screen and (min-width: 767px) {
  .contactbox.mobile {display:none;}
}
    @media only screen and (max-width: 767px) {
        .contactbox {display: none;}
        .portobox {display: none;}
        .footerf {margin-top: 100px;}
        .footerc .col-sm-3 ul {margin-left: 0px;}
        .hide-mobile{display: none;}
        .contactbox.mobile {display:block;}
    }
    
    @media only screen and (max-width: 489px) {
        .barfooterd span {margin-left: 0px;text-align: center;}
    }
.req {position:absolute;background:#ffffff;color:red;margin-top: 7px;margin-left: 10px;height: 22px;}


select {

  /* styling */
  background-color: black;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.classic {
    cursor: pointer;
    -webkit-cursor:pointer;
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #282e70, #282e70);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, green, green);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}
/* Tudor */
#loader > img{
  margin-left: auto;
  margin-right: auto;
  display: block;
}
button[disabled], html input[disabled] {
  cursor: not-allowed !important;
}
.portobox.portofoliu li{
  line-height: 20px
}
.portobox.portofoliu{
  margin-bottom: 30px !important;
}
.flex-container {
  justify-content: space-around;
  align-items: flex-start;
  height: 1980px;
}
.portobox.selectii{
  position: sticky;
  width: 100%;
  top: 20px;
  margin: 0;
}
.flex{
  display: flex !important;
}
.height-camerazi {
  height: 1980px !important;
}
.height-dormitor {
  height: 880px !important;
}
.height-bucatarie {
  height: 1380px !important;
}
.height-diverse {
  height: 580px !important;
}
.height-birou {
  height: 1080px !important;
}
.height-gradina, .height-cameracopil, .height-electro {
  height: 580px !important;
}
.hide{
  display: none;
}
.block-selectii{
  width: 100%;
  display: inline-block;

}
.title-selectii, .numbers-selectii {
  display: block;
  float: left;
  margin-left: 20px;
  font-size: 16px !important;
  padding: 0 !important;

}
.title-selectii{
  margin-left: 0;
}
.numbers-selectii{
  color:red !important;
}
.selectii-total.ng-binding {
  font-size: 20px;
  font-weight: 600;
}