@charset "utf-8";

@import url(/fonts/font1.css);
@import url(/colors/color1.css);
@import url(/bgs/bg1.css);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300italic,300,100,100italic,400italic,500,500italic,700,700italic&subset=latin,cyrillic);

#puzadpn {
 position: absolute;
}
#uzadpn {
 position: fixed !important;
 bottom: 0 !important;
 top: auto !important;
}
header, nav, article, aside, section, footer {
 display: block;
}
html, body {
 margin: 0;
 padding: 0;
 height: 100%;
}
textarea, input {
 outline: none;
 resize: none;
}
img, a img {
 border: none;
 outline: none;
}
a, a:link, a:visited, a:active, a:hover {
 color: #000;
 text-decoration: none;
}
body {
 font: 15px/22px 'Roboto';
 background: #f2f2f2;
 color: #777;
 font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
 padding: 0;
 margin: 5px 0 10px 0;
 font-weight: 300;
 font-family: 'Roboto';
}
hr {
 height: 1px;
 border: none;
 background: #ccc;
}
aside ul, aside ol, aside li {
 margin: 0;
 padding: 0;
}
textarea {
 overflow: auto;
}
textarea, input[type="text"], input[type="password"] {
 max-width: 99% !important;
 font-family: 'Roboto';
 font-size: 15px;
 line-height: 22px;
 font-weight: 300;
 border-radius: 3px;
 border: 1px solid #a7a7a7;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 20px;
 padding-right: 20px;
 transition: border-color .3s ease, box-shadow .3s ease;
 background: none;
}
textarea {
 padding: 20px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
 border-color: #000 !important;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
input[type="button"], input[type="submit"], input[type="reset"] {
 font-family: 'Roboto';
 height: 40px;
 font-weight: 300;
 color: #fff;
 cursor: pointer;
 font-size: 18px;
 border: none;
 border-radius: 5px;
}
#top {
 position: absolute;
 z-index: 999;
 width: 100%;
 top: 0;
 padding-top: 30px;
 transition: all .3s ease;
}
#navi {
 width: 1170px;
 margin: 0 auto;
 text-align: center;
}
nav {
 display: inline-block;
 transition: all .3s ease;
}
nav ul, nav ul li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
nav ul {
}
nav ul li {
 float: left;
}
nav ul li a {
 display: block;
 line-height: 50px;
 padding: 0 20px;
 border-radius: 3px;
 font-size: 18px;
 color: #fff !important;
 margin: 0 3px;
 border: 1px solid rgba(255, 255, 255, 0);
 transition: all .3s ease;
}
nav ul li.current a {
 border: 1px solid rgba(255, 255, 255, 1);
}
#top-logo {
 display: none;
}
#top.fixed {
 position: fixed;
 height: 60px;
 background: #000;
 top: 0;
 padding-top: 0;
}
#top.fixed nav {
 display: block;
 float: right;
}
#top.fixed nav li {
 height: 40px;
 padding: 10px 0;
}
#top.fixed nav li a {
 font-size: 15px;
 line-height: 38px;
 margin: 0 0 0 3px;
}
#top.fixed #top-logo {
 display: block;
 float: left;
 line-height: 60px;
 font-weight: 700;
 font-style: italic;
 font-size: 30px;
 color: #fff; 
}
#home {
 display: block;
 height: 100%;
 background-size: cover !important;
 color: #fff;
}
.overlay {
 position: absolute;
 width: 100%;
 height: 100%;
 background: url(/img/overlay.gif);
}
.logo {
 width: 1170px;
 height: 220px;
 text-align: center;
 position: absolute;
 top: 50%;
 margin-top: -110px;
 left: 50%;
 margin-left: -585px;
}
#logo-top {
 width: 500px;
 height: 32px;
 margin: 0 auto;
 background: url(/img/logo-top.png);
}
#logo-bottom {
 width: 500px;
 height: 1px;
 background: #fff;
 margin: 0 auto;
}
.logo h1 {
 margin: 0;
 padding: 0;
 text-align: center;
 font-weight: 700;
 font-style: italic;
 font-size: 72px;
 line-height: 72px;
 height: 72px;
 padding-top: 40px;
}
.logo h2 {
 margin: 0;
 font-weight: 400;
 font-style: italic;
 font-size: 16px;
 padding-bottom: 50px;
}
.home-more {
 position: absolute;
 width: 100%;
 text-align: center;
 bottom: 30px;
}
.home-more a {
 display: inline-block;
 width: 40px;
 height: 40px;
 border: 1px solid #fff;
 border-radius: 40px;
 cursor: default;
 background: url(/img/scroll.png) center no-repeat;
}
.home-more a:hover {
 cursor: default;
}
#service {
 padding-top: 30px;
}
.p-cnt {
 width: 1170px;
 margin: 0 auto;
}
.p-title {
 overflow: hidden;
 padding: 60px 0;
}
.p-title h3 {
 color: #000;
 font-weight: 700;
 font-style: italic;
 font-size: 36px;
 line-height: 36px;
 float: left;
 margin: 0; 
}
.service-descr {
 padding: 40px;
 line-height: 30px;
 font-size: 24px;
 color: #fff;
 text-align: center;
}
.services {
 padding: 60px 0 15px;
 width: 1170px;
 margin: 0 auto;
 overflow: hidden;
}
.serv {
 width: 360px;
 margin-right: 45px;
 margin-bottom: 45px;
 overflow: hidden;
 float: left;
}
.serv:nth-child(3n) {
 margin-right: 0;
}
.serv-icon {
 float: left;
 width: 40px;
 height: 40px;
}
.serv-mes {
 margin-left: 60px;
 font-size: 13px;
 line-height: 20px;
}
.serv-name {
 display: inline-block;
 font-size: 24px;
 text-decoration: underline !important;
 line-height: 30px;
 padding: 5px 0;
 margin-bottom: 10px;
}
#about {
 padding-top: 30px;
 background: #000 url(/img/about.jpg) fixed;
 background-size: cover;
 color: #a7a7a7;
}
.about-cnt {
 padding-bottom: 60px;
 overflow: hidden;
}
.a-block {
 float: left;
 width: 360px;
 margin-left: 45px;
 overflow: hidden;
}
.a-block:first-child {
 margin-left: 0;
}
.a-me {
 line-height: 0;
 background: #000;
 width: 352px;
 height: 352px;
 padding: 2px;
 border-radius: 360px;
}
.a-block h4 {
 font-size: 24px;
 line-height: 24px;
 margin: 0 0 40px;
}
.a-more {
 display: inline-block;
 color: #fff !important;
 line-height: 40px;
 padding: 0 20px;
 margin-top: 40px;
 border: 1px solid #fff;
 border-radius: 3px;
 background: rgba(0, 0, 0, 0);
 transition: all .3s ease;
}
.a-more:hover {
 background: rgba(0, 0, 0, 1);
}
.skils, .skils li {
 padding: 0;
 margin: 0;
 list-style: none;
 color: #fff;
}
.skils li {
 margin-bottom: 40px;
}
.skils li span {
 display: block;
 height: 10px;
 border-radius: 10px;
 margin-top: 5px;
 background: #777;
}
.skils li span b {
 width: 0;
 display: block;
 height: 10px;
 border-radius: 10px;
 transition: all 3s ease;
}
.skils li u {
 text-decoration: none;
 padding-left: 10px;
 float: right;
}
#portfolio {
 padding-top: 30px;
 color: #000;
 overflow: hidden;
}
.p-works {
 overflow: hidden;
 height: 542px;
}
.p-title a {
 float: right;
 text-decoration: underline;
}
.p-title a:hover {
 text-decoration: none;
}
.work {
 width: 270px;
 height: 270px;
 float: left;
 margin-left: 1px;
 margin-bottom: 1px;
 overflow: hidden;
 position: relative;
 line-height: 22px;
}
.work img {
 width: 270px;
 height: 270px;
 transition: all .3s ease;
}
.work:hover img {
 opacity: 0.2;
}
.work span {
 display: block;
 position: absolute;
 z-index: 2;
 top: 0;
 left: 0;
 padding: 60px 20px;
 width: 230px;
 text-align: center;
 font-weight: 400;
 opacity: 0;
 transition: all .3s ease;
}
.work:hover span {
 opacity: 1;
}
.w-title {
 font-size: 18px;
 text-decoration: underline !important;
}
.w-title:hover {
 text-decoration: none !important;
}
.w-date {
 line-height: 80px;
 font-size: 13px;
}
.w-cat {
 text-decoration: underline !important;
 font-size: 13px;
 font-style: italic;
 background: url(/img/w-cat.png) left no-repeat;
 padding-left: 16px;
}
.w-cat:hover {
 text-decoration: none !important;
}
#reviews {
 padding-top: 30px;
 background: #000 url(/img/reviews.jpg) fixed;
 background-size: cover;
 color: #fff;
 font-size: 18px;
 line-height: 36px;
 text-align: center;
}
.r-cnt {
 overflow: hidden;
 min-height: 138px;
 padding-bottom: 60px;
}
.r-cnt ul, .r-cnt ul li {
 margin: 0;
 padding: 0;
 list-style-type: none;
 min-height: 138px;
}
.r-auth {
 padding-top: 30px;
 font-style: italic;
}
#pagination, #pagination li {
 padding: 0;
 margin: 0;
 list-style-type: none;
}
#pagination {
 text-align: center;
 padding-top: 30px;
}
#pagination li {
 display: inline-block;
 text-indent: -9999px;
 overflow: hidden;
 cursor: pointer;
 width: 15px;
 height: 15px;
 border-radius: 15px;
 border: 1px solid #fff;
 margin: 0 10px;
}
#pagination li.current {
 width: 14px;
 height: 14px;
}
#blog {
 padding-top: 30px;
 padding-bottom: 60px;
}
.post {
 padding-bottom: 30px;
 margin-bottom: 30px;
 border-bottom: 1px solid #ccc;
 overflow: hidden;
}
.post > img {
 width: 90px;
 height: 90px;
 line-height: 0;
 padding: 2px;
 border: 2px solid #000;
 float: left;
 border-radius: 90px;
}
.post:last-child {
 padding-bottom: 0;
 margin-bottom: 0;
 border-bottom: none;
}
.post-mes {
 margin-left: 120px;
}
.post-title {
 font-size: 24px;
 line-height: 30px;
 text-decoration: underline !important;
 display: inline-block;
 margin-bottom: 10px;
}
.post-title:hover {
 text-decoration: none !important;
}
.post-details {
 padding-top: 10px;
 font-size: 13px;
}
.post-details span {
 padding: 0 5px;
}
#contacts {
 padding-top: 30px;
 background: #000 url(/img/contacts.jpg) fixed;
 background-size: cover;
 color: #fff;
 font-size: 18px;
 text-align: center; 
 padding-bottom: 60px;
}
.m-form {
 line-height: 0;
 overflow: hidden;
}
.m-form > * {
 margin: 0;
 padding: 0;
 border: none;
 border-radius: 5px;
}
.m-form textarea {
 width: 1130px;
 height: 110px;
 padding: 15px 20px;
 box-shadow: inset 0 0 0 2px #a7a7a7;
 float: left;
 margin-bottom: 7px;
 font-weight: 300;
 font-size: 15px;
 color: #000;
 border: none;
 background: #fff;
 transition: all .3s ease;
}
.m-form input[type="text"] {
 float: left;
 padding: 10px 20px;
 box-shadow: inset 0 0 0 2px #a7a7a7;
 width: 450px;
 margin-right: 7px;
 font-weight: 300;
 font-size: 15px;
 color: #000;
 background: #fff;
 border-radius: 5px;
 border: none;
 transition: all .3s ease;
}
.m-form input[type="submit"] {
 float: left;
 width: 206px !important;
 height: 40px;
 font-weight: 300;
 font-size: 15px;
 color: #fff;
 cursor: pointer;
 font-size: 18px;
}
.c-mes {
 padding: 40px 0;
}
a.soc {
 display: inline-block;
 width: 68px;
 height: 68px;
 text-align: center;
 line-height: 68px;
 font-size: 36px;
 margin: 0 7px;
 border-radius: 68px;
}
.vk {
 color: #597da3 !important;
 border: 2px solid #597da3;
}
.fb {
 color: #3b5998 !important;
 border: 2px solid #3b5998;
}
.tw {
 color: #0084b4 !important;
 border: 2px solid #0084b4;
}
.ok {
 color: #eb722e !important;
 border: 2px solid #eb722e;
}
.gp {
 color: #cd3d2b !important;
 border: 2px solid #cd3d2b;
}
footer {
 height: 60px;
 line-height: 60px;
 color: #777;
 text-align: center;
 background: #000;
 border-top: 1px solid rgba(255, 255, 255, 0.2);
 font-size: 13px;
}
footer a {
 color: #777 !important;
 text-decoration: underline !important;
}
footer u {
 text-decoration: none;
 padding: 0 10px;
}
.portfolio-page {
 padding-top: 60px !important;
}
.p-cats {
 padding: 30px 0;
 background: #f2f2f2;
 line-height: 40px;
}
.p-cats {
 overflow: hidden;
}
.p-cats .p-cnt * {
 display: block;
 float: left;
 width: auto;
}
.p-cats a {
 padding: 0 20px;
 margin-right: 3px;
 border-radius: 5px;
 font-size: 16px;
}
.p-cats .catNumData {
 display: none;
}
.p-cats .catNameActive {
 border: 1px solid #000;
 background: #000;
 color: #fff !important;
 box-shadow: inset 0 0 0 1px #f2f2f2;
}
.p-cats a:hover {
 text-decoration: underline;
}
.p-full {
 max-width: 100%;
}
.t-page {
 padding-top: 60px !important;
}
.b-cats {
 padding: 30px 0;
 line-height: 40px;
 margin-bottom: 60px;
 overflow: hidden;
}
.b-cats .p-cnt * {
 display: block;
 float: left;
}
.b-cats .p-cnt .catNumData {
 display: none;
}
.b-cats a {
 padding: 0 20px;
 margin-right: 3px;
 border-radius: 3px;
 font-size: 16px;
}
.b-cats .catNameActive {
 border: 1px solid #000;
}
.b-cats a:hover {
 text-decoration: underline;
}
.catPages1 {
 padding-top: 30px;
 margin-top: 30px;
 /* border-top: 1px solid #ccc; */
 text-align: left;
}
.swchItem, .swchItemA {
 display: inline-block;
 min-width: 40px;
 height: 40px;
 text-align: center;
 font-size: 18px;
 line-height: 40px;
 margin-right: 3px;
 border: 1px solid #a7a7a7;
 border-radius: 30px;
}
.swchItemA {
 border-color: #000 !important;
 color: #000;
}
.det {
 padding-top: 30px;
 margin-top: 30px;
 color: #000;
 border-top: 1px solid #ccc;
}
.comms {
 padding-top: 60px;
}
.comms h3 {
 color: #000;
 margin: 0 0 30px;
}
.comm-num {
 font-size: 20px;
 color: #000;
 padding-bottom: 30px;
}
.comm-num u {
 text-decoration: none;
 padding: 0 10px;
}
.comm {
 padding-bottom: 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #e8e8e8;
}
.comm-ava {
 width: 50px;
 height: 50px;
 border-radius: 50px;
 float: left;
}
.comm-mes {
 margin-left: 70px;
 font-size: 13px;
 line-height: 20px;
}
.comm-det {
 color: #000;
 padding-bottom: 10px;
 font-size: 15px;
}
.comm-det u {
 text-decoration: none;
 padding: 0 10px;
}
.securityCode {
 height: 25px !important;
 text-align: center;
 padding-left: 92px !important;
 padding-right: 92px !important;
}
.commFl {
 width: 400px;
 margin: 5px 0 15px;
}
textarea.commFl {
 width: 400px;
 margin-bottom: 5px;
}
#addcBut {
 margin-top: 10px;
 width: 412px;
 color: #000;
 font-weight: 400;
}
#allEntries, #uEntriesList {
 width: 100% !important;
 overflow: hidden;
}
#uEntriesList:before, #uEntriesList:after {
 display: none !important;
}
.uEntryWrap {
 width: 270px !important;
 float: left;
 margin-left: 1px;
 line-height: 0;
}
#allEntries .post {
 margin-top: 30px !important;
 padding-bottom: 30px !important;
 border-bottom: 1px solid #ccc;
}
td.archiveEntries > div:last-child div.post {
 border-bottom: none !important;
}
.portfolio-page .p-works {
 height: auto;
}

/* max-width: 1169px */

@media screen and (max-width: 1169px) {
 #navi, .logo, .p-cnt, .services {
 width: 940px;
 }
 nav ul li a {
 line-height: 40px;
 padding: 0 15px;
 font-size: 16px;
 }
 .logo {
 margin-left: -470px;
 }
 .service-descr {
 font-size: 20px;
 }
 .serv {
 width: 280px;
 }
 .serv-name {
 font-size: 20px;
 line-height: 22px;
 }
 .a-block {
 width: 280px;
 font-size: 13px;
 }
 .a-me {
 width: 272px;
 height: 272px;
 }
 .m-form textarea {
 width: 930px;
 }
 .m-form input[type="text"] {
 width: 350px;
 }
}