@import url('https://fonts.googleapis.com/css?family=PT+Sans:bold,bolditalic,normal');
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
}
html, body {
	width: 100%;
	height: 100%;
}
p {
	margin: 15px 0;
}
.hidden-block {
	display: none;
}
a.page {
	border-bottom: #7050c5 1px dotted;
}
a.link-purple {
	font-size: 17px;
	font-weight: bold;
	color: #8040C7;
	text-decoration: underline;
}
a.link-purple:hover {
	text-decoration: none;
}
.fl-l {
	float: left;
}
.fl-r {
	float: right;
}
.clear:after {
    content: ".";
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}
.container {
	max-width: 1170px;
	min-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}
#background1 {
	background-image: url("/images/1.png");
	background-position: 50% 0;
	background-repeat:  no-repeat;
	background-color: #FCE700;
	background-size: 100%;
	position: absolute;
	width: 100%;
	/*height: 1203px;*/
	height: 100%;
}
/* Header */
#header {
	width: 100%;
	/*background: #FCE700;*/
	padding-top: 28px;
	
}
#header-r {
	margin-left: 60px;
}
#header-r .fl-r {
	margin-left: 120px;
}
#logo {
	width: 107px;
	height: 136px;
	display: block;
	background: url("/images/logo.png") 0 0 no-repeat;
	margin-left: 45px;
}
#tagline {
	color: #3F3F3F;
	font-weight: bold;
	font-style: italic;
	font-size: 27px;
}
#header .phone {
	padding-left: 26px;
	background: url("/images/icons/phone-header.png") 0 4px no-repeat;
}
#header .phone span {
	color: #241F20;
	font-weight: bold;
	font-size: 21px;
	display: block;
}
#header .phone a {
	color: #3F3F3F;
	font-size: 13px;
	text-decoration: underline;
	font-style: normal;
}
#header .discount {
	font-style: italic;
	color: #3F3F3F;
	margin-left: 25px;
}
#main-menu {
	margin-top: 26px;
	
}
#main-menu ul#menu {
	background: url("/images/menuBg.png") 0 0 repeat-x;
	height: 63px;
	padding-left: 4px;
	border-radius: 6px;
	box-shadow: 0 0 0 5px #D6C400;
}
#main-menu ul#menu li {
	display: inline-block;
	background: url("/images/menuItem.png") 100% 1px no-repeat;
}
#main-menu ul#menu li.last {
	background: none;
	
}
#main-menu ul#menu li a {
	line-height: 63px;
	padding: 0 20px;
	color: #FEFEFE;
	font-weight: bold;
	font-size: 19px;
	text-transform: uppercase;
	display: block;
}
#main-menu ul#menu li a.first {
	padding-left: 33px;
}
#main-menu ul#menu li a:hover {
	background: url("/images/menuHoverC.jpg") 0 0 repeat-x;
}
#main-menu ul#menu-services {
	background: #9973D8;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;	
	z-index: 100;
	margin-left: 4px;
	margin-top: -4px;
	display: none;
}
#main-menu ul#menu-services a {	
	display: block;
	color: #FEFEFE;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 35px;
	text-decoration: underline;
}
#main-menu ul#menu-services a:hover {
	text-decoration: none;
}
/* /Header */

