/*
Theme Name: Práce na mieru
Theme URI: http://www.pracenamieru.sk
Author: MonsterDesign.sk - príšerne kreatívne štúdio
Author URI: http://monsterdesign.sk
Description: Šablóna pre blog Práce na mieru
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800');


* {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -moz-outline: none;
  outline: none;
  -webkit-font-smoothing: antialiased;
}

html, body {
  min-height: 100%;
  margin: 0;
  font-size: 100%;
  line-height: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  font-size: 100%;
  line-height: 100%;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  color: rgb(53,55,61);
  background: rgb(255,255,255);
}

#page, .ins {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  text-align: left;
  font-size: 0.85em;
  line-height: 1em;
  position: relative;
  z-index: 1;
  padding: 0px 20px 0px 20px
}

a {
  color: rgb(254,9,113);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.btn {
  width: auto;
  min-height: 36px;
  line-height: 30px;
  background: rgb(254,10,112);
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  transition: all 200ms linear;
  display: inline-block;
  font-size: 1.1em;
  padding: 9px 45px 9px 45px;
  text-decoration: none;
  cursor: pointer
}

.btn:hover {
  background: rgb(46,42,53);
  text-decoration: none;
}

.btn.btn2 {
  background: rgb(46,42,53)
}

.btn.btn2:hover {
  background: rgb(254,10,112)
}

.btn.btn3 {
  background: rgb(172,210,40)
}

.btn.btn3:hover {
  background: rgb(254,9,113)
}

.btn.smaller {
  padding: 5px 25px 5px 25px;
  font-size: 1em
}

.btn.full {
  width: 100%
}

.btn.disabled {
  background: rgb(112,110,125);
  cursor: default;
}


header {
  width: 100%;
  min-height: 100px;
  position: relative;
  z-index: 2
}

header > .ins:first-of-type {
  z-index: 2;
}

.logged header > .ins {
  max-width: 1270px
}



#logo {
  width: 190px;
  height: 63px;
  background:  url(../images/logo.png?v=2) center center no-repeat;
  display: inline-block;
  float: left;
  background-size: cover;
  margin-top: 15px
}

#account {
  min-height: 100px;
  float: right
}

#account .btn {
  padding-left: 35px;
  padding-right: 35px;
  margin: 28px 0px 0px 7px;
  float: left;
  font-size: 0.95em;
}

.logged #account {
  width: 100%;
  max-width: 180px;
  padding-top: 33px;
  padding-bottom: 33px;
}

#account .notifications {
  width: 28px;
  height: 26px;
  position: relative;
  background: url(../images/img12.png) center center no-repeat;
  float: right;
  margin-top: 4px;
  cursor: pointer
}

#account .messages {
  width: 29px;
  height: 21px;
  position: relative;
  background: url(../images/img13.png) center center no-repeat;
  float: right;
  margin-top: 7px;
  margin-left: 20px;
  cursor: pointer
}

.chat_icon_link {
  width: 29px;
  height: 21px;
  position: relative;
  display: inline-block;
  background: url(../images/img13.png) center center no-repeat;
  cursor: pointer
}

#account .notifications .count,
#account .messages .count {
  width: 21px;
  height: 21px;
  background: rgb(254,13,107);
  border: 2px solid #fff;
  border-radius: 15px;
  position: absolute;
  right: -5px;
  top: -5px;
  color: #fff;
  line-height: 17px;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer
}

#account .messages .count {
  right: -8px;
  top: -8px;
}

#account .profile_menu {
  float: right;
  position: relative;
}

#account .profile_menu .icon {
  margin-left: 20px;
  width: 34px;
  height: 34px;
  background: rgb(89,80,104);
  border-radius: 20px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  /*cursor: pointer;*/
  letter-spacing: 1px;
  padding-left: 1px;
  display: inline-block
  /*font-weight: 600*/
}

#account .profile_menu .icon:hover {
  text-decoration: none;
}

#account_menu_holder {
  position: absolute;
  right: 12px;
  top: 30px;
  z-index: 1000;
  display: none;
  padding-top: 20px
}

#account_menu {
  width: 180px;
  padding: 18px;
  border-radius: 10px;
  background: rgb(89,80,104);
  position: relative
}

#account .profile_menu:hover #account_menu_holder {
  display: inline-block
}


#account_menu:before {
  width: 10px;
  height: 11px;
  background: url(../images/img14.png) center center no-repeat;
  position: absolute;
  right: 12px;
  top: -11px;
  content: ""
}

#account_menu ul {
  margin: 0
}

#account_menu ul li {
  width: 100%;
  display: inline-block;
  line-height: 25px;
}

#account_menu ul li a {
  /*width: 100%;*/
  display: inline-block;
  color: #fff;
  font-size: 0.95em;
  float: left
}

#account_menu ul li span {
  display: inline-block;
  float: left;
}

#account_menu ul li span.c {
  color: rgb(236,23,111);
  margin-left: 5px
}

#account_menu .dlmt {
  width: 100%;
  height: 1px;
  background: rgb(70,63,81);
  margin: 0px 0px 5px 0px
}


.menu_btn {
  width: auto;
  height: 30px;
  background: rgb(89,80,104);
  color: #fff;
  text-transform: uppercase;
  padding: 0px 10px;
  line-height: 30px;
  font-weight: 600;
  margin-left: 20px;
  border-radius: 5px;
  margin-top: 2px;
  float: right
}


#hamburger {
  width: 35px;
  height: 30px;
  position: relative;
  padding: 5px 0px 5px 0px;
  margin-top: 5px;
  margin-bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  display: none
}

#hamburger div {
  height: 3px;
  display: inline-block;
  background: rgb(46,42,53);
  transition: all 200ms linear;
  position: absolute;
  left: auto;
  right: 0
}

#hamburger div:nth-of-type(1) {
  width: 35px;
  right: 0;
  top: 5px
}

#hamburger div:nth-of-type(2) {
  width: 35px;
  top: 15px
}

#hamburger div:nth-of-type(3) {
  width: 35px;
  top: 25px
}

#hamburger:not(.opened):hover div {
  width: 35px !important;
}

#hamburger.opened {
  margin-bottom: 0px
}

/*
#hamburger.opened:hover {
  transform: rotate(360deg);
  transition: transform 300ms ease-in-out;
}
*/

#hamburger.opened div:nth-of-type(1) {
  position: absolute;
  right: 0;
  top: 10px;
  width: 30px;;
  transform: rotate(45deg)
}

#hamburger.opened div:nth-of-type(3) {
  position: absolute;
  right: 0;
  top: 10px;
  width: 30px;;
  transform: rotate(-45deg)
}

#hamburger.opened div:nth-of-type(2) {
  width: 0 !important
}

#hamburger.user_menu,
#hamburger.user_menu div,
#hamburger.user_menu.opened div,
#hamburger.user_menu:not(.opened):hover div {
  width: 35px;
}

#hamburger.user_menu {
  height: 30px;
  margin-top: 0px;
  float: right;
  margin-left: 15px;
  display: inline-block !important
}
/*
#hamburger.user_menu div:nth-of-type(2) {
  top: 13px
}

#hamburger.user_menu div:nth-of-type(3) {
  top: 22px
}
*/
#hamburger.user_menu.opened {
  margin-top: 5px;
  margin-bottom: 10px
}

#hamburger.user_menu.opened div:nth-of-type(1) {
  top: 10px;
  width: 30px;;
}

