html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}

.modalDialog:target {
    display: block;
    pointer-events: auto;
}
 
.modalDialog > div {
    width: 685px;
	height : 235px;
    position: relative;
    margin: 10% auto;
    padding: 20px 0 0 70px;
    border-radius: 10px;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
	background-position : center;
	background-image : url(../images/fon-blue.png);
}

#modal-but input {
	width : 270px;
	height : 45px;
	border : none;
	outline : none;
	background : none;
	background-image : url(../images/but-consul.png);
}

#modal-but input:hover {
	width : 270px;
	height : 45px;
	background-image : url(../images/but-consul-hover.png);
	cursor : pointer;
}

#modal-input {
	width : 240px;
	background-color : #fff;
	border-radius : 25px;
	padding : 2px 0 2px 0;
	margin-bottom : 0 0 15px 0;
	float : left;
	margin-right : 2%;
}

#modal-input img {
	float : left;
	margin : 13px 8px 0 12px;
	width : 12px;
	height : 13px;
}

#modal-input input {
	width : 190px;
	height : 40px;
	border : none;
	font : 12px Robot, sans-serif;
	color : #000;
}

.part_one {
	float : left;
}

.part_two {
	float : right;
	position : absolute;
	top : 95px;
	right : 80px;
}

.modalDialog div h4 {
	font : 30px Robot, sans-serif;
	color : #fff;
}

.modalDialog div p {
	font : 22px Robot, sans-serif;
	color : #fff;
	margin : 8px 0 25px 0;
}

.modalDialog span {
	font : 16px Robot, sans-serif;
	color : #fff;
	margin-top : 13px;
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

table {						/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}

h1 {
	font : bold 30px Robot, sans-serif;
	color : #1e1e1e;	
}

h3 {
	font : bold 20px Robot, sans-serif;
	color : #1e1e1e;
}

h4 {
	font : bold 30px Robot, sans-serif;
	color : #fff;
}

p {
	font : 16px Robot, sans-serif;
}

/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	color: #fff;
	min-height:100%;
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

.clr{
	clear:both;
}


#wrapper {
	height : auto;
	margin : 0!important;
	min-width : 1170px;
	max-width : 1920px;
}

#top {
	height : 700px;
	background-position : center;
	background-image : url(../images/top-imgg.png);	
}

header {
	
	background-color : #000;
	height : 40px;
	background:rgba(0,0,0,0.3);
	padding-bottom : 30px;
	padding-top : 30px;
}

#content-main-center {
	margin : 0 auto;
	width : 1170px;
}

#logo {
	background : url(../images/logo.png) no-repeat;
	float : left;
	width : 145px;
	height : 50px;
}


nav ul {
	list-style : none;
	margin-left : 155px;
}

nav ul li {
	float : left;
}

nav ul li a {
	font-size : 18px;
	color : #fff;
	padding : 11px 8px;
	text-decoration : none;
	display : block;
}

nav ul li a:hover {
	text-decoration : underline;
	color : #ff712c;
}

#phone {
	float : right;
	width : 430px;
	margin-left : 20px;
}

#phone img {
	float : left;
	width : 39px;
	height : 39px;
	margin-right : 12px;
	margin-top : 7px;
}

#phone form input {
	width : 170px;
	height : 45px;
	border : none;
	outline : none;
	background : none;
	background-image : url(../images/top-phone.png);
}

.shadow-top {
	width : 170px;
	height : 45px;
	border-radius : 25px;
	margin : 2px 10px 0 auto;
	box-shadow : 12px 12px 10px -5px rgba(0,0,0,0.4);  
	float : right;
}

#phone form input:hover {
	width : 170px;
	height : 45px;
	background-image : url(../images/top-phone-hover.png);
	cursor : pointer;
}

#nomers {
	float : left;
}

#nomers p {
	text-decoration : none;
	font-size : 21px;
	margin-right : 25px;
}

#top-text {
	width : 850px;
	text-align : center;
	margin : 0 auto;
	padding-top : 178px;
}

#top-form{
	margin : 0 auto;
}

#top-form form div {
	float : left;
	margin-left : 12px;
}

#top-text h2 {
	font-size : 48px;
	line-height : 45px;
	margin-bottom : 10px;
}

#top-text p {
	font-size : 17px;
	display : block;
	margin-bottom : 55px;
}

