@charset "utf-8";
@import url("modules/paid_services.css");

/*body { min-width: 1300px; }*/
body,td,th {
	font-family: Manrope;
	font-size: 16px;
	color: #333;
}

.up {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	border:none;
	z-index:300;
	margin:0;
	padding-bottom:15px;
	background-image: url(/resources/images/prozr.svg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.logo { width: 80%}
.up-button { height: 40px;}
@media screen and (max-width: 1450px) {
 .up-button { height: 35px;}
}
@media only screen and (max-width: 1910px) and (min-width: 1450px)  {
	.up-button { height: 38px;}
}     

.bgr3 {
	background-image: url( /resources/images/bgr-down.webp);
	background-position: left center;
	background-repeat: repeat-x;
	padding: 30px 0;
	background-size:cover;
}
.bgr3 img { margin: 5px !important}
.pad5 {
	padding:5px;
}

.pad10 {
	padding:10px;
}

.pad20 {
	padding:20px;
}
.page-title {
	position:absolute;
	left:13%;
	bottom:30%;
	height:23px;
	border:none;
	margin:0;
	padding:0;

}
@media screen and (max-width: 1450px) {
 .page-title {
	left:9% !important;
	

}
}
@media only screen and (max-width: 1910px) and (min-width: 1450px)  {
	.page-title {
	left:8% !important;
	

}
}    
.page-title h1 {

	font-size: 32px;
	font-weight:bold;
	font-family: Comfortaa;
	background-image: url( /resources/images/line.svg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 20px 0;
}
.bgr-up {

	background-image: url( /resources/images/bgr3.png);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 20px 0;
}

.bgr-contacts {

	background-image: url( /resources/images/bgr-contacts.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 0;
}
.site-title {
	position: absolute;
   bottom: 25px;
   text-align: center;
   width: 100%;

}
.site-title-bgr {

   background-image: url( /resources/images/prozr.png);
	background-position: left top;
	background-repeat: repeat;
	padding: 5px;
	width: 85%;
margin: 0 auto !important;
}

.blue-bgr {
	padding: 30px 10px;
	background-color: #F9F9FA;
}
.gray-border {
	padding:5px;
	border: 1px solid #EEE;
	background-color: #FFF;
}
.product-list { position: relative; }
.product-list .new {
width: 51px;
height:51px;
background: url('/resources/images/new.png') no-repeat;
}
.product-list .promo {
background: url('/resources/images/promo.png') no-repeat;
}
.promo {
	position:absolute;
	left:5px;
	top:5px;
	height:23px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}


.new {
	position:absolute;
	right:70px;
	top:5px;
	height:23px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}
.black-bgr {
	background-repeat: repeat-x;
	background-position: bottom;
}
.form1 {
	background-color: #F7F7F7;
	padding: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
	border-right-style: none;
}
.form1-1 {
	background-color: #F7F7F7;
	padding: 7px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
}
.menu-bgr {
	padding:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	margin-bottom: 3px;
}
.dots {
    position:absolute;
    right:0px;
    bottom:50px;
    width:100%;
    height:0px;
    border:none;
    z-index:300;
    margin:0;
    padding:0;
}
.gray-border1 {
	border: 1px solid #EEE;
	background-color: #FFF;
	margin: 0px;
}

.upp {
	text-transform: uppercase;
}


.gray-border1-1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.gray-border2 {
	padding:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
	margin: 0px;
}
.arrow {
	background-repeat: repeat-x;
	background-position: right center;
	height: 37px;
	width: 178px;
	padding-top:15px;
	padding-left:20px;
}
.prozr {
	padding:10px;
	background-repeat: repeat;
}
.wishlist {
	position:absolute;
	left:8px;
	bottom:10px;
	width:30px;
	height:30px;
	border:none;
	z-index:300;
	margin:0;
	padding:0;
}


#banners {

	border: medium none;

	width:100% ! important;

	left: 0;

	margin: 0;

	overflow: hidden;

	padding: 0;

	position: relative;

	top: 0;



	/*z-index: 100;*/

}



#banners img{

	max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */



}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.products-slider-container { width: 90%; margin: 0 auto; }
.testimonials-carousel { width: 90%; margin: 0 auto; }
.slick-next { right: -25px !important; }
.slick-prev { left: -55px !important; }
.slick-prev::before, .slick-next::before {
	color: black !important;
}
.discount { padding: 0 10px; }
.discount .item-carousel { overflow: hidden; padding-top:5px;}
.discount .item-carousel, .discount .slick-vertical .slick-slide {
    border-bottom:1px #ddd solid !important;
	padding: 10px 0;
}
.discount .item-content .gray_16-1 { font-size:16px; line-height:normal; display: block;}
.discount .item-content .lilavo_20 { font-size:18px; }

/* FILTERS ************************************************************************************************************/
#frmFilter ul { list-style: none; }
/* title */
#frmFilter h2 { font-size: 16px;
	border-bottom: 1px #eee solid;
	padding-bottom: 2px;
	font-weight: bold; }
/* options */
#frmFilter li label { font-size: 14px; font-weight: normal; }
#frmFilter ul.two-columns { overflow: auto; }
#frmFilter ul.two-columns li { float: left; width: 50%; }
/* slider */
#frmFilter .slider-range { margin-left: 9px; }
#frmFilter .ui-slider .ui-slider-handle { width: 1em; height: 1em; }
#frmFilter .ui-slider-horizontal { height: .6em; }
#frmFilter .from-to-input { width: 36%; }
#frmFilter ul.two-columns li.checkbox_with_image {
	width: 40px;
	margin: 5px;
}
#frmFilter ul.two-columns li.checkbox_with_image:first-child { margin-left:0; }
#frmFilter .option_with_image {
	width: 40px;
	height:40px;
	border: 1px #E5E5E5 solid;
}
#frmFilter .checkbox_with_image.checked .option_with_image {
	border: 2px #000 solid;
}