#hamburger.user_menu.opened div:nth-of-type(3) {
  right: 0;
  top: 10px;
  width: 30px;;
}

header nav {
  float: right;
  margin-right: 10px
}

header nav li {
  padding: 0px 6px 0px 6px;
  float: left;
}

header nav a {
  width: auto;
  height: 100px;
  display: inline-block;
  border-top: 5px solid transparent;
  line-height: 90px;
  text-transform: uppercase;
  color: rgb(107,110,135);
  padding: 0px 6px 0px 6px;
  transition: all 200ms linear;

  font-size: 0.95em
}

header nav a:hover,
header nav a.active {
  text-decoration: none;
  border-top: 5px solid rgb(254,9,113)
}

header nav ul li ul {
  display: inline-block
}

#submenu {
  width: 100%;
  position: relative;
  /*left: 0;
  bottom: -62px; */
  background: rgb(46,42,53);
  display: inline-block;
  float: left
}

#submenu .ins {
  background: transparent;
  max-width: 100%;
  text-align: center;
}

#submenu a {
  width: auto;
  height: 62px;
  line-height: 62px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0px 20px 0px 20px;
  font-size: 0.95em
}

#submenu a:hover {
  text-decoration: underline;
}

#hp_banner {
  width: 100%;
  height: 510px;
  background: url(../images/img01.jpg) center center no-repeat;
  background-size: cover;
  display: inline-block;
  float: left
}

#hp_banner .ins {
  width: 100%;
  height: 100%;
  display: table;
  background: transparent
}

#hp_banner .holder  {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#hp_banner h1 {
  font-weight: 400;
  font-size: 2.9em;
  color: #fff;
  line-height: 1.5em;
  width: 100%;
  display: inline-block
}

#hp_banner .btn  {
  padding: 0px 80px 0px 80px;
  margin-top: 50px;
  height: 60px;
  line-height: 60px;
  font-size: 1.2em;
  font-weight: 600
}

section {
  width: 100%;
  padding: 60px 0px 50px 0px;
  float: left
}

h2.type1 {
  font-size: 1.6em;
  font-weight: bold;
  text-transform: uppercase;
  color: rgb(54,51,59);
  margin: 0px 0px 15px 0px;
  text-align: center;
  line-height: 1em
}

.subheading {
  text-align: center;
  color: rgb(155,140,180);
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0px 0px 40px 0px
}

.reasons {
  display: inline-block;
  width: 100%;
  margin: 20px 0px 30px 0px
}

.reasons .item {
  width: 20%;
  float: left;
  text-align: center;
  transition: all 200ms linear
}

.reasons .item .img {
  width: 100%;
  height: 62px;
  background-size: contain !important;
}

.reasons .item:hover {
  transform: scale(1.15)
}

.reasons .item:nth-of-type(1) .img {
  background: url(../images/img02.png) center center no-repeat;
}

.reasons .item:nth-of-type(2) .img {
  background: url(../images/img03.png) center center no-repeat;
}

.reasons .item:nth-of-type(3) .img {
  background: url(../images/icon-heart.png) center center no-repeat;
}

.reasons .item:nth-of-type(4) .img {
  background: url(../images/img05.png) center center no-repeat;
}

.reasons .item:nth-of-type(5) .img {
  background: url(../images/icon-smile.png) center center no-repeat;
}

.reasons .item .text {
  margin-top: 15px;
  color: rgb(110,92,142);
  font-size: 1.25em;
  max-width: 190px;
  line-height: 1.6em;
  display: inline-block;
  clear: both;
}

#about {
  background: rgb(245,246,252);
}

#about .subheading {
  color: rgb(157,158,173);
}

#about .ins {
  text-align: center;
}

#about p {
  line-height: 1.3em;
  font-size: 1.15em;
  color: rgb(122,106,151)
}

#job {

}

#job .text {
  font-size: 1.45em;
  line-height: 1.4em;;
  margin-bottom: 35px
}


#job .ins {
  text-align: center;
}

#ratings {
  width: 100%;
}

#ratings .ins {
  max-width: 1160px
}

#ratings .swiper-container {
  width: calc(100% - 108px);
  /*height: 230px;*/
}

#ratings .swiper-wrapper {

}

#ratings .slide {
  width: 100%;
  display: table;
  height: 100%
}

#ratings .slide .holder {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}

#ratings .obj {
  color: rgb(254,9,113);
  font-size: 1.65em;
  font-weight: 700;
  line-height: 1.2em
}

#ratings .text {
  font-size: 1.3em;
  line-height: 1.5em;
  color: rgb(155,140,180);
  margin: 55px 0px 35px 0px
}

#ratings .author {
  font-size: 0.95em;
  margin-bottom: 40px
}

#ratings .swiper-button-next,
#ratings .swiper-button-prev {
  width: 54px;
  height: 54px;
  border-radius: 30px;
  margin-top: 0px;
  top: 80px;
  border: 2px solid rgb(226,218,239);
  transition: all 200ms linear
}

#ratings .swiper-button-next:hover,
#ratings .swiper-button-prev:hover {
  transform: scale(1.2)
}

#ratings .swiper-button-prev {
  background: #fff url(../images/img07.png) 18px center no-repeat;
  left: 20px;
}

#ratings .swiper-button-next {
  background: #fff url(../images/img08.png) right 18px center no-repeat;
  right: 20px;
}



#stats {
  border-top: 1px solid rgb(225,221,231);
  border-bottom: 1px solid rgb(225,221,231);
  padding: 0
}

#stats .ins {
  max-width: 1060px;
  padding: 0;
  border-right: 1px solid rgb(225,221,231);
}

#stats .item {
  width: 25%;
  float: left;
  text-align: center;
  border-left: 1px solid rgb(225,221,231);
  padding: 75px 10px 70px 10px
}



#stats .item .number {
  color: rgb(44,42,49);
  font-size: 4.6em;
  line-height: 1.2em;
  height: 75px;
  transition: all 200ms linear
}

#stats .item:hover .number {
  transform: scale(1.3)
}

#stats .item .name {
  color: rgb(44,42,49);
  font-size: 1em;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 5px 0px 15px 0px
}

#stats .item .desc {
  color: rgb(158,144,183);
  font-size: 1em;
  line-height: 1.7em;
}

#stats .item .t24_7 {
  font-size: 0.5em;
  display: inline-block;
  transform: translateX(-8px) translateY(-15px)
}

#stats .item .t_percent {
  font-size: 0.5em;
  display: inline-block;
  transform: translateX(-10px) translateY(-25px)
}

footer {
  width: 100%;
  background: rgb(46,42,53);
  float: left
}

footer .ins {
  text-align: center;
}

footer nav {
  display: inline-block;
  border-bottom: 1px solid rgb(36,32,42)
}

footer ul li {
  float: left;
  margin: 0px 10px 0px 10px
}

footer ul li a {
  height: 105px;
  line-height: 100px;
  border-top: 5px solid transparent;
  color: rgb(255,255,255);
  display: inline-block;
  padding: 0px 3px 0px 3px;
  font-size: 1.1em
}

footer ul li a:hover,
footer ul li a.active {
  border-top: 5px solid rgb(254,9,113);
  text-decoration: none;
}

footer #social {
  padding-top: 70px;
  padding-bottom: 70px;
}

footer #social a {
  width: 72px;
  height: 72px;
  border: 3px solid rgb(91,86,100);
  position: relative;
  display: inline-block;
  margin: 0px 20px 0px 20px;
  transition: all 200ms linear
}