#top-form form div input {
	width : 253px;
	height : 40px;
	border : none;
	outline : none;
	border-radius : 25px;
	padding : 2.5px 5px 2.5px 17px;
	margin-bottom : 0 0 15px 0;
	font : 12px Robot, sans-serif;
}

.we-a {
	display : block;
	text-align : center;
	margin : 0 auto;
}

#top-put {
	width : 25px!important;
	height : 13px!important;
	display : block;
	margin : 100px auto 0 auto;
}

#we_but {
	width : 281px!important;
	height : 57px!important;
}

#top-but input {
	width : 270px!important;
	height : 45px!important;
	border : none;
	outline : none;
	background : none;
	background-image : url(../images/but-consul.png);
}

#top-but input:hover {
	width : 270px;
	height : 45px;
	background-image : url(../images/but-consul-hover.png);
	cursor : pointer;
}

#phone-but {
	width : 170px;
	margin-left : 55%;
}

#about {
	padding : 90px 0;
	overflow : hidden;
}

#shadow-img-about {
	width : 469px;
	height : 332px;
	float : left;
	box-shadow : 9px 9px 12px -6px rgba(0,0,0,0.3);    
}

#about img {
	width : 469px;
	height : 332px;
}

#texts {
	margin-left : 45%;
	width : 55%;
}

#texts p {
	color : #1e1e1e;
	margin : 30px 0 30px 0;
}

#texts span {
	font-size : 16px;
	color : #1e1e1e;
}

#services {
	width : 100%;
	height : 684px;
	padding : 90px 0;
	background-position : center;
	background-image : url(../images/fon-blue.png);
	text-align : center;
}

.shadow-services {
	width : 245px;
	height : 45px;
	border-radius : 25px;
	margin : 25px auto 0 auto;
	box-shadow : 10px 10px 10px -5px rgba(0,0,0,0.3);
}

#services p {
	margin : 20px 0 80px 0;
}

#blocks {
	width : 21%;
	height : 180px;
	margin : 0 6% 45px 6%;
	float : left;
	text-align : center;
}

#blocks img {
	margin : 0 auto;
	margin-bottom : 25px;
	display : block;
}

#blocks span {
	font : 20px Robot, sans-serif;
	color : #fff;
}

#serv_but {
	width : 245px;
	height : 45px;    
	border : none;
	outline : none;
	background : none;
	background-image : url(../images/button-services.png);
}

#serv_but:hover {
	width : 245px;
	height : 45px;    
	background-image : url(../images/button-services-hover.png);
	cursor : pointer;
}

#client {
	padding : 90px 0;
	background-color : #f5f5f5;
	text-align : center;
}

#client p {
	margin : 20px 0 80px 0;
	color : #1e1e1e;
}

#client-block {
	width : 600px;
	height : 160px;
	text-align : justify;
	margin-bottom : 35px;
	margin-left : 150px;
	box-shadow : 9px 9px 10px -5px rgba(0,0,0,0.1);
}

#client-block-chet {
	width : 600px;
	height : 160px;
	text-align : justify;
	margin-bottom : 35px;
	float : right;
	overflow : hidden;
	margin-right : 150px;
	box-shadow : -10px 10px 10px -5px rgba(0,0,0,0.1);
}

#number {
	width : 170px;
	height : 72px;
	background-position : center;
	background-image : url(../images/fon-blue.png);
	padding : 44px 0;
	float : left;
}

#number-chet {
	width : 170px;
	height : 72px;
	background-position : center;
	background-image : url(../images/fon-blue.png);
	padding : 44px 0;
	margin-left : 430px;	
}

#number-chet h5 {
	font : bold 72px Robot, sans-serif;
	color : #fffcfb;
	text-align : center;
}

#number h5 {
	font : bold 72px Robot, sans-serif;
	color : #fffcfb;
	text-align : center;
}

#client-text {
	width : 344px;
	text-align : center;
	background-color : #fffcfb;
	height : 125px;
	padding : 35px 43px 0 43px;
	margin-left : 170px;
}

#client-text-chet {
	width : 344px;
	text-align : center;
	background-color : #fffcfb;
	height : 125px;
	padding : 35px 43px 0 43px;
	float : left;	
}

#client-text-chet span {
	font : 16px Robot, sans-serif;
	color : #1e1e1e;
	display : block;
	margin-top : 5px;
}


