@charset "utf-8";

/* Header */
.second #page-header
{
	background: black url(../images/second_header_bg.jpg) no-repeat center top;
	height: 162px;
}
.second #page-header > .width-limit
{
	z-index: 0;
}
.second #page-header .motto
{
	position: absolute;
	font: 16px Georgia;
	font-style: italic;
	color: #95b9ff;
	left: 365px; top: 30px;
}

/* Page middle */
.second #page-middle:before
{
	display: none;
}

/* Left column */

/* Main actions */
#left-column .main-actions
{
	text-align: left;
	margin: 25px 0;
}
#left-column .main-actions > a
{
	display: block;
	margin: 0 7px 10px;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
}
#left-column .main-actions > a:hover
{
	background: url(../images/menu_blue_bg.png) repeat-x;
	color: white;
	border-radius: 4px;
}
#left-column .main-actions > a > span
{
	display: inline-block;
	vertical-align: middle;
	width: 44px; height: 35px;
	margin: 0 13px;
}
#left-column .main-actions > a:hover > span img
{
	margin: -35px 0 0;
}



/* Content column */
.second #content-column
{
	border: 8px solid #b1b2b4;
	width: 704px;
	padding: 17px 35px;
	margin: -47px 0 0;
	position: relative;
	min-height: 930px;
	border-radius: 8px;
	box-shadow: 5px 5px 5px RGBA(0, 0, 0, 0.5);
}
.second #content-column:before
{
	display: block;
	content: "";
	background: url(../images/wire_top.png) no-repeat;
	width: 154px; height: 37px;
	position: absolute;
	left: -53px; top: -32px;
}
.second #content-column:after
{
	display: block;
	content: "";
	background: url(../images/wire_bottom.png) no-repeat;
	width: 223px;	height: 26px;
	position: absolute;
	right: -160px; bottom: -33px;
}


/* Footer */
.second #footer > .width-limit:before
{
	display: none;
}


/* Paginator buttons */
#content-column .prev-page,
#content-column .next-page
{
	position: absolute;
	top: 270px;
	background: url(../images/page_arrows.png) no-repeat left bottom;
	width: 28px; height: 55px;
}
#content-column .prev-page
{
	left: 0;
}
#content-column .prev-page.disabled
{
	background-position: left top;
}
#content-column .next-page
{
	right: 0;
	background-position: right bottom;
}
#content-column .next-page.disabled
{
	background-position: right top;
}

/* Gallery */
.second .jcarousel-skin-stahanov .jcarousel-container-horizontal
{
	width: 435px;
}

/* Breadcrumbler */
.breadcrumbler
{
    position: absolute;
    right: 35px; top: 10px;
    border: 1px solid #d7d7d7;
    font-size: 12px;
    line-height: 21px;
    padding: 0 10px;
    border-radius: 6px;
}
.breadcrumbler a
{
    background: url(../images/small_arrow.gif) no-repeat right center;
    padding: 0 10px 0 0;
    margin: 0 4px 0 0;
}
.breadcrumbler a:last-child
{
    color: #898989;
    text-decoration: none;
    padding: 0;
    margin: 0;
    background: none;
}



