@font-face {
    font-family: Bebas; /* Имя шрифта */
    src: url(../fonts/Bebas-Neue-Cyrillic.ttf); /* Путь к файлу со шрифтом */
   }

   @font-face {
    font-family: BebasLight; /* Имя шрифта */
    src: url(../fonts/BebasNeueLight.otf); /* Путь к файлу со шрифтом */
   }

   @font-face {
    font-family: OSSemibold; /* Имя шрифта */
    src: url(../fonts/Open-Sans-Semibold.ttf); /* Путь к файлу со шрифтом */
   }

   @font-face {
    font-family: OS; /* Имя шрифта */
    src: url(../fonts/opensans.ttf); /* Путь к файлу со шрифтом */
   }

*{margin:0; padding:0;}
body { background:url(../img/bg.jpg);}

p{font-family: OS; margin-top:10px; text-align:justify; padding:5px;}

li{font-family: OS; margin:10px 0 0 50px; text-align:justify; padding:5px;}

.wrap {width:100%; height:100%;}
.container {max-width:1180px; margin:0 auto;}

.breadcrumbs {width:99%; float:left; margin:30px 0 0 0;}
.breadcrumbs span{margin: 0; padding: 4px; }
.breadcrumbs li {list-style:none; display: inline; margin:0;}
.breadcrumbs li a {color:#333; font-family:OS; text-decoration:none;}
.breadcrumbs li a:hover {color:#f44336;}

.heder {float:left; width:100%;}
.logo{margin:10px 0 10px 0; float:left; width:151px;}
.head-but {float:right; width:240px; margin:15px 0 10px 0;}
.head-zvonok {float:right; width:240px;}
.head-zamer {float:right; width:240px; margin-top:10px;}

.head-contacts{float:right; margin: 15px 60px 0 0;}
.headtel {float:right; font-size:36px; font-family:Bebas;}
.headtel span {margin-right:15px;}
.headclock{float:right; font-size:36px; font-family:Bebas; margin-right:45px; margin-bottom: 30px;}
.headclock span {margin-right:15px;}
.headadres {margin-top:20px; font-family:OS; font-size:16px;}
.headadres span{margin-right:15px}
.headadres a{color:#e53935; padding-left:20px; font-size:14px; text-decoration:underline;}
.headadres a:hover {text-decoration:none;}

.col{color:#e53935;}

.menu-container {width:100%; float: left; background: url(../img/menu-bg.png); min-height:54px; font-family:Bebas; text-transform: uppercase; font-size:20px;}
/*begin menu nav*/
nav a, nav:before, nav div:before {
  display: inline-block;
  padding: 16px 0;
  color: #fff;
  text-align: center;
  cursor: pointer; /* курсор в виде руки, обязателен для Opera Mini */
  /*background: #979797;*/ /* цвет фона кнопки "меню" */
}
nav a {
  width: 10.6%; /* 4 пункта меню, то есть 100%/4 */
  /*background: #979797; *//* фон пунктов меню */
  text-decoration: none;
}
nav a:hover {
  background: url(../img/menu-item-bg.png); /* фон пунктов при наведении */
}
/*end menu nav*/

.section-name {width:100%; float:left; font-family:Bebas; font-size:48px; text-align:center; margin:30px 0 30px 0;}
.section-name span {margin:0 15px 0 15px;}

h1{font-family:Bebas; font-size:48px; color:#333;}

.section-name-white {width:100%; float:left; font-family:Bebas; font-size:48px; text-align:center; margin:30px 0 30px 0; color:#fff;}
.section-name-white span {margin:0 15px 0 15px;}

.catalog-name {/*font-size:24px; font-family:OSSemibold; border-bottom:3px solid #f44336; max-width:112px; */width:100%; float:left;}
.catalog-name span{font-size:24px; font-family:OSSemibold; border-bottom:3px solid #f44336;}

.product-container { width:100%; float:left;}
.product-box {float:left; padding:10px; border:1px solid #ccc; border-radius:5px; margin:10px 18px 0 0;}
.product-box:hover{border:1px solid #7cb342; border-radius:5px;}
.product-box-name {text-align:center; font-family:Bebas; font-size:24px;}
.product-box-price {text-align:center; font-family:OSSemibold;}
.product-box-price span {font-family:Bebas; font-size:24px; color:#f44336;}
.product-box-bye {text-align:center; margin-top:10px;}

.podrob {width:100%; float:left; background:#ffffff; margin: 50px 0 50px 0;}
.podrob a {text-decoration:none; color:#D43A43; font-weight:bold;}
.podrob a:hover {text-decoration:underline;}
.girl{float:left; width:30%;}
.girl-text{float:left; font-family:BebasLight; font-size:48px; width:70%; padding-top:20px;}

.dveri-nazakaz {width:100%; float:left; background:#f5f5f5; }
.dveri-nazakaz a {text-decoration:none; color:#D43A43; font-weight:bold;}
.dveri-nazakaz a:hover {text-decoration:underline;}
.dnz-right{float:left; width:50%; padding:20px 0 20px 0; text-align:right;}
.dnz-right img{max-width:450px; width:100%;}
.dnz-left{float:left; font-family:BebasLight; font-size:48px; width:50%; padding-top:20px;}
.dnz-left li {list-style:none; font-family: BebasLight;}
.accept {width:40px; margin-right:20px;}
.accept img{width:40px;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.accept img:hover{
-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.shema {width:100%; float:left; background:#f5f5f5; margin: 50px 0 50px 0; padding-bottom:50px;}
.sh {float:left; font-family:OS; font-size:14px; text-align: center; width:150px; height:170px; margin-bottom: 50px;}
.sh-line {float:left;}
.sh-con {max-width:880px; margin:0 auto; min-height:170px;}

.sh img{
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.sh img:hover{
-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.akcia {float:left; width:100%; margin: 50px 0 50px 0; text-align:center;}
.akcia img {max-width:493px; width:100%;}
.akcia-name {width:561px; height:98px; color:#fff; font-family:Bebas; font-size:48px; background:url(../img/akcii-bg.png) no-repeat; margin:0 auto; text-align:center; padding-top:12px;}
.akcii-text {text-align:center; font-family:BebasLight; font-size:48px;}

.pochemu-my {width:100%; float:left; background:url(../img/pm-bg.jpg); margin-bottom:30px; padding-bottom:40px;}
.pochemu-my-left{float:left; width:45%; font-family:OS; margin:2%;}
.pochemu-my-right{float:left; width:45%; font-family:OS; margin:2%;}
.stul {width:100%; float:left; text-align:center;}
.stul-text {width:100%; float:left; text-align:center; font-size:24px; font-family:OSSemibold; margin-top:20px;}
.stul-zvonok {width:100%; float:left; text-align:center; margin-top:20px;}

.otzyvy{width:100%; float:left; padding-bottom:50px; background:#f5f5f5;}
.otziv {float:left; max-width:250px; text-align:center; margin:20px;}
.otziv-name{    font-size: 24px;
    font-family: OSSemibold;
    border-bottom: 3px solid #f44336;
    max-width: 112px;
    width: 100%;
	margin: 0 auto;}
.otziv-city {font-family: OS; color:#333; margin-top:5px; font-size:13px;}
.otziv-text {margin-top:20px; text-align:justify; font-family: OS; font-size: 13px;}
.otziv-container {float:left; width:100%;}

.about {width:100%; float:left; background:url(../img/about-bg.jpg); padding-bottom:40px;}
.about p {color:#000; font-family:OS; font-size:16px; margin-bottom:10px;}
.about-text {max-width:520px; margin:0 auto;  font-family:OS;}
.about-zvonok {width:100%; float:left; text-align:center; margin-top:35px; margin-bottom:30px;}

.footer {width:100%; float:left; background:#f44336; padding-bottom:40px; margin-top:40px;}
.footer-left {float:left; width:290px; margin:0 0 0 20px;}
.ftel{color:#fff; font-size:36px; font-family:Bebas; margin-bottom:15px;}
.ftel span {margin:5px 10px 0 0;}
.fclock{color:#fff; font-size:36px; font-family:Bebas; margin-bottom:15px;}
.fclock span {margin:5px 10px 0 0;}
.fadres {color:#fff; font-family:OS; font-size:18px; margin-bottom:15px;}
.fadres span {margin:5px 10px 0 0;}
.fadres a{color:#fff; font-family:OS; font-size:14px;}
.femail {color:#fff; font-family:OS; font-size:18px; margin-bottom:15px;  padding:10px 0;}
.femail span {margin:5px 10px 0 0;}
.footer-center {float:left; width:290px; margin:0 0 0 20px;}
.footer-right {float:left; width:290px; margin:0 25px 0 0;}
.footer-block-name {font-size:40px; color:#fff; font-family:Bebas; margin:30px 0 20px 0;}

.footer-center input[type=text] {width:250px; height:50px; background:#f44336; border:1px solid #fff; border-radius:5px; margin-bottom:10px; padding: 0 0 0 10px;}
.footer-center textarea {width:250px; height:100px; background:#f44336; border:1px solid #fff; border-radius:5px; margin-bottom:5px; padding: 0 0 0 10px;}

.socseti {float:right; font-size:20px; color:#fff; font-family:OSSemibold; margin-top:90px; text-align:right;}
.copy {float:right; font-size:14px; color:#fff; font-family:OSSemibold; margin-top:40px; text-align:right;}
.copy a {color:#fff; text-decoration:none;}

.con-text{text-align:center; float:left; padding:5px; height: 280px;}
#canvas {margin:0 auto; width:970px; font-family:OS;}

		#canvas .circle {
			display: inline-block;
			margin: 1em;
			color:#c62828;

		}

		.circles-decimals {
			font-size: .3em;
			color:#c62828;
		}
	.pr {font-size:14px;}

	.spasibo {width:100%; height:100%; text-align:center; font-family:OS; font-size:24px; padding-top:20%;}
	.spasibo a {color:#e53935;}

	.pdname {text-align:center; font-family:Bebas; font-size:24px; width:100%; color:#97cc0d;}

/**********popup links**********/
.link_group {
margin:20px auto;
width:555px;
text-align:center;
}
.link_group a {
margin:0 20px;
padding:5px 15px;
color:#000;
font-weight:bold;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
position:relative;
text-decoration:none;
text-transform:uppercase;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior: url(PIE.htc);
}
.link_group a:hover {
color:#cc0000;
}

/**********All styles popup**********/
.popup {
padding:5px 15px 15px;
position:fixed;
top:50px;
left:50%;
display:none;
overflow:hidden;
border:1px solid #ccc;
background:#fff;
z-index:100;
behavior: url(PIE.htc);
}
.popup h2 {
font:bold 18px/32px Arial, san-serif;
}
.popup a.close {
width:16px;
height:16px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
right:10px;
background:url(../img/close.png) no-repeat;
}

/**********popup with form**********/
.reg_form {
margin-left:-165px;
}

.reg_form form {
margin-top:10px;
}
.reg_form label {
width:100px;
height:26px;
font:bold 12px/26px Arial, san-serif;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
.reg_form input[type=text], .reg_form input[type=password] {
margin-bottom:10px;
padding:0 3px;
width:95%;
font:bold 12px/26px Arial, san-serif;
border:1px solid #ccc;
}
.reg_form input[type=submit] {
margin:10px 15px 0 0;
padding:3px 10px;
float:right;
background:#920101;
border:0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:bold 10px Arial, san-serif;
text-transform:uppercase;
position:relative;
cursor:pointer;
behavior: url(PIE.htc);
color: #fff;
}
.reg_form input[type=submit]:hover {
color:#fff;
text-decoration: underline;
}

.uznat_form {
margin-left:-165px;
}

.uznat_form form {
margin-top:10px;
}

/**********Dveri **********/
.dver1_form {
margin-left:-165px;
}

.dver1_form form {
margin-top:10px;
}

.dver2_form {
margin-left:-165px;
}

.dver2_form form {
margin-top:10px;
}

.dver3_form {
margin-left:-165px;
}

.dver3_form form {
margin-top:10px;
}

.dver4_form {
margin-left:-165px;
}

.dver4_form form {
margin-top:10px;
}

.dver5_form {
margin-left:-165px;
}

.dver5_form form {
margin-top:10px;
}

.dver6_form {
margin-left:-165px;
}

.dver6_form form {
margin-top:10px;
}

.dver7_form {
margin-left:-165px;
}

.dver7_form form {
margin-top:10px;
}

.dver8_form {
margin-left:-165px;
}

.dver8_form form {
margin-top:10px;
}

.dver9_form {
margin-left:-165px;
}

.dver9_form form {
margin-top:10px;
}

.dver10_form {
margin-left:-165px;
}

.dver10_form form {
margin-top:10px;
}

.dver11_form {
margin-left:-165px;
}

.dver11_form form {
margin-top:10px;
}

.dver12_form {
margin-left:-165px;
}

.dver12_form form {
margin-top:10px;
}

.dver13_form {
margin-left:-165px;
}

.dver13_form form {
margin-top:10px;
}

.dver14_form {
margin-left:-165px;
}

.dver14_form form {
margin-top:10px;
}

.dver15_form {
margin-left:-165px;
}

.dver15_form form {
margin-top:10px;
}


.dver16_form {
margin-left:-165px;
}

.dver16_form form {
margin-top:10px;
}



/**********popup form paked1 **********/
.zvonokhead_form {
margin-left:-165px;
}

.zvonokhead_form form {
margin-top:10px;
}

/**********popup form paked2 **********/
.zamer_form {
margin-left:-165px;
}

.zamer_form form {
margin-top:10px;
}

.work_form {
margin-left:-165px;
}

.work_form form {
margin-top:10px;
}

/**********popup form paked3 **********/
.zvonokmy_form {
margin-left:-165px;
}

.zvonokmy_form form {
margin-top:10px;
}

/**********popup form paked3 **********/
.zvonokonas_form {
margin-left:-165px;
}

.zvonokonas_form form {
margin-top:10px;
}

/**********popup brif**********/
.map {
/*margin-left:-26%;*/
width:50%;
}

/**********popup with pictures**********/
.photo_win {
margin-left:-250px;
width:500px;
}
.img_wrap {
margin-top:10px;
margin-left:-49%;
width:96%;
overflow:hidden;
}
.img_wrap img {
margin:0 10px 10px;
height:187px;
}

/**********popup with tabs**********/
.tabs_info {
margin-left:-250px;
width:500px;
}
.selectTabs {
margin:10px 0 0;
width:100%;
}
.lineTabs {
width:100%;
float:left;
list-style:none;
}
.lineTabs li {
margin:0 0 -1px 10px;
float:left;
position:relative;
z-index:1;
border:1px solid #ccc;
}
.lineTabs li.active {
border-bottom:1px solid #fff;
}
.lineTabs li.active a {
color:#cc0000;
}
.lineTabs a {
padding:4px 15px;
display:block;
text-decoration:none;
color:#000;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
}
/*tabs content*/
.tab_content {
width:100%;
float:left;
border:1px solid #ccc;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
position:relative;
behavior: url(PIE.htc);
}
.tab_content div{
display:none;
}
.tab_content .tab1 {
display:block;
}
.tab_content .tab1, .tab_content .tab2 {
padding:10px 5px;
}
.tab_content img {
margin:0 10px 5px 0;
float:left;
}

/**********overlay styles**********/
#overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:#000;
opacity:.8;
}

.pages {width:90%; float:left; margin:1%;}

ul.pagination li {
  float:left;
  padding: 5px;
  margin:1px;
  border:1px solid #ccc;
}

ul.pagination li:hover {  border:1px solid #b40000;}

ul.pagination li a {
  color: #b40000;
  text-decoration: none;
}
.header-block{width:31%; float:left; text-align:center; padding:10px;}
.header-block img {border-radius:30px;}

.overlay form input.required{
    border: 2px solid red;
}

.blog {width:100%; float:left;}

.post{
width:27%;
float:left;
margin:1%;
text-align:center;
font-family: Arial, sans-serif;
border:1px solid #ccc;
padding:2%;
}
.post p{font-family: OS; text-align:justify;}

.post img{max-width:100%; max-height:250px;}
.post-name {margin:15px 0 10px 0; width:100%;}
.post-name a {font-weight:bold; font-size:24px; text-transform:uppercase; text-align:center; font-family: Bebas; text-decoration:none; color:#333;}
.post-name a:hover{color:red;}

.detali{width:100%; margin-top:10px; text-align:right;}
.detali a{color:red; text-decoration:none; font-family: Arial, sans-serif;}
.detali a:hover{color:black;}

.home-bread {float:left; width:100%; color:#fff; margin-top: 20px;}
.home-bread a{color:#fff;}

.workgall {width:58%; float:left; margin:1%;}
.work-text {width:38%; float:left; margin:1%;}
.work-text span{font-weight:bold;}

.c-block {
    width: 31%;
    float: left;
    margin: 1%;
    text-align: center;
	font-family:OS;
}

.c-block-name {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
}

.c-block-data {
    margin-top: 10px;
}