footer #social a:hover {
  border-color: rgb(254,9,113)
}

footer #social a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-family: "FontAwesome";
  font-size: 1.9em;
  color: rgb(91,86,100);
  line-height: 66px;
  text-align: center;
  transition: all 200ms linear
}

footer #social a:hover:before {
  color: rgb(254,9,113);
}

footer #social a.fb:before {
  content: "\f09a";
}

footer #social a.ins:before {
  content: "\f16d";
}

footer #social a.gp:before {
  content: "\f0d5";
}

footer #copyright {
  color: rgb(119,110,135);
  text-transform: uppercase;
  line-height: 1.4em;
  margin-bottom: 70px;
  display: inline-block;
  width: 100%;
  font-size: 0.95em
}

footer #copyright a {
  color: #fff
}


.admin_logged_topbar {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background: rgb(66,62,85);
  text-align: center;
  font-size: 0.9em;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000000
}

body.admin_logged {
  padding-top: 60px
}


.w20p {
  width: 20%
}


section, .hp footer {
  opacity: 0;
  transition: all 300ms linear;
  transform: scale(0.8)
}

section.scrolled,
.hp footer.scrolled {
  opacity: 1;
  transform: scale(1)
}




.sub #heading {
  width: 100%;
  min-height: 300px;
  background: rgba(46,42,53,0.95) url(../images/img09.png) center center no-repeat;
  position: relative
}
/*
.sub #submenu {
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  background: rgb(46,42,53)
}
*/
.sub #submenu {
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
}

.sub #submenu a {
  height: 45px;
  line-height: 45px;
  margin-top: 7px
}

#heading .holder_div {
  display: table;
  width: 100%;
  height: 300px
}

#heading .holder {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 20px;
}

body.o-nas #heading .holder {
  padding-top: 0;
  padding-bottom: 35px
}

#heading h1 {
  color: rgb(255,255,255);
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0px 0px 12px 0px
}

#heading .desc {
  color: rgb(141,132,155);
  font-size: 1.1em;
  line-height: 2.1em;
  max-width: 650px;
  display: inline-block
}

article {
  width: 100%;
  padding: 45px 0px 80px 0px;
  z-index: 1;
  position: relative;
  display: inline-block;
  color: rgb(110,92,142);
  font-size: 1.1em;
  float: left
}

.sub2 article {
  padding: 50px 0px 50px 0px;
  color: rgb(46,42,53)
}

article .ins {
  max-width: 1270px;
  position: relative;
  text-align: center;
  line-height: 1.7em
}

.sub2 article .ins {
  text-align: left;
}


article h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  color: rgb(54,51,59);
  margin: 40px 0px 40px 0px;
  font-weight: 700
}

.sub2 article h2 {
  margin-bottom: 15px
}

.sub2 article h1 {
  font-size: 2.3em;
  line-height: 1.5em;
  color: rgb(54,51,59);
  margin: 0px 0px 30px 0px;
  font-weight: 400;
  width: 100%;
  display: inline-block;
  text-align: center;
}

article p {
  width: 100%;
  max-width: 750px;
  display: inline-block;
  line-height: 2.1em;
  padding: 0;
  margin: 20px 0px 20px 0px;
  font-size: 1.05em
}

article .btn {
  font-size: 1em
}

article ul {
  width: auto;
  max-width: 750px;
  display: inline-block;
  margin: 30px 0px 30px 0px;
  list-style-type: disc;
}

article ul li {
  display: list-item;
  width: 100%;
  text-align: left;
  font-size: 1em;
  line-height: 2.1em;
}





#about_persons {
  margin-top: -135px;
  margin-bottom: 30px;
  display: inline-block
}

#about_persons .person {
  width: 180px;
  display: inline-block;
  margin: 0px 27px 30px 27px;
  text-align: center;
}

#about_persons .person .photo {
  width: 180px;
  height: 180px;
  border-radius: 90px;
  margin-bottom: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


#about_persons .person .name {
  width: 100%;
  font-size: 1.2em;
  line-height: 1.5em
}

#about_persons .person .position {
  width: 100%;
  font-size: 1em;
  line-height: 1.5em;
  color: rgb(155,140,180)
}

/* cenník */

#cennik {
  width: 100%;
  max-width: 620px;
  display: inline-block;
  text-align: center;
  margin: 50px 0px 0px 0px
}

#cennik .item {
  width: 33.33%;
  float: left;
  margin-bottom: 50px
}

#cennik .item .name {
  width: 100%;
  font-size: 1.2em;
  line-height: 1.5em;
  color: rgb(46,42,53)
}

#cennik .item .unit {
  width: 100%;
  font-size: 1em;
  line-height: 1.5em;
  color: rgb(110,92,142)
}

#cennik .item .price {
  width: 120px;
  height: 120px;
  display: inline-block;
  border-radius: 60px;
  background: rgb(255,17,103);
  color: #fff;
  line-height: 1.4em;
  margin-top: 30px;
  font-size: 1.35em;
  padding-top: 30px;
}

.cennik p {
  max-width: 100%;
  font-size: 1.2em;
  color: rgb(46,42,53)
}

table {
  margin: 20px 0px 20px 0px;
  /*min-width: 600px*/
}

/* kontakt */

.kontakt article .ins {
  max-width: 1120px
}

.kontakt_left {
  width: 48%;
  max-width: 530px;
  float: left;
  text-align: left;
}

.kontakt_right {
  width: 48%;
  max-width: 530px;
  float: right
}

.kontakt_left h2:first-of-type {
  color: rgb(255,16,103);
}

.kontakt_right h2:first-of-type {
  margin-bottom: 15px
}

.kontakt_left table {
  font-size: 1em;
}

.kontakt_left table td {
  vertical-align: top;
  line-height: 2em;
  padding-bottom: 20px
}

.kontakt_left table tr td:first-of-type {
  width: 130px;
}

#kontakt_form {
  margin-top: 50px
}

article input[type=text],
article input[type=password],
article input[type=email] {
  width: 100%;
  height: 44px;
  border: 1px solid rgb(206,206,211);
  padding-left: 15px;
  padding-right: 25px;
  line-height: 1em;
  color: rgb(171,166,181);
  font-size: 1em;
  margin-bottom: 18px;
  position: relative
}

article textarea {
  width: 100%;
  height: 235px;
  border: 1px solid rgb(206,206,211);
  padding: 15px 25px 15px 15px;
  line-height: 1.7em;
  color: rgb(171,166,181);
  font-size: 1em;
  margin-bottom: 18px;
  resize: none;
  position: relative
}

article ::-webkit-input-placeholder {
  color: rgb(171,166,181);
}

article :-moz-placeholder {
  color: rgb(171,166,181);
}

article ::-moz-placeholder {
  color: rgb(171,166,181);
}

article :-ms-input-placeholder {
  color: rgb(171,166,181);
}

#kontakt_form input[type=submit] {
  margin-top: 25px;
  float: right
}

.input.required {
  position: relative
}

.input.required:after {
  position: absolute;
  right: 10px;
  height: 42px;
  top: 0;
  color: rgb(255,16,103);
  content: "*";
  line-height: 48px
}

span.required {
  color: red;
  transform: translateY(-10px)
}

.input.required.has_label:after {
  display:none
}