/*08.09.2016*/
.breadcrumbler{clear:both;position:static;margin:0 0 48px;padding:10px;}
#w5-b2 .w5-b2-2{font-size:16px;background-size:100% auto !important}
ymaps{margin:0 auto}
table{margin:0 0 15px;}
#main #w5-b3 .w5-b3-1 li,#main #w5-b3 .w5-b3-2 li,#main #w5-b3 .w5-b3-1 li a, #main #w5-b3 .w5-b3-2 li a,
#main #w5-b2 .w5-b2-1 li,#main #w5-b2 .w5-b2-1 li a{color:#2c455d;}
#main #s-design > h2,
#main #s-3d > h2,
#main #s-markup > h2,
#main #s-sites > h2,
#main #s-hosting > h2,
#main #s-seo > h2,
#main #s-support > h2,
#main #s-logotype > h2{font-size:19px;line-height:76px;width:341px;}
#main .square-list{margin:0 0 20px;padding:0;list-style:none;}
#main .square-list li {
    background:  url("../images/bullet.png") no-repeat scroll 0 0;
    padding: 3px 0 19px 69px;
}
#main ol.num-list li{padding:3px 0 19px 69px;}
#main ol.num-list li h3{font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 6px;
}
.bxsliderName{font-size:15px;}
#main  #w1b3{font-size: 16px;line-height: 21px;margin:42px 0 0 188px;}
#main #w1b5 {font-size: 16px;line-height: 21px;margin:42px 0 0 436px;}
#main #w1b4 {margin: 200px 0 0 671px;}
#main #w1b7{margin:0 auto;overflow:hidden; font-size: 13px;line-height: 25px;}
#main #w1b8{font-size: 13px;line-height: 21px;height:435px;margin:0 auto;}
#main #star7block{margin:0 auto 20px;font-size: 16px;line-height: 21px;}
#main #w4-b3{font-size:14px;line-height:17px;}
#main #w4-b3 ul{padding:0;}
#main #w4-b4{font-size:15px;margin:0 auto 25px}
#main #w4-b5{margin:0 auto 25px;}
#main #w4-b6{font-size:15px;margin:0 auto 25px;line-height:21px;}
#main #w2b1{margin:0 auto 20px}
#main #w2b1 .w2b1Item{line-height:23px;}
#main #w2b2{font-size:13px;line-height:21px;margin:0 auto 25px}
#main #w2b3{margin:0 auto 25px;font-size:15px;line-height:21px;height: 408px;}
#main #w2example{margin-bottom:25px}
#main  input[type="text"]{
	width:100%;
	margin:0;
	background:#fff;
	padding:9px 16px;
	border:1px solid #eaeaea;
	color:#a0a0a0;
	font-size:16px;
	line-height:22px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	height:40px;
}
#main  input[type="text"].focus{color:#333;}
#main  .row > label{
	display:block;
	text-align:left;
	padding:14px 0 7px;
	color:#333;
	font-size:14px;
	line-height:18px;
}
#main  .radio{
	padding:0 0 11px;
	overflow:hidden;
}
#main  input[type="button"]:hover,
#main  input[type="submit"]:hover{background:#ff5500}
#main  input[type="button"],#main  input[type="submit"]{
	width:100%;
	display:block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	background:#fd6c23;
	padding:0;
	margin:0;
	text-transform:uppercase;
	color:#fff;
	border:none;
	font-size:20px;
	line-height:50px;
	height:50px;
	min-width:207px;
}
#main  .radio label{
	border:1px solid #eaeaea;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:18%;
	margin:0 0 0 1.6%;
	color:#0f5ba6;
	line-height:38px;
	position:relative;
	cursor:pointer;
	font-size:14px;
	text-align:center;
	float:left;
}
#main  .radio label:first-child{margin:0;}
#main  .radio label.jcf-label-active{background:#0f5ba6;color:#fff;border-color:#0f5ba6}
#main  .radio label .rad-area{position:absolute;top:0;left:0;width:100%;height:30px;}
#main #order .figure{font-size:15px;line-height:21px;}
#main #services-row > span label{width:47%;display:inline-block;margin:0 2% 10px 0;font-size:15px;}
#main #captcha-row  input[type="text"]{width:250px;float:left;}
#main #captcha-row > span{display:block;overflow:hidden;}
form .row.required > label::before {color: red; content: "*"; display: inline-block;margin-left: -10px;text-align: center;width: 10px;}
#main #help-row > label{float:left;}
#main #attachment-row{margin-left: 280px;}
#main .order-form #attachment-row > label{width:100%;}
#main .order-form #attachment-row {font-size:15px;float:none}
.main-gall .gmask ul li p{clear:both;}
.breadcrumbler{margin:29px -55px 25px}
#main input[type="text"]{width:100%!important;}
#main #captcha-row input[type="text"]{width:80%!important;}
#main #captcha-row img{width:20%;height:auto}
#main ol .square-list li:before{display:none;}
#main ol .square-list li{
	background: rgba(0, 0, 0, 0) url("../images/bullet.png") no-repeat scroll 0 0;
    padding: 3px 0 19px 69px;
}
#main .horizontal-tabs > .tabs > .tab{font-size:19px;}
#main h2.tab {margin: 0;}
.work-container .order-btn{float:right;
	color:#fff;
	text-transform:uppercase;
	background:#fd6c23;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight:bold;
	font-size:20px;
	line-height:25px;
	padding:12px 19px;
	min-width:202px;
	text-align:center;
	margin:10px 0 0 0;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;}

