
/*----------начало сброса настроек по-умолчанию----------*/
html, body, div, span, p, em, img, strong, h1, h2, h3, h4, h5, h6, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	padding:0;
	margin:0;
	outline:0;                
	vertical-align:baseline;   
	font-size:100%;  
	border:0;
	background:transparent;    
}
table{						   
	border-spacing:0;
	border-collapse:collapse; 
}
a{                        
	padding:0;
	margin:0;
	font-size:100%;
	vertical-align:baseline;
	outline:none;
	background:transparent;	
}
div, td, td img{
	vertical-align:top;	 
} 
nav ul{
	list-style:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, section1{
	display:block;
}

/*----------окончание сброса настроек по-умолчанию----------*/
/*----------начало базовых настроек файла css----------*/
html{
	min-height:100%;			
}
body{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 1em;
	min-height:100%;	
	color:#000;
	line-height:1.2;		
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
p{
	text-indent:0;
}
a, a:visited{ 
	text-decoration:none;				
	color:#287fc3;
}
a:hover{
	text-decoration:underline;	
	color:#287fc3;
}
a:active{
	text-decoration:none;	
	color:#9328ed;
}
/*----------окончание базовых настроек файла css----------*/
/*----------начало назначения стилей css----------*/
.wrapper {
	height:100%;
	margin: 0 auto;
	background: #FDEFCD;/*#f3f3f3;	*/
	border: 1px solid #ccc;	
}

/*---------------- Шапка ------------------------------*/
.hdr-blok1 {
    height: 50px;
	background:#F0F8FF; 
	padding-top: 7px;
	border-top: 2px solid #ECEBBD;
	font-style: italic;
}	
.hdr-p1 {
	color:#9F2222;
	text-shadow: 1px 1px 0px #eee, 3px 2px 9px #B3B3B3;
}
.hdr-p2{
	color:#9F2222;
	text-shadow: 1px 1px 0px #E5E4E2, 3px 2px 9px #B3B3B3;
}
.hdr-p3 {
	color:#E1157A;
	text-shadow: 1px 1px 0px #eee, 3px 2px 5px #23297A;
}  

header {
	background: url("../images/schapka.jpg") no-repeat;
	background-size: 100% 100%;	
}
header { height: 220px;}
.hdr-blok3 {
    height: 30px;
    background:#BBD0C9;
	box-shadow: 0px 4px 5px 0px #555;
}
.hdr-p4 { 
    padding-top: 7px;
	color:#FC1E54;
}

/* ---------------------- Меню (section)-----------------------*/

section{
	margin:5px auto 0 auto;	
	background-color:#eee; 
	border-radius:10px;			
	box-shadow:0px 0px 60px 0px #fff;	
	font-style: italic;
	background-image: linear-gradient(to top, #ccc 0%, #e9e9e9 1.5%, #eee 3%, #eee 97%, #f7f7f7 99%, #fafafa 100%);
	box-shadow: 0px 4px 5px 0px #555;
    overflow:hidden;    	
}
.menu {
    padding: 3px 0 0 0;	
	display:table;	
	margin: 0 auto;	
}
.menu ul { display:table-row;}
.menu ul li {
	display:table-cell; 	
	list-style-type: none;
	width: 33.33%;
	border: 1px solid #0FC0FC;
	border-radius: 6px 6px 0 0; 
	box-shadow: 0px 0px 3px 0px #2e376c;
	vertical-align:middle;
}
.menu ul li a {
	height: 50px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:1.1em;
	font-weight: bold;
	line-height: 1;	
	color: #722F37;  
	text-decoration:none;
	padding: 0 5px;	
	text-shadow: 4px 1px 3px #F2F0E6;	
}
.activ a {
	background: #D6CADD; 
	box-shadow: 1px 3px 6px 0px #4c5150 inset; 
}
.menu ul li a:hover {
	background: #eeefcd; 
	box-shadow: 1px 3px 6px 0px #4c5150 inset;
}
/*-------------------- Блок агенство -----------------------------*/
.content-block{
	height:100%;	
	position:relative;	
}
.content-block{	margin:10px auto 0 auto;}

main {
    height:100%;
	background: #FDFDDD;  
	border-radius:10px;						
	box-shadow:0px 0px 60px 0px #fff;	
}
.ob { color:#0000C0;} 
.gorod { color:#9C1C00;}
.article hr{
	height: 1px;
	background:#bd072e; 		
	margin: 15px 0px 10px 0px;
	box-shadow:0px 0px 1px 0px #bd072e;
}
.article {	margin:10px auto 10px auto;	}
.article p {
	text-indent:4%;
	font-size:1.125em;
	font-style: italic;
	color:#620A02;
	padding-top:8px;
}
.art-1 img  { height: 240px; width:320px;}
.art-2 img  { height: 286px; width:205px;}
.art-3 img  { height: 260px; width:350px;}
.art-2 { background:#FFFFF3;}
.art-3 { background:#FFF6F6;}

.istor_left { 
    float:left;
	margin: 7px 20px 7px 7px;
}
.istor_right{
    float:right;
	margin: 7px 7px 7px 20px;
}
/*------------------------ Блок продажа ---------------------*/

.art-pro, .art-are {
    min-height:1092px;
	background-color:  #ECF9EE;
}
.art-pro hr{
	height: 1px;
	background:#2F9DFF; 		
	margin: 5px 0px 10px 0px;
	box-shadow: 0px 0px 2px 0px #555;
} 
.art-pro h1, .art-pro h2, .art-are h1, .art-are h2  {
	font-weight:bold;
	font-style: italic;
	color:#A7103C;
	text-align: center;	
}
.art-pro h1, .art-pro h2, .art-are h1, .art-are h2  {
	font-size: 1.25em;
}
.art-pro h2, .art-are h2 {
	color:#2D6DDD;
	margin-top:20px;
}
.art-pro h2, .art-are h2 {
	font-size: 1.125em;	
}
.art-pro p,.art-are p {
	text-indent:2%;
	padding-top:0.5%;
	color:#2f2f49;
}
.rtr-blok {
    display: block;
    height:18.125em;
	margin-top:22px;	
	border-radius:.625em;			
	box-shadow: 0px 4px 5px 0px #555;
	background-image: linear-gradient(to top, #ccc 0%, #e9e9e9 1.5%, #eee 3%, #eee 97%, #f7f7f7 99%, #fafafa 100%);
	border-top:1px solid #dedede;
}
.rtr-blok1 {
	display:table-cell;  
	vertical-align:middle;
}
.rtr-blok1-2 {
	display:table-cell;
	vertical-align:middle;
}
.rtr-blok2 {
    height:16.25em;	
	display:table-cell;
	vertical-align:middle;
}
.rtr-blok1  img {  
    margin: 5px 5px 5px 5px;
	border-radius:.625em;	
}		
.naz {font-style:italic;	color:#B60C26;}
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
    color:#0000B8;
	text-align: center;	
	font-style:italic;	
}
             
/*------------------------ Блок аренда ---------------------*/
.art-are hr{
	height: 1px;
	background:#FF7C00; 		
	margin: 5px 0px 10px 0px;
	box-shadow: 0px 0px 2px 0px #555;
} 
.art-are  {background-color: #FFFFEF;}
.art-are h1 {color:#00308F;}
.art-are h2 {color:#800000;}

/* --------------------------------- Слайдер ----------*/
 .slider-container {
  position: relative;
  height: 250px; 
  margin: 0 auto;
  overflow: hidden;
}
.slider, .slider2, .slider3  {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.slider img, .slider2 img, .slider3 img  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.prev-button,.next-button, .pr2-button, .ne2-button, .pr3-button, .ne3-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: none;
  font-size: 24px;
  color: #D1001C;   
}
.prev-button, .pr2-button, .pr3-button {left: 10px;}
.next-button, .ne2-button, .ne3-button {right:10px;}   
     
/* ------ конец слайдера ---------*/  

/*--------------------- aside ------------------------------*/

aside{	
	width:240px;
	position: absolute; top:20px; right:0;
    background:#FFF7FF;   	
}
.subscribe img, .banner img{
	border-radius:10px;
	box-shadow:0px 0px 60px 0px #fff;				
}
.subscribe, .banner{ margin-top:10px;}
.subscribe img{
    width:239px;
	height:250px;
}
.banner img{
    width:240px;
	height:265px;	
}

/*--------------------- Подвал ----------------------------*/
footer {
	height: 110px;
	margin-top: 0px;
	background:#8EA078;   		
}
.ftr-menu {
	width: 83.33%;
	padding-left:8.33%;
}
.ftr-menu ul li a { font-size:1em;}   
.ftr-menu {
	padding-top:8px;
	display:table;	
}
.ftr-menu ul {	
	display:table-row;
}
.ftr-menu ul li {
	height: 45px;	
	display:table-cell; 	
	list-style-type: none;
	width: 33.33%;
	vertical-align:middle;	
}
.ftr-menu ul li a {width:1600px;}
.ftr-menu ul li a {
	height: 45px;	
	display:table-cell;
	vertical-align:middle;	
	text-align:center;
	font-size:1em;
	font-weight: bold;
	line-height: 1;	
	color:#fbc406;
	text-decoration:none;
	padding: 0 5px;	
}
.ftr-activ a {
	background: #487673;
	box-shadow: 1px 3px 6px 0px #4c5150 inset;
	border-radius: 6px; 
}
.ftr-menu ul li a:hover {
	text-decoration:underline;
}
footer p {
	margin-top: 6px;
	text-align:center;
	font-size:1.1875em;
	text-indent:.6;
	color:#fff;
}

/* -----Устройства с экранами от 320px до 592px  ----------------------------------------------------------------- */

@media screen and (min-width:320px) and (max-width:592px) {
.hdr-p1 {
    font-size: 1.25em;
	margin-left: 1%;
}
.hdr-p2{
    font-size: 1.25em;
	margin-left: 1%;
}
.hdr-p3 {
    font-size: 1.875em;	
	margin-left: 1%;
} 
header {
	background-size: 100% 50%;
    height: 220px;	
} 
.hdr-blok3 { margin-top:-110px;}            
.hdr-p5       { margin-left: 6px;}
.hdr-p4       { margin-left:  9%;}		
.hdr-p4 img { margin-left: 20%;}

/* ---------------------- Меню (section)-----------------------*/

.menu_v { display:none;}
section    { width:100%;}
.menu    {width: 83.33%;}
.menu ul li a {	width:1600px;}
/*-------------------- Блок агенство -----------------------------*/

.content-block{	width:100%;}
main{   
	padding:5px 2% 0px;
	/*margin-right:200px;*/
}	
.art-3 {	min-height:290px;}
.art-3 img  { height: 240px; width:320px;}

/*------------------------ Блок продажа ---------------------*/
.rtr-blok1-2 { width:1px;}
.rtr-blok1  img {    
	width:       300px;
	height:      200px;	
}
.rtr-blok1 {	width:20em;}
.rtr-blok2 {	width:26.25em;}
.naz {font-size: .875em; }
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
	font-size: .9375em;	
}
.otv1   {margin-left:  30px;}                 /* город */
.otv2   {margin-left:  10px; color:#AF002A;}  /* район */
.otv3   {margin-left:  10px;}                 /* улица */
.otv4   {margin-left:  50px; color:#AF002A;}  /* комнат */
.otv5   {margin-left:  20px;}                 /* площадь */
.otv6   {margin-left:  50px; color:#AF002A;}  /* этаж */
.cifra {margin-left:  30px;color:#299617;}   /* стоимость*/   
.otv4-1 {margin-left: 80px; color:#AF002A;}  /* наименование аренды */
aside{ display:none;}
.slider-container { width: 300px;}
 
}

/*-----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:593px) and (max-width:660px) {
.hdr-p1 {
    font-size: 1.5em;
	margin-left: 2%;
}
.hdr-p2{
    font-size: 1.5em;
	margin-left: 2%;
}
.hdr-p3 {
    font-size: 2.125em;	
	margin-left: 3%;
} 
header {
	background-size: 100% 70%;
    height: 220px;	
} 
.hdr-blok3 { margin-top:-66px;}            
.hdr-p5       { margin-left: 10px;}
.hdr-p4       { margin-left:  9%;}		
.hdr-p4 img { margin-left: 30%;}

/* ---------------------- Меню (section)-----------------------*/

.menu_v { display:none;}
section    { width:100%;}
.menu    {width: 83.33%;}
.menu ul li a {	width:1600px;}
/*-------------------- Блок агенство -----------------------------*/

.content-block{	width:100%;}
main { padding:5px 2% 0px}	
.art-3 {	min-height:290px;}

/*------------------------ Блок продажа ---------------------*/
.rtr-blok1-2 { width:4px;}
.rtr-blok1  img {    
	width:       340px;
	height:      250px;	
}
.rtr-blok1 {	width:23.75em;}
.rtr-blok2 {	width:26.25em;}
.naz {font-size: .875em; }
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
	font-size: .9375em;	
}
.otv1   {margin-left:  45px;}                 /* город */
.otv2   {margin-left:  20px; color:#AF002A;}  /* район */
.otv3   {margin-left:  20px;}                 /* улица */
.otv4   {margin-left:  60px; color:#AF002A;}  /* комнат */
.otv5   {margin-left:  40px;}                 /* площадь */
.otv6   {margin-left:  60px; color:#AF002A;}  /* этаж */
.cifra {margin-left:  40px;color:#299617;}   /* стоимость*/   
.otv4-1 {margin-left: 90px; color:#AF002A;}  /* наименование аренды */
aside{ display:none;}
.slider-container { width: 340px;}
 
}

/*-----------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:661px) and (max-width:767px) {
.hdr-p1 {
    font-size: 1.5em;
	margin-left: 3%;
}
.hdr-p2{
    font-size: 1.5em;
	margin-left: 3%;
}
.hdr-p3 {
    font-size: 2.125em;	
	margin-left: 4%;
}
header {
	background-size: 100% 70%;
    height: 220px;	
} 
.hdr-blok3 { margin-top:-66px;}                    
.hdr-p5       { margin-left: 20px;}
.hdr-p4       { margin-left:  9%;}		
.hdr-p4 img { margin-left: 35%;}

/* ---------------------- Меню (section)-----------------------*/

.menu_v { display:none;}
section    { width:100%;}
.menu    {width: 83.33%;}
.menu ul li a {	width:1600px;}
/*-------------------- Блок агенство -----------------------------*/

.content-block{	width:100%;}
main { padding:5px 2% 0px;}	
.art-3 {	min-height:290px;}

/*------------------------ Блок продажа ---------------------*/
.rtr-blok1-2 { width:3px;}
.rtr-blok1  img {    
	width:       380px;
	height:      250px;	
}
.rtr-blok1 {	width:23.75em;}
.rtr-blok2 {	width:26.25em;}
.naz {font-size: .875em; }
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
	font-size: .9375em;	
}
.otv1   {margin-left:  45px;}                 /* город */
.otv2   {margin-left:  20px; color:#AF002A;}  /* район */
.otv3   {margin-left:  20px;}                 /* улица */
.otv4   {margin-left:  60px; color:#AF002A;}  /* комнат */
.otv5   {margin-left:  40px;}                 /* площадь */
.otv6   {margin-left:  60px; color:#AF002A;}  /* этаж */
.cifra {margin-left:  40px;color:#299617;}   /* стоимость*/   
.otv4-1 {margin-left: 90px; color:#AF002A;}  /* наименование аренды */
aside{ display:none;}
.slider-container { width: 380px;}
}

/*-------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:970px) {
.hdr-p1 {
    font-size: 1.625em;
	margin-left: 4%;
}
.hdr-p2{
    font-size: 1.625em;
	margin-left: 5%;
}
.hdr-p3 {
    font-size: 2.25em;	
	margin-left: 6%;
} 
header {
	background-size: 100% 80%;
    height: 220px;	
} 
.hdr-blok3 { margin-top:-46px;}                   
.hdr-p5       { margin-left: 25px;}
.hdr-p4       { margin-left:  9%;}		
.hdr-p4 img { margin-left: 45%;}

/* ---------------------- Меню (section)-----------------------*/

.menu_v { display:none;}
section    { width:100%;}
.menu    {width: 83.33%;}
.menu ul li a {	width:1600px;}
/*-------------------- Блок агенство -----------------------------*/

.content-block{	width:100%;}
main{   
	padding:5px 2% 0px;
	margin-right:200px;
}	
.art-3 {	min-height:275px;}
/*------------------------ Блок продажа ---------------------*/
.rtr-blok1-2 { width:1px;}
.rtr-blok1  img {    
	width:       380px;
	height:      250px;	
}
.rtr-blok1 {	width:23.75em;}
.rtr-blok2 {	width:26.25em;}
.naz {font-size: .875em; }
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
	font-size: .9375em;	
}
.otv1   {margin-left:  45px;}                 /* город */
.otv2   {margin-left:  30px; color:#AF002A;}  /* район */
.otv3   {margin-left:  20px;}                 /* улица */
.otv4   {margin-left:  60px; color:#AF002A;}  /* комнат */
.otv5   {margin-left:  40px;}                 /* площадь */
.otv6   {margin-left:  60px; color:#AF002A;}  /* этаж */
.cifra {margin-left:  40px;color:#299617;}   /* стоимость*/   
.otv4-1 {margin-left: 90px; color:#AF002A;}  /* наименование аренды */

aside{	
	width:170px;
	position: absolute; top:20px; right:0;
    background:#FFF7FF;   	
}
.subscribe img{
    width:219px;
	height:230px;
}
.banner img{
    width:220px;
	height:245px;	
}
.slider-container { width: 340px;} 
}

/*-----------------------------------------------------------------------------------------*/
@media screen and (min-width:971px) and (max-width:1070px) {
.hdr-p1 {
    font-size: 1.625em;
	margin-left: 10%;
}
.hdr-p2{
    font-size: 1.625em;
	margin-left: 9%;
}
.hdr-p3 {
    font-size: 2.25em;	
	margin-left: 10%;
}              
.hdr-p5       { margin-left: 25px;}
.hdr-p4       { margin-left:  9%;}		
.hdr-p4 img { margin-left: 45%;}

/* ---------------------- Меню (section)-----------------------*/

.menu_v { display:none;}
section    { width:100%;}
.menu    {width: 83.33%;}
.menu ul li a {	width:1600px;}
/*-------------------- Блок агенство -----------------------------*/

.content-block{	width:100%;}
main{   
	padding:5px 2% 0px;
	margin-right:265px;
}	
.art-3 {	min-height:275px;}

/*------------------------ Блок продажа ---------------------*/
.rtr-blok1-2 { width:4px;}
.rtr-blok1  img {    
	width:       380px;
	height:      250px;	
}
.rtr-blok1 {	width:23.75em;}
.rtr-blok2 {	width:25em;}
.naz {font-size: .9375em; }
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
	font-size: 1em;	
}
.otv1   {margin-left:  50px;}                 /* город */
.otv2   {margin-left:  30px; color:#AF002A;}  /* район */
.otv3   {margin-left:  20px;}                 /* улица */
.otv4   {margin-left:  60px; color:#AF002A;}  /* комнат */
.otv5   {margin-left:  40px;}                 /* площадь */
.otv6   {margin-left:  60px; color:#AF002A;}  /* этаж */
.cifra {margin-left:  60px;color:#299617;}   /* стоимость*/   
.otv4-1 {margin-left: 100px; color:#AF002A;}  /* наименование аренды */
.slider-container { width: 380px;} 
}

/*-----------------------------------------------------------------------------------------*/
@media screen and (min-width:1071px) and (max-width:1225px) {
.wrapper {
    max-width: 1600px;
	min-width: 1071px;
}
.hdr-p1 {
    font-size: 1.625em;
	margin-left: 10%;
}
.hdr-p2{
    font-size: 1.625em;
	margin-left: 9%;
}
.hdr-p3 {
    font-size: 2.25em;	
	margin-left: 10%;
}              
.hdr-p5       { margin-left: 25px;}
.hdr-p4       { margin-left:  9%;}		
.hdr-p4 img { margin-left: 45%;}

/* ---------------------- Меню (section)-----------------------*/

.menu_v { display:none;}
section    { width:83.33%;}
.menu    {width: 83.33%;}
.menu ul li a {	width:1600px;}
/*-------------------- Блок агенство -----------------------------*/

.content-block{	width:83.33%;}
main{   
	padding:5px 1% 0px;
	margin-right:280px;
}	
.art-3 {	min-height:290px;}
.rtr-blok {padding:5px 5px;}
/*------------------------ Блок продажа ---------------------*/
.rtr-blok1-2 { width:2%;}
.rtr-blok1  img {    
	width:       380px;
	height:      250px;	
}
.rtr-blok1 {	width:23.75em;}
.rtr-blok2 {	width:25em;}
.naz {font-size: 1em; }
.slider-container { width: 380px;}
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
	font-size: 1.0625em;	
}
.otv1   {margin-left:  40px;}                 /* город */
.otv2   {margin-left:  10px; color:#AF002A;}  /* район */
.otv3   {margin-left:  10px;}                 /* улица */
.otv4   {margin-left:  50px; color:#AF002A;}  /* комнат */
.otv5   {margin-left:  20px;}                 /* площадь */
.otv6   {margin-left:  50px; color:#AF002A;}  /* этаж */
.cifra {margin-left:  60px;color:#299617;}   /* стоимость*/   
.otv4-1 {margin-left: 90px; color:#AF002A;}  /* наименование аренды */
}

/*----------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1226px)  {
.wrapper {
    max-width: 1600px;
	min-width: 1071px;
}
.hdr-p1 {
    font-size: 1.625em;
	margin-left: 14%;
}
.hdr-p2{
    font-size: 1.625em;
	margin-left: 10%;
}
.hdr-p3 {
    font-size: 2.25em;	
	margin-left: 10%;
}                                     
.hdr-p5 { margin-left: 25px;}	
.hdr-p4       { margin-left:  5%;}		
.hdr-p4 img { margin-left: 65%;}

/* ---------------------- Меню (section)-----------------------*/

.menu_v { display:none;}
section    { width:83.33%;}
.menu    {width: 83.33%;}
.menu ul li a {	width:1600px;}

/*-------------------- Блок агенство -----------------------------*/

.content-block{	width:83.33%;}
main{   
	padding:5px 2% 0px;
	margin-right:280px;
}	
.art-3 {	min-height:280px;}
.rtr-blok {padding:5px 5px;}
.rtr-blok1  img {    
	width:       450px;
	height:      300px;	
}
.rtr-blok1 {	width:25em;}
.rtr-blok1-2 { width:4%;}
.rtr-blok2 {	width:25em;}
.naz {font-size: 1em; }
.otv1, .otv2, .otv3, .otv4, .otv5, .otv6 {
	font-size: 1.0625em;	
}
.otv1   {margin-left:  70px;}                 /* город */
.otv2   {margin-left:  30px; color:#AF002A;}  /* район */
.otv3   {margin-left:  30px;}                 /* улица */
.otv4   {margin-left:  79px; color:#AF002A;}  /* комнат */
.otv5   {margin-left:  48px;}                 /* площадь */
.otv6   {margin-left:  82px; color:#AF002A;}  /* этаж */
.cifra {margin-left: 100px;color:#299617;}   /* стоимость*/ 
.otv4-1 {margin-left: 122px; color:#AF002A;}  /* наименование аренды */   
.slider-container { width: 420px;}          
}