html, body {
	/*height:100%;*/ /*если не использовать 100vh, то назначаем 100% body, html*/
	margin:0;
	padding:0;
	}

body{
	background:#FFF;
	font-family:PT Sans, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:400;
	min-width:320px;
	}
	
a {
	font-family:PT Sans, sans-serif;
	/*font-weight:700;*/
/*	font-size:17px;
	color:#2cc7c1;*/
	}	
	
a:hover {
	color:#2cc7c1;
	}
	
img {
	max-width:100%;
	height:auto;
	}
	
section {
	position:relative;
	}
	
/*----------------header-top-------------------------*/	
#header-top {
	background:#f9f043 url(images/head-right.jpg) right center no-repeat;
	}
	
.right-color {
	background:;
	}
		
.logo {
	margin-top:5px;
	}

.tel p {
	font-size:26px;
	padding-top:15px;
	}
	
.tel p span {
	font-size:18px;
	}	
	
#header {
	background:#8eec93 url(images/head-bg1.jpg) top center no-repeat;
	background-size:cover;
	margin-top:0;
	height:auto;
	min-width:240px;
	position:relative;
	max-width:100%;
/*	padding-top:20px;*/
	}



.center-block-text {
	/*padding:80px 0 150px 0;*/
	margin-top:10%;
/*	margin-bottom:50%;*/
	margin-bottom:20%;
	}

.center-block-text h1 {
	font-size:42px;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
/*	margin-bottom:40px;*/
	}

.action {
	margin-top:30px;
	height:auto;
	min-width:240px;
	position:relative;
	max-width:100%;
	}		
	
/*.center-block-text h1 span {
	text-transform: none;
	color: #030;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF;
	}*/


span.hipe-red {
	color:#F00;	
	}

.masters {
/*	margin-top:100px;*/
	/*width:682px;*/
	/*width:600px;*/
	height:auto;
	}

.masters img {
	margin-bottom:0;
	}
	
/*.woman {
	margin-top:250px;
	margin-bottom:70px;
	width:333px;
	}	*/
	
.woman {
/*	margin-top:250px;*/
/*	margin-bottom:0;
	margin-right:0;*/
	/*margin-left:444px;*/
/*	width:333px;*/
	}			




/*-----------------------------works-all-------------------------------*/	
.works-all {
	background:url(images/work-bg.jpg) repeat;
	}
	
.works-block {
/*	border:#F00 1px dashed;*/
margin-bottom:10px;
	}
	
.works-block img {
	text-align:center;
	margin: 0 auto;
	}
	
.works-block h2 {
	color:#F00;
	}
	
.works-block h3 {
	text-transform:uppercase;
	font-size:20px;
	}

.works-block ul {
	padding-left:25px;
	padding-top:15px;
	}
	
.works-block ul li i {
	color:#fd5606;
	margin-right:10px;
    font-size:12px;
	}	
	
/*---------------------------dop-usluga---------------------------------*/	

#dop-usluga {
	background:#f9f4eb url(images/dop-usl-bg.jpg) center center no-repeat;
	margin-top:0;
	height:auto;
	min-width:240px;
	position:relative;
	padding-top:20px;
	}
	
.bott {
	margin-top:30px;
	}	
	
/*-----------------------------------How-we-work-----------------------------------*/

.we-work img {
	text-align:center;
	margin:0 auto;
	}

.we-work p {
	padding:5px;
	border:1px solid #fef772;
	text-align:center;
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,241,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,241,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(254,241,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fef104',GradientType=0 ); /* IE6-9 */
	}

.we-work p span {
	font-weight:bold;
	}
	
/*-------------------------------------otdel-nn"--------------------------------------*/
#otdel-nn {
	
	}
	
.otdel-nn-wrap {
	background:url(images/bg-form.jpg) center center no-repeat;
	}	

	
#otdel-nn h1 {
	color:#f26522;
	font-size:42px;
	padding-bottom:30px;
	}	
	
#otdel-nn h1 span {
	font-weight:bold;
	}
	
#otdel-nn h2 {
	padding:30px 0;
	}
				
#otdel-nn h2 span {
	font-weight:bold;
	}
		
.otd-nn {
	padding: 50px 0;
	}
	
/*-------------------------------------------about-us-----------------------------------------*/


#about-us h1 {
	margin-bottom:30px;
	text-transform:uppercase;
	}	

#about-us h3 {
	margin-bottom:20px;
	color:#ef4f02;
	font-weight:bold;
	font-size:28px;
	}	
	
.about-wrap {
	background:#ffdc4e url(images/about-us-bg.jpg) center center repeat-y;
	}
p.ab {
	background: url(images/about-us-fl.png) center center no-repeat;
/*	background-size:cover;*/
	max-width:100%;
	height:auto;
	min-width:240px;
	padding:20px 5px;
	color:#FFF;
	font-size:18px;
	text-align:center;
	margin-top:-10px;
	}
	
p.ab span {
	font-weight:bold;
	}	
	
.about {
	margin-bottom:30px;
	}
	
.about img {
	text-align:center;
	margin:0 auto;
	}	
	
/*---------------------------------our-work-brig-----------------------------------*/
#our-work-brig {
background: rgb(210,248,204) url(images/prorab-bg.jpg) right bottom no-repeat;
	border-top:3px #FFF solid;
	padding: 30px 0 0;


	}
	
#our-work-brig h2 {
	text-transform:uppercase;
	}
	
#our-work-brig p {
	padding:15px 10px;
	font-size:18px;
	}	
	
/*--------------------------------communications----------------------------------*/	
#communications {
	background:#fde892 url(images/comm-bg.jpg) center center no-repeat;
	border-top:3px #FFF solid;
	}	