#main .horizontal-tabs > .tabs > .tab.selected {color:#fff;}
#main .work-container > .slides + .controls {margin:0 4px;}
#main .work-container > .slides + .controls > .pager a:hover{
	border: 2px solid #30455d;
    height: 12px;
    width: 12px;
}
#main .work-container > .slides + .controls > .pager a{
	background: #d5d1ce;
    border-radius: 8px;
    -webkit-border-radius: 8px;
	margin:21px 4px -14px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px;
}
.work-container > .slides + .controls > .pager a.activeSlide{background: #30455d!important;}
#main .work-container > .slides + .controls > .pager{display:inline-block;vertical-align:top;}
#main .work-container > .slides + .controls{text-align:center;}
#main .work-container > .slides{border: 2px solid #eee;overflow:hidden;}
#main .work-container > .slides img{width:100%!important;;height:auto!important;;}

#main{position:relative;}
#main .prev-page, #main .next-page {
    background: rgba(0, 0, 0, 0) url("../images/page_arrows.png") no-repeat scroll left bottom;
    height: 55px;
    position: absolute;
    top: 50%;
    width: 28px;
}
.work-container .order-btn{cursor:pointer;}
#main .next-page {
    background-position: right bottom;
    right: 0;
}
#main .prev-page.disabled {
    background-position: left top;
}

#main .next-page.disabled {
    background-position: right top;
}

.lnklnk {margin:45px 0 0 0;}