.input.required.has_label label:after {
  position: absolute;
  right: -15px;
  height: 42px;
  top: 0;
  color: rgb(255,16,103);
  content: "*";
  line-height: 48px;
}

/* login, registrácia */

#login, #register, #pass_lost {
  width: 90%;
  max-width: 780px;
  position: fixed;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  background: #fff;
  padding: 0px 120px 90px 120px;
  z-index: 1001
}

#pass_lost {
  max-width: 580px;
  padding: 0px 80px 50px 80px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#register {
  position: absolute;

}

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.8);;
  z-index: 1000000;
  display: none
}

.popup .heading {
  line-height: 50px;
  padding: 50px 0px 50px 0px;
  font-size: 2.2em;
  font-weight: 700
}

.popup {
  font-size: 0.9em;
  display: none;
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  z-index: 1000001 !important
}

.popup .close {
  width: 46px;
  height: 46px;
  position: absolute;
  right: -23px;
  top: -23px;
  background: rgb(254,11,111);
  color: #fff;
  text-align: center;
  line-height: 46px;
  border-radius: 25px;
  cursor: pointer
}

.popup .close:before {
  width: 20px;
  height: 2px;
  position: absolute;
  left: 13px;
  top: 23px;
  background: #fff;
  content: "";
  transform: rotate(45deg)
}

.popup .close:after {
  width: 20px;
  height: 2px;
  position: absolute;
  left: 13px;
  top: 23px;
  background: #fff;
  content: "";
  transform: rotate(-45deg)
}

.popup input[type=text],
.popup input[type=number],
.popup input[type=email],
.popup input[type=password] {
  width: 100%;
  height: 46px;
  border: 1px solid rgb(199,199,205);
  padding-left: 25px;
  padding-right: 25px;
  color: rgb(81,76,88);
  margin-bottom: 22px;
  clear: both;
  box-shadow: inset 0px 0px 5px #eee
}

.popup textarea {
  width: 100%;
  height: 120px;
  border: 1px solid rgb(199,199,205);
  padding: 10px 25px;
  color: rgb(81,76,88);
  margin-bottom: 22px;
  clear: both;
  resize: none
}

.popup .required:after,
.popup .required:after {
  height: 46px;
  line-height: 54px
}

.popup ::-webkit-input-placeholder {
  color: rgb(81,76,88);
}

.popup :-moz-placeholder {
  color: rgb(81,76,88);
}

.popup ::-moz-placeholder {
  color: rgb(81,76,88);
}

.popup :-ms-input-placeholder {
  color: rgb(81,76,88);
}

.popup label {
  float: left;
  position: relative;
  width: auto;
  display: inline-block;
  text-align: left;
  min-height: 50px;
  line-height: 30px;
  padding: 10px 0px
}

.select {
  width: 100%;
  height: 46px;
  border: 1px solid rgb(199,199,205);
  padding-left: 25px;
  cursor: pointer;
  color: rgb(81,76,88);
  margin-bottom: 22px;
  clear: both;
  position: relative;
  text-align: left;
}

.select .selected {
  width: 100%;
  line-height: 44px;
  height: 44px;
  position: relative;
  padding-right: 70px;
  overflow: hidden
}

.select .selected:after {
  width: 55px;
  height: 44px;
  line-height: 44px;
  border-left: 1px solid rgb(199,199,205);
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background: url(../images/img16.png) center center no-repeat
}

.select .options {
  display: none;
  width: calc(100% + 2px);
  left: -1px;
  position: absolute;
  top: 46px;
  border: 1px solid rgb(199,199,205);
  border-top: 0;
  background: #fff;
  z-index: 10;
  box-shadow: 0px 0px 15px #ccc
}

.select .option {
  width: 100%;
  min-height: 40px;
  border-top: 1px solid rgb(199,199,205);
  padding: 8px 25px;
  line-height: 24px;
  cursor: pointer;
}

.select .option:hover {
  background: rgb(199,199,205);
}

.select .option:first-of-type {
  border-top: 0
}

.popup .textarea {
  height: 120px
}




#login .remember {
  float: left;
  text-align: left;;
  line-height: 24px;
  margin: 10px 0px 10px 0px
}

#login .lost_pass {
  float: right;
  text-align: right;
  line-height: 24px;
  margin: 10px 0px 10px 0px
}

.checks_list {
  display: inline-block
}

.check_item {
  margin: 8px 0px 8px 0px;
  display: inline-block;
  width: 100%
}

.check {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  text-align: left;
  line-height: 24px
}

.check:before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #fff;
  border: 2px solid rgb(199,199,205);
  cursor: pointer;
  transition: all 200ms linear
}

.check.active {
  color: rgb(254,10,112)
}

.check.active:before {
  background: rgb(254,10,112);
  border-color: rgb(254,10,112)
}

#login input[type=submit],
#register input[type=submit] {
  width: 100%;
  margin-top: 30px
}

#register .agree {
  margin-top: 5px;
  margin-bottom: 10px
}

#register .reg_type {
  margin: 0px 0px 50px 0px
}

#register .reg_type .check {
  margin: 0px 20px 0px 20px;
  display: inline-block;
  text-transform: uppercase
}

#register p {
  font-size: 1.05em;
  text-align: left;
  margin-top: 30px;
  line-height: 2em
}


.file_picker {
  position: relative;
  height: 46px;
  border: 1px solid rgb(199,199,205);
}

.file_picker .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.file_picker .inputfile + label {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: left;
  padding: 0px 25px;
  color: rgb(81,76,88)
}

.file_picker .inputfile + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}

.file_picker .inputfile + label * {
  pointer-events: none;
}

.file_picker .inputfile-6 + label strong {
  width: 140px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  background-color: rgb(254,12,109);
  display: inline-block;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0
}

#register .file_picker {
  margin-bottom: 22px
}

#register .file_picker {
  margin-bottom: 22px
}



.msg_popup {
  width: 90%;
  max-width: 510px;
  position: fixed;
  left: 50%;
  top: 50px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  padding: 20px 50px 40px 50px;
  z-index: 1001
}

.msg_popup .heading {
  line-height: 40px;
  padding: 30px 0px 10px 0px;
}

.msg_popup p {
  margin: 20px 0px 20px 0px;
  line-height: 1.9em
}


article table.table:not(.custom) {
  width: 100%;
  font-size: 1em;
  border: 1px solid rgb(213,213,214);
  box-shadow: 0px 0px 20px 0px rgb(222,222,222)
}

article table.table:not(.custom) td {
  border-top: 1px solid rgb(225,225,226);
  padding: 20px 10px 20px 10px;
  text-align: left;
  line-height: 1.6em
}

article table.table:not(.custom) td:first-of-type {
  padding-left: 40px
}

article table.table:not(.custom) thead td {
  border-top: 0;
  font-weight: 700
}

.table_holder {
  width: 100%;
  overflow-x: auto
}

table#incomes {
  width: 100%;
  font-size: 0.95em
}



table#incomes td {
  min-height: 50px;
  vertical-align: top;
  padding: 10px 20px 10px 0px;
  border-bottom: 1px solid rgb(221,220,222);
  color: rgb(151,147,159)
}

table#incomes thead td {
  font-weight: 600;
  color: rgb(46,42,53)
}


.label {
  width: auto;
  max-width: 150px;
  min-height: 28px;
  line-height: 18px;
  padding: 10px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
}

.label:hover {
  text-decoration: none;
}

.label.green,
.label.label1 {
  background: rgb(173,211,41)
}

.label.orange,
.label.label2 {
  background: rgb(229,155,39)
}

.label.full {
  width: 100%
}

/*
article table .label {
  max-width: 120px;
  width: 100%;
  padding: 0
}
*/





.dopyty_volne .dopyt {
  width: 26%;
  margin-right: 11%;
  float: left;
  border: 1px solid rgb(211,210,212);
  border-right: 0;
  line-height: 1.5em;
  margin-top: 25px;
  margin-bottom: 30px;
  text-align: center;
}

.dopyty_volne .dopyt:nth-of-type(3n) {
  margin-right: 0
}

.dopyty_volne .dopyt:nth-of-type(3n+1) {
  clear: both
}

.dopyty_volne .dopyt:nth-of-type(1),
.dopyty_volne .dopyt:nth-of-type(2),
.dopyty_volne .dopyt:nth-of-type(3) {
  margin-top: 0
}

.dopyty_volne .dopyt td {
  width: 50%;
  vertical-align: middle;
  padding: 20px 15px;
  border-top: 1px solid rgb(211,210,212);
  border-right: 1px solid rgb(211,210,212)
}

.dopyty_volne .dopyt .nazov {
  min-height: 94px;
  line-height: 1.5em;
  height: 94px;
  font-weight: 700
}

.dopyty_volne .dopyt tr td:first-of-type {
  font-weight: 700
}

.pagi {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 30px 0px;
  display: inline-block
}

.pagi a {
  width: 24px;
  height: 24px;
  display: inline-block;
  color: rgb(46,42,53);
  line-height: 24px;
  text-align: center;
  margin: 0px 2px;
  font-weight: 600;
  transition: 200ms all
}

.pagi a:hover,
.pagi a.active {
  background: rgb(254,9,113);
  color: #fff;
  text-decoration: none;
}


/* messages */

.chat_index .action_link {
  color: rgb(254,9,113);
  font-size: 0.9em;
  display: inline-block;
  margin-right: 25px;
  cursor: pointer
}

.msgs_detail_heading, .chat_index .heading {
  margin: 25px 0px;
  position: relative
}

.msgs_detail_heading .section {
  font-size: 1.4em;
  color: rgb(254,9,113);
  float: left;
  padding-right: 30px;
  border-right: 1px solid rgb(197,196,199);
  height: 40px;
  line-height: 40px;
  font-weight: 700;
  margin-right: 30px;
  text-align: left;
}

.chat_index h1.heading {
  font-size: 1.6em;
  font-weight: 700 !important;
  text-align: left !important;

  color: rgb(54,51,59) !important;
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
  float: none;
  margin: 25px 0px 15px 0px !important
}

.msgs_detail_heading .name {
  width: calc(100% - 300px);
  font-size: 1.25em;
  float: left;
  line-height: 40px;
  font-weight: 700
}

.msgs_detail_heading .back {
  position: absolute;
  right: 0px;
  top: 0px
}

.msg_warning {
  width: 100%;
  background: rgb(46,42,53);
  color: #fff;
  padding: 15px 0px
}

.msg_warning p {
  width: 100%;
  max-width: 1050px;
  margin: 8px 0px 8px 0px;
  font-size: 1em;
  line-height: 1.7em
}

.msg_warning p.heading {
  font-size: 1.1em
}

.msgs {
  margin: 25px 0px 0px 0px
}

.chat_index .msgs {
  margin-top: 0
}

.msg {
  width: 100%;
  border-bottom: 1px solid rgb(226,224,230);
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  color: rgb(130,119,147);
  transition: 300ms opacity
}

.msg .avatar {
  width: 47px;
  height: 47px;
  border-radius: 25px;
  text-align: center;
  line-height: 45px;
  font-size: 1.3em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  float: left;
  position: absolute;
  left: 0;
  top: 20px;
  background: rgb(89,80,104)
}

.chat_index .avatar {
  position: relative;
  top: 0
}
/*
.msg.me .avatar {
  background: rgb(179,204,78)
}

.msg.other .avatar {
  background: rgb(204,78,101)
}
*/

.avatar.c1,
.avatar_icon.c1 {
  background: #e5c265 !important
}

.avatar.c2,
.avatar_icon.c2 {
  background: #6586e5 !important
}

.avatar.c3,
.avatar_icon.c3 {
  background: #b065e5 !important
}

.avatar.c4,
.avatar_icon.c4 {
  background: #e56580 !important
}


.msg .text {
  width: calc(100% - 360px);
  padding-left: 70px;
  float: left
}

.chat_index .msg .text {
  width: calc(100% - 330px);
  padding-left: 30px
}

.msg .text .name {
  font-weight: 700;
  color: rgb(89,80,104)
}

.msg .when {
  float: right;
  /*width: 100%;*/
  max-width: 330px;
  text-align: right;
  color: rgb(46,42,53);
  margin-top: 15px
}

.msg_warning_inline {
  color: rgb(229,24,58);
  font-weight: 700;
  margin: 40px 0px 50px 0px;
  max-width: 920px
}

.msg_form {
  border-bottom: 0;
  margin-bottom: 0;
}

.msg_form .text {
  max-width: 670px;
}

.msg_form textarea {
  width: 100%;
  border: 3px solid rgb(69,67,82);
  border-radius: 5px;
  margin: 10px 0px 30px 0px;
  min-height: 145px;
  padding: 10px 15px;
  resize: none
}

.msg_form ::-webkit-input-placeholder {
  color: rgb(172,166,183)
}

.msg_form :-moz-placeholder {
  color: rgb(172,166,183)
}

.msg_form ::-moz-placeholder {
  color: rgb(172,166,183)
}

.msg_form :-ms-input-placeholder {
  color: rgb(172,166,183)
}

.msg_form .send {
  float: left
}

.msg_form .actions {
  width: calc(100% - 140px);
  float: right;
  line-height: 40px;
  text-align: right;
}

.msg .locked_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(46,42,53,0.8);
  color: #fff;
  z-index: 10;
  text-align: center;
  opacity: 0;
  transition: 300ms opacity
}

.msg .locked_overlay span {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
}

.msg.locked {
  opacity: 0.4
}

.msg.locked:hover {
  opacity: 1
}

.msg.locked:hover .locked_overlay {
  opacity: 1
}

.chat_index .msg:first-of-type {
  border-top: 1px solid rgb(226,224,230);
}

.chat_index .msg .when {
  width: 150px
}

.chat_index .msg .actions {
  float: right;
  margin: 15px 50px 0px 0px
}

.chat_index .msg .actions .delete {
  width: 23px;
  height: 28px;
  display: inline-block;
  float: left;
  background: url(../images/img15.png) center center no-repeat;
  cursor: pointer;
  margin-top: -1px
}

.chat_index .msg .actions .check_div {
  float: left;
  width: 20px;
  height: 15px;
  margin-right: 30px;
  margin-top: 5px
}

.chat_index .msg .actions .check {
  padding-left: 0
}

.chat_index .msg .actions .check_div .check:before {
  width: 15px;
  height: 15px
}


.chat_index .msg_text {
  font-style: italic
}

.chat_index .msg .text {
  cursor: pointer
}

.chat_index .text a {
  color: rgb(130,119,147)
}

.chat_index .text a:hover {
  text-decoration: none;
}


.chat_index .msg.unread,
.chat_index .msg.unread .name,
.chat_index .msg.unread a {
  color: rgb(254,9,113);
}

