html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	-webkit-font-smoothing: antialiased;
}

body { 
	font-size:14px; 
	min-width:320px;
	max-width:700px;
}

a, a:hover {color:inherit; text-decoration:none;}
a:hover, a:active , a:focus{color:#d84437;}

.s10 {font-size:10px;}
.s12 {font-size:12px;}
.s16 {font-size:16px;}
.s18 {font-size:18px;}
.s20 {font-size:20px;}
.s22 {font-size:22px;}

.clr:after {
	display:block;
	content:"";
	clear:both;
}

.v-center {font-size: 0;}
.v-center:after {content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.v-center .line {display: inline-block; vertical-align: middle; font-size: 14px;}

.rel {position:relative;}

.f-gray {color:#989898;}
.f-blue {color:#244c91;}
.f-red {color:#d84437;}
.upper {text-transform: uppercase;}

iframe {
	width:100% !important;
	/*height:100% !important;*/
}

.body {
	min-width:320px;
	overflow:hidden;
	position:relative;
	min-height:100%;
}

/*.body.showmenu { background-color:#244c91; }*/

.wrapper {
	background-color:#fff;
	min-height:100%;
	position:relative;
	left:0;
	transition: all 0.2s ease-out 0s; 
	-webkit-transition: all 0.2s ease-out 0s;
}
.body.opencat:after {
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	content:"";
}
.body.showmenu  .wrapper {left:280px;}

.topmenu {
	height:45px;
	background-color:#003366;
	position:relative;
	padding-left:45px;
	color:#fff;
	z-index:50;
}

.topmenu .line {margin-left:12px;}
.topmenu .title {font-size:18px !important; text-transform:uppercase;}
.topmenu .logo {
	height:40px;
	width:90px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	background-image:url(../images/logo-orsk.svg);
	/*background-image:url(../images/orsk_ru_newyear_white.svg);*/
}

.topmenu .menu-btn {
	position:absolute;
	height:45px;
	width:45px;
	top:0;
	left:0;
	background-color:#d84437;
	line-height: 45px;
}
.topmenu .trigger {
	display:block;
	position:absolute;
	height:45px;
	width:45px;
	top:0;
	left:0;
	/*background-image:url(data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAMUlEQVQ4EWP8////VgYGBi8gpgXYykQLU5HMZERijzKHawgwjibT4Rq1w8lfQz+ZAgA/BQ4gQSJ5dwAAAABJRU5ErkJggg==);*/
	background-image:url(../images/burger.svg);
	background-size:50%;
	background-repeat:no-repeat;
	background-position:center;
}
.topmenu.opened .trigger {
	background-image:url(../images/сlose.svg);
	background-size:50%;
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAoElEQVQ4Ea2UgQnAIAwEpTu0m7mhI3Wf9CMKWj4x0gqiNf9ng5okIhm9oJ9ps6mneXNqEwxyo4dh0F7Ng0GKgpSqEG0hGHTcYwZIqkvtUgBoRFP39oRejPw433Ub0snEuHUYncPSBNs/0WNy//3xS2oEopePX0ArA8/gxSZeRLjULAXDlqbWDAzm95R6sKi1SFvo5Xco9OMB1DKSsfi5sD2bKhXcWH1sLAAAAABJRU5ErkJggg==);*/
	right:0;
	left:auto;
}
.topmenu.opened .menu-btn {width:100%;}
.topmenu .menu-btn span { display:none; margin-left:15px; }
.topmenu.opened .menu-btn span {display:inline-block; text-transform:uppercase; font-size:20px;}
.topmenu.opened  .weather {display:none;}

.menu {
	position:absolute;
	list-style:none;
	background-color:#003366;
	padding:5px 10px;
	margin:0;
	width:280px;
	left:-280px;
	top:45px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition: all 0.2s ease-out 0s; 
	-webkit-transition: all 0.2s ease-out 0s; 
}
.topmenu.opened .menu {left:0;}
.menu > li { 
	text-transform:uppercase;
	line-height:1;
	padding:10px;
	font-size:20px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.menu > li:last-child {border:none;}
.menu > li ul {
	list-style:none;
	margin:8px 0 0 10px;
	padding:0;
}
.menu > li ul  li {margin:5px 0; font-size:16px; text-transform:none;}
.menu a:active, .menu a:hover, .menu a:focus, .menu .active a {color:#ec8518;}

.p10 {padding-left:10px; padding-right:10px;}
.p5 {padding-left:5px; padding-right:5px;}
.bg-light {background-color:#f5f5f5; border:1px solid #f5f5f5; }

.bar {padding-top:10px; padding-bottom:10px; }

.tab-content {display:none;}
.tab-content.active {display:block;}

.rubric-lnk {
	display:block;
	font-size:20px;
	border-bottom:1px solid #d5d5d5;
	line-height:48px;
	padding:0 10px;
}


.categories-column > .rubric-lnk {position:relative;}

.categories-column > .rubric-lnk:after {
	content:"";
	height:48px;
	width:48px;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/arr-gray-up.png);
	top:0;
	right:0;
}
.categories-column.opened  >.rubric-lnk:after { background-image:url(../images/arr-gray-down.png); }
.categories-column.opened  >.rubric-lnk {border:none;}

.categories-column div {display:none;}
.categories-column.opened  div {display:block;}
.categories-column div > .rubric-lnk {
	padding-left:30px;
	border: none;
	line-height: 40px;
	font-size: 16px;
}
.categories-column div > .rubric-lnk:last-child {border-bottom:1px solid #d5d5d5; padding-bottom:15px;}


footer {
	padding:10px;
	color:#fff;
	background-color:#003366;
	position:relative;
}
footer  .age {position:absolute; top:10px; right:10px;}

.getMore, .btnMore {
	display:block;
	line-height:44px;
	background-color:#d84437;
	text-align:center;
	border-radius:3px;
	margin:10px 0;
}
.getMore b{color:#fff; text-transform:uppercase; font-size:20px;}
.getMore.loading {
	height:44px;
	background-color:#d84437;
	background-image:url(../images/spin.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.getMore.loading b {display:none;}
.getMore.blue, .btnMore.blue {
	/*color:#244c91; background-color:#fff; border:1px solid #244c91; margin-left:auto; margin-right:auto; width:160px; line-height:40px;*/
	color: #ffffff;
    background-color: #00B153;
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    line-height: 40px;
}
.getMore.blue b, .btnMore.blue b {/*color:#244c91; text-transform:none; font-size:14px; font-family:proxi-reg !important;*/
	color: #ffffff;
    text-transform: none;
    font-size: 16px;
    font-weight: 100;
    font-family: arial !important;
}


.weather, .weather:hover {position:absolute; right:2px; top:3px; color:#fff;}
.weather .weather-item {width: 43px !important;}
.weather-item {display:inline-block;}
.weather-icon img {height: 38px !important;}


.services {margin:20px auto; position: relative; padding: 0 20px; max-width: 520px;}
.service-item, .service-item:focus, .service-item:hover {
    display: block;
	font-size:16px;
    border:1px solid transparent;
    line-height: 50px;
    color:#003366;
    -webkit-text-stroke:0px;
	
	  white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
	text-transform:uppercase;
    border-bottom:1px solid #e5e5e5;
	position:relative;
}
.service-item:first-child {border-top: 1px solid #e5e5e5;}
.service-item.active {border-bottom:0;}
.service-item.openTooltip:after {
	display:block;
	content:"";
	border-top:5px solid #133366;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:0;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-5px;
}

.service-item.openTooltip.active:after {
	border-bottom:5px solid #133366;
	border-top:0;
}

.service-form {
	display:none;
	margin: -1px 1px 0;
	border-bottom:1px solid #e5e5e5;
	padding:20px 0;
}
.service-form.active {display:block;}
.service-form .form {
	margin:0 auto;
}
.service-form  .input {margin:15px 0; position:relative;}
.service-form  .input.error input[type=text], .service-form  .input.error textarea {border-color:red;}
.service-form  .input.required:before {
    content:'*';
    position: absolute;
    left:-10px;
    top:0px;
    color:#d84437;
}
#radio input[type=checkbox] {margin-right:5px;}
#radio input[type=checkbox] + label {margin-right:20px;}
#radio input[type=checkbox] + label img {width:60px;}

.webcam-item {
    display: inline-block;
    width: 320px;
    vertical-align: top;
    font-size: 14px;
    margin:10px 0;
    position: relative;
}
.webcam-item > div {
    margin-right: 20px;
    border:1px solid #e5e5e5;
    height:260px;
    padding: 0 20px;
}
.webcam-item .preview {height:170px; overflow: hidden; background-color: #eee; margin:0 -20px; margin-bottom: 10px;}
.webcam-item .preview img {width: 100%;}

.webcam-item.active {height:710px;}
.webcam-item.active:after {
    content: "";
    display: block;
    position: absolute;
    top:251px;
    border-bottom: 10px solid #323740;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    left:130px;
}
.webcam-item .view {
    position: absolute;
    bottom:0;
    border:0;
    left:0;
    width:940px;
    height: 450px;
    background-color: #323740;
    display: none;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
}
.webcam-item .view > div {width: 620px; margin:0 auto;}
.webcam-item .view p {margin-top: 10px;}
.webcam-item.active .view {display: block;}

.webcam-item:nth-of-type(3n+2) .view {
	margin-left: -320px;
}
.webcam-item:nth-of-type(3n+3) .view {
  margin-left: -640px;
}
.webcamlist {
	text-align: center;
}