/*
Document : main.less
Created on : Aug 17, 2012, 15:15:19 PM
Authors : Daniel K.
Copyright : 
*/
/* General functions */
/* Fonts */
/* Colors */
/* Bootstrap colors */
/* Styles, moofooock! */
body {
color: #1b1b1b;
background: url(../../../images/volhov/files/body.png);
}
.container {
display: block;
width: 98%;
max-width: 1000px;
margin: 0 auto;
}
button {
cursor: pointer;
}
.tit {
display: block;
font-family: 'PhilosopherRegular';
font-size: 3.8em;
color: #1b1b1b;
text-align: center;
}
.gray {
color: #7a7a7a;
}
.splash {
min-height: 1000px;
background: #010101 url(../../../images/volhov/files/header_photo.jpg) 100% 80px no-repeat;
}
.splash header {
padding-top: 10px;
}
.splash header .city {
padding-top: 13px;
font-size: 2em;
color: #ffffff;
font-family: 'PhilosopherRegular';
}
.splash header .contacts {
text-align: right;
}
.splash header .contacts > * {
display: block;
}
.splash header .contacts h1,
.splash header .contacts a {
color: #efe3de;
font-family: 'roboto_ltregular';
}
.splash header .contacts h2 {
margin: -10px 0 -10px 0;
color: #fff600;
font-family: 'OpenSansCondensedLight';
font-size: 2.2em;
}
.splash header .contacts h2 span {
font-size: 1.5em;
}
.splash header .contacts a {
display: inline;
text-decoration: none;
border-bottom: 1px dashed #efe3de;
}
.splash .tit {
margin-top: 15px;
color: #ffffff;
text-align: left;
}
.splash .subtit {
margin: 0px 0 -10px 0;
color: #ff0000;
font-family: 'OpenSansCondensedLight';
font-size: 2.2em;
background: transparent url(../../../images/volhov/files/tnt.png) 740px 7px no-repeat;
}
.splash .list li {
margin: 40px 0;
color: #fff600;
font-family: 'OpenSansCondensedLight';
font-size: 2.1em;
}
.splash .list li span {
display: block;
margin-top: -10px;
color: #ffffff;
font-size: .7em;
}
.splash iframe {
width: 640px;
height: 360px;
margin: 20px 0 30px;
}
.splash nav {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 20%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 20%, #de931c 100%);
/* W3C */
display: block;
padding-bottom: 0px;
text-align: center;
}
.splash nav a {
display: inline-block;
margin: 0px 20px 0;
padding: 10px;
color: #1b1b1b;
font-size: 1.4em;
font-family: 'robotoRegular';
text-shadow: 1px 1px 0px #e8e000;
text-decoration: underline;
border-right: 0px solid #ffe400;
border-left: 0px solid #de931c;
}
.splash nav a:hover {
background: #ffe400;
text-decoration: none;
}
.splash nav a:active {
background: #de931c;
text-decoration: none;
}
.about {
box-shadow: inset 0px 1px 3px #1b1b1b;
-webkit-box-shadow: inset 0px 1px 3px #1b1b1b;
-moz-box-shadow: inset 0px 1px 3px #1b1b1b;
padding: 40px 0 20px;
border-top: 4px solid #000000;
}
.about .text {
font-family: 'Calibri';
font-size: 1.2em;
}
.about .text p {
padding-bottom: 15px;
}
.programm {
padding: 40px 0;
background: #ffffff;
}
.programm .each {
padding: 50px 0;
background: url(../../../images/volhov/files/divider.png) 50% bottom no-repeat;
}
.programm .each:last-child {
background: none;
}
.programm .each .date,
.programm .each .text {
display: block;
float: left;
border: 0px solid red;
}
.programm .each .date {
width: 220px;
color: #1b1b1b;
font-family: 'OpenSansBold';
font-size: 1.8em;
}
.programm .each .date span {
display: block;
margin-top: -10px;
color: #ff0000;
font-size: .7em;
}
.programm .each .text {
width: 780px;
padding-top: 8px;
font-family: 'Calibri';
font-size: 1.2em;
}
.programm .each .text span {
color: #7a7a7a;
}
.programm .each .text .achtung {
padding: 20px 0;
color: #ff0000;
}
.programm .each .text ul {
padding-top: 15px;
}
.programm .each .text ul li {
margin-left: 15px;
padding: 5px 0;
list-style-type: disc;
}
.programm .each .text p {
line-height: 1.5em;
}
.programm .each .button {
display: block;
margin: 20px 0;
text-align: center;
}
.programm .each .button a {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0px 1px 3px #7a7a7a;
-webkit-box-shadow: 0px 1px 3px #7a7a7a;
-moz-box-shadow: 0px 1px 3px #7a7a7a;
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 20%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 20%, #de931c 100%);
/* W3C */
display: inline-block;
margin: 0 auto;
padding: 5px 10px 7px;
font-family: 'Calibri';
font-size: 2em;
color: #1b1b1b;
text-decoration: none;
text-shadow: 1px 1px 0px #e8e000;
border: 1px solid #f0ad4e;
}
.programm .each .button a:hover {
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 50%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 50%, #de931c 100%);
/* W3C */
}
.programm .each .button a:active {
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 50%, #de931c 60%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffe400), color-stop(60%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* IE10+ */
background: linear-gradient(top, #ffe400 50%, #de931c 60%);
/* W3C */
}
.why {
padding: 40px 0;
background: #428bca;
}
.why .tit {
padding: 0 0 15px;
color: #ffffff;
font-size: 3.4em;
}
.why .each {
float: left;
width: 333px;
font-family: 'Calibri';
font-size: 1.5em;
color: #ffffff;
text-shadow: 1px 1px 0px #3774a8;
text-align: center;
}
.why .each img {
display: block;
margin: 0 auto 10px;
}
.cost {
box-shadow: inset 0px 1px 3px #1b1b1b;
-webkit-box-shadow: inset 0px 1px 3px #1b1b1b;
-moz-box-shadow: inset 0px 1px 3px #1b1b1b;
padding: 40px 0 30px;
}
.cost h3 {
font-size: 2em;
color: #ff0000;
font-family: 'OpenSansCondensedLight';
text-align: center;
}
.cost table {
width: 100%;
margin: 20px 0 10px;
border: 10px solid #ffffff;
background: #ffffff;
box-sizing: border-box;
}
.cost table * {
font-family: 'Calibri';
}
.cost table th,
.cost table td {
padding: 10px;
text-align: center;
box-sizing: border-box;
}
.cost table th:not(:first-child),
.cost table td:not(:first-child) {
width: 163px;
}
.cost table th {
font-weight: bold;
font-size: 2em;
color: #7a7a7a;
}
.cost table td:first-child {
font-size: 1.5em;
}
.cost table td img {
display: block;
margin: 0 auto;
}
.cost table tbody tr:nth-child(odd) {
background: #f2ede2;
}
.cost table tbody tr:nth-child(5) td:not(:first-child) {
font-weight: bold;
font-size: 1.3em;
text-decoration: line-through;
}
.cost table tbody tr:nth-child(6) td:not(:first-child) {
font-weight: bold;
font-size: 1.3em;
}
.cost table tbody tr:nth-child(7) {
background: #ffffff;
}
.cost table tbody tr:nth-child(7) a {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0px 1px 3px #7a7a7a;
-webkit-box-shadow: 0px 1px 3px #7a7a7a;
-moz-box-shadow: 0px 1px 3px #7a7a7a;
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 20%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 20%, #de931c 100%);
/* W3C */
display: inline-block;
margin: 0 auto;
padding: 3px 5px 5px;
font-family: 'Calibri';
font-size: 1.5em;
color: #1b1b1b;
text-shadow: 1px 1px 0px #e8e000;
text-decoration: none;
border: 1px solid #f0ad4e;
}
.cost table tbody tr:nth-child(7) a:hover {
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 50%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 50%, #de931c 100%);
/* W3C */
}
.cost table tbody tr:nth-child(7) a:active {
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 50%, #de931c 60%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffe400), color-stop(60%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* IE10+ */
background: linear-gradient(top, #ffe400 50%, #de931c 60%);
/* W3C */
}
.cost .info {
font-family: 'OpenSansCondensedLight';
text-align: center;
}
.cost .info h1 {
font-size: 3em;
}
.cost .info h2 {
font-size: 1.7em;
}
.also {
padding: 10px 0;
background: #ffffff;
}
.also .subtit {
font-family: 'Calibri';
font-size: 2em;
text-align: center;
}
.also .images {
margin: 15px 0;
text-align: center;
}
.also .images img {
display: inline-block;
margin: 5px;
}
.also .tit {
padding-top: 60px;
}
.map-canvas {
width: 100%;
height: 600px;
border-top: 4px solid #428bca;
}
.photo {
padding: 40px 0 20px;
text-align: center;
background: #ffffff url(../../../images/volhov/files/divider.png) 50% 0% no-repeat;
}
.photo .clear {
padding: 5px 0;
}
.photo img {
border: 4px solid #efe3de;
}
.photo .button {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0px 1px 3px #7a7a7a;
-webkit-box-shadow: 0px 1px 3px #7a7a7a;
-moz-box-shadow: 0px 1px 3px #7a7a7a;
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 20%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 20%, #de931c 100%);
/* W3C */
display: inline-block;
margin: 20px auto 0;
padding: 5px 7px 7px;
font-family: 'Calibri';
font-size: 2em;
color: #1b1b1b;
text-decoration: none;
text-shadow: 1px 1px 0px #e8e000;
border: 1px solid #f0ad4e;
}
.photo .button:hover {
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 50%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 50%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 50%, #de931c 100%);
/* W3C */
}
.photo .button:active {
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 50%, #de931c 60%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffe400), color-stop(60%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 50%, #de931c 60%);
/* IE10+ */
background: linear-gradient(top, #ffe400 50%, #de931c 60%);
/* W3C */
}
.sponsors {
padding: 30px 0;
background: #ffffff url(../../../images/volhov/files/divider.png) 50% 0% no-repeat;
}
.sponsors .tit {
font-size: 2.3em;
}
.sponsors .subtit {
padding-bottom: 10px;
color: #ff0000;
font-size: 2.5em;
font-family: 'OpenSansCondensedLight';
text-align: center;
}
.sponsors .pdf {
display: block;
margin: 30px auto;
color: #1b1b1b;
text-decoration: none;
max-width: 760px;
}
.sponsors .pdf img {
float: left;
margin-right: 20px;
}
.sponsors .pdf h1 {
font-size: 2.5em;
color: #1b1b1b;
}
.sponsors .pdf h2 {
font-size: 1.5em;
font-style: italic;
color: #7a7a7a;
}
.sponsors .divider {
display: block;
width: 100%;
height: 1px;
border-top: 1px solid #7a7a7a;
}
.partners {
padding: 50px 0 50px;
font-family: 'OpenSansBold';
font-size: 1em;
background: #ffffff url(../../../images/volhov/files/divider.png) 50% 0% no-repeat;
}
.partners h1 {
display: block;
text-align: center;
}
.partners img {
display: block;
margin: 40px auto;
}
.comments {
padding: 30px 0;
}
.comments #vk_comments {
margin: 10px auto 0;
width: 100% !important;
}
.comments #vk_comments iframe {
width: 100%;
}
footer {
position: relative;
padding: 20px 0 0;
background: #1b1b1b;
}
footer .container {
position: relative;
}
footer .up {
position: absolute;
top: 10px;
left: 50%;
z-index: 1;
display: block;
margin-left: -44px;
}
footer .info {
float: left;
}
footer .info .copyright {
display: block;
margin-top: 26px;
color: #efe3de;
font-family: 'roboto_ltregular';
font-size: .8em;
}
footer .contacts {
text-align: right;
}
footer .contacts > * {
display: block;
}
footer .contacts h1,
footer .contacts a,
footer .contacts .email {
color: #efe3de;
font-family: 'roboto_ltregular';
}
footer .contacts h2 {
margin: -10px 0 -10px 0;
color: #ff0000;
font-family: 'OpenSansCondensedLight';
font-size: 3em;
}
footer .contacts a {
display: inline;
}
footer .mota-systems {
padding: 10px 0;
color: #ffffff;
text-align: center;
}
.addthis_floating_style {
left: 10px;
top: 50px;
background: none;
}
.lottery {
border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
position: fixed;
top: 50%;
right: -465px;
width: 450px;
margin-top: -200px;
padding: 10px 10px 10px 0px;
background: #3979b0;

}


.loterry .right{
display: none;
}

.lottery img {
position: absolute;
top: 50%;
left: -30px;
z-index: 1;
margin: -105px 0 0 0;
cursor: pointer;
}
.lottery h1 {
font-family: 'Calibri';
font-size: 1.8em;
color: #ffffff;
text-shadow: 1px 1px 0px #214665;
text-align: center;
}
.lottery p {
width: 410px;
padding: 10px 0;
font-size: 1.1em;
font-family: 'robotoRegular';
color: #fff600;
}
.lottery p .h {
color: #ffffff;
}
.lottery p .hint {
font-size: .8em;
color: #ffffff;
}
.lottery table {
font-family: 'robotoRegular';
color: #ffffff;
}
.lottery table td {
padding: 5px;
}
.lottery table td input {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width: 290px;
height: 42px;
padding-left: 10px;
border: 0;
}
.lottery table td [type=submit] {
background-repeat: no-repeat;
background: #ffe400;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe400 20%, #de931c 100%) no-repeat;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffe400), color-stop(100%, #de931c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* Opera11.10+ */
background: -ms-linear-gradient(top, #ffe400 20%, #de931c 100%);
/* IE10+ */
background: linear-gradient(top, #ffe400 20%, #de931c 100%);
/* W3C */
width: 300px;
padding-left: 0;
font-size: 1.3em;
font-family: 'robotoRegular';
}
.lottery .close {
border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px 0px 0px 0px;
-moz-border-radius: 10px 0px 0px 0px;
position: absolute;
top: -32px;
right: 0px;
padding: 3px 7px;
font-family: 'roboto_ltregular';
font-size: 1.2em;
color: #ffffff;
background: #ff0000;
cursor: pointer;
}
.lottery .close-0 {
border-radius: 0px 0px 0px 10px;
-webkit-border-radius: 0px 0px 0px 10px;
-moz-border-radius: 0px 0px 0px 10px;
position: absolute;
top: -28px;
right: 0px;
padding: 3px 7px;
font-family: 'roboto_ltregular';
font-size: 1.5em;
color: #ffffff;
background: #ff0000;
cursor: pointer;
}
.feedback {
display: none;
width: 480px;
}
.feedback h1 {
font-size: 2em;
font-family: 'robotoRegular';
text-align: center;
}
.feedback h2 {
font-size: 1.3em;
font-family: 'roboto_ltregular';
text-align: center;
}
.feedback h3 {
padding-top: 20px;
font-size: 1em;
font-family: 'roboto_ltregular';
text-align: center;
}
.feedback input,
.feedback button {
display: block;
margin: 10px auto;
width: 300px;
}
.feedback input {
height: 32px;
padding-left: 5px;
font-size: 1.4em;
font-family: 'robotoRegular';
border: 0;
border: 1px solid #7a7a7a;
}
.feedback button {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width: 306px;
padding: 5px 0;
font-size: 2em;
font-family: 'robotoRegular';
border: 0;
background: #ffe165;
}
.feedback button:hover {
background: #f0ad4e;
}
.feedback button:active {
background: #ffbe56;
}

/* ����� ������ */
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}