/* .mainmenu .menuexample */
.mainmenu {
    margin: 1em 0;
}

.mainmenu .menu {
    min-height: 2.5em;
    line-height: 2.5em;
    border: 1px solid #ccc;
}

.mainmenu .menu li {
    float: left;
    display: block;
    position: relative;
    list-style: none;
    width: 156px;
    border-right: 1px solid #ccc;
}

.mainmenu .menu li:last-child {
    border-right: none;
}

.mainmenu .menu a {
    text-decoration: none;
    padding: 0 1em;
    display: block;
}

.mainmenu .menu ul {
    display: none;
    position: absolute;
    top: 2.5em;
    left: -1px;
    min-width: 160px;
    background: #fff;
    border: none;
}

.mainmenu .menu ul ul {
    left: 100%;
    top: -1px;
}

.mainmenu .menu li.parent li {
    float: none;
    border: 1px solid #ccc;
    border-top: none;
}

.mainmenu .menu li:hover {
    background: #ccc;
}

.mainmenu .menu a:hover {
    color: #fff;
}

.mainmenu .menu li:hover ul ul,
.mainmenu .menu li:hover ul li:hover ul ul {
    display: none;
}

.mainmenu .menu li:hover ul,
.mainmenu .menu li:hover ul li:hover ul,
.mainmenu .menu li:hover ul li:hover ul li:hover ul {
    display: block;
}

* {
    margin: 0;
    padding: 0;
}

p, span {
    font-family: Verdana;
}

#wrap {
    width: 100%;
}

#wraper {
    margin: 0 auto;
    width: 1200px;
}

#level1 {
    height: 50px;
    background: url('../images/level1_bg.jpg') center no-repeat;
}

#level1 .inline {
    text-align: left;
    padding: 5px 130px 0 490px;
}

#level1 .inline img {
    float: left;
}

#level1 .inline p {
    margin: 8px 0 0 0;
    padding-left: 45px;
    white-space: nowrap;
}

#level2 {
    height: 110px;
    padding-left: 110px;
}

#level2 .inline {
    text-align: right;
    padding: 0 130px 0 0;
}

#level2 .inline img {
    float: left;
}

#level2 .inline div {
    padding: 45px 0 0 0;
}

#level2 .inline div span {
    margin-left: 45px;
    padding: 10px 20px;
    background: #f2f2f2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 12px;
    -khtml-border-radius: 10px;
}

#level3 {
    height: 195px;
    background: url('../images/level3_bg.jpg') center no-repeat;
}

#level3 #level3-1 {
    text-align: right;
    padding: 30px 480px 0 0;
    height: 240px;
}

#level3 #level3-1 select {
    width: 300px;
    color: #e50000;
    font-size: 20px;
    margin-top: 10px;
}

#level3 #level3-1 label {
    font-size: 20px;
    color: #ccc;
    margin-right: 20px;
}

#level3 #level3-1 img.but1 {
    margin-top: 10px;
}

#level3 #level3-2 .inline {
    height: 140px;
    padding-top: 15px;
}

#level4 {
}

#level4 .inline {
    padding: 20px 100px;
    font-size: 12px;
    color: #777;
    text-align: center;
}

#level5 {
    height: 100px;
    background: url('../images/level5_bg.jpg') center repeat-x;
}

#level5 .inline {
    padding: 20px 0 0 300px;
    text-align: center;
}

#level5 .inline p {
    color: #555;
    font-size: 10px;
}

/*MENU*/
ul.menu {
    list-style: none;
    text-align: right;
    width: 1050px;
    margin: auto;
    /*    padding-right: 450px;*/
}

ul.menu li {
    display: inline-block;
    overflow: hidden;
    padding: 0 65px;
    text-align: center;
}

ul.menu a {
    text-decoration: none;
    outline: none;
    text-align: center;
}

ul.menu a span {
    display: block;
    text-align: center;
    color: #a9a9a9;
    font-size: 14px;
    font-family: Arial;
    text-decoration: none;
    padding-bottom: 15px;
}

ul.menu li.current a span {
    color: #fff;
    font-size: 20px;
}

/*END MENU*/

/*CONTACTS*/
div.contacts {
    text-align: left;
    padding-left: 220px;
    padding-top: 50px;
}

div.contacts img {
    float: left;
    padding-top: 20px;
    padding-right: 40px;
}

div.contacts p {
    font-size: 26px;
    padding-top: 5px;
    color: #fff;
}

div.contacts a {
    color: #fff;
    font-size: 22px;
}

/*END CONTACTS*/

/*ABOUT*/
div.about {
    text-align: left;
    padding-left: 80px;
    padding-top: 0;
}

div.about img {
    padding-top: 10px;
    padding-left: 470px;
}

div.about p {
    font-size: 11px;
    padding-top: 10px;
    color: #fff;
}

/*END ABOUT*/

/*PORTFOLIO*/
div.portfolio {
    padding-top: 10px;
}

div.portfolio img {
    margin: 5px;
    border: 1px solid #e50000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
}

div.about p {
}

/*END PORTFOLIO*/

div#cityWrap {
    width: 940px;
    overflow: hidden;
    text-align: left;
}

