@font-face {
	font-family: 'lora-bold';
	src: url('../fonts/fonts-vazbook/lora-bold.eot');
	src: local('☺'), url('../fonts/fonts-vazbook/lora-bold.woff') format('woff'), url('../fonts/fonts-vazbook/lora-bold.ttf') format('truetype'), url('../fonts/fonts-vazbook/lora-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/fonts-vazbook/Montserrat.eot');
	src: local('☺'), url('../fonts/fonts-vazbook/Montserrat.woff') format('woff'), url('../fonts/fonts-vazbook/Montserrat.ttf') format('truetype'), url('../fonts/fonts-vazbook/Montserrat.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/fonts-vazbook/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/fonts-vazbook/Montserrat-Bold.woff') format('woff'), url('../fonts/fonts-vazbook/Montserrat-Bold.ttf') format('truetype'), url('../fonts/fonts-vazbook/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot');
	src: local('☺'), url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body {
    background-color: #fff;
	/*color: #000;*/
	color: #505050;
	font-family: 'lora-bold', Arial, sans-serif !important;
	font-size: 12pt;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*font-family: 'Montserrat-Bold', Arial, sans-serif !important;*/
	font-family: 'Montserrat', Arial, sans-serif !important;
	font-weight: bold;
	font-size: 1.7em;
}
@media (max-width: 800px)	{
	.nspArts, .nspLinksWrap {
		padding: 0 2px !important;
	}
	.nspArt {
		padding: 0 1em 1em 1em !important;
	}
}


a {
    color: #004682;
	text-decoration: underline;
}
.navbar-nav > li > a,
#bm-cool-menu-100 .bm-cool-menu a {
    text-decoration: none;
	color: #707070;
}


.nav-pills {
	margin-left: auto;
	margin-right: 0;
	width: 270px !important;
}
#btn-vazbook {
	float: right;
	padding-right: 0;
}
#btn-vazbook > li > a {
     /*border: 3px solid #E6E3D7;*/
	 border: 1px solid #ced4da;
	 border-radius: .25rem;
	 color: #505050;
	 text-decoration: none;
	 background-color: #fff;
	 
	 padding: .375rem .75rem;
}

.navbar:has(#btn-vazbook) {
	padding-left: 0rem;
}



div.modulebtn-search	{
	margin-top: 0px;
}

div.awesomplete	{
	width: 100%;
}

div.row:has(.main-top-02)	{
	justify-content: right;
}


.nav-pills > li > a {
     border: 3px solid #E6E3D7;
	 color: #505050;
	 text-decoration: none;
	 background-color: #fff;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover {
     border: 3px solid #E6E3D7;
	 color: #fff;
	 text-decoration: none;
	 background-color: #337ab7;
}

div.itemBackToTop	{
	display: none;
	/*position: fixed;
    z-index: 999;
    right: 15px;
    bottom: 50px;*/
}
.itemDateModified	{
	font-size: 70%;
}

.t3-wrapper {
    background-color: #fff;
}
.t3-copyright {
    display: none;
}
.t3-module {
    margin-bottom: 20px;
}
/*20210303 фото слайдера*/
#nsp-vazmodelsgk5 img	{
	width: 100% !important;
	height: auto !important;
}
/*20210303*/



div.container {
    padding-bottom: 5px;
    padding-top: 5px;
}
@media (max-width: 720px) {
	#k2Container {
		padding: 0 0 0 0 !important;
	}
	.t3-mainbody {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.t3-content {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}	
	.t3-content > div {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}	
	.container {
		padding-right: 0px;
		padding-left: 0px;
	}	
}

a.readon, input.readon, .openbookbtn {
  margin: 0.7em 0 0.7em 0 !important;
  
  padding: 0.5em 2em 0.5em 2em;
  border: 1px solid #000;	
  text-align: left;
  text-decoration: none !important;
  background: #fff;
 /* color: #000;	*/
 color: #505050;
  display: block;
  font-family: 'montserrat-bold', Arial, sans-serif !important;
  font-size: 0.9em !important;
}
a.readon:hover, input.readon:hover, .openbookbtn:hover {
	background-color: #004682 !important;
	color: #fff !important;
}