/* Slider */
#slider {
	width: 100%;
	/*background: #FBE700;*/
	padding-top: 40px;
}
#slider-container {
	height: 309px;
	width: 1060px;
	margin: 0 auto;
	background: #FBE700;
	position: relative;
}
.slider-data {
	float: left;
	color: #2F3939;
	width: 1060px;
	padding-left: 10px;
}
.slider-data h2 {
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 38px;
}
.slider-data  .desc {
	font-size: 22px;
	font-weight: 100;
	font-style: italic;

}
.slider-image {
	float: right;
}
.slider-more {
	border: solid 2px #FFF;
	padding: 10px 30px 10px 30px;
	border-radius: 20px;
	background: #6238BB;
	font-size: 115%;
	color: #FFF;
	margin-top: 38px;
	display: inline-block;
}
.slider-dots {
	margin: -40px 0 0 46%;
}
.slider-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	cursor: pointer;
}
.slider-dots li.slick-active button {
	background-position: 0 -14px;
}
.slider-dots li button {
	background: url("/images/sliderSwitch.png")  0 0 no-repeat;
	width: 14px;
	height: 14px;
	border: none;
	display: block;
	outline: none;
	font-size: 0;
    line-height: 0;
	cursor: pointer;
}
#slider .arrow {
	position: absolute;
	display: block;
	width: 19px;
	height: 25px;
	cursor: pointer;
}
#slider-prev {
	background: url("/images/sliderArrowL.png") 0 0 no-repeat !important;
	top:50%;
	left: -30px;
}
#slider-next {
	background: url("/images/sliderArrowR.png") 0 0 no-repeat !important;
	top:50%;
	right: -30px;
}
/* /Slider */

/* gallery */
.gallery-data {
	float: left;
	overflow: hidden;
	margin: 0 8px;
}
.gallery-data .image {
	height: 309px;
	position: relative;
	overflow: hidden;
}
.gallery-data img {
	border-radius: 8px;
}
/* /gallery */

a.btn {
	display: inline-block;
	font-size: 15px;
	color: #FEFEFE;
	font-weight: bold;
	line-height: 54px;
	height: 54px;
	padding: 0 13px;
	background: url("/images/buttonBg.png");
	border-radius: 6px;
	border: 1px solid #FEFEFE;
}


/* About */
#about {
	padding-top: 60px;
	padding-bottom: 120px;
	background: #FBE700 url("/images/purple1.png") 0 100% no-repeat ;
	background-size: 100%;
}
#about .request {
	position: absolute;
	right: 0;
	top: 150px;
}
#about h2 {
	color: #241F20;
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 35px;
}
#about .star {
	text-align: center;
	padding-top: 25px;
	background: url("/images/starLine.png") 50% 0 no-repeat;
	padding-bottom: 20px;
}
#about .star span {
	font-size: 18px;
	color:#3F3F3F;
	text-align: center;
	font-weight: 100;
}
#p1 {
	width: auto;
	height: 300px;
	margin-left: 20%;
	margin-top: -100px;
	position: absolute;
	
}
/* /About */

/* Услуги */ 
#ourServices {
	background: #7050c5;
	padding-top: 65px;
	position: relative;
	padding-bottom: 130px;
	
}
.services {
	
}
#ourServices h2 {
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	color: #FEFEFE;
	text-transform: uppercase;
	padding-bottom: 50px;
}
.container-service {
	text-align: center;
}

.item-service.main-page  {
	padding-top: 63px;
	background: url("/images/serviceBg2.png") 0 0 no-repeat !important;
	height: 120px !important;
}
.item-service.main-page:hover {
	background-position: 0 -183px !important;
}
.item-service.main-page span.title {
	padding-top: 60px;
}


.item-service .last {
	margin-right: 0;
}
.services  .item-service {
	background: url("/images/productionBorder.png") 0 0 no-repeat;
	width: 165px;
	height: 183px; /*183px*/
	/*padding-top: 63px;*/
	float: left;
	margin-right: 67px;
	position: relative;
}


a.item-service:hover span.icon {
	background-position: 0 -65px;
}
.item-service span.icon {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	
	height: 63px;
	margin:0 auto;
}
.item-service span.title, .item-service-title span.title {
	color: #FEFEFE;
	font-size: 17px;
	font-weight: bold;
	padding-top: 180px;
	width: 180px;
	display: block;
	margin-left: -10px;
}
.item-service-title span.title {
	padding: 0;
}
/* Блоки с фото */
.services .image-block {
	width: 165px;
	height: 240px;
	margin: 0 30px 0 0;
	float: left;
	position: relative;
}