.msg_from_1 {
  background: rgb(255,193,224)
}

.msg_from_2 {
  background: rgb(255,251,159)
}



.msg_from_1 .text {
  color: rgb(255,27,141)
}

.msg {
  padding-left: 0px;
  padding-right: 15px;
}

.msg .avatar {
  left: 10px
}






#dopyt_form {
  max-width: 780px;
  width: 90%;
  position: absolute;
  left: 50%;
  top: 50px;
  margin-bottom: 50px;
  transform: translateX(-50%);
  background: #fff;
  padding: 0px 50px 50px 50px;
  z-index: 1000001;
  display: inline-block;
  display: none
}

#dopyt_form .input {
  width: 48%;
  margin-right: 4%;
  float: left
}

#dopyt_form .input:nth-of-type(2n) {
  margin-right: 0
}

#dopyt_form .input.full {
  width: 100%;
  margin-right: %;
  float: none
}


#dopyt_form .heading {
  padding-bottom: 40px
}

#dopyt_form input[type=submit] {
  width: 100%;
  margin-top: 20px
}

#dopyt_form p {
  line-height: 1.8em
}

#dopyt_detail {
  width: 100%;
  margin-top: 0px;
  border-left: 1px solid rgb(198,197,200);
  border-top: 1px solid rgb(198,197,200)
}

#dopyt_detail td {
  border-right: 1px solid rgb(198,197,200);
  border-bottom: 1px solid rgb(198,197,200);
  padding: 10px 20px;
  vertical-align: top;
}

#dopyt_detail tr td:nth-of-type(1) {
  width: 210px;
  font-weight: 700;
}

#dopyt_detail tr td:nth-of-type(2) {
  width: calc(100% - 210px);
}

#offer_form {
  max-width: 350px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 25px;
  display: inline-block;
  text-align: center;
}

#offer_form .per_page,
#offer_form .total {
  width: 45%;
  display: inline-block;
  position: relative
}

#offer_form .per_page {
  float: left
}

#offer_form .total {
  float: right;
}

#offer_form .input_holder {
  width: 100%;
  border: 1px solid #ABAEBE;
  height: 50px;
  position: relative;
  padding: 0px 1px
}

#offer_form .input_holder .curr {
  position: absolute;
  right: 2px;
  top: 0px;
  height: 48px;
  width: 20px;
  line-height: 48px;
  text-align: left;
  color: #ABAEBE;
  font-size: 1.25em;
  font-weight: bold
}


#offer_form input[type=text] {
  font-weight: 700;
  font-size: 1.7em;
  color: rgb(254,9,113);
  float: left;
  width: 100%;
  height: 32px;
  line-height: 1em;
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  right: 43px;
  top: 0;
  border: 0
}

#offer_form .input_holder input {
  height: 46px;
  position: relative;
  left: auto;
  right: auto;
  width: calc(100% - 25px);
  margin-bottom: 5px
}


#offer_form .currency {
  width: 40px;
  height: 32px;
  float: right;
  line-height: 45px;
  text-transform: uppercase;
  font-size: 0.95em;
}

#offer_form .desc {
  width: 100%;
  text-align: center;
  font-size: 0.95em;
  /*border-top: 1px solid rgb(213,212,215);*/
  clear: both;
  padding-top: 5px;
  /*margin-top: 10px;*/
  display: inline-block;
  text-align: center;
}


#offer_form .per_page .currency {
  width: 52px
}

#offer_form .btn {
  margin-top: 35px;
}




#pass_form, #profile_form {
  width: 100%;
  max-width: 520px;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}

#pass_form input[type=text],
#profile_form input[type=text] {
  width: 100%;
}



#payment_type {
  max-width: 720px;
  padding: 35px 20px 0px 20px;
  position: fixed
}

#payment_type h2 {
  font-size: 1.3em;
  font-weight: 700;
  margin: 10px 0px 40px 0px
}

#payment_type #cash_pay_icon {
  margin-bottom: 35px;
}


#payment_type .btn {
  width: 290px;
  margin-bottom: 10px;
  text-transform: none;
}

#payment_type #msg_no_parts {
  width: calc(100% + 40px);
  transform: translateX(-20px);
  min-height: 62px;
  line-height: 32px;
  padding: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 1em;
  background: rgb(254,9,113);
  margin-top: 50px
}

#payment_type_confirm {
  max-width: 720px;
  padding: 65px 20px 0px 20px;
  position: fixed
}

#payment_type_confirm h2 {
  font-size: 1.3em;
  font-weight: 700;
  margin: 30px 0px 60px 0px;
  line-height: 1.8em;
  color: rgb(112,110,125)
}

#payment_type_confirm .btn {
  width: calc(100% + 40px);
  transform: translateX(-20px);
  font-size: 1.05em;
  font-weight: 600;
  height: 60px;
  line-height: 44px
}



.profil .avatar_holder {
  width: 25%;
  float: left;
  max-width: 320px;
  padding-right: 40px
}

.profil .avatar_holder .avatar {
  width: 280px;
  height: 280px;
  border-radius: 140px;
  color: #fff;
  line-height: 280px;
  font-size: 6em;
  font-weight: 400;
  text-align: center;
}

.profil .avatar_holder .avatar.gold {
  border: 5px solid #edd79c;
  line-height: 270px
}

.msg .avatar.gold {
  line-height: 42px;
  border-width: 3px
}

.msg .avatar:hover {
  text-decoration: none;
}

.profil .main {
  width: 50%;
  float: left;
  text-align: left;
  margin-left: 62px;
}

.profil h1 {
  width: auto !important;
  float: left;
  display: inline-block;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  text-align: left !important;
  margin-right: 30px;
  margin-bottom: 25px !important
}

.stars {
  float: left;
  /*background: rgb(187,181,196); */
  position: relative
}

.stars_on {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(254,28,124);
  z-index: 0;
  height: 24px
}

.stars .star {
  width: 25px;
  height: 25px;
  background: url(../images/star.png) center center no-repeat;
  background-size: 100%;
  float: left;
  z-index: 1;
  position: relative;
  transform: translateY(-1px)
}

.profil .bio {
  line-height: 1.8em;
}

.profil h2 {
  font-size: 1.2em;
  color: rgb(254,28,124);
  font-weight: 600
}

.rating_comments {

}

.rating_comment {
  width: 100%;
  margin-top: 30px
}

.rating_comment .avatar {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  color: #fff;
  line-height: 48px;
  font-size: 1.5em;
  font-weight: 400;
  text-align: center;
  float: left;
  margin-top: 3px
}

.rating_comment .text {
  width: calc(100% - 60px);
  float: right
}

.rating_comment .name {
  color: rgb(254,28,124);
  font-weight: 600
}

.rating_comment .comment {

}

.rating_comment .stars {
  margin-top: 10px
}

.profil .info {
  width: 150px;
  float: right;
}

.profil .info .item {
  border-bottom: 1px solid rgb(186,185,188);
  padding-bottom: 15px;
  margin-bottom: 15px
}

.profil .info .item .number {
  color: rgb(254,9,113);
  font-size: 3.3em;
  text-align: center;
  display: inline-block;
  width: 100%;
  line-height: 1.2em
}

.profil .info .item .desc {
  text-align: center;
}



.profil .stars_top {
  float: left;
  margin-left: 50px;
  margin-top: 3px
}



#order_manage table {
  width: 100%;
  min-width: 700px
  /*max-width: 800px */
}