/* кнопки перехода в раздел */
div.gopartbtn2	{
  margin-top: 1em !important;
  margin-bottom: 2em !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
  border: 1px solid #000;
  text-align: center;
  text-decoration: none !important;
  background: #fff;
  /*color: #000;		*/
  color: #505050 !important;
}
div.gopartbtn2 a	{
    /*color: #000 !important;*/
	color: #505050 !important;
    text-decoration: none;
	font-size: 1.5em !important;
	text-align: center !important;
	margin: 0 auto !important;
}
@media (max-width: 720px) {
	div.gopartbtn2	{
	  margin-top: 0.5em !important;
	  margin-bottom: 0.5em !important;
	  padding-top: 0.2em !important;
	  padding-bottom: 0.2em !important;
	}
	div.gopartbtn2 a	{
		font-size: 1.2em !important;
	}
}
div.gopartbtn2:hover {
	background-color: #004682 !important;
}
div.gopartbtn2:hover > a {
	color: #fff !important;
}



.bm-cool-menu li  {
    padding-left: 0px;
}
.bm-cool-menu a {
    padding: 1em !important;
}

/* заголовки модулей */
h3.module-title {
    margin: 0 auto !important;
    text-align: center !important;
	padding-bottom: 2em;
}
h3.module-title span, span.part-head {
    font-family: 'lora-bold', Arial, sans-serif !important;
    font-size: 3em !important;
	text-align: center !important;
	display: block;
}
@media (max-width: 720px) {
	h3.module-title {
		padding-bottom: 0.5em;
	}
	h3.module-title span, span.part-head {
		font-size: 1.5em !important;
	}
}





.modulepresents .nspImageWrapper {
    width: 50%;
}
.modulepresents .nspArtPage {
    background: #E6E3D7;
}

/* слайдер презентации */
.modulepresents .nspArt .gkArtContentWrap {
 	padding: 3em 3em 3em 3em;
}
@media (max-width: 990px)	{
	.modulepresents .nspArt .gkArtContentWrap {
		padding: 1.5em 1.5em 1.5em 1.5em !important;
		width: 50% !important;
	}
	.nspArt h4.nspHeader {
		font-size: 17pt !important;
		padding: 5px 0 5px 0 !important;
	}
}
@media (max-width: 600px)	{
	.modulepresents .nspArt .gkArtContentWrap {
		padding: 0.5em 0.5em 0.5em 0.5em !important;
		width: 50% !important;
	}
	.nspArt h4.nspHeader {
		font-size: 14pt !important;
		padding: 2px 0 2px 0 !important;
	}
}


/*модуль Созидатель ВАЗа = 0 */
.modulevazcreatorsgk50 .nspArt {
    margin-top: 5em !important;
    margin-left: 3em !important;
    padding: 0px 0px 0px 0px !important;
    background: #E6E3D7 !important;
}
.modulevazcreatorsgk50 .nspImageWrapper	{
	margin: 0px !important;
	width: 30% !important;
}
.modulevazcreatorsgk50 img.nspImage	{		
	transform: translate(-3em, -5em);
	width: 100% !important;
	max-width: 100% !important;
}
.modulevazcreatorsgk50 .gkArtContentWrap	{
	padding: 0px 3em 0px 0em !important;
}	
@media (max-width: 990px)	{
	.modulevazcreatorsgk50 .nspArt {
		margin-top: 2.5em !important;
		margin-left: 1.5em !important;
	}
	.modulevazcreatorsgk50 .nspImageWrapper	{
		width: 60% !important;
	}
	.modulevazcreatorsgk50 img.nspImage	{		
		transform: translate(-1.5em, -2.5em);
	}
}
@media (max-width: 600px)	{
	.modulevazcreatorsgk50 .nspArt {
		margin-top: 1.2em !important;
		margin-left: 0.7em !important;
	}
	.modulevazcreatorsgk50 .gkArtContentWrap	{
		padding: 0px 1em 0px 1em !important;
	}		
	.modulevazcreatorsgk50 .nspImageWrapper	{
		width: 90% !important;
	}
	.modulevazcreatorsgk50 img.nspImage	{		
		transform: translate(-0.5em, -1em);
	}
}

