*:focus {
	outline:none !important;
}

*::-webkit-input-placeholder {
	color:#adadad;
}

*::-moz-placeholder {
	color:#adadad;
}

*:-moz-placeholder {
	color:#adadad;
}

*:-ms-input-placeholder {
	color:#adadad;
}

select {
	background :url(../img/arr.png) 96% center no-repeat;
  	padding: 0 25px 0 0;
  	-webkit-appearance: none;
  		-moz-appearance: none;
 			appearance: none;
}

select::-ms-expand {
    display: none;
}

.unselectable {
  	-moz-user-select: none;
  		-webkit-user-select: none;
  			-ms-user-select: none;
    			user-select: none;
}

.container {
	width: 1050px !important;
}

body {
	font-family: "RobotoRegular";
	font-size: 14.4px;
	color:#545454;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}

a, butoon {
	border:none;
	outline:none;
	-webkit-transition: 0.4s;
		-o-transition: 0.4s;
			transition: 0.4s;
}

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

.butt {
	display: inline-block;
	font-family: "RobotoBold";
	color:#fff;
	text-align: center;
	height: 36px;
	line-height: 36px;
	border-radius: 21px;
	background-color: #79cbc7;
	padding: 0 2px;
	border:none;
	outline:none;
}

.butt:hover {
	-webkit-box-shadow: 0 0 15px #79cbc7;
		box-shadow: 0 0 15px #79cbc7;
}

input,
select,
.butt-manage {
	background-color: #feffff;
	border-radius: 20px;
	margin-bottom: 15px;
	color:#000;
	max-width: 370px;
	width: 100%;
	display: inline-block;
	border:none;
	outline:none;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
}

input.has-error,
select.has-error  {
    border: 1px solid #a94442;
}

input.has-success,
select.has-success {
    border: 1px solid #3c763d;
}

.wrap-list {
	position: relative;
}

.role-button {
	display: inline-block;
	vertical-align: middle;
}

.list + .role-button {
	margin-left: 30px;
}

.list-check {
	display: inline-block;
}

.role-button > button,
.role-button > span {
	display: inline-block;
	vertical-align: bottom;
}

.role-button > button {
	display: inline-block;
	background-color: transparent;
	border:none;
	outline:none;
}

.role-button > button i {
	-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.role-button > button .fa-plus {
	color:#7accc8;
	font-size: 18px;
}

.role-button > button {
	color:#d2d2d2;
	font-size: 19.8px;
}

.role-button > button .fa-trash {
	color:rgba(207, 37, 37, 0.71);
	font-size: 19.8px;
}
.role-button > span {
	color:#b9b9b9;
	font-size: 21.6px;
}

.role-button > button:hover i {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}
/*=====HEADER TOP LINE=====*/
.header {
	min-height: 55px;
	position: relative;
	margin: 0 0 40px 0;
	padding: 6px 0 2px;
	-webkit-box-shadow: 0 1px 16px rgba(24,24,24,.2);
	    box-shadow: 0 1px 16px rgba(24,24,24,.2);
}

.header-wrapper {
	width: 1228px;
	margin: 0 auto;
}

.header-logo {
	padding-top: 9px;
    display: block;
}

.header-logo img {
	max-width: 108px;
	width: 100%;
	height: auto;
}

.header-nav {
	padding: 14px 0 0 30px;
}

.header-nav a,
.nav-tab a,
.list-cats span {
	font-family: "RobotoBold";
	font-size: 15.3px;
	line-height: 15.3px;
	color:#b3b3b3;
}

.list-cats span:hover {
	cursor: pointer;
}

.header-nav li {
	float: left;
	margin-right: 50px;
	-webkit-transform: all 0.4s;
	    -ms-transform: all 0.4s;
	        transform: all 0.4s;
}

.header-nav li:last-child {
	margin-right: 0;
}

.header-nav li.active {
	position: relative;
}

.header-nav li:before {
	position: absolute;
	content: '';
	width: 0%;
	height: 2px;
	background-color: #7accc8;
	top:38px;
	left: 0;
}

.header-nav li.active:before {
	width: 100%;
	top:34px;
}

.header-nav li.active a,
.nav-tab li.active a  {
	color:#4b4b4b;
}

.list-cats li.active span  {
	color: #000;
}

.header-info > div,
.header-info > a,
.header-info-yet > div,
.header-info-yet > button,
.header-info-yet > img {
	display: inline-block;
	vertical-align: middle;
}

.header-info .masa {
	font-family: "RobotoBold";
	color:#5d5d5d;
}

.header-info .masa > span {
	color:#b3b3b3;
}

.header-info-pin  i {
	-webkit-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	        transform: rotate(30deg);
	font-size:30px;
	color:#ccc;
}

.header-info-pin > sup {
	font-family: "RobotoBold";
	color:#7accc8;
	font-size: 100%;
	top: -1.2em;
}

.header-info .butt {
	color:#fff;
	width: 170px;
	margin: 0 30px;
	height: 36px;
	line-height: 36px;
	font-size: 14.4px;
}

.header-info-text button > span {
	display: inline-block;
	vertical-align: middle;
}

.header-info-text button > span >  span:first-child,
.header-info-text button > span > span:nth-child(2) {
	display: block;
	font-family: "RobotoBold";
	text-align: left;
}

.header-info-text button > span > span:first-child {
	font-size: 16.2px;
	line-height: 16.2px;
	color:#4b4b4b;
}

.header-info-text button > span > span:nth-child(2) {
	color:#7accc8;
	font-size: 12.6px;
}

.header-info-yet img {
	margin: 0 5px 0 0;
}

.header-info-yet button {
	background-color: transparent;
	outline:none;
	border:none;
	padding: 5px;
}

.header-info-yet .caret {
	border-top: 6px dashed #c2c2c2;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.header-info-text .dropdown-menu {
	background-color: #e8e8e8;
	padding: 25px 15px;
	min-width: 190px;
	left: auto;
	right: 0;
	border:none;
	border-radius: 0;
	top: 55px;
}

.header-info-text .dropdown-menu:before {
	position: absolute;
	left: auto;
	right: 0;
	content: '';
	background-color: #7accc8;
	height: 3px;
	width: 162px;
	top: -3px;
}

.header-info-text .dropdown-menu > li {
	position: relative;
}

.header-info-text .dropdown-menu > li > a {
	font-family: "RobotoBold";
	color:#b3b3b3;
	font-size: 14.4px;
	line-height: 24.3px;
}

.header-info-text .dropdown-menu .divider {
	border:1px solid #fff;
}

.header-info-text .dropdown-menu .drop-cap a {
	color: #7accc8;
}

.notification {
	position:  absolute;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background-color: #aed43b;
	color:#fff;
	text-align: center;
	font-family: "RobotoBold";
	font-size: 12px;
	border-radius:50px;
	left: -7px;
	top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
/*=====END HEADER TOP LINE=====*/
/*===== STORONA GLOWNA ======*/
.nav-tab {
	padding: 35px 0 0 15px;
}

.nav-tab li {
	padding: 10px 0 10px 30px;
}

.nav-tab li.active {
	border:2px solid #7accc8;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	border-right: 2px solid #fff;
	width: 129px;
	position: relative;
	z-index: 10;
	background-color: #fff;
}

.sorting-item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 80px;
}

.sorting-item > span {
	font-size: 12.6px;
	text-transform: uppercase;
	font-family: "RobotoBold";
	line-height: 27px;
}

.sorting-item > span:first-child {
	color:#a0a0a0;
}

.sorting-item-type {
	text-transform: uppercase;
	font-size: 12.6px;
	color:#7accc8;
	position: relative;
	cursor: pointer;
}

.sorting-item-type:hover {
	-webkit-filter:invert(10%);
	    filter:invert(10%);
}

.sorting-item-type:focus {
	color:#7accc8;
}

.sorting-item-type:after {
	font-stretch: ultra-expanded;
	position: absolute;
	content: '\203A';
	top: -9px;
	right: -14px;
	left: auto;
	color:#7accc8;
	font-size: 21.6px;
	font-family: "RobotoBlack";
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}


.wrapper-main,
.sorting {
	position: relative;
}

.section-add .wrapper-main {
	padding-left: 30px;
}

.wrapper-main:before,
.wrapper-main:after {
	content: '';
	position: absolute;
	background-color: #7accc8;
	left: -34px;
}

.wrapper-main:before {
	height: 2px;
	width: 770px;
}

.wrapper-main:after {
	height: 690px;
	width: 2px;
	top: 0;
}

.wrapper-main-inside {
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
}

.list-check {
	border-bottom: 2px solid #eee;
	max-width: 540px;
	padding-left: 80px;
}

.first-tags {
	position: absolute;
    left: 0;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-check li {
	display: inline-block;
	vertical-align: middle;
	margin: 15px 10px -2px 0;
	border-bottom: 2px solid transparent;
}

.list-check  .checking-label {
	margin-bottom: 5px;
}

.list-check .checking-label input:checked + span {
	background-color: #7accc8;
}

.list-check li.active {
	border-color:  #7accc8;
}

.parts {
	margin: 0 0 50px 0;
}

.parts-img {
	width: 100%;
	height: 192px;
	overflow:hidden;
	position: relative;
}

.fov-bg {
	position: absolute;
	text-align: center;
	display: block;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.18);
    text-align: center;
    padding-top: 8px;
}

.parts-img i {
	display: inline-block;
	color:#fff;
	font-size: 24px;
	cursor: pointer;
	-webkit-transform: rotate(20deg);
	    -ms-transform: rotate(20deg);
	        transform: rotate(20deg);
}

.parts-img i.active {
	color: #7accc8;
	-webkit-filter: invert(10%);
	        filter: invert(10%)
}
.parts-img img {
	width: 100%;
	height: 192px;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: all .4s;
		-o-transition: all .4s;
			transition: all .4s;
}

.parts-img:hover img {
	-webkit-filter:grayscale(50%);
	        filter:grayscale(50%);	
}

.parts-text h3 {
	margin: 10px 0 5px;
}

.parts-text h3 a {
	color:#545454;
	font-family: "RobotoBold";
	font-size: 15.3px;
}

.parts-text h3 a:hover {
	color:#7accc8;
}

.part-autor {
	color:#bbb;
	font-size: 12.6px;
}

.part-autor > span {
	color:#7accc8;
}

.parts-star {
	margin: 0 0 10px 0;
}

.background-star {
	background-color: #7accc8;
}

.parts-star > div,
.parts-star-left > div,
.parts-star-left > span {
	display: inline-block;
	vertical-align: bottom;
}

.parts-star-right-wrapper {
	float: right;
}

.backgournd-star-wrap {
	position: relative;
	height: 24px;
	z-index: 0;
}

.background-star {
	position: absolute;
	z-index: 1;
	height: 100%;
	left: 0;
}

.backgournd-star-wrap img {
	height: 100%;
	position: absolute;
	z-index: 10;
}

.parts-star-left-view {
	padding: 12px 0 0 0;
}

.parts-star-left > div {
	width: 100px;
	margin:0 12px 0 0;
}

.parts-star img {
	width: 100%;
	height: 100%;
}

.parts-star-like {
	font-size: 16px;
	color:#7accc8;
}

.parts-star-right {
	float: right;
}

.parts-star-money {
	display: inline-block;
	padding: 5px;
	color:#fff;
	font-size: 16px;
	background-color: #7accc8;
}

.parts-star-money > span {
	font-family: "RobotoBold";
	font-size: 20px;
}

.parts-comment > img,
.parts-comment > span {
	display: inline-block;
	vertical-align: middle;
}

.parts-comment img {
	margin: 4px 10px 0 0;
}

/*===== END STORONA GLOWNA ======*/

/*===== SIGNIN PAGE ======*/
.box-form {
	background-color: #e8e8e8;
}

.signin .box-form,
.signin .box-form-inside {
	width: 100%;
	margin:0 auto;
}

.signin .box-form {
	max-width: 648px;
	padding: 50px 0;
	margin-bottom: 15px;
}

.signin .box-form-inside {
	max-width: 370px;
}

.registration-butt {
	display: inline-block;
	color:#545454;
}

.registration-butt:hover {
	color:#7accc8;
}

.checking-label {
	display: block;
	margin-bottom: 30px;
}

.checking-label > span {
	display: inline-block;
	vertical-align: middle
}

.checking-label > span:nth-child(2) {
	display: inline-block;
	width: 15px;
	height: 15px;
	border:1px solid #c2c2c2;
	background-color: #fff;
	cursor: pointer;
	margin-right: 6px;
}

.checking-label input:checked + span {
	background-color: #7accc8;
}

.checking-label > input {
	display: none;
}

.checking-label + .butt {
	display: block;
	width: 100%;
	max-width: 225px;
	margin:0 auto;
	height: 45px;
	line-height: 45px;
	-webkit-transition: 0.4s;
		-o-transition: 0.4s;
			transition: 0.4s;
}
/*===== END SIGNIN PAGE ======*/

/*===== SIGNUP PAGE ======*/
.signup .box-form,
.signup .box-form-inside {
	margin:0 auto;
}

.signup .box-form {
	width: 900px;
	padding: 40px;
	margin-bottom: 4px;
}

.signup .box-form-inside {
	width: 558px;
}

.work-butt {
	color: #7accc8;
}

.change-avatar img,
.change-avatar .work-butt{
	display: inline-block;
	vertical-align: middle;
}

.change-avatar img {
	width: 50px;
	height: 50px;
	-o-object-fit: cover;
	   object-fit: cover;
	margin-right: 10px;
}

.box-form-inside-row {
	margin-bottom: 20px;
}

.box-form-inside-row > div,
.box-form-inside-row > input,
.wrapper-img-form img,
.wrapper-img-form span {
	display: inline-block;
	vertical-align: middle;
}

.box-form-inside-row > div:first-child {
	width: 180px;
	padding-right: 10px;
}

.box-form-inside-row > input {
	margin: 0;
}

.signup .butt {
	width: 260px;
	margin: 40px 0;
	height: 45px;
	line-height: 45px;
	-webkit-transition: 0.4s;
		-o-transition: 	0.4s;
			transition: 0.4s;
}

.wrapper-img-form span {
	font-family: "RobotoBold";
	color:#7accc8;
}

.wrapper-plugin-img {
	width: 45px;
	height: 45px;
	border-radius:50%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.wrapper-plugin-img img {
	width: 45px;
	height: 45px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.box-form.box-form-oper {
	margin-bottom: 30px;
}

.history.list {
	margin-bottom: 30px;
	padding-left: 70px;
}

.history.list li a {
	font-family: "RobotoBold";
	font-size: 15.3px;
	padding-bottom: 5px;
	float: left;
	margin-right: 45px;
	color:#b3b3b3;
}

.history.list li.active a {
	color:#7accc8;
	border-bottom: 2px solid #7accc8;
}

.content.signup.my-profil button {
	width: 148px;
}

.box-form-operacii {
	display: inline-block;
}

.list-operacii {
	display: inline-block;
	vertical-align: middle;
	margin-right: 100px;
}

.list-operacii:last-child {
	margin-right: 0;
}

.list-operacii > span {
	display: block;
	text-align: center;
	font-size: 13.5px;
}

.list-operacii > span:last-child {
	font-family: "RobotoBold";
}
.color-change,
.table-operacii .autor,
.plusbalans {
	color:#7accc8;
}

.table-operacii {
	width: 900px;
	margin:0 auto;
}
.table-operacii.table>tbody>tr>td, 
.table-operacii.table>tbody>tr>th, 
.table-operacii.table>tfoot>tr>td, 
.table-operacii.table>tfoot>tr>th, 
.table-operacii.table>thead>tr>td, 
.table-operacii.table>thead>tr>th {
	border:none;
	border-bottom:1px solid #dcdcdc;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.table-operacii.table>tbody>tr>th {
	color:#bababa;
	font-family: "RobotoLight";
	font-size:14px;
}

.table-operacii.table>tfoot>tr>td,
.table-operacii.table>thead>tr>td,
.table-operacii.table>tbody>tr>td {
	font-family: "RobotoBold";
	font-size:12.6px;
}

.time {
		font-family: "RobotoLight";
}
/*===== END SIGNUP PAGE ======*/
/*===== ANALITIKA PAGE ======*/

table.table  {
	margin-bottom: 80px;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
	vertical-align: middle;
	text-align: center;
}
.table > thead > tr > th {
	font-family: "RobotoLight";
	color:#adadad;
	text-align: center;
	border-top:none;
	vertical-align: middle;
}
.table > tbody > tr > td {
	font-family: "RobotoRegular";
	text-align: center;
	vertical-align: middle;
}

.donate {
	color:#7accc8;
}
/*===== END ANALITIKA PAGE ======*/
/*===== ADMIN-MANAGE PAGE ======*/
.admin-manage .box-form {
	padding: 50px;
	margin-bottom: 50px;
}

.admin-manage .box-form.box-form-list {
	margin-bottom: 30px;
}

.half-wrap > input {
	width: 49%;
}

.butt-manage {
	font-family: "RobotoBlack";
	max-width: 225px;
	height: 50px;
	line-height: 40px;
	border: 4px solid #7accc8;
	color:#7accc8;
	border-radius: 40px;
	margin-top: -4px;
	-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
			transition: all 0.4s;
}

.butt-manage:hover {
	color:#fff;
	background-color:#7accc8;
}

.green {
	border-left: 10px solid #83cfcc;
}

.red {
	border-left: 10px solid #ff0000;
}

.yellow {
	border-left: 10px solid #ffec50;
}

.opacity {
	border-left: 10px solid transparent;
}

.pink {
	border-left: 10px solid palevioletred;
}

.donate-red {
	color: #ff0000;
}

.donate-darkgreen {
	color: #01c534;
}
/*===== END ADMIN-MANAGE PAGE ======*/

/*===== ADD PAGE ======*/
.calc {
	position: absolute;
	right: -55px;
	top: 2px;
	font-size: 10.8px;
}

.section-add {
	padding: 25px 0 30px;
}

.add-form-inside {
	width: 594px;
	margin:0 auto;
}

.caption-add {
	font-family: "RobotoBold";
	font-size: 16.11px;
	padding: 0 0 10px 0;
	margin: 0;
	border-bottom: 6px solid #ebebeb;
}

.top-form-row {
	position: relative;
}

.top-form-row > label {
	float: left;
	width: calc(10% - 14px);
	margin: 7px 14px 0 0
}

.top-form {
	margin:0 0 30px 0;
	background-color: #f3f3f3;
	border:1px solid #cdcdcd;
	border-radius: 0;
	max-width: 90%;
	width: 100%;
}

input.top-form {
	float: right;
	height: 35px;
	line-height: 33px;
	padding: 0 10px;
	color:#545454;
}

textarea.top-form {
	min-height: 110px;
	padding: 10px;
}

#cena {
	float: left;
	width: 63px;
	margin: 0 10px 0 0;
}

#cena + span {
	display: inline-block;
	vertical-align: middle;
	margin: 7px 0 0 0;
}

.add-form .wrapper-main:before {
	display: none;
}

.add-form .wrapper-main:after {
    left: 7px;
    height: 250px;
}

.add-form .nav-tab {
    padding: 45px 0 0 50px;
}

.add-form  .wrapper-main-inside {
	padding-top: 0;
}

.add-form .nav-tab {
	padding-top: 0;
}

.section-add + hr {
   	margin: 0;
    border: 0;
    border-top: 6px solid #ebebeb;
    opacity: 1;
}

.caption-add-picture {
	font-family: "RobotoBold";
	display: block;
}

.caption-add-text {
	font-size: 11.7px;
}

.caption-add-text > span {
	font-family: "RobotoBold";
}

.row-down {
	margin-bottom: 20px;
}

.file-upload {
	display: inline-block;
	vertical-align: middle;
	margin: 0 26px 0 0;
	overflow: hidden;
    width: 63px; 
    height: 63px; 
    background: #f3f3f3;
	border:1px solid #cfcfcf;
    text-align: center;
    position: relative;
    -webkit-transition: all 0,4s;
    	-o-transition: all 0,4s;
    		transition: all 0,4s;	
}

.file-upload:hover {
	background-color: #7accc8;
}

.file-upload input[type="file"] {
    display: none; 
}

.file-upload label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.file-upload span i {
	font-size: 14.4px;
	line-height: 14.4px;
	display: inline-block;
	vertical-align: middle;
	color:#fff;
}

.section-add-buttons > span,
.section-add-buttons > button {
	display: inline-block;
	vertical-align: middle;
}

.section-add-buttons > span {
	font-size: 13.5px;
	color:#7accc8;
	margin: 0 15px 0 0;
}

.section-add-buttons > button {
	width: 144px;
}
/*===== VIEW PAGE ======*/
.carusel-content {
	position: relative;
}

.carusel-item {
	position: relative;
}

.carusel-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.carusel-item > a {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 63px;
	height: 68px;
	background-color: rgba(0, 0, 0, 0.18);
	text-align: center;
	padding-top: 10px;
}

.carusel-item > a:hover i,
.carusel-item > a:hover span {
	color:#7accc8;
}

.carusel-item > a i,
.carusel-item > a span {
	display: block;
}

.carusel-item > a i {
	color:#c3c3c3;
	font-size: 27px;
	-webkit-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	        transform: rotate(30deg);
}

.carusel-item > a span {
	font-size: 11px;
	line-height: 24px;
	color:#fff;
}

.owner {
	margin: 0 0 20px 0;
}

.owner img,
.owner span {
	display: inline-block;
	vertical-align: middle;
}

.owner img {
	margin: 0 20px 0 0;
}

.owner span {
	font-size: 19.8px;
	color:#7accc8;
}

.owner + h3 {
	font-family: "RobotoBold";
	font-size: 16.2px;
	margin: 0 0 15px 0;
}

.view-about .parts-star-right {
	width: auto;
}

.view-about .parts-star-left {
	float: left;
	width: auto;
	padding: 10px 0 0 0;
}

.view-about .parts-star-left > div {
	margin-right: 4px;
}

.view-about .parts-star-like {
	color:#7accc8;
}

.view-about .background-star {
	width: 100%;
}

.view-about .parts-star {
	margin: 0 0 30px 0;
}

.static {
	position: static;
}

.butt-buy {
	position: absolute;
	width: 180px;
	top: auto;
	bottom: 0;
	text-align: center;
}

.butt-buy > button {
	max-width: 180px;
	width: 100%;
}

.text-parts {
	font-size: 11.7px;
	display: block;
	padding: 10px 0 20px 0;
}

.text-parts > span {
	font-family: "RobotoBold";
}

.view-part-line {
	position: relative;
}

.view-part-line:after {
	position: absolute;
	content: '';
	height: 2px;
	width: 100%;
	background-color: #7accc8;
	top: 10px;
	right: 0;
}

.view-line-caption {
	font-family: "RobotoBold";
	font-size: 13.5px;
	display: block;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
	z-index: 10;
	background-color: #fff;
	padding-right: 20px;
}

.view-part-category {
	padding-bottom: 16px;
}

.view-part-category-caption{
	display: inline-block;
	vertical-align: middle;
}

.view-part-category-caption {
	margin-right: 10px;
}

.view-part-line .parts-star-left{
	width: auto;
	float: right;
}

.view-part-line .background-star {
	width: 100%;
}

.view-part-line .backgournd-star-wrap img {
	width: 100%;
	height: 100%;
}

.header-com {
	margin-bottom: 20px;
}

.header-com img,
.header-com p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.header-com img {
	margin-right: 25px;
}

.header-com p > span {
	display: block;
}

.header-com p > span:first-child {
	font-size: 15.3px;
	line-height: 17.3px;
	color:#7accc8;
}

.header-com p > span:last-child {
	font-family: "RobotoBold";
	font-size: 13px;
	line-height: 15px;
}

.comm-line {
	background-color: #ebebeb;
	margin: 30px 0 30px 0;
	width: 100%;
	height: 1px;
}

.add-comments textarea {
	border: 1px solid #c9c9c9;
	background-color: #f3f3f3;
	width: 100%;
	min-height: 100px;
	margin:15px 0;
	padding: 10px;
	font-size: 14px;
}

.add-comments textarea::-webkit-input-placeholder {
	color:#adadad;
}

.add-comments textarea::-moz-placeholder {
	color:#adadad;
}

.add-comments textarea:-moz-placeholder {
	color:#adadad;
}

.add-comments textarea:-ms-input-placeholder {
	color:#adadad;
}

.add-comments button {
	width: 153px;
	margin-bottom: 20px;
}
/*===== END VIEW PAGE ======*/

/*===== ACCEPT ======*/
.accept-caption {
	font-family: "RobotoBold";
    font-size: 24px;
    line-height: 24px;
	color:#4b4b4b;
	text-transform: uppercase;
}

.accept .box-form {
	width: 657px;
}

/*===== END ACCEPT ======*/

/*===== POPUP ======*/
.close {
	position: absolute;
	z-index: 100;
	top: 5px;
	right: 15px;
	cursor: pointer;
	font-size: 50px;
	line-height: 50px;
	font-family: "RobotoLight";
}

.modal-content {
	padding: 70px 35px 35px;
}

.modal-picture img {
	width: 100%;
	height: auto;
}

.modal-dialog {
	width: 697px;
}

.modal-part-wrap h3 {
	margin: 0;
}

.modal-part-wrap h3 a {
	font-family: "RobotoBold";
	font-size: 16.2px;
	margin: 0;
	color:#545454;
}

.modal-buttons {
	float: right;
}

.butt-modal {
	width: 180px;
	display: block;
}

.butt-modal:first-child {
	margin-bottom: 20px;
}

.butt-modal:last-child {
	background-color: #dcdcdc;
}

.butt-modal:hover,
.butt-modal:focus {
	color:#fff;
}
.modal-picture-small,
.modal-description {
	display: inline-block;
	vertical-align: middle;
}

.modal-picture-small {
	text-align: center;
	padding-right: 30px;
}

.modal-picture-small img {
	max-width: 153px;
	width: 100%;
	height: auto;
}

.modal-description {
	width: 324px;
}

.modal-cap,
.modal-cap + p {
	font-size: 16.11px;
}

.modal-cap {
	display: block;
	font-family: "RobotoBold";
}
/*===== END POPUP ======*/

/*===== my style ===== */
textarea.has-error,
div.has-error {
    border: 1px solid #a94442;
}

textarea.has-success,
.has-success {
    border: 1px solid #3c763d;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.file-upload {
	cursor: pointer;
	position: relative;
	z-index: 0;
	color: #fff;
	-o-object-fit: contain;
	   object-fit: contain;
}

.progress {
	position: absolute;
	z-index: 1;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 5px solid #ddd;
	border-top-color: #000;
	-webkit-animation: spin 1s infinite;
	        animation: spin 1s infinite;
	display: none;
}

.upload-progress {
	color: #7accc8;
	line-height: 70px;
}

.progress.static {
	-webkit-animation: none;
	        animation: none;
}

.item-preview {
	display: inline-block;
	position: relative;
	width: 63px;
	margin-right: 26px;
	z-index: 0;
}

.remove-preview {
	position: absolute;
	z-index: 3;
	right: -7px;
	top: -9px;
	color: red;
	cursor: pointer;
}

.wrapper-preview {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;
	cursor: pointer;
}

.wrapper-preview  img {
	width: 68px;
	height: 68px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.file-upload span.circle {
   	display: block;
   	width: 30px;
   	height: 30px;
   	text-align: center;
   	line-height: 30px;
   	background-color: #7accc8;
   	border-radius:50%;
   	position: absolute;
   	top: 0;
   	left: 0;
   	right: 0;
   	bottom: 0;
   	margin: auto;
   	-webkit-transition: all 0,4s;
    	-o-transition: all 0,4s;
    		transition: all 0,4s;	
}

.file-upload span.circle i {
	font-size: 14.4px;
	line-height: 14.4px;
	display: inline-block;
	vertical-align: middle;
	color:#fff;
}

.section-add-buttons > span,
.section-add-buttons > button {
	display: inline-block;
	vertical-align: middle;
}

.carusel-inner.active span,
.carusel-inner.active i {
	color:#7accc8;
}

.carusel {
	height: 500px;
}

.carusel .next,
.carusel .prev {
	position: absolute;
	z-index: 2;
	top: calc(50% - 5px);
	color: #fff;
	font-size: 30px;
}

.carusel .prev:hover,
.carusel .next:hover {
	cursor: pointer;
}

.carusel .prev {
	left: 20px;
}

.carusel .next {
	right: 20px;
}

.view-main div.rn-carousel-indicator  span.active {
	color: #7accc8;
}

.rating-list {
	list-style: none;
	padding: 0;
}

.rating-list li {
	display: inline-block;
}

.rating-list li i {
	font-size: 26px;
}

.rating-list li.hover {
	color: #7accc8;
	cursor: pointer;
}

.ballance_input {
	width: 50px;
	border-radius: 0;
	height: 20px;
}

.amount-input {
    background-color: #feffff;
    display: inline-block;
    border-radius: 20px;
	max-width: 70px;
	padding: 0 0 0 15px;
	margin: 0;
	height: 40px;
    width: 100%;
    color: #adadad;
    border: 1px solid #888;
}

.cell_wrapper {
	min-width: 135px;
}

.wrapper-profile {
	overflow: hidden;
	border-radius: 50%;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

.modal-body .view-part-line:after {
	display: none;
}

.modal-body  .view-line-caption {
	font-size: 17.1px;
}

.preview-avatar {
	display: inline-block;
	overflow: hidden;
}

.change-avatar .work-butt {
	display: inline-block;
	vertical-align: middle;
}

.change-avatar .work-butt:hover {
	cursor: pointer;
}

.cats-item {
	position: relative;
	z-index: 1;
}

.action-list {
	position: absolute;
	z-index: 2;
	left: -35px;
	top: calc(50% - 15px);
}

.action-list .action {
	display: inline-block;
}

.cats-input {
	border: 1px solid #5d5d5d;
    height: 35px;
    margin: 0 0 0 -20px;
    padding-right: 20px;
}

.action-tag {
	max-width: 190px;
	display: inline-block;
}

.label-tag {
	position: relative;
	z-index: 1;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.action-tags {
	position: absolute;
	z-index: 2;
	top: -5px;
	left: -5px;
	width: 72px;
}

.action-tag > span {
	color: #a0a0a0;
	opacity: 0.5;
}

.action-tag .role-button i.fa-pencil {
	color: #000;
}

.input-group input {
	font-size: 14.4px;
}

.input-group,
.input-group.update-action {
	margin-top: 5px;
	
}

.input-group.update-action {
	width: 150px;
}

.group-filter-name {
	font-family: "RobotoBold";
    font-size: 15.3px;
    line-height: 15.3px;
    color: #b3b3b3;
}

[disabled] {
	opacity: .5;
}

.action-groups-btn {
    position: absolute;
    z-index: 2;
    top: -17px;
    left: -45px;
	width: 72px;
}

.bubl {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

.bubl.green {
	background-color: #83cfcc;
	vertical-align: middle;
}

.bubl.yellow {
	background-color: #ffec50;
	vertical-align: middle;
}

.bubl.red {
	background-color: #ff0000;
	vertical-align: middle;
}

.bubl.pink {
	background-color: palevioletred;
	vertical-align: middle;
}

.greey-font {
	color: #adadad;
}


.butt-cancel,
.butt-confirm {
	padding: 0 20px;
	min-width: 200px;
}

.butt-cancel {
	background-color: #DCDCDC;
}

.butt-confirm {
	background-color: #959595;
}

.action-confirm .butt-confirm {
	margin-left: 20px;
}

.avalible-wrap {
	position: relative;
	z-index: 1;
}

.no_avalible {
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 100;
}

.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.ft-red {
	color: red;
}

.wrapper-find {
	
	position: relative;
	z-index: 1;
}

.wrapper-find .input-find {
	background-color: #ddd;	
}

.wrapper-find .list-group {
	position: absolute;
	z-index: 1;
	left: 0; 
	right: 0;
	top: 40px;
}

.deleted {
	opacity: 0.5;
}

.bg-blue {
	background-color: #79cbc7;
}

#panorama {
	position: relative;
	z-index: 1;
}

.toggle {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: inline-block;
	padding: 6px 18px;
	background-color: rgba(0, 0, 0, 0.18);
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	color: #7accc8;
}

.toggle:hover {
	cursor: pointer;
}

.text-parts.update {
	padding: 5px 0 20px 0;
}

.wrapper-carusel {
	position: relative;
	z-index: 0;
}

.prev-btn {
	position: absolute;
	z-index: 1;
	left: -75px;
	top: 0;
	color: #7ACCC8;
}

.prev-btn > img {
	margin-top: -3px;
}

.parts-star-left > .review-stars,
.parts-star-left > .start-view {
	width: 136px;
}

.view-main {
	position: relative;
	z-index: 1;
}

.pagination {
	position: absolute;
	z-index: 2;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
}

.desc-wrap {
    max-height: 110px;
    overflow: auto;
}

.ft-green {
	color: #79cbc7;
}

.alert-text {
	font-size: 100px;
}

/*===== my style ===== */

/* Absolute Center Spinner */
.loading {
	display: none;
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  
  .loading.show {
	display: block;
  }

  /* Transparent Overlay */
  .loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
  }
  
  .loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  }
  
  .ft-30 {
	  font-size: 30px;
  }

  /* Animation */
  
  @-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-moz-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-o-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }