.row-1-5 {
	margin-right: -20px;
	margin-left: -20px;
}
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
padding: 10px;
}

.col-xs-1-5 {
width: 20%;
float: left;
}

@media (min-width: 768px) {
.col-sm-1-5 {
	width: 20%;
	float: left;
}
}

@media (min-width: 992px) {
.col-md-1-5 {
	width: 20%;
	float: left;
}
}

@media (min-width: 1200px) {
.col-lg-1-5 {
	width: 20%;
	float: left;
}
}

body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
	font-weight: 300;
line-height:1.6;
overflow-x: hidden;
}
p{
line-height: 1.8;
margin-bottom:20px
}
.navbar-toggle {
border: 1px solid #fff;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
	line-height: 1.6;
}
h3 {
font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
margin-bottom:0
}
a.nolink {
color: #5f0c49
}
a.nolink:hover{
color:#5f0c49
}
.modal-footer {
text-align: center;
}
a:focus {
	outline: none;
}
strong{font-weight:600}

.custom__checkbox{
margin-right: 15px;
}

.custom__checkbox:last-child{
margin-right: 0;
}

.custom__checkbox input{
display: none;
}

.custom__checkbox-box{
display: inline-block;
position: relative;
bottom: -2px;
width: 17px;
height: 17px;
border: 1px solid #d0d0d0;
border-radius: 3px;
margin-right: 5px;
}

.custom__checkbox input:checked + .custom__checkbox-box::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #79b12b;
	border-radius: 2px;
}

.custom__checkbox.error .custom__checkbox-box{
border-color: red;
}

.certa-title {
text-transform: uppercase;	
	font-weight: 400;
	letter-spacing: -0.04em;
	color: #000;
	background-repeat: no-repeat;
	padding-top: 50px;
	margin-bottom: 50px;
}
.white-title {
color: #fff;
background-image: url(../img/white-list.png);
}
.subtitle {	
	font-weight: 300;
	font-size: 85%;
font-style:italic;
	margin-bottom: 30px;    
}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}

.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mt20 {margin-top: 20px;}

/* ----------------- */


.header-line {
background-color: #f1f5f8;
color: #555555;
min-height: 50px;
position: relative;
z-index: 2;
margin-bottom: 50px;
}
.header-line .header-phone {
float: right;
font-size: 20px;
font-weight: 700;
line-height: 16px;
margin: 7px 0 0 30px;
color:#5f0c49
}
.header-line .header-phone span{
display: block;
text-align: right;
font-weight: 300;
font-size: 11px;
margin-right: 2px;
}
.header-line .header-mail {
float: right;
font-size: 16px;
margin-top: 20px;
color:#5f0c49
}
.navbar-header {
/* min-width: 196px; */
}
.left-phone {
margin-top: 14px;
color:#fff;
display: none;
}
.left-phone a,.left-phone a:hover{
color:#fff
}

@media screen and (max-width: 960px) {
.header-line .header-mail {
	display: none;
}
}

@media screen and (max-width: 1200px) {
.colors-block {
	margin: 30px 0 0 !important;
}
.left-phone i {
	display: none;
}
.left-phone a {
	font-size: 15px !important;
}
.btn-transparent {
	padding: 6px 14px !important;
}
}

@media (min-width: 960px) and (max-width: 1200px) {
#top-menu.navbar-nav>li>a {
	padding: 15px 5px;
}
}

/* ----------------- */


.navbar {
/*border-bottom: 1px solid #f1f5f8;*/
margin-bottom: 0;
background-color: #5f0c49;
top: 50px;
border-bottom: 1px solid #f1f5f8;
}
.navbar-nav {
float: right;
}
.navbar-nav>li>a {	
font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
color: #fff;
padding: 15px 8px;
}
.nav>li>a:focus, .nav>li>a:hover {
background-color: #fff;
color: #5f0c49;
outline: none;
}
.nav>li>a:focus {
color: #000;
}
.nav>li.active>a {
color: #5f0c49;
	background: #fff
}
.navbar-brand img {
margin-top: -50px;
width: 70px;
height: auto;
transition: width 0.2s, margin 0.2s;
}
.navbar-brand:focus, .navbar-brand:hover {
outline: none;
}
img.certa-logo-min {
width: 35px;
	margin-top: -8px;    
	transition: width 0.2s, margin 0.2s;
}
#partnership {
margin-top: 0;
}

/* ------------------ */
.social_list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.social_item {
margin-right: 10px;
}
.social_link {
display: inline-flex;
width: 24px;
height: 24px;
}
.social_link__inst {
background: url(../img/social_btn/instagram.png) no-repeat center;
background-size: 100%;
}
.social_link__vk {
background: url(../img/social_btn/vk.svg) no-repeat center;
}
.social_link__youtube {
background: url(../img/social_btn/video-play-button.svg) no-repeat center;
}
.social_link__fb {
background: url(../img/social_btn/fb.png) no-repeat center;
}
/* ------------------ */

@media screen and (max-width: 960px) {
.navbar-nav {
	float: left;
}
}


/* ----------------- */

.bg-block {
background: #fff url(../img/bg_block.png) repeat;
}
.bg-block-light {
background: #fff url(../img/bg_block-light.png) repeat;
}

.certa-block {
font-size:16px
}
.certa-block p {
}
/*.main-intro{
background-color:rgba(255,255,255,0.3)
}*/
.certa-block h1 {
margin-top: 60px;
color:#333;
font-size: 30px;
font-weight: 700;
line-height: 1.3;
}
.certa-block-plast ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.certa-block-plast ul li {
width: 50%;
margin-left: -28px;
}
.certa-block ul{
/* margin-left:-20px; */
/* display: flex;
flex-wrap: wrap; */
margin-top: 20px;
list-style: none;
padding: 0;
}
.certa-block ul li{
position: relative;
margin-bottom:15px;
font-weight: 600;
padding-left: 28px;
font-size: 14px;
line-height: 1.4;
/* width: 50%; */
/* margin-left: -28px; */
}

.kit-item {
position: relative;
}

.certa-block ul li:before {
content: '';
position: absolute;
top: 4px;
/* top: 50%; */
/* transform: translateY(-50%); */
left: 0;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 16px;
height: 16px;
background-color: #5d0049;
}

ul.ulcerta-block{
margin-left:-10px
}
.ulcerta-block li {
color: #5f0c49;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	min-width: 125px;
	text-align: center;
	border: 2px solid;
	padding: 15px 15px 10px;
	margin: 20px 15px 10px 0;
	border-radius: 20px 0;
}
.ulcerta-block li small {
	font-weight: 300;
	font-size: 80%;
}
.certa-block .btn, .cat-block  .btn, .formline .modal-footer .btn{
	margin: 10px auto 80px 0;
	padding: 15px 40px;
	font-size: 20px;
	color: #fff;
	width: 90%;
	white-space: normal;
	background-color: #5f0c49
}

.cat-block  .btn{margin-left:-2px;margin-bottom:20px}
.certa-block .btn:hover, .cat-block  .btn:hover, .formline .modal-footer .btn:hover{
background-color:#4d9900;
}
.certa-block .container {
position: relative;
z-index: 1;
}
.certa-image-block img {
margin-top: 20px;
}
.certa-image-block .color-image {
top: -125px;
right: 100px;
z-index: -1;
}

.certa-block .btn {
width: 262px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
font-size: 16px;
margin-bottom: 60px;
font-weight: 600;
}

.certa-block .certa-block-text {
font-size: 14px;
line-height: normal;
}

/* ----------------- */



.intro-block {
margin: 60px 0 20px 0;
}
.intro-block h2 {
text-align:center
}
/* стили для блоков с видео итп*/
.intro-block h3{
padding-left: 25px;
margin-bottom: 20px;
}

.intro-block-list {
padding-left: 0;
}
.intro-block-list li{
margin-bottom: 20px;
position: relative;
padding-left: 25px;
list-style: none;
}
.intro-block-list li:before{
content: '';
position: absolute;
top: 4px;
/* top: 50%; */
/* transform: translateY(-50%); */
left: 0;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 16px;
height: 16px;
background-color: #5d0049;
}
.video-block h2{
margin-bottom: 40px;
}
.video-block .video-block-item{
margin-bottom: 40px;
}
.video-block-item p{
font-size: 0.8em;
margin-bottom: 0;
}
.reviews-block {
margin: 60px 0 20px 0;
}
.reviews-block h2{
text-align: center;
margin-top: 0;
}
.reviews-ct{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.reviews-ct a{
display: flex;
justify-content: center;
}

@media(max-width: 450px) {
.reviews-ct a img{
	margin-right: 0;
}
}
.certa-image-block-text{
width: 100%;
font-weight: 500;
text-align: center;
color: #4c495a;
font-size: 22px;
}

/* END стили для блоков с видео итп*/
.review {	
	border: 1px solid #ddd;
	float: left;
	margin: 20px 30px 0 0;
}
.product-block h3 {
padding: 0 10px
}
#related p {
/*font-size:14px;*/
padding: 0 10px;
margin-bottom:50px
}
#colors, #certa-plast, #certa-patina, #use, #related {
margin-top: 60px;
/* margin-top:120px; */
}
#use {
margin-top: 70px;
}
#related, #certa-patina, #certa-plast {
padding: 30px 0;
}
#certa-patina {
padding: 30px 0 80px;
}
#lab {margin-top:80px}
.product-block ul {
	margin-left: -23px;
	list-style-type: circle;
	max-width: 350px;
}
.product-block ul li {
margin-bottom: 15px
}
.product-desc {
padding: 50px 0 20px;
background-color: #5f0c49;
color: #fff;
}
.icon-block {
text-align:center
}
.certa-icon {
	width: 66px;
	height: 66px;    
	display: inline-block;
	background-color: #61c100;    
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px 0;
}
.icon-z {
background-image: url(../img/guard_icon.png);
}
.icon-p {
background-image: url(../img/simple_icon.png);
}
.icon-c {
background-image: url(../img/clock_icon.png);
}
.icon-text {
display: block;
	vertical-align: middle;
	padding: 10px 30px 40px;
	font-weight: 400;
	font-size: 16px;
}
.certa-video iframe {
width: 100%;
	height: 310px;
}
@media screen and (max-width: 960px) {
.product-block ul {
	max-width: 100%;
}
}

/* ----------------- */

.product-block .product-container {
position: relative;
}
.product-block .product-container img {
width: 100%;
	height: auto;
}
.product-block .product-title {
	font-weight: 300;
font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	display: block!important;
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;    
	width: 100%;
	line-height: 1.2;
	z-index: 100;
	padding: 50px 10px 10px 10px;
	opacity: 0;    
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;    

background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 48%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(48%, rgba(0,0,0,0.55)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 48%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 48%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 48%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 48%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */

}
.product-block a:hover .product-title {
	opacity: 1;
}
.promo{
float:left;
margin-right:10px;
margin-bottom:20px;
width:25%
}


/* ----------------- */

.clients img {
margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #ddd;
}

/* ----------------- */
.hide {
	display: none; 
}
.hide + label ~ div{
	display: none;
}
.hide + label {
	border-bottom: 1px dotted #5f0c49;
	padding: 0;
	color: #5f0c49;
	cursor: pointer;
	display: inline-block;
margin-top:14px;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
	color: #61c100;
	border-bottom: 0;
margin-bottom:24px
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
	display: block;
}
.invis img{
float:left;
width:110px;
margin-bottom:50px;
margin-right:4px;
border:1px solid #ddd
}
.invis small{
/* margin-bototm:20px */
}
.invis .col-md-7{
padding-left:0%;
margin-bottom:2rem
}
.invis p{
margin-bottom:0
}

/* ----------------- */
.img-plast-fan{
margin: 10px auto 0
}
.img-patina-fan{
margin: 10px auto 0;
width:80%
}
.img-patina, .img-plast{
margin: 20px 0 0;
width:90%
}
.img-lac{margin:-44px auto 0}

#colors .cat-sub a {
text-decoration: underline;
	text-decoration-style: dashed;
}
#colors .cat-sub a:hover {
text-decoration: none
}