#order_manage table td {
  padding: 10px 20px;
  vertical-align: top;
  min-height: 60px;
  line-height: 30px
}

#order_manage table thead td {
  background: rgb(46,42,53);
  color: #fff;
  font-weight: 700
}


.browse {
  position: relative;
}

.input_browse {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  zoom: 1;
	filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer !important;
}

.browse input[type="file" i]::-webkit-file-upload-button {
  width: 0;
  height: 0;
  padding: 0
}

.files_list {
  width: 100%;
  display: inline-block;
  /*position: relative*/
}

.files_list .file_item {
  width: 100%;
  margin-top: 5px
}

.files_list .file_item .name {
  width: calc(100% - 50px);
  float: left;
  white-space: nowrap;
  overflow: hidden
}

.files_list .file_item .percent {
  width: 30px;
  float: right
}


#rating {
  max-width: 925px;
  /*height: 410px;*/
  display: block;
  padding: 40px 115px 35px 115px;
  /*display: none */
}

#rating h2 {
  font-weight: bold;
  font-size: 1.6em
}

#rating textarea {
  width: 100%;
  min-height: 145px;
  max-height: 145px;;
  padding: 10px 15px;
  border: 3px solid rgb(69,67,82);
  border-radius: 5px;
  margin: 25px 0px 20px 0px;
  resize: none
}

#rating input[type=submit] {
  width: auto;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  background: rgb(179,204,78);
  color: #fff;
  border: 0;
  float: right;
  text-transform: uppercase;
  font-weight: 600
}

#rating .stars_holder {
  width: 100%;
  margin: 40px 0px 10px 0px;
  text-align: center;
}

#rating .stars_holder .stars {
  transform: scale(1.2);
  float: none;
  display: inline-block
}










.left {
  float: left
}

.center {
  text-align: center !important;
}

.right {
  float: right
}

.align_left {
  text-align: left !important;
}

.align_right {
  text-align: right !important;
}

.clear {
  clear: both
}

.preload {
  position: absolute;
  left: -10000px
}

.npt {
  padding-top: 0 !important
}

.nmt {
  margin-top: 0 !important
}

.full {
  width: 100%;
  max-width: 100%
}


.order_form_visible {
  height: 1000px;
  overflow: hidden
}


.order_part_info tr td:first-of-type {
  padding-right: 10px
}

.msg .order_status {
  width: 47px;
  height: 47px;
  background: red;
  color: #fff;
  position: relative;
  float: left;
  margin-right: 5px;
  line-height: 47px;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em
}

.n,
.n_1_1,
.n_1_4 {
  background: red;
  color: #fff
}

.s {
  background: grey;
  color: #fff
}

.order_status.n_2_4,
.order_status.n_3_4,
.order_status.n_4_4 {
  background: pink;
  color: #fff
}

.order_status.b_1_1,
.order_status.b_1_4,
.order_status.b_2_4,
.order_status.b_3_4,
.order_status.b_4_4 {
  background: rgb(173,211,41);
  color: #fff
}

.order_status.c_1_1,
.order_status.c_1_4,
.order_status.c_2_4,
.order_status.c_3_4,
.order_status.c_4_4 {
  background: #6495ed;
  color: #fff
}

.order_status.f {
  background: green;
  color: #fff
}


.msgs_index_table_head {
  width: 100%;
  margin-bottom: 15px
}

.msgs_index_table_head .msgs_col_name {
  float: left;
  font-weight: bold;
}

.msgs_index_table_head .msgs_col_name.order_s {
  width: 50px;
  text-align: center;
  margin-right: 10px
}

.msgs_index_table_head .msgs_col_name.order_id {
  width: 47px;
  text-align: center;
}


.close_order_part {
  margin-top: 10px
}


@media screen and (max-width: 1400px) {

  header nav {
    margin-right: 10px;
  }

}

@media screen and (max-width: 1350px) {

  header nav {
    margin-right: 10px;
  }

  header nav li {
    padding: 0px 8px 0px 8px
  }

  #account .btn {
    padding-left: 20px;
    padding-right: 20px;
  }

  article .ins {
    max-width: 1050px
  }
}


@media screen and (max-width: 1250px) {

  header nav {
    width: 100%;
    margin-right: 0;
    float: none;
    clear: both;
  }

  header nav li {
    width: 14.2857%;
    padding: 0;
    text-align: center;
    display: inline-block
  }

  header nav a {
    height: 65px;
    line-height: 60px
  }

  .logged #account {
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .profil .avatar_holder .avatar {
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 3.7em
  }

  .profil .avatar_holder .avatar.gold {
    line-height: 140px
  }

}

@media screen and (max-width: 1150px) {
 /*
  .msg .order_status {
    position: relative;
    left: 0;
    margin-top: 60px;
    float: left
  }
    */
}

@media screen and (max-width: 1100px) {



  #stats .item:first-of-type {
    border-left: 0
  }

  #stats .ins {
    border-right: 0
  }

  .dopyty_volne .dopyt {
    width: 47%;
    margin-right: 6%;
  }

  .dopyty_volne .dopyt:nth-of-type(3n) {
    margin-right: 6%;
  }

  .dopyty_volne .dopyt:nth-of-type(2n) {
    margin-right: 0%;
  }

  .dopyty_volne .dopyt:nth-of-type(3) {
    margin-top: 25px
  }

  .dopyty_volne .dopyt:nth-of-type(3n+1) {
    clear: none
  }

  .dopyty_volne .dopyt:nth-of-type(2n+1) {
    clear: both
  }

}



@media screen and (max-width: 950px) {

  #account {
    min-height: 1px;
  }

  header nav {
    margin: 15px 0px 10px 0px;
    display: inline-block
  }

  header nav li {
    width: 25%;
  }

  header nav a {
    height: 40px;
    line-height: 37px
  }

  header nav a:hover, header nav a.active {
    border-top-width: 3px
  }

  #logo {
    height: 60px
  }

  .logged #account {
    padding-top: 15px;
  }

  #account .btn {
    margin-top: 13px;
    height: 36px;
    line-height: 26px;
    padding-top: 5px;
    padding-bottom: 5px
  }

  #submenu a,
  .sub #submenu a {
    width: 33.33%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    float: left;
    overflow: hidden;
  }

  #submenu,
  .sub #submenu {
    padding-top: 5px
  }

  #hp_banner {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px
  }

  #hp_banner h1 {
    font-size: 2.5em
  }

  .reasons {
    margin: 0px
  }

  .reasons .item {
    width: 33.33%;
    margin: 20px 0px 20px 0px
  }

  #ratings .slide .holder {
    padding-left: 50px;
    padding-right: 50px
  }

  .sub #heading {
    min-height: 1px;
    padding-top: 90px
  }

  #heading .holder_div {
    display: inline-block;
    height: auto;
    padding: 20px 30px 40px 30px;
    text-align: center;
  }

  #heading .holder {
    display: inline-block;
    height: auto;
  }

  body.o-nas #heading .holder {
    padding-bottom: 0px
  }

  #about_persons {
    margin-top: 0
  }

  .profil .avatar_holder {
    display: none
  }

  .profil .main {
    width: 80%
  }

  .profil .info {
    width: 20%
  }

}