/*модуль Созидатель ВАЗа = 0 */


/*модуль Созидатели ВАЗа */
.modulevazcreatorsgk5 .nspImageWrapper img.nspImage	{
	/*pap20191118	width: 70% !important;*/
	height: auto;
}
.modulevazcreatorsgk5 .nspArt h4.nspHeader {
    padding: 0.7em 0 0.7em 0 !important;
}
@media (max-width: 990px)	{
	.modulevazcreatorsgk5 .nspArt {
		padding: 0 0.5em 1em 0.5em !important;
	}
}
@media (max-width: 600px)	{
	.modulevazcreatorsgk5 .nspArt {
		padding: 0 0 0 0 !important;
	}
}

/*модуль Созидатели ВАЗа*/


/*модуль История ВАЗа = 0 */
.modulevazhistorygk50 .nspArt{
	margin-top: 5em !important;
	background: #E6E3D7 !important;
	padding: 0px !important;	
	width: 97%  !important;
}
.modulevazhistorygk50 img.nspImage	{	
	transform: translate(36px, -5em);
	width: 100% !important;
	max-width: 100% !important;	
}
.modulevazhistorygk50 p.nspText {
	padding: 2em 0px 2em 0px !important;
}
#nsp-vazhistorygk50 .gkArtContentWrap	{	
	padding: 2em 2em 2em 2em !important;
}	
.modulevazhistorygk50 .nspArt .nspImageWrapper {
    margin: 0px !important;
	width: 65% !important;
}
@media (max-width: 600px)	{
	.modulevazhistorygk50 .nspArt{
		margin-top: 1em !important;
	}
	.modulevazhistorygk50 p.nspText {
		padding: 0.5em 0px 0.5em 0px !important;
	}
	.modulevazhistorygk50 .nspArt .nspImageWrapper {
		width: 90% !important;
	}
	.modulevazhistorygk50 img.nspImage	{	
		transform: translate(25px, -15px) !important;
	}
	#nsp-vazhistorygk50 .gkArtContentWrap	{	
		padding: 0.5em 0.5em 0.5em 0.5em !important;
	}	
}
/*модуль История ВАЗа = 0 */


/* модуль История ВАЗа*/
.modulevazhistorygk5 .nspArt{
	padding:0px 0px 0px 0px !important;
}
.modulevazhistorygk5 .nspArt p.nspText {
    padding: 2em 0 2em 0 !important;
}
.modulevazhistorygk5 .nspImageWrapper	{
	width: 100% !important;
}
.modulevazhistorygk5 .nspImageWrapper img.nspImage	{
	object-fit: cover;
	display: block;
	width: 75% !important;
}
@media (max-width: 600px)	{
	.modulevazhistorygk5 .nspImageWrapper img.nspImage {
		width: 100% !important;
	}
}

/*модуль История ВАЗа*/

/*Модели ВАЗа*/
 .modulevazmodelsgk5 .nspArt h4.nspHeader {
    font-size: 2em !important;
    font-weight: bold !important;
    text-align: center !important;
}



 .modulevazmodelsgk5 p, .vazmodelsmat2col {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
 }
 @media (max-width: 720px) {
	 .modulevazmodelsgk5 p, .vazmodelsmat2col {
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	 }
}

 
 
.modulevazmodelsgk5 .readon	{
	width: 12em  !important;
	text-align: center;
	float: none  !important;
	margin: 0 auto !important;
	margin-top: 3em !important;
}/*Модели ВАЗа*/



/*модуль 50 легенд ВАЗа*/
.modulecrt-pl-gk5 .gkArtContentWrap	{
	padding: 10px 0px 0px 0px !important;
}
.modulecrt-pl-gk5 .nspArt .nspHeader a{
	color: #000  !important;
	text-decoration : none  !important;
}
.modulecrt-pl-gk5 .nspImageWrapper img.nspImage {
    /*pap20191118	width: 70% !important;*/
    height: auto;
}
.modulecrt-pl-gk5 .nspArt .nspText a{
	color: #000  !important;
	text-decoration : none  !important;
}
.readon-button-wrap	{	/*ссылка Бльше по категории*/
	display: none;
}
/*модуль 50 легенд ВАЗа*/



/*модуль Творцы ВАЗа*/
.modulecrt-crt-gk5 .gkArtContentWrap	{
	padding: 10px 0px 0px 0px !important;
}
.modulecrt-crt-gk5 .nspArt .nspHeader a{
	color: #000  !important;
	text-decoration : none  !important;
}
.modulecrt-crt-gk5 .nspImageWrapper img.nspImage {
    /*pap20191118	width: 70% !important;*/
    height: auto;
}
.modulecrt-crt-gk5 .nspArt .nspText a{
	color: #000  !important;
	text-decoration : none  !important;
}
/*модуль Творцы ВАЗа*/


/*модуль Династии*/
.modulecrt-dnst-gk5 .gkArtContentWrap	{
	padding: 10px 0px 0px 0px !important;
}
.modulecrt-dnst-gk5 .nspArt .nspHeader a{
	color: #000  !important;
	text-decoration : none  !important;
}
.modulecrt-dnst-gk5 .nspImageWrapper img.nspImage {
    width: 90% !important;
    height: auto;
}
.modulecrt-dnst-gk5 .nspArt .nspText a{
	color: #000  !important;
	text-decoration : none  !important;
}
/*модуль Династии*/



/*хроники ВАЗа*/
.modulehst-chr-gk5 .nspArtPage 	{
	display: grid;
	grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 4px;  
 }
.modulehst-chr-gk5 .nspArt	{
	background: #e6e3d7;	
	padding: 10px !important;
	border: 9px solid transparent;
	border-image: url(g_w.png);
	border-image-slice: 9;	
	width: 100%  !important;
}
.modulehst-chr-gk5 .nspArt h4.nspHeader {
    border-bottom: 1px solid #000;
}
.modulehst-chr-gk5	a	{
	color: #000  !important;
	text-decoration : none  !important;
}
@media (max-width: 990px)	{
	.modulehst-chr-gk5 .nspArtPage 	{
		grid-template-columns: 1fr 1fr 1fr !important;
	}	
}
@media (max-width: 720px)	{
	.modulehst-chr-gk5 .nspArtPage 	{
		grid-template-columns: 1fr 1fr !important;
	}	
}
@media (max-width: 600px)	{
	.modulehst-chr-gk5 .nspArtPage 	{
		grid-template-columns: 1fr !important;
	}	
}

/*хроники ВАЗа*/




/*галерея ВАЗа*/
.modulehst-gal-gk5	{
	margin-bottom: 20px !important;
}
/*галерея ВАЗа*/

/*награды ВАЗа*/
.modulehst-awd-gk5	a	{
	color: #000  !important;
	text-decoration : none  !important;
}
.modulehst-awd-gk5 .nspImageWrapper	img.nspImage {
	margin-bottom: 3em;
    margin-top: 3em;
}
/*награды ВАЗа*/


/* личные истории */
@media (max-width: 990px)	{
	.moduleowngk5 .nspArt {
		width: 50% !important;
	}
}
@media (max-width: 600px)	{
	.moduleowngk5 .nspArt {
		width: 100% !important;
	}
}
/* личные истории */