.colors-block {
	margin: 30px -30px 0 -30px;
	padding: 0;
	background-color: #fff;
	color: #5f0c49;
}
.colors-block .nav-tabs {
margin: 0 30px;
border-bottom: 0;
}
.colors-block .nav-tabs a {
color: #333333;
font-weight: bold;
font-size: 18px;
font-family: Open Sans Condensed;
border-radius: 5px 5px 0 0;
}
.colors-block .nav-tabs .active a {
background: #5F0D4A !important;
color: #fff !important;
}
.color-swatch {		
	border-radius: 20px 0;    
overflow: hidden;
position: relative;
}
.modal-header{
padding:15px 15px 0;
border: none;
text-align: center;
}
.formline .modal-header{
padding:35px 25px 25px
}
.modal-body{
padding:10px 15px
}
.modal-body img {
border:1px solid #ccc
}
.formline .modal-body{
padding:0 35px
}
.modal-footer{
padding:0 15px 15px;
border-top:none
}
.formline .modal-footer{
padding:10px 25px 35px
}
.formline .modal-footer .btn{
margin:0;
padding:20px 40px
}
.modal-backdrop.in{
filter: alpha(opacity=80);
	opacity: .8;
}

.color-text {
text-align: center;
	margin-bottom: 15px;
margin-top:5px;
	color: #666;
font-family: 'Open Sans Condensed', sans-serif
}


/* ----------------- */


.form-block {	
background-image: url(../img/bottomfon.jpg);	
background-size: cover;
color: #fff;
min-height: 500px;
margin-top: 120px;
padding-top:60px;
	padding-bottom: 80px;
}
.form-title {
margin-top: 40px;
}
.form-panel {
margin-top: 20px;	
padding: 30px 20px 20px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.3);
}
.form-block .btn {
margin: 15px 0 10px;
padding: 15px 40px;
font-size: 16px;
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
border-color: #fff;
max-width: 100%
}
.form-block .btn:hover {
background-color: #5f0c49
}
.factoid-number {
text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 8rem;
	margin-bottom: -20px
}
.factoid-text{
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-size:18px
}
.form-block-feedback {
min-height: 350px;
margin-top: 0;
}
.form-block-feedback .btn {
background-color: transparent;
padding: 9px 48px;
}

/* ----------------- */



.callback-block {
padding-top: 75px;
min-height: 250px;
}
.callback-block .btn {
	margin: 35px 0;;
	background-color: transparent;
	border-color: #77c519;
	color: #77c519;
	font-weight: 600;
	font-style: italic;
	/*font-family: "Fira Sans";*/
	border: 2px solid #77c519;
	padding: 10px 30px;
	white-space: normal;
}

/* ------------------ */
#kit {
margin-top: 60px;
}

.kit-title {
margin-bottom: 30px;
}

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

.kit-item {
position: relative;
list-style: none;
padding-left: 26px;
font-weight: 600;
font-size: 14px;
}

.kit-item::before {
content: '';
position: absolute;
top: 3px;
/* top: 50%; */
/* transform: translateY(-50%); */
left: 0;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 16px;
height: 16px;
background-color: #5d0049;
}

.kit-text {
font-weight: 600;
font-size: 14px;
line-height: 1.52;
margin-bottom: 30px;
}

.kit-img {
width: 100%;
}

/* ----------------- */

.img-patina {
margin-top: 70px;
}

.certa-footer {
background-color: #000;
padding: 50px 0;
color:#fff
}

.certa-image-patina {
margin-top: 70px !important;
margin-left: -15px !important;
}

.certa-footer a {color:#fff}
@media (max-width: 992px) {
.navbar-header{float:none}
.navbar-toggle{display:block}
.navbar-collapse.collapse{display:none!important}
.navbar-nav{float:none!important}
.navbar-nav>li{float:none}
.navbar-collapse.collapse.in{display: block!important;max-height:600px}
.collapsing{overflow:hidden!important}
.certa-image-block img{
margin-top:40px;
margin-bottom:40px;
}
.certa-block h1{margin-top:0}
.img-plast-fan, .img-patina, .img-plast, .img-lac {width:60%; margin:0 auto 20px}

#top-menu li:last-child button {
margin: 20px 0;
}
}
@media screen and (max-width: 992px) {
.certa-image-block img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-left: 0;
}
.certa-block ul li {
	margin-left: 0;
}
.certa-image-block .color-image {
	display: none;
}
.kit-img{
	margin: 0 auto;
	display: inherit;
}
.kit-item {
	margin-left: 10px;
}
.ulcerta-block {
	text-align: center;
}
.ulcerta-block li {
	margin: 10px 15px 10px 0;
}
.block-xs-center {
	text-align: center;
}
.certa-block p {
	display: block;
	max-width: 100%;
	font-weight: 300;
}