.services .image-block .img {
	/*position: absolute;*/
	display: block;
	width: 165px;
	height: 183px;
	overflow: hidden;
}
a.border-block {
	background: url("/images/productionBorder3.png") 0 0 no-repeat;
	width: 165px;
	height: 183px;
	position: absolute;
	top: 0;
	left: 0;
}
/* /Блоки с фото */

/* /Услуги */ 

/* Галерея */ 
.gallery.gallery-main {
	background-color: #EAEAEA;
	background-image: url("/images/purple2.png");
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-size: 100%;	
	padding-top: 60px;
}
.gallery {
	
	padding-bottom: 50px;
	background-color: #FCE700;
}
#galleryBottom {
	background-image: url("/images/purple3.png");
	height: 121px;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-size: 100%;	
	position: absolute;
	width: 100%;
	margin-top: -50px;
}
.gallery.gallery-main h2 {
	color: #241F20;
	font-size: 40px;
	font-weight: bold;
}
.gallery h1 {
	color: #241F20;
	font-size: 60px;
	font-weight: bold;
	margin: 80px 0 40px 0;
}
.gallery h2 {
	color: #241F20;
	font-size: 30px;
	font-weight: bold;
}
.gallery.yellow {
	padding-top: 50px;
}
.gallery.lilac {
	background: #7050c5;
	padding-top: 50px;
}
.gallery.blue {
	background: #6EC5C2;
	padding-top: 50px;
}
.gallery.none {
	padding-top: 50px;
}
.gallery.lilac h2 {
	color: #FEFEFE;
}
.gallery a.more {
	color: #7050c5;
	border-bottom: 1px #7050c5 dotted;
}
.gallery.lilac a.more {
	color: #FEFEFE;
	border-bottom: 1px #FEFEFE dotted;
}
.gallery .link-purple {
	margin-top: 30px;
	display: inline-block;
}
.list-gallery {
	margin-top: 40px;
}
.list-gallery a {
	margin-right: 30px;
	margin-bottom: 20px;
	display: inline-block;
	width: 360px;
	height: 240px;
	overflow: hidden;
	text-align: center;
}
.list-gallery a img {
	margin: 0 auto;
	border-radius: 4px;
	height: 240px;
}
.list-gallery a.last {
	margin-right: 0;
}
a.more {
	text-align: center;
	font-size: 21px !important;
	font-weight: bold;
	display: block;
	width: 130px;
	margin: 0 auto;
}
a.more:hover {
	border-bottom: none !important;
}
/* /Галерея */

/* Этапы работ  */
#milestones {
	background-color: #7050c5 ;
	padding-top: 60px;
	padding-bottom: 90px;
	background-image: url("/images/bg3.png");
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100%;
}
#milestones h2 {	
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	color: #FEFEFE;
	text-transform: uppercase;
	
	padding-bottom: 50px;
}
#milestones span.icon {
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}
#milestones span.title {
	font-size: 17px;
	color: #FEFEFE;
	font-weight: bold;
}
#milestones span.title span {
	border-bottom: solid 1px #FEFEFE;
}
#milestones span.title span.f13px {
	padding-top: 10px;
	border-bottom: none;
	font-size: 13px;
	font-style: normal;
	font-weight: 100;
	line-height: 100%;
	display: block;
	color: #CAB2ED;
}
#milestones .item {
	text-align: center;
	padding-left: 60px;
	background: url("/images/icons/stepArrow.png") 0 30px no-repeat;
}
#milestones .item.first {
	padding-left: 0;
	background: none;
}
/* /Этапы работ  */

