/* common */

.clientimg-bg {
   position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.image-shadow {
 position: absolute;
 width: 100%;
 height: 100%;
 top:0;
 bottom: 0;
 background-color: #000000;
 opacity: 0.2;

}
.clientimg-bg:hover .image-shadow { opacity: 0.4; }

.imgtag	   { /* border: 1px solid red;  */ height: 15%; }
.deskblock { /* border: 1px solid blue; */ height: 60%; padding: 0 5%;}
.imgbutton { /* border: 1px solid red;  */ height: 25%;}


.imgtag { padding-top: 15px; padding-bottom: 10px; }

.imgbantitle {
 font-family: "pt_sansbold", Helvetica, Arial, sans-serif;  font-size: 20px; text-align: center; 
 color: #ffffff; 
}
.imgarticle {
  font-family: "pt_sansbold", Helvetica, Arial, sans-serif; font-size: 12px; text-align: center; color: #ffffff; 
  font-size: 2vw;
}
.imgbutton {
 display: block; margin: 0 auto; max-width: 300px;  min-width: 200px; width: auto;
}

.imgbutton>.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.35;
    border-radius: .3rem;
}


/* zone TOP общее */
.zonetop { }
.zonetop { min-height: 330px; background:rgba(0,0,0,0.45)}
.imgholder:hover  .zonetop  { background:rgba(0,0,0,0.35) }
.zonetop .titlebig { margin: 20px 0; font-family: "pt_sansbold", Helvetica, Arial, sans-serif;  font-size: 44px; font-size: 2.8vw;text-align: center; color: #ffffff; }
.zonetop .arttitle { margin: 20px 0;  font-family: "pt_sansbold", Helvetica, Arial, sans-serif; font-size: 20px; font-size: 1.4vw; text-align: center; color: #ffffff; }


/* zone TOP Клиент */
.clientid-1 { min-height: 330px; background:rgba(0,0,0,0.45)}
.imgholder:hover  .clientid-1  { background:rgba(0,0,0,0.35) }
.clientid-1 .titlebig { margin: 20px 0; font-family: "pt_sansbold", Helvetica, Arial, sans-serif;  font-size: 44px; font-size: 2.8vw;text-align: center; color: #ffffff; }
.clientid-1 .arttitle { margin: 20px 0;  font-family: "pt_sansbold", Helvetica, Arial, sans-serif; font-size: 20px; font-size: 1.4vw; text-align: center; color: #ffffff; }



/* zone1 */

.zone1 .clientcontent {
 min-height: 300px; /* 220px */
} 

.clientid-1 .btn { background-color: #4285F4; border-color: #4285F4; opacity: 0.95; }
.clientid-1 .btn:hover  { opacity: 0.85; }
.clientid-1 .imgbantitle {
  padding:0;
  margin: 0;
  color: white;
}
.clientid-3 .btn { background-color: #4267B2; border-color: #4267B2; }
.clientid-4 .btn { background-color: #5181B8; border-color: #5181B8; }

.zone2 .clientcontent {
 min-height: 220px; /* 220px */
} 



/* zone3 */
.zone3 .clientcontent {
 min-height: 300px;
} 


/* zone4 */

.zone4 .clientcontent {
 min-height: 300px;
} 

.positionid-10 .imgbantitle {
  color: #fff;
  text-shadow: 2px 2px 4px #000;
}

/* тонкая */
.doubleinfo {} 
.widetag    {}
.titlebig   {}
.subline    {}
.artbutton  {}

/* ПТК */
.clientid-12 .imgtag	 { height: 25%; }
.clientid-12 .deskblock  { height: 50%;}
.clientid-12 .imgbantitle{ text-shadow: none;  padding: 0; margin: 0; color: #f58220; }
.clientid-12 .imgarticle { padding: 0; margin: 0; }
.clientid-12 .imgbutton	 { height: 25%;}
.clientid-12 .btn-danger { background-color: #0095da; border: 1px solid #0095da; }
.clientid-12 .btn-danger:hover { opacity: 0.8; }
.clientid-12 .bluelabel  { background-color: #7fba41; border: 1px solid #7fba41;}
/* --------------- */


/* БЕТОН */
.clientid-13 .imgtag	 { height: 25%; }
.clientid-13 .deskblock  { height: 50%;}
.clientid-13 .imgbantitle{ color: #ffffff; text-shadow: none;  padding: 0; margin: 0; }
.clientid-13 .imgarticle { color: #fff; font-size: 24px; padding: 0; margin: 0; text-decoration: underline;}
.clientid-13 .imgbutton	 { height: 25%;}
.clientid-13 .btn-danger { background-color: #F9212E; border-bottom: 2px solid #BC0F1A; }
.clientid-13 .btn-danger:hover { opacity: 0.8; }
.clientid-13 .bluelabel  { background-color: #3398DC; border: 1px solid #3398DC;}
/* --------------- */




@media (max-width: 575px) { 

	.zonetop .titlebig { font-size: 5.0vw; }
	.zonetop .arttitle { font-size: 3.0vw; }


	.imgbantitle { font-size: 20px; }
	.imgarticle  { font-size: 16px; }
	.OOOzone2 .artbutton a.btn { font-size: 16px;}

	.clientid-1 .titlebig { font-size: 4.5vw; }
	.clientid-1 .arttitle { font-size: 3.0vw; }
}

@media (min-width: 576px) {
	.zonetop .titlebig { font-size: 3.0vw; }
	.zonetop .arttitle { font-size: 2.5vw; }

	.imgbantitle { font-size: 20px; }
	.imgarticle { font-size: 16px; }
	.OOOzone2 .artbutton a.btn { font-size: 16px;}
	.OOOclientid-2 .widetag, .clientid-2 .titlebig, .clientid-2 .subline { margin-bottom: 5%; }


	.clientid-1 .arttitle { font-size: 2.5vw; }
}

@media (min-width: 768px) {
	.zonetop .arttitle { font-size: 1.9vw; }
	.imgbantitle { font-size: 2.5vw; }
	.imgarticle  { font-size: 2.0vw; }

	.OOOzone2 .artbutton a.btn { font-size: 16px;}
	.OOOclientid-2 .widetag, .clientid-2 .titlebig, .clientid-2 .subline { margin: 5% 0; }

	.clientid-1 .arttitle { font-size: 1.9vw; }
}

@media (min-width: 992px) {
	.zonetop .arttitle { font-size: 1.4vw; }
	.imgbantitle { font-size: 2.5vw; }
	.imgarticle  { font-size: 2.0vw; }

	.OOOzone2 .artbutton a.btn { font-size: 14px;}
	.OOOclientid-2 .widetag, .clientid-2 .titlebig, .clientid-2 .subline { margin: 3px 0; }

	.clientid-1 .arttitle { font-size: 1.4vw; }
}


@media (min-width: 1200px) {
	.zonetop .arttitle { font-size: 1.4vw; }

	.imgbantitle { font-size: 1.8vw; }
	.imgarticle  { font-size: 1.2vw; }

	.OOOzone2 .artbutton a.btn { font-size: 16px;}
	.OOOclientid-2 .widetag, .clientid-2 .titlebig, .clientid-2 .subline { margin: 6px 0; }


	.clientid-1 .arttitle { font-size: 1.4vw; }
}





/* zone1 Блок 1/3 */

.OOOzone2{}
.OOOzone2 .doubleinfo .btn { display: block; margin: 0 auto; max-width: 300px;  min-width: 200px; width: auto; }
.OOOzone2 .artbutton a.btn { font-size: 16px;}

.OOOclientid-4 .titlebig, 
.OOOclientid-2 .titlebig, 
.OOOclientid-3 .titlebig  { font-size: 28px; color: #ffffff; }
.OOOclientid-2 .subline   { font-size: 16px; color: #ffffff; }
.OOOclientid-3 .btn-primary { background-color: #4267B2; border-color: #4267B2; }
.OOOclientid-4 .btn-primary { background-color: #5181B8; border-color: #5181B8; }
.OOOclientid-3 .widetag, .clientid-4 .widetag { margin-bottom: 28%;}