.deck-color-viewer {
	width: 185px !important;
}
.deck-color-viewer img {
	width: 175px !important;
}
}

/* Плашка со снежинкой */
.snow-tab{		
	display: flex;
	position: fixed;
	right: 0;
	bottom: 200px;
	background:white;
	border-radius:50% 0 0 50%;
	z-index:5;
}

.snow-tab-gif{
padding:7px;
padding-right: 0;
overflow:hidden;
background:white;
border-radius:50% 0 0 50%;
}

.snow-tab-gif img{
width:34px;
height:34px;
border-radius:50% 0 0 50%;
}

.snow-tab-text{
	font-style: italic;
	font-weight: 700;
	font-size: 12px;
	padding: 7px;
	line-height: 17px;
	background: white;
	text-transform: uppercase;
	color: #00A7EA;
}
@media (min-width:768px) and (max-width: 992px) {
.snow-tab{
	height: 80px;
}

.snow-tab-text{
	font-weight: 800;
	font-size: 16px;
	padding: 20px;
	padding-left:7px;
	line-height: 20px;
}

.snow-tab-gif{
	padding:7px;
	padding-right: 0;
	border-radius:50% 0 0 50%;
}

.snow-tab-gif img{
	width:66px;
	height:66px;
	border-radius:50% 0 0 50%;
}

.certa-block{
	padding-bottom:50px;
}
}

@media (max-width: 768px){
.snow-tab-text{
	font-size: 10px;
	line-height: 14px;
}
.snow-tab-gif{
	padding:5px;
	padding-right: 0;
}
}
/*------------------*/