.comm {
	/*background:#FFF;*/
	padding-bottom:5px;
	
background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 47%, rgba(255,255,255,0.26) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 47%,rgba(255,255,255,0.26) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 47%,rgba(255,255,255,0.26) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#42ffffff',GradientType=0 ); /* IE6-9 */
	}
	
.comm img {
	text-align:center;
	margin: 10px auto;
	}	
	
#communications  h2.comm-bot {
	margin:30px 5px;
	color:;
	font-weight:500;
	text-shadow: 2px 1px 2px rgba(255, 255, 255, 1);
	
	}	

/*-----------------------------potolok-------------------------------*/	
#potolok {
	background:#d6cbd1 url(images/potolok-bg.jpg) top center no-repeat;
	border-top:3px #FFF solid;
	padding-bottom: 20px;
	}	

#potolok h1 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:20px;
	}
	
#potolok h1 span {
	color:#F00;	
	}	

#potolok p {
	font-weight:bold;
	font-size:20px;
	}	
.potolok-row {
	}	
	
/*----------------------podarok--------------------------*/	
#podarok {
	background:#fbe89d url(images/podarok-bg.png) center center repeat-x;
	padding-bottom:20px;
	}
	
.podar {
	margin-top:40%;
	}	
	
/*----------------------poryadok-----------------------------*/	

#poryadok {
	background:#fde0a1 url(images/kak-rabot-bg.jpg) center center repeat-y;
	padding-bottom:20px;
	}
	
#poryadok h1 {
	margin-bottom:20px;
	}	
	
/*------------------------------contact--------------------------*/	
#contact {
	background:/*#ffff8e*/ url(images/head-right.jpg) bottom right repeat-x;
	}
	
.map {
	text-align:center;
	margin: 3px auto;
	}
	
#contact h1 {
	margin-bottom:20px;
	}	
	
#contact h3 span {
	font-size:26px;
	}
	
#contact span {
	font-weight:bold;
	}	
	
.des {
	text-align:center;
	font-size:11px;
	margin-bottom:0;
	}

/*-------------------------------------кнопка вверх---------------------------------------*/
	
    div.scrollup {
      position: fixed; /* фиксированная позиция */
      color: #fff; /* цвет текста */
      background-color: #fd5606; /* цвет заднего фона */
      right: 20px; /* расстояние от правого края */
      bottom: 5px; /* расстояние от нижнего края */
      padding: 5px 10px; /* отступы до содержимого блока */
      font-size: 20px; /* размер шрифта (иконки) */
      border-top-left-radius: 4px; /* скругление верхнего левого угла */
      border-top-right-radius: 4px; /* скругление верхнего правого угла */
      cursor: pointer; /* форма курсора */
      display: none; /* не отображать элемент */
      text-align: center; /*выравнивание содержимого элемента по центру */
    }
    div.scrollup:hover {
      background-color: #9e0b0f; /* цвет заднего фона при наведении */
    }
	
/*--------------------------section-form--------------------------------*/	

.section-form {
	background:rgba(254, 251, 33, 0.6);
	border:1px solid #c78e05;
	padding:20px;
	border-radius: 15px;
	margin-top:15px;
	margin-bottom:10px;
	}	
	
.confid {
	font-size:11px;
	margin-top:10px;
	}	
	
.section-form input,
.section-form select {
/*	height: 44px;*/
	border-radius: 5px;
	border: 1px solid #c78e05;
	height: 40px;
	}
	
.btn-danger {
	background: rgb(254,248,35); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,248,35,1) 0%, rgba(253,84,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,248,35,1) 0%,rgba(253,84,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,248,35,1) 0%,rgba(253,84,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef823', endColorstr='#fd5403',GradientType=0 ); /* IE6-9 */
	}	
	
.btn {
    /*border: medium none;*/
	border: 1px solid #c78e05;
    color: #000000;
/*    font-family: Montserrat,sans-serif;*/
    font-size: 22px;
    margin: 5px 10px 10px 0;
    padding: 8px 20px;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
	border-radius: 5px;
}

.btn:hover {
	background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
	}


	
/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {
	
.center-block-text {
	/*padding:80px 0 150px 0;*/
	margin-top:10%;
	margin-bottom:50%;
	}

.center-block-text h1 {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
/*	margin-bottom:40px;*/
	
	}
	
.center-block-text h2 {
	font-size:30px;
/*	margin-bottom:40px;*/
	
	}	
	


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


	

	
}

@media only screen and (max-width : 600px) {
	#header {

	background:#8eec93 url(images/head-bg1.jpg) right top no-repeat;
/*background-size:cover;*/
/*	margin:0 auto;*/
/*	width:100%;*/
	height:auto;
	min-width:240px;
	position:relative;
	max-width:100%;
/*	padding-top:20px;*/
	}
	
.center-block-text {
	/*padding:80px 0 150px 0;*/
/*	margin-top:10%;
	margin-bottom:50%;*/
	}

.center-block-text h1 {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
/*	margin-bottom:40px;*/
	
	}
	
.center-block-text h2 {
	font-size:30px;
/*	margin-bottom:40px;*/
	
	}		
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#header {

	background:#8eec93 url(images/head-bg1.jpg) center top no-repeat;
/*background-size:cover;*/
/*	margin:0 auto;*/
/*	width:100%;*/
	height:auto;
	min-width:240px;
	position:relative;
	max-width:100%;
/*	padding-top:20px;*/
	}

.center-block-text h1 {
	font-size:32px;

	
	}
	
.center-block-text h2 {
	font-size:24px;
/*	margin-bottom:40px;*/
	
	}	
	

}