/*#k2Container*/
#k2Container .itemHeader{
	padding-left: 330px;
}
@media (max-width: 720px) {
	.row {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	#k2Container .itemHeader{
		padding-left: 10px !important;
	}
}


#k2Container.css-presents .itemHeader{
	padding-left: 0px;
}

#k2Container .itemBody {
    padding: 8px 0;
    margin-top: 45px;
}

#k2Container.css-50histories .itemBody,
#k2Container.css-awards .itemBody
 {
   margin-top: 15px;
}

#k2Container .itemImage{
	display: inline;
}
#k2Container .itemImageBlock{
	position: relative;
	float: left;
	z-index: 100;
	-webkit-transform: translateY(-70px);
	-ms-transform: translateY(-70px); 
	transform: translateY(-70px);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#k2Container .itemIntroText{
	position: relative;
	-webkit-transform:  scaleX(0.9);
	-ms-transform:   scaleX(0.9); 
	transform:  scaleX(0.9);
	height: 310px;
	z-index: 10;
}
div.itemIntroText {
    font-size: 12pt;
    font-weight: normal;
    line-height: 20px;
    padding: 4px 0px 12px;
	/*color: #000;*/
	color: #505050;
}

@media (max-width: 720px) {
	#k2Container .itemBody {
		padding: 1px 0;
		margin-top: 5px;
		margin-left: 15px !important;
		margin-right: 15px !important;
	}
	#k2Container .itemImageBlock{
		clear: both !important;
		float: none !important;
		z-index: 0;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px); 
		transform: translateY(0px);
		width: 100% !important;
		display: block !important;
	}
	#k2Container .itemImageBlock img{
		width: 100% !important;
		/*margin 0px auto  !important;*/
	}
	#k2Container .itemIntroText {
		height: auto;
		z-index: 0;
		clear: both !important;
		float: none !important;
		width: 100% !important;
		display: block !important;
	}	
	
	.itemFullText img{
		max-width: 100% !important;
		height: auto  !important;
		/*float: none !important;*/
		margin: 0px 0px  !important;
	}
	#k2Container .itemFullText p {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}



#k2Container.css-legends .itemIntroText,
#k2Container.css-creators .itemIntroText,
#k2Container.css-50histories .itemIntroText,
#k2Container.css-awards .itemIntroText,
#k2Container.css-dynasties .itemIntroText,
#k2Container.css-histories2101 .itemIntroText
{
	background: #E6E3D7 !important;
}
#k2Container .itemFullText{
	clear: left;
}
#k2Container .itemFullText p {
	margin: 0 0 1em 0;
}

div.slideplus-caption	{
	font-size: 50%;
}

div.moduleformbacklink form~div 	{
	display: none  !important;	
}

#t4-footnav .t4-module	{ 		/* col-sm-3*/
	padding-right: 5px !important;
    padding-left: 5px !important;
	font-size: 80%;
	text-decoration : none  !important;
}
#t4-footnav ul	{ 		/* col-sm-3*/
	list-style-type: none;
}
#t4-footnav .t4-module a	{ 		/* col-sm-3*/
	text-decoration : none  !important;
	color: #555555;	
}

/*20200305 search module*/
#searchForm	{
	display: none  !important;
}


form.form-search input[type="image"]{ 
	position: absolute;
	top: 0px;
}
#mod-search-searchword	{
	width: 270px !important;

}

.form-search > label:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f002";
	position: relative;
	left: 3px;
	top: 5px;
	color: lightgray;
	height: 20px;
    width: 20px;
}
.head-search label {
    display: inline;
	height: 36px;
    width: 20px;
}

.head-search form {
    width: 270px !important;
	margin-left: auto;
	margin-right: 0;
}




.head-search .search:before {
	display: none  !important;
}

