body {
background: url(../img/clouds.jpg) no-repeat scroll top center #d5e6ed;
margin: 0;
border-top: 3px solid #1a68ae;
box-shadow: 1px 1px 1px #fff inset;
font-family: "Myriad Set Pro";
}

header {width: 980px; margin: 0 auto;}
section {margin: 40px 0;}
aside {width: 230px; float: right;}
figure {margin: 0;}
h1,h2,h3 {margin: 0; color: #1a68ae; font-size: 24px; font-weight: 900; font-style: italic;}
h5,h6 {margin: 0;}
h4 {margin: 30px 0 0; color: #1a68ae; text-transform: uppercase; font-size: 18px; font-style: italic;}
h4 a {font-size: 12px; float: right; margin-top: 5px; color: #343434; text-decoration: underline;}
h4 a:hover {text-decoration: none;}
p {line-height: 140%; font-size: 14px; font-weight: 500; color: #222;}
a {text-decoration: none}
footer {width: 930px; margin: 50px auto 0; background: #fff; border-radius: 20px 20px 0 0; border: 10px solid #e0ecf1; padding: 10px 15px; border-bottom: 0;}
footer .logo {margin-bottom: 0;}
footer .logo img {width: 200px;}
hr {border: 0; height: 0; border-top: 1px solid #1a68ae; border-bottom: 1px solid #d5e6ed;}

.gMenu {width: 980px; margin: 10px auto 0;}
.clear {clear: both;}
.logo {margin: 10px 0 20px;float: left; text-decoration: none; float: left;}
.logo img {border: none; width: 285px;}
.sws {display: block; font-size: 15px; color: #4f7f94;}
.hMenu {float: left; margin: 17px 0 0 50px;}
.hMenu a {text-decoration: none; display: inline-block; margin-right: 10px; color: #1a68ae; font-weight: 600; font-size: 14px; font-style: italic;}
.hMenu a:hover {text-decoration: underline;}
.hMenu span {display: block; color: #4f7f94; font-size: 12px; margin-bottom: 3px; font-weight: 500; font-style: italic;}
.hMenu span span {display: inline-block;}
.activeMenu {text-decoration: underline!important;}
.hRight {float: right; margin-top: 15px; text-align: right;}
.callBack {font-size: 14px; color: #1a68ae; text-decoration: underline; cursor: pointer; margin-bottom: 5px; font-weight: 500; display: inline-block; font-style: italic;}
.callBack:hover {text-decoration: none;}
.tel {display: block; font-size: 20px; color: #ec8500; font-weight: 900; font-style: italic;}
.adr {display: block; color: #4f7f94; font-size: 12px; font-weight: 500; margin-top: 5px; font-style: italic;}
.email {font-size: 13px; color: #4f7f94; display: inline-block; font-weight: 600; text-decoration: none; float: right; margin-top: 5px; font-style: italic;}
.email:hover {text-decoration: underline;}
.menu {margin: 0; padding: 0; list-style: none;}
.menu li {float: left; width: 25%;}
.menu li a {display: list-item; text-decoration: none; color: #4f7f94; font-size: 16px; font-weight: 500; background: url(../img/arrmenu.png) no-repeat; padding-left: 20px; background-size: 10px; background-position: 0 2px;}
.menu li a:hover {text-decoration: underline;}
.menu li a:first-child {padding: 0; font-weight: 500; margin:0 0 10px 0!important; padding-top: 110px; text-align: center; color: #ec8500; font-size: 22px; font-style: italic;}
.menu li:nth-child(1) a {margin-left: 42px;}
.menu li:nth-child(2) a {margin-left: 16px;}
.menu li:nth-child(3) a {margin-left: 35px;}
.menu li:nth-child(4) a {margin-left: 53px;}
.menu li:nth-child(1) a:nth-child(1){background: url(../img/menu/sozdanie_saitov.png) no-repeat scroll top center;}
.menu li:nth-child(2) a:nth-child(1){background: url(../img/menu/prodvishenie_saitov.png) no-repeat scroll top center;}
.menu li:nth-child(3) a:nth-child(1){background: url(../img/menu/paddershka_saita.png) no-repeat scroll top center;}
.menu li:nth-child(4) a:nth-child(1){background: url(../img/menu/prochie_yslugi.png) no-repeat scroll top center;}
.content {width: 980px; margin: 50px auto 0;}
.sevenReason {margin-top: 15px;}
.sevenReason img {float: left; margin-right: 10px; width: 55px;}
.sevenReason span {font-weight: 700; text-transform: uppercase; color: #ec8500; font-style: italic; font-size: 18px;}
.sevenReason p {margin: 0; font-size: 14px; font-weight: 500; color: #353535; line-height: 16px;}
.clock {background-color: rgba(255,255,255,0.3); padding: 20px 0; margin: 0;}
.clock h4 {margin-top: 0; text-align: center;}
.timeClock {font-size: 14px; display: block; font-weight: 900; font-style: italic; text-align: center; color: #555;}
.pClock {text-align: center; text-transform: uppercase; font-weight: 900; margin: 5px 0 10px; color: #ec8500; font-size: 15px;}
.formClock input[type="text"]{background: url(../img/people.png) no-repeat scroll 11px 8px #fff; background-size: 12px;}
.formClock input[type="tel"]{background: url(../img/phone.png) no-repeat scroll 12px 9px #fff; background-size: 12px;}
.formClock input[type="text"], .formClock input[type="tel"] {margin: 5px auto 0; display: block; padding: 7px 10px 7px 32px; border: 1px solid #fff; border-radius: 5px; font-family: "Myriad Set Pro"; font-size: 14px; width: 160px; outline: none; box-shadow: 1px 1px 1px #ddd, 1px 1px 1px #ddd inset;}
.formClock input[type="submit"] {font-family: "Myriad Set Pro"; text-shadow: 1px 1px 1px #fffc00; font-size: 14px; display: block; margin: 10px auto 0; outline: none; padding: 10px 20px; border-radius: 5px; color: #353535; cursor: pointer; border: 1px solid #ffe400; box-shadow: 0 1px 1px #ffa200; font-weight: bold; background: #f9fd53; background: -moz-linear-gradient(top,  #f9fd53 0%, #ffcd02 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fd53), color-stop(100%,#ffcd02)); background: -webkit-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -o-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -ms-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: linear-gradient(to bottom,  #f9fd53 0%,#ffcd02 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fd53', endColorstr='#ffcd02',GradientType=0 );}
.formClock input[type="submit"]:active {background: #f9f900; background: -moz-linear-gradient(top,  #f9f900 0%, #fff600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f900), color-stop(100%,#fff600)); background: -webkit-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -o-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -ms-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: linear-gradient(to bottom,  #f9f900 0%,#fff600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f900', endColorstr='#fff600',GradientType=0 );}
.formClock input[type="submit"]:hover {
background-position:0 36px; 
-webkit-transition-property: background-position, box-shadow;
-moz-transition-property:background-position, box-shadow;
-o-transition-property: background-position, box-shadow;
-ms-transition-property:background-position, box-shadow;
transition-property:background-position, box-shadow;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
transition-duration:0.3s;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
}
.cTimer { background: url(../img/aside/time.png) no-repeat; display: inline-block; font-size: 26px; font-weight: 900; color: #fff; padding: 5px 0; background-size: 24px; width: 25px; text-align: center; background-position: 1px 0;}
.wClock {  font-weight: bold; display: inline-block; margin: 0 0 0 5px; font-size: 32px; color: #555;}
.clockTimer {text-align: center; margin-bottom: 15px;}
.lock {text-align: center; font-size: 11px; margin-bottom: 0;}
.miniPortfolio {margin-top: 10px;}
.miniPortfolio img {  border: 1px solid #fff; box-shadow: 0 1px 1px #4f7f94;}
.miniPortfolio span {color: #4f7f94; text-align: center; display: block; margin: 3px 0 0; font-size: 14px; font-weight: 500;}
.miniBlog div a {display: inline-block; color: #1a68ae; font-size: 14px; font-weight: 500;}
.miniBlog div a:hover {text-decoration: underline;}
.miniBlog h4 {margin-bottom: 5px;}
.artWidth {width: 100%; background: none; border: none; box-shadow: none; padding: 0; margin-top: 40px; text-align: center;}
.artWidth h3 {font-style: normal; text-transform: uppercase; font-weight: 900; text-align: center; margin-bottom: 15px;}
.typeSite {background-color: #fff; margin: 10px 0; border-radius: 10px; border: 1px solid #fff; box-shadow: 0 1px 1px #4f7f94; float: left; width: 300px; float: left;}
.typeSite h4 {  margin: 0; padding: 10px 0; text-transform: none; font-style: normal; font-size: 20px;}
.typeSite p {color: #222; background: #f4f4f4; padding: 10px 12px; margin: 0; font-size: 14px;}
.typeSite a {display: block; color: #fff; background: #1c4b6e; padding: 5px 0;}
.typeSite a:hover {background: #1a68ae;}
.price1 {color: red; text-decoration: line-through;}
.price1 span {font-size: 18px; display: block; color: #999; margin: 10px 0 0; font-weight: 600;}
.price2 {display: block; color: #ec8500; font-size: 32px; font-weight: 600; margin-bottom: 10px;}
.typeSite:nth-child(3) {float: left; margin-left: 38px;}
.typeSite:nth-child(4) {float: right;}
.typeSite:nth-child(6) {float: left;   margin-left: 170px;}
.typeSite:nth-child(7) {float: left; margin-left: 38px;}
.button {background-position:0 0; font-family: "Myriad Set Pro"; width: 270px; text-align: center; text-shadow: 1px 1px 1px #fffc00; font-size: 20px; display: block; margin: 0 auto; outline: none; padding: 10px 20px; border-radius: 5px; color: #353535; cursor: pointer; border: 1px solid #ffe400; box-shadow: 0 1px 1px #ffa200; font-weight: bold; background: #f9fd53; background: -moz-linear-gradient(top,  #f9fd53 0%, #ffcd02 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fd53), color-stop(100%,#ffcd02)); background: -webkit-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -o-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -ms-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: linear-gradient(to bottom,  #f9fd53 0%,#ffcd02 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fd53', endColorstr='#ffcd02',GradientType=0 );}
.button:hover {
background-position:0 42px; 
-webkit-transition-property: background-position, box-shadow;
-moz-transition-property:background-position, box-shadow;
-o-transition-property: background-position, box-shadow;
-ms-transition-property:background-position, box-shadow;
transition-property:background-position, box-shadow;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
transition-duration:0.3s;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
}
.button:active {background: #f9f900; background: -moz-linear-gradient(top,  #f9f900 0%, #fff600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f900), color-stop(100%,#fff600)); background: -webkit-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -o-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -ms-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: linear-gradient(to bottom,  #f9f900 0%,#fff600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f900', endColorstr='#fff600',GradientType=0 );}
.lockImg {background: url(../img/lock.png) no-repeat; color: #525252; font-size: 13px; padding: 4px 0 0 25px; font-weight: 600; margin: 12px 0; display: inline-block;}
.adrFooter {text-align: left; float: left; font-size: 16px; line-height: 22px; margin: 10px 0 0 30px; color: #ec8500; font-weight: 900;}
.adrFooter span {display: block;}
.social {float: right; margin: 14px 0 0;}
.social img {border: none; width: 30px;}
.popUp {position: fixed; top: 0; width: 100%; height: 100%; display: none;}
.bgPopUp {position: absolute; top: 0; background: rgba(255,255,255,0.8); width: 100%; height: 100%;}
.windowPopUp {text-align: center; position: absolute; width: 360px; height: 330px; background: #d9e5ec; border: 2px solid #fff; box-shadow: 0 1px 1px #4f7f94; border-radius: 5px;}
.windowPopUp h5 {text-align: center; margin-bottom: 10px; color: #1a68ae; font-size: 24px; padding: 20px; background: #f9f9f9; text-shadow: 1px 1px 1px #ddd; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #ddd; border-radius: 5px 5px 0 0;}
.windowPopUp  p {padding: 0 50px; line-height: 18px; margin: 0 0 10px;}
.windowPopUp .lockImg {font-size: 12px;}
.formPopUp input {margin: 0 auto;}
.formPopUp input[type="text"], .formPopUp input[type="tel"] {
display: block;
  font-family: "Myriad Set Pro";
  font-size: 16px;
  width: 200px;
  font-weight: 400;
  outline: none;
  margin-bottom: 10px!important;
  padding: 10px 10px 10px 40px;
  border: 1px solid #fff;
  box-shadow: 0 0 10px #eee inset, 1px 1px 1px #9AB8CA inset, 1px 1px 1px #D0D0D0;
  border-radius: 5px;
}
.formPopUp input[type="text"]{background: url(../img/people.png) no-repeat scroll 13px 10px #fff; background-size: 14px;}
.formPopUp input[type="tel"]{background: url(../img/phone.png) no-repeat scroll 13px 12px #fff; background-size: 14px;}
.formPopUp input[type="submit"] {font-family: "Myriad Set Pro"; text-shadow: 1px 1px 1px #fffc00; font-size: 14px; display: block; margin: 15px auto 0; outline: none; padding: 10px 20px; border-radius: 5px; color: #353535; cursor: pointer; border: 1px solid #ffe400; box-shadow: 0 1px 1px #ffa200; font-weight: bold; background: #f9fd53; background: -moz-linear-gradient(top,  #f9fd53 0%, #ffcd02 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fd53), color-stop(100%,#ffcd02)); background: -webkit-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -o-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -ms-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: linear-gradient(to bottom,  #f9fd53 0%,#ffcd02 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fd53', endColorstr='#ffcd02',GradientType=0 );}
.formPopUp input[type="submit"]:active {background: #f9f900; background: -moz-linear-gradient(top,  #f9f900 0%, #fff600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f900), color-stop(100%,#fff600)); background: -webkit-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -o-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -ms-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: linear-gradient(to bottom,  #f9f900 0%,#fff600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f900', endColorstr='#fff600',GradientType=0 );}
.formPopUp input[type="submit"]:hover {
background-position:0 36px; 
-webkit-transition-property: background-position, box-shadow;
-moz-transition-property:background-position, box-shadow;
-o-transition-property: background-position, box-shadow;
-ms-transition-property:background-position, box-shadow;
transition-property:background-position, box-shadow;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
transition-duration:0.3s;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
}
.imgClose {position: absolute; top: 8px; right: 8px; width: 10px; height: 10px; cursor: pointer; background: url(../img/imgClose.png) no-repeat; background-size: 10px;}
.popupErr1:before {
	content: "Вы не заполнили имя!";
	color: red;
	font-size: 12px;
	background-color: #fff;
	padding: 5px 0;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px #ddd;
	border-radius: 5px;
	position: absolute;
	top: 114px;
	font-weight: 600;
	left: 180px;
	width: 160px;
} 
.popupErr2:after {
	content: "Вы не заполнили телефон!";
	color: red;
	font-size: 12px;
	background-color: #fff;
	padding: 5px 0;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px #ddd;
	border-radius: 5px;
	position: absolute;
	top: 163px;
	font-weight: 600;
	left: 180px;
	width: 160px;
}
.compGroup h4 {float: left; width: 340px; font-weight: 700; text-transform: uppercase; color: #53840e; font-style: normal; font-size: 18px; margin: 10px 0 0; background-color: #f1f1f1; padding: 10px 0; text-align: center;}
.compGroup h4:nth-child(even) {float: right; width: 333px; color: #d86565;}
.compBlock {width: 290px; padding-left: 50px; float: left; background: url(../img/plus.png) no-repeat; margin-top: 20px; background-size: 38px;}
.compBlock:nth-child(even) {float: right; background: url(../img/minus.png) no-repeat; background-size: 30px; padding-left: 45px;}
.compBlock h4 {font-weight: 700; text-transform: uppercase; color: #53840e; font-style: normal; font-size: 16px; margin: 0;}
.compBlock p {line-height: 16px; color: #353535; margin: 5px 0 0; font-weight: 500; font-size: 14px;}
.compBlock:nth-child(even) h4 {color: #d86565;}
.butContent {text-align: center; margin-top: 30px;}
.ulli {margin: 0 0 40px; padding: 0; list-style: none;}
.ulli li {font-family: "Myriad Set Pro"; font-size: 14px; font-weight: 500; background: url(../img/plus.png) no-repeat;   padding-left: 45px; background-size: 30px; margin-bottom: 15px;}
.ulli li span {font-weight: 900; color: #ec8500; text-transform: uppercase; font-size: 18px; display: block;}
.services {margin-bottom: 20px;}
.zagLink {font-size: 18px; font-weight: 900; color: #ec8500;}
.zagLink span {font-weight: 400; font-style: italic;}
.zagLink span span {text-decoration: line-through;}
.services img {float: left; width: 100px; background-color: #e0ecf1; padding: 5px; border-radius: 5px; margin-right: 20px; border: 1px solid #f1f1f1; box-shadow: 1px 1px 1px #4f7f94, 1px 1px 1px #fff inset;}
.services p {margin: 5px 0 0;}
.services h3 {font-style: normal; font-size: 18px;}
.seeCongig {float: right; text-shadow: 1px 1px 1px #fffc00; font-size: 14px; display: block; margin: 8px auto 0; outline: none; padding: 2px 20px; border-radius: 5px; color: #353535; cursor: pointer; border: 1px solid #ffe400; box-shadow: 0 1px 1px #ffa200; font-weight: bold; background: #f9fd53; background: -moz-linear-gradient(top,  #f9fd53 0%, #ffcd02 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fd53), color-stop(100%,#ffcd02)); background: -webkit-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -o-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -ms-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: linear-gradient(to bottom,  #f9fd53 0%,#ffcd02 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fd53', endColorstr='#ffcd02',GradientType=0 );}
.seeCongig:active {background: #f9f900; background: -moz-linear-gradient(top,  #f9f900 0%, #fff600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f900), color-stop(100%,#fff600)); background: -webkit-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -o-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -ms-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: linear-gradient(to bottom,  #f9f900 0%,#fff600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f900', endColorstr='#fff600',GradientType=0 );}
.seeCongig:hover {
background-position:0 20px; 
-webkit-transition-property: background-position, box-shadow;
-moz-transition-property:background-position, box-shadow;
-o-transition-property: background-position, box-shadow;
-ms-transition-property:background-position, box-shadow;
transition-property:background-position, box-shadow;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
transition-duration:0.3s;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
}
.textFoot {margin-bottom: 0;}
.textFoot h3 {font-size: 22px;}
.imagePage {float: left; width: 127px; margin-top: 15px; background-color: #e0ecf1; padding: 5px; border-radius: 5px; margin-right: 25px; border: 1px solid #f1f1f1; box-shadow: 1px 1px 1px #4f7f94, 1px 1px 1px #fff inset;}
.number {margin: 20px 0 0; padding: 0; list-style: none;}
.number li {font-family: "Myriad Set Pro"; font-size: 14px; font-weight: 500; margin-bottom: 15px; padding-left: 65px; background-size: 50px!important;}
.number li span {display: block; text-transform: uppercase; color: #ec8500; font-size: 18px; font-weight: 900;}
.number li:nth-child(1){background: url(../img/num/1.png) no-repeat;}
.number li:nth-child(2){background: url(../img/num/2.png) no-repeat;}
.number li:nth-child(3){background: url(../img/num/3.png) no-repeat;}
.number li:nth-child(4){background: url(../img/num/4.png) no-repeat;}
.number li:nth-child(5){background: url(../img/num/5.png) no-repeat;}
.number li:nth-child(6){background: url(../img/num/6.png) no-repeat;}
.number li:nth-child(7){background: url(../img/num/7.png) no-repeat;}
.number li:nth-child(8){background: url(../img/num/8.png) no-repeat;}
.number li:nth-child(9){background: url(../img/num/9.png) no-repeat;}
.serviceBox {float: none; width: 930px; padding: 20px; margin: 35px 0 0; background: #fff; border-radius: 10px; border: 1px solid #fff; box-shadow: 0 1px 1px #4f7f94;}
.serviceBox  section {margin: 0; background: url(../img/pc.png) no-repeat scroll 265px 10px; position: relative;}
.serviceLeft {float: left; width: 540px;}
.formZsite {float: right; width: 320px; padding: 20px; border: 2px solid #fff; box-shadow: 0 2px 2px #ddd; background: #d9e5ec; border-radius: 10px;}
.titleZS {color: #ec8500; font-size: 20px; font-weight: 900; text-transform: uppercase; text-shadow: 1px 1px 1px #f9f9f9;}
.textZS {margin: 5px 0 0; line-height: 16px;}
.zSite {margin-top: 10px; text-align: center;}
.zSite input {outline: none; font-family: "Myriad Set Pro"; padding: 10px; width: 298px; border-radius: 5px; margin-bottom: 10px; border: 1px solid #fff; box-shadow: 1px 1px 1px #cacaca inset, 1px 1px 2px #cacaca; font-size: 14px; font-weight: 500;}
.zSite input[type="submit"] {font-size: 20px; font-weight: 900; border: 1px solid #ffe400; box-shadow: none; margin-top: 10px; width: 100%;}
.zSite .lockImg {margin: 0;}
.zagDomain {font-weight: 900; font-size: 20px; margin: 0; color: #1a68ae; margin-bottom: 20px; line-height: 16px;}
.zagDomain span {display: block; color: #ec8500; font-size: 16px;}
.timerFooter {width: 436px; background: url(../img/timer.png) no-repeat; position: absolute; bottom: 0; left: 0; background-position: bottom;}
.numTime {float: left; font-weight: 900; font-size: 55px; color: #fff; padding-bottom: 2px;}
.nt1 {margin-left: 7px;}
.nt2 {margin-left: 11px;}
.nt3 {margin-left: 53px;}
.nt4 {margin-left: 11px;}
.nt5 {margin-left: 102px;}
.nt6 {margin-left: 12px;}
.textSite {font-weight: 900; font-size: 28px; margin: 0; color: red; margin-bottom: 15px; line-height: 14px; margin: 20px 0; font-style: italic;}
.zagTS {color: #ec8500; font-size: 16px;}
.oldPrice {font-size: 16px; text-decoration: line-through; color: #454545;}
.contentPrice {font-weight: 900; font-size: 20px; margin: 0; line-height: 20px; color: #ec8500; font-style: italic; background-color: #f1f1f1; padding: 10px; text-shadow: 1px 1px 1px #fff;}
.oldContentPrice {text-decoration: line-through;}
.margTop {margin-top: 25px;}
.mediaSocial {height: 55px; margin: 20px 0; font-size: 14px;}
.mediaSocial img {float: left; margin-right: 15px; width: 55px;}
.mediaSocial span {font-weight: 900;}
.host {margin-top: 20px;}
.host img {float: left;}
.host figcaption {float: right; width: 480px;}
.host p {margin: 0 0 10px; padding-left: 20px; background-size: 10px; background-position: 0 2px!important; line-height: 15px; font-weight: 600;}
.h_virt p {background: url(../img/minus.png) no-repeat; background-size: 10px;}
.h_vid p {background: url(../img/plus.png) no-repeat; background-size: 11px;}
.mininum {margin-top: 0;}
.mininum li {padding: 3px 0 3px 30px; background-size: 20px!important; margin-bottom: 5px;}
.tableCSS {font-size: 14px; width: 100%; border-collapse: collapse; font-weight: 600;}
.tableCSS  span {display: block; font-weight: 400; font-size: 12px;}
.tableCSS  img {max-height: 25px; margin: 0 auto; display: block;}
.tableCSS tr th {background-color: #1a68ae; color: #fff; border-left: 1px solid #d5e6ed; font-weight: 500; font-size: 14px; width: 80px;}
.tableCSS tr th:first-child {padding: 10px 0 10px 20px; font-size: 20px; font-weight: 600; text-align: left; border-left: 0;}
.tableCSS tr td {padding: 5px; border-left: 1px solid #d5e6ed;}
.tableCSS tr:nth-child(odd) {background-color: #e0ecf1;}
.tableCSS tr td:nth-child(2) {border-left: none;}
.tableCSS tr td:first-child {background: #fff; border-left: none; width: 25px;}
.botTable td {background: #ec8500!important; color: #fff; padding: 10px 20px!important; border-top: 1px solid #fff; border-right: 1px solid #fff; font-size: 14px; font-weight: 500;}
.cont {background-size: 34px!important; padding-left: 45px;}
.c_tel {background: url(../img/contacts/tel.png) no-repeat;}
.c_loc {background: url(../img/contacts/loc.png) no-repeat;}
.c_mail {background: url(../img/contacts/mail.png) no-repeat;}
.c_mail a {color: #222; text-decoration: none;}
.c_doc {background: url(../img/contacts/doc.png) no-repeat;}
.mapCont {float: right; border: 1px solid #ddd; height: 225px;}
.rCont {float: left; width: 700px;}
.rCont h2 {margin-top: 30px;}
.cForm {margin-top: 10px;}
.cForm table {width: 730px; border-spacing: 0;}
.cForm table tr td {padding: 0;}
.cForm table tr td:last-child {text-align: right;}
.cForm table tr:last-child td:last-child {text-align: left;}
.cForm input[type="text"], .cForm input[type="email"], .cForm input[type="tel"] {border: 1px solid #ddd; font-family: "Myriad Set Pro"; width: 93.5%; font-size: 16px; padding: 10px; color: #222; outline: none; margin-bottom: 3px;}
.cForm textarea {padding: 10px; height: 120px; outline: none; font-family: "Myriad Set Pro"; color: #222; font-size: 16px; resize: none; width: 97%; border: 1px solid #ddd;}
.cForm input[type="submit"] {font-family: "Myriad Set Pro"; text-shadow: 1px 1px 1px #fffc00; font-size: 14px; display: block; outline: none; padding: 10px 20px; border-radius: 5px; color: #353535; cursor: pointer; border: 1px solid #ffe400; box-shadow: 0 1px 1px #ffa200; font-weight: bold; background: #f9fd53; background: -moz-linear-gradient(top,  #f9fd53 0%, #ffcd02 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fd53), color-stop(100%,#ffcd02)); background: -webkit-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -o-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: -ms-linear-gradient(top,  #f9fd53 0%,#ffcd02 100%); background: linear-gradient(to bottom,  #f9fd53 0%,#ffcd02 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fd53', endColorstr='#ffcd02',GradientType=0 );}
.cForm input[type="submit"]:active {background: #f9f900; background: -moz-linear-gradient(top,  #f9f900 0%, #fff600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f900), color-stop(100%,#fff600)); background: -webkit-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -o-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: -ms-linear-gradient(top,  #f9f900 0%,#fff600 100%); background: linear-gradient(to bottom,  #f9f900 0%,#fff600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f900', endColorstr='#fff600',GradientType=0 );}
.cForm input[type="submit"]:hover {
background-position:0 36px; 
-webkit-transition-property: background-position, box-shadow;
-moz-transition-property:background-position, box-shadow;
-o-transition-property: background-position, box-shadow;
-ms-transition-property:background-position, box-shadow;
transition-property:background-position, box-shadow;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
transition-duration:0.3s;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
}
.skidka {margin-top: 20px;}
.reviews {border: 1px solid #e0ecf1; position: relative; float: right; width: 640px; border-radius: 10px; padding: 15px 20px 20px; margin: 40px 0 0; box-shadow: 1px 1px 1px #4f7f94;}
.reviews h2 {color: #ec8500; font-size: 20px;}
.reviews span {display: block; font-size: 12px; font-weight: bold; font-size: 12px; color: #555;}
.reviews p {text-align: justify;   margin: 10px 0 0; line-height: 16px;}
.reviews img {border-radius: 100%; border: 10px solid #e0ecf1; width: 100px; margin-top: -40px; margin-left: -40px; float: left; margin-right: 15px;}
.numpages {margin: 20px 0 0; text-align: center;}
.numpages a {  display: inline-block; color: #fff; background: #1a68ae; width: 20px; padding: 3px 0 1px; text-align: center; font-weight: bold; font-size: 14px; margin: 0 1px;}
.numpages span {  display: inline-block; color: #fff; background: #ec8500; width: 20px; padding: 3px 0 1px; text-align: center; font-weight: bold; font-size: 14px; margin: 0 1px;}
.artBlock {width: 700px; background: #fff; border-radius: 10px; border: 1px solid #fff; box-shadow: 0 1px 1px #4f7f94; padding: 15px; float: left;}
.navibar {font-size: 12px; margin-bottom: 5px;}
.navibar {color: #454545;}
.navibar a {color: #1a68ae;}
.navibar ul {margin: 0; padding: 0; list-style: none;}
.navibar li {display: inline-block;}
.navibar li:after {content: '/'; font-weight: bold; color: #454545; padding: 0 2px;}
.navibar li:last-child:after {display: none;}
.portfolioPage img {border: 1px solid #e0ecf1; margin-top: 20px;}
.portfolio {margin: 20px 0 0; padding: 0; list-style: none;}
.portfolio li {float: left; width: 50%;}
.portfolio li:nth-child(even) a {float: right;}
.portfolio li a {font-size: 14px; display: block; width: 97%; height: 250px; overflow: hidden; border: 1px solid rgba(26,104,174,0.8); position: relative; font-weight: 600;}
.portfolio li img {width: 100%;}
.portfolio li a span {display: block; width: 100%; text-align: center; position: absolute; bottom: 0; background-color: rgba(26,104,174,0.8); color: #fff; padding: 8px 0;}
.portfolio li a:hover span {background-color: rgba(26,104,174,1);}
.portfolio li a:hover {box-shadow: 0 0 10px #1a68ae;}
.portf {margin: 0 0 20px;}
.tabsPort {
	border-collapse: collapse;
	color:#666;
	width: 100%;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
	border-collapse: collapse;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #4f7f94;
}
.tabsPort th {
	font-weight:bold;
	padding:10px 5px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.tabsPort tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.tabsPort tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.tabsPort tr{
	text-align: center;
	padding-left:20px;
}
.tabsPort tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.tabsPort tr td {
	padding:10px 5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.tabsPort tr:nth-child(even) td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.tabsPort tr:last-child td{
	border-bottom:0;
}
.tabsPort tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.tabsPort tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.tabsPort tr:hover td{
	background: #e0ecf1;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0ecf1), to(#e0ecf1));
	background: -moz-linear-gradient(top,  #e0ecf1,  #e0ecf1);	
}
.tabsPort a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.tabsPort a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.tabsPort a:active,
.tabsPort a:hover {
	color: #1a68ae;
	text-decoration:underline;
}
.tabMarg {margin-top: 20px;}
.butPortf {font-size: 16px; width: auto; padding: 12.5px 0;}
.cd-tab-filter li.placeholder {display: none !important;}
.cd-filters {margin: 20px 0 0; padding: 0; list-style: none;}
.cd-filters li {float: left; position: relative; margin-right: 5px;}
.cd-filters li span {color: #454545; padding: 3px 5px; font-size: 14px; font-weight: 500; cursor: pointer;}
.cd-filters li .selected {background-color: #509fcc; border-radius: 3px; color: #fcfcfc; padding: 3px 5px; font-size: 14px; font-weight: 500; cursor: pointer;}
.cd-filters li .selected:after {content: ''; position: absolute; width: 0; height: 0; top: 100%; left: 0; right: 0; margin: auto; border-style: solid; border-width: 10px 8px 0; border-color: #509fcc transparent;}
.cd-gallery {padding: 10px 0; width: 100%; margin: 0; min-height: 750px;}
.cd-gallery li {display: none; width: 33.33%; margin-bottom: 6px;}
.cd-gallery li:nth-child(3n+2) a {margin: 0 auto;}
.cd-gallery li:nth-child(3n+3) a {float: right;}
.cd-gallery li a {display: block; width: 95%; border: 1px solid #f1f1f1; padding: 2px; position: relative;}
.cd-gallery li a img {width: 100%; display: block;}
.cd-gallery li a > span {opacity: 0; display: table; position: absolute; top: 0; left: 0; width: 206px; height: 158px; text-align: center; background: rgba(26, 104, 174, 1); padding: 10px;}
.cd-gallery li a > span  span {display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; padding: 0 5px; font-weight: 500; text-shadow: 0 0 1px #454545;}
.cd-gallery ul {margin: 30px 0 0; padding: 0; list-style: none;}