#client-text span {
	font : 16px Robot, sans-serif;
	color : #1e1e1e;
	display : block;
	margin-top : 5px;
}



#we {
	padding : 90px 0;
	background-color : #fffcfb;
	text-align : center;
}

#we p {
	margin : 20px 0 80px 0;
	color : #1e1e1e;
}

#we img {
	display : block;
	float : left;
	width : 104px;
	height : 104px;
	margin-right : 23px;
}

#we_block {
	width : 30%;
	height : 104px;
	float : left;
	text-align : justify;
	margin-left : 5%;
	margin-bottom : 110px;
}

#we form input {
	width : 270px;
	height : 45px;
	border : none;
	outline : none;
	background : none;
	background-image : url(../images/but-consul.png);
}

.shadow {
	width : 270px;
	height : 45px;
	border-radius : 25px;
	margin : 0 auto;
	box-shadow : 10px 10px 10px -5px rgba(0,0,0,0.2);
}

.shadow-stock {
	width : 270px;
	height : 45px;
	border-radius : 25px;
	margin : 0 auto;
	box-shadow : 10px 10px 10px -5px rgba(0,0,0,0.3);
}

#we form input:hover {
	width : 270px;
	height : 45px;
	background-image : url(../images/but-consul-hover.png);
	cursor : pointer;
}

.first {
	margin-left : 0!important;
}

#we-text {
    width : 350px;
	height : 84px;
	padding : 6px;
}

#we-text h3 {
    text-align : left;
}

#we-text span {
	color : #1e1e1e;
	display : block;
	margin-top : 5px;
	text-align : left;
}

#price {
	padding : 90px 0;
	background-color : #f5f5f5;
	text-align : center;
}

#price p {
	margin : 20px 0 80px 0;
	color : #1e1e1e;
}

#price-block {
	width : 269px;
	height : 210px;
	float : left;
	margin-left : 31px;
	margin-bottom : 50px;
	box-shadow : 8px 11px 10px -5px rgba(0,0,0,0.2);
}

#top-text-price {
	width : 235px;
	height : 78px;
	padding : 30px 17px 0 17px;
	background-position : center;
	background-image : url(../images/fon-blue.png);
}

#top-text-price h3 {
	color : #fff;
}

#bottom-text-price {
	width : 237px;
	height : 71px;
	padding : 17px 16px 16px 16px;
	background-color : #fffcfb;
}

#bottom-text-price p {
	margin : 0;
	margin-bottom : 5px;
	font : 24px Robot, sans-serif;
	color : #1e1e1e;
}

#bottom-text-price p span {
	font-size : 38px;
}

#bottom-text-price a {
	font : 18px Robot, sans-serif;
	color : #ff712c;
}

#bottom-text-price a:hover {
	text-decoration : none;
}

#bottom-text-price a:visited {
	color : #ff712c;
}

#stock {
	padding : 90px 0;
	background-position : center;
	background-image : url(../images/fon-blue.png);
	text-align : center;	
}

#stock p {
	font : 22px Robot, sans-serif;
	color : #fff;
	margin : 20px 0 80px 0;	
}

#stock-form {
	width : 850px;
	margin : 0 auto;
}

#stock-form form div {
	float : left;
	margin-left : 12px;
}

#stock-form form div input {
	width : 253px;
	height : 40px;
	border : none;
	outline : none;
	border-radius : 25px;
	padding : 2.5px 5px 2.5px 12px;
	margin-bottom : 0 0 15px 0;
	font : 12px Robot, sans-serif;
}

#button-stock input {
	width : 270px!important;
	height : 45px!important;
	border : none;
	outline : none;
	background : none;
	background-image : url(../images/button-stock.png);
}

#button-stock input:hover {
	width : 270px;
	height : 45px;
	background-image : url(../images/button-stock-hover.png);
	cursor : pointer;
}

#workers {
	padding : 90px 0;
	background-color : #f5f5f5;
	text-align : center;
}

#workers p {
	margin : 20px 0 80px 0;
	color : #1e1e1e;	
}

#work-block {
	width : 273px;
	height : 376px;
	float : left;
	margin-left : 130px;
	position : relative;
	box-shadow : 7px 8px 10px -3px rgba(0,0,0,0.2);
}

#text-worker {
	height : 53px;
	text-align : center;
	position : absolute;
	bottom : 2px;
	left : 53px;
}

