html, body
{
width: 100%;
height: 100%;
}
body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
@font-face
{
font-family: "Roboto";
src: url('RobotoRegular.eot');
src: url('RobotoRegular.eot?#iefix') format('embedded-opentype'),
url('RobotoRegular.svg#RobotoRegular') format('svg'),
url('RobotoRegular.ttf') format('truetype'),
url('RobotoRegular.woff') format('woff');
}
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
a.underline_white
{
color: #FFFFFF;
text-decoration: underline;
}
a.underline_white:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.underline_white:active
{
color: #FFFFFF;
text-decoration: none;
}
a.underline_white:hover
{
color: #FFFFFF;
text-decoration: none;
}
a.white_grey
{
color: #FFFFFF;
text-decoration: none;
}
a.white_grey:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.white_grey:active
{
color: #FFFFFF;
text-decoration: none;
}
a.white_grey:hover
{
color: #D3D3D3;
text-decoration: none;
}
a.black_grey
{
color: #000000;
text-decoration: none;
}
a.black_grey:visited
{
color: #000000;
text-decoration: none;
}
a.black_grey:active
{
color: #000000;
text-decoration: none;
}
a.black_grey:hover
{
color: #303030;
text-decoration: none;
}
h1
{
font-family: RobotoRegular;
font-weight: normal;
font-size: 48px;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
#wb_indexImage4
{
vertical-align: top;
}
#indexImage4
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 92px;
height: 104px;
vertical-align: top;
}
#wb_indexImage3
{
vertical-align: top;
}
#indexImage3
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 96px;
height: 96px;
vertical-align: top;
}
#wb_indexImage2
{
vertical-align: top;
}
#indexImage2
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 117px;
height: 105px;
vertical-align: top;
}
#wb_indexLayoutGrid17
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 800px;
}
#indexLayoutGrid17
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 15px 40px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid17 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
float: left;
}
#indexLayoutGrid17 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-3
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid17:before,
#indexLayoutGrid17:after,
#indexLayoutGrid17 .row:before,
#indexLayoutGrid17 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid17:after,
#indexLayoutGrid17 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_indexLayoutGrid2
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1280px;
}
#indexLayoutGrid2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid2 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid2 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid2 > .row > .col-1
{
float: left;
}
#indexLayoutGrid2 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid2:before,
#indexLayoutGrid2:after,
#indexLayoutGrid2 .row:before,
#indexLayoutGrid2 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid2:after,
#indexLayoutGrid2 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid2 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#wb_indexText51
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: right;
}
#wb_indexText51
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
}
#wb_indexText51 div
{
text-align: right;
}
#wb_indexImage9
{
vertical-align: top;
}
#indexImage9
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 128px;
height: 128px;
vertical-align: top;
}
#indexShape7
{
position: absolute;
left: 0px;
top: 0px;
top: 0px;
width: 374px;
height: 43px;
background-color: #F5F5F5;
background-image: none;
border: 1px #F5F5F5 solid;
border-radius: 0px;
-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
}
#indexShape7:hover
{
background-color: #DCDCDC;
background-image: none;
border: 1px #DCDCDC solid;
}
#indexShape7_text
{
position: absolute;
left: 6px;
top: 13px;
width: 362px;
height: 24px;
overflow: hidden;
text-align: center;
}
#indexLayer1
{
background-color: #FFFFFF;
background-image: none;
}
#wb_indexLayoutGrid13
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid13
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid13 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
float: left;
}
#indexLayoutGrid13 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 50%;
text-align: left;
}
#indexLayoutGrid13 > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 50%;
text-align: left;
}
#indexLayoutGrid13:before,
#indexLayoutGrid13:after,
#indexLayoutGrid13 .row:before,
#indexLayoutGrid13 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid13:after,
#indexLayoutGrid13 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
float: none;
width: 100% !important;
}
}
#indexImage1
{
border: 0px #000000 solid;
padding: 0px 0px 0px 0px;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#wb_indexText1
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: left;
}
#wb_indexText1
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText1 div
{
text-align: left;
}
#wb_indexText2
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: right;
}
#wb_indexText2
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
}
#wb_indexText2 div
{
text-align: right;
}
#wb_indexExtension1 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension1
{
width: 179px;
height: 44px;
top: 28px;
left: 814px;
}
.btnindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension1:hover,
.btnindexExtension1:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1b:hover:after,
.btn-1b:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension1 {
width:100%;
height:100%;
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension1:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension1:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension1:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension1:hover,
.btn-1aindexExtension1:active {
color: #FFFFFF;
background: #fff;
}
/* Button 1b */
.btn-1bindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension1:hover,
.btn-1bindexExtension1:active {
color: #FFFFFF;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension1:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension1:hover,
.btn-1cindexExtension1:active {
color: #FFFFFF;
}
.btn-1cindexExtension1:hover:after,
.btn-1cindexExtension1:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension1 {
overflow: hidden;
}
.btn-1dindexExtension1:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension1:hover,
.btn-1dindexExtension1:active {
color: #FFFFFF;
}
.btn-1dindexExtension1:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension1:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension1 {
overflow: hidden;
}
.btn-1eindexExtension1:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension1:hover,
.btn-1eindexExtension1:active {
color: #FFFFFF;
}
.btn-1eindexExtension1:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension1:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension1:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension1 {
overflow: hidden;
}
.btn-1findexExtension1:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension1:hover,
.btn-1findexExtension1:active {
color: #FFFFFF;
}
.btn-1findexExtension1:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension1:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension1 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension1 {
border-radius: 4px!important;
}
.btn-2bindexExtension1:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension1:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexLayoutGrid1
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url(images/_DSC6717_darker.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: scroll;
background-size: cover;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 100px 30px 180px 30px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid1 .row
{
margin-right: -30px;
margin-left: -30px;
}
#indexLayoutGrid1 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
position: relative;
}
#indexLayoutGrid1 > .row > .col-1
{
float: left;
}
#indexLayoutGrid1 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid1:before,
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:before,
#indexLayoutGrid1 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid1:after,
#indexLayoutGrid1 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid1 > .row > .col-1
{
float: none;
width: 100%;
}
}
#wb_indexText3
{
font-family: Roboto;
font-weight: normal;
font-size: 48px;
}
#wb_indexText3 div
{
text-align: center;
}
#wb_indexLayoutGrid12
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 600px;
}
#indexLayoutGrid12
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid12 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid12 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid12 > .row > .col-1
{
float: left;
}
#indexLayoutGrid12 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid12:before,
#indexLayoutGrid12:after,
#indexLayoutGrid12 .row:before,
#indexLayoutGrid12 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid12:after,
#indexLayoutGrid12 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid12 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#wb_catalog
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#catalog
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 30px 40px 30px;
margin-right: auto;
margin-left: auto;
}
#catalog .row
{
margin-right: -30px;
margin-left: -30px;
}
#catalog > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 30px;
padding-left: 30px;
position: relative;
}
#catalog > .row > .col-1
{
float: left;
}
#catalog > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#catalog:before,
#catalog:after,
#catalog .row:before,
#catalog .row:after
{
display: table;
content: " ";
}
#catalog:after,
#catalog .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#catalog > .row > .col-1
{
float: none;
width: 100%;
}
}
#wb_indexLayoutGrid18
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 960px;
}
#indexLayoutGrid18
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid18 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid18 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid18 > .row > .col-1
{
float: left;
}
#indexLayoutGrid18 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid18:before,
#indexLayoutGrid18:after,
#indexLayoutGrid18 .row:before,
#indexLayoutGrid18 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid18:after,
#indexLayoutGrid18 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid18 > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#wb_indexLayoutGrid19
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 800px;
}
#indexLayoutGrid19
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 15px 40px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid19 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
float: left;
}
#indexLayoutGrid19 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-3
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid19:before,
#indexLayoutGrid19:after,
#indexLayoutGrid19 .row:before,
#indexLayoutGrid19 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid19:after,
#indexLayoutGrid19 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_indexText6
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 60px 0px;
margin: 0;
text-align: center;
}
#wb_indexText6
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
}
#wb_indexText6 div
{
text-align: center;
}
#wb_indexLayoutGrid7
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1150px;
}
#indexLayoutGrid7
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
float: left;
}
#indexLayoutGrid7 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-3
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid7:before,
#indexLayoutGrid7:after,
#indexLayoutGrid7 .row:before,
#indexLayoutGrid7 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid7:after,
#indexLayoutGrid7 .row:after
{
clear: both;
}
@media (max-width: 640px)
{
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_indexLayoutGrid20
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid20
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 15px 70px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid20 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid20 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid20 > .row > .col-1
{
float: left;
}
#indexLayoutGrid20 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid20:before,
#indexLayoutGrid20:after,
#indexLayoutGrid20 .row:before,
#indexLayoutGrid20 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid20:after,
#indexLayoutGrid20 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid20 > .row > .col-1
{
float: none;
width: 100%;
}
}
#wb_indexLayoutGrid3
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1150px;
}
#indexLayoutGrid3
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 20px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid3 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
float: left;
}
#indexLayoutGrid3 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-3
{
background-color: transparent;
background-image: none;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid3:before,
#indexLayoutGrid3:after,
#indexLayoutGrid3 .row:before,
#indexLayoutGrid3 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid3:after,
#indexLayoutGrid3 .row:after
{
clear: both;
}
@media (max-width: 640px)
{
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
float: none;
width: 100%;
}
}
#wb_indexText9
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: center;
}
#wb_indexText9
{
font-family: Roboto;
font-weight: normal;
font-size: 37px;
}
#wb_indexText9 div
{
text-align: center;
}
#indexShape2
{
top: 30px;
width: 374px;
height: 63px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 0px;
}
#indexShape2:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape2_text
{
position: absolute;
left: 6px;
top: 14px;
width: 362px;
height: 43px;
overflow: hidden;
text-align: center;
}
#wb_indexShape2
{
margin: 0px 0px 30px 0px;
}
#wb_indexLayoutGrid5
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid5
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 70px 0px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid5 .row
{
margin-right: 0;
margin-left: 0;
}
#indexLayoutGrid5 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
position: relative;
}
#indexLayoutGrid5 > .row > .col-1
{
float: left;
}
#indexLayoutGrid5 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid5:before,
#indexLayoutGrid5:after,
#indexLayoutGrid5 .row:before,
#indexLayoutGrid5 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid5:after,
#indexLayoutGrid5 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid5 > .row > .col-1
{
float: none;
width: 100%;
}
}
#wb_indexLayoutGrid4
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #F5F5F5 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1100px;
}
#indexLayoutGrid4
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 50px 0px 50px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid4 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 50px;
padding-left: 50px;
position: relative;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
float: left;
}
#indexLayoutGrid4 > .row > .col-1
{
background-color: transparent;
background-image: url(images/2018-03-2_550.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
width: 50%;
text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
background-color: #F5F5F5;
background-image: none;
width: 50%;
text-align: right;
}
#indexLayoutGrid4:before,
#indexLayoutGrid4:after,
#indexLayoutGrid4 .row:before,
#indexLayoutGrid4 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid4:after,
#indexLayoutGrid4 .row:after
{
clear: both;
}
@media (max-width: 640px)
{
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
float: none;
width: 100%;
}
}
#wb_indexLayoutGrid6
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #F5F5F5 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1100px;
}
#indexLayoutGrid6
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 50px 0px 50px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid6 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 50px;
padding-left: 50px;
position: relative;
}
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
float: left;
}
#indexLayoutGrid6 > .row > .col-1
{
background-color: transparent;
background-image: url(images/2018-03-27%2012-28-02_550.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
width: 50%;
text-align: left;
}
#indexLayoutGrid6 > .row > .col-2
{
background-color: #F5F5F5;
background-image: none;
width: 50%;
text-align: right;
}
#indexLayoutGrid6:before,
#indexLayoutGrid6:after,
#indexLayoutGrid6 .row:before,
#indexLayoutGrid6 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid6:after,
#indexLayoutGrid6 .row:after
{
clear: both;
}
@media (max-width: 640px)
{
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
float: none;
width: 100%;
}
}
#wb_indexText13
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
text-align: right;
}
#wb_indexText13
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText13 div
{
text-align: right;
}
#wb_indexText14
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
text-align: right;
}
#wb_indexText14
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText14 div
{
text-align: right;
}
#wb_proizvodstvo
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #F5F5F5 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1100px;
}
#proizvodstvo
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 50px 0px 50px;
margin-right: auto;
margin-left: auto;
}
#proizvodstvo .row
{
margin-right: -50px;
margin-left: -50px;
}
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 50px;
padding-left: 50px;
position: relative;
}
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
float: left;
}
#proizvodstvo > .row > .col-1
{
background-color: #F5F5F5;
background-image: none;
width: 50%;
text-align: left;
}
#proizvodstvo > .row > .col-2
{
background-color: transparent;
background-image: url(images/4564dg654fg5f_550.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
width: 50%;
text-align: right;
}
#proizvodstvo:before,
#proizvodstvo:after,
#proizvodstvo .row:before,
#proizvodstvo .row:after
{
display: table;
content: " ";
}
#proizvodstvo:after,
#proizvodstvo .row:after
{
clear: both;
}
@media (max-width: 640px)
{
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
float: none;
width: 100%;
}
}
#wb_indexText19
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
text-align: left;
}
#wb_indexText19
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText19 div
{
text-align: left;
}
#wb_indexText20
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
text-align: left;
}
#wb_indexText20
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText20 div
{
text-align: left;
}
#wb_indexLayoutGrid8
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #F5F5F5 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1100px;
}
#indexLayoutGrid8
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 50px 0px 50px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid8 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 50px;
padding-left: 50px;
position: relative;
}
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
float: left;
}
#indexLayoutGrid8 > .row > .col-1
{
background-color: #F5F5F5;
background-image: none;
width: 50%;
text-align: left;
}
#indexLayoutGrid8 > .row > .col-2
{
background-color: transparent;
background-image: url(images/maxresdefault_550.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
width: 50%;
text-align: right;
}
#indexLayoutGrid8:before,
#indexLayoutGrid8:after,
#indexLayoutGrid8 .row:before,
#indexLayoutGrid8 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid8:after,
#indexLayoutGrid8 .row:after
{
clear: both;
}
@media (max-width: 640px)
{
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
float: none;
width: 100%;
}
}
#wb_indexText11
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
text-align: left;
}
#wb_indexText11
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText11 div
{
text-align: left;
}
#wb_indexText12
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
text-align: left;
}
#wb_indexText12
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText12 div
{
text-align: left;
}
#wb_indexText28
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: center;
}
#wb_indexText28
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
}
#wb_indexText28 div
{
text-align: center;
}
#wb_indexLayoutGrid9
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #F5F5F5 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1100px;
}
#indexLayoutGrid9
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 50px 0px 50px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid9 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 50px;
padding-left: 50px;
position: relative;
}
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
float: left;
}
#indexLayoutGrid9 > .row > .col-1
{
background-color: #F5F5F5;
background-image: none;
width: 50%;
text-align: left;
}
#indexLayoutGrid9 > .row > .col-2
{
background-color: transparent;
background-image: url(images/1ac2781edfe1_550.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
width: 50%;
text-align: right;
}
#indexLayoutGrid9:before,
#indexLayoutGrid9:after,
#indexLayoutGrid9 .row:before,
#indexLayoutGrid9 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid9:after,
#indexLayoutGrid9 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
float: none;
width: 100%;
}
}
#wb_design
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#design
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 50px 70px 50px;
margin-right: auto;
margin-left: auto;
}
#design .row
{
margin-right: -50px;
margin-left: -50px;
}
#design > .row > .col-1, #design > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 50px;
padding-left: 50px;
position: relative;
}
#design > .row > .col-1, #design > .row > .col-2
{
float: left;
}
#design > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 41.66666667%;
text-align: right;
}
#design > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 58.33333333%;
text-align: left;
}
#design:before,
#design:after,
#design .row:before,
#design .row:after
{
display: table;
content: " ";
}
#design:after,
#design .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#design > .row > .col-1, #design > .row > .col-2
{
float: none;
width: 100%;
}
}
#design-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #DCDCDC;
opacity: 0.31;
}
#indexFlexBoxContainer1
{
display: -webkit-flex;
display: flex;
padding: 0px 0px 0px 0px;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#wb_indexLayoutGrid11
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url(images/_DSC6649_1600.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid11
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 15px 70px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid11 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid11 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid11 > .row > .col-1
{
float: left;
}
#indexLayoutGrid11 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid11:before,
#indexLayoutGrid11:after,
#indexLayoutGrid11 .row:before,
#indexLayoutGrid11 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid11:after,
#indexLayoutGrid11 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid11 > .row > .col-1
{
float: none;
width: 100%;
}
}
#indexLayoutGrid11-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #303030;
opacity: 0.78;
}
#indexImage11
{
border: 0px #000000 solid;
padding: 0px 0px 0px 0px;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#wb_indexText35
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: left;
}
#wb_indexText35
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText35 div
{
text-align: left;
}
#wb_indexExtension5 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension5
{
width: 179px;
height: 44px;
top: 6469px;
left: 1072px;
}
.btnindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension5:hover,
.btnindexExtension5:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1b:hover:after,
.btn-1b:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension5 {
width:100%;
height:100%;
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension5:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension5:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension5:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension5:hover,
.btn-1aindexExtension5:active {
color: #FFFFFF;
background: #fff;
}
/* Button 1b */
.btn-1bindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension5:hover,
.btn-1bindexExtension5:active {
color: #FFFFFF;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension5:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension5:hover,
.btn-1cindexExtension5:active {
color: #FFFFFF;
}
.btn-1cindexExtension5:hover:after,
.btn-1cindexExtension5:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension5 {
overflow: hidden;
}
.btn-1dindexExtension5:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension5:hover,
.btn-1dindexExtension5:active {
color: #FFFFFF;
}
.btn-1dindexExtension5:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension5:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension5 {
overflow: hidden;
}
.btn-1eindexExtension5:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension5:hover,
.btn-1eindexExtension5:active {
color: #FFFFFF;
}
.btn-1eindexExtension5:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension5:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension5:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension5 {
overflow: hidden;
}
.btn-1findexExtension5:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension5:hover,
.btn-1findexExtension5:active {
color: #FFFFFF;
}
.btn-1findexExtension5:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension5:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension5 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension5 {
border-radius: 4px!important;
}
.btn-2bindexExtension5:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension5:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexText37
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: left;
}
#wb_indexText37
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText37 div
{
text-align: left;
}
#wb_indexText38
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: left;
}
#wb_indexText38
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText38 div
{
text-align: left;
}
#wb_indexText39
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: left;
}
#wb_indexText39
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText39 div
{
text-align: left;
}
#wb_indexText40
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: right;
}
#wb_indexText40
{
font-family: MyriadProRegular;
font-weight: normal;
font-size: 16px;
}
#wb_indexText40 div
{
text-align: right;
}
#wb_indexText44
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: center;
}
#wb_indexText44
{
font-family: Roboto;
font-weight: normal;
font-size: 37px;
}
#wb_indexText44 div
{
text-align: center;
}
#wb_indexText46
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: center;
}
#wb_indexText46
{
font-family: Roboto;
font-weight: normal;
font-size: 37px;
}
#wb_indexText46 div
{
text-align: center;
}
#wb_indexText23
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
text-align: left;
}
#wb_indexText23
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText23 div
{
text-align: left;
}
#wb_indexText24
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 30px 0px;
margin: 0;
text-align: left;
}
#wb_indexText24
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText24 div
{
text-align: left;
}
#wb_indexImage12
{
vertical-align: top;
}
#indexImage12
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 342px;
height: 513px;
vertical-align: top;
}
#wb_indexText7
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 30px 0px;
margin: 0;
text-align: left;
}
#wb_indexText7
{
font-family: Roboto;
font-weight: normal;
font-size: 32px;
}
#wb_indexText7 div
{
text-align: left;
}
#wb_indexExtension6 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension6
{
width: 179px;
height: 55px;
top: 4629px;
left: 583px;
}
.btnindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension6:hover,
.btnindexExtension6:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1b:hover:after,
.btn-1b:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension6 {
width:100%;
height:100%;
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension6:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension6:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension6:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension6:hover,
.btn-1aindexExtension6:active {
color: #FFFFFF;
background: #fff;
}
/* Button 1b */
.btn-1bindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension6:hover,
.btn-1bindexExtension6:active {
color: #FFFFFF;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension6:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension6:hover,
.btn-1cindexExtension6:active {
color: #FFFFFF;
}
.btn-1cindexExtension6:hover:after,
.btn-1cindexExtension6:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension6 {
overflow: hidden;
}
.btn-1dindexExtension6:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension6:hover,
.btn-1dindexExtension6:active {
color: #FFFFFF;
}
.btn-1dindexExtension6:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension6:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension6 {
overflow: hidden;
}
.btn-1eindexExtension6:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension6:hover,
.btn-1eindexExtension6:active {
color: #FFFFFF;
}
.btn-1eindexExtension6:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension6:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension6:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension6 {
overflow: hidden;
}
.btn-1findexExtension6:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension6:hover,
.btn-1findexExtension6:active {
color: #FFFFFF;
}
.btn-1findexExtension6:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension6:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension6 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension6 {
border-radius: 4px!important;
}
.btn-2bindexExtension6:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension6:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexText8
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 15px 0px;
margin: 0;
text-align: left;
}
#wb_indexText8
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
}
#wb_indexText8 div
{
text-align: left;
}
#wb_indexText47
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 30px 0px 15px 0px;
margin: 0;
text-align: left;
}
#wb_indexText47
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
}
#wb_indexText47 div
{
text-align: left;
}
#wb_indexExtension7 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension7
{
width: 320px;
height: 55px;
top: 4775px;
left: 583px;
}
.btnindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension7:hover,
.btnindexExtension7:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1b:hover:after,
.btn-1b:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension7 {
width:100%;
height:100%;
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension7:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension7:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension7:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension7:hover,
.btn-1aindexExtension7:active {
color: #FFFFFF;
background: #fff;
}
/* Button 1b */
.btn-1bindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension7:hover,
.btn-1bindexExtension7:active {
color: #FFFFFF;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension7:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension7:hover,
.btn-1cindexExtension7:active {
color: #FFFFFF;
}
.btn-1cindexExtension7:hover:after,
.btn-1cindexExtension7:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension7 {
overflow: hidden;
}
.btn-1dindexExtension7:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension7:hover,
.btn-1dindexExtension7:active {
color: #FFFFFF;
}
.btn-1dindexExtension7:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension7:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension7 {
overflow: hidden;
}
.btn-1eindexExtension7:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension7:hover,
.btn-1eindexExtension7:active {
color: #FFFFFF;
}
.btn-1eindexExtension7:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension7:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension7:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension7 {
overflow: hidden;
}
.btn-1findexExtension7:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension7:hover,
.btn-1findexExtension7:active {
color: #FFFFFF;
}
.btn-1findexExtension7:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension7:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension7 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension7 {
border-radius: 4px!important;
}
.btn-2bindexExtension7:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension7:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexLayoutGrid10
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: center center;
border: 0px transparent solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid10
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0px 0px 0px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid10 .row
{
margin-right: 0;
margin-left: 0;
}
#indexLayoutGrid10 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
position: relative;
}
#indexLayoutGrid10 > .row > .col-1
{
float: left;
}
#indexLayoutGrid10 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid10:before,
#indexLayoutGrid10:after,
#indexLayoutGrid10 .row:before,
#indexLayoutGrid10 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid10:after,
#indexLayoutGrid10 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid10 > .row > .col-1
{
float: none;
width: 100%;
}
}
#indexLayoutGrid10-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFFFFF;
opacity: 0.31;
}
#wb_indexLayoutGrid14
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid14
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 15px 45px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid14 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid14 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid14 > .row > .col-1
{
float: left;
}
#indexLayoutGrid14 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: center;
}
#indexLayoutGrid14:before,
#indexLayoutGrid14:after,
#indexLayoutGrid14 .row:before,
#indexLayoutGrid14 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid14:after,
#indexLayoutGrid14 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid14 > .row > .col-1
{
float: none;
width: 100%;
}
}
#indexLayoutGrid14-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #DCDCDC;
opacity: 0.31;
}
#wb_present
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#present
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 40px 70px 40px;
margin-right: auto;
margin-left: auto;
}
#present .row
{
margin-right: -40px;
margin-left: -40px;
}
#present > .row > .col-1, #present > .row > .col-2
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 40px;
padding-left: 40px;
position: relative;
}
#present > .row > .col-1, #present > .row > .col-2
{
float: left;
}
#present > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 41.66666667%;
text-align: right;
}
#present > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 58.33333333%;
text-align: left;
}
#present:before,
#present:after,
#present .row:before,
#present .row:after
{
display: table;
content: " ";
}
#present:after,
#present .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#present > .row > .col-1, #present > .row > .col-2
{
float: none;
width: 100%;
}
}
#indexLayer2
{
background-color: #303030;
background-image: none;
}
#indexSlideShow1 .image
{
border-width: 0;
display: block;
float: left;
height: auto;
width: 100%;
}
#indexSlideShow1 li
{
width: 100%;
left: 0;
top: 0;
}
#indexSlideShow1
{
display: inline-block;
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
#indexSlideShow1:hover
{
-webkit-transform: rotate(0deg) scale(1.05,1.05) ;
-moz-transform: rotate(0deg) scale(1.05,1.05) ;
transform: rotate(0deg) scale(1.05,1.05) ;
-webkit-transition: -webkit-transform 300ms ease-out 0ms;
-moz-transition: transform 300ms ease-out 0ms;
transition: transform 300ms ease-out 0ms;
}
#indexSlideShow2 .image
{
border-width: 0;
display: block;
float: left;
height: auto;
width: 100%;
}
#indexSlideShow2 li
{
width: 100%;
left: 0;
top: 0;
}
#indexSlideShow2
{
display: inline-block;
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
#indexSlideShow2:hover
{
-webkit-transform: rotate(0deg) scale(1.05,1.05) ;
-moz-transform: rotate(0deg) scale(1.05,1.05) ;
transform: rotate(0deg) scale(1.05,1.05) ;
-webkit-transition: -webkit-transform 300ms ease-in-out 0ms;
-moz-transition: transform 300ms ease-in-out 0ms;
transition: transform 300ms ease-in-out 0ms;
}
#indexSlideShow3 .image
{
border-width: 0;
display: block;
float: left;
height: auto;
width: 100%;
}
#indexSlideShow3 li
{
width: 100%;
left: 0;
top: 0;
}
#indexSlideShow3
{
display: inline-block;
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
#indexSlideShow3:hover
{
-webkit-transform: rotate(0deg) scale(1.05,1.05) ;
-moz-transform: rotate(0deg) scale(1.05,1.05) ;
transform: rotate(0deg) scale(1.05,1.05) ;
-webkit-transition: -webkit-transform 300ms ease-in-out 0ms;
-moz-transition: transform 300ms ease-in-out 0ms;
transition: transform 300ms ease-in-out 0ms;
}
#indexShape1
{
top: 30px;
width: 374px;
height: 63px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 0px;
}
#indexShape1:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape1_text
{
position: absolute;
left: 6px;
top: 14px;
width: 362px;
height: 43px;
overflow: hidden;
text-align: center;
}
#wb_indexShape1
{
margin: 0px 0px 30px 0px;
}
#indexShape8
{
position: absolute;
left: 0px;
top: 0px;
top: 0px;
width: 374px;
height: 43px;
background-color: #F5F5F5;
background-image: none;
border: 1px #F5F5F5 solid;
border-radius: 0px;
-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
}
#indexShape8:hover
{
background-color: #DCDCDC;
background-image: none;
border: 1px #DCDCDC solid;
}
#indexShape8_text
{
position: absolute;
left: 6px;
top: 13px;
width: 362px;
height: 24px;
overflow: hidden;
text-align: center;
}
#indexShape3
{
top: 30px;
width: 374px;
height: 63px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 0px;
}
#indexShape3:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape3_text
{
position: absolute;
left: 6px;
top: 14px;
width: 362px;
height: 43px;
overflow: hidden;
text-align: center;
}
#wb_indexShape3
{
margin: 0px 0px 30px 0px;
}
#indexShape9
{
position: absolute;
left: 0px;
top: 0px;
top: 0px;
width: 374px;
height: 43px;
background-color: #F5F5F5;
background-image: none;
border: 1px #F5F5F5 solid;
border-radius: 0px;
-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
box-shadow: 0px 2px 10px rgba(0,0,0,0.31);
}
#indexShape9:hover
{
background-color: #DCDCDC;
background-image: none;
border: 1px #DCDCDC solid;
}
#indexShape9_text
{
position: absolute;
left: 6px;
top: 13px;
width: 362px;
height: 24px;
overflow: hidden;
text-align: center;
}
#indexShape4
{
top: 45px;
width: 408px;
height: 53px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 3px;
}
#indexShape4:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape4_text
{
position: absolute;
left: 7px;
top: 18px;
width: 393px;
height: 27px;
overflow: hidden;
text-align: center;
}
#wb_indexShape4
{
margin: 0px 0px 45px 0px;
}
#wb_indexText17
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
opacity: 0.00;
text-align: right;
}
#wb_indexText17
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText17 div
{
text-align: right;
}
#wb_indexText18
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
opacity: 0.00;
text-align: right;
}
#wb_indexText18
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText18 div
{
text-align: right;
}
#wb_indexText15
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
opacity: 0.00;
text-align: left;
}
#wb_indexText15
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText15 div
{
text-align: left;
}
#wb_indexText16
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
opacity: 0.00;
text-align: left;
}
#wb_indexText16
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText16 div
{
text-align: left;
}
#indexShape5
{
top: 45px;
width: 408px;
height: 53px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 3px;
opacity: 0.00;
}
#indexShape5:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape5_text
{
position: absolute;
left: 7px;
top: 18px;
width: 393px;
height: 27px;
overflow: hidden;
text-align: center;
}
#wb_indexShape5
{
margin: 0px 0px 45px 0px;
}
#wb_indexText26
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 30px 0px 15px 0px;
margin: 0;
text-align: left;
}
#wb_indexText26
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
}
#wb_indexText26 div
{
text-align: left;
}
#wb_indexExtension3 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension3
{
width: 320px;
height: 55px;
top: 4921px;
left: 583px;
}
.btnindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension3:hover,
.btnindexExtension3:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1b:hover:after,
.btn-1b:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension3 {
width:100%;
height:100%;
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension3:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension3:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension3:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension3:hover,
.btn-1aindexExtension3:active {
color: #FFFFFF;
background: #fff;
}
/* Button 1b */
.btn-1bindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension3:hover,
.btn-1bindexExtension3:active {
color: #FFFFFF;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension3:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension3:hover,
.btn-1cindexExtension3:active {
color: #FFFFFF;
}
.btn-1cindexExtension3:hover:after,
.btn-1cindexExtension3:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension3 {
overflow: hidden;
}
.btn-1dindexExtension3:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension3:hover,
.btn-1dindexExtension3:active {
color: #FFFFFF;
}
.btn-1dindexExtension3:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension3:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension3 {
overflow: hidden;
}
.btn-1eindexExtension3:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension3:hover,
.btn-1eindexExtension3:active {
color: #FFFFFF;
}
.btn-1eindexExtension3:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension3:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension3:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension3 {
overflow: hidden;
}
.btn-1findexExtension3:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension3:hover,
.btn-1findexExtension3:active {
color: #FFFFFF;
}
.btn-1findexExtension3:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension3:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension3 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension3 {
border-radius: 4px!important;
}
.btn-2bindexExtension3:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension3:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexText27
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
text-align: right;
}
#wb_indexText27
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText27 div
{
text-align: right;
}
#wb_indexText30
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
text-align: right;
}
#wb_indexText30
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText30 div
{
text-align: right;
}
#wb_indexText31
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
opacity: 0.00;
text-align: right;
}
#wb_indexText31
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText31 div
{
text-align: right;
}
#wb_indexText32
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
opacity: 0.00;
text-align: right;
}
#wb_indexText32
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText32 div
{
text-align: right;
}
#wb_indexText41
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 70px 0px;
margin: 0;
text-align: center;
}
#wb_indexText41
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
}
#wb_indexText41 div
{
text-align: center;
}
#indexPhotoGallery1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
width: 100%;
height: 100%;
table-layout: fixed;
display: table;
}
#indexPhotoGallery1 .thumbnails
{
margin: 0;
}
#indexPhotoGallery1 .thumbnail
{
position: relative;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0px 0px 0px 0px;
width: 20%;
text-align: center;
vertical-align: top;
}
#indexPhotoGallery1 .thumbnail img
{
border: 0px #000000 solid;
display: block;
width: 100%;
height: auto;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexPhotoGallery1 .clearfix:before,
#indexPhotoGallery1 .clearfix:after,
#indexPhotoGallery1 .thumbnails:before,
#indexPhotoGallery1 .thumbnails:after
{
display: table;
content: " ";
}
#indexPhotoGallery1 .clearfix:after,
#indexPhotoGallery1 .thumbnails:after
{
clear: both;
}
#indexPhotoGallery1 .visible-col5
{
display: block;
}
#indexPhotoGallery1 .visible-col3
{
display: none;
}
#indexPhotoGallery1 .visible-col2
{
display: none;
}
#wb_indexText33
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: left;
}
#wb_indexText33
{
font-family: Roboto;
font-weight: normal;
font-size: 21px;
}
#wb_indexText33 div
{
text-align: left;
}
#wb_indexText34
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: left;
}
#wb_indexText34
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
}
#wb_indexText34 div
{
text-align: left;
}
#wb_indexExtension8 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension8
{
width: 279px;
height: 54px;
top: 6271px;
left: 573px;
}
.btnindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension8:hover,
.btnindexExtension8:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1b:hover:after,
.btn-1b:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension8 {
width:100%;
height:100%;
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 17px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension8:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension8:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension8:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension8:hover,
.btn-1aindexExtension8:active {
color: #FFFFFF;
background: #fff;
}
/* Button 1b */
.btn-1bindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension8:hover,
.btn-1bindexExtension8:active {
color: #FFFFFF;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension8:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension8:hover,
.btn-1cindexExtension8:active {
color: #FFFFFF;
}
.btn-1cindexExtension8:hover:after,
.btn-1cindexExtension8:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension8 {
overflow: hidden;
}
.btn-1dindexExtension8:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension8:hover,
.btn-1dindexExtension8:active {
color: #FFFFFF;
}
.btn-1dindexExtension8:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension8:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension8 {
overflow: hidden;
}
.btn-1eindexExtension8:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension8:hover,
.btn-1eindexExtension8:active {
color: #FFFFFF;
}
.btn-1eindexExtension8:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension8:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension8:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension8 {
overflow: hidden;
}
.btn-1findexExtension8:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension8:hover,
.btn-1findexExtension8:active {
color: #FFFFFF;
}
.btn-1findexExtension8:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension8:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension8 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension8 {
border-radius: 4px!important;
}
.btn-2bindexExtension8:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension8:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexImage5
{
vertical-align: top;
}
#indexImage5
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 248px;
height: 248px;
vertical-align: top;
}
#wb_indexText42
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: right;
}
#wb_indexText42
{
font-family: Arial;
font-weight: normal;
font-size: 16px;
}
#wb_indexText42 div
{
text-align: right;
}
#wb_indexText21
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 50px 0px;
margin: 0;
opacity: 0.00;
text-align: left;
}
#wb_indexText21
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText21 div
{
text-align: left;
}
#wb_indexText22
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
opacity: 0.00;
text-align: left;
}
#wb_indexText22
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText22 div
{
text-align: left;
}
#wb_indexText29
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 0px 0px;
margin: 0;
text-align: center;
}
#wb_indexText29
{
font-family: Roboto;
font-weight: normal;
font-size: 11px;
}
#wb_indexText29 div
{
text-align: center;
}
#wb_indexText43
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 60px 0px;
margin: 0;
text-align: center;
}
#wb_indexText43
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
}
#wb_indexText43 div
{
text-align: center;
}
#wb_indexLayoutGrid15
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: 1280px;
}
#indexLayoutGrid15
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid15 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
float: left;
}
#indexLayoutGrid15 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 25%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-2
{
background-color: transparent;
background-image: none;
width: 25%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-3
{
background-color: transparent;
background-image: none;
width: 25%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-4
{
background-color: transparent;
background-image: none;
width: 25%;
text-align: center;
}
#indexLayoutGrid15:before,
#indexLayoutGrid15:after,
#indexLayoutGrid15 .row:before,
#indexLayoutGrid15 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid15:after,
#indexLayoutGrid15 .row:after
{
clear: both;
}
@media (max-width: 640px)
{
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
float: none;
width: 100%;
}
}
#wb_indexLayoutGrid16
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px #CCCCCC solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexLayoutGrid16
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
}
#indexLayoutGrid16 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid16 > .row > .col-1
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#indexLayoutGrid16 > .row > .col-1
{
float: left;
}
#indexLayoutGrid16 > .row > .col-1
{
background-color: transparent;
background-image: none;
width: 100%;
text-align: left;
}
#indexLayoutGrid16:before,
#indexLayoutGrid16:after,
#indexLayoutGrid16 .row:before,
#indexLayoutGrid16 .row:after
{
display: table;
content: " ";
}
#indexLayoutGrid16:after,
#indexLayoutGrid16 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#indexLayoutGrid16 > .row > .col-1
{
float: none;
width: 100%;
}
}
#wb_indexText45
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 25px 0px;
margin: 0;
text-align: center;
}
#wb_indexText45
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText45 div
{
text-align: center;
}
#wb_indexText48
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 25px 0px;
margin: 0;
text-align: center;
}
#wb_indexText48
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText48 div
{
text-align: center;
}
#wb_indexText49
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 25px 0px;
margin: 0;
text-align: center;
}
#wb_indexText49
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText49 div
{
text-align: center;
}
#wb_indexText50
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 25px 0px;
margin: 0;
text-align: center;
}
#wb_indexText50
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText50 div
{
text-align: center;
}
#wb_indexImage6
{
vertical-align: top;
}
#indexImage6
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 128px;
height: 128px;
vertical-align: top;
}
#wb_indexImage7
{
vertical-align: top;
}
#indexImage7
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 128px;
height: 128px;
vertical-align: top;
}
#wb_indexImage8
{
vertical-align: top;
}
#indexImage8
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 128px;
height: 128px;
vertical-align: top;
}
#wb_indexText10
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 50px 0px 30px 0px;
margin: 0;
opacity: 0.00;
text-align: left;
}
#wb_indexText10
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText10 div
{
text-align: left;
}
#wb_indexText25
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 30px 0px;
margin: 0;
opacity: 0.00;
text-align: left;
}
#wb_indexText25
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText25 div
{
text-align: left;
}
#indexShape6
{
top: 45px;
width: 408px;
height: 53px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 3px;
opacity: 0.00;
}
#indexShape6:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape6_text
{
position: absolute;
left: 7px;
top: 18px;
width: 393px;
height: 27px;
overflow: hidden;
text-align: center;
}
#wb_indexShape6
{
margin: 0px 0px 45px 0px;
}
#indexLine1
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine2
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine3
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine4
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 5px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine5
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 5px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine6
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 5px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexFileUpload22 *
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#indexFileUpload22{
display: table;
border-collapse: separate;
margin: 5px 5px 5px 5px;
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-align-self: auto;
align-self: auto;
}
#indexFileUpload22 .form-control
{
display: block;
width: 100%;
height: 54px;
line-height: 34px;
padding: 10px 10px 10px 10px;
font-family:Roboto;
font-weight: normal;
font-size: 16px;
color: #555555;
background-color: #FFFFFF;
background-image: none;
border: 1px #FE491C solid;
border-radius: 4px;
}
#indexFileUpload22 .form-control
{
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0px;
}
#indexFileUpload22 label
{
display: inline-block;
margin-bottom: 5px;
font-weight: 700;
}
#indexFileUpload22 .input-group-btn, indexFileUpload22 .form-control
{
display: table-cell;
}
#indexFileUpload22 :first-child.form-control, indexFileUpload22 :first-child.input-group-btn > .btn, indexFileUpload22 :first-child.input-group-btn > .btn-group > .btn, indexFileUpload22 :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn, indexFileUpload22 :last-child.input-group-btn > :not(:last-child).btn-group > .btn
{
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
#indexFileUpload22 .input-group-btn
{
width: 1%;
white-space: nowrap;
vertical-align: middle;
position: relative;
font-size: 0px;
white-space: nowrap;
}
#indexFileUpload22 .btn
{
display: inline-block;
margin-bottom: 0px;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #FE491C;
background-image: none;
border: 1px solid #FE491C;
color: #FFFFFF;
white-space: nowrap;
padding: 10px 10px 10px 10px;
font-family:Roboto;
font-weight: normal;
font-size: 16px;
line-height: 34px;
border-radius: 4px;
height: 54px;
}
#indexFileUpload22 .input-group-btn > .btn
{
position: relative;
}
#indexFileUpload22 :last-child.form-control, #indexFileUpload22 :last-child.input-group-btn > .btn, #indexFileUpload22 :last-child.input-group-btn > .btn-group > .btn, #indexFileUpload22 :first-child.input-group-btn > :not(:first-child).btn, indexFileUpload22 :first-child.input-group-btn > :not(:first-child).btn-group > .btn
{
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
#indexFileUpload22 :last-child.input-group-btn > .btn, indexFileUpload22 :last-child.input-group-btn > .btn-group
{
margin-left: -1px;
}
#indexEditbox3
{
border: 1px #FFFFFF solid;
border-radius: 4px;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Roboto;
font-weight: normal;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 4px 4px 20px;
margin: 5px 5px 5px 5px;
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-align-self: auto;
align-self: auto;
text-align: left;
vertical-align: middle;
}
#indexEditbox3:focus
{
border-color: #66AFE9;
-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#indexEditbox4
{
border: 1px #FFFFFF solid;
border-radius: 4px;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Roboto;
font-weight: normal;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 4px 4px 20px;
margin: 5px 5px 5px 5px;
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-align-self: auto;
align-self: auto;
text-align: left;
vertical-align: middle;
}
#indexEditbox4:focus
{
border-color: #66AFE9;
-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#wb_indexExtension9 {margin: 5px 5px 5px 5px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension9
{
width: 209px;
height: 54px;
top: 5205px;
left: 864px;
}
.btnindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension9:hover,
.btnindexExtension9:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1b:hover:after,
.btn-1b:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension9 {
width:100%;
height:100%;
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension9:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension9:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension9:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension9:hover,
.btn-1aindexExtension9:active {
color: #FFFFFF;
background: #fff;
}
/* Button 1b */
.btn-1bindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension9:hover,
.btn-1bindexExtension9:active {
color: #FFFFFF;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension9:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension9:hover,
.btn-1cindexExtension9:active {
color: #FFFFFF;
}
.btn-1cindexExtension9:hover:after,
.btn-1cindexExtension9:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension9 {
overflow: hidden;
}
.btn-1dindexExtension9:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension9:hover,
.btn-1dindexExtension9:active {
color: #FFFFFF;
}
.btn-1dindexExtension9:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension9:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension9 {
overflow: hidden;
}
.btn-1eindexExtension9:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension9:hover,
.btn-1eindexExtension9:active {
color: #FFFFFF;
}
.btn-1eindexExtension9:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension9:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension9:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension9 {
overflow: hidden;
}
.btn-1findexExtension9:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension9:hover,
.btn-1findexExtension9:active {
color: #FFFFFF;
}
.btn-1findexExtension9:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension9:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension9 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension9 {
border-radius: 4px!important;
}
.btn-2bindexExtension9:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension9:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension9{
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-align-self: auto;
align-self: auto;
}
#wb_indexText36
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: center;
}
#wb_indexText36
{
font-family: Roboto;
font-weight: normal;
font-size: 37px;
}
#wb_indexText36 div
{
text-align: center;
}
#indexShape10
{
top: 30px;
width: 374px;
height: 63px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 0px;
}
#indexShape10:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape10_text
{
position: absolute;
left: 6px;
top: 23px;
width: 362px;
height: 34px;
overflow: hidden;
text-align: center;
}
#wb_indexShape10
{
margin: 0px 0px 30px 0px;
}
#wb_indexText52
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: center;
}
#wb_indexText52
{
font-family: Roboto;
font-weight: normal;
font-size: 37px;
}
#wb_indexText52 div
{
text-align: center;
}
#wb_indexText53
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0px 0px 20px 0px;
margin: 0;
text-align: center;
}
#wb_indexText53
{
font-family: Roboto;
font-weight: normal;
font-size: 37px;
}
#wb_indexText53 div
{
text-align: center;
}
#indexSlideShow4 .image
{
border-width: 0;
display: block;
float: left;
height: auto;
width: 100%;
}
#indexSlideShow4 li
{
width: 100%;
left: 0;
top: 0;
}
#indexSlideShow4
{
display: inline-block;
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
#indexSlideShow4:hover
{
-webkit-transform: rotate(0deg) scale(1.05,1.05) ;
-moz-transform: rotate(0deg) scale(1.05,1.05) ;
transform: rotate(0deg) scale(1.05,1.05) ;
-webkit-transition: -webkit-transform 300ms ease-out 0ms;
-moz-transition: transform 300ms ease-out 0ms;
transition: transform 300ms ease-out 0ms;
}
#indexSlideShow5 .image
{
border-width: 0;
display: block;
float: left;
height: auto;
width: 100%;
}
#indexSlideShow5 li
{
width: 100%;
left: 0;
top: 0;
}
#indexSlideShow5
{
display: inline-block;
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
#indexSlideShow5:hover
{
-webkit-transform: rotate(0deg) scale(1.05,1.05) ;
-moz-transform: rotate(0deg) scale(1.05,1.05) ;
transform: rotate(0deg) scale(1.05,1.05) ;
-webkit-transition: -webkit-transform 300ms ease-in-out 0ms;
-moz-transition: transform 300ms ease-in-out 0ms;
transition: transform 300ms ease-in-out 0ms;
}
#indexSlideShow6 .image
{
border-width: 0;
display: block;
float: left;
height: auto;
width: 100%;
}
#indexSlideShow6 li
{
width: 100%;
left: 0;
top: 0;
}
#indexSlideShow6
{
display: inline-block;
position: relative;
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
#indexSlideShow6:hover
{
-webkit-transform: rotate(0deg) scale(1.05,1.05) ;
-moz-transform: rotate(0deg) scale(1.05,1.05) ;
transform: rotate(0deg) scale(1.05,1.05) ;
-webkit-transition: -webkit-transform 300ms ease-in-out 0ms;
-moz-transition: transform 300ms ease-in-out 0ms;
transition: transform 300ms ease-in-out 0ms;
}
#indexShape12
{
top: 30px;
width: 374px;
height: 63px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 0px;
}
#indexShape12:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape12_text
{
position: absolute;
left: 6px;
top: 23px;
width: 362px;
height: 34px;
overflow: hidden;
text-align: center;
}
#wb_indexShape12
{
margin: 0px 0px 30px 0px;
}
#indexShape14
{
top: 30px;
width: 374px;
height: 63px;
background-color: #FD6640;
background-image: none;
border: 1px #FD6640 solid;
border-radius: 0px;
}
#indexShape14:hover
{
background-color: #FE491C;
background-image: none;
border: 1px #FE491C solid;
}
#indexShape14_text
{
position: absolute;
left: 6px;
top: 23px;
width: 362px;
height: 34px;
overflow: hidden;
text-align: center;
}
#wb_indexShape14
{
margin: 0px 0px 30px 0px;
}
#indexLine7
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine8
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine9
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 10px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine10
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 5px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine11
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 5px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#indexLine12
{
border-color: #FFFFFF;
border-style: solid;
border-bottom-width: 5px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 0;
padding: 0;
}
#wb_indexText54
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: center;
}
#wb_indexText54
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
}
#wb_indexText54 div
{
text-align: center;
}
#wb_indexText4
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 0px 0px;
margin: 0;
text-align: center;
}
#wb_indexText4
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText4 div
{
text-align: center;
}
#wb_indexText5
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 0px 0px;
margin: 0;
text-align: center;
}
#wb_indexText5
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText5 div
{
text-align: center;
}
#wb_indexText55
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 0px 0px;
margin: 0;
text-align: center;
}
#wb_indexText55
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText55 div
{
text-align: center;
}
#wb_indexText56
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: center;
}
#wb_indexText56
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
}
#wb_indexText56 div
{
text-align: center;
}
#wb_indexText57
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 0px 0px;
margin: 0;
text-align: center;
}
#wb_indexText57
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText57 div
{
text-align: center;
}
#wb_indexText58
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 0px 0px;
margin: 0;
text-align: center;
}
#wb_indexText58
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText58 div
{
text-align: center;
}
#wb_indexText59
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 10px 0px 0px 0px;
margin: 0;
text-align: center;
}
#wb_indexText59
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText59 div
{
text-align: center;
}
#wb_indexImage10
{
vertical-align: top;
}
#indexImage10
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 117px;
height: 105px;
vertical-align: top;
}
#wb_indexImage13
{
vertical-align: top;
}
#indexImage13
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 96px;
height: 96px;
vertical-align: top;
}
#wb_indexImage14
{
vertical-align: top;
}
#indexImage14
{
border: 0px #000000 solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
display: inline-block;
width: 92px;
height: 104px;
vertical-align: top;
}
#wb_indexText60
{
background-color: transparent;
background-image: none;
border: 0px #000000 solid;
padding: 0;
margin: 0;
text-align: left;
}
#wb_indexText60
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
}
#wb_indexText60 div
{
text-align: left;
}
#indexSlideShow4
{
display: inline-block;
position: relative;
width: 374px;
height: 374px;
border: 1px #F4F4F4 solid;
box-sizing: border-box;
z-index: 44;
}
#wb_indexShape14
{
display: inline-block;
width: 376px;
height: 65px;
z-index: 57;
position: relative;
}
#indexSlideShow5
{
display: inline-block;
position: relative;
width: 374px;
height: 374px;
border: 1px #DCDCDC solid;
box-sizing: border-box;
z-index: 49;
}
#wb_indexExtension5
{
position: absolute;
left: 1072px;
top: 72px;
width: 179px;
height: 44px;
z-index: 191;
}
#wb_indexExtension8
{
display: inline-block;
width: 279px;
height: 54px;
z-index: 187;
}
#wb_indexExtension9
{
display: inline-block;
width: 209px;
height: 54px;
z-index: 168;
}
#indexEditbox3
{
display: block;
width: 209px;
height: 54px;
}
#wb_indexExtension3
{
display: inline-block;
width: 320px;
height: 55px;
z-index: 160;
}
#wb_indexExtension7
{
display: inline-block;
width: 320px;
height: 55px;
z-index: 158;
}
#wb_indexExtension6
{
display: inline-block;
width: 179px;
height: 55px;
z-index: 156;
}
#indexSlideShow6
{
display: inline-block;
position: relative;
width: 374px;
height: 374px;
border: 1px #F5F5F5 solid;
box-sizing: border-box;
z-index: 54;
}
#wb_indexExtension1
{
position: absolute;
left: 814px;
top: 28px;
width: 179px;
height: 44px;
z-index: 11;
}
#indexLayer1
{
position: relative;
overflow: hidden;
text-align: center;
width: 100%;
height: 100px;
float: left;
display: block;
z-index: 205;
}
#indexLayer2
{
position: relative;
overflow: hidden;
text-align: center;
width: 100%;
height: 201px;
float: left;
display: block;
z-index: 206;
}
#indexHtml2
{
display: inline-block;
width: 960px;
height: 134px;
z-index: 83;
}
#indexHtml1
{
display: inline-block;
width: 255px;
height: 61px;
z-index: 23;
}
#wb_indexPhotoGallery1
{
display: inline-block;
width: 100%;
z-index: 173;
}
#wb_indexText1
{
position: absolute;
left: 232px;
top: 31px;
width: 310px;
height: 38px;
z-index: 8;
}
#wb_indexImage14
{
display: inline-block;
width: 92px;
height: 104px;
z-index: 62;
}
#wb_indexText2
{
position: absolute;
left: 993px;
top: 26px;
width: 258px;
height: 33px;
text-align: right;
z-index: 9;
}
#wb_indexText39
{
position: absolute;
left: 30px;
top: 153px;
width: 390px;
height: 19px;
z-index: 194;
}
#wb_indexText38
{
position: absolute;
left: 30px;
top: 134px;
width: 390px;
height: 19px;
z-index: 193;
}
#wb_indexText37
{
position: absolute;
left: 30px;
top: 115px;
width: 310px;
height: 19px;
z-index: 192;
}
#wb_indexText35
{
position: absolute;
left: 232px;
top: 44px;
width: 350px;
height: 38px;
z-index: 190;
}
#indexLayer2_Container
{
width: 1280px;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#indexLayer1_Container
{
width: 1280px;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#wb_indexText40
{
position: absolute;
left: 1001px;
top: 144px;
width: 250px;
height: 18px;
text-align: right;
z-index: 195;
}
#wb_indexImage5
{
display: inline-block;
width: 248px;
height: 248px;
z-index: 184;
}
#wb_indexImage9
{
display: inline-block;
width: 128px;
height: 128px;
z-index: 180;
}
#wb_indexImage8
{
display: inline-block;
width: 128px;
height: 128px;
z-index: 178;
}
#wb_indexImage7
{
display: inline-block;
width: 128px;
height: 128px;
z-index: 176;
}
#wb_indexImage6
{
display: inline-block;
width: 128px;
height: 128px;
z-index: 174;
}
#indexEditbox4
{
display: block;
width: 209px;
height: 54px;
}
#indexLine10
{
display: block;
width: 100%;
z-index: 46;
}
#wb_indexImage3
{
display: inline-block;
width: 96px;
height: 96px;
z-index: 18;
}
#wb_indexImage2
{
display: inline-block;
width: 117px;
height: 105px;
z-index: 16;
}
#wb_indexImage4
{
display: inline-block;
width: 92px;
height: 104px;
z-index: 14;
}
#wb_indexText42
{
position: absolute;
left: 1001px;
top: 57px;
width: 250px;
height: 18px;
text-align: right;
z-index: 10;
}
#wb_indexImage1
{
position: absolute;
left: 30px;
top: 18px;
width: 174px;
height: 65px;
z-index: 7;
}
#wb_indexImage11
{
position: absolute;
left: 30px;
top: 31px;
width: 174px;
height: 65px;
z-index: 189;
}
#wb_indexText51
{
position: absolute;
left: 941px;
top: 26px;
width: 310px;
height: 33px;
text-align: right;
z-index: 188;
}
#indexFileUpload22
{
display: table;
width: 187px;
height: 32px;
}
#indexLine11
{
display: block;
width: 100%;
z-index: 51;
}
#wb_indexText60
{
position: absolute;
left: 474px;
top: 115px;
width: 320px;
height: 38px;
z-index: 196;
}
#wb_indexImage10
{
display: inline-block;
width: 117px;
height: 105px;
z-index: 64;
}
#indexLine12
{
display: block;
width: 100%;
z-index: 56;
}
#indexLine9
{
display: block;
width: 100%;
z-index: 55;
}
#indexLine8
{
display: block;
width: 100%;
z-index: 50;
}
#indexLine7
{
display: block;
width: 100%;
z-index: 45;
}
#indexLine6
{
display: block;
width: 100%;
z-index: 41;
}
#indexLine3
{
display: block;
width: 100%;
z-index: 39;
}
#indexLine5
{
display: block;
width: 100%;
z-index: 35;
}
#indexLine2
{
display: block;
width: 100%;
z-index: 33;
}
#indexLine4
{
display: block;
width: 100%;
z-index: 29;
}
#indexLine1
{
display: block;
width: 100%;
z-index: 27;
}
#wb_indexImage13
{
display: inline-block;
width: 96px;
height: 96px;
z-index: 66;
}
#wb_indexShape12
{
display: inline-block;
width: 376px;
height: 65px;
z-index: 52;
position: relative;
}
#wb_indexImage12
{
display: inline-block;
width: 342px;
height: 513px;
z-index: 153;
}
#wb_indexShape10
{
display: inline-block;
width: 376px;
height: 65px;
z-index: 47;
position: relative;
}
#indexSlideShow1
{
display: inline-block;
position: relative;
width: 374px;
height: 374px;
border: 1px #F4F4F4 solid;
box-sizing: border-box;
z-index: 26;
}
#indexFileUpload22-file
{
display: none;
}
#wb_indexShape6
{
display: inline-block;
width: 410px;
height: 55px;
opacity: 0.00;
z-index: 124;
position: relative;
}
#wb_indexShape5
{
display: none;
width: 410px;
height: 55px;
opacity: 0.00;
z-index: 121;
position: relative;
}
#wb_indexShape4
{
display: inline-block;
width: 410px;
height: 55px;
z-index: 120;
position: relative;
}
#wb_indexShape3
{
display: inline-block;
width: 376px;
height: 65px;
z-index: 42;
position: relative;
}
#wb_indexShape9
{
display: inline-block;
width: 376px;
height: 50px;
z-index: 40;
position: relative;
}
#wb_indexShape1
{
display: inline-block;
width: 376px;
height: 65px;
z-index: 36;
position: relative;
}
#wb_indexShape8
{
display: inline-block;
width: 376px;
height: 50px;
z-index: 34;
position: relative;
}
#indexSlideShow2
{
display: inline-block;
position: relative;
width: 374px;
height: 374px;
border: 1px #DCDCDC solid;
box-sizing: border-box;
z-index: 32;
}
#wb_indexShape2
{
display: inline-block;
width: 376px;
height: 65px;
z-index: 30;
position: relative;
}
#wb_indexShape7
{
display: inline-block;
width: 376px;
height: 50px;
z-index: 28;
position: relative;
}
#indexSlideShow3
{
display: inline-block;
position: relative;
width: 374px;
height: 374px;
border: 1px #F5F5F5 solid;
box-sizing: border-box;
z-index: 38;
}
@media only screen and (min-width: 960px) and (max-width: 1279px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_indexImage4
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage4
{
width: 92px;
height: 104px;
}
#wb_indexImage3
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage3
{
width: 96px;
height: 96px;
}
#wb_indexImage2
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage2
{
width: 117px;
height: 105px;
}
#wb_indexLayoutGrid17
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid17
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid17
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid17 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid17 > .row > .col-1
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-2
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-3
{
display: block;
width: 33.33333333%;
text-align: center;
}
#wb_indexLayoutGrid2
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid2
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid2
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid2 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid2 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid2 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText51
{
left: 621px;
top: 26px;
width: 310px;
height: 33px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText51
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexImage9
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage9
{
width: 128px;
height: 128px;
}
#wb_indexShape7
{
width: 270px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape7
{
width: 268px;
height: 43px;
}
#indexShape7_text
{
left: 6px;
top: 15px;
width: 258px;
height: 29px;
}
#indexLayer1
{
height: 100px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
}
#indexLayer1
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer1_Container
{
width: 960px;
}
#wb_indexLayoutGrid13
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid13
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid13
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid13 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid13 > .row > .col-1
{
display: block;
width: 50%;
text-align: left;
}
#indexLayoutGrid13 > .row > .col-2
{
display: block;
width: 50%;
text-align: left;
}
#wb_indexImage1
{
left: 30px;
top: 26px;
width: 134px;
height: 49px;
visibility: visible;
display: inline;
}
#wb_indexText1
{
left: 192px;
top: 23px;
width: 220px;
height: 54px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText1
{
font-family: Roboto;
font-weight: normal;
font-size: 15px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexText2
{
left: 671px;
top: 26px;
width: 260px;
height: 33px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText2
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexExtension1
{
left: 512px;
top: 28px;
width: 169px;
height: 44px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension1:hover,
.btnindexExtension1:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension1 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension1:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension1:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension1:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension1:hover,
.btn-1aindexExtension1:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension1:hover,
.btn-1bindexExtension1:active {
color: #FFFFFF;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension1:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension1:hover,
.btn-1cindexExtension1:active {
color: #FFFFFF;
}
.btn-1cindexExtension1:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension1 {
overflow: hidden;
}
.btn-1dindexExtension1:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension1:hover,
.btn-1dindexExtension1:active {
color: #FFFFFF;
}
.btn-1dindexExtension1:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension1:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension1 {
overflow: hidden;
}
.btn-1eindexExtension1:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension1:hover,
.btn-1eindexExtension1:active {
color: #FFFFFF;
}
.btn-1eindexExtension1:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension1:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension1:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension1 {
overflow: hidden;
}
.btn-1findexExtension1:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension1:hover,
.btn-1findexExtension1:active {
color: #FFFFFF;
}
.btn-1findexExtension1:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension1:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension1 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension1 {
border-radius: 4px!important;
}
.btn-2bindexExtension1:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension1:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension1 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension1
{
width: 169px;
height: 44px;
top: 28px;
left: 512px;
}
#wb_indexLayoutGrid1
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6717_darker.jpg);
background-repeat: no-repeat;
background-position: center bottom !important;
background-attachment: scroll;
background-size: cover;
}
#wb_indexLayoutGrid1
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid1
{
padding: 100px 30px 100px 30px;
}
#indexLayoutGrid1 .row
{
margin-right: -30px;
margin-left: -30px;
}
#indexLayoutGrid1 > .row > .col-1
{
padding-right: 30px;
padding-left: 30px;
}
#indexLayoutGrid1 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText3
{
visibility: visible;
display: block;
}
#wb_indexText3
{
font-family: Roboto;
font-weight: normal;
font-size: 48px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexLayoutGrid12
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid12
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid12
{
padding: 60px 15px 0px 15px;
}
#indexLayoutGrid12 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid12 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid12 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_catalog
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_catalog
{
margin-top: 0px;
margin-bottom: 0px;
}
#catalog
{
padding: 30px 10px 40px 10px;
}
#catalog .row
{
margin-right: -10px;
margin-left: -10px;
}
#catalog > .row > .col-1
{
padding-right: 10px;
padding-left: 10px;
}
#catalog > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid18
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid18
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid18
{
padding: 20px 15px 0px 15px;
}
#indexLayoutGrid18 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid18 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid18 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexLayoutGrid19
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid19
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid19
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid19 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid19 > .row > .col-1
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-2
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-3
{
display: block;
width: 33.33333333%;
text-align: center;
}
#wb_indexText6
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText6
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
text-align: center;
}
#wb_indexLayoutGrid7
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid7
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid7
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid7 > .row > .col-1
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-2
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-3
{
display: block;
width: 33.33333333%;
text-align: center;
}
#wb_indexLayoutGrid20
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid20
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid20
{
padding: 20px 15px 70px 15px;
}
#indexLayoutGrid20 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid20 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid20 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid3
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid3
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid3
{
padding: 0px 5px 20px 5px;
}
#indexLayoutGrid3 .row
{
margin-right: -5px;
margin-left: -5px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
padding-right: 5px;
padding-left: 5px;
}
#indexLayoutGrid3 > .row > .col-1
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-2
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-3
{
display: block;
width: 33.33333333%;
text-align: center;
}
#wb_indexText9
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText9
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape2
{
width: 270px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape2
{
width: 268px;
height: 68px;
}
#indexShape2_text
{
left: 6px;
top: 16px;
width: 258px;
height: 48px;
}
#wb_indexLayoutGrid5
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid5
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid5
{
padding: 0px 0px 70px 0px;
}
#indexLayoutGrid5 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid5 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid5 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid4
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid4
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid4
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid4 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid4 > .row > .col-1
{
display: block;
width: 50%;
text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
display: block;
width: 50%;
text-align: right;
}
#wb_indexLayoutGrid6
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid6
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid6
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid6 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid6 > .row > .col-1
{
display: block;
width: 50%;
text-align: left;
}
#indexLayoutGrid6 > .row > .col-2
{
display: block;
width: 50%;
text-align: right;
}
#wb_indexText13
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText13
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText14
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText14
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_proizvodstvo
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_proizvodstvo
{
margin-top: 0px;
margin-bottom: 0px;
}
#proizvodstvo
{
padding: 0px 50px 0px 50px;
}
#proizvodstvo .row
{
margin-right: -50px;
margin-left: -50px;
}
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#proizvodstvo > .row > .col-1
{
display: block;
width: 50%;
text-align: left;
}
#proizvodstvo > .row > .col-2
{
display: block;
width: 50%;
text-align: right;
}
#wb_indexText19
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText19
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText20
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText20
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexLayoutGrid8
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid8
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid8
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid8 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid8 > .row > .col-1
{
display: block;
width: 50%;
text-align: left;
}
#indexLayoutGrid8 > .row > .col-2
{
display: block;
width: 50%;
text-align: right;
}
#wb_indexText11
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText11
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText12
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText12
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText28
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText28
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid9
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid9
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid9
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid9 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid9 > .row > .col-1
{
display: block;
width: 50%;
text-align: left;
}
#indexLayoutGrid9 > .row > .col-2
{
display: block;
width: 50%;
text-align: right;
}
#wb_design
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_design
{
margin-top: 0px;
margin-bottom: 0px;
}
#design
{
padding: 70px 50px 70px 50px;
}
#design .row
{
margin-right: -50px;
margin-left: -50px;
}
#design > .row > .col-1, #design > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#design > .row > .col-1
{
display: block;
width: 41.66666667%;
text-align: right;
}
#design > .row > .col-2
{
display: block;
width: 58.33333333%;
text-align: left;
}
#indexFlexBoxContainer1
{
visibility: visible;
display: flex;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexFlexBoxContainer1
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
#wb_indexLayoutGrid11
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6649_1600.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
}
#wb_indexLayoutGrid11
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid11
{
padding: 70px 15px 70px 15px;
}
#indexLayoutGrid11 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid11 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid11 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexImage11
{
left: 30px;
top: 31px;
width: 174px;
height: 65px;
visibility: visible;
display: inline;
}
#wb_indexText35
{
left: 232px;
top: 44px;
width: 350px;
height: 38px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText35
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexExtension5
{
left: 752px;
top: 72px;
width: 179px;
height: 44px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension5:hover,
.btnindexExtension5:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension5 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension5:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension5:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension5:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension5:hover,
.btn-1aindexExtension5:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension5:hover,
.btn-1bindexExtension5:active {
color: #FFFFFF;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension5:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension5:hover,
.btn-1cindexExtension5:active {
color: #FFFFFF;
}
.btn-1cindexExtension5:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension5 {
overflow: hidden;
}
.btn-1dindexExtension5:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension5:hover,
.btn-1dindexExtension5:active {
color: #FFFFFF;
}
.btn-1dindexExtension5:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension5:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension5 {
overflow: hidden;
}
.btn-1eindexExtension5:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension5:hover,
.btn-1eindexExtension5:active {
color: #FFFFFF;
}
.btn-1eindexExtension5:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension5:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension5:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension5 {
overflow: hidden;
}
.btn-1findexExtension5:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension5:hover,
.btn-1findexExtension5:active {
color: #FFFFFF;
}
.btn-1findexExtension5:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension5:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension5 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension5 {
border-radius: 4px!important;
}
.btn-2bindexExtension5:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension5:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension5 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension5
{
width: 179px;
height: 44px;
top: 6612px;
left: 752px;
}
#wb_indexText37
{
left: 30px;
top: 115px;
width: 310px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText37
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexText38
{
left: 30px;
top: 134px;
width: 390px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText38
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexText39
{
left: 30px;
top: 153px;
width: 390px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText39
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexText40
{
left: 681px;
top: 144px;
width: 250px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText40
{
font-family: MyriadProRegular;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText44
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText44
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText46
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText46
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText23
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText23
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText24
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText24
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexImage12
{
width: 300px;
height: 450px;
visibility: visible;
display: inline-block;
}
#indexImage12
{
width: 300px;
height: 450px;
}
#wb_indexText7
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText7
{
font-family: Roboto;
font-weight: normal;
font-size: 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexExtension6
{
width: 179px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension6:hover,
.btnindexExtension6:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension6 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension6:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension6:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension6:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension6:hover,
.btn-1aindexExtension6:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension6:hover,
.btn-1bindexExtension6:active {
color: #FFFFFF;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension6:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension6:hover,
.btn-1cindexExtension6:active {
color: #FFFFFF;
}
.btn-1cindexExtension6:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension6 {
overflow: hidden;
}
.btn-1dindexExtension6:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension6:hover,
.btn-1dindexExtension6:active {
color: #FFFFFF;
}
.btn-1dindexExtension6:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension6:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension6 {
overflow: hidden;
}
.btn-1eindexExtension6:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension6:hover,
.btn-1eindexExtension6:active {
color: #FFFFFF;
}
.btn-1eindexExtension6:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension6:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension6:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension6 {
overflow: hidden;
}
.btn-1findexExtension6:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension6:hover,
.btn-1findexExtension6:active {
color: #FFFFFF;
}
.btn-1findexExtension6:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension6:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension6 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension6 {
border-radius: 4px!important;
}
.btn-2bindexExtension6:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension6:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension6 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension6
{
width: 179px;
height: 55px;
top: 4451px;
left: 450px;
}
#wb_indexText8
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText8
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: left;
}
#wb_indexText47
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText47
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: left;
}
#wb_indexExtension7
{
width: 320px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension7:hover,
.btnindexExtension7:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension7 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension7:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension7:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension7:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension7:hover,
.btn-1aindexExtension7:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension7:hover,
.btn-1bindexExtension7:active {
color: #FFFFFF;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension7:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension7:hover,
.btn-1cindexExtension7:active {
color: #FFFFFF;
}
.btn-1cindexExtension7:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension7 {
overflow: hidden;
}
.btn-1dindexExtension7:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension7:hover,
.btn-1dindexExtension7:active {
color: #FFFFFF;
}
.btn-1dindexExtension7:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension7:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension7 {
overflow: hidden;
}
.btn-1eindexExtension7:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension7:hover,
.btn-1eindexExtension7:active {
color: #FFFFFF;
}
.btn-1eindexExtension7:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension7:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension7:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension7 {
overflow: hidden;
}
.btn-1findexExtension7:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension7:hover,
.btn-1findexExtension7:active {
color: #FFFFFF;
}
.btn-1findexExtension7:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension7:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension7 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension7 {
border-radius: 4px!important;
}
.btn-2bindexExtension7:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension7:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension7 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension7
{
width: 320px;
height: 55px;
top: 4597px;
left: 450px;
}
#wb_indexLayoutGrid10
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: center center;
}
#wb_indexLayoutGrid10
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid10
{
padding: 70px 0px 0px 0px;
}
#indexLayoutGrid10 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid10 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid10 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid14
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_indexLayoutGrid14
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid14
{
padding: 70px 15px 45px 15px;
}
#indexLayoutGrid14 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid14 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid14 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_present
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_present
{
margin-top: 0px;
margin-bottom: 0px;
}
#present
{
padding: 70px 40px 70px 40px;
}
#present .row
{
margin-right: -40px;
margin-left: -40px;
}
#present > .row > .col-1, #present > .row > .col-2
{
padding-right: 40px;
padding-left: 40px;
}
#present > .row > .col-1
{
display: block;
width: 41.66666667%;
text-align: right;
}
#present > .row > .col-2
{
display: block;
width: 58.33333333%;
text-align: left;
}
#indexLayer2
{
height: 201px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #303030;
background-image: none;
}
#indexLayer2
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer2_Container
{
width: 960px;
}
#indexSlideShow1
{
width: 268px;
height: 268px;
visibility: visible;
display: inline-block;
}
#indexSlideShow2
{
width: 268px;
height: 268px;
visibility: visible;
display: inline-block;
}
#indexSlideShow3
{
width: 268px;
height: 268px;
visibility: visible;
display: inline-block;
}
#wb_indexShape1
{
width: 270px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape1
{
width: 268px;
height: 68px;
}
#indexShape1_text
{
left: 6px;
top: 16px;
width: 258px;
height: 48px;
}
#wb_indexShape8
{
width: 270px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape8
{
width: 268px;
height: 43px;
}
#indexShape8_text
{
left: 6px;
top: 15px;
width: 258px;
height: 29px;
}
#wb_indexShape3
{
width: 270px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape3
{
width: 268px;
height: 68px;
}
#indexShape3_text
{
left: 6px;
top: 16px;
width: 258px;
height: 48px;
}
#wb_indexShape9
{
width: 270px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape9
{
width: 268px;
height: 43px;
}
#indexShape9_text
{
left: 6px;
top: 15px;
width: 258px;
height: 29px;
}
#wb_indexShape4
{
width: 360px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape4
{
width: 358px;
height: 53px;
}
#indexShape4_text
{
left: 7px;
top: 8px;
width: 345px;
height: 39px;
}
#wb_indexText17
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText17
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText18
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText18
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText15
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText15
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText16
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText16
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexShape5
{
width: 410px;
height: 55px;
visibility: hidden;
display: none;
}
#indexShape5
{
width: 408px;
height: 53px;
}
#indexShape5_text
{
left: 7px;
top: 17px;
width: 395px;
height: 30px;
}
#wb_indexText26
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText26
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: left;
}
#wb_indexExtension3
{
width: 320px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension3:hover,
.btnindexExtension3:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension3 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension3:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension3:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension3:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension3:hover,
.btn-1aindexExtension3:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension3:hover,
.btn-1bindexExtension3:active {
color: #FFFFFF;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension3:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension3:hover,
.btn-1cindexExtension3:active {
color: #FFFFFF;
}
.btn-1cindexExtension3:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension3 {
overflow: hidden;
}
.btn-1dindexExtension3:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension3:hover,
.btn-1dindexExtension3:active {
color: #FFFFFF;
}
.btn-1dindexExtension3:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension3:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension3 {
overflow: hidden;
}
.btn-1eindexExtension3:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension3:hover,
.btn-1eindexExtension3:active {
color: #FFFFFF;
}
.btn-1eindexExtension3:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension3:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension3:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension3 {
overflow: hidden;
}
.btn-1findexExtension3:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension3:hover,
.btn-1findexExtension3:active {
color: #FFFFFF;
}
.btn-1findexExtension3:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension3:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension3 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension3 {
border-radius: 4px!important;
}
.btn-2bindexExtension3:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension3:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension3 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension3
{
width: 320px;
height: 55px;
top: 4743px;
left: 450px;
}
#wb_indexText27
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText27
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText30
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText30
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText31
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText31
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText32
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText32
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText41
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText41
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 70px 0px;
text-align: center;
}
#wb_indexPhotoGallery1
{
visibility: visible;
display: block;
color: #000000;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexPhotoGallery1 .thumbnail
{
width: 20%;
}
#indexPhotoGallery1 .visible-col5
{
display: block;
}
#indexPhotoGallery1 .visible-col3
{
display: none;
}
#indexPhotoGallery1 .visible-col2
{
display: none;
}
#wb_indexText33
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText33
{
font-family: Roboto;
font-weight: normal;
font-size: 21px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
}
#wb_indexText34
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText34
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
}
#wb_indexExtension8
{
width: 279px;
height: 54px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension8:hover,
.btnindexExtension8:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension8 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 17px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension8:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension8:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension8:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension8:hover,
.btn-1aindexExtension8:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension8:hover,
.btn-1bindexExtension8:active {
color: #FFFFFF;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension8:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension8:hover,
.btn-1cindexExtension8:active {
color: #FFFFFF;
}
.btn-1cindexExtension8:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension8 {
overflow: hidden;
}
.btn-1dindexExtension8:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension8:hover,
.btn-1dindexExtension8:active {
color: #FFFFFF;
}
.btn-1dindexExtension8:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension8:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension8 {
overflow: hidden;
}
.btn-1eindexExtension8:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension8:hover,
.btn-1eindexExtension8:active {
color: #FFFFFF;
}
.btn-1eindexExtension8:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension8:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension8:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension8 {
overflow: hidden;
}
.btn-1findexExtension8:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension8:hover,
.btn-1findexExtension8:active {
color: #FFFFFF;
}
.btn-1findexExtension8:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension8:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension8 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension8 {
border-radius: 4px!important;
}
.btn-2bindexExtension8:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension8:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension8 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension8
{
width: 279px;
height: 54px;
top: 6416px;
left: 440px;
}
#wb_indexImage5
{
width: 248px;
height: 248px;
visibility: visible;
display: inline-block;
}
#indexImage5
{
width: 248px;
height: 248px;
}
#wb_indexText42
{
left: 731px;
top: 56px;
width: 200px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText42
{
font-family: Arial;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText21
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText21
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText22
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText22
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText29
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText29
{
font-family: Roboto;
font-weight: normal;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText43
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText43
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 60px 0px;
text-align: center;
}
#wb_indexLayoutGrid15
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid15
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid15
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid15 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid15 > .row > .col-1
{
display: block;
width: 25%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-2
{
display: block;
width: 25%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-3
{
display: block;
width: 25%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-4
{
display: block;
width: 25%;
text-align: center;
}
#wb_indexLayoutGrid16
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid16
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid16
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid16 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid16 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid16 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText45
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText45
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText48
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText48
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText49
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText49
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText50
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText50
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexImage6
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage6
{
width: 128px;
height: 128px;
}
#wb_indexImage7
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage7
{
width: 128px;
height: 128px;
}
#wb_indexImage8
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage8
{
width: 128px;
height: 128px;
}
#wb_indexText10
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText10
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText25
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText25
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexShape6
{
width: 360px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape6
{
width: 358px;
height: 53px;
}
#indexShape6_text
{
left: 7px;
top: 8px;
width: 345px;
height: 39px;
}
#indexFilePublisher1
{
left: 14px;
top: 114px;
width: 47px;
height: 47px;
visibility: visible;
display: inline;
}
#indexLine1
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine1
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine2
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine2
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine3
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine3
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine4
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine4
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine5
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine5
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine6
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine6
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexFileUpload22
{
width: 248px;
height: 52px;
visibility: visible;
display: table;
color: #555555;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox3
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox4
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#wb_indexExtension9
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension9:hover,
.btnindexExtension9:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension9 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension9:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension9:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension9:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension9:hover,
.btn-1aindexExtension9:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension9:hover,
.btn-1bindexExtension9:active {
color: #FFFFFF;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension9:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension9:hover,
.btn-1cindexExtension9:active {
color: #FFFFFF;
}
.btn-1cindexExtension9:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension9 {
overflow: hidden;
}
.btn-1dindexExtension9:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension9:hover,
.btn-1dindexExtension9:active {
color: #FFFFFF;
}
.btn-1dindexExtension9:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension9:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension9 {
overflow: hidden;
}
.btn-1eindexExtension9:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension9:hover,
.btn-1eindexExtension9:active {
color: #FFFFFF;
}
.btn-1eindexExtension9:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension9:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension9:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension9 {
overflow: hidden;
}
.btn-1findexExtension9:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension9:hover,
.btn-1findexExtension9:active {
color: #FFFFFF;
}
.btn-1findexExtension9:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension9:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension9 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension9 {
border-radius: 4px!important;
}
.btn-2bindexExtension9:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension9:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension9 {margin: 5px 5px 5px 5px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension9
{
width: 250px;
height: 54px;
top: 5228px;
left: 355px;
}
#wb_indexText36
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText36
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape10
{
width: 283px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape10
{
width: 281px;
height: 63px;
}
#indexShape10_text
{
left: 6px;
top: 13px;
width: 271px;
height: 46px;
}
#wb_indexText52
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText52
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText53
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText53
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#indexSlideShow4
{
width: 281px;
height: 281px;
visibility: visible;
display: inline-block;
}
#indexSlideShow5
{
width: 281px;
height: 281px;
visibility: visible;
display: inline-block;
}
#indexSlideShow6
{
width: 281px;
height: 281px;
visibility: visible;
display: inline-block;
}
#wb_indexShape12
{
width: 283px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape12
{
width: 281px;
height: 63px;
}
#indexShape12_text
{
left: 6px;
top: 13px;
width: 271px;
height: 46px;
}
#wb_indexShape14
{
width: 283px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape14
{
width: 281px;
height: 63px;
}
#indexShape14_text
{
left: 6px;
top: 13px;
width: 271px;
height: 46px;
}
#indexLine7
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine7
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine8
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine8
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine9
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine9
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine10
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine10
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine11
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine11
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine12
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine12
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#wb_indexText54
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText54
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText4
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText4
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText5
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText5
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText55
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText55
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#indexHtml1
{
width: 255px;
height: 61px;
visibility: visible;
display: inline-block;
}
#wb_indexText56
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText56
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText57
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText57
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText58
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText58
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText59
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText59
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexImage10
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage10
{
width: 117px;
height: 105px;
}
#wb_indexImage13
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage13
{
width: 96px;
height: 96px;
}
#wb_indexImage14
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage14
{
width: 92px;
height: 104px;
}
#indexHtml2
{
width: 883px;
height: 86px;
visibility: visible;
display: inline-block;
}
#wb_indexText60
{
left: 462px;
top: 115px;
width: 209px;
height: 57px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText60
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
}
@media only screen and (min-width: 640px) and (max-width: 959px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_indexImage4
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage4
{
width: 92px;
height: 104px;
}
#wb_indexImage3
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage3
{
width: 96px;
height: 96px;
}
#wb_indexImage2
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage2
{
width: 117px;
height: 105px;
}
#wb_indexLayoutGrid17
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid17
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid17
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid17 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid17 > .row > .col-1
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-2
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-3
{
display: block;
width: 33.33333333%;
text-align: center;
}
#wb_indexLayoutGrid2
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid2
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid2
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid2 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid2 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid2 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText51
{
left: 321px;
top: 26px;
width: 310px;
height: 33px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText51
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexImage9
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage9
{
width: 128px;
height: 128px;
}
#wb_indexShape7
{
width: 376px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape7
{
width: 374px;
height: 43px;
}
#indexShape7_text
{
left: 6px;
top: 15px;
width: 364px;
height: 29px;
}
#indexLayer1
{
height: 130px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
}
#indexLayer1
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer1_Container
{
width: 640px;
}
#wb_indexLayoutGrid13
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid13
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid13
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid13 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid13 > .row > .col-1
{
display: block;
width: 50%;
text-align: left;
}
#indexLayoutGrid13 > .row > .col-2
{
display: block;
width: 50%;
text-align: left;
}
#wb_indexImage1
{
left: 10px;
top: 17px;
width: 134px;
height: 49px;
visibility: visible;
display: inline;
}
#wb_indexText1
{
left: 10px;
top: 76px;
width: 300px;
height: 30px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText1
{
font-family: Roboto;
font-weight: normal;
font-size: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexText2
{
left: 371px;
top: 10px;
width: 260px;
height: 33px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText2
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexExtension1
{
left: 462px;
top: 75px;
width: 169px;
height: 39px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension1:hover,
.btnindexExtension1:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension1 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension1:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension1:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension1:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension1:hover,
.btn-1aindexExtension1:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension1:hover,
.btn-1bindexExtension1:active {
color: #FFFFFF;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension1:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension1:hover,
.btn-1cindexExtension1:active {
color: #FFFFFF;
}
.btn-1cindexExtension1:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension1 {
overflow: hidden;
}
.btn-1dindexExtension1:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension1:hover,
.btn-1dindexExtension1:active {
color: #FFFFFF;
}
.btn-1dindexExtension1:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension1:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension1 {
overflow: hidden;
}
.btn-1eindexExtension1:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension1:hover,
.btn-1eindexExtension1:active {
color: #FFFFFF;
}
.btn-1eindexExtension1:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension1:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension1:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension1 {
overflow: hidden;
}
.btn-1findexExtension1:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension1:hover,
.btn-1findexExtension1:active {
color: #FFFFFF;
}
.btn-1findexExtension1:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension1:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension1 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension1 {
border-radius: 4px!important;
}
.btn-2bindexExtension1:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension1:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension1 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension1
{
width: 169px;
height: 39px;
top: 75px;
left: 462px;
}
#wb_indexLayoutGrid1
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6717_darker.jpg);
background-repeat: no-repeat;
background-position: center bottom !important;
background-attachment: scroll;
background-size: cover;
}
#wb_indexLayoutGrid1
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid1
{
padding: 60px 15px 80px 15px;
}
#indexLayoutGrid1 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid1 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid1 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText3
{
visibility: visible;
display: block;
}
#wb_indexText3
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexLayoutGrid12
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid12
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid12
{
padding: 60px 15px 0px 15px;
}
#indexLayoutGrid12 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid12 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid12 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_catalog
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_catalog
{
margin-top: 0px;
margin-bottom: 0px;
}
#catalog
{
padding: 0px 60px 20px 60px;
}
#catalog .row
{
margin-right: -60px;
margin-left: -60px;
}
#catalog > .row > .col-1
{
padding-right: 60px;
padding-left: 60px;
}
#catalog > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid18
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid18
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid18
{
padding: 20px 15px 0px 15px;
}
#indexLayoutGrid18 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid18 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid18 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexLayoutGrid19
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid19
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid19
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid19 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid19 > .row > .col-1
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-2
{
display: block;
width: 33.33333333%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-3
{
display: block;
width: 33.33333333%;
text-align: center;
}
#wb_indexText6
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText6
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
text-align: center;
}
#wb_indexLayoutGrid7
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid7
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid7
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid7 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid20
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid20
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid20
{
padding: 20px 15px 70px 15px;
}
#indexLayoutGrid20 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid20 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid20 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid3
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid3
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid3
{
padding: 0px 15px 20px 15px;
}
#indexLayoutGrid3 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid3 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText9
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText9
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape2
{
width: 376px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape2
{
width: 374px;
height: 68px;
}
#indexShape2_text
{
left: 6px;
top: 16px;
width: 364px;
height: 48px;
}
#wb_indexLayoutGrid5
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid5
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid5
{
padding: 0px 0px 0px 0px;
}
#indexLayoutGrid5 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid5 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid5 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid4
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid4
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid4
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid4 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid4 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexLayoutGrid6
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid6
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid6
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid6 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid6 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid6 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexText13
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText13
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
}
#wb_indexText14
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText14
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_proizvodstvo
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_proizvodstvo
{
margin-top: 0px;
margin-bottom: 0px;
}
#proizvodstvo
{
padding: 0px 50px 0px 50px;
}
#proizvodstvo .row
{
margin-right: -50px;
margin-left: -50px;
}
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#proizvodstvo > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#proizvodstvo > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText19
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText19
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 15px 0px;
text-align: center;
}
#wb_indexText20
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText20
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexLayoutGrid8
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid8
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid8
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid8 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid8 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#indexLayoutGrid8 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText11
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText11
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
}
#wb_indexText12
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText12
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexText28
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText28
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid9
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid9
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid9
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid9 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid9 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid9 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_design
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_design
{
margin-top: 0px;
margin-bottom: 0px;
}
#design
{
padding: 50px 50px 50px 50px;
}
#design .row
{
margin-right: -50px;
margin-left: -50px;
}
#design > .row > .col-1, #design > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#design > .row > .col-1
{
display: block;
width: 41.66666667%;
text-align: right;
}
#design > .row > .col-2
{
display: block;
width: 58.33333333%;
text-align: left;
}
#indexFlexBoxContainer1
{
visibility: visible;
display: flex;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexFlexBoxContainer1
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
#wb_indexLayoutGrid11
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6649_1600.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
}
#wb_indexLayoutGrid11
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid11
{
padding: 50px 15px 50px 15px;
}
#indexLayoutGrid11 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid11 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid11 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexImage11
{
left: 10px;
top: 31px;
width: 174px;
height: 65px;
visibility: visible;
display: inline;
}
#wb_indexText35
{
left: 10px;
top: 116px;
width: 340px;
height: 38px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText35
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexExtension5
{
left: 452px;
top: 72px;
width: 179px;
height: 44px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension5:hover,
.btnindexExtension5:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension5 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension5:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension5:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension5:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension5:hover,
.btn-1aindexExtension5:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension5:hover,
.btn-1bindexExtension5:active {
color: #FFFFFF;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension5:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension5:hover,
.btn-1cindexExtension5:active {
color: #FFFFFF;
}
.btn-1cindexExtension5:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension5 {
overflow: hidden;
}
.btn-1dindexExtension5:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension5:hover,
.btn-1dindexExtension5:active {
color: #FFFFFF;
}
.btn-1dindexExtension5:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension5:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension5 {
overflow: hidden;
}
.btn-1eindexExtension5:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension5:hover,
.btn-1eindexExtension5:active {
color: #FFFFFF;
}
.btn-1eindexExtension5:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension5:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension5:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension5 {
overflow: hidden;
}
.btn-1findexExtension5:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension5:hover,
.btn-1findexExtension5:active {
color: #FFFFFF;
}
.btn-1findexExtension5:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension5:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension5 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension5 {
border-radius: 4px!important;
}
.btn-2bindexExtension5:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension5:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension5 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension5
{
width: 179px;
height: 44px;
top: 8751px;
left: 452px;
}
#wb_indexText37
{
left: 165px;
top: 184px;
width: 310px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText37
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText38
{
left: 125px;
top: 203px;
width: 390px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText38
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText39
{
left: 125px;
top: 222px;
width: 390px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText39
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText40
{
left: 381px;
top: 136px;
width: 250px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText40
{
font-family: MyriadProRegular;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText44
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText44
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText46
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText46
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText23
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText23
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
}
#wb_indexText24
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText24
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexImage12
{
width: 166px;
height: 249px;
visibility: visible;
display: inline-block;
}
#indexImage12
{
width: 166px;
height: 249px;
}
#wb_indexText7
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText7
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexExtension6
{
width: 179px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension6:hover,
.btnindexExtension6:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension6 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension6:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension6:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension6:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension6:hover,
.btn-1aindexExtension6:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension6:hover,
.btn-1bindexExtension6:active {
color: #FFFFFF;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension6:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension6:hover,
.btn-1cindexExtension6:active {
color: #FFFFFF;
}
.btn-1cindexExtension6:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension6 {
overflow: hidden;
}
.btn-1dindexExtension6:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension6:hover,
.btn-1dindexExtension6:active {
color: #FFFFFF;
}
.btn-1dindexExtension6:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension6:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension6 {
overflow: hidden;
}
.btn-1eindexExtension6:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension6:hover,
.btn-1eindexExtension6:active {
color: #FFFFFF;
}
.btn-1eindexExtension6:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension6:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension6:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension6 {
overflow: hidden;
}
.btn-1findexExtension6:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension6:hover,
.btn-1findexExtension6:active {
color: #FFFFFF;
}
.btn-1findexExtension6:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension6:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension6 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension6 {
border-radius: 4px!important;
}
.btn-2bindexExtension6:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension6:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension6 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension6
{
width: 179px;
height: 55px;
top: 6298px;
left: 316px;
}
#wb_indexText8
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText8
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: left;
}
#wb_indexText47
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText47
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: left;
}
#wb_indexExtension7
{
width: 273px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension7:hover,
.btnindexExtension7:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension7 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension7:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension7:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension7:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension7:hover,
.btn-1aindexExtension7:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension7:hover,
.btn-1bindexExtension7:active {
color: #FFFFFF;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension7:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension7:hover,
.btn-1cindexExtension7:active {
color: #FFFFFF;
}
.btn-1cindexExtension7:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension7 {
overflow: hidden;
}
.btn-1dindexExtension7:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension7:hover,
.btn-1dindexExtension7:active {
color: #FFFFFF;
}
.btn-1dindexExtension7:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension7:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension7 {
overflow: hidden;
}
.btn-1eindexExtension7:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension7:hover,
.btn-1eindexExtension7:active {
color: #FFFFFF;
}
.btn-1eindexExtension7:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension7:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension7:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension7 {
overflow: hidden;
}
.btn-1findexExtension7:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension7:hover,
.btn-1findexExtension7:active {
color: #FFFFFF;
}
.btn-1findexExtension7:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension7:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension7 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension7 {
border-radius: 4px!important;
}
.btn-2bindexExtension7:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension7:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension7 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension7
{
width: 273px;
height: 55px;
top: 6455px;
left: 316px;
}
#wb_indexLayoutGrid10
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: center center;
}
#wb_indexLayoutGrid10
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid10
{
padding: 50px 0px 0px 0px;
}
#indexLayoutGrid10 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid10 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid10 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid14
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_indexLayoutGrid14
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid14
{
padding: 50px 15px 25px 15px;
}
#indexLayoutGrid14 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid14 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid14 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_present
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_present
{
margin-top: 0px;
margin-bottom: 0px;
}
#present
{
padding: 50px 40px 50px 40px;
}
#present .row
{
margin-right: -40px;
margin-left: -40px;
}
#present > .row > .col-1, #present > .row > .col-2
{
padding-right: 40px;
padding-left: 40px;
}
#present > .row > .col-1
{
display: block;
width: 41.66666667%;
text-align: right;
}
#present > .row > .col-2
{
display: block;
width: 58.33333333%;
text-align: left;
}
#indexLayer2
{
height: 340px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #303030;
background-image: none;
}
#indexLayer2
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer2_Container
{
width: 640px;
}
#indexSlideShow1
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow2
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow3
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#wb_indexShape1
{
width: 376px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape1
{
width: 374px;
height: 68px;
}
#indexShape1_text
{
left: 6px;
top: 16px;
width: 364px;
height: 48px;
}
#wb_indexShape8
{
width: 376px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape8
{
width: 374px;
height: 43px;
}
#indexShape8_text
{
left: 6px;
top: 15px;
width: 364px;
height: 29px;
}
#wb_indexShape3
{
width: 376px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape3
{
width: 374px;
height: 68px;
}
#indexShape3_text
{
left: 6px;
top: 16px;
width: 364px;
height: 48px;
}
#wb_indexShape9
{
width: 376px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape9
{
width: 374px;
height: 43px;
}
#indexShape9_text
{
left: 6px;
top: 15px;
width: 364px;
height: 29px;
}
#wb_indexShape4
{
width: 464px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape4
{
width: 462px;
height: 53px;
}
#indexShape4_text
{
left: 7px;
top: 17px;
width: 449px;
height: 30px;
}
#wb_indexText17
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText17
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText18
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText18
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText15
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText15
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText16
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText16
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexShape5
{
width: 410px;
height: 55px;
visibility: hidden;
display: none;
}
#indexShape5
{
width: 408px;
height: 53px;
}
#indexShape5_text
{
left: 7px;
top: 17px;
width: 395px;
height: 30px;
}
#wb_indexText26
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText26
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: left;
}
#wb_indexExtension3
{
width: 273px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension3:hover,
.btnindexExtension3:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension3 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension3:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension3:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension3:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension3:hover,
.btn-1aindexExtension3:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension3:hover,
.btn-1bindexExtension3:active {
color: #FFFFFF;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension3:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension3:hover,
.btn-1cindexExtension3:active {
color: #FFFFFF;
}
.btn-1cindexExtension3:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension3 {
overflow: hidden;
}
.btn-1dindexExtension3:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension3:hover,
.btn-1dindexExtension3:active {
color: #FFFFFF;
}
.btn-1dindexExtension3:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension3:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension3 {
overflow: hidden;
}
.btn-1eindexExtension3:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension3:hover,
.btn-1eindexExtension3:active {
color: #FFFFFF;
}
.btn-1eindexExtension3:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension3:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension3:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension3 {
overflow: hidden;
}
.btn-1findexExtension3:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension3:hover,
.btn-1findexExtension3:active {
color: #FFFFFF;
}
.btn-1findexExtension3:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension3:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension3 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension3 {
border-radius: 4px!important;
}
.btn-2bindexExtension3:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension3:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension3 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension3
{
width: 273px;
height: 55px;
top: 6631px;
left: 316px;
}
#wb_indexText27
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText27
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
}
#wb_indexText30
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText30
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexText31
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText31
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText32
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText32
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText41
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText41
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexPhotoGallery1
{
visibility: visible;
display: block;
color: #000000;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexPhotoGallery1 .thumbnail
{
width: 33.33333333%;
}
#indexPhotoGallery1 .visible-col5
{
display: none;
}
#indexPhotoGallery1 .visible-col3
{
display: block;
}
#indexPhotoGallery1 .visible-col2
{
display: none;
}
#wb_indexText33
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText33
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
}
#wb_indexText34
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText34
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
}
#wb_indexExtension8
{
width: 279px;
height: 54px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension8:hover,
.btnindexExtension8:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension8 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 17px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension8:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension8:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension8:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension8:hover,
.btn-1aindexExtension8:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension8:hover,
.btn-1bindexExtension8:active {
color: #FFFFFF;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension8:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension8:hover,
.btn-1cindexExtension8:active {
color: #FFFFFF;
}
.btn-1cindexExtension8:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension8 {
overflow: hidden;
}
.btn-1dindexExtension8:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension8:hover,
.btn-1dindexExtension8:active {
color: #FFFFFF;
}
.btn-1dindexExtension8:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension8:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension8 {
overflow: hidden;
}
.btn-1eindexExtension8:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension8:hover,
.btn-1eindexExtension8:active {
color: #FFFFFF;
}
.btn-1eindexExtension8:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension8:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension8:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension8 {
overflow: hidden;
}
.btn-1findexExtension8:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension8:hover,
.btn-1findexExtension8:active {
color: #FFFFFF;
}
.btn-1findexExtension8:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension8:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension8 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension8 {
border-radius: 4px!important;
}
.btn-2bindexExtension8:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension8:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension8 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension8
{
width: 279px;
height: 54px;
top: 8575px;
left: 306px;
}
#wb_indexImage5
{
width: 186px;
height: 186px;
visibility: visible;
display: inline-block;
}
#indexImage5
{
width: 186px;
height: 186px;
}
#wb_indexText42
{
left: 431px;
top: 40px;
width: 200px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText42
{
font-family: Arial;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText21
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText21
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText22
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText22
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText29
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText29
{
font-family: Roboto;
font-weight: normal;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText43
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText43
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
text-align: center;
}
#wb_indexLayoutGrid15
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid15
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid15
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid15 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid15 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-4
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid16
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid16
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid16
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid16 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid16 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid16 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText45
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText45
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText48
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText48
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText49
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText49
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText50
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText50
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexImage6
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage6
{
width: 128px;
height: 128px;
}
#wb_indexImage7
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage7
{
width: 128px;
height: 128px;
}
#wb_indexImage8
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage8
{
width: 128px;
height: 128px;
}
#wb_indexText10
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText10
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText25
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText25
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexShape6
{
width: 220px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape6
{
width: 218px;
height: 53px;
}
#indexShape6_text
{
left: 7px;
top: 8px;
width: 205px;
height: 39px;
}
#indexFilePublisher1
{
left: 20px;
top: 196px;
width: 47px;
height: 47px;
visibility: visible;
display: inline;
}
#indexLine1
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine1
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine2
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine2
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine3
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine3
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine4
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine4
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine5
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine5
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine6
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine6
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexFileUpload22
{
width: 248px;
height: 52px;
visibility: visible;
display: table;
color: #555555;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox3
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox4
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#wb_indexExtension9
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension9:hover,
.btnindexExtension9:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension9 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension9:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension9:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension9:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension9:hover,
.btn-1aindexExtension9:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension9:hover,
.btn-1bindexExtension9:active {
color: #FFFFFF;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension9:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension9:hover,
.btn-1cindexExtension9:active {
color: #FFFFFF;
}
.btn-1cindexExtension9:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension9 {
overflow: hidden;
}
.btn-1dindexExtension9:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension9:hover,
.btn-1dindexExtension9:active {
color: #FFFFFF;
}
.btn-1dindexExtension9:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension9:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension9 {
overflow: hidden;
}
.btn-1eindexExtension9:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension9:hover,
.btn-1eindexExtension9:active {
color: #FFFFFF;
}
.btn-1eindexExtension9:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension9:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension9:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension9 {
overflow: hidden;
}
.btn-1findexExtension9:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension9:hover,
.btn-1findexExtension9:active {
color: #FFFFFF;
}
.btn-1findexExtension9:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension9:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension9 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension9 {
border-radius: 4px!important;
}
.btn-2bindexExtension9:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension9:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension9 {margin: 5px 5px 5px 5px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension9
{
width: 250px;
height: 54px;
top: 7076px;
left: 195px;
}
#wb_indexText36
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText36
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape10
{
width: 376px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape10
{
width: 374px;
height: 63px;
}
#indexShape10_text
{
left: 6px;
top: 23px;
width: 364px;
height: 36px;
}
#wb_indexText52
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText52
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText53
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText53
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#indexSlideShow4
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow5
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow6
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#wb_indexShape12
{
width: 376px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape12
{
width: 374px;
height: 63px;
}
#indexShape12_text
{
left: 6px;
top: 23px;
width: 364px;
height: 36px;
}
#wb_indexShape14
{
width: 376px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape14
{
width: 374px;
height: 63px;
}
#indexShape14_text
{
left: 6px;
top: 23px;
width: 364px;
height: 36px;
}
#indexLine7
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine7
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine8
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine8
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine9
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine9
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine10
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine10
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine11
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine11
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine12
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine12
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#wb_indexText54
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText54
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText4
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText4
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText5
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText5
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText55
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText55
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#indexHtml1
{
width: 255px;
height: 61px;
visibility: visible;
display: inline-block;
}
#wb_indexText56
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText56
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText57
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText57
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText58
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText58
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText59
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText59
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexImage10
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage10
{
width: 117px;
height: 105px;
}
#wb_indexImage13
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage13
{
width: 96px;
height: 96px;
}
#wb_indexImage14
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage14
{
width: 92px;
height: 104px;
}
#indexHtml2
{
width: 569px;
height: 37px;
visibility: visible;
display: inline-block;
}
#wb_indexText60
{
left: 165px;
top: 264px;
width: 310px;
height: 38px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText60
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_indexImage4
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage4
{
width: 92px;
height: 104px;
}
#wb_indexImage3
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage3
{
width: 96px;
height: 96px;
}
#wb_indexImage2
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage2
{
width: 117px;
height: 105px;
}
#wb_indexLayoutGrid17
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid17
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid17
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid17 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid17 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid2
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid2
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid2
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid2 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid2 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid2 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText51
{
left: 161px;
top: 26px;
width: 310px;
height: 33px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText51
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexImage9
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage9
{
width: 128px;
height: 128px;
}
#wb_indexShape7
{
width: 376px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape7
{
width: 374px;
height: 43px;
}
#indexShape7_text
{
left: 6px;
top: 15px;
width: 364px;
height: 29px;
}
#indexLayer1
{
height: 142px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
}
#indexLayer1
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer1_Container
{
width: 480px;
}
#wb_indexLayoutGrid13
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid13
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid13
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid13 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid13 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#indexLayoutGrid13 > .row > .col-2
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexImage1
{
left: 10px;
top: 17px;
width: 166px;
height: 61px;
visibility: visible;
display: inline;
}
#wb_indexText1
{
left: 10px;
top: 89px;
width: 270px;
height: 30px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText1
{
font-family: Roboto;
font-weight: normal;
font-size: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#wb_indexText2
{
left: 211px;
top: 10px;
width: 260px;
height: 33px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText2
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexExtension1
{
left: 282px;
top: 75px;
width: 189px;
height: 49px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension1:hover,
.btnindexExtension1:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension1 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension1:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension1:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension1:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension1:hover,
.btn-1aindexExtension1:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension1:hover,
.btn-1bindexExtension1:active {
color: #FFFFFF;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension1:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension1:hover,
.btn-1cindexExtension1:active {
color: #FFFFFF;
}
.btn-1cindexExtension1:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension1 {
overflow: hidden;
}
.btn-1dindexExtension1:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension1:hover,
.btn-1dindexExtension1:active {
color: #FFFFFF;
}
.btn-1dindexExtension1:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension1:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension1 {
overflow: hidden;
}
.btn-1eindexExtension1:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension1:hover,
.btn-1eindexExtension1:active {
color: #FFFFFF;
}
.btn-1eindexExtension1:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension1:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension1:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension1 {
overflow: hidden;
}
.btn-1findexExtension1:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension1:hover,
.btn-1findexExtension1:active {
color: #FFFFFF;
}
.btn-1findexExtension1:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension1:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension1 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension1 {
border-radius: 4px!important;
}
.btn-2bindexExtension1:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension1:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension1 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension1
{
width: 189px;
height: 49px;
top: 75px;
left: 282px;
}
#wb_indexLayoutGrid1
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6717_darker.jpg);
background-repeat: no-repeat;
background-position: center bottom !important;
background-attachment: scroll;
background-size: cover;
}
#wb_indexLayoutGrid1
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid1
{
padding: 60px 30px 120px 30px;
}
#indexLayoutGrid1 .row
{
margin-right: -30px;
margin-left: -30px;
}
#indexLayoutGrid1 > .row > .col-1
{
padding-right: 30px;
padding-left: 30px;
}
#indexLayoutGrid1 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText3
{
visibility: visible;
display: block;
}
#wb_indexText3
{
font-family: Roboto;
font-weight: normal;
font-size: 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexLayoutGrid12
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid12
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid12
{
padding: 60px 15px 0px 15px;
}
#indexLayoutGrid12 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid12 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid12 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_catalog
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_catalog
{
margin-top: 0px;
margin-bottom: 0px;
}
#catalog
{
padding: 30px 30px 30px 30px;
}
#catalog .row
{
margin-right: -30px;
margin-left: -30px;
}
#catalog > .row > .col-1
{
padding-right: 30px;
padding-left: 30px;
}
#catalog > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid18
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid18
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid18
{
padding: 20px 15px 0px 15px;
}
#indexLayoutGrid18 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid18 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid18 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexLayoutGrid19
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid19
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid19
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid19 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid19 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText6
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText6
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
text-align: center;
}
#wb_indexLayoutGrid7
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid7
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid7
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid7 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid20
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid20
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid20
{
padding: 0px 15px 50px 15px;
}
#indexLayoutGrid20 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid20 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid20 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid3
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid3
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid3
{
padding: 0px 15px 20px 15px;
}
#indexLayoutGrid3 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid3 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText9
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText9
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape2
{
width: 376px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape2
{
width: 374px;
height: 68px;
}
#indexShape2_text
{
left: 6px;
top: 16px;
width: 364px;
height: 48px;
}
#wb_indexLayoutGrid5
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid5
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid5
{
padding: 0px 0px 0px 0px;
}
#indexLayoutGrid5 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid5 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid5 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid4
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid4
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid4
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid4 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid4 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexLayoutGrid6
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid6
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid6
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid6 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid6 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid6 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexText13
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText13
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText14
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText14
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_proizvodstvo
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_proizvodstvo
{
margin-top: 0px;
margin-bottom: 0px;
}
#proizvodstvo
{
padding: 0px 50px 0px 50px;
}
#proizvodstvo .row
{
margin-right: -50px;
margin-left: -50px;
}
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#proizvodstvo > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#proizvodstvo > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText19
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText19
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 10px 0px;
text-align: center;
}
#wb_indexText20
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText20
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexLayoutGrid8
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid8
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid8
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid8 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid8 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#indexLayoutGrid8 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText11
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText11
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText12
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText12
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexText28
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText28
{
font-family: Roboto;
font-weight: normal;
font-size: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid9
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid9
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid9
{
padding: 0px 50px 0px 50px;
}
#indexLayoutGrid9 .row
{
margin-right: -50px;
margin-left: -50px;
}
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#indexLayoutGrid9 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid9 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_design
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_design
{
margin-top: 0px;
margin-bottom: 0px;
}
#design
{
padding: 50px 50px 50px 50px;
}
#design .row
{
margin-right: -50px;
margin-left: -50px;
}
#design > .row > .col-1, #design > .row > .col-2
{
padding-right: 50px;
padding-left: 50px;
}
#design > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#design > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexFlexBoxContainer1
{
visibility: visible;
display: flex;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexFlexBoxContainer1
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
#wb_indexLayoutGrid11
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6649_1600.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
}
#wb_indexLayoutGrid11
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid11
{
padding: 50px 15px 50px 15px;
}
#indexLayoutGrid11 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid11 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid11 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexImage11
{
left: 10px;
top: 31px;
width: 174px;
height: 65px;
visibility: visible;
display: inline;
}
#wb_indexText35
{
left: 55px;
top: 182px;
width: 370px;
height: 38px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText35
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexExtension5
{
left: 292px;
top: 72px;
width: 179px;
height: 44px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension5:hover,
.btnindexExtension5:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension5 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension5:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension5:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension5:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension5:hover,
.btn-1aindexExtension5:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension5:hover,
.btn-1bindexExtension5:active {
color: #FFFFFF;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension5:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension5:hover,
.btn-1cindexExtension5:active {
color: #FFFFFF;
}
.btn-1cindexExtension5:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension5 {
overflow: hidden;
}
.btn-1dindexExtension5:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension5:hover,
.btn-1dindexExtension5:active {
color: #FFFFFF;
}
.btn-1dindexExtension5:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension5:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension5 {
overflow: hidden;
}
.btn-1eindexExtension5:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension5:hover,
.btn-1eindexExtension5:active {
color: #FFFFFF;
}
.btn-1eindexExtension5:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension5:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension5:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension5 {
overflow: hidden;
}
.btn-1findexExtension5:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension5:hover,
.btn-1findexExtension5:active {
color: #FFFFFF;
}
.btn-1findexExtension5:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension5:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension5 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension5 {
border-radius: 4px!important;
}
.btn-2bindexExtension5:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension5:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension5 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension5
{
width: 179px;
height: 44px;
top: 10307px;
left: 292px;
}
#wb_indexText37
{
left: 85px;
top: 240px;
width: 310px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText37
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText38
{
left: 45px;
top: 259px;
width: 390px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText38
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText39
{
left: 45px;
top: 278px;
width: 390px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText39
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText40
{
left: 221px;
top: 136px;
width: 250px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText40
{
font-family: MyriadProRegular;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText44
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText44
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText46
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText46
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText23
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText23
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText24
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText24
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexImage12
{
width: 166px;
height: 249px;
visibility: visible;
display: inline-block;
}
#indexImage12
{
width: 166px;
height: 249px;
}
#wb_indexText7
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText7
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 30px 0px;
text-align: center;
}
#wb_indexExtension6
{
width: 179px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension6:hover,
.btnindexExtension6:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension6 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension6:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension6:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension6:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension6:hover,
.btn-1aindexExtension6:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension6:hover,
.btn-1bindexExtension6:active {
color: #FFFFFF;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension6:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension6:hover,
.btn-1cindexExtension6:active {
color: #FFFFFF;
}
.btn-1cindexExtension6:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension6 {
overflow: hidden;
}
.btn-1dindexExtension6:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension6:hover,
.btn-1dindexExtension6:active {
color: #FFFFFF;
}
.btn-1dindexExtension6:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension6:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension6 {
overflow: hidden;
}
.btn-1eindexExtension6:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension6:hover,
.btn-1eindexExtension6:active {
color: #FFFFFF;
}
.btn-1eindexExtension6:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension6:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension6:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension6 {
overflow: hidden;
}
.btn-1findexExtension6:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension6:hover,
.btn-1findexExtension6:active {
color: #FFFFFF;
}
.btn-1findexExtension6:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension6:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension6 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension6 {
border-radius: 4px!important;
}
.btn-2bindexExtension6:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension6:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension6 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension6
{
width: 179px;
height: 55px;
top: 7644px;
left: 150px;
}
#wb_indexText8
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText8
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
}
#wb_indexText47
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText47
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: center;
}
#wb_indexExtension7
{
width: 273px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension7:hover,
.btnindexExtension7:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension7 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension7:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension7:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension7:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension7:hover,
.btn-1aindexExtension7:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension7:hover,
.btn-1bindexExtension7:active {
color: #FFFFFF;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension7:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension7:hover,
.btn-1cindexExtension7:active {
color: #FFFFFF;
}
.btn-1cindexExtension7:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension7 {
overflow: hidden;
}
.btn-1dindexExtension7:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension7:hover,
.btn-1dindexExtension7:active {
color: #FFFFFF;
}
.btn-1dindexExtension7:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension7:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension7 {
overflow: hidden;
}
.btn-1eindexExtension7:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension7:hover,
.btn-1eindexExtension7:active {
color: #FFFFFF;
}
.btn-1eindexExtension7:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension7:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension7:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension7 {
overflow: hidden;
}
.btn-1findexExtension7:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension7:hover,
.btn-1findexExtension7:active {
color: #FFFFFF;
}
.btn-1findexExtension7:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension7:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension7 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension7 {
border-radius: 4px!important;
}
.btn-2bindexExtension7:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension7:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension7 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension7
{
width: 273px;
height: 55px;
top: 7801px;
left: 103px;
}
#wb_indexLayoutGrid10
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: center center;
}
#wb_indexLayoutGrid10
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid10
{
padding: 50px 0px 0px 0px;
}
#indexLayoutGrid10 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid10 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid10 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid14
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_indexLayoutGrid14
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid14
{
padding: 50px 15px 25px 15px;
}
#indexLayoutGrid14 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid14 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid14 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_present
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_present
{
margin-top: 0px;
margin-bottom: 0px;
}
#present
{
padding: 50px 40px 50px 40px;
}
#present .row
{
margin-right: -40px;
margin-left: -40px;
}
#present > .row > .col-1, #present > .row > .col-2
{
padding-right: 40px;
padding-left: 40px;
}
#present > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#present > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayer2
{
height: 386px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #303030;
background-image: none;
}
#indexLayer2
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer2_Container
{
width: 480px;
}
#indexSlideShow1
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow2
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow3
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#wb_indexShape1
{
width: 376px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape1
{
width: 374px;
height: 68px;
}
#indexShape1_text
{
left: 6px;
top: 16px;
width: 364px;
height: 48px;
}
#wb_indexShape8
{
width: 376px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape8
{
width: 374px;
height: 43px;
}
#indexShape8_text
{
left: 6px;
top: 15px;
width: 364px;
height: 29px;
}
#wb_indexShape3
{
width: 376px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape3
{
width: 374px;
height: 68px;
}
#indexShape3_text
{
left: 6px;
top: 16px;
width: 364px;
height: 48px;
}
#wb_indexShape9
{
width: 376px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape9
{
width: 374px;
height: 43px;
}
#indexShape9_text
{
left: 6px;
top: 15px;
width: 364px;
height: 29px;
}
#wb_indexShape4
{
width: 288px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape4
{
width: 286px;
height: 53px;
}
#indexShape4_text
{
left: 7px;
top: 8px;
width: 273px;
height: 39px;
}
#wb_indexText17
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText17
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText18
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText18
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText15
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText15
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText16
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText16
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexShape5
{
width: 410px;
height: 55px;
visibility: hidden;
display: none;
}
#indexShape5
{
width: 408px;
height: 53px;
}
#indexShape5_text
{
left: 7px;
top: 17px;
width: 395px;
height: 30px;
}
#wb_indexText26
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText26
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: center;
}
#wb_indexExtension3
{
width: 273px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension3:hover,
.btnindexExtension3:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension3 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension3:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension3:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension3:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension3:hover,
.btn-1aindexExtension3:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension3:hover,
.btn-1bindexExtension3:active {
color: #FFFFFF;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension3:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension3:hover,
.btn-1cindexExtension3:active {
color: #FFFFFF;
}
.btn-1cindexExtension3:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension3 {
overflow: hidden;
}
.btn-1dindexExtension3:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension3:hover,
.btn-1dindexExtension3:active {
color: #FFFFFF;
}
.btn-1dindexExtension3:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension3:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension3 {
overflow: hidden;
}
.btn-1eindexExtension3:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension3:hover,
.btn-1eindexExtension3:active {
color: #FFFFFF;
}
.btn-1eindexExtension3:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension3:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension3:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension3 {
overflow: hidden;
}
.btn-1findexExtension3:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension3:hover,
.btn-1findexExtension3:active {
color: #FFFFFF;
}
.btn-1findexExtension3:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension3:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension3 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension3 {
border-radius: 4px!important;
}
.btn-2bindexExtension3:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension3:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension3 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension3
{
width: 273px;
height: 55px;
top: 7958px;
left: 103px;
}
#wb_indexText27
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText27
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText30
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText30
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexText31
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText31
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText32
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText32
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText41
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText41
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
}
#wb_indexPhotoGallery1
{
visibility: visible;
display: block;
color: #000000;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexPhotoGallery1 .thumbnail
{
width: 50%;
}
#indexPhotoGallery1 .visible-col5
{
display: none;
}
#indexPhotoGallery1 .visible-col3
{
display: none;
}
#indexPhotoGallery1 .visible-col2
{
display: block;
}
#wb_indexText33
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText33
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText34
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText34
{
font-family: Roboto;
font-weight: normal;
font-size: 43px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
text-align: center;
}
#wb_indexExtension8
{
width: 279px;
height: 54px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension8:hover,
.btnindexExtension8:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension8 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 17px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension8:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension8:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension8:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension8:hover,
.btn-1aindexExtension8:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension8:hover,
.btn-1bindexExtension8:active {
color: #FFFFFF;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension8:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension8:hover,
.btn-1cindexExtension8:active {
color: #FFFFFF;
}
.btn-1cindexExtension8:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension8 {
overflow: hidden;
}
.btn-1dindexExtension8:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension8:hover,
.btn-1dindexExtension8:active {
color: #FFFFFF;
}
.btn-1dindexExtension8:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension8:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension8 {
overflow: hidden;
}
.btn-1eindexExtension8:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension8:hover,
.btn-1eindexExtension8:active {
color: #FFFFFF;
}
.btn-1eindexExtension8:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension8:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension8:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension8 {
overflow: hidden;
}
.btn-1findexExtension8:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension8:hover,
.btn-1findexExtension8:active {
color: #FFFFFF;
}
.btn-1findexExtension8:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension8:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension8 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension8 {
border-radius: 4px!important;
}
.btn-2bindexExtension8:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension8:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension8 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension8
{
width: 279px;
height: 54px;
top: 10131px;
left: 100px;
}
#wb_indexImage5
{
width: 186px;
height: 186px;
visibility: visible;
display: inline-block;
}
#indexImage5
{
width: 186px;
height: 186px;
}
#wb_indexText42
{
left: 271px;
top: 40px;
width: 200px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText42
{
font-family: Arial;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText21
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText21
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText22
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText22
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText29
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText29
{
font-family: Roboto;
font-weight: normal;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText43
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText43
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
text-align: center;
}
#wb_indexLayoutGrid15
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid15
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid15
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid15 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid15 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-4
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid16
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid16
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid16
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid16 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid16 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid16 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText45
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText45
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText48
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText48
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText49
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText49
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText50
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText50
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexImage6
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage6
{
width: 128px;
height: 128px;
}
#wb_indexImage7
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage7
{
width: 128px;
height: 128px;
}
#wb_indexImage8
{
width: 128px;
height: 128px;
visibility: visible;
display: inline-block;
}
#indexImage8
{
width: 128px;
height: 128px;
}
#wb_indexText10
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText10
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText25
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText25
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexShape6
{
width: 220px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape6
{
width: 218px;
height: 53px;
}
#indexShape6_text
{
left: 7px;
top: 8px;
width: 205px;
height: 39px;
}
#indexFilePublisher1
{
left: 20px;
top: 196px;
width: 47px;
height: 47px;
visibility: visible;
display: inline;
}
#indexLine1
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine1
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine2
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine2
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine3
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine3
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine4
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine4
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine5
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine5
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine6
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine6
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexFileUpload22
{
width: 248px;
height: 52px;
visibility: visible;
display: table;
color: #555555;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox3
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox4
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#wb_indexExtension9
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension9:hover,
.btnindexExtension9:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension9 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension9:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension9:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension9:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension9:hover,
.btn-1aindexExtension9:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension9:hover,
.btn-1bindexExtension9:active {
color: #FFFFFF;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension9:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension9:hover,
.btn-1cindexExtension9:active {
color: #FFFFFF;
}
.btn-1cindexExtension9:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension9 {
overflow: hidden;
}
.btn-1dindexExtension9:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension9:hover,
.btn-1dindexExtension9:active {
color: #FFFFFF;
}
.btn-1dindexExtension9:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension9:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension9 {
overflow: hidden;
}
.btn-1eindexExtension9:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension9:hover,
.btn-1eindexExtension9:active {
color: #FFFFFF;
}
.btn-1eindexExtension9:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension9:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension9:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension9 {
overflow: hidden;
}
.btn-1findexExtension9:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension9:hover,
.btn-1findexExtension9:active {
color: #FFFFFF;
}
.btn-1findexExtension9:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension9:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension9 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension9 {
border-radius: 4px!important;
}
.btn-2bindexExtension9:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension9:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension9 {margin: 5px 5px 5px 5px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension9
{
width: 250px;
height: 54px;
top: 8393px;
left: 115px;
}
#wb_indexText36
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText36
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape10
{
width: 376px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape10
{
width: 374px;
height: 63px;
}
#indexShape10_text
{
left: 6px;
top: 23px;
width: 364px;
height: 36px;
}
#wb_indexText52
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText52
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText53
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText53
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#indexSlideShow4
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow5
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#indexSlideShow6
{
width: 374px;
height: 374px;
visibility: visible;
display: inline-block;
}
#wb_indexShape12
{
width: 376px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape12
{
width: 374px;
height: 63px;
}
#indexShape12_text
{
left: 6px;
top: 23px;
width: 364px;
height: 36px;
}
#wb_indexShape14
{
width: 376px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape14
{
width: 374px;
height: 63px;
}
#indexShape14_text
{
left: 6px;
top: 23px;
width: 364px;
height: 36px;
}
#indexLine7
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine7
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine8
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine8
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine9
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine9
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine10
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine10
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine11
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine11
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine12
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine12
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#wb_indexText54
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText54
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText4
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText4
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText5
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText5
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText55
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText55
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#indexHtml1
{
width: 255px;
height: 61px;
visibility: visible;
display: inline-block;
}
#wb_indexText56
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText56
{
font-family: Roboto;
font-weight: normal;
font-size: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText57
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText57
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText58
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText58
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText59
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText59
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexImage10
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage10
{
width: 117px;
height: 105px;
}
#wb_indexImage13
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage13
{
width: 96px;
height: 96px;
}
#wb_indexImage14
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage14
{
width: 92px;
height: 104px;
}
#indexHtml2
{
width: 450px;
height: 44px;
visibility: visible;
display: inline-block;
}
#wb_indexText60
{
left: 90px;
top: 313px;
width: 300px;
height: 38px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText60
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_indexImage4
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage4
{
width: 92px;
height: 104px;
}
#wb_indexImage3
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage3
{
width: 96px;
height: 96px;
}
#wb_indexImage2
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage2
{
width: 117px;
height: 105px;
}
#wb_indexLayoutGrid17
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid17
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid17
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid17 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid17 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid2
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid2
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid2
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid2 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid2 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid2 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText51
{
left: 50px;
top: 101px;
width: 220px;
height: 23px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText51
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexImage9
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage9
{
width: 80px;
height: 80px;
}
#wb_indexShape7
{
width: 230px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape7
{
width: 228px;
height: 43px;
}
#indexShape7_text
{
left: 6px;
top: 15px;
width: 218px;
height: 29px;
}
#indexLayer1
{
height: 160px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
}
#indexLayer1
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer1_Container
{
width: 320px;
}
#wb_indexLayoutGrid13
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid13
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid13
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid13 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid13 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#indexLayoutGrid13 > .row > .col-2
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexImage1
{
left: 10px;
top: 17px;
width: 107px;
height: 39px;
visibility: visible;
display: inline;
}
#wb_indexText1
{
left: 10px;
top: 72px;
width: 300px;
height: 30px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText1
{
font-family: Roboto;
font-weight: normal;
font-size: 13px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText2
{
left: 111px;
top: 14px;
width: 200px;
height: 23px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText2
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexExtension1
{
left: 10px;
top: 114px;
width: 301px;
height: 36px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension1:hover,
.btnindexExtension1:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension1 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension1:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension1:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension1:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension1:hover,
.btn-1aindexExtension1:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension1:hover,
.btn-1bindexExtension1:active {
color: #FFFFFF;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension1:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension1:hover,
.btn-1cindexExtension1:active {
color: #FFFFFF;
}
.btn-1cindexExtension1:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension1 {
overflow: hidden;
}
.btn-1dindexExtension1:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension1:hover,
.btn-1dindexExtension1:active {
color: #FFFFFF;
}
.btn-1dindexExtension1:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension1:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension1 {
overflow: hidden;
}
.btn-1eindexExtension1:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension1:hover,
.btn-1eindexExtension1:active {
color: #FFFFFF;
}
.btn-1eindexExtension1:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension1:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension1:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension1 {
overflow: hidden;
}
.btn-1findexExtension1:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension1:hover,
.btn-1findexExtension1:active {
color: #FFFFFF;
}
.btn-1findexExtension1:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension1:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension1 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension1 {
border-radius: 4px!important;
}
.btn-2bindexExtension1:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension1:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension1 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension1
{
width: 301px;
height: 36px;
top: 114px;
left: 10px;
}
#wb_indexLayoutGrid1
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6717_darker.jpg);
background-repeat: no-repeat;
background-position: center bottom !important;
background-attachment: scroll;
background-size: cover;
}
#wb_indexLayoutGrid1
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid1
{
padding: 30px 10px 120px 10px;
}
#indexLayoutGrid1 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid1 > .row > .col-1
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid1 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText3
{
visibility: visible;
display: block;
}
#wb_indexText3
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexLayoutGrid12
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid12
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid12
{
padding: 60px 15px 0px 15px;
}
#indexLayoutGrid12 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid12 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid12 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_catalog
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_catalog
{
margin-top: 0px;
margin-bottom: 0px;
}
#catalog
{
padding: 0px 10px 0px 10px;
}
#catalog .row
{
margin-right: -10px;
margin-left: -10px;
}
#catalog > .row > .col-1
{
padding-right: 10px;
padding-left: 10px;
}
#catalog > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid18
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid18
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid18
{
padding: 20px 15px 0px 15px;
}
#indexLayoutGrid18 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid18 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid18 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid19
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid19
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid19
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid19 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid19 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText6
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText6
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexLayoutGrid7
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid7
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid7
{
padding: 0px 15px 20px 15px;
}
#indexLayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid7 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid20
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid20
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid20
{
padding: 0px 0px 50px 0px;
}
#indexLayoutGrid20 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid20 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid20 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid3
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid3
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid3
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid3 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid3 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText9
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText9
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape2
{
width: 230px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape2
{
width: 228px;
height: 68px;
}
#indexShape2_text
{
left: 6px;
top: 16px;
width: 218px;
height: 48px;
}
#wb_indexLayoutGrid5
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid5
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid5
{
padding: 0px 0px 0px 0px;
}
#indexLayoutGrid5 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid5 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid5 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid4
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid4
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid4
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid4 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid4 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexLayoutGrid6
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid6
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid6
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid6 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid6 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid6 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexText13
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText13
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText14
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText14
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_proizvodstvo
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_proizvodstvo
{
margin-top: 0px;
margin-bottom: 0px;
}
#proizvodstvo
{
padding: 0px 10px 0px 10px;
}
#proizvodstvo .row
{
margin-right: -10px;
margin-left: -10px;
}
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#proizvodstvo > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#proizvodstvo > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText19
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText19
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 10px 0px;
text-align: center;
}
#wb_indexText20
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText20
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexLayoutGrid8
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid8
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid8
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid8 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid8 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#indexLayoutGrid8 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText11
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText11
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText12
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText12
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexText28
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText28
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid9
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid9
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid9
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid9 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid9 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid9 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_design
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_design
{
margin-top: 0px;
margin-bottom: 0px;
}
#design
{
padding: 30px 15px 30px 15px;
}
#design .row
{
margin-right: -15px;
margin-left: -15px;
}
#design > .row > .col-1, #design > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#design > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#design > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexFlexBoxContainer1
{
visibility: visible;
display: flex;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexFlexBoxContainer1
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
#wb_indexLayoutGrid11
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6649_1600.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
}
#wb_indexLayoutGrid11
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid11
{
padding: 30px 15px 30px 15px;
}
#indexLayoutGrid11 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid11 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid11 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexImage11
{
left: 108px;
top: 41px;
width: 104px;
height: 38px;
visibility: visible;
display: inline;
}
#wb_indexText35
{
left: 45px;
top: 236px;
width: 230px;
height: 57px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText35
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexExtension5
{
left: 73px;
top: 169px;
width: 174px;
height: 47px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension5:hover,
.btnindexExtension5:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension5 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension5:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension5:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension5:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension5:hover,
.btn-1aindexExtension5:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension5:hover,
.btn-1bindexExtension5:active {
color: #FFFFFF;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension5:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension5:hover,
.btn-1cindexExtension5:active {
color: #FFFFFF;
}
.btn-1cindexExtension5:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension5 {
overflow: hidden;
}
.btn-1dindexExtension5:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension5:hover,
.btn-1dindexExtension5:active {
color: #FFFFFF;
}
.btn-1dindexExtension5:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension5:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension5 {
overflow: hidden;
}
.btn-1eindexExtension5:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension5:hover,
.btn-1eindexExtension5:active {
color: #FFFFFF;
}
.btn-1eindexExtension5:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension5:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension5:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension5 {
overflow: hidden;
}
.btn-1findexExtension5:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension5:hover,
.btn-1findexExtension5:active {
color: #FFFFFF;
}
.btn-1findexExtension5:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension5:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension5 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension5 {
border-radius: 4px!important;
}
.btn-2bindexExtension5:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension5:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension5 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension5
{
width: 174px;
height: 47px;
top: 8818px;
left: 73px;
}
#wb_indexText37
{
left: 5px;
top: 399px;
width: 310px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText37
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText38
{
left: 30px;
top: 437px;
width: 260px;
height: 38px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText38
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText39
{
left: 10px;
top: 494px;
width: 300px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText39
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText40
{
left: 68px;
top: 127px;
width: 185px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText40
{
font-family: MyriadProRegular;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText44
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText44
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText46
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText46
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText23
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText23
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText24
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText24
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexImage12
{
width: 166px;
height: 249px;
visibility: visible;
display: inline-block;
}
#indexImage12
{
width: 166px;
height: 249px;
}
#wb_indexText7
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText7
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 30px 0px;
text-align: center;
}
#wb_indexExtension6
{
width: 239px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension6:hover,
.btnindexExtension6:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension6 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension6:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension6:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension6:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension6:hover,
.btn-1aindexExtension6:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension6:hover,
.btn-1bindexExtension6:active {
color: #FFFFFF;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension6:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension6:hover,
.btn-1cindexExtension6:active {
color: #FFFFFF;
}
.btn-1cindexExtension6:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension6 {
overflow: hidden;
}
.btn-1dindexExtension6:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension6:hover,
.btn-1dindexExtension6:active {
color: #FFFFFF;
}
.btn-1dindexExtension6:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension6:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension6 {
overflow: hidden;
}
.btn-1eindexExtension6:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension6:hover,
.btn-1eindexExtension6:active {
color: #FFFFFF;
}
.btn-1eindexExtension6:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension6:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension6:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension6 {
overflow: hidden;
}
.btn-1findexExtension6:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension6:hover,
.btn-1findexExtension6:active {
color: #FFFFFF;
}
.btn-1findexExtension6:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension6:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension6 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension6 {
border-radius: 4px!important;
}
.btn-2bindexExtension6:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension6:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension6 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension6
{
width: 239px;
height: 55px;
top: 6423px;
left: 40px;
}
#wb_indexText8
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText8
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
}
#wb_indexText47
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText47
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: center;
}
#wb_indexExtension7
{
width: 240px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension7:hover,
.btnindexExtension7:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension7 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension7:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension7:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension7:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension7:hover,
.btn-1aindexExtension7:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension7:hover,
.btn-1bindexExtension7:active {
color: #FFFFFF;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension7:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension7:hover,
.btn-1cindexExtension7:active {
color: #FFFFFF;
}
.btn-1cindexExtension7:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension7 {
overflow: hidden;
}
.btn-1dindexExtension7:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension7:hover,
.btn-1dindexExtension7:active {
color: #FFFFFF;
}
.btn-1dindexExtension7:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension7:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension7 {
overflow: hidden;
}
.btn-1eindexExtension7:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension7:hover,
.btn-1eindexExtension7:active {
color: #FFFFFF;
}
.btn-1eindexExtension7:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension7:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension7:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension7 {
overflow: hidden;
}
.btn-1findexExtension7:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension7:hover,
.btn-1findexExtension7:active {
color: #FFFFFF;
}
.btn-1findexExtension7:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension7:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension7 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension7 {
border-radius: 4px!important;
}
.btn-2bindexExtension7:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension7:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension7 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension7
{
width: 240px;
height: 55px;
top: 6580px;
left: 40px;
}
#wb_indexLayoutGrid10
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: center center;
}
#wb_indexLayoutGrid10
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid10
{
padding: 30px 0px 0px 0px;
}
#indexLayoutGrid10 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid10 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid10 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid14
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_indexLayoutGrid14
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid14
{
padding: 30px 15px 5px 15px;
}
#indexLayoutGrid14 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid14 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid14 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_present
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_present
{
margin-top: 0px;
margin-bottom: 0px;
}
#present
{
padding: 30px 40px 30px 40px;
}
#present .row
{
margin-right: -40px;
margin-left: -40px;
}
#present > .row > .col-1, #present > .row > .col-2
{
padding-right: 40px;
padding-left: 40px;
}
#present > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#present > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayer2
{
height: 558px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #303030;
background-image: none;
}
#indexLayer2
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer2_Container
{
width: 320px;
}
#indexSlideShow1
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow2
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow3
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#wb_indexShape1
{
width: 230px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape1
{
width: 228px;
height: 68px;
}
#indexShape1_text
{
left: 6px;
top: 16px;
width: 218px;
height: 48px;
}
#wb_indexShape8
{
width: 230px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape8
{
width: 228px;
height: 43px;
}
#indexShape8_text
{
left: 6px;
top: 15px;
width: 218px;
height: 29px;
}
#wb_indexShape3
{
width: 230px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape3
{
width: 228px;
height: 68px;
}
#indexShape3_text
{
left: 6px;
top: 16px;
width: 218px;
height: 48px;
}
#wb_indexShape9
{
width: 230px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape9
{
width: 228px;
height: 43px;
}
#indexShape9_text
{
left: 6px;
top: 15px;
width: 218px;
height: 29px;
}
#wb_indexShape4
{
width: 260px;
height: 60px;
visibility: visible;
display: inline-block;
}
#indexShape4
{
width: 258px;
height: 58px;
}
#indexShape4_text
{
left: 7px;
top: 10px;
width: 245px;
height: 42px;
}
#wb_indexText17
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText17
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText18
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText18
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText15
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText15
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText16
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText16
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexShape5
{
width: 410px;
height: 55px;
visibility: hidden;
display: none;
}
#indexShape5
{
width: 408px;
height: 53px;
}
#indexShape5_text
{
left: 7px;
top: 17px;
width: 395px;
height: 30px;
}
#wb_indexText26
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText26
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: center;
}
#wb_indexExtension3
{
width: 240px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension3:hover,
.btnindexExtension3:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension3 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension3:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension3:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension3:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension3:hover,
.btn-1aindexExtension3:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension3:hover,
.btn-1bindexExtension3:active {
color: #FFFFFF;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension3:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension3:hover,
.btn-1cindexExtension3:active {
color: #FFFFFF;
}
.btn-1cindexExtension3:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension3 {
overflow: hidden;
}
.btn-1dindexExtension3:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension3:hover,
.btn-1dindexExtension3:active {
color: #FFFFFF;
}
.btn-1dindexExtension3:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension3:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension3 {
overflow: hidden;
}
.btn-1eindexExtension3:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension3:hover,
.btn-1eindexExtension3:active {
color: #FFFFFF;
}
.btn-1eindexExtension3:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension3:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension3:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension3 {
overflow: hidden;
}
.btn-1findexExtension3:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension3:hover,
.btn-1findexExtension3:active {
color: #FFFFFF;
}
.btn-1findexExtension3:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension3:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension3 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension3 {
border-radius: 4px!important;
}
.btn-2bindexExtension3:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension3:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension3 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension3
{
width: 240px;
height: 55px;
top: 6756px;
left: 40px;
}
#wb_indexText27
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText27
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText30
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText30
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexText31
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText31
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText32
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText32
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText41
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText41
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexPhotoGallery1
{
visibility: visible;
display: block;
color: #000000;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexPhotoGallery1 .thumbnail
{
width: 50%;
}
#indexPhotoGallery1 .visible-col5
{
display: none;
}
#indexPhotoGallery1 .visible-col3
{
display: none;
}
#indexPhotoGallery1 .visible-col2
{
display: block;
}
#wb_indexText33
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText33
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText34
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText34
{
font-family: Roboto;
font-weight: normal;
font-size: 32px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
text-align: center;
}
#wb_indexExtension8
{
width: 240px;
height: 54px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension8:hover,
.btnindexExtension8:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension8 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 17px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension8:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension8:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension8:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension8:hover,
.btn-1aindexExtension8:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension8:hover,
.btn-1bindexExtension8:active {
color: #FFFFFF;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension8:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension8:hover,
.btn-1cindexExtension8:active {
color: #FFFFFF;
}
.btn-1cindexExtension8:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension8 {
overflow: hidden;
}
.btn-1dindexExtension8:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension8:hover,
.btn-1dindexExtension8:active {
color: #FFFFFF;
}
.btn-1dindexExtension8:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension8:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension8 {
overflow: hidden;
}
.btn-1eindexExtension8:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension8:hover,
.btn-1eindexExtension8:active {
color: #FFFFFF;
}
.btn-1eindexExtension8:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension8:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension8:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension8 {
overflow: hidden;
}
.btn-1findexExtension8:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension8:hover,
.btn-1findexExtension8:active {
color: #FFFFFF;
}
.btn-1findexExtension8:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension8:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension8 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension8 {
border-radius: 4px!important;
}
.btn-2bindexExtension8:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension8:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension8 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension8
{
width: 240px;
height: 54px;
top: 8565px;
left: 40px;
}
#wb_indexImage5
{
width: 150px;
height: 150px;
visibility: visible;
display: inline-block;
}
#indexImage5
{
width: 150px;
height: 150px;
}
#wb_indexText42
{
left: 171px;
top: 35px;
width: 140px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText42
{
font-family: MyriadProRegular;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText21
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText21
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText22
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText22
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText29
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText29
{
font-family: Roboto;
font-weight: normal;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText43
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText43
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid15
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid15
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid15
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid15 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid15 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-4
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid16
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid16
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid16
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid16 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid16 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid16 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText45
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText45
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText48
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText48
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText49
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText49
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText50
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText50
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexImage6
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage6
{
width: 80px;
height: 80px;
}
#wb_indexImage7
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage7
{
width: 80px;
height: 80px;
}
#wb_indexImage8
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage8
{
width: 80px;
height: 80px;
}
#wb_indexText10
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText10
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText25
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText25
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexShape6
{
width: 220px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape6
{
width: 218px;
height: 53px;
}
#indexShape6_text
{
left: 7px;
top: 8px;
width: 205px;
height: 39px;
}
#indexFilePublisher1
{
left: 20px;
top: 196px;
width: 47px;
height: 47px;
visibility: visible;
display: inline;
}
#indexLine1
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine1
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine2
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine2
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine3
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine3
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine4
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine4
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine5
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine5
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine6
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine6
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexFileUpload22
{
width: 248px;
height: 52px;
visibility: visible;
display: table;
color: #555555;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox3
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox4
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#wb_indexExtension9
{
width: 250px;
height: 54px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension9:hover,
.btnindexExtension9:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension9 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension9:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension9:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension9:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension9:hover,
.btn-1aindexExtension9:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension9:hover,
.btn-1bindexExtension9:active {
color: #FFFFFF;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension9:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension9:hover,
.btn-1cindexExtension9:active {
color: #FFFFFF;
}
.btn-1cindexExtension9:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension9 {
overflow: hidden;
}
.btn-1dindexExtension9:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension9:hover,
.btn-1dindexExtension9:active {
color: #FFFFFF;
}
.btn-1dindexExtension9:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension9:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension9 {
overflow: hidden;
}
.btn-1eindexExtension9:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension9:hover,
.btn-1eindexExtension9:active {
color: #FFFFFF;
}
.btn-1eindexExtension9:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension9:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension9:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension9 {
overflow: hidden;
}
.btn-1findexExtension9:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension9:hover,
.btn-1findexExtension9:active {
color: #FFFFFF;
}
.btn-1findexExtension9:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension9:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension9 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension9 {
border-radius: 4px!important;
}
.btn-2bindexExtension9:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension9:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension9 {margin: 5px 5px 5px 5px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension9
{
width: 250px;
height: 54px;
top: 7172px;
left: 35px;
}
#wb_indexText36
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText36
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape10
{
width: 230px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape10
{
width: 228px;
height: 68px;
}
#indexShape10_text
{
left: 6px;
top: 16px;
width: 218px;
height: 48px;
}
#wb_indexText52
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText52
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText53
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText53
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#indexSlideShow4
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow5
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow6
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#wb_indexShape12
{
width: 230px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape12
{
width: 228px;
height: 68px;
}
#indexShape12_text
{
left: 6px;
top: 16px;
width: 218px;
height: 48px;
}
#wb_indexShape14
{
width: 230px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape14
{
width: 228px;
height: 68px;
}
#indexShape14_text
{
left: 6px;
top: 16px;
width: 218px;
height: 48px;
}
#indexLine7
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine7
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine8
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine8
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine9
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine9
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine10
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine10
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine11
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine11
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine12
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine12
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#wb_indexText54
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText54
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText4
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText4
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText5
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText5
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText55
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText55
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#indexHtml1
{
width: 255px;
height: 61px;
visibility: visible;
display: inline-block;
}
#wb_indexText56
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText56
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText57
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText57
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText58
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText58
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText59
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText59
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexImage10
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage10
{
width: 117px;
height: 105px;
}
#wb_indexImage13
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage13
{
width: 96px;
height: 96px;
}
#wb_indexImage14
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage14
{
width: 92px;
height: 104px;
}
#indexHtml2
{
width: 320px;
height: 40px;
visibility: visible;
display: inline-block;
}
#wb_indexText60
{
left: 45px;
top: 316px;
width: 230px;
height: 57px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText60
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
}
@media only screen and (max-width: 319px)
{
body
{
background-color: #FFFFFF;
background-image: none;
}
#wb_indexImage4
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage4
{
width: 92px;
height: 104px;
}
#wb_indexImage3
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage3
{
width: 96px;
height: 96px;
}
#wb_indexImage2
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage2
{
width: 117px;
height: 105px;
}
#wb_indexLayoutGrid17
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid17
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid17
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid17 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid17 > .row > .col-1, #indexLayoutGrid17 > .row > .col-2, #indexLayoutGrid17 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid17 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid17 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid2
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid2
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid2
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid2 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid2 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid2 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText51
{
left: 71px;
top: 30px;
width: 200px;
height: 23px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText51
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexImage9
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage9
{
width: 80px;
height: 80px;
}
#wb_indexShape7
{
width: 230px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape7
{
width: 228px;
height: 43px;
}
#indexShape7_text
{
left: 6px;
top: 15px;
width: 218px;
height: 29px;
}
#indexLayer1
{
height: 154px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
}
#indexLayer1
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer1_Container
{
width: 280px;
}
#wb_indexLayoutGrid13
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid13
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid13
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid13 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid13 > .row > .col-1, #indexLayoutGrid13 > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid13 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#indexLayoutGrid13 > .row > .col-2
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexImage1
{
left: 10px;
top: 17px;
width: 88px;
height: 32px;
visibility: visible;
display: inline;
}
#wb_indexText1
{
left: 10px;
top: 66px;
width: 261px;
height: 28px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText1
{
font-family: Roboto;
font-weight: normal;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText2
{
left: 101px;
top: 14px;
width: 170px;
height: 23px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText2
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexExtension1
{
left: 10px;
top: 106px;
width: 261px;
height: 36px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension1:hover,
.btnindexExtension1:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension1 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension1:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension1:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension1:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension1:hover,
.btn-1aindexExtension1:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension1:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension1:hover,
.btn-1bindexExtension1:active {
color: #FFFFFF;
}
.btn-1bindexExtension1:hover:after,
.btn-1bindexExtension1:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension1:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension1:hover,
.btn-1cindexExtension1:active {
color: #FFFFFF;
}
.btn-1cindexExtension1:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension1 {
overflow: hidden;
}
.btn-1dindexExtension1:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension1:hover,
.btn-1dindexExtension1:active {
color: #FFFFFF;
}
.btn-1dindexExtension1:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension1:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension1 {
overflow: hidden;
}
.btn-1eindexExtension1:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension1:hover,
.btn-1eindexExtension1:active {
color: #FFFFFF;
}
.btn-1eindexExtension1:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension1:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension1:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension1 {
overflow: hidden;
}
.btn-1findexExtension1:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension1:hover,
.btn-1findexExtension1:active {
color: #FFFFFF;
}
.btn-1findexExtension1:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension1:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension1 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension1 {
border-radius: 4px!important;
}
.btn-2bindexExtension1:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension1:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension1 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension1
{
width: 261px;
height: 36px;
top: 106px;
left: 10px;
}
#wb_indexLayoutGrid1
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6717_darker.jpg);
background-repeat: no-repeat;
background-position: center bottom !important;
background-attachment: scroll;
background-size: cover;
}
#wb_indexLayoutGrid1
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid1
{
padding: 30px 0px 100px 0px;
}
#indexLayoutGrid1 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid1 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid1 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText3
{
visibility: visible;
display: block;
}
#wb_indexText3
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexLayoutGrid12
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid12
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid12
{
padding: 60px 15px 0px 15px;
}
#indexLayoutGrid12 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid12 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid12 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_catalog
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_catalog
{
margin-top: 0px;
margin-bottom: 0px;
}
#catalog
{
padding: 0px 10px 0px 10px;
}
#catalog .row
{
margin-right: -10px;
margin-left: -10px;
}
#catalog > .row > .col-1
{
padding-right: 10px;
padding-left: 10px;
}
#catalog > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid18
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid18
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid18
{
padding: 20px 15px 0px 15px;
}
#indexLayoutGrid18 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid18 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid18 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexLayoutGrid19
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid19
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid19
{
padding: 40px 15px 40px 15px;
}
#indexLayoutGrid19 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid19 > .row > .col-1, #indexLayoutGrid19 > .row > .col-2, #indexLayoutGrid19 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid19 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid19 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText6
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText6
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid7
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid7
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid7
{
padding: 0px 15px 20px 15px;
}
#indexLayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid7 > .row > .col-1, #indexLayoutGrid7 > .row > .col-2, #indexLayoutGrid7 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid7 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid7 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid20
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid20
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid20
{
padding: 0px 0px 50px 0px;
}
#indexLayoutGrid20 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid20 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid20 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid3
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid3
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid3
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid3 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid3 > .row > .col-1, #indexLayoutGrid3 > .row > .col-2, #indexLayoutGrid3 > .row > .col-3
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid3 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid3 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexText9
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText9
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexShape2
{
width: 230px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexShape2
{
width: 228px;
height: 78px;
}
#indexShape2_text
{
left: 6px;
top: 21px;
width: 218px;
height: 53px;
}
#wb_indexLayoutGrid5
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid5
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid5
{
padding: 0px 0px 0px 0px;
}
#indexLayoutGrid5 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid5 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid5 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid4
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid4
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid4
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid4 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid4 > .row > .col-1, #indexLayoutGrid4 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid4 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid4 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexLayoutGrid6
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid6
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid6
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid6 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid6 > .row > .col-1, #indexLayoutGrid6 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid6 > .row > .col-1
{
display: none;
width: 0;
text-align: left;
}
#indexLayoutGrid6 > .row > .col-2
{
display: block;
width: 100%;
text-align: right;
}
#wb_indexText13
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText13
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText14
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText14
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_proizvodstvo
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_proizvodstvo
{
margin-top: 0px;
margin-bottom: 0px;
}
#proizvodstvo
{
padding: 0px 10px 0px 10px;
}
#proizvodstvo .row
{
margin-right: -10px;
margin-left: -10px;
}
#proizvodstvo > .row > .col-1, #proizvodstvo > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#proizvodstvo > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#proizvodstvo > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText19
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText19
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 10px 0px;
text-align: center;
}
#wb_indexText20
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText20
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexLayoutGrid8
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid8
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid8
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid8 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid8 > .row > .col-1, #indexLayoutGrid8 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid8 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#indexLayoutGrid8 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_indexText11
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText11
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText12
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText12
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexText28
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText28
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid9
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid9
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid9
{
padding: 0px 10px 0px 10px;
}
#indexLayoutGrid9 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid9 > .row > .col-1, #indexLayoutGrid9 > .row > .col-2
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid9 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid9 > .row > .col-2
{
display: none;
width: 0;
text-align: right;
}
#wb_design
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_design
{
margin-top: 0px;
margin-bottom: 0px;
}
#design
{
padding: 30px 15px 30px 15px;
}
#design .row
{
margin-right: -15px;
margin-left: -15px;
}
#design > .row > .col-1, #design > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#design > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#design > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexFlexBoxContainer1
{
visibility: visible;
display: flex;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexFlexBoxContainer1
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
}
#wb_indexLayoutGrid11
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/_DSC6649_1600.jpg);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-position: 50% 0;
background-size: cover;
}
#wb_indexLayoutGrid11
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid11
{
padding: 30px 10px 30px 10px;
}
#indexLayoutGrid11 .row
{
margin-right: -10px;
margin-left: -10px;
}
#indexLayoutGrid11 > .row > .col-1
{
padding-right: 10px;
padding-left: 10px;
}
#indexLayoutGrid11 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexImage11
{
left: 11px;
top: 38px;
width: 82px;
height: 31px;
visibility: visible;
display: inline;
}
#wb_indexText35
{
left: 35px;
top: 168px;
width: 210px;
height: 57px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText35
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexExtension5
{
left: 10px;
top: 91px;
width: 261px;
height: 57px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension5:hover,
.btnindexExtension5:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension5 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension5:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension5:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension5:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension5:hover,
.btn-1aindexExtension5:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension5:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension5:hover,
.btn-1bindexExtension5:active {
color: #FFFFFF;
}
.btn-1bindexExtension5:hover:after,
.btn-1bindexExtension5:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension5:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension5:hover,
.btn-1cindexExtension5:active {
color: #FFFFFF;
}
.btn-1cindexExtension5:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension5 {
overflow: hidden;
}
.btn-1dindexExtension5:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension5:hover,
.btn-1dindexExtension5:active {
color: #FFFFFF;
}
.btn-1dindexExtension5:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension5:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension5 {
overflow: hidden;
}
.btn-1eindexExtension5:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension5:hover,
.btn-1eindexExtension5:active {
color: #FFFFFF;
}
.btn-1eindexExtension5:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension5:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension5:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension5 {
overflow: hidden;
}
.btn-1findexExtension5:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension5:hover,
.btn-1findexExtension5:active {
color: #FFFFFF;
}
.btn-1findexExtension5:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension5:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension5 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension5 {
border-radius: 4px!important;
}
.btn-2bindexExtension5:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension5:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension5 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension5
{
width: 261px;
height: 57px;
top: 8952px;
left: 10px;
}
#wb_indexText37
{
left: 5px;
top: 341px;
width: 270px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText37
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText38
{
left: 30px;
top: 379px;
width: 220px;
height: 38px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText38
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText39
{
left: 10px;
top: 436px;
width: 260px;
height: 19px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText39
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText40
{
left: 106px;
top: 53px;
width: 165px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText40
{
font-family: MyriadProRegular;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText44
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText44
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText46
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText46
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText23
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText23
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText24
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText24
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexImage12
{
width: 166px;
height: 249px;
visibility: visible;
display: inline-block;
}
#indexImage12
{
width: 166px;
height: 249px;
}
#wb_indexText7
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText7
{
font-family: Roboto;
font-weight: normal;
font-size: 21px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 30px 0px;
text-align: center;
}
#wb_indexExtension6
{
width: 239px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension6:hover,
.btnindexExtension6:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension6 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension6:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension6:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension6:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension6:hover,
.btn-1aindexExtension6:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension6:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension6:hover,
.btn-1bindexExtension6:active {
color: #FFFFFF;
}
.btn-1bindexExtension6:hover:after,
.btn-1bindexExtension6:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension6:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension6:hover,
.btn-1cindexExtension6:active {
color: #FFFFFF;
}
.btn-1cindexExtension6:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension6 {
overflow: hidden;
}
.btn-1dindexExtension6:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension6:hover,
.btn-1dindexExtension6:active {
color: #FFFFFF;
}
.btn-1dindexExtension6:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension6:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension6 {
overflow: hidden;
}
.btn-1eindexExtension6:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension6:hover,
.btn-1eindexExtension6:active {
color: #FFFFFF;
}
.btn-1eindexExtension6:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension6:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension6:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension6 {
overflow: hidden;
}
.btn-1findexExtension6:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension6:hover,
.btn-1findexExtension6:active {
color: #FFFFFF;
}
.btn-1findexExtension6:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension6:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension6 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension6 {
border-radius: 4px!important;
}
.btn-2bindexExtension6:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension6:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension6 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension6
{
width: 239px;
height: 55px;
top: 6589px;
left: 20px;
}
#wb_indexText8
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText8
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
}
#wb_indexText47
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText47
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: center;
}
#wb_indexExtension7
{
width: 240px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension7:hover,
.btnindexExtension7:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension7 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension7:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension7:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension7:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension7:hover,
.btn-1aindexExtension7:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension7:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension7:hover,
.btn-1bindexExtension7:active {
color: #FFFFFF;
}
.btn-1bindexExtension7:hover:after,
.btn-1bindexExtension7:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension7:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension7:hover,
.btn-1cindexExtension7:active {
color: #FFFFFF;
}
.btn-1cindexExtension7:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension7 {
overflow: hidden;
}
.btn-1dindexExtension7:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension7:hover,
.btn-1dindexExtension7:active {
color: #FFFFFF;
}
.btn-1dindexExtension7:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension7:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension7 {
overflow: hidden;
}
.btn-1eindexExtension7:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension7:hover,
.btn-1eindexExtension7:active {
color: #FFFFFF;
}
.btn-1eindexExtension7:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension7:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension7:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension7 {
overflow: hidden;
}
.btn-1findexExtension7:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension7:hover,
.btn-1findexExtension7:active {
color: #FFFFFF;
}
.btn-1findexExtension7:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension7:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension7 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension7 {
border-radius: 4px!important;
}
.btn-2bindexExtension7:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension7:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension7 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension7
{
width: 240px;
height: 55px;
top: 6746px;
left: 20px;
}
#wb_indexLayoutGrid10
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: center center;
}
#wb_indexLayoutGrid10
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid10
{
padding: 30px 0px 0px 0px;
}
#indexLayoutGrid10 .row
{
margin-right: -0px;
margin-left: -0px;
}
#indexLayoutGrid10 > .row > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#indexLayoutGrid10 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid14
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: url(images/pattern.png);
background-repeat: repeat;
background-position: left top;
}
#wb_indexLayoutGrid14
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid14
{
padding: 30px 15px 5px 15px;
}
#indexLayoutGrid14 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid14 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid14 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#wb_present
{
visibility: visible;
display: table;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_present
{
margin-top: 0px;
margin-bottom: 0px;
}
#present
{
padding: 30px 15px 30px 15px;
}
#present .row
{
margin-right: -15px;
margin-left: -15px;
}
#present > .row > .col-1, #present > .row > .col-2
{
padding-right: 15px;
padding-left: 15px;
}
#present > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#present > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayer2
{
height: 491px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #303030;
background-image: none;
}
#indexLayer2
{
width: 100%;
margin: 0px 0px 0px 0px;
}
#indexLayer2_Container
{
width: 280px;
}
#indexSlideShow1
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow2
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow3
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#wb_indexShape1
{
width: 230px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexShape1
{
width: 228px;
height: 78px;
}
#indexShape1_text
{
left: 6px;
top: 21px;
width: 218px;
height: 53px;
}
#wb_indexShape8
{
width: 230px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape8
{
width: 228px;
height: 43px;
}
#indexShape8_text
{
left: 6px;
top: 15px;
width: 218px;
height: 29px;
}
#wb_indexShape3
{
width: 230px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexShape3
{
width: 228px;
height: 78px;
}
#indexShape3_text
{
left: 6px;
top: 21px;
width: 218px;
height: 53px;
}
#wb_indexShape9
{
width: 230px;
height: 50px;
visibility: visible;
display: inline-block;
}
#indexShape9
{
width: 228px;
height: 43px;
}
#indexShape9_text
{
left: 6px;
top: 15px;
width: 218px;
height: 29px;
}
#wb_indexShape4
{
width: 250px;
height: 70px;
visibility: visible;
display: inline-block;
}
#indexShape4
{
width: 248px;
height: 68px;
}
#indexShape4_text
{
left: 7px;
top: 15px;
width: 235px;
height: 47px;
}
#wb_indexText17
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText17
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText18
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText18
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText15
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText15
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText16
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText16
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexShape5
{
width: 410px;
height: 55px;
visibility: hidden;
display: none;
}
#indexShape5
{
width: 408px;
height: 53px;
}
#indexShape5_text
{
left: 7px;
top: 17px;
width: 395px;
height: 30px;
}
#wb_indexText26
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText26
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 30px 0px 15px 0px;
text-align: center;
}
#wb_indexExtension3
{
width: 240px;
height: 55px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension3:hover,
.btnindexExtension3:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension3 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension3:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension3:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension3:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension3:hover,
.btn-1aindexExtension3:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension3:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension3:hover,
.btn-1bindexExtension3:active {
color: #FFFFFF;
}
.btn-1bindexExtension3:hover:after,
.btn-1bindexExtension3:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension3:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension3:hover,
.btn-1cindexExtension3:active {
color: #FFFFFF;
}
.btn-1cindexExtension3:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension3 {
overflow: hidden;
}
.btn-1dindexExtension3:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension3:hover,
.btn-1dindexExtension3:active {
color: #FFFFFF;
}
.btn-1dindexExtension3:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension3:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension3 {
overflow: hidden;
}
.btn-1eindexExtension3:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension3:hover,
.btn-1eindexExtension3:active {
color: #FFFFFF;
}
.btn-1eindexExtension3:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension3:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension3:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension3 {
overflow: hidden;
}
.btn-1findexExtension3:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension3:hover,
.btn-1findexExtension3:active {
color: #FFFFFF;
}
.btn-1findexExtension3:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension3:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension3 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension3 {
border-radius: 4px!important;
}
.btn-2bindexExtension3:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension3:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension3 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension3
{
width: 240px;
height: 55px;
top: 6941px;
left: 20px;
}
#wb_indexText27
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText27
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
}
#wb_indexText30
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText30
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexText31
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText31
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: right;
}
#wb_indexText32
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText32
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: right;
}
#wb_indexText41
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText41
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: center;
}
#wb_indexPhotoGallery1
{
visibility: visible;
display: block;
color: #000000;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#indexPhotoGallery1 .thumbnail
{
width: 50%;
}
#indexPhotoGallery1 .visible-col5
{
display: none;
}
#indexPhotoGallery1 .visible-col3
{
display: none;
}
#indexPhotoGallery1 .visible-col2
{
display: block;
}
#wb_indexText33
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText33
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText34
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText34
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
text-align: center;
}
#wb_indexExtension8
{
width: 240px;
height: 54px;
visibility: visible;
display: inline-block;
}
/* Button 1b */
.btnindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension8:hover,
.btnindexExtension8:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension8 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 17px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension8:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension8:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension8:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension8:hover,
.btn-1aindexExtension8:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension8:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension8:hover,
.btn-1bindexExtension8:active {
color: #FFFFFF;
}
.btn-1bindexExtension8:hover:after,
.btn-1bindexExtension8:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension8:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension8:hover,
.btn-1cindexExtension8:active {
color: #FFFFFF;
}
.btn-1cindexExtension8:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension8 {
overflow: hidden;
}
.btn-1dindexExtension8:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension8:hover,
.btn-1dindexExtension8:active {
color: #FFFFFF;
}
.btn-1dindexExtension8:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension8:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension8 {
overflow: hidden;
}
.btn-1eindexExtension8:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension8:hover,
.btn-1eindexExtension8:active {
color: #FFFFFF;
}
.btn-1eindexExtension8:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension8:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension8:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension8 {
overflow: hidden;
}
.btn-1findexExtension8:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension8:hover,
.btn-1findexExtension8:active {
color: #FFFFFF;
}
.btn-1findexExtension8:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension8:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension8 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension8 {
border-radius: 4px!important;
}
.btn-2bindexExtension8:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension8:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension8 {margin: 0px 0px 0px 0px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension8
{
width: 240px;
height: 54px;
top: 8777px;
left: 20px;
}
#wb_indexImage5
{
width: 150px;
height: 150px;
visibility: visible;
display: inline-block;
}
#indexImage5
{
width: 150px;
height: 150px;
}
#wb_indexText42
{
left: 131px;
top: 35px;
width: 140px;
height: 18px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText42
{
font-family: Arial;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
#wb_indexText21
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText21
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: left;
}
#wb_indexText22
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText22
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText29
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText29
{
font-family: Roboto;
font-weight: normal;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexText43
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText43
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexLayoutGrid15
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid15
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid15
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid15 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid15 > .row > .col-1, #indexLayoutGrid15 > .row > .col-2, #indexLayoutGrid15 > .row > .col-3, #indexLayoutGrid15 > .row > .col-4
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid15 > .row > .col-1
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-2
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-3
{
display: block;
width: 100%;
text-align: center;
}
#indexLayoutGrid15 > .row > .col-4
{
display: block;
width: 100%;
text-align: center;
}
#wb_indexLayoutGrid16
{
visibility: visible;
display: table;
font-size: 13px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexLayoutGrid16
{
margin-top: 0px;
margin-bottom: 0px;
}
#indexLayoutGrid16
{
padding: 0px 15px 0px 15px;
}
#indexLayoutGrid16 .row
{
margin-right: -15px;
margin-left: -15px;
}
#indexLayoutGrid16 > .row > .col-1
{
padding-right: 15px;
padding-left: 15px;
}
#indexLayoutGrid16 > .row > .col-1
{
display: block;
width: 100%;
text-align: left;
}
#wb_indexText45
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText45
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText48
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText48
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText49
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText49
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexText50
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText50
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 25px 0px;
text-align: center;
}
#wb_indexImage6
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage6
{
width: 80px;
height: 80px;
}
#wb_indexImage7
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage7
{
width: 80px;
height: 80px;
}
#wb_indexImage8
{
width: 80px;
height: 80px;
visibility: visible;
display: inline-block;
}
#indexImage8
{
width: 80px;
height: 80px;
}
#wb_indexText10
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText10
{
font-family: Roboto;
font-weight: normal;
font-size: 35px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 30px 0px;
text-align: left;
}
#wb_indexText25
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
opacity: 0.00;
}
#wb_indexText25
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
text-align: left;
}
#wb_indexShape6
{
width: 220px;
height: 55px;
visibility: visible;
display: inline-block;
}
#indexShape6
{
width: 218px;
height: 53px;
}
#indexShape6_text
{
left: 7px;
top: 8px;
width: 205px;
height: 39px;
}
#indexFilePublisher1
{
left: 20px;
top: 196px;
width: 47px;
height: 47px;
visibility: visible;
display: inline;
}
#indexLine1
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine1
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine2
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine2
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine3
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine3
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine4
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine4
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine5
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine5
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine6
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine6
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexFileUpload22
{
width: 228px;
height: 52px;
visibility: visible;
display: table;
color: #555555;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox3
{
width: 230px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#indexEditbox4
{
width: 230px;
height: 54px;
visibility: visible;
display: inline;
color: #000000;
font-size: 16px;
font-family: Roboto;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: #FFFFFF;
background-image: none;
border-radius: 4px;
}
#wb_indexExtension9
{
width: 230px;
height: 54px;
visibility: visible;
display: inline;
}
/* Button 1b */
.btnindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
color: #FFFFFF!important;
z-index:1;
}
.btnindexExtension9:hover,
.btnindexExtension9:active {
color: #FFFFFF;
border: 1px solid #FE491C!important;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
color: #FFFFFF!important;
height: 100%;
}
.btnindexExtension9 {
border: 1px solid #FE491C!important;
font-family: Roboto!important;
font-style: regular;
font-size: 16px!important;
color: #FFFFFF!important;
background: #FE491C;
cursor: pointer;
display: inline-block;
letter-spacing: 1px;
font-weight: normal!important;
outline: none;
position: relative;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
border-radius: 4px!important;
z-index:1;
}
.btnindexExtension9:hover {
border: 1px solid #FD6640!important;
font-family: inherit;
font-size: inherit;
color: #FFFFFF!important;
background: #FD6640;
}
.btnindexExtension9:after {
content: '';
position: absolute;
z-index: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
/* Pseudo elements for icons */
.btnindexExtension9:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
content: "\e000";
}
.icon-cart:before {
content: "\e007";
}
.icon-cart-2:before {
content: "\e008";
}
.icon-heart:before {
content: "\e009";
}
/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
content: "\e00a";
}
.icon-star:before {
content: "\e00b";
}
/* Filled star */
.icon-star:after,
.icon-star-2:before {
content: "\e00c";
}
.icon-arrow-right:before {
content: "\e00d";
}
.icon-arrow-left:before {
content: "\e003";
}
.icon-truck:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00f";
}
.icon-cog:before {
content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
content: "\e011";
}
.icon-minus:before {
content: "\e012";
}
.bh-icon-smiley:before {
content: "\e001";
}
.bh-icon-sad:before {
content: "\e002";
}
.icon-file:before {
content: "\e004";
}
.icon-remove-2:before {
content: "\e005";
}
/* Button 1 */
.btn-1 {
border: 3px solid #fff;
color: #FFFFFF;
}
/* Button 1a */
.btn-1aindexExtension9:hover,
.btn-1aindexExtension9:active {
color: #FFFFFF;
background: rgba(255,255,255,0.00);
}
/* Button 1b */
.btn-1bindexExtension9:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1bindexExtension9:hover,
.btn-1bindexExtension9:active {
color: #FFFFFF;
}
.btn-1bindexExtension9:hover:after,
.btn-1bindexExtension9:active:after {
height: 100%;
}
/* Button 1c */
.btn-1cindexExtension9:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(255,255,255,0.00);
border-radius: 4px!important;
z-index:-1;
}
.btn-1cindexExtension9:hover,
.btn-1cindexExtension9:active {
color: #FFFFFF;
}
.btn-1cindexExtension9:hover:after,
.btn-1c:active:after {
width: 100%;
}
/* Button 1d */
.btn-1dindexExtension9 {
overflow: hidden;
}
.btn-1dindexExtension9:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1dindexExtension9:hover,
.btn-1dindexExtension9:active {
color: #FFFFFF;
}
.btn-1dindexExtension9:hover:after {
width: 100%;
opacity: 1;
}
.btn-1dindexExtension9:active:after {
width: 101%;
opacity: 1;
}
/* Button 1e */
.btn-1eindexExtension9 {
overflow: hidden;
}
.btn-1eindexExtension9:after {
width: 120%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
border-radius: 4px!important;
z-index:-1;
}
.btn-1eindexExtension9:hover,
.btn-1eindexExtension9:active {
color: #FFFFFF;
}
.btn-1eindexExtension9:hover:after {
height: 1000%!important;
opacity: 1;
}
.btn-1eindexExtension9:hover:after {
height: 260%;
opacity: 1;
}
.btn-1eindexExtension9:active:after {
height: 400%;
opacity: 1;
}
/* Button 1f */
.btn-1findexExtension9 {
overflow: hidden;
}
.btn-1findexExtension9:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: rgba(255,255,255,0.00);
opacity: 0.8;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px!important;
z-index:-1;
}
.btn-1findexExtension9:hover,
.btn-1findexExtension9:active {
color: #FFFFFF;
}
.btn-1findexExtension9:hover:after {
height: 100%;
opacity: 1;
}
.btn-1findexExtension9:active:after {
height: 130%;
opacity: 1;
}
/* Button 2 */
.btn-2indexExtension9 {
background: #FE491C;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Button 2b */
.btn-2bindexExtension9 {
border-radius: 4px!important;
}
.btn-2bindexExtension9:hover {
box-shadow: 0 8px #FD6640;
top: -2px;
}
.btn-2bindexExtension9:active {
box-shadow: 0 0 #FD6640;
top: 6px;
}
#wb_indexExtension9 {margin: 5px 5px 5px 5px;}/* Например как то так, в этом примере можно задать отступ внешний от контейнера - обёртки*/
#indexExtension9
{
width: 230px;
height: 54px;
top: 7380px;
left: 25px;
}
#wb_indexText36
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText36
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexShape10
{
width: 230px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape10
{
width: 228px;
height: 63px;
}
#indexShape10_text
{
left: 6px;
top: 13px;
width: 218px;
height: 46px;
}
#wb_indexText52
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText52
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#wb_indexText53
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText53
{
font-family: Roboto;
font-weight: normal;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: center;
}
#indexSlideShow4
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow5
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#indexSlideShow6
{
width: 228px;
height: 228px;
visibility: visible;
display: inline-block;
}
#wb_indexShape12
{
width: 230px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape12
{
width: 228px;
height: 63px;
}
#indexShape12_text
{
left: 6px;
top: 13px;
width: 218px;
height: 46px;
}
#wb_indexShape14
{
width: 230px;
height: 65px;
visibility: visible;
display: inline-block;
}
#indexShape14
{
width: 228px;
height: 63px;
}
#indexShape14_text
{
left: 6px;
top: 13px;
width: 218px;
height: 46px;
}
#indexLine7
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine7
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine8
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine8
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine9
{
height: 10px;
visibility: visible;
display: block;
}
#indexLine9
{
border-color: #FFFFFF;
border-bottom-width: 10px;
}
#indexLine10
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine10
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine11
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine11
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#indexLine12
{
height: 5px;
visibility: visible;
display: block;
}
#indexLine12
{
border-color: #FFFFFF;
border-bottom-width: 5px;
}
#wb_indexText54
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText54
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText4
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText4
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText5
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText5
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText55
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText55
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#indexHtml1
{
width: 255px;
height: 61px;
visibility: visible;
display: inline-block;
}
#wb_indexText56
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText56
{
font-family: Roboto;
font-weight: normal;
font-size: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#wb_indexText57
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText57
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText58
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText58
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
text-align: center;
}
#wb_indexText59
{
visibility: visible;
display: block;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText59
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}
#wb_indexImage10
{
width: 117px;
height: 105px;
visibility: visible;
display: inline-block;
}
#indexImage10
{
width: 117px;
height: 105px;
}
#wb_indexImage13
{
width: 96px;
height: 96px;
visibility: visible;
display: inline-block;
}
#indexImage13
{
width: 96px;
height: 96px;
}
#wb_indexImage14
{
width: 92px;
height: 104px;
visibility: visible;
display: inline-block;
}
#indexImage14
{
width: 92px;
height: 104px;
}
#indexHtml2
{
width: 272px;
height: 46px;
visibility: visible;
display: inline-block;
}
#wb_indexText60
{
left: 35px;
top: 250px;
width: 210px;
height: 57px;
visibility: visible;
display: inline;
font-size: 8px;
font-family: Arial;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-color: transparent;
background-image: none;
}
#wb_indexText60
{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
}