.cityImgBlock {
    margin: 10px 0;
    text-align: center;
}

.cityImgBlock ul li {
    display: inline-block;
    margin-right: 30px;
}

.whyElevators {
    font-family: 'Times New Roman', Times, serif;
    margin-top: 40px;
    padding: 10px 0;
    background-color: rgb(222, 222, 222);
    text-align: center;
}

.whyElevators ul li {
    font-family: 'Times New Roman', Times, serif;
    display: inline-block;
    margin-right: 30px;
    margin-top: 30px;
}
.whyElevators .fa-6 {
    font-size: 5em;
}
.whyElevators ul li i {
    display: block;
    /*width: 150px;*/
}

ul li h4 {
    font-size: 19px;
}

ul li span {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
}

.workWithUs {
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    margin: 10px 0;
}

.workWithUs ul li {
    font-family: 'Times New Roman', Times, serif;
    display: inline-block;
    margin-right: 30px;
    margin-top: 30px;
    max-width: 208px;
    vertical-align: top;
}

.workWithUs ul li:last-child {
    margin-right: 0;
}

.fa-6 {
    font-size: 6em;
    padding: 0 0 20px 0;
    color: rgb(204, 0, 0);
}

ol {
    margin-left: 20px;
}

#outer #main > div {
    display: inline-block;
    width: 130px;
}

.buyFast {
    width: 51%;
    margin-right: 0;
    font-family: Arial, Helvetica, Sans Serif;
}

.buyFast h2 {
    text-transform: uppercase;
    font-size: 2em;
}
.buyFast h3 {
    text-transform: uppercase;
    font-size: 1.3em;
}

.buyFast p {
    font-size: 1.2em;
}

.buyFast, .connectUs {
    display: inline-block;

    text-align: center;
    vertical-align: top;
    padding: 30px 10px;
    background-color: rgba(255, 255, 255, .95);
    margin: 20px;
    height: 280px;
}

.connectUs {
    text-align: left;
    width: 33%;
    margin-left: 0;
    padding: 30px;
    font-family: Arial, Helvetica, Sans Serif;
    color: #000;
}

.connectUs input {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
}

.connectUs input.button {
    height: 30px;
    background-color: rgb(204, 0, 0);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    -webkit-animation: rainbow 5s linear 5s infinite;
    animation-name: rainbow;
    animation-duration: 2s;
    animation-iteration-count: infinite;

}
@keyframes rainbow {
    0% { background-color: rgb(204, 0, 0);color: #fff;}
    50% { background-color: rgb(137, 133, 136);
        color: #000;
    }
    100% { background-color: rgb(204, 0, 0);color: #fff;}
}

@-webkit-keyframes rainbow {
    0% { background-color: rgb(204, 0, 0);color: #fff;}
    50% { background-color: rgb(137, 133, 136);color: #000;}
    100% { background-color: rgb(204, 0, 0);color: #fff;}
}

.connectUs label {
    text-transform: uppercase;
    padding-left: 3px;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, Sans Serif;
}

.hotZone {
    background: url('/images/11.jpg') no-repeat 0 0 transparent;
    background-clip: content-box;
}

.background {
    fill: #FFFFFF;
    fill-opacity: 0.01;
}

.component {
    fill: #e1e1e1;
}

.component .label {
    font-family: Myriad, "Helvetic Neue", Helvetica, Arial;
    text-anchor: middle;
    fill: rgb(204, 0, 0);
}

.arc {
    stroke-weight: 0.1;
    fill: rgb(204, 0, 0);
}

.arc2 {
    stroke-weight: 0.1;
    fill: #3660b0;
}

.label {
    font-family: Myriad, "Helvetic Neue", Helvetica, Arial;
    text-anchor: middle;
}

.radial-svg {
    display: block;
    margin: 0 auto;
}
table.city
{
    width: 100%;
    font-size: 17px;
    color: #000;
}
div#cityWrap {
    font-size: 14px;
}

div#tableWrap {
    width: 940px;
    overflow-x: auto;
}

table.city tr th {
    padding: 10px 10px;
    margin: 0;
}

table.city tr td {
    padding: 0 10px;
    margin: 0;
}

a, a:hover, a:active {
    font-size: 14px;
    color: #555;
}

div#crosslinks {
    padding-top: 20px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
div.humor{
    padding-top: 20px;
    display: inline-block;
    width: 40%;
}

#cityWrap h2 {
    padding-bottom: 10px;
    color: #333;
}
.statistic{
    padding: 20px 0;
    color: #000;
}
.statistic .stat {
    max-height: 240px;
    text-align: center;
    font-size: 20px;
}

#slider {
    display: none;
    position: relative;
}

#slider .slidesNext {
    position: relative;
    right: 0;
    top: 0;
}

#slider img.lazyload {
    max-width: 500px;
    max-height: 310px;
}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

::-webkit-input-placeholder {color:#c0392b;}
::-moz-placeholder          {color:#c0392b;}/* Firefox 19+ */
:-moz-placeholder           {color:#c0392b;}/* Firefox 18- */
:-ms-input-placeholder      {color:#c0392b;}



input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;}
input:-moz-placeholder      {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}