#text-worker h4 {
	font : bold 18px Robot, sans-serif;
	color : #fcfcfc;
}

#text-worker span {
	font : 16px Robot, sans-serif;
	color : #fcfcfc;
}

.work-first {
	margin-left : 3.25%!important;
}

#say {
	padding : 90px 0;
	background-color : #fffcfb;
	text-align : center;
}

#say h1 {
	margin-bottom : 70px;
}

#body-slider-client {
	width : 1170px;	
}

#sl-client {
	max-width: 1170px;
	overflow: hidden;
	height : 225px;
}

#carousel-client div {
	width : 480px!important;
	height : 225px!important;
	float : left;
	margin : 0 55px 0 55px;
}

#carousel-client div img {
    background-repeat : no-repeat;
}

#sertificats {
	padding : 90px 0;
	background-color : #f5f5f5;
	text-align : center;
}

#body-slider {
	width : 1170px;	
}

#sl, #prev, #next {
	height: 362px;
}
#sl {
	max-width: 1170px;
	overflow: hidden;
	height : 362px;
}

#carousel a {
    display: block;
    float : left;
	width : 282px;
	height : 362px!important;    
} 


#sertificats p {
	margin : 20px 0 80px 0;
	color : #1e1e1e;	
}

#quations {
	padding : 90px 0;
	background-position : center;
	background-image : url(../images/fon-blue.png);
	text-align : center;	
}

#quations p {
	margin : 20px 0 80px 0;
	color : #f5f5f5;	
}

#quat-form {
	width : 840px;
	margin : 0 auto;
	text-align : left;
}

#text-area {
	width : 815px;
	height : 180px;
	float : none!important;
	background-color : #fff;
	margin : 25px 0;
	text-align : left;
	padding : 7px 1.724% 15px 0.676%;
	border-radius : 5px;
	box-shadow : 10px 10px 10px -5px rgba(0,0,0,0.3);
}

#text-area textarea{
	width : 805px;
	height : 175px;
	border : none;
	outline : none;
	resize : none;
	font : 12px Robot, sans-serif;
}

#quat-form form div.input_body {
	float : left;
	margin-left : 12px;
}

#quat-form form div input {
	width : 253px;
	height : 40px;
	border : none;
	outline : none;
	border-radius : 25px;
	padding : 2.5px 5px 2.5px 12px;
	margin-bottom : 0 0 15px 0;
	font : 12px Robot, sans-serif;
}


.but {
	text-align : center!important;
	width : 169px!important;
	height : 45px!important;
	border-radius : 25px;
	box-shadow : 10px 10px 10px -5px rgba(0,0,0,0.3);
	margin : 0 auto;
}

.but input{
	width : 169px!important;
	height : 45px!important;
	background : none;
	border : none;
	outline : none;
	background-image : url(../images/button-quat.png);
}

.but input:hover{
	width : 170px;
	height : 45px;
	background-image : url(../images/button-quat-hover.png);
	cursor : pointer;
}

#contacts {
	width : 100%;
	padding : 90px 0;
	background-color : #f5f5f5;
	text-align : center;	
}

#contacts p {
	margin : 20px 0 80px 0;
	color : #1e1e1e;
}

#map {
	margin-bottom : 75px;
	box-shadow : 10px 10px 15px -4px rgba(0,0,0,0.2);	
}

.mapin {
	position : relative;
	height : 0;
	padding-bottom : 34.2%;
	overflow : hidden;
}

.mapin iframe {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}

#contact-block {
	width : 272px;
	float : left;
	overflow : hidden;
}

#contact-block span {
	font : bold 18px Robot, sans-serif;
	color : #1e1e1e;
}

#contact-block p {
	font : 20px Robot, sans-serif;
	color : #1e1e1e;
}

#contact-block img {
	width : 74px;
	height : 74px;	
	margin : 0 auto 25px auto;
	display : block;
}

.contact-first {
	margin-left : 15.125%;
}

footer {
	height : 56px;
	background-color : #383838;
	padding-top : 16px;
}

#text-footer {
	width : 1000px;
	margin-left : 125px;
	padding-top : 11px;
	text-align : center;
}

#api {
    width : 60px;
	height : 14px;
	padding-top : 11px;
	float : right;
}

#api img {
	display : block;
	float : left;
	margin-right : 6px;
}