.modulebirth	{
	position: relative;
	margin-bottom: 40em;
}
.prebirth	{
	width:30%;
	position: absolute;
	z-index: 7; 
}
.prebirth img	{
	width:100%;
	
}
.modulebirth .nspArts	{
	position: absolute;
	z-index: 6; 
	left: 9%; 
	top: 150px; 
	width:90% !important;
	
	background-color: #E6E3D7;  
}
.modulebirth .nspArtPage	{
	padding-left: 30%;
}

/* footer */
div.address	{
	font-size: 80%;
}
@media (max-width: 720px) {
	div.address img	{
		display: none;
	}
	div.moduleorphus	{
		display: none;
	}
	div.banners	{
		display: none;
	}
	.avPlayerContainer{
		width:100%  !important;
	}
	.avPlayerContainer iframe{
		width:90%  !important;
		height: auto !important;
	}
  
  .nspArts.bottom {
    width:100%  !important
  }
  .nspHeader.tleft.fnone.has-image {
	/*padding 5px 0px 5px !important;*/
    font-size: 80% !important;
	}
  .readon.tleft {
    /*padding 5px 0px 0px !important;*/
    width:80%  !important
  }
 /* .nspImage {
    width:50%  !important;
    padding 5px 0px 0px !important;
  }  */
}

@media (max-width: 1080px) {
  .nspArt h4.nspHeader {
	/*padding 5px !important;*/
    font-size: 80% !important;
	}

}


.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px !important;
    margin-left: 0px !important;
}


/* custom_o */
/*нива-45*/
.card-container {
    width: 100%;
    position: relative;
    background: url(/images/photo/niva45/background.jpg);
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;    
    height: 500px;
    margin: 20px 0;
}
.card-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  
}
.card-container .card {
    margin: -20px 20px;
    width: 300px;
}
.card-container .card .face {
    width: 100%;
    height: 200px;
    transition: 0.5s;
    background: #FFF;
    overflow: hidden;
}
.card-container .card .face-1 {
    position: relative;
    z-index: 2;
    transform: translateY(50px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
.card-container .card:hover .face-1 {
    transform: translateY(0);
}
.card-container .card .face-1 img {
    filter: brightness(0.8);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.card-container .card:hover .face-1 img {
    filter: brightness(1)
}
.card-container .card .face-1 h3 {
    padding: 10px 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
}
.card-container .card .face-2 {
    position: relative;
    z-index: 1;
    opacity: 0;
    background: #fff;
    padding: 20px 20px 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
    transform: translateY(-100px);
    height: 100px;
    transition: 0.5s;
}
.card-container .card:hover .face-2 {
    transform: translateY(0);
    opacity: 1;
}
.card-container .card:nth-child(1):hover .face-2 {
    height: var(--face_height_1);
}
.card-container .card:nth-child(2):hover .face-2 {
    height: var(--face_height_2);
}
.card-container .card:nth-child(3):hover .face-2 {
    height: var(--face_height_3);
}
.card-container .card .face-2 p {
    margin: 0;
    padding: 0 0 10px;
    font-size: 15px;
    line-height: 1.3;
    font-family: Verdana, sans-serif; 
}
@media screen and (max-width: 696px) {
    .card-container {
        margin: 140px 0;
    }
}



/* ниже селектор для временной линии для нивы*/
.timeline *, 
.timeline *:before, 
.timeline *:after {
    box-sizing: border-box;
}    
.timeline .timeline-item:after, 
.timeline .timeline-item:before {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}
.timeline {
    max-width: 1100px;
    width: 100%;
    margin: 30px auto;
    position: relative;
    padding: 0 10px;
    transition: all 0.4s ease;
}
.timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #b2ab8d;
    left: 50%;
    top: 0;
    position: absolute;
}
.timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
}
.timeline .timeline-item {
    margin-bottom: 50px;
    position: relative;
}
.timeline .timeline-item .timeline-icon {
    background: #b2ab8d;
    color: #333333;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -23px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.7), 0 4px 10px rgba(0,0,0,0.7) /* тень вокруг кружков*/
}
.timeline .timeline-item .timeline-icon p {
   font-size: 0.7em;
   line-height: 50px;
}
.timeline .timeline-item .timeline-content {
    width: 45%;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.7), 0 4px 10px rgba(0,0,0,0.7);
    border-radius: 5px;
    transition: all 0.3s ease;
}
.timeline .timeline-item .timeline-content h4 {
    padding: 1px;
    background: #b2ab8d;
    color: #fff;
    margin: -20px -20px 10px -20px;
    font-weight: 300;
    border-radius: 3px 3px 0 0;
    font-family: Montserrat, sans-serif; /* шрифт заголовков */
    font-size: 1em; /* размер шрифта заголовков */
}
.timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #b3ad92;
}
.timeline .timeline-item:nth-child(even) .timeline-content {
    float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-content:before {
    content: '';
    right: 45%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid #b2ab8d;
}


.moduleservice .nspArt img.nspImage {
	 height:auto !important;
}

@media screen and (max-width: 768px) {
    .timeline {
        margin: 30px;
        padding: 0px;
        width: 90%;
    }
    .timeline:before {
        left: 0;
    }
    .timeline .timeline-item .timeline-content {
        width: 90%;
        float: right;
    }
    .timeline .timeline-item .timeline-content:before, 
    .timeline .timeline-item:nth-child(even) .timeline-content:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid #b2ab8d;
    }
    .timeline .timeline-item .timeline-icon {
        left: 0;
    }
	
	.gallery_grid_newyears 	{
		grid-template-rows: repeat(2, 1fr);
		grid-template-columns: repeat(1, 1fr);
	 }	 
	.moduleservice .nspCol3 {
		width: 33.333333% !important;
	}	 
	.moduleservice .nspArt img.nspImage {
		 height:auto !important;
	}
	
}
/*ниже фон для страницы нива-45*/

