input,
textarea,
select {
  outline: none;
}
input[type="submit"] {
  cursor: pointer;
}
.button-details {
  height: 30px;
  padding: 0 30px;
  font-family: OpenSans-Semibold;
  font-size: 14px;
  color: #ffffff;
  background-color: #c81e45;
  display: inline-block;
  line-height: 30px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.button-details:hover {
  background-color: #b21b3d;
}
.button-form-search,
.button {
  width: 100%;
  height: 36px;
  background-color: #c81e45;
  font-family: OpenSans-Semibold;
  font-size: 16px;
  color: #ffffff;
  border: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.button-form-search:hover,
.button:hover {
  background-color: #b21b3d;
}
.button-cart {
  height: 36px;
  padding: 0 26px;
  background-color: #c81e45;
  font-family: OpenSans-Semibold;
  font-size: 18px;
  color: #ffffff;
  border: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.button-cart:hover {
  background-color: #b21b3d;
}

.admin-menu {
  z-index: 1001;
  position: fixed;
  bottom: 0px;
  height: 45px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.admin-menu nav > ul {
  margin-left: 20px;
}
.admin-menu nav > ul > li {
  margin-right: 20px;
  line-height: 45px;
  float: left;
}
.admin-menu nav > ul > li.relative {
  position: relative;
}
.admin-menu nav > ul > li a {
  font-family: Arial;
  color: #ffffff;
}
.admin-menu nav > ul > li:last-child {
  float: right;
}
.admin-menu nav > ul > li ul li {
  margin: 0 10px;
  white-space: nowrap;
}
.hidden {
  display: none;
}
.admin-menu .submenu {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  list-style: none;
  padding: 0;
}


div.QSdialog {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
div.QSoverlay,
div.qq-upload-drop-area-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
  filter: alpha(opacity=80);
}
div.QSbox {
  background: #ffffff;
  min-width: 300px;
  max-width: 600px;
  min-height: 100px;
  max-height: 450px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 4;
  opacity: 0.6;
  padding: 20px;
  border: 1px solid #949494;
}
div.QSbox h2.title {
  color: #2c3e50;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 15px;
}
div.QSbox .buttonsPlace {
  margin-top: 10px;
}
div.QSbox .buttonsPlace a {
  width: 49%;
  float: left;
  text-align: center;
  line-height: 36px;
}
div.QSbox .buttonsPlace a:last-child {
  float: right;
}
div.QSbox.QS_alert h2.title {
  background-image: url(/Images/dialog/alert.png);
  background-repeat: no-repeat;
  line-height: 32px;
}
div.QSbox.QS_alert .buttonsPlace {
  width: 100%;
  float: right;
}
div.QSbox > div {
  margin-bottom: 20px;
}
div.QSbox > div div {
  font-size: 14px;
  font-family: Quark-light;
}
div.QSbox > div div > p {
  width: 100%;
  float: left;
  font-size: 14px;
  font-family: Quark-light;
}
div.QSbox > div div > ul li {
  width: 100%;
  float: left;
  margin-top: 10px;
  font-size: 14px;
  font-family: Quark-light;
}
div.QSbox > div div > div {
  width: 100%;
  float: left;
  margin-top: 15px;
}
div.QSbox > div div > div .buttonP {
  width: 15%;
  margin-right: 2%;
  height: 30px;
  font-family: OpenSans-Semibold;
  font-size: 14px;
  color: #ffffff;
  background-color: #c81e45;
  border: 0;
}
div.QSbox > div div > div .buttonP:hover {
  background-color: #b21b3d;
}
div.QSbox > div div > div p {
  width: 83%;
  float: right;
  line-height: 30px;
}
@media all and (max-width: 480px) {
  div.QSbox > div div > div .buttonP {
    width: 100%;
    margin-right: 0;
  }
  div.QSbox > div div > div p {
    width: 100%;
  }
}
span.close {
  float: right;
  margin-top: -15px;
  margin-right: -15px;
  text-align: center;
  border: 3px solid #fff;
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-weight: bold;
  cursor: pointer;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  z-index: 800;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    -ms-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
    -ms-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}
*/
.hidden {
  display: none;
}

section .registrationForm {
  padding: 30px 0 0 0;
}
section .registrationForm div[data-id="errors"] ul {
  float: left;
}
section .registrationForm div[data-id="errors"] ul li {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #c81e45;
}
section .registrationForm div[data-id="temperrors"] ul {
  float: left;
}
section .registrationForm div[data-id="temperrors"] ul li {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #c81e45;
}
section .registrationForm .user {
  padding-right: 30px;
}
section .registrationForm .corp {
  padding-left: 30px;
}
section .registrationForm .user h4,
section .registrationForm .corp h4 {
  width: 100%;
  float: left;
  font-family: OpenSans-Semibold;
  font-size: 20px;
  color: #2c3e50;
  margin-bottom: 20px;
}
section .registrationForm .user > div,
section .registrationForm .corp > div {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
section .registrationForm .user > div label,
section .registrationForm .corp > div label {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.form-control {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding: 8px;
    border: 1px solid #C71E45;
    border-radius: 10px;
    font-size: 14px;
}
section .registrationForm .user > div input[type="text"],
section .registrationForm .corp > div input[type="text"],
section .registrationForm .user > div input[type="email"],
section .registrationForm .corp > div input[type="email"],
section .registrationForm .user > div input[name="email"],
section .registrationForm .corp > div input[name="email"],
section .registrationForm .user > div input[type="password"],
section .registrationForm .corp > div input[type="password"] {

}
section .registrationForm .user > div input[type="text"]:hover,
section .registrationForm .corp > div input[type="text"]:hover,
section .registrationForm .user > div input[type="email"]:hover,
section .registrationForm .corp > div input[type="email"]:hover,
section .registrationForm .user > div input[name="email"]:hover,
section .registrationForm .corp > div input[name="email"]:hover,
section .registrationForm .user > div input[type="password"]:hover,
section .registrationForm .corp > div input[type="password"]:hover,
section .registrationForm .user > div input[type="text"]:focus,
section .registrationForm .corp > div input[type="text"]:focus,
section .registrationForm .user > div input[type="email"]:focus,
section .registrationForm .corp > div input[type="email"]:focus,
section .registrationForm .user > div input[name="email"]:focus,
section .registrationForm .corp > div input[name="email"]:focus,
section .registrationForm .user > div input[type="password"]:focus,
section .registrationForm .corp > div input[type="password"]:focus {
  border-color: #a7a7a7;
}
.form-control::-webkit-input-placeholder {
  font-style: italic;
   color: #C71E45;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  font-style: italic;
   color: #C71E45;
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
  font-style: italic;
   color: #C71E45;
}
.form-control:-ms-input-placeholder { 
font-style: italic; 
   color: #C71E45;
}
section .registrationForm .user > div textarea,
section .registrationForm .corp > div textarea {
  width: 100%;
  height: 250px;
  float: left;
  font-family: OpenSans-Light;
  font-size: 16px;
  color: #2c3e50;
  padding: 10px;
  border: 1px solid #dadada;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
section .registrationForm .user > div textarea:hover,
section .registrationForm .corp > div textarea:hover,
section .registrationForm .user > div textarea:focus,
section .registrationForm .corp > div textarea:focus {
  border-color: #a7a7a7;
}
section .registrationForm .user > div select,
section .registrationForm .corp > div select {
  width: 100%;
  height: 40px;
  float: left;
  font-family: Quark-light;
  font-size: 16px;
  color: #4b4e57;
  padding: 3px 10px 0 10px;
  border: 1px solid #dadada;
}
section .registrationForm .aszf input[name="aszf"] {
  margin-right: 10px;
}
section .registrationForm .aszf a {
  text-decoration: underline;
}
section .registrationForm .aszf a:hover {
  color: #c81e45;
}
section .registrationForm .newsletter input[name="newsletter"] {
  margin-right: 10px;
}
section .registrationForm .submitBox {
  width: 50%;
  float: left;
  padding-right: 30px;
  margin-right: 50%;
}
section .registrationForm .submitBox input[type="submit"] {
  width: 100%;
  margin-top: 15px;
}
@media all and (max-width: 600px) {
  .registrationForm > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .registrationForm div[data-role="registration"] {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
@media all and (max-width: 480px){
  .navbar-footer .container > div:first-child .navbar-footer-contact {
    width: 150px;
  }
}