@media screen and (max-width: 830px) {

  footer nav {
    width: 100%
  }

  footer ul li {
    width: 33.33%;
    margin: 0
  }

  footer ul li a {
    height: 50px;
    line-height: 40px;
    border-top-width: 3px
  }

  footer ul li a:hover {
    border-top-width: 3px
  }

  .kontakt_left {
    width: 100%;
    float: none;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .kontakt_right {
    width: 100%;
    max-width: 100%;
    float: none;
  }

  #login, #register {
    padding: 0px 30px 50px 30px
  }

  #login .heading, #register .heading {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .msgs_detail_heading .back {
    display: none
  }

  .msgs_detail_heading .name {
    width: calc(100% - 135px);
    font-size: 1.15em;
    line-height: 1.5em;
  }


  .msg .text {
    width: calc(100% - 100px)
  }

  .msg.msg_form .text {
    width: 100%
  }



}

@media screen and (max-width: 750px) {

  #stats .item {
    width: 50%;
    padding: 30px 10px 30px 10px
  }

  #stats .item:nth-of-type(1),
  #stats .item:nth-of-type(2) {
    border-bottom: 1px solid rgb(225,221,231)
  }

  #stats .item:nth-of-type(3) {
    border-left: 0
  }

  #dopyt_form .input {
    width: 100%;
    margin-right: 0%;
    float: none
  }

}

@media screen and (max-width: 680px) {

  #hp_banner h1 {
    font-size: 2em
  }

  #hp_banner .btn {
    padding: 0px 40px 0px 40px
  }

  .reasons .item {
    width: 50%;
  }

  #ratings .text {
    font-size: 1.2em
  }

  #ratings .obj {
    font-size: 1.4em
  }

  #ratings .slide .holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  footer ul li {
    width: 50%;
  }

  header nav li {
    width: 33.33%;
  }

  .dopyty_volne .dopyt {
    width: 100%;
    float: none;
    margin-right: 0% !important;
  }

  .dopyty_volne .dopyt:nth-of-type(2) {
    margin-top: 25px
  }

  .profil .main {
    width: 100%;
    float: none
  }

  .profil .info {
    width: 100%;
    float: none;
    margin-top: 50px
  }

}


@media screen and (min-width: 551px) {

  header nav, #submenu {
    display: inline-block !important
  }

}

@media screen and (max-width: 550px) {


  header nav li {
    width: 100%;
    float: none
  }

  #logo {
    width: 100%;
    float: none
  }

  #account {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 10px
  }

  #account .btn {
    margin-top: 0;
    float: none
  }

  #hp_banner h1 br {
    display: none
  }

  h2.type1 {
    font-size: 1.4em
  }

  .subheading {
    font-size: 1.1em
  }

  .reasons .item .text {
    font-size: 1.15em;
  }

  #ratings .swiper-button-next,
  #ratings .swiper-button-prev {
    width: 40px;
    height: 40px
  }

  #ratings .swiper-button-prev {
    background-position: 12px center;
  }

  #ratings .swiper-button-next {
    background-position: right 10px center
  }

  #ratings .slide .holder {
    padding-left: 10px;
    padding-right: 10px;
  }

  #ratings .text {
    margin: 40px 0px 35px 0px
  }

  #stats .item .number {
    font-size: 3.5em;
    height: 60px
  }

  section {
    padding: 40px 0px 31px 0px;
  }

  #hamburger {
    display: inline-block;
  }

  header nav, #submenu {
    display: none
  }

  #submenu a {
    width: 50% !important;
  }

  .sub #heading {
    padding-top: 0px
  }

  #heading .holder_div {
    padding: 35px 30px 45px 30px;
  }

  #heading h1 {
    font-size: 2em
  }

  article h2 {
    margin: 10px 0px
  }

  .cennik p {
    font-size: 1em
  }

  .sub #submenu {
    position: relative;
    bottom: auto;
    transform: none;
    background: rgb(46,42,53)
  }

  #cennik .item {
    width: 50%
  }


  .popup .close {
    right: 10px;
    top: 10px
  }

  #login .heading, #register .heading {
    font-size: 1.8em
  }

  #dopyt_form,
  #login, #register, #pass_lost {
    width: 100%;
    left: 0;;
    transform: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logged #account {
    width: auto;
    height: 45px;
    padding-top: 0;
    text-align: center;;
    max-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 15px
  }

  .logged #hamburger:not(.user_menu) {
    left: 20px;
    position: absolute;
    top: 85px;
    transform: none
  }

  .sub2 article {
    padding-top: 30px
  }

  .sub2 article h1 {
    font-size: 1.7em
  }

  .rating_comment .avatar {
    display: none
  }
  .rating_comment .text {
    width: 100%;
    float: none
  }

  article h2 {
    font-size: 1.2em;
    margin-top: 30px
  }


  .msg .avatar {
    display: none
  }

  .msg .text {
    width: 100%;
    padding-left: 0
  }

  .msg .order_status {
    margin-top: 0;
  }

  .chat_index .msg .avatar {
    display: inline-block;
    float: left;
    position: relative;
    left: 0;
    top: 0;
    margin-left: 10px
  }

  .chat_index .msg .text {
    margin-top: 10px
  }

  .chat_index .msg .text {
    width: 100%;
    padding: 0 !important
  }

  .chat_index .msg .when {
    position: absolute;
    right: 15px;
    top: 15px;
  }

  #logo {
    background-size: contain
  }


}

@media screen and (max-width: 450px) {
  /*
  #submenu a {
    width: 100%
  }
  */
  #hp_banner h1 {
    font-size: 1.7em
  }

  #hp_banner .btn {
    padding: 0px 20px 0px 20px;
    font-size: 1.1em
  }

  .reasons .item {
    width: 100%;
    float: none
  }

  #stats .item {
    width: 100%;
    float: none;
    border-bottom: 1px solid rgb(225,221,231)
  }

  #stats .item:nth-of-type(4) {
    border-bottom: 0
  }

  footer ul li {
    width: 100%;
    float: none;
    text-align: center;
    display: inline-block
  }

  footer nav {
    padding-bottom: 10px
  }

  footer ul li a {
    height: 40px;
    line-height: 37px;
  }

  footer #social a {
    width: 50px;
    height: 50px;
    margin: 0px 10px 0px 10px
  }


  footer #social a:before {
    line-height: 44px
  }

  footer #social {
    padding: 30px 0px 30px 0px
  }

  footer #copyright {
    margin-bottom: 40px
  }

  .kontakt_left table tr td:first-of-type {
    width: 105px;
  }

  #kontakt_form {
    margin-top: 15px
  }

  #kontakt_form input[type=submit] {
    float: none;
    margin-top: 15px
  }

  #login .remember {
    width: 100%;
    float: none
  }

  #login .lost_pass {
    width: 100%;
    float: none;
    text-align: left;;
    margin-top: 25px
  }

  #login input[type=submit],
  #register input[type=submit] {
    margin-top: 15px
  }

  #register .reg_type .check {
    margin: 0px 0px 20px 0px;
    width: 100%
  }

  #register .reg_type .check:nth-of-type(2) {
    margin-bottom: 0
  }

  .admin_logged_topbar span {
    display: none
  }

  .msgs_detail_heading .section {
    width: 100%;
    float: none;
    border-right: 0;
    margin-bottom: 20px
  }

  .msgs_detail_heading .name {
    width: 100%;
    float: none
  }




}


@media screen and (max-width: 400px) {

  #cennik .item {
    width: 100%;
    float: none
  }

}

@media screen and (max-height: 400px) {

  #login {
    position: absolute;
  }

}