/* Наши преимущества */
#advantages {
	background-color: #6EC5C2;
	padding-top: 35px;
	padding-bottom: 20px;
	
}
#advantages h2 {
	font-size: 40px;
	color: #241F20;
	font-weight: bold;
	text-align: center;
	margin-bottom: 13px;
}
#advantages h3 {
	font-size: 17px;
	color: #000;
	font-weight: bold;
	text-align: center;	
}
#advantages-list {
	padding-top: 62px;
	
}
#advantages-list a {
	float: left;
	margin-right: 100px;
	margin-bottom: 67px;
	width: 275px;
	text-align: center;
}
#advantages-list a:hover span.title {
	border-bottom: dotted 1px #21C6C2;
}
#advantages-list .item.first {
	margin-left: 50px;
}
#advantages-list a.second {
	margin-bottom: 0;
}
#advantages-list .item.last {
	margin-right: 0;
}
#advantages-list .item .icon {
	margin: 0 auto;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#advantages-list .item .title {
	color: #241F20;
	font-size: 21px;
	font-weight: bold;
	padding-top: 14px;
	display: inline-block;
	border-bottom: dotted 1px #241F20;
}
.advantages-text {
	background: url("/images/icons/star32.png") 0 0 no-repeat;
	font-size: 13px;
	width: 360px;
	height: 140px;
	padding-top: 40px;
	float: left;
	margin-right: 30px;
}
.advantages-text.last {
	margin-right: 0;
}
.advantage-desc {
	display: none;
}
.advantage-view-desc {
	background: #833ECF;
	width: 100%;
	height: 546px;
	position: absolute;
	margin-top: -466px;
}
.closeDesc {
	width: 32px;
	height: 32px;
	background: url("/images/icons/close.png") 0 0 no-repeat;
	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
}
.advantage-view-icon {
	width: 42px;
	height: 66px;
	margin: 120px auto 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.advantage-view-title {
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
}
.advantage-view-desc-cont {
	margin-top: 20px;
	color: #FFF;
	text-align: center;
}
.advantage-view-desc-cont p {
	margin-bottom: 20px;
	font-size: 18px;
	margin-right: 10%;
	margin-left: 10%;
	
}
/* /Наши преимущества */


/* Среди постоянных клиентов */
.clientsBg { /* Вставляется через JS */
	background: #833ECF;
	height: 60px;
	width: 100%;
	position: absolute;
	margin-top: -70px;
}
#clients {
	background: #FEFEFE url("/images/bg4.png") 0 0 no-repeat;
	padding-top: 70px;
	padding-bottom: 60px;
}
#clients h2 {
	font-size: 40px;
	color: #241F20;
	font-weight: bold;
	margin-bottom: 25px;
}
.clients-list {
	height: 86px;
	overflow: hidden;
}
.clients-list a {
	display: inline-block;
	margin-right: 30px;
	
}
.clients-list a.last {
	margin-right: 0;
}
.clients-list a img {
	border-radius: 6px;
	height: 86px;
}
/* /Среди постоянных клиентов */


/* Отзывы */
.reviews {
	padding-top: 40px;
}
#reviews {
	background: #EAEAEA;
	padding-top: 40px;
	padding-bottom: 40px;
	
}
#reviews h2 {
	font-size: 40px;
	color: #241F20;
	text-align: center;
	font-weight: bold;
	margin-bottom: 38px;
}
.review {
	width: 360px;
	height: 293px;
	float: left;
	margin-right: 30px;
	border: solid 2px #FCE700;
	background: #FEFEFE;
}
.review.last {
	margin-right: 0;
}
.review .company-name {
	font-size: 18px;
	font-weight: bold;
	color: #3F3F3F;
	margin: 31px 30px 0 30px;
}
.review  .desc {
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 30px;
	
}
.review  .desc p {
	color: #3F3F3F;
	font-size: 18px;
}
/* /Отзывы */

/* Футер */
#footer {
	background: #7050c5;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
