.progress {
   position: absolute;
    display: block;
    text-align: center;
  
    
    transition: width .3s;
    border: 1px solid #f3f2f0;
    padding: 0px 0;
    border-radius: 0;
    height: 27px;
	    background: linear-gradient(-45deg, #ce4f68, #e61f45, #ff3b61, #f84d6d);
    background-size: 400% 400%;
	
	-webkit-animation:gradient 5s ease infinit; /* Safari & Chrome */
-moz-animation:gradient 5s ease infinit; /* Firefox */
-ms-animation:gradient 5s ease infinit; /* Internet Explorer */
-o-animation:gradient 5s ease infinit; /* Opera */
animation: gradient 5s ease infinite;
}
.progress.hide {
    opacity: 0;
    transition: opacity 1.3s;
}
.procentprogress {
    text-align: right;
    font-size: 16px;
    color: #fff !important;

    margin: 0;
    padding: 0;
		padding-top: 4px;
    padding-right: 5px;
    top: 0;
}
#product .procentprogress {
  padding-top: 0 !important;
}

.progress-pattern {   
position: relative;
display: none;
    background-color: #efefef;
    width: 100%;
    height: 27px;margin-bottom: 8px;
 }









@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/* Контейнер */
#modalik {

/* Слой перекрытия */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 999999;



display:none;
}

/* Содержание */
#modalik > div.modalikcontent {
width: 500px;
background: #fff;
position: absolute;
margin: 0 auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 30px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    text-shadow: 0 1px 0 #fff;
    z-index: 99999999;
    top: 25px;
	left:0;
	right:0;
}

.modalikcontent {display:none;}
#modalik h2 {
font-size: 36px;
padding: 0 0 20px;
}

.modals-imagex {display:block;text-align:center;}


/* Ссылка на кнопку Закрыть */
#modalik a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

/* Сбрасываем изменения */
#modalik a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
#modalik a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 1.5em;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #fff;
border: 3px solid #fff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#modalik a[href="#close"]:focus:after,
#modalik a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

#modalik a[href="#close"]:focus:after {
outline: 1px solid #000;
}


.cool-selectiongs input[type=radio] {
  opacity: 0;margin:0;
}
.cool-selectiongs .radio { 
    min-width: 95px;margin: 7px 7px;float: left;min-height: 74px;margin-left: 0;}

.cool-selectiongs label {
	text-align: center;
    padding: 0;
	background-color: unset;
    padding: 7px 17px;
	 -moz-box-shadow:rgb(149 157 165 / 16%) 0px 5px 9px;
  -webkit-box-shadow: rgb(149 157 165 / 16%) 0px 5px 9px;
    box-shadow: rgb(149 157 165 / 16%) 0px 5px 9px;
    border: 1px solid white;
}
.cool-selectiongs {
  display: inline-block;
  width:100%;
}


.cool-selectiongs input[type="radio"]:checked + label{
 background-color: #cb2646;
    color: #fff;
	border: 0;
}
#modalik .modalko-footers h2 {
	   font-size: 16px;
    border-bottom: 1px solid #f3f2f0;
    width: 100%;
    padding-bottom: 6px;
}

#modalik .cool-selectiongs h2 {
    font-size: 16px;
    border-bottom: 1px solid #f3f2f0;
    width: 100%;
    padding-bottom: 6px;
}

.cool-selectiongs .radio label

{
	
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
	font-size: 14px;
}
.nex-pricex {
    font-weight: 600;
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
}

#modalik .btn-cart {
	    color: #fff;
    padding: 14px 40px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    font-size: 20px;
    background-color: #f74164;
}
#modalik .btn-cart .fa {
    margin-right: 24px;
    font-size: 20px;
}
#modalik .btn-cart:hover {
    background-color: #33aaa7;
}
#modalik .block-h-1 {
    display: block;
    float: left;
}
#modalik .block-h-2{
	display:block;
	float:right;
}
#modalik input[name=quantity] {
      border: 1px solid #f3f2f0;
    text-align: center;
    border-radius: 0;
    font-size: 16px;
    padding: 28px 17px;
    margin: 0;
    font-weight: bold;
    color: #3d3d3d;
}

.status-modalik{
position: fixed;
    color: #fff;
   
    border: 0;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    top: 0;
    font-size: 16px;
    text-align: center;
    padding: 8px 14px 8px 14px;
}

.status-modalik.modalikred {
	 background-color: #cb3726db;z-index:999999999
}
.status-modalik.modalikgreen a{color:#fff;}
.status-modalik.modalikgreen {z-index:999999999;
	 background-color: #26cb7fdb;color:#fff;
}
a.modalik-close {
    font-family: 'Quicksand', sans-serif;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f74164;
    padding: 5px 12px;
    text-align: center;
    display: block;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
}
#modalik .btn-cart:focus{outline:none;}
#modalik .modalik-close:focus{outline:none;}
#modalik .modalik-close:hover{    background-color: #33aaa7;}
.namex-modalik {
    margin-bottom: 10px;
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
#modalik span.price-new {
   
    text-align: center;
    display: block;
    margin-top: 15px;
    color: #1a184e;
    font-size: 21px;
    font-weight: bold;
}

.form-group.fileded label.control-label {
    padding: 8px 0;
	-moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding-top: 0;
}


@media (max-width:500px){
	#modalik{overflow: scroll;}
	#modalik > div.modalikcontent{width:100%;}
	#modalik {padding:0 10px;}
}
@media (max-width:386px){
	#modalik .block-h-1{float:unset;}
	#modalik .block-h-2{    float: unset;
    width: 100%;}
	#modalik .btn-cart {
    width: 100%;
	}
}

@media (max-height:849px){
	#modalik
	{
		    overflow-y: scroll;
	}
}