@media only screen and (max-width: 1000px) {
.breadcrumbler {
    margin: 29px -25px 48px;
}
}
@media only screen and (max-width: 980px) {
	#main #w1b2{margin:0 0 15px;text-align:center;position:static}
	#main #w1b4,
	#main #w1b5,
	#main #w1b3{margin:0 0 15px;text-align:center;position:static}
	#main #w1b3 li, #main #w1b5 li{width:auto}
	#main #w1b3 ul, #main #w1b5 ul{padding:0}
	#main #w1b6{display:none;}
	#main .w1b9 .w1b9-1,#main .w1b9 .w1b9-2{font-size: 20px;float:left;width:auto;}
}
@media only screen and (max-width: 767px) {
	.breadcrumbler {margin: 29px 0 28px;}
	#main #w5-b2 .w5-b2-1{width:100%;display:block;}
	#main #w5-b2{display:block;}
	#main #w5-b2 tr{display:block;}
	#main #w5-b2 .w5-b2-2{background:none;padding:0;}
	#main #w5-b4,
	#main #w5-b3{display:block;}
	#main #w5-b4 .w5-b4-1, #main #w5-b4 .w5-b4-2,
	#main #w5-b3 td{display:block;width:100%;}
	#main #w5-b4 tr,
	#main #w5-b3 tr{display:block;}
	#main #w5-b3 ul { padding: 0 0 0 10px;}
	#main #w5-b4 .w5-b4-2{padding:0;}
	#main p > ymaps{width:100%!important;}
	#main #w5-b5{display:block;}
	#main #w5-b5 tr{display:block;}
	#main #w5-b5 td{display:block;width:100%;}
	#main #w5-b5 .w5-b5-2{display:none;}
	#main #w5-b6{display:block;}
	#main #w5-b6 td{display:block;width:100%;}
	#main #w5-b6 img{max-width:100%;height:auto;margin:0 auto ;display:block;}
	#main .horizontal-tabs > .tabs > .tab{margin:0;font-size:10px;}
	#main #w5-b6 tr{display:block;}
	#main #w5-b5 .w5-b5-1 div{text-align:center;}
	img{max-width:100%;height:auto;}
	#main #w1b1{margin:0;text-align:center;position:static;width:100%;font-size:19px;}
	#main #w1b1 br{display:none;}
	#main #w1b7{width:100%;overflow:hidden;}
	#main #w1b7 .w1b7{float:none;overflow:hidden;width:100%;height:auto;}
	#main .w1b7-1 .w1b7-1-1, #main .w1b7-1 .w1b7-1-2, #main .w1b7-1 .w1b7-1-3, #main .w1b7-2 .w1b7-2-1, #main .w1b7-2 .w1b7-2-2, #main .w1b7-2 .w1b7-2-3{position:static;width:auto;display:block;height:auto;margin:0}
	#main #w1b7 img{display:none;}
	#main #w1b7 br{display:none;}
	
	#main .w1b7-2 .w1b7-head,
	#main .w1b7-4 .w1b7-head,
	#main .w1b7-3 .w1b7-head,
	#main .w1b7-1 .w1b7-head{color:#000;text-align:center;position:static;margin:0;width:auto;height:auto}
	#main .w1b7-2 .w1b7-head a{color:#000;}
	#main .w1b7-3 .w1b7-head a{color:#000;}
	#main .w1b7-4 .w1b7-head a{color:#000;}
	#main .w1b7-1 .w1b7-head a{color:#000;}
	#main  .w1b7-3 .w1b7-body,#main  .w1b7-4 .w1b7-body,
	#main  .w1b7-1 .w1b7-body, #main  .w1b7-2 .w1b7-body{width:auto;margin:0;height:auto;position:static}
	#main .w1b7-4 .w1b7-body .w1b7-body-head,
	#main .w1b7-3 .w1b7-body .w1b7-body-head,
	#main .w1b7-2 .w1b7-body .w1b7-body-head,
	#main .w1b7-1 .w1b7-body .w1b7-body-head{margin:0;position:static;width:auto;height:auto;text-align:center}
	#main #w1b8{width:100%;height:auto;}
	#main #w1b8 .w1b8-1,
	#main #w1b8 .w1b8-2,
	#main #w1b8 .w1b8-3,
	#main #w1b8 .w1b8-4,
	#main #w1b8 .w1b8-5,
	#main #w1b8 .w1b8-6{position:static;margin:0 0 3px;width:100%;height:auto;}
	#main #star7block{width:100%;height:auto}
	#main #star7block br{display:none;}
	#main .star7block-ray-item-1,
	#main .star7block-ray-item-0,
	#main .star7block-ray-item-2,
	#main .star7block-ray-item-3,
	#main .star7block-ray-item-4,
	#main .star7block-ray-item-5,
	#main .star7block-ray-item-6,
	#main .star7block-ray-item-7{text-align:center;margin:0;position:static;width:auto;height:auto;}
	#main .star7block-ray-item:after {
	background: url('../images/sites/star7block-ray-item.png') no-repeat;
	background-position: 0px 0px;
	display:block;margin:0 auto;
	width:155px;
	height:107px;
	content:'';
}
#main .star7block-ray-item.star7block-ray-item-bg{background:none}
#main .star7block-ray-item.star7block-ray-item-bg .star7block-item-name {display: block;}
#main .star7block-ray-item-0:after  {background-position: 0px 0px;}
#main .star7block-ray-item-1:after  {background-position: -310px 0px;}
#main .star7block-ray-item-2:after {background-position: -155px 0px;}
#main .star7block-ray-item-3:after {background-position: -465px 0px;}
#main .star7block-ray-item-4:after  {background-position: 0px -155px;}
#main .star7block-ray-item-5:after  {background-position: -310px -155px;}
#main .star7block-ray-item-6:after {background-position: -155px -165px;}
#main #star7block > img{display:none;}
#main #star7block-center{display:block!important;margin:0 auto;position:static}
#main .w1b9 .w1b9-1, #main .w1b9 .w1b9-2{display:block!important;float:none!important;font-size:14px!important;}
#main .w1b9 .w1b9-2{margin:0}
#main #w4-b3 .w4-b3-5{margin:0;display:block;position:static}
#main #w4-b3 .w4-b3-4,
#main #w4-b3 .w4-b3-2{display:none;}
#main #w4-b3 .w4-b3-3,
#main #w4-b3 .w4-b3-1{width:auto;display:block;position:static;margin:10px 0  ;}
#main #w4-b3{width:auto;height:auto}
#main #w4-b3 .w4-b3-5 img{width:100%;height:auto;}
#main #w4-b3 .w4-b3-8,
#main #w4-b3 .w4-b3-6,
#main #w4-b3 .w4-b3-7{position:static;margin:0;display:inline-block;vertical-align:top; background: rgba(0, 0, 0, 0) url("/media/images/sites/w4/drop2.png") no-repeat scroll 0 0;height: 65px;  padding: 20px 0 0 68px;  width: 90px;}
#main #w4-b3{overflow:hidden;text-align:center;}
#main #w4-b4{width:auto;height:auto;text-align:center}
#main #w4-b4 .w4-b4{float:none;display:inline-block;vertical-align:top;margin:0 10px 10px;}
#main #w4-b5{width:auto;}
#main #w4-b5 ul{margin:0;padding:10px;}
#main #w4-b6{width:auto;}
#main #w4-b6 .w4-b6{float:none;display:block;margin:0 auto 20px}
#main #w2table1 td{display:block;}
#main #w2table1tr1{display:none;}
#main #w2b1 .w2b1Item{width:auto;float:none;display:block;margin:0 auto 37px;height:auto;padding:13px 0 13px 90px;position:relative;}
#main #w2b1 .w2b1Item img{top:50%;margin-top:-45px}
#main #w2b1{width:auto;}
#main #w2b2 .w2b2Item.w2-site-logo {max-width:85px;height:auto;margin:0 auto 15px;display:block;}
#main #w2b2{height:auto;}
#main #w2b3{width:100%;height:auto}
#main #w2b3 .w2b3Item .w2b3Itembody{height:auto}
#main #w2b3 .w2b3Item{width:auto;display:block;float:none;overflow:hidden;margin:0 0 15px;}
#main #w2b2 .w2b2Item{width:100%;overflow:hidden;margin:0 0 10px;position:static}
#main #w2b2 .w2b2Arrow{display:none;}
#main .w2stylebutton {display:block;line-height:20px;height:auto;padding-top:5px;padding-bottom:5px}
#main .bxslider-portfolio li{width:280px}
#main #s-design > h2, #main #s-3d > h2, #main #s-markup > h2, #main #s-sites > h2, #main #s-hosting > h2, #main #s-seo > h2, #main #s-support > h2, #main #s-logotype > h2{display:block;width:auto;height:auto;padding:5px 5px 5px 43px;padding-left:43px;background-size:cover;font-size:15px;line-height:43px;}
#main #order .figure{display:block;margin:0 auto;float:none}
#main #order .figure img{display:block;margin:0 auto 10px}
#main .order-form #attachment-row,
#main .order-form form .row{margin-left:0}
#main #services-row > span label{margin:0 0 10px;width:100%}
#main .order-form #submit-row{float:none;overflow:hidden;padding:10px 0 0;}
#main .work-container > .slides{max-height:20px;min-height:220px}
#main .work-container > .slides + .controls > .arrows a{top:-132px}
#main .work-container .order-btn{float:none!important;display:block;margin:0 0 10px!important}
#main .work-container > .slides + .controls > .pager a{margin:0 4px 10px;}
#main .work-container .client{overflow:hidden;float:none;width:100%;margin:0 0 10px}
#main .work-container .task{overflow:hidden;float:none;width:100%;margin:0 0 10px}
#w2b3 .w2b3Item .w2b3ItemHead{height:auto}
}