.col-xs-seven,
.col-sm-seven,
.col-md-seven,
.col-lg-seven {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.rowColor { margin-right: 0px;
    margin-left: 0px; }
#lupaColor { vertical-align: middle;  width: 16px; }

.fontColorWhite { color: #f6f6f6 !important; }
input[name="search"] { width:85%; }
.poisk-po-katalogam { width: 245px; padding-top: 3px; }

.kolerovkaListColor a { color: #000; font-size: 0.9em; display: table-cell;
    vertical-align: bottom;
    width: 100%;  }
.pagination { margin: 0px; }

.upColor {     position: absolute;
    top: 0px;
    right: 0px;
margin: 8px;
 }
.modal-header { padding: 0; }
.close { padding: 15px !important; }

.upColor:hover { font-size: 1.2em; }
.colorshema { padding-top: 1em; }
.textPage { float: left; padding-top: 2px; }


.modal-content h1 { padding-top: 0px; margin-top: 0px; }
.kolevkaCat { min-height: 200px; padding-left: 3px; }
.kolerovkaListColor a { display:block; text-decoration: none; display: flex;  
   align-items: flex-end; height: 100%; opacity: .7; }
img.GenCat { width: 18px; }
img.GenLupa { width: 18px; cursor: pointer; }

.kolerovkaListColor a:hover { opacity: 1; transition: all 300ms linear 0s; }
.search-query {  }
.num-search { margin-bottom: 2em; }

.col-xs-seven {
    width: 14%;
    float: left;
}
.modalColor .btn-primary, .modalColor .btn-primary:visited {
	width: 40%;
}
.rowcolor a { color: black; text-decoration: underline; }
.rowcolor div { padding: 10px; }

.upcolor img { width: 16px; opacity: 0.5; }

.upColor img:hover { opacity: 0.9; }

.pagination li a:hover { background-color: white; }
.pagination li a {  color: #7cb342; text-decoration: none;}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #fff; border-color: #fff; color: #7cb342;}
ul li:active a { color: #464646; }




@media (width: 768px) {

.modal-footer {     margin-left: 60% !important;     width: 40% !important; }
.upColor img { width: 16px !important; top: 10px !important; right: 12px !important; position: absolute; }
}


@media (min-width: 768px) {
    .col-sm-seven {
        width: 14%;
        float: left;
    }
    .kolerovkaCat { min-height: 200px; }



}

@media (min-width: 992px) {
    .col-md-seven {
        width: 14%;
        float: left;
    }
    .kolerovkaCat { min-height: 220px; }
    .cvetOrder { padding-left: 30px !important; }
}

@media (min-width: 1200px) {
    .col-lg-seven {
        width: 14%;
        float: left;
    }





}

@media (min-width: 1024px) {
	/* .row .col-md-1 { height: 80px !important; } */

}




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

.col-xs-eight {
    width: 12%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-eight {
        width: 12%;
        float: left;
    }



}

@media (min-width: 992px) {
    .col-md-eight {
        width: 12%;
        float: left;
    }


.colorId { height: 280px !important; }



}

@media (min-width: 1200px) {
    .col-lg-eight {
        width: 12%;
        float: left;
    }

}





.clear { clear: both; }

.kolerovkaListColor {
 display: flex;
    align-items: flex-end;
    text-align: center;
    cursor: pointer;
}

.pagination>li>a, .pagination>li>span {
	padding: 3px 5px;
	border: 0;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
border-radius: 0;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
}


.news a {
    text-transform: uppercase;
    color: #000000;
    text-decoration: underline;
    text-decoration: none;
}
.kolevkaCat span {
	display:block;
}
.modal-footer { border: 0px; margin-left: 60%; margin-right: 0%; background-color: #f6f6f6; bottom: 10%; position:absolute; width: 40% }
.modal-header { border: 0px; }
@media only screen and (max-width: 768px) {
	.rowcolor { height: auto; }
        .rowcolor div { height: auto; }
        .rowcolor div.col-md-6 { height: auto; }
        .rowcolor div.colorId { height: 220px; }
}
.modal-content { border-radius: 0px; box-shadow: 0px 0px 0px 0px; border: 0px; }

.colorCatalog {
    text-align: left;
}
.btn-primary, .btn-primary:visited {
background-color: #f6f6f6 !important;
color: black;
border: 2px solid #a6ce39;
}
.searchform { margin-top: 1em; margin-bottom: 1em; }
.searchform input {  height: 27px; padding: 5px; }

.searchform button[type="submit"] {
    color: #333;
    border: 1px solid black;
    background-color: white;
    font-size: 13px;
    text-transform: uppercase;
    padding: 3px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
    padding-bottom: 4px;
}



#myModalBoxCopy .modal-content { height: auto; }
#myModalBoxCopy .modal-dialog {  width: 600px; }
h4 { padding: 10px; }



@media only screen and (max-width: 992px) {
.modal-footer {
border: 0px;
    margin-left: 15%;
    margin-right: 0%;
    background-color: #f6f6f6;
    bottom: 10%;
    position: absolute;
    width: 85%;
}
.modal-dialog { padding: 10px !important;  }
.modalColor .btn-primary, .modalColor .btn-primary:visited {
    width: 70% !important;}
.colorName h1 { font-size: 20px !important; }





@media only screen and (max-width: 992px) {
	.news { clear: none;}
	.upColor { margin: 0px; }
}

@media only screen and (max-width: 767px) {
	.cvetOrder { padding: 0 !important; padding-top: 15px !important; }
	.upColor { margin: 8px; }
.news { padding-top: 1em; }
}

.product-list { padding-bottom: 0px; }




.searchform form { margin: 0px; }
.searchform {
    margin-top: 2em;
    padding: 10px;
    background-color: #f6f6f6;
    margin-bottom: 0;
    margin: 0;
    margin-bottom: 1em;
}

#lupaColor { border: 0; }