@font-face { font-family: 'PFBeauSansPro-Regular'; src: url('/first-mainpage/fonts/PFBeauSansPro-Regular.otf'); }
@font-face { font-family: 'Century Gothic'; src: url('/first-mainpage/fonts/Century Gothic.ttf'); }

*{ margin:0; padding:0; }
html{ background-color: #223554; }

body { font: 14px Century Gothic; }
a, a:visited { outline:none; color:#1c4f64; text-decoration:none; }
a:hover{ text-decoration:underline; }
section, footer, header{ display: block; }

.my-gallery { width: 100%; text-align: center; margin: 4px auto 4px; }
.my-gallery img { width: 100%; height: auto; }
.my-gallery img:hover { box-shadow:0 0 8px rgba(255,255,255,0.5); }
.my-gallery figure { display: inline-block; margin: 4px; position: relative; }
.my-gallery figcaption { /*display: none;*/ width: 94.7%; overflow: hidden; position: absolute; top: 5%; background-color: rgba(0,0,0,0.5); padding:12px 8px; color:#ccc; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.my-gallery figure:hover figcaption { transform: translateY(-25px); opacity:0; }


header { background-color:#fff;	background-image: linear-gradient(top, #FFFFFF 0%, #EDEDED 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%); background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%);background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EDEDED 100%); padding:20px; box-shadow:0 2px 4px rgba(0,0,0,0.3); }

header h1, header h2 { text-align:center; font-weight: normal; }
header h1 { font: 42px/50px PFBeauSansPro-Regular; color:#5e676d; }
header h2 { font-size:13px;	color:#1d293e; }

.our-other-hotels, .mainnew-ooh-inner { height:100px; }
.mainnew-ooh-inner { padding: 5px 0; }
.our-other-hotels { background-color:#223554; border-top: 2px solid #9b7e31; }
.mainnew-ooh-inner { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.mainnew-ooh-inner { display: -webkit-box; display: -ms-flexbox;	display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1235px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mainnew-ooh-inner { margin: 0 auto; }

@media (max-width: 4500px) and (min-width: 1500px) {
	.mainnew-ooh-inner { width:65%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { width:300px; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { float:left; margin: 10px 5px 0 5px; cursor:pointer; }

P.ooh-h1, P.ooh-h2, P.ooh-h3 { width:330px; }
P.ooh-h1 { color: #ffffff; padding: 0px 0 0 110px; font-size: 16px; line-height: 100%; }
P.ooh-h2 { color: #9b7e31; padding: 10px 0 0 110px; font-size: 14px; line-height: 110%; }

	.link4sprite-trsa { display: inline-block; position: relative; width: 95px; height: 63px; background: url(/news_gAllery/shapka_images/tarusa_sprite.png) no-repeat; }
	.link4sprite-trsa:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/news_gAllery/shapka_images/tarusa_sprite.png) no-repeat; background-position: -95px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
	.link4sprite-avntl { display: inline-block; position: relative; width: 95px; height: 63px; background: url(/news_gAllery/shapka_images/avantel_sprite.png) no-repeat; }
	.link4sprite-avntl:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/news_gAllery/shapka_images/avantel_sprite.png) no-repeat; background-position: -95px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
	.link4sprite-ngnsk { display: inline-block; position: relative; width: 95px; height: 63px; background: url(/news_gAllery/shapka_images/noginsk_sprite.png) no-repeat; }
	.link4sprite-ngnsk:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/news_gAllery/shapka_images/noginsk_sprite.png) no-repeat; background-position: -95px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }

	.link4sprite-trsa:hover:after, .link4sprite-avntl:hover:after, .link4sprite-ngnsk:hover:after { opacity: 1; }
}
@media (max-width: 1500px) and (min-width: 1200px) {
	.mainnew-ooh-inner { width:80%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { width:280px; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { float:left; margin: 10px 2px 0 2px; cursor:pointer; }

P.ooh-h1, P.ooh-h2, P.ooh-h3 { width:300px; }
P.ooh-h1 { color: #ffffff; padding: 0px 0 0 110px; font-size: 16px; line-height: 100%; }
P.ooh-h2 { color: #9b7e31; padding: 10px 0 0 110px; font-size: 14px; line-height: 110%; }

	.link4sprite-trsa { display: inline-block; position: relative; width: 95px; height: 63px; background: url(/news_gAllery/shapka_images/tarusa_sprite.png) no-repeat; }
	.link4sprite-trsa:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/news_gAllery/shapka_images/tarusa_sprite.png) no-repeat; background-position: -95px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
	.link4sprite-avntl { display: inline-block; position: relative; width: 95px; height: 63px; background: url(/news_gAllery/shapka_images/avantel_sprite.png) no-repeat; }
	.link4sprite-avntl:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/news_gAllery/shapka_images/avantel_sprite.png) no-repeat; background-position: -95px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
	.link4sprite-ngnsk { display: inline-block; position: relative; width: 95px; height: 63px; background: url(/news_gAllery/shapka_images/noginsk_sprite.png) no-repeat; }
	.link4sprite-ngnsk:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/news_gAllery/shapka_images/noginsk_sprite.png) no-repeat; background-position: -95px 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
	.link4sprite-trsa:hover:after, .link4sprite-avntl:hover:after, .link4sprite-ngnsk:hover:after { opacity: 1; }
}
@media (max-width: 1200px) and (min-width: 1000px) {
	.mainnew-ooh-inner { width:95%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { width:280px; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3{ float:left; margin: 10px 2px 0 2px; cursor:pointer; }
	.o-o-h-hotel-2 { background: url("/news_gAllery/shapka_images/tarusa_s.png") no-repeat scroll 0 0; display: block; }
	.o-o-h-hotel-3 { background: url("/news_gAllery/shapka_images/avantel_s.png") no-repeat scroll 0 0; display: block; }
	.o-o-h-hotel-1 { background: url("/news_gAllery/shapka_images/noginsk_s.png") no-repeat scroll 0 0; display: block; }

P.ooh-h1 { color: #ffffff; padding: 0px 0 0 105px; font-size: 15px; line-height: 100%; }
P.ooh-h2 { color: #9b7e31; padding: 10px 0 0 105px; font-size: 13px; line-height: 105%; }
	.o-o-h-text { display:none; }
}
@media (max-width: 1000px) and (min-width: 700px) {
	.mainnew-ooh-inner { width:97%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { width:30%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { float:left; margin: 6px 1px 0 1px; cursor:pointer; }
	.o-o-h-hotel-2 { background: url("/news_gAllery/shapka_images/tarusa_s.png") no-repeat scroll 0 0; display: block; }
	.o-o-h-hotel-3 { background: url("/news_gAllery/shapka_images/avantel_s.png") no-repeat scroll 0 0; display: block; }
	.o-o-h-hotel-1 { background: url("/news_gAllery/shapka_images/noginsk_s.png") no-repeat scroll 0 0; display: block; }
P.ooh-h1 { color: #ffffff; padding: 20px 0 0 95px; font-size: 15px; line-height: 100%; }
P.ooh-h2 { display:none; }
	.o-o-h-text { display:none; }
}
@media (max-width: 700px) and (min-width: 500px) {
	.mainnew-ooh-inner { width:99%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { width:30%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { float:left; margin: 6px 1px 0 1px; cursor:pointer; }
	.o-o-h-hotel-2 { background: url("/news_gAllery/shapka_images/tarusa_s.png") no-repeat scroll 0 0; display: block; }
	.o-o-h-hotel-3 { background: url("/news_gAllery/shapka_images/avantel_s.png") no-repeat scroll 0 0; display: block; }
	.o-o-h-hotel-1 { background: url("/news_gAllery/shapka_images/noginsk_s.png") no-repeat scroll 0 0; display: block; }
P.ooh-h1 { color: #ffffff; padding: 20px 0 0 75px; font-size: 14px; line-height: 100%; }
P.ooh-h2 { display:none; }
	.o-o-h-text { display:none; }
	header h1 { font-size:40px; line-height: 110%;}
}
@media (max-width: 500px) and (min-width: 150px) {
	.mainnew-ooh-inner { width:99%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { width:31%; }
	.o-o-h-hotel-1, .o-o-h-hotel-2, .o-o-h-hotel-3 { float:left; margin: 6px 1px 0 1px; cursor:pointer; }
	.o-o-h-hotel-2 { background: url("/news_gAllery/shapka_images/tarusa_s.png") no-repeat scroll 50% 60%; display: block; }
	.o-o-h-hotel-3 { background: url("/news_gAllery/shapka_images/avantel_s.png") no-repeat scroll 50% 60%; display: block; }
	.o-o-h-hotel-1 { background: url("/news_gAllery/shapka_images/noginsk_s.png") no-repeat scroll 50% 60%; display: block; }
P.ooh-h1 { color: #ffffff; padding: 0 0 0 3px; font-size: 11px; line-height: 100%; text-align:center; }
P.ooh-h2 { display:none; }
	IMG.imgline, .o-o-h-text { display:none; }
	header h1 { font-size:30px; line-height: 100%;}
}