.nivatime {
   background: url(/images/photo/niva45/background_1.jpg);
}

/*ниже сетка для страницы презентации с годовщиной ваз-2101 */

.textgrid 	{
   	display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 5px;  
 }

/*селектор для стиля кнопки в материале "презентация, ваз-2101"*/
a.btm, input.btm, .openbookbtn {
 /* margin: 0.7em 0 0.7em 0 !important;*/
  padding: 0.5em 2em 0.5em 2em;
  border: 1px solid #000;	
  text-align: center;
  text-decoration: none !important;
  background: #fff;
  color: #505050;
 /* display: block;*/
  font-family: 'montserrat-bold', Arial, sans-serif !important;
  font-size: 0.9em !important;
  width: 50%;
  
}
a.btm:hover, input.btm:hover, .openbookbtn:hover {
	background-color: #004682 !important;
	color: #fff !important;
}

/*начало селектора страницы А знаете ли Вы */
.virtualvaz{
  position: relative;
  background-image: url(http://vazbook.libavtograd.ru/images/photo/virtualvaz/vaz20230331.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100%;
  }

#window1, #window2, #window3, #window4, #window5, #window6, #window7, #window8, #window9, #window10 {
        width: 100%;
        padding: 15px;
        border: 2px solid #B0C4DE;
        border-radius: 10px;
        color: #333333;
        display: none;
      }
#window1:target {display: block;}
#window2:target {display: block;}
#window3:target {display: block;}
#window4:target {display: block;}
#window5:target {display: block;}
#window6:target {display: block;}
#window7:target {display: block;}
#window8:target {display: block;}
#window9:target {display: block;}
#window10:target {display: block;}

.gallery_grid {
   	display: grid;
    width: 100%;
	grid-template-rows: repeat(1, 1fr);
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 10px;  
 }

.car_grid {
   	display: grid;
    width: 100%;
	grid-template-rows: repeat(1, 1fr);
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;  
 }

.car_img {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 1;
}


/*окончание селектора */

/*начала селектора Нива на северном полюче*/