#copy {
	padding-left: 65px;
	color: #DCD1EE;
	font-size: 13px;
}
#footer .phone {	
	padding-left: 26px;
	background: url("/images/icons/phone-footer.png") 0 4px no-repeat;
	padding-right: 65px;
}
#footer .phone span {
	color: #FEFEFE;
	font-weight: bold;
	font-size: 21px;
	display: block;
}
#footer .phone a {
	color: #FEFEFE;
	font-size: 13px;
	text-decoration: underline;
	font-style: normal;
}
/* /Футер */


/* Content */
.content  {
	padding-bottom: 100px;
	min-height: 500px;
	position: relative;
	font-size: 18px;
}
.content.yellow {
	background: #FCE700;
}
.content p, .content a, .content p strong {
	font-size: 18px;
}
.content p.desc {
	font-size: 17px;
	font-weight: bold;
	color: #5D5519;
}
.content a {
	font-weight: bold;
}
.content h1 {
	margin-top: 70px;
	font-size: 60px;
	font-weight: bold;
	color: #241F20;
}
.form-content {
	padding: 31px;
	margin-top: 70px;
	margin-left: 30px;
	background: #FEFEFE;
	border: 1px solid #8040C7;
	border-radius: 6px;
}
.form-content .header {
	font-size: 21px;
	text-align: center;
	font-weight: bold;
	color: #241F20;
	margin-bottom: 10px;
}
.form-msg {
	height: 20px;
	margin-bottom: 5px;
	color: #8257CC;
}
.form-content label {
	margin-bottom: 20px;
	display: block;
}
.form-content  .input-text {
	border-radius: 6px;
	border: #D3D3D3 1px solid;
	height: 45px;
	padding: 0 10px;
	line-height: 45;
	width: 278px;
	font-size: 18px;
	color: #ADADAD;
}
.form-content.form-service {
	margin-top: 70px !important;
	margin-left: 30px !important;;
}
#ModalBoxonline #form-request-service {
	margin: 0 !important;
}
.form-content .textarea {
	border-radius: 6px;
	border: #D3D3D3 1px solid;
	height: 118px;
	padding: 5px 10px;
	width: 278px;
	font-size: 18px;
	color: #ADADAD;
}
#form-request {
	margin-left: 0;
	margin-top: 0;
}
.input-submit {
	border: none;
	background: url("/images/buttonFormBg.png") 0 0 repeat-x;
	height: 56px;
	font-size: 21px;
	font-weight: bold;
	color: #FEFEFE;
	line-height: 56px;
	width: 196px;
	margin: 0 auto;
	display: block;
	border-radius: 6px;
}
.success {
	background: #FEFEFE;
	
	/*
	border: 1px solid #8040C7;
	border-radius: 6px;
	padding: 31px;
	margin-top: 80px;
	margin-left: 30px;*/
}
.success-site {
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.success .header {
	font-size: 21px;
	text-align: center;
	font-weight: bold;
	color: #241F20;
	margin-bottom: 10px;
}
.success #icon {
	width: 50px;
	height: 50px;
	margin: 10px auto;
	background: url("/images/icons/trueMsg.png") 0 0 no-repeat;
}
/* /Content */
.production {
	margin-top: -15px;
	padding-bottom: 50px !important;
}
.production h2 {
	font-size: 40px !important;
}
.production .item-service {
	margin-right: 30px;
	margin-bottom: 50px;
	background: url("/images/productionBorder3.png") no-repeat;
}

.production a.item-service:hover{
	background-position: 0 0;
}
.production a.item-service:hover span.icon {
	background-position: 0 0;
}
.production .request {
	position: absolute;
	right: 0;
	bottom: -90px;
}
.production .request a{
	border: #FCE700 5px solid;
}
.gallery-service {
	padding-top: 120px !important;
}

/* Обратный звонок */
#form-call-back {
	margin-top: 0;
}

#linkCat {
	display: block;
	margin-left: 40px;
	color: #000000;
	margin-top: 15px;
	position: absolute;
	z-index: 1;
}

.margin-top {
	margin-top: 20px;
}

.article {
	margin-bottom: 20px;
}
.article a {
	color: #7050c5;
}