
  
  @-webkit-keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }

	span.num{
		position: absolute;
    color: #ec8b00;
    left: -30%;
    bottom: -50%;
	}
#background-1 {
background: url(../system-images/fon-verh.jpg) center top no-repeat, url(../system-images/fon-niz.jpg) center bottom no-repeat;
}
.background-0{width:100%;}

/*--------Общий css-------*/

/*--------ДЛЯ САЙТА УСЛУГ не показывать -------*/
#shopping-cart {display:none;}
.products-teaser {display:none;}
.category-gridbig, .category-gridsmall {display:none;}
.pagination-sorting-block {display:none;}
.productList-grid1, .productList-grid2, .productList-list1, .productList-list2nophoto-outer {display:none;}
.product-view-photosBelow {display:none;}

/*--------не показывать фильтр товаров в левой колонке-------*/
.sc-product-filter  {display:none;}

/*-------- не показывать кнопку изменения дизайна в разделе ДИЗАЙН-------*/
.design-header-outer, .change-template-block {display:none;}
/*-------- не показывать Восстановить предыдущую версию дизайна------*/
.revert-changes-block {display:none;}
/*-------- не показывать Полоса над формой------*/
.warningMessage-message {display:none;}

/*--------комментирование акций-------*/
.control a {display:none;}

#sidecolumn {width: 180px !important}
.content ul, .content ol {
margin: 0px !important;
padding: 0px !important;
line-height: 1.2;
}

.content a {
text-decoration: underline;
}
.content a:hover {
text-decoration: none;
}
.sc-textBlock, .sc-articles, .sc-newsletter-subscription, .sc-navigation, .sc-sign-in-block, .sc-events, .sc-blog, .sc-news, .sc-form {
padding: 0;
}


/*--------Главная страница-------*/

#tablica2{
width:100%;
border:8px solid #D1CDD3;
color:#2D2D2D;
padding-top: 5px
}
#tablica1 {
padding-top: 25px
width:100%;
border:8px solid #D1CDD3;
color:#2D2D2D;}
#tablica2 td {
text-align: center;
border:0;
}

a.rollover {
background: url(../system-images/podrobnee.png);
display: block;
width: 200px;
height: 40px;
}
a.rollover:hover {
background-position: 0 -40px;
}


/*--------кнопка наверх-------*/
.scrollTop {  
background:url(../system-images/knopka-naverh.png) 0 0 no-repeat;  
display:block; width:60px; height:60px;  
position:fixed; bottom:20px; left:85%;  
z-index:2000;  
}  
.scrollTop:hover { background-position:0 -60px; }


/*--------Header-------*/

#header {
background: none !important;
height: 520px;
}



/*--------Content-------*/

#content {
background: none;
margin-top: 0px;
}

.content-inside-3 {
min-height: 600px;
}
div#content-inside-3 {
    padding-top: 70px;
}
/*--------Content h1, h2-------*/

.content h1 {
color: #232323;
margin-bottom: 10px;
padding-bottom: 7px;
text-align: left;
font-family: arial;
font-size:22px;
font-weight: bold;
}

.content h2 {
color: #232323;
margin-bottom: 10px;
padding-bottom: 7px;
text-align: left;
font-family: arial;
font-size:16px;
font-weight: normal;
}

/*--------Footer-------*/

#footer {
background: none;
border: 0;
padding-bottom: 20px
padding-top: 30px}
.footer-inside {
color: #fff;
height: 200px !important;
}

/*--------Контактный блок в подвале сайта-------*/

.infofooter {
margin-top: 40px;
color: #655E69;
}
/*--------блоки-------*/
.blok-infofooter {
float: left;
margin-left: 40px;
margin-right: 10px;
font-size: 13px;
}
/*--------заголовок-------*/
.blok-infofooter-zagolovok {
font-family: Forum;
font-size: 15px ;
font-weight: normal;
color: #373439;
border-bottom: 2px dotted #373439;
}
/*--------под заголовком-------*/
.podzagolovok {
font-style:italic;
color: #373439;
}


/*--------Форма обратной связи для страницы КОНТАКТЫ-------*/

/*--------Форма-------*/
#form-1 {
width: 450px;
}

/*--------дополн. описание под полем формы-------*/
.form .field .fixedDescription {display:none;}

/*--------название полей формы-------*/
#form-1 .form label {
color: #2F2F2F;
font-family: verdana,arial,sans-serif;
font-size: 90%;
font-weight: normal;
}
/*--------поля формы-------*/
#form-1 .form .field .control input[type="text"], #form-1 .form .field .control input[type="email"], #form-1 .form .field .control input[type="password"], #form-1 .form .field .control input[type="tel"], #form-1 .form .field .control input[type="url"], #form-1 .form .field .control input[type="number"], #form-1 .form .field .control textarea, #form-1 .form .field .control select {
border: 1px solid #B0B0B1 !important;
width: 450px;
background: #EAF0F9 url(../system-images/pencil.png) 5px 5px no-repeat;
padding-left: 30px;
}
/*--------кнопка отправить-------*/
.btn {
    background: #fdc70f none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #2a2a2a;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 12px 20px;
    text-transform: uppercase;
    margin-top: 10px;
}
.btn:hover {
    background: #FF9829 none repeat scroll 0 0;
    color: #fff;
}