.nivapole {
 background-image: url(http://libavtograd.ru/images/photo/niva/nivapole.jpg);
}

.nivastyle {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #000000;
  padding-left: 20px;
}

.corner-box { 
    position:relative;
    display: inline-block;
    width: 50%;
    margin: 10px 0 40px 0;
    padding: 30px;
    color: #000000;
    text-align: center;
    background: #d6fffa;
    background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) no-repeat 100% 0 / 30px 30px,
    linear-gradient(-135deg, transparent 20px, #d6fffa 0);
    filter: drop-shadow(20px 30px rgba(0,0,0,0.1));
}
.corner-box::before{ 
    content: ' ';
    position:absolute;
    top: 30px; 
    right: 0;
    background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,0.1) 0) 100% 0 no-repeat;
    width: 30px;
    height: 30px;
    transform: rotate(180deg)
}

.nivaimg { /*рамочка вокруг изображения, округлые края, тень*/
  margin: 10px; 
  border: 3px solid #fff; 
  border-radius: 15px;
  box-shadow: 3px 3px 3px 3px gray;
  width:  30% ;
 height:  30% ;
} 

/*окончание селектора */


/* ниже селектор для ВАЗ-2108*/


/*
.stcard-container {
    display: flex;
    justify-content: center;  
    flex-wrap: wrap; 
    padding: 20px 0;
}
*/

.stcard {
    display: flex;
    flex-direction: column;
    padding: 12px 12px 6px;
    background: #f8f3e8;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    flex: 1 0 300px;
    max-width: 400px;
    align-self: center;
}


.stcard img {
    width: 100%;
    aspect-ratio: 2/1; 
    object-fit: cover;
    border-radius: 6px;
    filter: sepia(60%);
    transition: filter 0.5s; 
    margin-bottom: 10px;
}

.stcard:hover img {
    filter: sepia(0)
}

.stcard .stcard-title {
    margin: 6px 10px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.1;
    color: #a18342;
    text-align: center;
}

.stcard p {
    font-size: 15px;
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1.3; 
}


.stcard01 {
    display: flex;
    flex-direction: column;
    padding: 12px 12px 6px;
    background: #f8f3e8;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    flex: 1 0 300px;
    max-width: 970px;
    align-self: center;
}

.stcard01 img {
    width: 100%;
    aspect-ratio: 4/1; 
    object-fit: cover;
    border-radius: 6px;
    filter: sepia(87%);
    transition: filter 0.5s; 
    margin-bottom: 10px;
}

.stcard01:hover img {
    filter: sepia(0)
}

.stcard01 .stcard-title {
    margin: 6px 10px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.1;
    color: #a18342;
    text-align: center;
}


.stcard01 p {
    font-size: 15px;
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1.3; 
}

/* заканчивается селектор для ВАЗ-2108*/


.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
  white-space: normal;
  display: block;
  padding: 5px;
}
a {
  color: #505050;
  text-decoration: none !important;
}



/*начинается селектор для калины, страничка "интересное" */

.gallery_kalina {
   	display: grid;
	grid-template-rows: repeat(1, 1fr);
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px; 
    width: 100%; 
 }

@media (max-width: 900px) {
.gallery_kalina {
   	display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px; 
    width: 100%;  
 }}

@media (max-width: 600px) {
.gallery_kalina {
   	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 15px; 
    width: 100%;  
 }}

/*заканчивается селектор для калины*/


#window1, #window2, #window3, #window4, #window5, #window6, #window7, #window8, #window9{
        width: 100%;
        padding: 15px;
        border: 2px solid #FFF8DC;
        border-radius: 10px;
        color: #333333;
        display: none;
      }
#window1:target {display: block;}
#window2:target {display: block;}
#window3:target {display: block;}
#window4:target {display: block;}
#window5:target {display: block;}
#window6:target {display: block;}
#window7:target {display: block;}
#window8:target {display: block;}
#window9:target {display: block;}