/*#frmFilter .filter-vid_sdelka label span { display: none; }*/
#frmFilter .filter-ekstri label span { display: none; }

#frmFilter .multiselect-container li { display: block; }


.date {
	position:absolute;
	left:10px;
	top:0px;
	width:50px;
	height:55px;
	border:none;
	z-index:300;
	margin:0;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.b1 {
	padding:10px;
	background-color: #2970FF;
}
.b1-1 {
	padding:10px;
	background-color: #00A0E3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2970FF;
}
.g1 {
	padding:10px;
	background-color: #8FB504;
}
.g1-1 {
	padding:10px;
	background-color: #ADD41E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8FB504;
}
.imageBox1 {
  position: relative;
  width: 250px;
}

.imageBox1 .hoverImg {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.imageBox1:hover .hoverImg {
  display: block;
}
 .myimg{
  width:300px;
  height:220px;
  object-fit:cover;

}  
.tag { display:inline-block; padding: 5px 15px; background: #F5F5F5; border-radius: 4px; border: 1px solid #E6E6E6; font-size: 14px; text-transform:uppercase; margin: 0 5px; color: #333333;}
.tag:hover { text-decoration: none; }
.tag.active {
	background: #388ACD;
	color: white;
}
/* .tag::before {
	content: "\f02b";
	font-family: FontAwesome;
	margin-right: 5px;
}
*/
 .contact-page .col-md-2 col-md-5 {padding: 0px !important; margin: 0px !important}
 
 .circle {
	border-radius: 50%;
	background-color: #0878D1;
	height: 40px;
	width: 40px;
	padding-top:5px;
}
.check {
	background-image: url(/resources/images/check2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;	
}
.img-thumbnail1 {
	padding: 8px;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	max-width: 100%;
	height: auto;
	margin: 5px;
}

.about_text {
text-align: left !important;
padding: 60px 0; }

.our_services {
/*	background-image: url(/resources/images/web-design-service.webp);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 38%;
	*/
	padding-top: 20px;
	position: relative;
	

}
.our_services .bg-video {
  position: absolute;
  top: 25%;
  left: 0;
  width: 40%;
  height: auto;
  object-fit: cover;
  z-index: -1;
}
.experience 	{ /*background-image: url(/resources/images/izrabotka-web_sait.webp);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	*/
	padding: 80px 0;
letter-spacing: 1px;
  line-height: 1.7;
	position: relative;

}
.experience .experience-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.trust { min-height: 57px}

.maintenance {background-image: url(/resources/images/web_site-poddruzhka.webp);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	padding: 100px 0;
letter-spacing: 1px;
  line-height: 1.7;
	

}
.bgr-gradient {
background: #e3e3e3;
background: linear-gradient(65deg,rgba(227, 227, 227, 1) 0%, rgba(255, 255, 255, 0.85) 40%);
padding: 25px 0;
/*transform: rotate(-10deg); */

}