@import url(/css/reset.css);
@import url(/css/carousel.css);
body {
 font:13px 'Open Sans', sans-serif;
}
h2 {
 padding:70px 0 40px 0;
 font: bold 26px 'Exo 2', sans-serif;
 text-align:center;
 color:#000;
}
h3 {
 padding:70px 0 40px 0;
 font: bold 26px 'Exo 2', sans-serif;
 text-align:center;
 color:#000;
}
hr {
 width:60px;
 margin:0 auto 20px;
 background:#D8D8D8;
 height:1px;
 border:0;
}
a:visited, a:link{
 color:#7B7B7B;
}
a:hover, a:focus, a:active {
 color: #E16527;
}
.orange_button {
 display: inline-block;
 color:#fff;
 font-weight:bold;
 border: 1px solid;
 border-color: #f7c18c #f0632e #f0632e #f7c18c;
 border-radius: 6px;
 background: #F0632E linear-gradient(#f7c18c, #ee6148 50%, #f0632e);
 box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}
.orange_button:hover {
 color: rgb(255,255,255);
 background-image: linear-gradient(#f7c18c, #8f2910 50%, #f0632e);
}
.orange_button:active {
 color: rgb(255,255,255);
 border-color: #f7c18c;
 background-image: linear-gradient(#f7c18c, #f0632e);
 box-shadow: none;
}
.gray_button {
 color:##838383;
 display: inline-block;
 font-weight:bold;
 border: 1px solid;
 border-color: #acacac #DEDEDE #DEDEDE #acacac;
 border-radius: 6px;
 background: #DEDEDE linear-gradient(#DEDEDE, #efefef 50%, #acacac);
 box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}
.gray_button:hover {
 color: #fff;
 background-image: linear-gradient(#DEDEDE, #949494 50%, #acacac);
}
.gray_button:active {
 color: #fff;
 border-color: #DEDEDE;
 background-image: linear-gradient(#DEDEDE, #acacac);
 box-shadow: none;
}
/*-----------------------------------------------------*/
.wrapper {
 /* min-width:940px;*/
 margin:0 auto;
 background: #fff;
} /*------------header---------------*/
header{
 min-height: 40px;
 margin: 0 auto;
 line-height:40px;
 text-align:right;
}
.social{
 float:left;
}
.social>a{
 width:19px;
 height:19px;
 vertical-align:middle;
 display:inline-block;
 margin-right:10px;
}
.social a:nth-child(1){
 background: url(../img/twitter.png) no-repeat #fff;
}
.social a:nth-child(2){
 background: url(../img/skype.png) no-repeat #fff;
}
.social a:nth-child(3){
 background: url(../img/face_book.png) no-repeat #fff;
}
.contacts {
 float:right;
}
.contacts span{
 padding-left:60px;
 white-space: nowrap;
}
.contacts span:last-child{
 font:600 16px 'Open Sans', sans-serif;
}
.contacts a{
 text-decoration:underline;
 color:#E16527;
}
.contacts a:visited{
 text-decoration:underline;
 color:#E16527;
} /*------------nav---------------*/
nav {
 min-height:80px;
 line-height:80px;
 background:#F3F3F3;
 border-top:1px solid #E4E4E4;
 overflow:hidden;
}
.container {
 width: 960px;
 max-width: 90%;
 margin: 0 auto;
}
.container:after {
 content: '';
 clear: both;
 display: table;
}
nav a.logo{
 font:bold 36px 'Exo 2', sans-serif;
 color:#000;
}
nav a.logo:hover, nav a.logo:link, nav a.logo:active, nav a.logo:visited, nav a.logo:focus{
 border-top:0;
 color:#000;
}
.logo {
 vertical-align:middle;
}
.logo span{
 vertical-align:text-top;
 font:bold 16px 'Exo 2', sans-serif;
 color:#E16527;
}
nav ul{
 float:right;
}
nav ul li{
 display:inline-block;
 vertical-align:middle;
}
nav li:last-child{
 border-right: 1px solid #E4E4E4;
}
nav li a{
 display:inline-block;
 padding:0 20px;
 border-left: 1px solid #E4E4E4;
}

nav li a:hover, nav li a:focus, nav li a:active, nav li.active a {
 border-top: 3px solid #E16527;
 border-bottom:transparent;
 margin-top:-3px;
}
nav li a:active{
 background:#E4E4E4;
}
/*---------------section.carousel----------------*/

.jcarousel {
 margin-top: 120px;
}
.headersHere {
 width:100%;
 position:absolute;
 top:26%;
 margin:0 auto;
 text-align:center;
}
.jcarousel h1{
 font:bold 46px 'Exo 2', sans-serif;
 color:#fff;
}
.jcarousel h4{
 max-width:50%;
 margin:0 auto;
 padding:30px;
 font-size:18px;
 font-weight:normal;
 color:#fff;
}
.jcarousel button {
 min-height:45px;
 padding:0 70px;
 border-radius:5px;
 font:600 18px 'Open Sans', sans-serif;
}
/*---------------section.services----------------*/
.services{
 overflow:hidden;
}
.services ul{
 max-width:960px;
 margin:0 auto;
 overflow:hidden;
}
.list {
 float:left;
 max-width:320px;
 padding:0 0 40px 70px;
 box-sizing:border-box;
}
li.list:nth-child(1){
 background:url('../img/home.png') no-repeat left top;
}
li.list:nth-child(2){
 background:url('../img/pencil.png') no-repeat left top;
}
li.list:nth-child(3){
 background:url('../img/roff.png') no-repeat left top;
}
li.list:nth-child(4){
 background:url('../img/instr.png') no-repeat left top;
}
li.list:nth-child(5){
 background:url('../img/molot.png') no-repeat left top;
}
li.list:nth-child(6){
 background:url('../img/shield.png') no-repeat 10px top;
}
.list h5 {
 font:600 14px 'Open Sans', sans-serif;
 color:#000;
}
/*----------------project-------------------*/
.project {
 padding-bottom:60px;
 background:#F3F3F3;
 border:1px solid #E4E4E4;
 text-align:center;
}
.project .filters{
 margin:0 auto;
 text-align:center;
}
.catsTableI tr {
 display:inline-block;
}
.project .filter {
 display:inline-block;
 min-width:140px;
 margin:3px;
 border: 1px solid #dcdcdc;
 background:#fff;
 text-align:center;
 cursor:pointer;
 font:14px/35px 'Open Sans', sans-serif;
}
.project>a{
 display:inline-block;
 min-width:160px;
 min-height:35px;
 line-height:35px;
 border: 1px solid #F0632E;
 border-radius:5px;
 color:#F0632E;
 font-size:15px;
}
.project .filter:hover, .project>a:hover{
 background:#F0632E;
 color:#fff;
}
.project .filters a:active, .project>a:active,.project .filters a.active, .project>a.active{
 background-image: linear-gradient( #efd4b8,#F0632E);
 color:#fff;
}
article {
 max-width:1002px;
 margin:20px auto;
 overflow:hidden;
 text-align:center;
}
.project figure{
 display:inline-block;
 width:30%;
 min-width:300px;
 margin:8px;
 text-align:left;
 overflow:hidden;
}
.project figure:hover{
 box-shadow: 0 0 5px #5b5d5b;
}
.project figcaption {
 background:#fff;
 padding:20px;
}
.project figcaption p{
 margin-bottom:2px;
 font:600 16px 'Open Sans', sans-serif;
}
.review{
 display:table-cell;
 height:23px;
 padding:10px 10px 15px 28px;
 vertical-align:bottom;
 font:13px 'Open Sans', sans-serif;
 border-bottom:1px solid #A4A4A4;
}
.project figcaption span{
 color:#A4A4A4;
}
.project figcaption span:nth-child(3){
 background:url('../img/arrow.png') no-repeat left 10px;
}
.project figcaption span:nth-child(4){
 background:url('../img/men.png') no-repeat left 10px;
 padding-left:15px;
}
.project figcaption span:nth-child(5){
 background:url('../img/house.png') no-repeat left 10px;
}
a.button{
 display:inline-block;
 margin:10px 10px 0 0;
 padding:10px;
}
a.button:nth-child(even){
 color:#fff;
}
a.button:nth-child(odd){
 /*color:#838383;*/
}
/*---------------our_company----------------*/
.our_company{
 padding-bottom:60px;
 width:90%;
 margin:0 auto;
}
.our_company p{
 max-width:880px;
 margin:0 auto;
 padding-top:10px;
 text-align:center;
 font-size:14px;
 line-height:1.8em;
 color:#7d7c7c;
}
/*-------------------------statistic------------------------*/
.statistic{
 min-height:269px;
 width:100%;
 padding:20px;
 box-sizing:border-box;
 background:url(../img/fon_city.jpg);
 text-align:center;
 background-attachment: fixed;
 
}
.statistic span {
 display: inline-block;
 height: 100%;
 vertical-align: middle;
}
.statistic ul{
 display: inline-block;
 max-width:940px;
 vertical-align:middle;
 padding:41px 0;
 border: 1px solid #c8c8c8;
 color:#fff;
 font-size:16px;
}
.statistic ul li{
 display:inline-block;
 min-width:160px;
 margin:0 30px 10px;
 padding-top:60px;
}

.statistic ul li:nth-child(1){
 background:url(../img/list.png) no-repeat top center;
}
.statistic ul li:nth-child(2){
 background:url(../img/hand.png) no-repeat top center;
}
.statistic ul li:nth-child(3){
 background:url(../img/car.png) no-repeat top center;
}
.statistic ul li:nth-child(4){
 background:url(../img/workers.png) no-repeat top center;
}
.statistic ul li p{
 font:46px 'Exo 2', sans-serif;
}
/*--------------carousel_feedback--------------*/
.responses{
 width:100%;
 min-height:450px;
 margin-top:0;
 text-align:center;
 background:#F3F3F3;
 color:#7C7C7C;
}

.responses .jcarousel {
 margin-top:0 !important;
}

.responses li>p{
 max-width:880px;
 margin:0 auto;
 padding:20px 0;
 font:italic 16px 'Open Sans', sans-serif;
 
}
.responses figure{
 min-width:300px;
 display:inline-block;
 padding:10px 0 35px;
 margin-bottom:30px;
 text-align:left;
}
.responses figure img{
 vertical-align:middle;
}
.feedback figcaption{
 display:inline-block;
 vertical-align:middle;
 margin-left:20px;
}
.responses figcaption p{
 font:400 16px 'Exo 2', sans-serif;
 color:#000;
}
.responses figcaption span{
 font-style:italic;
}
.responses .jcarousel-pagination{
 bottom:15%;
}
/*-------------------footer------------------*/
footer{
 height:100px;
 line-height:100px;
 text-align:center;
 background:#2A2A2A;
 color:#fff;
 font-size:12px;
}
footer a {
 color:#fff !important;
}
footer a:hover {
 color:#E16527 !important;
}

/*We Mix It Up*/
#mixContainer .mix{
 display: none;
}

/*--------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------*/
/*Contacts*/
.real__map {
 height: 400px;
 width: 100%;
}
.contact__form td {
 vertical-align: middle;
 height: 65px;
}

.contact__form tr:nth-child(7) input {
 width: 67%;
}
.contact__form input,
.contact__form textarea,
.contact__form select {
 width: 95%;
 border: none;
 outline: none;
 padding-left: 20px;
 height: 38px;
 min-height: 38px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 border: 1px solid #e9e9e9;
}
.contact__form input:focus,
.contact__form textarea:focus,
.contact__form select:focus {
 box-shadow: 0 0 5px rgba(225, 101, 39, 0.6);
 -webkit-box-shadow: 0 0 5px rgba(225, 101, 39, 0.6);
 -moz-box-shadow: 0 0 5px 5px rgba(225, 101, 39, 0.6);
 -o-box-shadow: 0 0 5px 5px rgba(225, 101, 39, 0.6);
 -ms-box-shadow: 0 0 5px 5px rgba(225, 101, 39, 0.6);
}
.contact__form textarea {
 height: 80px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 padding: 10px 20px;
 resize: vertical;
}
.contact__form input[type=submit] {
 background: none;
 color: #222;
 padding-left: 0;
 text-transform: uppercase;
 font-weight: bold;
 width: 250px;
 float: left;
 cursor: pointer;
}
.contact__form input[type=submit]:hover {
 background: #F0632E;
 color: #fff;
}
.contacts__list li {
 padding-left: 30px;
 line-height: 65px;
}
.contacts__list li:first-child {
 padding-top: 0;
}
.contacts__list li.phone {
 background: url('../img/icons/phone.png') no-repeat left center;
}
.contacts__list li.email {
 background: url('../img/icons/email.png') no-repeat left center;
}
.contacts__list li.location {
 background: url('../img/icons/location.png') no-repeat left center;
}
.contacts__list li.url {
 background: url('../img/icons/url.png') no-repeat left center;
 background-size: 17px auto;
}


.fancy[rel=cars] {
 display:table-cell !important;
}

input[type=submit],input[type=file],input[type=reset],input[type=button],.more {
 float: left;
 outline: none;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 display:inline-block;
 min-width:160px;
 min-height:35px;
 line-height:35px;
 font-size:14px;
 border: 1px solid #F0632E;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 background: none;
 color: #222;
 padding-left: 0;
 text-transform: uppercase;
 font-weight: bold;
 width: 250px;
 cursor: pointer;
}
input[type=reset] {
 background: #222;
 color: #fff;
 margin-left:5px;
}
.more {
 float:none;
 width:auto;
 padding:0 20px;
 text-align:center;
 color:#222 !important;
 text-decoration:none !important;
 display:inline-block;
 line-height:36px;
}
input[type=submit]:hover,input[type=file]:hover,input[type=button]:hover,.more:hover {
 background: #F0632E;
 color: #fff;
}
input[type=reset]:hover {
 background: #F0632E;
}
.more:hover {
 color:#fff !important;
}
#sidebar .title1 {
 margin-bottom:25px;
 text-transform: uppercase;
}
input[type=text] {
 height:38px;
 min-height:38px;
 width:100%;
 outline:none;
 padding:0 10px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 margin:5px 0;
}
textarea {
 outline:none;
 padding:5px 10px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
}
.manHr {
 display:none;
}
/* ---------- Changeable Color Settings ---------- */

#l-container{max-width:100%;}
body{background:#fff}
.serch:hover .fa {
 color: #333;
}
::selection{background:#E16527;color:#FFFFFF;}
a, a:link, a:visited, a:active, .top-left span a:hover, .top-right span a:hover, .menu-icon:hover .fa, #menu .uMenuRoot > li > a:hover, #menu .uMenuRoot > li > a.uMenuItemA, .search-close span:hover, #blog .col4 h5 a:hover, .p-details span i, .f-contact .fa, #go-top:hover, .e-details-right .fa, .calMdayA, #top .fa{color:#212121;}
a:hover{color:#E16527;}
.nicescroll-rails > div {background:#E16527 !important;}
.p-cats-list{border-top:1px solid #E16527;}
.search-close span:hover{border-color:#E16527 !important;}

.footer__form table tr td:first-child { display:none; }
.footer__form table tr td:last-child { width:100%; }

.footer__form table tr:last-child td:first-child { display:block; text-align: left; }
@media screen and (min-width:940px){#menu .uMenuRoot > li > a.uMenuItemA, #menu .uMenuRoot > li > a:hover, #menu .uMenuRoot > .uWithSubmenu:hover > a{box-shadow:inset 0 3px 0 0 transparent;} #menu .uWithSubmenu ul{border-top:1px solid #E16527;}}
@media screen and (max-width:939px){#menu{box-shadow:inset 0 3px 0 0 #E16527, 0 5px 10px rgba(0, 0, 0, 0.15);}}

#content {
 float: left;
 width: 74.358974657%;
}
.entry {
 padding-bottom: 30px;
 margin-bottom: 30px;
 border-bottom: 1px dashed #dcdcdc;
}
.e-img {
 width: 100%;
 border-radius: 2px;
}
.e-title {
 text-transform: none;
 font-weight: 400;
 font-size: 24px;
 margin: 0 0 15px 0;
}
.e-title a {
 color: #212121 !important;
 text-decoration: none !important;
}
.e-mes {
 padding: 0;
 margin: 0;
}
.e-details {
 overflow: hidden;
 padding-top: 20px;
}
.e-details-right {
 float: right;
 color: #7a7a7a;
}
.e-details-right .fa {
 padding-right: 5px;
}
.e-details-right a {
 color: #7a7a7a !important;
}
.e-details-right u {
 text-decoration: none;
 padding: 0 10px;
}
.e-more {
 display: block;
 float: left;
 font-size: 15px;
}
.e-more span {
 font-family: arial;
}
#sidebar {
 float: right;
 width: 21.367521366%;
}
.block {
 margin-bottom: 50px;
}
.block > h4 {
 margin: 0 0 20px;
 text-transform: uppercase;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 1px;
}
.b-cnt {
 overflow: hidden;
}
.b-cnt .catsTable {
 line-height: 30px;
}
.b-cnt .catName:hover {
 text-decoration: underline;
}
.b-cnt ul,
.b-cnt li {
 padding: 0;
 margin: 0;
 list-style: none;
 list-style-type: none;
 line-height: 30px;
}
.b-cnt a:hover {
 text-decoration: underline;
}
.calTable {
 width: 100%;
 line-height: 30px;
}
.calTable td.calMday {
 border: 1px solid #dcdcdc;
 border-radius: 2px;
}
.calWday,
.calWdaySu,
.calWdaySe {
 border-radius: 2px;
 color: #fff;
}
.calWdaySu,
.calWdaySe {
 background: #7a7a7a !important;
}
.calMdayA {
 font-weight: 900;
 border: 1px solid #dcdcdc;
 border-radius: 2px;
}
hr {
 background: #dcdcdc;
 border: none;
 height: 1px;
}
.eTitle {
 font-size: 24px;
 line-height: 24px;
 color: #121212;
 padding: 20px 0;
}
.eDetails {
 padding: 20px 0;
 font-size: 13px;
 color: #7a7a7a;
}
.eBlock {
 margin-bottom: 30px;
 box-shadow: 0 5px 5px rgba(0,0,0,0.3);
 border: 1px solid #E4E4E4;
}
#allEntries > div[id^='comEnt'] {
 margin-top: 20px;
 margin-bottom: -5px;
 padding: 10px;
 border: 1px solid #dcdcdc;
 border-radius: 2px;
 background: #f6f6f6;
}
.eMessage, .eDetails1 {padding-top:2px;padding-bottom:2px;padding: 5px;}
.commTable {
 padding-top: 50px;
}
.commTable .commFl,
.commTable .securityCode {
 padding-left: 2%;
 padding-right: 2%;
 width: 96%;
}
.commTable .securityCode {
 width: auto;
}
.gTable {
 background: none;
 border-spacing: 0;
}
.gTable td {
 padding: 10px 20px;
}
.gTableTop {
 line-height: 40px;
 padding: 10px 20px !important;
 color: #fff;
 text-decoration: none;
 border-radius: 2px 2px 0 0;
 font-size: 16px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
}
.gTableTop a {
 color: #fff;
 text-decoration: none;
 font-size: 14px;
}
.gTableSubTop {
 padding: 5px 10px;
 color: #fff;
}
.gTableSubTop a {
 color: #fff;
}
.catLink {
 color: #fff !important;
 font-size: 16px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
}
.funcBlock {
 padding-right: 10px;
}

/*Колонки*/
.two__half {
 width: 66%;
 float: left;
 margin-right: 2%;
}
.two__half:last-child {
 margin-right: 0;
 float: right;
}
.one__half {
 float: left;
 width: 49%;
 margin-right: 2%;
}
.one__half:nth-child(2n) {
 margin-right: 0;
}
.one__third {
 float: left;
 width: 32%;
 margin-right: 2%;
}
.one__third:nth-child(3n) {
 margin-right: 0;
}
.one__third:last-child {
 margin-right: 0;
}
.one__fourth {
 float: left;
 width: 23.5%;
 margin-right: 2%;
}
.one__fourth:nth-child(4n) {
 margin-right: 0;
}

.contact__section {
 padding: 0 0 60px 0;
}
.contact__section h3 {
 text-align: left;
 font-size: 20px;
 text-transform: uppercase;
 padding: 10px 0;
}


.top {
 position: fixed;
 z-index: 150;
 right: 20px;
 bottom: 20px;
 width: 65px;
 height: 67px;
 display: block;
 background: url('../img/to_top.png') no-repeat left top
}

.top:hover {
 background-position: left bottom
}

#secuImgM {
 margin-top:6px !important;
}
.sub__pages {
 padding:120px 0 60px 0
}
.u-comboeditcell {
 background:none !important;
}
.u-comboeditcell:hover {
 background:#f5f5f5 !important;
}
.u-comboeditcell input {
 background:none !important;
 border:none !important;
 color:#222 !important;
}
.u-combobut {
 height: 40px !important;
 background: url('/.s/img/wd/1/trigger.gif') no-repeat left center !important;
}
#u-photos {
 margin-top: -60px;
 position: relative;
 z-index: 99;
 background: #fff;
}
.photo-edescr {
 text-align:center !important;
}

.withPanel header {
 top:24px;
}
.withPanel nav {
 top: 64px;
}

@media screen and (max-width:980px) {
 .jcarousel,.project.phMain {margin-top:0 !important;}
}
@media screen and (max-width:940px){
 .one__third,.two__half {
 width:99%;
 margin:0 auto;
 float:none;
 }
}

@media screen and (max-width:540px){
 .headersHere {
 top:23%;
 }
 .jcarousel h4 {
 max-width:80%;
 }
 .jcarousel h1 {
 font-size:36px;
 }
}

#uEntriesList .uEntryWrap {
 display:inline-block;
 width:auto !important;
 margin:8px;
 max-width:300px;
}
.pagesBlockuz1 .swchItem {
 display:inline-block;
 width:40px;
 height:40px;
 line-height:40px;
 color:#fff;
 background:#000;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 -o-border-radius: 6px;
}
.pagesBlockuz1 .swchItemA,.pagesBlockuz1 .swchItem:hover {
 display:inline-block;
 width:40px;
 height:40px;
 line-height:40px;
 color:#fff;
 background:#F0632E;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 -o-border-radius: 6px;
}



#uCatsMenu7 {
 top:41px !important;
 left:-1px !important;
}
select {
 min-height: 38px;
 height: 38px;
 padding:0 10px;
 
 display: inline-block;
 vertical-align: top;
}
input[name=user],input[name=ban] {
 
 display: inline-block;
 vertical-align: top;
 margin:0;
}
input[name=ban] {
 vertical-align: middle;
 position: relative;
 top: 8px;
}
.allUsersBtn,.uSearchFl,.uSearchFlSbm { width:210px !important;}
.uSearchFl {
 margin-left: 35px !important;
 margin-right: 5px !important;
 float: left;
}

#allArticles .queryField {
 width:auto!important;
 display:inline-block;
}
#allArticles .searchSbmFl {
 float:none !important;
 margin-left:5px;
 display:inline-block;
 
 margin-right: 125px;
}

#sFltLst {
 left:0 !important;
 top:40px !important;
}

#block22.udtb {
 text-align:left !important;
}
input[name=ban] {
 margin-right: 10px;
 top:0;
}
form[name=memform] {
 text-align:left;
}
form[name=memform] input[type=submit] {
 float:none;
}
.uTd {
 height:50px;
 vertical-align:middle;
}

input[type="submit"].searchSbmFl {
 float:none;
 margin-left:5px;
}
.seResults table {
 width:100%;
}
.seResults table td>div {
 text-align:right;
 line-height:48px;
 position:relative;
}
.seResults table div>div {
 text-align:left;
}

.x-unselectable.u-combo {
 position:relative;
}

.phAdd {
 margin-top:20px;
}
.puMain {margin-top:30px;}
.uWithSubmenu > ul {display: none;}
.uWithSubmenu:hover > ul 
{
 display: block;
 position: fixed;
 background: #F3F3F3;
 border-top: 1px solid #E4E4E4;
}