/*--------Хлебные крошки-------*/
#breadcrumbs {
font-size:14px;
padding-top:57px}
#breadcrumbs li .first {
background: url(../system-images/domik.png) left 5px no-repeat !important;
padding-left: 20px;
}

/*--------hr-------*/
hr {
height: 1px;
border: none;
color: #C27500;
background: #C27500;
}

.InfoContent {
color: #000000;
}



/*--------Горизонтальное меню над шапкой-------*/

#navigation {
background: none !important;
border: 0px;
position: relative;
top: -505px;
}

.sf-menu {
margin-left: 0px !important;
}

.navigation .level1 {
border: 0;
padding: 0px !important;
}

.navigation .level1 > a {
padding: 10px 20px 10px 20px !important;
}

.navigation li {
background: url(../system-images/bliz1.png) left 3px no-repeat;
}
.navigation li:first-of-type {
background: none !important;
}

.navigation li a {
margin-left: 20px;
color: #024A72;
font-family: verdana,arial,sans-serif;
font-size:15px;
font-weight: normal;
font-style: italic;
}

.navigation li a:hover {
background: none;
color: #F91B32;
}

.navigation li.active > a {
background: none;
color: #F91B32;
}
/*-------- Для выпадающих подпунктов гориз. меню-------*/

.navigation ul ul {
left:20px;
}

.navigation ul ul li {
border-bottom: 1px solid #E7DFCD !important;
}

.navigation ul ul li a {
margin: 0px !important;
}

.sf-menu ul li {
background: #F9EFED !important;
}

.sf-menu ul {
background: none !important;
border:0 !important;
}

.sf-menu ul li a {
background: none !important;
border-bottom: 0 !important;
color: #3E2926 !important;
}

.sf-menu ul li a:hover {
color: #F91B32 !important;
}


/*--------Акции ( сделано из новостей )----*/

/*-----Блок акций в левой колонке----*/
.sc-news {
width:120px !important;
margin-bottom: 50px;
}
.block-title {
margin-bottom: 0;
}

/*-----Заголовок акций в левой колонке----*/
.sc-news .block-title-inner-1 {
background: url(../system-images/fon-zagolovok-akciy.png) left center no-repeat;
width: 120px;
height: 61px;
margin-bottom: 20px;
color: #B21514 !important;
font-family: 'Lobster',cursive;
font-size: 20px !important;
font-weight: normal !important;
padding: 37px 0 0 90px !important;
text-align: left !important;
} 
/*-----дата акций в левой колонке----*/
.sc-news .date {
background: url(../system-images/date.png) left center no-repeat;
padding-left: 25px;
}
/*-----заголовки акций в левой колонке----*/
.news-title {
background: url(../system-images/feed.png) left center no-repeat;
padding-left: 25px;
font-weight: normal;
}
/*-----фото акции в левой колонке----*/
.sc-news.photoleft .news-photo img {
width: 60px;
}
/*-----рамка у фото акций в левой колонке----*/
.sc-news .news-photo {
border: 1px solid #CBC9CA;
padding: 0;
}
/*-----смещение даты и заголовка акций в левой колонке----*/
.sc-news.photoleft .news-description {
margin-left: 80px;
}
/*-----нижнее подчёркивание акций в левой колонке----*/
.sc-news li.news-item {
border-bottom: 1px solid #CBC9CA;
}

/*-----Краткий раздел акций----*/
/*-----дата акции----*/
.news-date {
background: url(../system-images/date.png) left center no-repeat;
padding-left: 25px;
}
/*-----заголовок акции----*/
.news-list-desc h2 a {
background: url(../system-images/feed.png) left center no-repeat;
padding-left: 25px;
font-weight: bold;
}
/*-----фото акции----*/
.news-list-image img {
width: 130px;
}
/*-----смещение даты заголовка и краткого текста акций----*/
.news-list-desc {
margin-left: 160px;
}

/*-----Подробный раздел акций----*/
/*-----смещение картинки----*/
.news-text img {
margin: 8px 20px 10px 0 !important;
}
/*-----заголовок комментария----*/
h2.comments-section-header {
background: url(../system-images/vopros.png) 5px center no-repeat #fff !important;
text-align: left;
padding-left: 30px;
}
/*-----форма комментария у акций----*/
#commentsForm .form .field .control input[type="text"], #commentsForm .form .field .control input[type="email"], #commentsForm .form .field .control input[type="password"], #commentsForm .form .field .control input[type="tel"], #commentsForm .form .field .control input[type="url"], #commentsForm .form .field .control input[type="number"], #commentsForm .form .field .control select {
background: #EAF0F9 url(../system-images/pencil.png) 5px 5px no-repeat;
padding-left: 30px;
height: 30px;
}
#commentsForm .form textarea {
background: #EAF0F9 url(../system-images/pencil.png) 5px 5px no-repeat;
padding-left: 30px;
width: 500px !important;
height: 120px;
}




.call-buton .cc-calto-action-ripple {
	z-index: 99999;
	position: fixed;
	right: 3rem;
	bottom: 8rem;
	background: #ec8b00;
	width: 10vh;
	height: 10vh;
	padding: 1rem;
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	-webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
	animation: cc-calto-action-ripple 0.6s linear infinite;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none; }
	.call-buton .cc-calto-action-ripple span {
	  -webkit-transition: 0.3s ease;
	  transition: 0.3s ease;
	  font-size: 3vh; }
	.call-buton .cc-calto-action-ripple:hover i {
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg); }