@media (max-width: 768px) {
.navbar-nav{float:left}
.navbar-nav>li>a{padding:15px 0 15px 40px;font-size:14px}
.navbar-nav>li>button{margin-left:40px !important;}
.row-1-5{margin-right:0;margin-left:0}

.deck-color-viewer {
width: 140px !important;
}
.deck-color-viewer img {
width: 130px !important;
}

.feedback-description {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.feedback-contacts-wrapper .feedback-contacts {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
}
.feedback-contacts-wrapper .feedback-contacts > div {
margin: 15px 0;
}
.feedback-contacts-wrapper .feedback-contacts a {
margin-right: 0;
}
.feedback-contacts-wrapper .feedback-contacts a:first-child {
margin-right: 30px;
}
.feedback-contacts-wrapper .feedback-button {
text-align: center;
}
}
@media screen and (max-width: 555px) {
.color-label {
font-size: 16px !important;
}
}

/*@media screen and (max-width: 992px) {	
.certa-footer {
	text-align: center;
}
.certa-footer .text-right {
	text-align: center;
}
.footer-phone {
	margin-top: 15px;
}
}
.modal-body .text-center span {
	color: #888;
	font-style: italic;
	font-size: 14px;
}
.modal-body .text-center span.span-red{
color:red
}*/


.btn-transparent {
margin: 7px 0 0 10px;
padding: 6px 30px;
background-color: #71B10E;
border: 2px solid#71B10E;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
color: #fff;
}

.btn-transparent:hover, .btn-transparent:focus {
border: 2px solid #71B10E;
background-color: #fff;
color: #71B10E;
}

.modal-title {
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
}
.modal-sellpoints {
margin-top: 45%;
}

.sell-contacts {
background-repeat: no-repeat;
background-position: left;
padding-left: 25px;
}
.sellpoints-phone {
background-image: url(../img/phone.png);
}
.sellpoints-mail {
background-image: url(../img/mail.png);
}
.sellpoints-geo {
background-image: url(../img/geo.png);
}

.plast-fan-check-color-text {
font-size: 14px;
line-height: 19px;
color: #666666;
margin-top: 40px;
}

.center {
text-align: center;
}

.tab-content {
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 5px;
display: inline-block;
padding: 30px 15px;
margin-top: -1px;
width: 100%;
}
.tab-content>.active {
display: flex;
flex-wrap: wrap;
}

.colors-block-description {
color: #333333;
}

.btn-violet {
padding: 13px 66px;
font-size: 16px;
color: #fff;
white-space: normal;
background-color: #5f0c49
}
.btn-violet:hover {
background-color: #4d9900;
color: #fff;
}

.fade.fade-top {
opacity: 0!important;
-webkit-transform: translate3d(-20px,0,0) scale(1) rotate(.0001deg)!important;
transform: translate3d(-20px,0,0) scale(1) rotate(.0001deg)!important
}

.fade.fade-top>* {
-webkit-transform: translate3d(10px,0,0) scale(.85) rotate(.0001deg);
transform: translate3d(10px,0,0) scale(.85) rotate(.0001deg);
opacity: 0!important;
}

.fade.fade-top.show {
-webkit-transition: all .5s ease 0s!important;
-o-transition: all .5s ease 0s!important;
transition: all .5s ease 0s!important
}

.fade.fade-top.show>* {
-webkit-transform: translateZ(0) scale(1) rotate(.0001deg);
transform: translateZ(0) scale(1) rotate(.0001deg);
opacity: 1!important;
-webkit-transition: opacity .7s,-webkit-transform 1s;
transition: opacity .7s,-webkit-transform 1s;
-o-transition: transform 1s,opacity .7s;
-o-transition: opacity .7s,-o-transform 1s;
transition: transform 1s,opacity .7s;
transition: transform 1s,opacity .7s,-webkit-transform 1s
}

.fade.show {
-webkit-transform: translateZ(0) scale(1) rotate(.0001deg)!important;
transform: translateZ(0) scale(1) rotate(.0001deg)!important;
opacity: 1!important;
-webkit-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
transition: all .7s ease 0s;
}

.feedback-fullname {
font-size: 18px;
font-weight: 600;
}
.feedback-role {
font-size: 14px;
line-height: 19px;
}
.feedback-description {
font-weight: bold;
font-size: 30px;
line-height: 48px;
font-family: 'Open Sans Condensed';
margin-top: 18px;
max-width: 555px;
}
.feedback-contacts-wrapper .feedback-contacts {
padding-top: 20px;
padding-bottom: 20px;
}
.feedback-contacts-wrapper .feedback-contacts div {
float: left;
}
.feedback-contacts-wrapper a {
color: #fff;
font-size: 16px;
margin-right: 42px;
}

.navigation-wrapper {
display: flex;
justify-content: space-between;
}

.ral-number {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
background: linear-gradient(180deg, rgba(43, 42, 41, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
color: #FFFFFF;
font-weight: 600;
font-size: 20px;
padding-bottom: 7px;
display: none;
}

.another-products-img-container {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100px;
}

.deck-color-viewer {
display: none;
position: absolute;
bottom: 0;
background-color: #fff;
border: 1px solid #C4C4C4;
border-radius: 23px 0px;
z-index: 100000;
}
.deck-color-viewer img {
border-radius: 20px 0px;
width: 262px;
max-height: 164px;
margin: 5px;
}
.deck-color-viewer div {
font-family: 'Open Sans Condensed';
line-height: 18px;
margin-bottom: 2px;
}
.color-label {
position: absolute;
top: 10px;
right: 15px;
color: #FFF;
letter-spacing: 0.02em;
font-size: 24px;
}
.form-group-checkbox {
width: 50%;
}
.form-group-checkboxes {
display: flex;
}
.form-group-checkboxes.error {
color: #f43841 !important;
}

@media screen and (max-width: 1200px) {
.colors-block .nav-tabs {
	margin: 0;
}

.nav-tabs-responsive > li {
	display: none;
	width: 15%;
}
.nav-tabs-responsive > li > a {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	text-align: center;
	vertical-align: top;
 }
.nav-tabs-responsive > li.active {
	width: 70%;
 }
.nav-tabs-responsive > li.active:first-child {
	margin-left: 15%;
 }
.nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
	display: block;
 }
.nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
 }
.nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
	-webkit-transition: none;
	transition: none;
 }
.nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
	display: none;
 }
.nav-tabs-responsive > li.next > a:before,
.nav-tabs-responsive > li.prev > a:before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }
.nav-tabs-responsive > li.prev > a:before {
	content: "\e079";
 }
.nav-tabs-responsive > li.next > a:before {
	content: "\e080";
}
}