/*head.css*/
@font-face {
font-family: 'PFSquareSansPro-Regular';
src: url('../fonts/PFSquareSansPro-Regular.woff') format('woff'),
url('../fonts/PFSquareSansPro-Regular.ttf') format('truetype'),
url('../fonts/PFSquareSansPro-Regular.svg#PFSquareSansPro-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PFSquareSansPro-Bold';
src: url('../fonts/PFSquareSansPro-Bold.eot');
src: url('../fonts/PFSquareSansPro-Bold.woff') format('woff'),
url('../fonts/PFSquareSansPro-Bold.ttf') format('truetype'),
url('../fonts/PFSquareSansPro-Bold.svg#PFSquareSansPro-Bold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PFSquareSansPro-Medium';
src: url('../fonts/PFSquareSansPro-Medium.eot');
src: url('../fonts/PFSquareSansPro-Medium.woff') format('woff'),
url('../fonts/PFSquareSansPro-Medium.ttf') format('truetype'),
url('../fonts/PFSquareSansPro-Medium.svg#PFSquareSansPro-Medium') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Conv_SansRoundedC';
src: url('../fonts/SansRoundedC.eot');
src: local(''), url('../fonts/SansRoundedC.woff') format('woff'), url('../fonts/SansRoundedC.ttf') format('truetype'), url('../fonts/SansRoundedC.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*
@font-face {
font-family: 'Nokia Sans';
src: url('../fonts/NokiaSans/subset-NokiaSansS60-Bold.eot');
src: url('../fonts/NokiaSans/subset-NokiaSansS60-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/NokiaSans/subset-NokiaSansS60-Bold.woff2') format('woff2'),
url('../fonts/NokiaSans/subset-NokiaSansS60-Bold.woff') format('woff'),
url('../fonts/NokiaSans/subset-NokiaSansS60-Bold.ttf') format('truetype'),
url('../fonts/NokiaSans/subset-NokiaSansS60-Bold.svg#NokiaSansS60-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nokia Sans';
src: url('../fonts/NokiaSans/subset-NokiaSansS60.eot');
src: url('../fonts/NokiaSans/subset-NokiaSansS60.eot?#iefix') format('embedded-opentype'),
url('../fonts/NokiaSans/subset-NokiaSansS60.woff2') format('woff2'),
url('../fonts/NokiaSans/subset-NokiaSansS60.woff') format('woff'),
url('../fonts/NokiaSans/subset-NokiaSansS60.ttf') format('truetype'),
url('../fonts/NokiaSans/subset-NokiaSansS60.svg#NokiaSansS60') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
*/
@font-face {
font-family: 'fontello';
src: url("font/fontello.eot");
src: url("font/fontello.eot?#iefix") format('embedded-opentype'), url("font/fontello.woff") format('woff'), url("font/fontello.ttf") format('truetype'), url("font/fontello.svg#fontello") format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'revicons';
src: url('../font/revicons.eot?5510888');
src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'),
url('../font/revicons.woff?5510888') format('woff'),
url('../font/revicons.ttf?5510888') format('truetype'),
url('../font/revicons.svg?5510888#revicons') format('svg');
font-weight: normal;
font-style: normal;
}
/*http://renomedev.siteglobal.ru/templates/renome/css/font-awesome.css*/
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
/*/plugins/system/jcemediabox/css/jcemediabox.css?1d12bb5a40100bbd1841bfc0e498ce7b*/
@media print{
a.jcepopup span.jcemediabox-zoom-image{
background:0 0!important
}
}
.jcepopup.hide,.jcepopup.noshow{
display:none
}
#jcemediabox-popup-body,#jcemediabox-popup-container,#jcemediabox-popup-content,#jcemediabox-popup-iframe,#jcemediabox-popup-img,#jcemediabox-popup-loader,#jcemediabox-popup-object,#jcemediabox-popup-overlay,#jcemediabox-popup-page{
left:0;
top:0;
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:0 0;
height:100%;
width:100%
}
#jcemediabox-popup-body,#jcemediabox-popup-container,#jcemediabox-popup-content,#jcemediabox-popup-overlay{
box-sizing:content-box
}
#jcemediabox-popup-page{
position:fixed!important;
z-index:10000
}
#jcemediabox-popup-page.scrolling{
}
#jcemediabox-popup-overlay{
position:absolute;
cursor:pointer
}
#jcemediabox-popup-frame{
position: relative;
margin: auto;
overflow:visible;
height:100%;
z-index:10001;
cursor:pointer;
}
#jcemediabox-popup-body{
position: relative;
overflow:visible;
margin:0 auto;
width:300px;
height:300px;
z-index:10002;
cursor:default;
}
#jcemediabox-popup-loader{
text-align:center;
line-height:0
}
#jcemediabox-popup-info-bottom,#jcemediabox-popup-info-top{
overflow:hidden;
position:relative;
margin:0;
padding:0;
border:0;
visibility:hidden
}
#jcemediabox-popup-container{
overflow:hidden
}
#jcemediabox-popup-content{
width:100%;
height:auto
}
#jcemediabox-popup-content.broken-image{
background:url(../img/broken-image.png) center no-repeat
}
#jcemediabox-popup-content.broken-media{
background:url(../img/broken-media.png) center no-repeat
}
#jcemediabox-popup-content.broken-page{
background:url(../img/broken-page.png) center no-repeat
}
#jcemediabox-popup-content p.media-support{
font-size:20px;
color:#888;
font-weight:700;
text-align:center;
height:100%;
position:relative;
top:50%;
margin-top:-10px
}
#jcemediabox-popup-iframe,#jcemediabox-popup-img,#jcemediabox-popup-object{
text-align:center
}
#jcemediabox-popup-content>embed,#jcemediabox-popup-content>img,#jcemediabox-popup-content>object,#jcemediabox-popup-content>video{
width:100%;
height:auto
}
#jcemediabox-popup-content object[type="application/x-shockwave-flash"]{
height:inherit
}
#jcemediabox-popup-page.android #jcemediabox-popup-content,#jcemediabox-popup-page.ios #jcemediabox-popup-content{
overflow:scroll
}
#jcemediabox-popup-ajax{
overflow:auto;
border:0;
padding:0;
margin:0;
width:auto;
height:100%;
background-color:#fff;
position:relative
}
a.jcemediabox-image{
line-height:0!important;
font-size:0!important
}
.wf_caption a.jcepopup{
display:block
}
a.jcepopup span.jcemediabox-zoom-span{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:0 0;
cursor:pointer;
display:inline-block;
position:relative;
float:none
}
a.jcepopup span.jcemediabox-zoom-image{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
display:block;
background:url(../img/zoom-img.png) bottom right no-repeat;
width:100%;
height:100%;
position:absolute;
z-index:1;
bottom:0;
left:0
}
a.jcepopup.icon-bottom-left span.jcemediabox-zoom-image,a.jcepopup.icon-left span.jcemediabox-zoom-image,a.jcepopup.zoom-bottom-left span.jcemediabox-zoom-image{
background-position:bottom left
}
a.jcepopup.icon-top-left span.jcemediabox-zoom-image,a.jcepopup.zoom-top-left span.jcemediabox-zoom-image{
background-position:top left
}
a.jcepopup.icon-top span.jcemediabox-zoom-image,a.jcepopup.icon-top-right span.jcemediabox-zoom-image,a.jcepopup.zoom-top-right span.jcemediabox-zoom-image{
background-position:top right
}
a.jcepopup.icon-center span.jcemediabox-zoom-image,a.jcepopup.zoom-center span.jcemediabox-zoom-image{
background-position:center center
}
a.jcepopup.icon-center-left span.jcemediabox-zoom-image,a.jcepopup.zoom-center-left span.jcemediabox-zoom-image{
background-position:center left
}
a.jcepopup.icon-center-right span.jcemediabox-zoom-image,a.jcepopup.zoom-center-right span.jcemediabox-zoom-image{
background-position:center right
}
a.jcepopup.icon-center-bottom span.jcemediabox-zoom-image,a.jcepopup.icon-center-top span.jcemediabox-zoom-image,a.jcepopup.zoom-center-bottom span.jcemediabox-zoom-image,a.jcepopup.zoom-center-top span.jcemediabox-zoom-image{
background-position:center top
}
a.jcepopup span.jcemediabox-zoom-link,a.jcepopup span.jcemediabox-zoom-link.icon-right,a.jcepopup span.jcemediabox-zoom-link.zoom-right{
padding-right:16px;
background:url(../img/zoom-link.gif) center right no-repeat;
display:inherit
}
a.jcepopup span.jcemediabox-zoom-link.icon-left,a.jcepopup span.jcemediabox-zoom-link.zoom-left{
padding-left:18px;
background:url(../img/zoom-link.gif) center left no-repeat
}
#jcemediabox-popup-caption,#jcemediabox-popup-caption h4,#jcemediabox-popup-caption p{
margin:0;
padding:0;
border:0
}
div.jcemediabox-tooltip,div.jcemediabox-tooltip-simple{
z-index:10010;
width:180px;
text-align:left;
color:#000;
background-color:#fff;
border:1px solid #000;
padding:4px;
float:none;
max-width:100%;
position:absolute;
top:0;
left:0;
visibility:hidden
}
div.jcemediabox-tooltip h4,div.jcemediabox-tooltip-simple h4{
font-weight:700;
font-size:11px;
margin:0;
background:0 0;
padding:0
}
div.jcemediabox-tooltip p,div.jcemediabox-tooltip-simple p{
font-size:11px;
background:0 0;
margin:0;
padding:0
}
a.jcepopup.ie6 span.jcemediabox-zoom-image{
background:url(../img/zoom-img.png) no-repeat;
width:20px;
height:20px;
left:auto;
top:auto;
right:0
}
a.jcepopup.ie6 span.jcemediabox-zoom-link{
display:inline-block
}
a.jcepopup.icon-bottom-left span.jcemediabox-zoom-image,a.jcepopup.ie6.icon-left span.jcemediabox-zoom-image{
top:auto;
right:0
}
a.jcepopup.icon-top-right span.jcemediabox-zoom-image,a.jcepopup.ie6.icon-top span.jcemediabox-zoom-image{
top:0
}
a.jcepopup.ie6.icon-left span.jcemediabox-zoom-image{
left:0;
right:auto
}
.wf-mediaplayer-object{
background-color:transparent;
background-repeat:no-repeat;
background-size:cover;
background-position:center
}
.wf-mediaplayer-object i{
padding:5px 0;
display:inline-block;
text-align:center;
background-color:#fff
}
.wf-mediaplayer-object img{
width:inherit;
height:inherit
}
.wf-mediaplayer-container{
display:block
}
/*/plugins/system/jcemediabox/themes/standard/css/style.css?50fba48f56052a048c5cf30829163e4d*/
#jcemediabox-popup-caption h4 a,#jcemediabox-popup-caption h4 a:active,#jcemediabox-popup-caption h4 a:hover,#jcemediabox-popup-caption h4 a:visited,#jcemediabox-popup-caption p a,#jcemediabox-popup-caption p a:active,#jcemediabox-popup-caption p a:hover,#jcemediabox-popup-caption p a:visited,span#jcemediabox-popup-numbers a:active,span#jcemediabox-popup-numbers a:hover,span#jcemediabox-popup-numbers a:link,span#jcemediabox-popup-numbers a:visited{
font-weight:700;
text-decoration:none;
color:#000
}
#jcemediabox-popup-page.android #jcemediabox-popup-closelink,#jcemediabox-popup-page.ios #jcemediabox-popup-closelink{
top:10px
}
#jcemediabox-popup-frame{
padding: 25px;
/* margin: 20px;
*/
}
#jcemediabox-popup-container{
background-color:#fff;
border-radius: 10px;
}
#jcemediabox-popup-loader{
background:url(../img/loader.gif) center center no-repeat
}
#jcemediabox-popup-content{
padding:0;
}
.jcemediabox-popup-corner-tl{
background:url(../img/corner-tl.png) left top no-repeat;
clear:both;
height:10px;
display: none;
}
.jcemediabox-popup-corner-tr{
background:url(../img/corner-tr.png) right top no-repeat;
height:10px
}
.jcemediabox-popup-corner-tc{
background-color:#fff;
height:10px;
margin:0 10px;
width:auto
}
#jcemediabox-popup-info-bottom{
display: none !important;
}
#jcemediabox-popup-closelink{
bottom:0;
position: absolute !important;
float:right;
border:none;
right: -20px;
top: -20px;
opacity: 1;
width: 40px;
height: 40px;
background: #2c7540;
color: #ffffff;
border-radius: 30px;
font-weight: bold;
text-align: center;
line-height: 2;
font-size: 20px;
text-decoration: none;
}
#jcemediabox-popup-nav{
display: block !important;
position: absolute;
top:calc(50% - 25px);
width: 100%;
padding:0;
background-color:#fff;
}
#jcemediabox-popup-next,#jcemediabox-popup-prev{
width: 50px;
height: 50px;
z-index: 99999;
position:absolute;
border:none;
background-color: #2c7540;
background-repeat:no-repeat;
}
#jcemediabox-popup-closelink:hover,#jcemediabox-popup-next:hover,#jcemediabox-popup-prev:hover{
/* background-color:#333 */
}
#jcemediabox-popup-prev{
background-image:url(../img/prev.png);
left:10px;
background: url(/templates/renome/images/left.png) 0px 0px no-repeat;
}
#jcemediabox-popup-next{
right:10px;
background: url(/templates/renome/images/right.png) 0px 0px no-repeat;
}
span#jcemediabox-popup-numbers{
text-align:center;
position: absolute;
display: none;
padding:10px 0;
}
span#jcemediabox-popup-numbers:empty{
padding:0
}
span#jcemediabox-popup-numbers a{
border:none;
display:inline-block;
margin:0 1px;
width:20px
}
#jcemediabox-popup-page.android .jcemediabox-popup-corner-bc,#jcemediabox-popup-page.android .jcemediabox-popup-corner-br,#jcemediabox-popup-page.android .jcemediabox-popup-corner-tc,#jcemediabox-popup-page.android .jcemediabox-popup-corner-tr,#jcemediabox-popup-page.ios .jcemediabox-popup-corner-bc,#jcemediabox-popup-page.ios .jcemediabox-popup-corner-br,#jcemediabox-popup-page.ios .jcemediabox-popup-corner-tc,#jcemediabox-popup-page.ios .jcemediabox-popup-corner-tr{
display:none
}
span#jcemediabox-popup-numbers a:hover{
font-size:1.2em
}
span#jcemediabox-popup-numbers a.active{
cursor:default;
font-size:1.2em
}
#jcemediabox-popup-caption{
padding:10px 35px 10px 10px;
background-color:#fff
}
#jcemediabox-popup-caption:empty{
padding:0;
min-height:30px
}
div.jcemediabox-tooltip{
color:#000;
border:0;
background:0 0
}
div.jcemediabox-tooltip h4{
color:#000
}
div.jcemediabox-tooltip .jcemediabox-tooltip-top-left{
background:url(../img/tip-tl.png) top left no-repeat;
clear:both
}
div.jcemediabox-tooltip .jcemediabox-tooltip-top-right{
background:url(../img/tip-tr.png) top right no-repeat
}
div.jcemediabox-tooltip .jcemediabox-tooltip-top-center{
background-color:#fff;
height:4px!important;
margin:0 4px;
overflow:hidden;
border-top:1px solid #000
}
div.jcemediabox-tooltip .jcemediabox-tooltip-middle-left{
clear:both;
background-color:#fff;
border-left:1px solid #000
}
div.jcemediabox-tooltip .jcemediabox-tooltip-middle-right{
background-color:#fff;
border-right:1px solid #000
}
div.jcemediabox-tooltip .jcemediabox-tooltip-middle-center{
margin:0 4px;
background-color:#fff
}
div.jcemediabox-tooltip .jcemediabox-tooltip-bottom-left{
background:url(../img/tip-bl.png) bottom left no-repeat
}
div.jcemediabox-tooltip .jcemediabox-tooltip-bottom-center{
background-color:#fff;
height:4px!important;
margin:0 4px;
overflow:hidden;
border-bottom:1px solid #000
}
div.jcemediabox-tooltip .jcemediabox-tooltip-bottom-right{
background:url(../img/tip-br.png) bottom right no-repeat
}
#jcemediabox-popup-page.ie6 #jcemediabox-popup-nav{
height:10px
}
#jcemediabox-popup-page.ie6 #jcemediabox-popup-caption{
margin-top:-1px
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-top-left{
background:url(../img/tip-tl.gif) top left no-repeat
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-top-right{
background:url(../img/tip-tr.gif) top right no-repeat
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-bottom-left{
background:url(../img/tip-bl.gif) bottom left no-repeat
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-bottom-right{
background:url(../img/tip-br.gif) bottom right no-repeat
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-tl{
background:url(../img/corner-tl.gif) left top no-repeat
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-tc{
overflow:hidden
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-tr{
background:url(../img/corner-tr.gif) right top no-repeat
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-bl{
background:url(../img/corner-bl.gif) left bottom no-repeat
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-bc{
overflow:hidden
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-br{
background:url(../img/corner-br.gif) right bottom no-repeat
}
#jcemediabox-popup-page.ios .jcemediabox-popup-corner-bl,#jcemediabox-popup-page.ios .jcemediabox-popup-corner-tl{
background:#fff;
width:auto;
margin:0;
height:11px
}
#jcemediabox-popup-page.ios .jcemediabox-popup-corner-tl{
border-top-left-radius:5px;
border-top-right-radius:5px;
margin-bottom:-1px
}
#jcemediabox-popup-page.ios .jcemediabox-popup-corner-bl{
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-top:-6px
}
#jcemediabox-popup-page.ios #jcemediabox-popup-next,#jcemediabox-popup-page.ios #jcemediabox-popup-prev{
margin:0
}
#jcemediabox-popup-page.ios #jcemediabox-popup-caption{
margin:-1px 0
}
#jcemediabox-popup-page.ios #jcemediabox-popup-nav{
margin-bottom:-1px
}
#jcemediabox-popup-page.ios span#jcemediabox-popup-numbers{
margin-top:5px
}
#jcemediabox-popup-page.android .jcemediabox-popup-corner-bl,#jcemediabox-popup-page.android .jcemediabox-popup-corner-tl{
background:#fff;
width:auto;
margin:0;
height:11px
}
#jcemediabox-popup-page.android .jcemediabox-popup-corner-tl{
border-top-left-radius:5px;
border-top-right-radius:5px;
margin-bottom:-1px
}
#jcemediabox-popup-page.android .jcemediabox-popup-corner-bl{
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-top:-6px
}
#jcemediabox-popup-page.android #jcemediabox-popup-next,#jcemediabox-popup-page.android #jcemediabox-popup-prev{
margin:0
}
#jcemediabox-popup-page.android #jcemediabox-popup-caption{
margin:-1px 0
}
#jcemediabox-popup-page.android #jcemediabox-popup-nav{
margin-bottom:-1px
}
#jcemediabox-popup-page.android span#jcemediabox-popup-numbers{
margin-top:5px
}
.row-flex {
display: flex;
flex-flow: row wrap;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
#DOMWindow {
width: auto !important;
margin: 20% 0px !important;
height: auto !important;
top: 0% !important;
left: 37% !important;
position: fixed !important;
}
#DOMWindow .modal-dialog {
margin: 0px;
}
#DOMWindow .modal-dialog .modal-content {
box-shadow: none;
border: none;
}
#DOMWindow .modal-dialog .modal-content .modal-body{
padding: 25px 15px 15px;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-family: 'PFSquareSansPro-Medium';
font-weight: 100;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
background: url("../images/background.webp") repeat top center;
/* background-size:contain;
background-size:cover; */
font-family: 'PFSquareSansPro-Regular';
font-size: 14px;
line-height: 1.42857143;
color: #000000;
overflow-x: hidden;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #2e8949;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 1px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 65%;
height: auto;
margin-left:auto;
margin-right:auto;
}
@media all and (max-width: 760px){
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 200%!important;
height: auto;
margin-left:auto;
margin-right:auto;
}
}
/*
#list_product_image_middle {
display: block;
border: 6px solid #e9e9e9;
height: 345px;
overflow: hidden;
margin-bottom: 2rem;
}
#list_product_image_middle picture {
display: flex;
align-items: center;
justify-content: center;
}
*/
#list_product_image_middle img {
max-height: 450px !important;
margin: auto;
height: auto;
max-width: 100%;
width: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Conv_SansRoundedC';
font-weight: normal;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 30px;
color: #2e8949;
text-align: center;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.jshop.cart.table tr td.total_price{
width: 15%;
min-width: 140px;
}
.jshop.cart.table .remove {
width: 6%;
min-width: 50px;
}
.history h1 {
margin-bottom: -25% !important;
margin-top: 2% !important;
}
.trustus div.text:nth-child(even) {padding-left: 85px;padding-right: 0px;}
.trustus div.text:nth-child(even) p{min-width: 380px;}
.trustus div.text:nth-child(odd) .icon{content: "";background: url(../images/trustus/trustus3.svg) no-repeat;position: absolute;height: 225px;width: 60px;margin: 35px -96px;}
.trustus div.text:nth-child(even) .icon {content: "";background: url(../images/trustus/trustus4.svg) no-repeat;position: absolute;height: 225px;width: 60px;margin: 35px -142px;}
.trustus div.text:last-child .icon {display:none;}
.lead {
font-size: 21px;
}
li.deeper.parent:hover ul{
display:block
}
.nav-child.unstyled.small{
list-style:none;
left: 10px;
position:absolute;
width: 220px;
text-align:left;
margin: 0px 0px;
padding: 15px 30px;
border-radius: 5px;
z-index: 999;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background: #ffffff;
}
.nav-child.unstyled.small li{padding-left: 0px !important;padding: 10px 0px;}
.nav-child.unstyled.small li:last-child{border-bottom: none;}
.nav-child.unstyled.small li a{
color: #595959;
padding: 5px 0px;
text-decoration: none;
background: url(../images/head-menu-long-bottom.jpg) no-repeat center 22px;
background-size: 0%;
}
.nav-child.unstyled.small li a:hover{
text-decoration:none;
color: #266b39;
background: url(../images/head-menu-long-bottom.jpg) no-repeat center 22px;
background-size: 100%;
}
.unstyled.small{
width: 220px;
}
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
margin-bottom: 30px;
}
.advantages .page-header h2{
margin-top: 50px;
margin-bottom: 30px;
}
.advantages .page-header h2 span{color: red;}
.trustus .page-header h2{
margin-top: 6%;
margin-bottom: 80px;
}
.advantages img{display: block;margin: auto;}
.page-header h1, .page-header h2, .page-header h3{
position:relative;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 767px) {
.container {
width: 320px;
}
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
.closeDOMWindow:after {
width: 50%;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
.wb_filter_not_products {
padding: 30px 125px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 10px;
line-height: 1.42857143;
vertical-align: top;
border-bottom: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
#wrapper {display: none;}
.owl-theme .owl-nav.disabled+.owl-dots {
display: none;
}
.actions.owl-carousel.owl-theme.owl-loaded.owl-drag .col-sm-6 {
text-align: center;
}
.logininfo {font-size: 24px !important;}
.moduletablehome-slider:after {
content: '';
bottom: -10px !important;
/* width: 87% !important; */
}
.item-page.obuchenie h2 {
font-size: 30px !important;
}
#yandex-maps-renome {
display: none;
}
.present img{
display: none;
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
/* display: inline-block; */
/* max-width: 100%; */
/* margin-bottom: 5px; */
/* font-weight: bold; */
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.sf_block_params {
width: 400px;
}
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.head-menu .nav > li > a{
color:#000000;
/*background: url("../images/head-menu-long-bottom.jpg") no-repeat center 33px;
background-size: 0%;*/
}
.head-menu .nav > li > a:hover{
color: #17672d;
}
.head-menu .nav > li > a span {
background-size: 0;
-webkit-transition: background-size .5s linear;
-moz-transition: background-size .5s linear;
-o-transition: background-size .5s linear;
transition: background-size .5s linear;
}
.head-menu .nav > li > a:hover span {
background: url("../images/head-menu-long-bottom.jpg") no-repeat center 100%;
background-size: 100%;
}
.head-menu .nav >
li > a{ color: #000000;
text-decoration:none; }
.head-menu .nav >
li > a{ color: #000000;
text-decoration:none;
/*background: url("../images/head-menu-long-bottom.jpg") no-repeat 0 48px;*/
/*background-size: 73%;*/
}
.head-menu .nav > li > a:before{
content: "";
/* border-bottom: 2px solid #474747; */
width: 51%;
height: 20px;
margin: auto;
position: absolute;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs-block {
text-align: center;
margin-top: 30px;
}
.nav-tabs {
text-align:center;
margin:15px 0;
box-shadow:0 0 5px rgba(112,112,112,0.3);
background:#ffffff;
}
.nav-tabs > li {
margin:0;
}
.nav-tabs > li > a {
margin: 0;
line-height: 1.42857143;
text-decoration:none;
font-family: 'PFSquareSansPro-Medium';
border-radius:50px;
border:1px solid transparent;
color:#000000;
}
.nav-tabs > li > a:hover {
border:1px dashed #17672d;
color:#17672d;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #ffffff;
cursor: default;
background:#17672d;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.offset-text {font-size: 30px !important;}
.offset-text-green {font-size: 20px !important;}
.advantages > div:nth-child(odd) {
background: #1a6f30 !important;
}
.advantages > div:nth-child(even) {
background: #1a6f3000 !important;
}
.advantages > div:first-child {
background:none !important;
}
.opacity, .no-opacity {
padding: 7% 0px 3% 60px !important;
min-height: 100px !important;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.custom-whu .smotr-phone, .custom-whu .smotr-mail, .custom-whu .smotr-cart {
font-size: 25px !important;
padding-left: 50px;
padding: 0px 0px 30px!important;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.home-page .col-sm-4{width: 100%;}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
.carousel-indicators {
display: none;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 0;
margin: 20px 0;
list-style: none;
}
.breadcrumb > li {
display: inline-block;
margin:0;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline-block;
margin:0 3px;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #000000;
text-decoration: none;
background-color: #fff;
border: 0;
border-radius:25px;
font-family: 'PFSquareSansPro-Medium';
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
font-weight:bold;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #ffffff;
background-color: #18682e;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
cursor: default;
color: #fff;
background-color: #18682e;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
.item-page.obuchenie h2 {
text-align: center;
color: #d7b56d;
font-size: 40px;
}
.item-page.obuchenie p {font-size: 18px;margin-bottom: 50px;}
.item-page.obuchenie .obuchenie p {margin-bottom: 15px;}
.item-page.obuchenie p span {color: #d7b56d;}
.obuchenie .text {
display: table;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
min-height: 150px;
}
.obuchenie .text div{
vertical-align: middle;
border-radius: 5px;
margin: 15px 0px 30px;
line-height: 115%;
color: #1a6f30;
font-size: 36px;
font-family: 'Conv_SansRoundedC';
}
.obuchenie .text div span {
position: absolute;
left: 20px;
font-size: 54px;
line-height: 85px;
}
.obuchenie .video {
text-align: -webkit-center;
}
.obuchenie.row {
border-top: 2px solid #ebb765;
margin-top: 15px;
padding-top: 25px;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
background: #18682e;
font-family: 'PFSquareSansPro-Medium' !important;
color: white;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #000000;
background-color: #f7d9d9;
/* border-color: #bce8f1; */
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #ffffff;
border-radius: 5px;
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #fff;
/* text-shadow: 0 1px 0 #fff; */
filter: alpha(opacity=20);
opacity: 1;
}
.close:hover,
.close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
position: relative;
z-index: 9;
right: 10px;
top: 5px;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
#login-modal.modal {
bottom: auto;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog .close {
background: #18682e;
padding: 3px 7px;
border-radius: 20px;
margin-right: -3px;
}
.modal-dialog .ok-close {
margin: auto;
display: -webkit-box;
text-transform: uppercase;
background: #18682e;
padding: 5px 15px;
font-weight: bold;
color: white;
margin-bottom: 35px;
font-size: 16px;
border: 0px;
border-radius: 20px;
}
.modal-open .modal {
/* overflow-x: hidden; */
/* overflow-y: auto; */
}
.modal-dialog {
position: relative;
width: auto;
/* margin: 10px; */
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 20px 30px 30px;
text-align: center;
font-size: 22px;
}
.cookie {
position: relative;
padding: 0px 30px 30px;
text-align: center;
font-size: 14px;
color: #797979;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
/* width: 600px; */
/* margin: 10% auto; */
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
line-break: auto;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: calc(49% - 25px);
width: 50px;
height: 50px;
font-size: 20px;
color: #fff;
text-align: center;
}
.carousel-control.left {
left:15px
}
.carousel-control.right {
right: 15px;
left: auto;
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffffff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 15px;
height: 15px;
/* margin: 1px; */
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 3px solid #17672d;
border-radius: 10px;
}
.carousel-indicators .active {
width: 15px;
height: 15px;
margin: 0;
background-color: #17672d;
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control.left {
}
.carousel-control.right {
cursor: pointer;
background: url("../images/right.png") no-repeat 0 0;
width: 50px;
height: 50px;
opacity: 0.5;
right: 30px;
}
.carousel-control.left {
cursor: pointer;
background: url("../images/left.png") no-repeat 0 0;
width: 50px;
height: 50px;
opacity: 0.5;
left: 30px;
}
.carousel-control.left:hover, .carousel-control.right:hover{opacity: 1;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.breadcrumb .pull-right {margin-top: -10px;}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
.item-page.obuchenie p {font-size: 14px;margin-bottom: 30px;}
.obuchenie .text {
display: table;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
min-height: 150px;
}
.obuchenie .text div{
font-size: 25px;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) {
.blog-produktsiya-dlya-otelej .page-header,
.item-page-dostavka-block .page-header,
.moduletable-transport .page-header{
background:url("../images/svg/title.svg") no-repeat center;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
#DOMWindow {
left: 3% !important;
right: 3% !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1023px){
.nav_aside__xstoggle.hidden-md{
display:block !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
.zoom {
display:inline-block;
position: relative;
}
/* magnifying glass icon */
#list_product_image_thumb{
text-align:center;
}
#list_product_image_thumb > a{
/* display:inline-block; */
display:block;
width:100%;
clear:both;
float:none;
height: 120px;
line-height: 120px;
padding: 0 6px !important;
}
#list_product_image_thumb > a img {
display: inline-block;
vertical-align: middle;
}
body#katalog div#top div div main#content div#comjshop form div div span#list_product_image_middle div a#Zoomer > .mz-figure > img{
width:300px !important;
}
.header-info .city span.city-active {
display:block;
}
.header-info > div{
line-height:35px;
}
.header-info a{
color:#666666;
}
.header-info .city span.city-active:before,
.header-info .number:before,
.header-info .work > div:before,
.header-info .lk a:before{
content:"";
width:14px;
height:17px;
display:inline-block;
position:relative;
top: 3px;
margin-right:5px;
}
.header-info .city span.city-active:before{
background:url("../images/head-ico/1.svg") no-repeat 0 0;
}
.header-info .number:before{
background:url("../images/head-ico/2.svg") no-repeat 0 0;
width: 12px;
top: 5px;
}
.header-info .work > div:before{
background:url("../images/head-ico/3.svg") no-repeat 0 0;
top: 5px;
}
.header-info .lk a:before{
background:url("../images/head-ico/4.svg") no-repeat 0 0;
width:21px;
height:24px;
}
.header-info .work{
color:#666666;
}
.header-info .number{
margin-right:5px;
color: black;
font-family: 'PFSquareSansPro-Bold';
}
.logo-small{
z-index:9;
position:relative;
}
.navbar-nav > li {
float: left;
margin: 0;
list-style: none;
}
.head-menu{
padding:0;
/* background:url("../images/head-menu.png") repeat-x 0 0; */
/*background:url("../images/head-menu-long.jpg") no-repeat 100% 0; */
}
.moduletablehome-slider{
position:relative;
}
.moduletablehome-slider .swiper-wrapper{
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
overflow:hidden;
}
.moduletablehome-slider ul li.tp-revslider-slidesli{
border-radius:5px;
overflow:hidden;
}
.moduletablehome-slider:after {
content: '';
/* background: #62a777; */
height: 10px;
margin: 0 2% 0;
display: block;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
position: absolute;
bottom: -10px;
z-index: 100;
width: 96%;
}
.moduletablehome-slider > div:after{
content:'';
/*background:#fcd466;*/
height:10px;
margin: 0 1%;
display:block;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.moduletablehome-slider .tp-leftarrow.default,
.moduletablehome-slider .tp-rightarrow.default{
width:50px;
height:50px;
}
.page-wrap .block_item.block_product input[type="button"]{
background:transparent;
padding:0;
border:0;
height:40px;
width:10px;
}
.page-wrap .block_item.block_product input[type="button"].product_minus,
.productfull .prod_qty_input > input.product_minus, .refresh-block > input.product_minus{
background:url("../images/minus.png") no-repeat center;
}
.page-wrap .block_item.block_product input[type="button"].product_plus,
.productfull .prod_qty_input > input.product_plus, .refresh-block > input.product_plus{
background:url("../images/plus.png") no-repeat center;
}
.page-wrap .block_item.block_product input[type="text"]{
width:30px;
text-align:center;
padding:0;
border:0;
height:40px;
vertical-align: top;
}
.jshop_list_product .block_item.block_product .buttons a{
margin:0;
background:url("../images/buy.svg") no-repeat center;
width:40px;
height:40px;
display:inline-block;
text-indent:-9999999px;
vertical-align: top;
margin-left:10px;
float:right;
}
.owl-carousel .block_item.block_product .buttons {
display: flex !important;
}
.jshop_list_product .block_item.block_product .buttons{
display:table !important;
border:1px solid #e5e5e5;
border-radius:40px;
padding-left:15px;
margin:0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.jshop_list_product .block_item.block_product .buttons{
display:flex !important;
width:117px;
}
}
.jshop_list_product .block_item.block_product .buttons > div {
display: flex !important;
}
.jshop_list_product .block_item.block_product{
background:#ffffff;
box-shadow: 0 3px 15px rgba(112,112,112,0.2);
padding:15px;
margin:5px;
border-radius:4px;
position:relative;
}
.jshop_list_product .block_item.block_product:hover{
box-shadow: 0 3px 15px rgba(112,112,112,0.5);
}
.tabs-container h2, .moduletable-new-collection h3, .moduletable-action h3{
text-align:center;
margin:30px 0;
}
.moduletable-new-collection {
display: table;
}
.jshop_list_product .product .name{
}
.jshop_list_product .block_item.block_product .name a{
color:#000000;
font-size: 14px;
text-decoration:none;
font-weight:normal;
line-height:15px;
display:block;
}
#jshop_module_cart{
}
#jshop_module_cart a{
background:url("../images/cart.png") no-repeat left center;
padding:15px;
padding-left:25px;
line-height:20px;
display:block;
text-decoration:none;
color:#000000;
position:relative;
}
#jshop_module_cart a span#jshop_quantity_products{
background:#2c7540;
width:24px;
line-height:20px;
display:inline-block;
text-align:center;
color:#ffffff;
border-radius:20px;
position:relative;
top:-5px;
left:-10px;
font-size:12px;
border:2px solid #ffffff;
}
#jshop_module_cart a span#jshop_summ_product{
font-size: 15px;
font-family: 'PFSquareSansPro-Medium';
}
.jshop_list_product .owl-theme .owl-dots .owl-dot.active span,
.jshop_list_product .owl-theme .owl-dots .owl-dot:hover span,
.newsflash-action .owl-theme .owl-dots .owl-dot.active span,
.newsflash-action .owl-theme .owl-dots .owl-dot:hover span{
background:#17672d;
}
.jshop_list_product .owl-theme .owl-dots .owl-dot span,
.newsflash-action .owl-theme .owl-dots .owl-dot span{
border:2px solid #17672d;
width:20px;
height:20px;
background:#ffffff;
}
.jshop_list_product.jshop .product_label{
margin:0;
right:10px;
top:10px;
}
.moduletable-new-collection h3{
background:url("../images/line.png") no-repeat center bottom;
padding: 0 0 30px;
}
.newsflash-action{
padding: 0 50px;
}
.newsflash-action .item{
background:#ffffff;
box-shadow:0 0 5px rgba(112,112,112,0.3);
padding:15px;
margin:5px;
}
h4.newsflash-title-action{
font-family: 'PFSquareSansPro-Regular';
font-weight:normal;
color:#222222;
font-size:16px;
margin:0 0 20px;
display:table;
width:100%;
}
h4.newsflash-title-action span, h4.newsflash-title-action a{
display:table-cell;
vertical-align:middle;
text-decoration: none;
}
.newsflash-action .date{
color:#999999;
font-size:13px;
}
.newsflash-action .owl-theme .owl-nav [class*="owl-"]{
width:50px;
height:50px;
padding:0;
display:block;
text-indent:-999999px;
position:absolute;
top: 45%;
margin-top:-25px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.newsflash-action .owl-theme .owl-nav .owl-prev{
left:-60px;
background:url("../images/left.png") no-repeat 0 0;
}
.newsflash-action .owl-theme .owl-nav .owl-next{
right:-60px;
background:url("../images/right.png") no-repeat 0 0;
}
.newsflash-action .owl-theme .owl-nav [class*=owl-]:hover{
opacity:0.5;
}
.home-page{
display: table;
width:100%;
}
.home-page .video a{
max-width: 1200px;
margin: auto;
display: block;
margin-bottom: 25px;
z-index: 9;
position: relative;
}
.home-page .text{text-align: center;font-size: 16px;padding: 0px 50px;margin-bottom: 20px;}
.home-page .item{
color: #2e8949;
z-index: 9;
margin: 15px 0px;
display: table;
}
.home-page .item .item-cell{
display: inherit;
margin: auto;
}
.home-page .item-number {
font-family: 'Conv_SansRoundedC';
font-size: 72px;
line-height: 60px;
font-weight: 100;
margin-bottom: 35px;
max-height: 60px;
}
.home-page .item-number:before {content:'';border-bottom: 2px solid;position: absolute;width: 100px;height: 2px;bottom: 37px;margin: auto;}
.home-page .item-number span{
font-family: 'Conv_SansRoundedC';
font-size: 36px;
padding-left: 10px;
}
.home-page .item-text {
font-size: 18px;
}
.home-page .map {
background: url(../images/svg/map.png) center no-repeat;
background-size: contain;
margin-top: -100px;
}
.home-page .geo {
font-size: 16px;
background-size: contain;
text-align: center;
min-height: 520px;
max-width: 650px;
margin: auto;
display: flex;
}
.home-page .geo p{margin: auto;padding-top: 40px;display: table-cell;vertical-align: middle;}
.home-page .big {
text-align: center;
font-family: 'Conv_SansRoundedC';
color: #2e8949;
font-size: 30px;
max-width: 870px;
margin: auto;
margin-top: -80px;
margin-bottom: 50px;
}
.home-page .h3{
text-align:center;
background:url("../images/title.png") repeat-x center;
padding:30px 0;
}
.home-page .h3 span{
background:#ffffff;
padding:0 35px;
max-width: 700px;
display:inline-block;
font-size: 42px;
}
.foot-adress > span{
display:block;
}
.zbull a div:before{
content:"";
background: url(../images/zbull.png) no-repeat;
height: 60px;
width: 45px;
position: absolute;
right: 120px;
display: block;
}
.zbull a img{
float: inherit;
/* margin-right: 106px; */
}
.zbull a span{
text-decoration:underline;
}
.foot-time > span, .foot-mail span, .foot-soc span{
display:block;
margin:0 0 15px;
}
.foot-time div, .foot-mail div, .foot-soc div{
font-family: 'PFSquareSansPro-Bold';
}
.foot-soc img {/* max-width: 200px; */}
.foot-time div > span{
display:block;
}
.foot-soc ul{
margin:0;
padding:0;
list-style:none;
}
.foot-soc ul li{
float:left;
margin:0 5px 5px 0;
}
.foot-soc ul li a{
display:block;
border:1px solid;
background:#ffffff;
border-radius:30px;
text-decoration:none;
}
.foot-soc ul li a i{
width:30px;
height:30px;
line-height:30px;
display:block;
text-align:center;
color:#14532a;
}
#d-footer a:hover{
color:#ffffff;
}
#d-footer > div{
position:relative;
}
#back-top{
position:absolute;
right:20px;
top:-90px;
text-align:center;
text-transform:uppercase;
color:#17672d;
text-decoration:none;
font-weight:bold;
z-index:99;
}
.jshop_list_category > div{
margin:0 0 30px;
}
.jshop_categ.category{
padding:15px;
background:#ffffff;
text-align:center;
box-shadow:0 0 5px rgba(112,112,112,0.3);
margin:0;
height:100%;
}
h4.category_name{
margin:15px 0 0;
}
h4.category_name a{
text-decoration:none;
color:#000000;
}
.image_block.list-image-block{
position:relative;
}
.jshop .product_label.list-label{
margin:0;
right:-10px;
top:-10px;
z-index: 99;
}
.breadcrumb a{
color:#000000;
}
.category_description ul li{
margin:0;
list-style:disc;
}
.category_description > div:first-child{
padding-right:50px;
background:url("../images/category_description.png") repeat-y 100% 0;
}
.category_description > div:last-child{
padding-left:50px;
}
input.btn.btn-primary.button.btn-buy{
background: url("../images/buy-button.svg") no-repeat center center #2e8949;
text-indent:-9999px;
display:block;
}
.jshop.cart.table tr td{
vertical-align:middle;
position:relative;
}
.jshop.cart.table tr td.quantity{
text-align: -webkit-center;
text-align: center;
}
.jshop.cart.table tr:nth-child(2) td{
border-top:1px solid #dddddd;
}
.jshop.cart.table tr:last-child td{
border-bottom:0;
}
.remove div:hover {
cursor: pointer;
}
.jshop.cart.table tr td.quantity div.data{
position:relative;
display:inline-block;
}
.jshop.cart.table tr td.quantity div.data .refresh-block{
position:relative;
display:block;
line-height: 45px;
text-align: center;
}
.jshop.cart.table tr td.quantity div.data span{
display:block;
margin-top:5px;
color:#555555;
text-align:center;
}
.jshop.cart.table tr td.total_price{
font-size:18px;
font-weight:bold;
text-align: center;
}
.jshop.cart.table .manufacturer_code {
color: #666666;
font-weight:bold;
}
.jshop.cart.table td.product_name a{
color:#000000;
font-weight: normal;
font-family: 'PFSquareSansPro-Medium';
}
#roksearch_search_str{
border-radius:35px;
line-height: 27px;
}
.head-menu{
display:table;
width:100%;
}
.cart-inner-shop-block{
padding:30px;
border-radius: 5px;
background:#18682e;
color:#ffffff;
position: -webkit-sticky;
position: sticky;
top: 110px;
}
.checkout-block{
text-align: left;
}
.cart-inner-shop-block .all-price{
margin-bottom: 30px;
}
.checkout-block span{
font-style:italic;
display:block;
margin:15px 0;
}
.checkout-block a, .cart-inner-shop-block input.checkout-button{
color:#18682e;
background:#ffffff;
display:block;
line-height: 120%;
border: none;
width: 100%;
padding: 15px;
font-size: 18px;
border-radius:40px;
text-decoration:none;
font-family: 'PFSquareSansPro-Medium';
}
.slider__slide{
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.swiper-slide, .slider__slide-content{
font-family: 'Conv_SansRoundedC' !important;
}
.slider__slide.slide-inner-1 .slide-4__block-1-item{
width:auto;
text-align:left;
}
.slider__slide.slide-inner-1,
.slider__slide.slide-inner-2,
.slider__slide.slide-inner-3,
.slider__slide.slide-inner-4,
.slider__slide.slide-inner-5{
position:relative;
}
.slider__slide-flex{
/* background:rgba(23,103,45,0.5); */
}
3.action-label{
font-family: 'Conv_SansRoundedC';
border-radius:4px;
display:inline-block;
line-height:35px;
padding:0 15px;
color:#ffffff;
text-transform:uppercase;
background: rgb(226,25,117);
background: -moz-linear-gradient(left, rgba(226,25,117,1) 0%, rgba(233,121,13,1) 100%);
background: -webkit-linear-gradient(left, rgba(226,25,117,1) 0%,rgba(233,121,13,1) 100%);
background: linear-gradient(to right, rgba(226,25,117,1) 0%,rgba(233,121,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21975', endColorstr='#e9790d',GradientType=1 );
margin: 15px 0 15px;
}
.newsflash-title-action a{
font-family: 'Conv_SansRoundedC';
color:#245f33;
letter-spacing:1px;
line-height:25px;
display:block;
margin:0 0 15px;
}
.newsflash-action a.readmore{
display:inline-block;
border:1px solid #d0d0d0;
color:#808080;
font-family: 'PFSquareSansPro-Bold';
border-radius:35px;
line-height:35px;
text-decoration: none;
padding:0 25px;
}
.blog-produktsiya-dlya-otelej{}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1{
background: url("../images/svg/line.svg") no-repeat 30px bottom;
}
#contact .item-page .page-header h1, #obuchenie .item-page .page-header h1{
background: url("../images/svg/line-short.svg") no-repeat 30px bottom;
}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1, .dost-title{
width:300px;
padding:0 0 20px 30px;
font-size: 34px;
}
.presentation h2{
background: url("../images/svg/wh-line.svg") no-repeat 30px bottom;
}
.moduletable-whu.sotr .page-header h2{
background:url("../images/svg/line-br.svg") no-repeat center bottom;
}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1{
margin:0 auto;
text-transform:uppercase;
color: #1a6f30;
}
.presentation h2{
color: #ffffff;
}
.moduletable-whu.sotr .page-header h2{
color:#d7b56d;
}
.nav_aside__main .nav.menumenu a{
height:auto;
}
.svg-block{
height:80px;
margin-bottom:15px;
margin-top: 12%;
}
.items-leading{
margin:30px 0 0;
}
.jshop_list_product .product .old_price{
font-size:12px;
text-decoration:line-through;
text-align:center;
color:#cccccc;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
a.various div.quick{
height:100%;
max-height:100%;
background:transparent;
}
a.various div.quick div{
width:100%;
height:100%;
display:inline-block;
}
a.various div.quick div span{
margin:40% 0 0;
}
a.various:hover img{
opacity:0.5;
}
}
#produktsiya-dlya-otelej .items-leading > div{
margin:0 0 70px;
padding:0 0 70px;
}
.items-leading > div:nth-child(odd){
background:url("../images/svg/odd.svg") no-repeat left bottom;
}
.items-leading > div:nth-child(even){
background:url("../images/svg/even.svg") no-repeat right bottom;
}
.items-leading > div:last-child{
background:transparent;
}
.position-1 .bed, .position-1 .cool,
.position-4 .bed, .position-4 .cool,
.position-5 .bed, .position-5 .cool{
left:50px;
}
.position-2 .bed, .position-2 .cool{
right:50px;
}
.bed, .cool{
position:absolute;
z-index:9;
width:90px;
height:90px;
top:50px;
}
.bed{
background:url("../images/svg/bed.svg") no-repeat center;
}
.cool{
background:url("../images/svg/cool.svg") no-repeat center;
}
.gray{
background:#9d9e9e;
}
.greeen{
background:#266b39;
}
.gray, .greeen{
color:#ffffff;
padding:20px 20px 20px 50px;
text-transform:uppercase;
line-height: 150%;
font-weight: bold;
font-size: 20px;
position:relative;
font-family: 'PFSquareSansPro-Bold';
min-height: 140px;
}
.gray:before, .greeen:before{
content:'';
background:url("../images/svg/arrr.svg") no-repeat center;
width:50px;
height:50px;
position:absolute;
left:-25px;
top:50%;
margin-top:-25px;
}
.row.position-3{
margin:30px 0 0;
}
.row.position-3 .col-sm-6{
padding:0;
margin-bottom:70px;
}
.gray-in, .greeen-in{
padding:50px 90px;
}
.whu-line.no-margin{
margin-top:70px;
margin-bottom:70px;
}
.row.position-3 .gray:before, .row.position-3 .greeen:before{
width: 90px;
height: 90px;
margin-top:-45px;
}
.row.position-3 .gray:before{
left:-45px;
background: url("../images/svg/bed.svg") no-repeat center;
}
.row.position-3 .greeen:before{
right:-45px;
background: url("../images/svg/cool.svg") no-repeat center;
left:auto;
z-index:9;
}
.row.position-3 .gray > div:before, .row.position-3 .greeen > div:before{
content:'';
background:url("../images/svg/arrr.svg") no-repeat center;
width:50px;
height:50px;
display:block;
margin-bottom:30px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.row.position-3 .gray > div, .row.position-3 .greeen > div{
line-height:150%;
}
.moduletable-whu.partners{
background:transparent;
padding:50px 0 0;
}
.custom-whu.partners{
background:transparent;
padding:0 0 0;
}
.moduletable-whu.partners img{
margin:70px auto 0;
}
.custom-whu.partners .whu-line.no-margin{
margin-top:0;
margin-bottom:0;
}
.moduletable-whu.sotr{
background: url("../images/sotr/sotr.png") no-repeat center top;
margin: -50px 0 0;
}
.custom-whu.sotr{
padding: 120px 0 100px;
}
.custom-whu .smotr-phone, .custom-whu .smotr-mail, .custom-whu .smotr-cart {
font-family: 'Conv_SansRoundedC';
text-align: center;
font-size: 30px;
padding-left: 50px;
color: #266b39;
text-transform: uppercase;
line-height: 110%;
padding: 25px 0px 25px 70px;
background: url(../images/sotr/phone.svg) no-repeat 0px 25px;
}
.custom-whu .data{
font-family: 'Conv_SansRoundedC';
color: #266b39;
text-align: center;
line-height: 100%;
padding: 0px 0px 20px;
text-transform: uppercase;
font-size: 30px;
}
.moduletable-whu {
margin-bottom: 20px;
}
.custom-whu .smotr-cart {
background: none;
/* padding: 20px; */
}
.custom-whu .smotr-phone a, .custom-whu .smotr-mail a{
color: #266b39;
text-decoration: none;
}
.custom-whu .smotr-mail a {}
.custom-whu .smotr-phone {margin-top: 20px !important;}
.custom-whu .smotr-phone span {
font-size: 18px;
color: #d7b56d;
line-height: 130%;
display: block;
margin-top: 10px;
}
.custom-whu .smotr-mail {
font-size: 23px;
background: url(../images/sotr/mail.svg) no-repeat 0px 3px;
}
.wh-line{
background: url("../images/wh-line.svg") no-repeat center;
height:47px;
position:relative;
z-index: 99;
margin:0 -80px;
}
#yandex-maps-renome{
margin: -30px 0px 0;
}
.contact-info-inner{
text-align:center;
font-family: 'PFSquareSansPro-Medium';
text-transform:uppercase;
}
.contact-info-inner a{color: white;}
.contact-line{
background: url("../images/contact-line.svg") no-repeat center;
background:contain;
height:12px;
margin: 20px 0;
}
.contact-logo {
text-align: right;
display: none;
position: absolute;
width: 100%;
z-index: 999;
right: 10px;
top: 142px;
}
.item-page-dostavka-block .position-1 > div{
text-align:center;
text-transform:uppercase;
font-family: 'PFSquareSansPro-Medium';
color:#17672d;
}
.item-page-dostavka-block .position-1 > div > div{
margin:30px 0 0;
}
.item-page-dostavka-block .position-1{
margin:70px 0 0;
}
#jshop_search{
border:1px solid #dddddd;
/*background: url("../images/search.svg") no-repeat right 10px center;*/
border-radius:30px;
line-height:30px;
background-size: 16px;
display:block;
padding-left:10px;
padding-right: 35px;
width:100%;
}
.moduletable-search form {
position: relative;
}
.moduletable-search button {
position: absolute;
top: 50%;
margin-top: -10px;
right: 20px;
background: none;
z-index: 1;
border: none;
line-height: 1;
color: #BFBFBF;
font-size: 18px;
}
.moduletable-search button:hover {
color: #17672d;
}
/*.moduletable-search .button.btn{
display:none;
}*/
#login-modal{
padding:0 !important;
}
.moduletable-sclogin .sourcecoast .btn-group > .btn:first-child{
background:transparent;
border:0;
}
.cart-inner-shop-block .checkout-button{
text-align: center;
width:auto;
min-width:auto;
}
div.jshop_register .control-group input.button-edit-account{
padding: 0 50px;
width: auto;
max-width: auto;
min-width: auto;
font-size: 16px;
border-radius: 50px;
color: white;
min-width: 200px;
text-decoration: none;
text-align: center !important;
background: #17672d;
text-indent:0;
line-height:50px;
display:inline-block;
}
#myModal .modal-dialog{
width: 340px;
}
#myModal .modal-dialog .modal-content{
background: url("../images/background.webp") repeat center top;
}
#myModal .modal-dialog .modal-content .close {
position: absolute;
right: -20px;
top: -20px;
opacity: 1;
width: 40px;
height: 40px;
background: #2c7540;
color: #ffffff;
border-radius: 30px;
text-align: center;
font-size: 20px;
}
#myModal .modal-dialog .modal-content .modal-title-enter span{
font-family: 'Conv_SansRoundedC';
font-size:28px;
padding-bottom:5px;
display:block;
}
#myModal .modal-dialog .modal-content input[type="text"],
#myModal .modal-dialog .modal-content input[type="submit"]{
height: 50px;
border-radius: 50px;
padding: 0 15px;
display:inline-block;
width:100% !important;
text-shadow: none;
box-shadow: none;
font-size:16px;
}
#myModal .modal-dialog .modal-content input[type="submit"]{
margin: 0 0 15px;
border: 0;
background: #2c7540;
color: #ffffff;
padding:0;
margin:0;
}
#myModal .modal-dialog .modal-content .gcore-input.gcore-display-table{
display:block;
width:100%;
}
#login-modal.sourcecoast.modal{
background: url("../images/background.webp") repeat center top;
max-width:300px;
margin-left:-150px;
overflow: initial;
}
#login-modal.sourcecoast .close{
position:absolute;
right:-20px;
top:-20px;
opacity:1;
width:40px;
height:40px;
background:#2c7540;
color:#ffffff;
border-radius:30px;
text-align:center;
font-size:20px;
}
.modal-title-enter {
text-align: center;
/* margin: 20px 0 0; */
background:url("../images/enter.png") no-repeat center bottom;
font-size: 24px;
padding: 35px 0px 25px;
font-family: 'PFSquareSansPro-bold';
}
#login-modal.sourcecoast input[type="checkbox"]{
}
.checkbox-input{
text-align:center;
}
.checkbox-input input {
position: absolute;
z-index: -1;
opacity: 0;
margin: 0;
}
.checkbox__text {
position: relative;
padding: 0;
cursor: pointer;
line-height:20px;
}
.checkbox__text:before {
content: '';
width: 20px;
height: 20px;
border-radius:3px;
border:1px solid #cccccc;
display:inline-block;
margin:0 10px 0 0;
position: relative;
vertical-align: bottom;
}
.checkbox-input input:checked + .checkbox__text:before {
background: url("../images/checked.png") no-repeat center;
}
#login-modal.sourcecoast input[type="text"],
#login-modal.sourcecoast input[type="password"]{
height:50px;
border-radius:50px;
padding:0 15px;
text-align: center;
}
#form-sclogin-submitcreate button,
#form-sclogin-submitcreate a{
display:block;
line-height:40px;
border-radius:40px;
width:100%;
text-shadow:none;
box-shadow:none;
margin:0 0 15px;
border:0;
}
#form-sclogin-submitcreate button{
background:#7F7F7F;
color:#ffffff;
}
#form-sclogin-submitcreate a{
background:#ededed;
color:#000000;
}
#login-modal.sourcecoast ul li a{
display:block;
text-align:center;
color:#2c7540;
}
.moduletable-sclogin .sclogin.sourcecoast ul.dropdown-menu{}
.moduletable-sclogin .sclogin.sourcecoast ul.dropdown-menu li{}
.moduletable-sclogin .sclogin.sourcecoast ul.dropdown-menu li a{
padding:5px 10px;
}
.moduletable-sclogin .sclogin.sourcecoast ul.dropdown-menu li a:before{
display:none;
}
.nav.menunav.navbar-nav, ul.header-info{
display: table;
width: 100%;
margin:0;
padding:0;
}
ul.header-info > li{
width:25%;
text-align:center;
}
.nav.menunav.navbar-nav > li, ul.header-info > li{
float:none!important;
display: table-cell;
}
.nav.menunav.navbar-nav > li > a{
text-align:center;
font-family: 'PFSquareSansPro-Medium';
}
.nav_aside__catalog .cat-1{
display:none;
}
.list_contents {
display: table;
width: 100%;
}
.marg {
display: block;
width: 100%;
}
.dost-title{
background: url("../images/svg/line.svg") no-repeat center bottom;
text-transform:uppercase;
color:#17672d;
}
.dost-descr{
text-transform:uppercase;
}
.dost-ico ul{
margin:0;
padding:0;
list-style:none;
text-align:center;
}
.dost-ico ul li{
display:inline-block;
vertical-align:top;
}
.dost-ico{
display:table;
width:100%;
}
.dost-nn .dost-descr{
margin-top:50px;
}
.moduletable-park{
background:url("../images/park.svg") no-repeat center 57%;
display: block;
margin-left: auto;
margin-right: auto;
padding:50px 4.75%;
max-width: 1800px;
}
.newsflash-park{}
.moduletable-park h3{
text-align:center;
text-transform:uppercase;
color:#17672d;
margin:0 0 30px;
}
.moduletable-park img{
border-radius:5px;
}
.moduletable-park .owl-theme .owl-nav [class*="owl-"]{
position:absolute;
top:50%;
text-indent:-9999px;
width:26px;
height:45px;
margin-top:-23px;
}
.moduletable-park .owl-carousel .owl-nav .owl-next{
right:-50px;
background:url("../images/right.svg") no-repeat center;
}
.moduletable-park .owl-carousel .owl-nav .owl-prev{
left:-50px;
background:url("../images/left.svg") no-repeat center;
}
.moduletable-transport {
margin-bottom: -10%;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1800px;
}
.item-page-dostavka-block.usloviya-prodazhi .page-header{
margin:0 0 50px;
}
.offset-text {
text-transform: uppercase;
text-align: center;
font-family: 'PFSquareSansPro-Bold';
font-size: 48px;
line-height: 100%;
}
.offset-text-green {
text-transform: uppercase;
text-align: center;
color: #266b39;
margin-top: 10px;
font-family: 'PFSquareSansPro-Bold';
font-size: 32px;
line-height: 100%;
}
.offset{
background: url(../images/offset.svg) repeat center top #d7b56d;
}
.offset-inner{
background:#ffffff;
position:relative;
}
.offset-inner h2 {
font-family: 'PFSquareSansPro-Bold';
color: #17672d;
margin-bottom: 20px;
}
.uslovia-button{
margin: 25px auto 0;
display:block;
}
.avPlayerBlock{
width: 100%!important;
position: relative!important;
padding: 0 0 56% 0!important;
margin-bottom: 20px;
}
.avPlayerBlock iframe{
position: absolute!important;
top: 0;
left: 0;
min-width: 100%!important;
width: 100%!important;
max-width: 100%;
height: 100%!important;
}
.nav-child.unstyled.small{
display: none;
}
.advantages .row {
background-size: cover !important;
background-position-y: center !important;
}
.advantages > div {
border-top: 20px solid;
border-image: linear-gradient(90deg, #ff000000, #d8d9d8, #ff000000) 100% 0 0% 0%;
}
.advantages > div.i {
border: none;
margin-top: -6%;
}
.advantages > div:nth-child(-n+2){
border:none;
}
.advantages .a {background: url(/images/advantages/1.png) no-repeat;}
.advantages .b {background: url(/images/advantages/2.png) no-repeat right bottom #1a6f30;}
.advantages .c {background: url(/images/advantages/3.png) no-repeat bottom;}
.advantages .d {background: url(/images/advantages/4.png) no-repeat right #1a6f30;}
.advantages .e {background: url(/images/advantages/5.png) no-repeat;}
.advantages .f {background: url(/images/advantages/6.png) no-repeat right #1a6f30;}
.advantages .g {background: url(/images/advantages/7.png) no-repeat;}
.advantages .h {background: url(/images/advantages/8.png) no-repeat right #1a6f30;}
.advantages .i {background: url(/images/advantages/9.png) 20% no-repeat;background-size: 28% !important;}
.advantages img{
width: 100%;
max-width: 1300px;
margin-top: -21px;
}
.opacity > div:before, .no-opacity > div:before {
content: '';
width: 30px;
height: 30px;
background: url("../images/svg/arg.svg") no-repeat center;
display: inline-block;
position: absolute;
left: 5px;
}
.no-opacity> div:before {background: url("../images/svg/arrr.svg") no-repeat center;}
.opacity, .no-opacity, .history .mobile {
padding: 30px;
position: relative;
font-size: 25px;
/* min-height: 450px; */
width: 100%;
color: #1a6f30;
font-family: 'PFSquareSansPro-Bold';
z-index:99;
}
.history .mobile > div {line-height: 120%;margin: 30px;}
.history .mobile > div:before {
content: '';
width: 32px;
height: 32px;
background: url(../images/svg/history-list.svg) no-repeat center;
display: inline-block;
position: absolute;
left: -30px;
}
.history .mobile {
color: #000000;
background: url(../images/svg/history-line.svg) no-repeat 44px 73px;
}
.history .mobile span{
color: #1a6f30;
font-size: 50px;
}
.no-opacity {color: #fefefe;}
.opacity p, .no-opacity p {
margin: 0 0 25px;
line-height:120%;
text-transform:uppercase;
}
.opacity span, .no-opacity span {
font-size: 50px;
}
.opacity, .no-opacity{
display:table;
padding: 20% 0px 18% 50px;
width:120%;
}
.opacity > div, .no-opacity > div{
display:table-cell;
vertical-align:middle;
}
.presentation {
margin: 60px 0px 100px;
}
.presentation .page-header{
padding: 15% 0px 11%;
background: url(../images/svg/presentation.svg) no-repeat center top;
background-size: cover;
}
.present img{
position: absolute;
max-width: 75%;
right: 0.5%;
margin-top: -40%;
z-index: 99;
}
.btnpresent {
display: block;
color: #17672d !important;
text-align: center;
margin: 40px auto;
position: relative;
z-index: 99;
text-transform: uppercase;
padding: 20px 10px 20px 60px;
width: 300px;
border: 5px solid #17672d;
border-radius: 100px;
text-decoration: none !important;
}
.btnpresent h1 {
margin: 0px !important;
padding: 0px !important;
font-size: 36px !important;
}
.btnpresent h1:before {
content: '';
width: 50px;
height: 50px;
background: url(../images/svg/arg.svg) no-repeat center;
margin: -6px -60px;
display: inline-block;
position: absolute;
}
.trustus {background: url(../images/svg/trustus.svg) no-repeat top center;background-size: contain;}
.trustus img{
display: block;
margin: auto;
padding: 0px 100px;
margin-top: 30px;
}
@media (max-width: 1199px) {
.trustus {background: url(../images/svg/trustus2.svg) no-repeat center top;background-size: 140%;}
.trustus img{
display: block;
margin: auto;
margin-top: 20px;
padding: 0% 0% 5%;
}
}
.trustus div.text {
max-width: 450px;
min-height: 180px;
margin: 40px auto;
padding: 35px;
padding-bottom: 0px;
font-size: 20px;
text-transform: uppercase;
border-bottom: 5px solid;
border-image: linear-gradient(90deg, #ff000000, #d8d9d8, #ff000000) 0% 0 100% 0%;
}
.trustus div.text span {position: absolute;font-weight: 700;font-size: 40px;margin: -50px -35px;font-family: 'PFSquareSansPro-Bold';color: #c2c3c3;content: '01';text-align: center;}
.trustus div.text img{
margin-left: -133px;
width: 86px;
margin-top: 10px;
position: absolute;
padding: 0px;
}
.header-container a {text-decoration: none;}
.header-info > div.city > a > span{text-align:left;padding-left:5%;}
.contact-info-inner-phone .contact-phone {
font-family: 'Conv_SansRoundedC';
text-align: center;
font-size: 30px;
line-height: 120%;
color: #266b39;
text-transform: uppercase;
padding: 125px 70px 110px;
background: url(../images/contact-logo/contact-info-inner-phone.svg) no-repeat center;
}
.contact-info-inner-phone .contact-phone a {color: #266b39;
text-decoration: none;}
.contact-info-inner-phone .contact-mail a {
/* color: #fefefe; */
text-decoration: none;
text-transform: none;
font-size: 130%;
text-decoration: underline;
}
.contact-info-inner-phone .contact-mail a:hover {
text-decoration: none;
}
.contact-info-inner-phone .contact-phone span {
font-size: 18px;
color: #9d9e9e;
line-height: 130%;
display: block;
margin-top: 10px;
}
.contact-info-inner-phone .contact-mail {
font-family: 'Conv_SansRoundedC';
text-align: center;
color: #266b39;
text-transform: uppercase;
line-height: 110%;
margin-top: 25px;
}
#catalog #d-content{/* min-height: 100% !important; */}
.item-pageaction-block,
.item-page {background: #fff;
/* padding: 30px;*/
box-shadow: 0 0 5px rgba(0,0,0,0.03);}
.item-image {
display: contents;
}
.pk {
font-size: 13px;
}
.pk a{
color: #2c7540 !important;
border-bottom: 1px solid;
text-decoration: none !important;
}
.pk a:hover{
border-bottom: none;
text-decoration: none !important;
}
.anchor {
position:relative;
top:-100px;
height:10px;
width:10px;
}
#dostavka .anchor#m2 {
top:-50px;
}
#dostavka .anchor#m4 {
top:-80px;
}
#usloviya-prodazhi .anchor#m2 {
top:-300px;
}
#parallax-bg3 {
z-index: 3;
position: fixed;
width: 100vw;
height: 100vh;
}
/* balloon */
#bg3-1 {
position: absolute;
top: 45%;
left: 5%;
}
#bg3-2 {
position: absolute;
top: 136%;
left: 38%;
}
#bg3-3 {
position: absolute;
top: 250%;
left: 51%;
}
#bg3-4 {
position: absolute;
top: 710%;
left: 5%;
}
#bg3-5 {
position: absolute;
top: 900%;
left: 75%;
}
#parallax-bg2 {
z-index: 2;
top: 0;
position: fixed;
width: 100vw;
height: 100vh;
}
#bg2-1 {
position: absolute;
top: 100%;
left: 10%;
}
#bg2-2 {
position: absolute;
top: 160%;
left: 3%;
}
#bg2-3 {
position: absolute;
top: 430%;
left: 63%;
}
#bg2-4 {
position: absolute;
top: 630%;
left: 60%;
}
#parallax-bg1 {
z-index: 1;
top: 0;
position: fixed;
width: 100vw;
height: 100vh;
}
#bg1-1 {
position: absolute;
top: 80%;
left: 64%;
}
#bg1-2 {
position: absolute;
top: 260%;
left: 76%;
}
#bg1-3 {
position: absolute;
top: 340%;
left: 3%;
}
#bg1-4 {
position: absolute;
top: 80%;
left: 64%;
}
#wrapper { z-index: -1;
position: relative;}
.wishboxproductsproductnavigation{
position:relative;
padding:0;
}
.wishboxproductsproductnavigation li.item {
width: 100%;
height: 100px;
}
.wishboxproductsproductnavigation li.item a{
display:block;
border:3px solid #cccccc;
}
.wishboxproductsproductnavigation li.item a img.jshop_img {
object-fit: contain;
height: 100px;
padding: 5px;
}
.wishboxproductsproductnavigation li.item a:hover{
}
.wishboxproductsproductnavigation.owl-theme .owl-nav [class*="owl-"]{
top:calc(50% - 15px);
position:absolute;
width:30px;
height:30px;
line-height:23px;
border-radius:30px;
text-align:center;
margin:0;
padding:0;
background: #17672d;
display:block;
font-size:50px;
}
.wishboxproductsproductnavigation.owl-theme .owl-nav .owl-prev{
left:-15px;
text-indent:-3px;
}
.wishboxproductsproductnavigation.owl-theme .owl-nav .owl-next{
right:-15px;
text-indent:3px;
}
.wb_filter_not_products {
font-weight: normal;
font-size: 49px;
text-align: center;
line-height: 1.1;
color: inherit;
}
.closeDOMWindow {
font-family: 'PFSquareSansPro-Medium';
text-transform: uppercase;
background: #18682e00 !important;
padding: 0px 1px;
line-height: 50px;
margin-bottom: 35px;
font-size: 18px;
margin-top: 20px;
/* border-radius: 20px; */
text-decoration: none;
}
.closeDOMWindow:hover {background: #18682e;color: white;text-decoration: none;}
.owl-carousel .owl-item img.img-prod-block {
object-fit: cover;
height: 180px;
}
input::placeholder, textarea::placeholder{color:#a5a5a5;}
input, button {outline:none;}
.moduletable.callback {
display: inline;
}
.logininfo {
font-family: 'Conv_SansRoundedC';
font-size: 41px;
color: #17672d;
text-align: center;
padding-bottom: 5%;
background: url(../images/svg/line-logininfo.svg) no-repeat bottom;
background-size: 50%;
margin-bottom: 3%;
}
.logininfo:after {/* content:""; */background: url(../images/svg/line-logininfo.svg) no-repeat;/* height: 30px; */margin-top: 35px;width: 35%;display: -webkit-inline-box;}
.carousel.fade{
opacity: 1;
}
.carousel.fade .item{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
transition: opacity .5s;
border-radius:5px;
overflow:hidden;
}
.carousel.fade .item.active{
position: relative;
opacity: 1;
}
.carousel.fade .item:nth-child(1) .carousel-caption h1 {
position: absolute;
left: 150px;
top: 150px;
display: block;
color:red;
}
.carousel.fade .item:nth-child(2) .carousel-caption h1 {
position: absolute;
right: 150px;
top: 150px;
display: block;
color:blue;
}
.carousel.fade .carousel-caption-1 {
position: absolute;
top: 5%;
background: url(../images/background.webp) repeat top center;
font-size: 34px;
font-family: 'PFSquareSansPro-bold';
text-transform: uppercase;
padding: 10px 15px;
border: 2px solid #2c7540;
border-left: none;
}
.carousel.fade .carousel-caption-2 {
position: absolute;
bottom: 5%;
background: url(../images/background.webp) repeat top center;
font-size: 34px;
right: 0;
font-family: 'PFSquareSansPro-bold';
text-transform: uppercase;
padding: 10px 15px;
border-left: 2px solid #2c7540;
border: 2px solid #2c7540;
border-right: none;
}
.carousel.fade .carousel-caption-1 span, .carousel.fade .carousel-caption-2 span {font-size: 14px;color: #17672d;line-height: 100%;margin-left: 10px;display: -webkit-inline-box;}
@media and (-webkit-min-device-pixel-ratio:0) {
video.fullscreen-bg__video{
display:block;
/* width:100%; */
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
height:100%;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
video.fullscreen-bg__video{
display:block;
/* width:100%; */
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
height:100%;
}
}
/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
video.fullscreen-bg__video{
display:block;
/* width:100%; */
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
height:100%;
}
}
.oiproduct .manager{
text-align: center;
color: #222222;
font-family: 'PFSquareSansPro-Medium';
font-size: 18px;
line-height: 20px;
margin-bottom: 15px;}
.productfull #manager {
font-size: 21px;
color: #000000;
font-family: 'PFSquareSansPro-Medium';
display: block;
line-height: 100%;
padding: 8px 0px;
margin: 5px 0 0;
}
.jshop.productfull #wborder{
margin-top: 15px;
height: 45px;
width: 100%;
border-radius: 45px;
border: 1px solid #2e8949;
background: #2e8949;
font-family: 'PFSquareSansPro-Medium';
color: white;
font-size: 18px;
}
.customhome-slider .carousel-inner .item video{
display:block;
width: 101%;
}
.home-page .col-sm-3 img{text-align: center !important;margin: auto !important;}
.blogaction-block{}
.blogaction-block .items-leading{
display: flex;
flex-flow: row wrap;
margin:0 -15px;
}
.blogaction-block .items-leading > div{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position:relative;
background:transparent;
margin:0 0 30px;
}
.blogaction-block .items-leading > div > div{
position: relative;
padding:15px;
background: #ffffff;
box-shadow: 0 0 5px rgba(112,112,112,0.3);
height:100%;
}
.blogaction-block .items-leading > div > div .pull-left.item-image{
position:absolute;
top:15px;
left:15px;
display:block;
}
.blogaction-block .items-leading > div > div .pull-left.item-image img {
object-fit: cover;
}
.blogaction-block .items-leading > div > div .page-header{
position:absolute;
top:60px;
right:15px;
display:block;
margin:0;
}
.blogaction-block .items-leading > div > div .page-header h2{
color: #245f33;
line-height: 20px;
margin: 0;
font-size:18px;
}
.action-label > div,
.blogaction-block .items-leading > div > div > div:nth-child(3){
font-family: 'Conv_SansRoundedC';
line-height: 35px;
color: #ffffff;
text-transform: uppercase;
text-align:center;
background: rgb(226,25,117);
background: -moz-linear-gradient(left, rgba(226,25,117,1) 0%, rgba(233,121,13,1) 100%);
background: -webkit-linear-gradient(left, rgba(226,25,117,1) 0%,rgba(233,121,13,1) 100%);
background: linear-gradient(to right, rgba(226,25,117,1) 0%,rgba(233,121,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21975', endColorstr='#e9790d',GradientType=1 );
border-radius:4px;
display:inline-block;
padding:0 25px;
}
.blogaction-block .items-leading > div > div > div:nth-child(3) {
position:absolute;
top:15px;
}
.blogaction-block .items-leading > div > div p.readmore{
position:absolute;
display:block;
right:15px;
bottom:15px;
}
.blogaction-block .items-leading > div > div p.readmore a{
display: inline-block;
border: 1px solid #d0d0d0;
color: #808080;
font-family: 'PFSquareSansPro-Bold';
border-radius: 35px;
line-height: 35px;
text-decoration: none;
padding: 0 25px;
}
.custom.tekstil a {
font-family: 'Conv_SansRoundedC';
display: block;
background: #2c7540;
padding: 20px;
color: #ffffff;
border-radius: 40px;
max-width: 450px;
font-size: 24px;
text-align: center;
text-decoration: none;
margin: 0 0 15px;
}
.carousel-product-block h3 {
text-align: center;
}
.fancybox-wrap .carousel-product-block {
display: none;
}
#podarki-dlya-sotrudnikov .category_description {
background: #fff;
/* padding: 30px; */
box-shadow: 0 0 5px rgba(0,0,0,0.03);
}
#podarki-dlya-sotrudnikov .gift-line{
max-width: 600px;
text-align: center;
margin: auto;
display: block;
}
#podarki-dlya-sotrudnikov p{
text-align: center;
font-size: 20px;
}
#podarki-dlya-sotrudnikov .category_description h2{color: #e90020;margin-top: 40px;}
#podarki-dlya-sotrudnikov .category_description h1.hidden-xs{color: #276b3c;text-align: center;font-size: 45px;text-transform: uppercase;padding: 18% 0 18%;background: url(/images/gift-header.jpg) no-repeat top;background-size: cover;}
.zbull {
float: right;
text-align: right;
}
.zbull a {
text-decoration: none;
}
.moduletablehome-slider .jcepopup.noicon.jcemediabox-image{
position: absolute;
width: 120px;
height: 120px;
/*width: 2000px;
height: 1000px;
display: table-cell;
text-align: center;
top: 0px;
left: 0px;*/
}
#d-footer .number {
text-decoration: none;
}
#yandex-maps-renome {
margin-bottom: -12px;
}
#yandex-maps-renome:before {background: url(../images/wh-line.svg) no-repeat center;height: 47px;width: 100%;position: absolute;margin: 0 -90px;margin-top: -30px;content:'';}
.map-img {
margin-top: -50px;
}
.map-img img {
margin: auto;
display: block;
}
.map-img .text {
position: absolute;
color: #2b7643;
font-family: 'Conv_SansRoundedC';
text-transform: uppercase;
font-size: 46px;
line-height: 1.1;
}
.map-img .text span{
font-size: 23px;
display: block;
margin-top: 10px;
color: #b3cd21;
}
.map-img .text:before {content:'';border-left: 4px solid #b3cd21;position: absolute;width: 5px;margin: 2px -10px;height: 130px;}
.category_description h1 {
text-align: center;
}
.category_description {
margin: auto;
max-width: 800px;
text-align: center;
}
.jshop .no-price {margin: auto;position: relative;text-align: center;}
.label_products .no-price { /*position: absolute;*/bottom: 10px;width: 90%;margin: 0px;}
.productfull .no-price p{
font-family: 'Conv_SansRoundedC';
font-size: 20px;
padding: 20px;
}
.productfull .no-price a{
line-height: 1,4;
padding: 12px 40px;
font-size: 15px;
margin-bottom: 20px;
}
.no-price a {
background: #16652c;
color: #ffffff;
display: inline-block;
line-height: 1.2;
padding: 10px 6px;
font-size: 13px;
border-radius: 35px;
text-decoration: none;
position: relative;
text-align: center;
}
.no-price a:hover, .productfull .no-price a {background: #2e8949;}
#instructionClearCookies {
max-width: 500px;
left: 50%;
margin-left: -250px;
top: 10%;
overflow: unset;
/*z-index: 100000 !important*/
}
#instructionClearCookies .close {
position: absolute;
right: -20px;
top: -20px;
opacity: 1;
width: 40px;
height: 40px;
background: #2c7540;
color: #ffffff;
border-radius: 30px;
text-align: center;
font-size: 20px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#instructionClearCookies .modal-title-enter {
line-height: 1.1;
}
#instructionClearCookies .modal-body {
font-size: 15px;
text-align: left;
}
#instructionClearCookies .modal-body ul,
#instructionClearCookies .modal-body ol {
padding-left: 15px;
}
#instructionClearCookies .modal_buttons {
text-align: center;
}
#instructionClearCookies .modal_buttons .btn {
background: #2c7540;
font-size: 18px;
background: #2c7540;
border: 1px solid #2c7540;
padding: 5px 35px;
font-weight: 600;
line-height: 1.8;
border-radius: 50px;
}
.call-mobile {
color: #000 !important;
cursor: text !important;
text-decoration: none !important;
}
/*/templates/renome/css/owl.carousel.min.css*/
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;padding-bottom: 5px;-webkit-transform:translate3d(0,0,0);}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;/* width:100%; */margin: auto;}
.wishboxproductsproductnavigation.owl-carousel .owl-item img{width:100%;}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("../images/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*/templates/renome/css/owl.theme.default.min.css*/
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*/templates/renome/css/jquery.fancybox.css*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 8020;
}
.fancybox-skin {
position: relative;
/* background: #6d5f5f00; */
text-shadow: none;
padding: 0px !IMPORTANT;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
/* border-radius: 4px; */
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
width: 100% !important;
height: 100% !important;
border-radius: 10px !important;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("../images/fancybox_sprite.png");
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url("../images/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url("../images/blank.gif"); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: visible !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url("../images/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("../images/fancybox_sprite@2x.png");
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url("../images/fancybox_loading@2x.gif");
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*/templates/renome/css/jquery.fancybox-thumbs.css*/
#fancybox-thumbs {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
z-index: 8050;
}
#fancybox-thumbs.bottom {
bottom: 2px;
}
#fancybox-thumbs.top {
top: 2px;
}
#fancybox-thumbs ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#fancybox-thumbs ul li {
float: left;
padding: 1px;
opacity: 0.5;
}
#fancybox-thumbs ul li.active {
opacity: 0.75;
padding: 0;
border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
opacity: 1;
}
#fancybox-thumbs ul li a {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #222;
background: #111;
outline: none;
}
#fancybox-thumbs ul li img {
display: block;
position: relative;
border: 0;
padding: 0;
max-width: none;
}
/*/templates/renome/css/jquery.fancybox-buttons.css*/
#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
}
#fancybox-buttons.top {
top: 10px;
}
#fancybox-buttons.bottom {
bottom: 10px;
}
#fancybox-buttons ul {
display: block;
width: 166px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: rgb(50,50,50);
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: linear-gradient(to bottom, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-color: transparent;
background-image: url('../images/fancybox_buttons.png');
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}
#fancybox-buttons a:hover {
opacity: 1;
}
#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px
}
#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.4;
cursor: default;
}
@media (max-width: 360px) {
.moduletable-search {
width: 58% !important;
}
}
@media (max-width: 450px) {
.custom-whu .smotr-mail {
background: none;
}
.blogaction-block .items-leading > div > div{
min-height:220px !important;
}
}
@media (max-width: 767px) {
.home-page .text {
padding: 0px;
font-size: 14px;
}
.home-page .geo p {
padding: 0px;
font-size: 14px;
}
.home-page .geo {
min-height: 400px;
}
.home-page .big {
margin-top: -90px;
font-size: 20px;
margin-bottom: 0px;
}
.sf_inline .sf_block {
padding: 10px;
}
#contact .item-page {margin-top: -62px;}
.custom.tekstil a {
font-size: 16px;
max-width: 100%;
}
#podarki-dlya-sotrudnikov .jshop h1.visible-xs{
font-size: 32px;
color: #006723;
margin-top: 0px;
}
.blogaction-block .items-leading > div > div{
min-height:170px;
}
.blogaction-block .items-leading > div > div .pull-left.item-image img {
width:100px;
height:100px;
}
.blogaction-block .items-leading > div > div > div:nth-child(3),
.blogaction-block .items-leading > div > div .page-header{
left:140px;
}
.blogaction-block .items-leading > div{
float: none;
width:100%;
}
.uslovia-button{
width:300px;
}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1, .dost-title{
text-align: center !important;
margin: 0px auto 50px !important;
background-position-x: 50px !important;
}
#contact .item-page .page-header h1, #obuchenie .item-page .page-header h1{
background-position-x: 67px !important;
}
.uslovia{
margin:0 auto;
display:block;
}
.offset{
padding:30px ;
margin:30px 0;
}
.offset-inner{
padding:15px;
border-radius:15px;
}
.dost-ico ul li{
width:100%;
margin:0 0 30px;
}
.dost-ico ul li:last-child{
margin-bottom:0;
}
.dost-ico ul li img.olen-dost-ico{
width:100px;
}
.olen-dost{
width:100px;
margin:-30px auto 30px;
display:block;
}
.dost-nn{
padding-top:100px;
}
.dost-ico .pull-right{
float:none !important;
}
.dost-title, .dost-descr{
text-align:center;
}
.dost-title{
display:block;
padding:0 0 35px;
margin: auto;
}
.marg {
padding-top: 200px;
}
.contact-info.hidden-md.hidden-lg{
position:relative;
top:0;
margin: 0px 0 0;
}
.contact-info.hidden-md.hidden-lg img{
width:200px;
}
.contact-info-inner{
background:#17672d;
color:#ffffff;
padding:20px;
font-size: 20px;
}
.item-page h1{
margin-bottom: 20px;
padding:0 0 20px;
font-size:20px;
}
.contact-logo img{
height:70px;
background:#ffffff;
padding-left:25px;
}
.jshop_list_product, .item-page-dostavka-block .position-1{
/*width:320px;*/
margin:0 auto 30px !important;
}
.jshop_list_product .img-prod-block{
height:250px;
}
.items-leading > div:nth-child(odd) .svg-block {
top: -176px;
}
.items-leading > div:nth-child(even) .svg-block {
bottom: -110px;
}
.svg-block{
position:absolute;
left: 30px;
background:rgba(255,255,255,0.7);
padding:5px;
border-radius:5px;
box-shadow:0 0 5px rgba(0,0,0,0.7);
z-index:100;
}
.green {
padding: 30px;
background: #266b39;
position: relative;
width: 100%;
color: #fff;
font-family: 'Conv_SansRoundedC';
}
.green p{
font-size: 16px;
margin:0 0 20px;
line-height:100%;
}
.green p:last-child{
margin:0;
}
.blog-produktsiya-dlya-otelej .page-header h1, .moduletable-whu .page-header h2, .item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3, .advantages h2, .advantages h1, .presentation h2, .trustus h2, .history h1{
font-size: 35px;
padding: 0 0px 25px 0px;
margin-bottom:15px;
background-position-x: 0px;
}
.moduletable-new-collection img.img-responsive{
margin:0 auto 35px;
}
.moduletable-search form{
padding-top:10px;
}
.head-menu .pull-right{
float:none !important;
padding:0 15px;
}
#roksearch_search_str {
width: 100%;
}
.manufacturer_code{
margin-top:30px !important;
}
.jshop_list_category.row{
margin:45px 15px 15px;
}
#d-footer > div > div > div > div{
/* background:rgba(0,0,0,0.2); */
padding-top:15px;
padding-bottom:15px;
border-radius:4px;
width:320px;
margin:0 auto 15px;
}
#d-footer > div > div > div > div.foot-soc{
margin-bottom:0;
}
#d-footer {
background: #17672d;
text-align:center;
}
.zbull a img{
float:none !important;
}
.foot-soc ul li{
float:none !important;
display:inline-block;
}
.nav-tabs > li {
display:block;
}
.nav-tabs {
border-radius:25px;
display:block;
}
.header-info .city span.city-active,
.header-info .lk a{
text-align:left !important;
padding-left: 0px !important;
}
.sf_block_params {
padding: 10px;
max-width: 325px;
}
.sclogin #scprofile-pic, .sclogin .sclogin-greeting {
text-align: left !important;
}
.header-info .number{
padding-left:25px;
text-align:left !important;
}
#list_product_image_thumb .jshop_img_thumb_zoomer{
width:50px;
}
}
@media (min-width: 768px) and (max-width: 1023px){
.head-menu .pull-right{
float:none !important;
padding:0 15px;
}
.header-info-block .header-info div.sourcecoast.sclogin-modal-links.sclogin {
text-align: left !important;
}
.sclogin .sclogin-greeting a{
margin-right: 50px;
}
}
@media (min-width: 993px) and (max-width: 1023px){
#d-content{min-height: calc(100vh - 304px);}
}
/*@media (min-width: 1024px){*/
@media (min-width: 768px){
#d-content{min-height: calc(100vh - 491px);}
}
@media (min-width: 1024px){
#d-content{min-height: calc(100vh - 340px);}
}
@media (max-width: 992px){
#d-content{
margin-bottom: 90px;
}
}
@media (min-width: 768px) {
.map-img .text {
margin-left: 50px;
margin-top: 45px;
}
.blogaction-block .items-leading > div > div{
min-height:220px;
}
.blogaction-block .items-leading > div > div .pull-left.item-image img {
width:120px;
height:120px;
}
.blogaction-block .items-leading > div > div > div:nth-child(3),
.blogaction-block .items-leading > div > div .page-header{
left:160px;
}
.blogaction-block .items-leading > div{
float: left;
width:50%;
}
.uslovia-button{
width:350px;
}
.uslovia{
margin:0 auto;
display:block;
}
.offset{
padding:50px ;
margin:50px 0;
}
.offset-inner{
padding:30px;
border-radius:30px;
}
.dost-ico ul li{
margin:50px 50px 0;
}
.dost-nn{
padding-top:180px;
}
.dost-ico .pull-right{
float:none !important;
}
.olen-dost-ico{
width:80px;
}
.dost-ico ul li:first-child{
margin-left:0;
}
.dost-ico ul li:last-child{
margin-right:0;
}
.olen-dost{
width:120px;
margin-left:70px;
}
.dost-nn .dost-title{
margin-left:100px;
}
.dost-title{
display:inline-block;
padding:0 0 15px;
margin:0 0 15px;
}
.marg {
padding-top: 300px;
}
.moduletable-search form{
padding:0 15px;
}
.head-menu > .row{
margin:0;
}
.head-menu > .row .col-md-8.col-sm-12,
.head-menu > .row .col-md-4.col-sm-12,
.head-menu > .row .col-md-4.col-sm-12 > div{
padding:0;
}
.header-info-block .header-info div.sourcecoast.sclogin-modal-links.sclogin{
text-align: right;
font-size:18px;
}
.header-info > div{
padding-top:15px;
padding-bottom:15px;
}
.maps-dost{
margin-top:-70px;
}
.custom-whu .smotr-phone, .custom-whu .smotr-mail {
width:350px;
margin:0 auto;
}
.custom-whu .smotr-cart {
width:550px;
margin:0 auto;
}
.allways{
width:350px;
margin:0 auto;
padding:50px 0;
}
form.form-horizontal .control-group {
height: 50px;
display: table;
width: 100%;
}
form.form-horizontal .control-group > div{
display:table-cell;
vertical-align:middle;
float:none;
}
form.form-horizontal .control-group .col-sm-2{
padding-left:0;
}
.contact-info.hidden-md.hidden-lg img{
width:270px;
}
.contact-info.hidden-md.hidden-lg .contact-info-inner{
background:#17672d;
color:#ffffff;
padding:25px 0;
}
.contact-info{
position:relative;
width:100%;
top:0;
margin: 0px 0 0;
z-index: 9;
}
.contact-logo img{
height: 150px;
}
.whu-line{
background: url("../images/whu-line.svg") no-repeat center;
height:50px;
background-size:contain;
margin:30px -30px 0;
position:relative;
z-index:9;
}
.custom-whu .row{
margin-top:-20px;
}
.green:before {
content: '';
width: 50px;
height: 50px;
background: url("../images/svg/arr.svg") no-repeat center;
display: inline-block;
position: absolute;
left: -25px;
top: 50%;
margin: -25px 0 0 0;
}
.green {
padding: 30px;
background: #266b39;
position: relative;
width: 100%;
color: #fff;
font-family: 'PFSquareSansPro-Bold';
z-index:99;
}
.green p{
font-size: 16px;
margin:0 0 20px;
line-height:120%;
text-transform:uppercase;
}
.green p:last-child{
margin:0;
}
.moduletable-whu.sotr .page-header h2:before{
background: url("../images/svg/check-br.svg") no-repeat center;
}
.moduletable-whu .page-header h2:before, .item-page .page-header h1:before, .advantages h1:before, .advantages h2:before,
.presentation h2:before, .trustus h2:before, .history h1:before, .blog-produktsiya-dlya-otelej .page-header h1:before,
.moduletable-whu .page-header h2:before, .item-page .page-header h1:before, .item-page-dostavka-block .page-header h1:before,
.item-page-dostavka-block .page-header h3:before, .advantages h2:before, .advantages h1:before, .presentation h2:before,
.trustus h2:before, .history h1:before, .moduletable-transport .page-header h3:before{
content: '';
background: url("../images/svg/check.svg") no-repeat center;
width: 7%;
height: 55px;
display: inline-block;
position: absolute;
left: -40px;
}
.presentation h2:before{
content: '';
background: url("../images/svg/check-wh.svg") no-repeat center;
}
.moduletable-whu.partners .page-header h2:after{
content: '';
background: url("../images/svg/partner.svg") no-repeat center;
width: 120px;
height: 50px;
display: inline-block;
position: absolute;
left: 230px;
top:0;
}
.moduletable-search{
margin-top:10px;
}
.moduletable-cart{
/* float:right; */
}
.navbar-nav > li > a{
font-size:12px;
}
.refresh-block{
width: 100px;
}
.jshop.cart.table .jshop_img_description_center{
text-align:left;
width:12%;
}
#d-footer {
background: url("../images/footer.png") repeat-x 0 top;
background: url("../images/footer.webp") repeat-x 0 top;
}
.nav-tabs > li {
display:inline-block;
}
.nav-tabs {
border-radius:50px;
display:inline-block;
}
#list_product_image_thumb .jshop_img_thumb_zoomer{
width:100px;
}
}
@media (min-width: 992px) and (max-width: 1024px){
.header-info > div{
padding-top:15px;
padding-bottom:15px;
}
}
@media (min-width: 768px) and (max-width: 1080px){
.header-info > div.phone a.mod{
display: none;
}
}
@media (min-width: 768px) and (max-width: 1080px){
.sclogin .sclogin-greeting {
text-overflow: ellipsis;
width: 150px;
}
}
@media (min-width: 768px) and (max-width: 1650px){
.head-menu .header-container-left .row div:nth-child(2){
padding-right: 0px;
}
.header-container .row div{
margin-left: 0px;
margin-right: -20px;
text-align: left;
}
}
@media (min-width: 992px){
.custom.tekstil a:before {
content: "";
position: absolute;
background: url("../images/svg/palec.svg") no-repeat 0 0;
width: 65px;
height: 50px;
margin-left: -125px;
}
.custom.tekstil {margin-top: -40px;}
.blogaction-block .items-leading > div > div .pull-left.item-image img {
width:180px;
height:180px;
}
.blogaction-block .items-leading > div > div > div:nth-child(3),
.blogaction-block .items-leading > div > div .page-header{
left:220px;
}
/*
#glavnaya #jcemediabox-popup-body, #obuchenie #jcemediabox-popup-body{
top:10% !important;
}
*/
/*#catalog #jcemediabox-popup-body,*/
/*#catalog #jcemediabox-popup-content, */
/*#glavnaya #jcemediabox-popup-body,*/
/*#glavnaya #jcemediabox-popup-content, */
#videoobzor #jcemediabox-popup-body,
#videoobzor #jcemediabox-popup-content,
#obuchenie #jcemediabox-popup-body,
#obuchenie #jcemediabox-popup-content{
width: 978px !important;
height: 550px !important;
padding: 0 !important;
}
#videoobzor #jcemediabox-popup-body, #catalog #jcemediabox-popup-body {
top: 50% !important;
transform: translateY(-50%);
}
}
@media (min-width: 992px) and (max-width: 1300px){
.moduletable-search, .moduletable-cart{
padding-left: 0px;
padding-right: 0px;
text-align: left;
}
.moduletable-cart {
width: 53%;
margin-left: 5px !important;
}
.moduletable-search{
margin-left: -15px !important;
padding: 0px 15px;
}
}
@media (min-width: 1024px){
.header-info > div{
padding-top:0;
padding-bottom:0;
}
}
@media (min-width: 992px) {
.uslovia-button{
width:450px;
}
#d-content{
margin-top:120px;
}
#d-header{
position:fixed !important;
}
.offset{
padding:70px ;
margin:50px 0;
}
.offset-inner{
padding:40px;
border-radius:50px;
}
.dost-ico ul li{
margin-top:0;
}
.dost-ico .pull-right{
/* float:right !important; */
}
.dost-nn{
padding-top:180px;
}
.dost-title{
padding-top: 70px;
}
.marg {
padding-top: 400px;
}
.item-page-dostavka-block .position-1 > div > div{
font-size:22px;
line-height:100%;
}
.contact-info-inner{
background:transparent;
color:#ffffff;
position:absolute;
font-size: 15px;
bottom:50px;
right:100px;
}
.contact-info-inner-phone{
position: absolute;
bottom: 285px;
left: 120px;
width: 400px;
height: 100%;
}
.map-img .text {
margin-left: 150px;
margin-top: 50px;
}
.contact-info{
position:relative;
width:100%;
top:0;
}
.green{
height:200px;
display:table;
padding: 20px 20px 20px 80px;
width:120%;
}
.green > div{
display:table-cell;
vertical-align:middle;
}
/* .items-leading > div:nth-child(even) .svg-block{
float:right;
} */
.items-leading > div:nth-child(odd) .green {
left: -90px;
}
.items-leading > div:nth-child(even) .green {
right: 0;
}
.green p{
font-size: 25px;
}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1{
width:300px;
padding:0 0 20px 30px;
font-size: 36px;
}
.tekstil .page-header h2 {
width: 870px;
font-size: 32px;
background-size: 400px;
}
.tekstil .2page-header h2 {
width: 870px;
font-size: 12px;
background-size: 400px;
}
.navbar-nav > li > a{
font-size:12px;
}
.header-info{
text-align:center;
}
}
@media (min-width: 1800px) {
.header-container{
max-width: 1800px;
margin:0 auto;
}
.header-info-block {
margin-left: 50px;
margin-right: 50px;
}
.header-container-left{
/*background:url("../images/head-menu-long-bottom.jpg") no-repeat 0 48px;*/
}
}
@media (min-width: 1200px) {
.uslovia{
top:-90px;
right:-90px;
width:180px;
position: absolute;
}
.offset{
padding: 200px 250px;
margin:0;
margin-top: 10px;
background-size: auto;
overflow: hidden;
position: relative;
-webkit-clip-path: polygon(0% 4%, 100% 0%, 100% 96%, 0% 100%);
clip-path: polygon(0% 4%, 100% 0%, 100% 96%, 0% 100%);
}
.dost-descr{
font-size:18px;
}
.dost-ico ul li{
margin:0 30px;
}
.marg {
padding-top: 450px;
}
.head-menu .nav > li:first-child{
/*background:url("../images/head-menu.png") repeat-x 0 100% #ffffff;*/
padding-right: 0px;
}
.head-menu .nav > li{
/*background:url("../images/head-menu.png") repeat-x 0 0 #ffffff;*/
}
.head-menu .nav > li:first-child a{
/*background: url(../images/head-menu.svg) no-repeat 100% 0;*/
padding-left:55px;
padding-right: 30px;
position:relative;
}
/*.head-menu .nav > li.item-189 a:after {content: "";position: absolute;background: url("../images/head-menu-long-bottom.jpg") no-repeat center 18px;height: 35px;display: inline-block;margin-left: -140px;width: 140px;background-size: 0%;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}*/
.head-menu .nav > li.item-189:hover a:after{
color: #17672d;
/*background: url("../images/head-menu-long-bottom.jpg") no-repeat center 18px;
background-size: 100%;*/
}
.head-menu .nav > li:first-child a:before{
content:'';
background:url("../images/head-menu-first.png") no-repeat center center;
height:31px;
width:31px;
display:inline-block;
position:absolute;
left:30px;
top:12px;
}
.contact-info-inner{
bottom: 33%;
right:130px;
font-size: 19px;
}
.contact-info-inner-phone{
bottom: 90px;
left: 120px;
z-index: 999;
}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .progress h2, .progress h1{
width: 400px;
padding: 0 0 30px 30px;
left: 14px;
font-size: 32px;
}
#contact .item-page .page-header h1, #obuchenie .item-page .page-header h1{
width: 305px;
}
.navbar-nav > li > a{
font-size:14px;
}
#roksearch_search_str {
width: 210px;
}
.productfull #block_price{
font-size:30px !important;
}
.block_item.block_product.product.item .col-lg-6{
width:100%;
}
.foot-time div, .foot-mail div, .foot-soc div .soc-seti div{
font-size:18px;
}
h4.newsflash-title-action{
font-size:18px !important;
line-height:100%;
height:60px;
}
.custom-new-collection > div{
padding:0 50px;
}
.tabs-container h2, .moduletable-new-collection h3, .moduletable-action h3, .home-page h3{
font-size:42px;
}
.header-info{
}
}
@media (min-width: 1200px) and (max-width: 1440px){
.header-info{
font-size:11px !important;
}
}
@media (min-width: 1441px) {
.foot-soc ul li{
margin-right:10px !important;
}
.contact-info{
position:relative;
width:100%;
top:0;
}
#yandex-maps-renome {
margin-top: -130px;
}
.map-img .text {
margin-left: 150px;
margin-top: 100px;
}
.foot-time div, .foot-mail div, .foot-soc div .soc-seti div{
font-size:24px;
letter-spacing: 2px;
}
}
@media (min-width: 1760px) {
.block_item.block_product.product.item .col-lg-6:first-child{
}
.block_item.block_product.product.item .col-lg-6:first-child .jshop_price{
margin:0;
}
.jshop_list_product .product .name{
margin:0 0 25px !important;
}
.oiproduct .manager{padding: 0px 35px;}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, , .advantages h2, .advantages h1{
width: 465px;
padding:0 0 30px 30px;
font-size: 30px;
}
/* .block_item.block_product.product.item .col-lg-6{
width:50%;
} */
}
@media (min-width: 1441px) and (max-width: 1602px){
}
@media (min-width: 1441px) and (max-width: 1666px){
#roksearch_search_str{
width:auto;
}
.header-info .phone .mod{
font-size:12px;
}
}
@media (min-width: 1441px) and (max-width: 1815px){
.foot-time div, .foot-mail div .soc-seti div{
font-size:16px;
}
}
@media (min-width: 1441px) and (max-width: 1479px){
.header-info .work{
font-size:12px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.moduletable-transport .page-header h3 {
left: -30px;
}
.moduletable-whu.sotr .page-header h2 {
font-size: 27px;
}
}
@media (min-width: 1200px) and (max-width: 1509px){
#roksearch_search_str{
width:200px;
}
}
@media (min-width: 1510px) and (max-width: 1557px){
#roksearch_search_str{
width:250px;
}
}
@media (min-width: 1557px) and (max-width: 1609px){
#roksearch_search_str{
width:300px;
}
}
@media (min-width: 1610px) and (max-width: 1639px){
#roksearch_search_str{
width:350px;
}
}
@media (min-width: 1640px) and (max-width: 1919px){
#roksearch_search_str{
width:380px;
}
}
@media (min-width: 1441px) and (max-width: 1920px){
.head-menu .nav > li:first-child a span{
left:20px;
}
#roksearch_search_str{
text-indent:10px;
}
.head-menu .nav > li:first-child a{
padding-right:50px;
}
.header-info-block{
margin:0 70px;
}
.header-info-block .header-info div:first-child{
text-align:left;
}
.header-info-block .header-info div:last-child{
text-align: center !important;
}
.nav.menunav.navbar-nav li:first-child{
padding-left:50px;
}
.head-menu .pull-right{
margin-right:70px;
}
/* .block_item.block_product.product.item div.col-lg-6:first-child{
width:40%;
}
.block_item.block_product.product.item div.col-lg-6:last-child{
width:60%;
}
.jshop_list_product .product .old_price{
font-size:12px;
text-decoration:line-through;
text-align:center;
color:#cccccc;
}
.jshop_list_product .product .jshop_price span{
font-size:14px;
}
.home-page{
font-size:16px;
}
.jshop.list_product > div, .jshop_list_category.row > div{
width:20%;
}
.com_jshopping.view-category.layout-category ul.breadcrumb li.active span{
font-family: 'Conv_SansRoundedC';
font-size:28px;
color:#000000;
}*/
}
@media (min-width: 1800px){
.contact-info{
width:1170px;
margin-left:auto;
margin-right:auto;
}
.blog-produktsiya-dlya-otelej .page-header h1, .moduletable-whu .page-header h2, .item-page .page-header h1,
.item-page-dostavka-block .page-header h1, .item-page-dostavka-block .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1,.moduletable-transport .page-header h3 {
width: 470px;
font-size: 41px;
}
.tekstil .page-header h2 {
width: 850px;
font-size: 32px;
background-size: 400px;
}
#contact .item-page .page-header h1, #obuchenie .item-page .page-header h1{
width: 390px;
}
.head-menu .nav > li:first-child {}
.head-menu .nav > li {
padding-left:30px;
padding-right:30px;
}
#roksearch_search_str{
width:380px;
text-indent:10px;
}
}
@media (min-width: 1501px) and (max-width: 1920px){
.marg {
padding-top: 600px;
}
}
@media (min-width: 1201px) and (max-width: 1500px){
.marg {
padding-top: 450px;
}
}
@media (min-width: 1200px) and (max-width: 1920px){
.navbar-nav > li > a {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1400px){
.home-page .item-number {
font-size: 60px;
}
}
@media (min-width: 1920px){
#d-header{
width:100%;
}
.img-prod-block, .owl-carousel .owl-item img{
/* height:100%; */
}
.jshop.list_product > div, .jshop_list_category.row > div{
width:20%;
}
}
@media (min-width: 1600px){
.header-container {font-size: 14px !important;}
.header-info .number {font-size: 16px !important;}
}
@media (max-width: 1599px){
.sf_block:last-of-type .sf_block_params{
left: 0%;
max-width: 300px;
}
}
@media (min-width: 992px) and (max-width: 1800px){
.anchor {top: -50px;}
#o-kompanii .anchor#m1{top: -150px;}
#dostavka .anchor#m1{top: -150px;}
#dostavka .anchor#m2{top: 50px;}
#dostavka .anchor#m3{top: 100px;}
#dostavka .anchor#m4{top: -50px;}
#dostavka .anchor#m5{top: -100px;}
#usloviya-prodazhi .anchor#m2{top: -200px;}
}
@media (max-width: 991px){
.moduletable-whu.sotr .page-header h2 {
font-size: 30px;}
.presentation .page-header{
padding: 17% 0px 2% !important;
}
.anchor {top: 30px;}
#dostavka .anchor#m1{top: -200px;}
#dostavka .anchor#m2{top: 50px;}
#dostavka .anchor#m3{top: 100px;}
#dostavka .anchor#m4{top: 40px;}
#dostavka .anchor#m5{top: -10px;}
#usloviya-prodazhi .anchor#m2{top: 0px;}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1, .dost-title{
/* margin-left: 30px; */
text-align: left;
padding-left: 0px;
}
.tekstil .page-header h2 {
font-size: 26px;
margin-bottom: -30px !important;
width: 100%;
background: none;
}
.blog-produktsiya-dlya-otelej .page-header h1,
.moduletable-whu .page-header h2,
.item-page .page-header h1,
.item-page-dostavka-block .page-header h1,
.item-page-dostavka-block .page-header h3,
.moduletable-transport .page-header h3, .advantages h2, .advantages h1,
.presentation h2, .trustus h2, .history h1{
background: url("../images/svg/line.svg") no-repeat 0px bottom;
}
#contact .item-page .page-header h1, #obuchenie .item-page .page-header h1{
background: url("../images/svg/line-short.svg") no-repeat 0px bottom;
}
}
@media (max-width: 991px){
.home-page .item-number {
font-size: 50px;
}
#map .ymaps-map:nth-child(1) {display: none;}
}
@media (min-width: 992px){
#map .ymaps-map:nth-child(2) {display: none;}
}
@media (max-width: 1350px){
#contact .page-header {display: none;}
.presentation .page-header{
padding: 10% 0px 9%;
background: url(../images/svg/presentation.svg) no-repeat center top;
background-size: cover;
}
}
tr.jshop_prod_cart > td > img
{
display: block;
float: left;
margin-right: 5px;
width: 100px;
}
.parallax-window {
min-height: 400px;
background: transparent;
}
/*летнее РѕРґРµСÐло*/
.bg2{background-image: url('/images/promo/leto/bg2.png');
background-repeat: no-repeat;background-size: cover;background-position: center;}
.leto {
font-family: "SansRoundedC",sans-serif;color:#eb35a3;font-size: 18px;
line-height: 40px;
}
@media screen and (max-width:1200){
.leto {font-size:16px;line-height: 38px;}
}
@media screen and (max-width:768){.leto {font-size:14px;line-height: 34px;
}}
@media screen and (max-width:767.98px){.ovca-btn-danger{font-size:16px;padding:10px 15px;}}
.leto .pb-3{padding-bottom:15px;}
.leto .pt-3{padding-top:15px;}
.leto .pb-5{padding-bottom:30px;}
.leto .pt-5{padding-top:30px;}
.leto .mt-5{margin-top:30px;}
.leto a:hover {text-decoration: none;}
.leto a{text-decoration: none;}
.bg1 img{max-width:400px;}
.bg2 img{max-width:400px;}
.leto .right-str{max-width: 40px;}
.leto .icon-snow, .ovca .icon-plot{max-width:100px;margin-right: 22px;}
.leto .quadro{max-width: 26px;}
.leto .romb{max-width: 180px;}
.leto .puh{max-width: 120px;}
.leto .odeyalo{max-width: 400px;margin-top: 80px;
margin-bottom: 20px;}
.ovca .odeyaloleto{
margin-bottom: 20px;}
.blok2{
margin-top: 15px;
font-family: "Conv_SansRoundedC",sans-serif;color:#d5991f;font-size: 38px;
text-shadow: 1px 1px 1px #000;
}
@media screen and (max-width:1200){
.blok2{
margin-top: 15px;
font-family: "Conv_SansRoundedC",sans-serif;color:#d5991f;font-size: 38px;
text-shadow: 1px 1px 1px #000;
font-family: "Conv_SansRoundedC",sans-serif;color:#d5991f;font-size: 38px;
text-shadow: 1px 1px 1px #000;
}}
@media screen and (max-width:768){
.blok2{
margin-top: 15px;
font-family: "Conv_SansRoundedC",sans-serif;color:#d5991f;font-size: 38px;
text-shadow: 1px 1px 1px #000;
}}
@media screen and (max-width:767.98px){
.blok2{
margin-top: 15px;
font-family: "Conv_SansRoundedC",sans-serif;color:#d5991f;font-size: 38px;
text-shadow: 1px 1px 1px #000;
}}
/*лендинг РѕРґРµСÐло овечье 520 РіСЂ*/
.ovca {
font-family: "Conv_SansRoundedC",sans-serif;color:#eb35a3;font-size: 18px;
line-height: 40px;
}
@media screen and (max-width:1200){
.ovca {font-size:16px;line-height: 38px;}
}
@media screen and (max-width:768){.ovca {font-size:14px;line-height: 34px;
}}
.bg1{background-image: url('/images/promo/bg1.jpg');
background-repeat: no-repeat;background-size: cover;background-position: center;}
.slogan{font-size:36px; color: white; line-height:36px; padding:30px 40px;}
@media screen and (max-width:1200){.slogan{font-size:18px;line-height:18px;}}
@media screen and (max-width:767.98px){.slogan{font-size:16px;line-height:16px;}}
.per-zag{font-size:24px; text-decoration: underline;}
@media screen and (max-width:1200){.per-zag{font-size:18px;line-height:18px; text-decoration: underline;}}
@media screen and (max-width:767.98px){.per-zag{font-size:16px;line-height:16px; text-decoration: underline;}}
.per-zag{margin-top:40px;margin-bottom:40px; text-decoration: underline;}
.block-zag{color:#999999;font-size:16px;line-height:36px;}
.block-krit{font-size:18px;line-height:18px;max-width: 260px;border:2px #54388f dashed; border-radius:50px; padding:12px 75px;margin-left:calc(50% - 130px);}
.tovar{color:#999999;font-size:24px;line-height:24px;}
.tovar-zag{color:#eb35a3;font-size:24px;line-height:24px;}
@media screen and (max-width:1200){.tovar, .tovar-zag{font-size:18px;line-height:18px;}}
@media screen and (max-width:767.98px){.tovar, .tovar-zag{font-size:16px;line-height:16px;}}
.ovca-btn-danger{font-size:24px;color: #fff;
background-color: #eb35a3;
border-color: #eb35a3; border-radius:50px;padding:10px 35px;}
.ovca-btn-danger:hover{background-color: #54388f;border-color: #54388f; color:#fff;}
.knopka{margin-top:50px;}
@media screen and (max-width:1200px){.knopka{margin-top:20px;} .ovca-btn-danger{font-size:18px;padding:10px 15px;}}
@media screen and (max-width:767.98px){.ovca-btn-danger{font-size:15px;padding:10px 15px;}}
.ovca .pb-3{padding-bottom:15px;}
.ovca .pt-3{padding-top:15px;}
.ovca .pb-5{padding-bottom:30px;}
.ovca .pt-5{padding-top:30px;}
.ovca .mt-5{margin-top:30px;}
.ovca a:hover {text-decoration: none;}
.ovca a{text-decoration: none;}
.bg1 img{max-width:400px;}
.bg2 img{max-width:400px;}
.ovca .right-str{max-width: 40px;}
.ovca .icon-snow, .ovca .icon-plot{max-width:100px;margin-right: 22px;}
.ovca .quadro{max-width: 26px;}
.ovca .romb{max-width: 180px;}
.ovca .puh{max-width: 120px;}
.ovca .odeyalo{max-width: 400px;margin-top: 80px;
margin-bottom: 20px;}
@media screen and (min-width:768px){.ovca .block2, .ovca .block3 .line, .ovca .block1 img{
padding-left: 20%;
padding-right: 20%;
}}
@media screen and (min-width:767.98px){.knopka {
margin-left: 50px;
}}
/*топпер*/
.topper {
font-family: "SansRoundedC",sans-serif;font-size:20px;line-height: 40px; color:#660099;
}
.color-gray{color:#999999;line-height:24px;}
.topper-bg1{background-image: url('/images/promo/topper-bg1.png');
background-repeat: no-repeat;background-size: cover;background-position: center;padding-top:50px;}
.topper-slogan{font-size:24px;line-height:28px; color:#ffffff; padding-bottom:30px;}
@media screen and (max-width:768px){.topper-slogan{font-size:20px;line-height:24px;}}
.topper-slogan-green{color:#00ff17;}
@media screen and (max-width:768px){.topper-slogan-green{font-size:20px;line-height:24px;}}
.topper-bg3{background-image: url('/images/promo/topper-bg-3.png');
background-repeat: no-repeat;background-size: cover;background-position: center;padding-top:20px;padding-bottom:40px;}
.topper-banner{width:100%;}
.topper-tovar1 ol{list-style: none;margin-left:15%;}
.topper-tovar2 ol{list-style: none; margin-right:15%;}
@media screen and (max-width:1101px){
.topper-tovar1 ol{margin-left:0;}
.topper-tovar2 ol{ margin-right:0;}
}
.topper-tovar2 ol li{background-image: url('/images/promo/topper-minus.png');background-repeat: no-repeat;background-position: left center; padding-left:65px;}
.topper .block4{margin-top:50px;}
.topper-tovar1 ol li{background-image: url('/images/promo/topper-galka.png');background-repeat: no-repeat;background-position: left center;padding-left:65px;}
.topper-tovar-zag{color:#00ff17; font-size:24px; line-height:24px;padding-top:30px;padding-bottom:24px;}
.topper li{font-size:18px;line-height:42px;color:#fff;}
.topper .zag-red{color:#ff0000;}
.topper .block-zag{color:#999999;font-size:20px;line-height:48px; }
.topper-tov-zag-gray{color:#999999; font-size:20px;line-height:24px;}
.topper-tov-zag-fiol{color:#660099; font-size:20px;line-height:24px;}
.topper .btn-primary{font-size:24px;color: #fff;
background-color: #7c10a0;
border-color: #7c10a0; border-radius:50px;padding:10px 35px;margin-top:40px;}
.topper .btn-primary:hover{background-color: #597eef;
border-color: #597eef;color:#fff;}
@media screen and (max-width:768px){ .topper .btn-primary{font-size:18px;padding:10px 15px;}}
.topper-block-krit{font-size:20px;line-height:22px;max-width: 200px;border:2px #7c10a0 dashed; border-radius:50px; padding:12px 40px;margin-left:calc(50% - 100px); margin-top:10px;margin-bottom:10px;}
.img-topper{width:100%;max-width:380px; }
.img-topper-banner{max-width:500px;width:100%;}
.img-topper-tovar1, .img-topper-tovar2{max-width:300px;}
.img-topper-quadro{max-width:32px;}
.img-topper-icon-matr{max-width:120px;}
.img-topper-ruka{max-width:130px;}
.img-topper-icon-height{max-width:110px;}
.topper a:hover {text-decoration: none;}
.topper a{text-decoration: none;}
.img-topper-tovar{max-width:400px;}
.topper .pt-30{padding-top:30px;}
.topper-block-razmeri{padding-left: 20%;}
@media screen and (min-width:768px){.topper-block-razmeri{
padding-right: 20%;}}
/*Услуги*/
.uslugi {
font-family: "SansRoundedC",sans-serif;font-size:18px;line-height:20px; color:#fff;
}
.uslugi-bg1{background-image: url('/images/promo/uslugi-bg1.jpg');
background-repeat: no-repeat;background-size: cover;background-position: center; padding-bottom:30px;}
.uzlugi-zag{font-size:36px;line-height:36px; color:#fff; padding-bottom:10px;padding-top:50px;}
.uzlugi-zag2{font-size:36px;line-height:36px; color:#fff; }
@media screen and (max-width:767.98px){.uzlugi-zag{font-size:18px;line-height:26px; padding-top:40px;}.uzlugi-zag2{font-size:18px;line-height:26px; }}
.uzlugi-yelow{color:#f7ca01;}
.uslugi-slogan{font-size:36px;line-height:36px; padding-top:40px;}
.uslugi-sitata{padding-bottom:20px;padding-top: 60px;}
.uslugi-sitata-avtor{}
@media screen and (max-width:767.98px){.uslugi-sitata{padding-bottom:20px;}.uslugi-slogan{ padding-top:30px;padding-bottom:30px;}}
.uslugi-alter1{color:#33106a; padding-top:80px;}
@media screen and (max-width:767.98px){ .uslugi-alter1{padding-top:16px;}}
.uslugi-img1{max-width:212px;}
.uslugi-img2{max-width:212px;}
.uslugi-block2{padding-top:24px; padding-bottom:50px;}
.uslugi-bg2{background-image: url('/images/promo/uslugi-bg2.jpg');
background-repeat: no-repeat;background-size: cover;background-position: center; padding-top:60px}
.uslugi-spec-zag{color:#ffff;font-size:36px;line-height:36px;}
.uslugi-btn-yel{font-size:20px;color: #da0057;
background-color: #ffcc00;box-shadow: 10px 10px 20px rgba(0,0,0,0.8);
border-color: #ffcc00; border-radius:40px;padding:15px 40px;margin-top:60px;}
.uslugi-btn-yel:hover{color: #ffcc00;
background-color: #da0057;
border-color: #da0057;}
@media screen and (max-width:1200px){.uslugi-btn-yel{font-size:20px;padding:20px 30px;}}
@media screen and (max-width:768px){.uslugi-btn-yel{font-size:18px;padding:14px 20px;}}
.uslugi-postavchik{width:100%;max-width:380px}
.uslugi-voprosi-bl1{font-size: 20px;line-height: 20px;padding-top: 60px;}
.uslugi-voprosi-bl2{font-size:20px;line-height:20px; padding-top:30px; color:#ffcc00;}
.uslugi-voprosi-bl3{font-size:18px;line-height:22px; padding-top:30px;}
.uslugi-voprosi-bl4{font-size:18px;line-height:22px; padding-top:14px;}
.uslugi .uslugi-per-center{ padding-left: 20%;}
@media screen and (min-width:768px){.uslugi .uslugi-per-center{ padding-right: 20%;
}}
.uslugi a:hover {text-decoration: none;}
.uslugi a{text-decoration: none;}
@media screen and (max-width:767.98px){ .uslugi-spec-zag{font-size:20px;line-height:24px;}}
.uslugi-footer-col{max-width: 320px;}
@media screen and (max-width:768px){.uslugi-per-center2{padding-left:0;}
.uslugi-voprosi-bl1{padding-left:15px;}
.uslugi-voprosi-bl2{padding-left:15px;}
.uslugi-voprosi-bl3{padding-left:15px;}
.uslugi-voprosi-bl4{padding-left:15px;padding-bottom:15px;}
}
/* NEW 21.08 */
.client_type_label {
font-weight: 700;
margin-right: 10px;
font-size: 16px;
}
.client_type_label i {
color: #17672d;
font-size: 22px;
margin: 0 10px;
}
@media (min-width:992px) and (max-width:1199px){
.head-menu .nav > li:first-child {
/*background: url(../images/head-menu.png) repeat-x 0 100% #ffffff;*/
padding-right: 0px;
}
.head-menu .nav > li:first-child a{
padding-left: 0;
padding-right: 20px;
/*background: url(../images/head-menu.svg) no-repeat 100% 0;*/
}
}
/*.header-container {
position: relative;
}
.header-container:after {
position: absolute;
background: #fff;
content: "";
display: block;
width: 100%;
right: 100%;
top: 0;
bottom: 10px;
}*/
.reset_caption {
font-weight: 700;
font-size: 15px;
}
.reset_caption span {
color: #266b39;
}
/* @dded */
/*
.header-container-left:before,
.header-container-left:after {
content: "";
display: block;
position: absolute;
border-top: 2px solid #17672d;
}
.header-container-left:before {
bottom: 0;
left: 0;
right: 50%;
}
.header-container-left:after {
top: 0;
left: 50%;
right: 0;
}
*/
.header-container-left .menunav {
margin-bottom: -2px;
/*background: #fff;*/
}
/*
.header-container-left .menunav > li {
border-top: 2px solid #17672d;
}
.header-container-left .menunav > li:first-child {
border-top: none;
border-bottom: 2px solid #17672d;
position: relative;
}
.header-container-left .menunav > li:first-child:before,
.header-container-left .menunav > li:first-child:after {
content: "";
display: block;
width: 25px;
position: absolute;
z-index: 2;
}
.header-container-left .menunav > li:first-child:before {
top: 50%;
bottom: -2px;
right: 23px;
border-right: 2px solid #17672d;
border-bottom: 2px solid #17672d;
border-radius: 0 0 23px 0;
}
.header-container-left .menunav > li:first-child:after {
top: 0;
bottom: 50%;
right: 0;
border-left: 2px solid #17672d;
border-top: 2px solid #17672d;
border-radius: 23px 0 0 0;
}
.header-container-left .menunav > li:first-child a:after {
content: "";
display: block;
width: 48px;
position: absolute;
top: -2px;
bottom: -2px;
right: 0;
background: #fff;
z-index: 1;
}
*/
.header-container-left .menunav > li > a span {
position: relative;
z-index: 2;
}
@media (max-width:1200px){
.header-container-left .menunav > li:first-child > a{
padding-right: 25px;
}
.header-container-left .menunav > li > a {
padding-left: 5px;
padding-right: 5px;
font-size: 13px;
}
}
@media (max-width: 992px){
.header-container-left:before{
right: 0;
}
}
@media (max-width: 768px){
.header-container-left:before{
display: none;
}
.header-container-left:after{
left: 0;
}
}
.product_video {
margin-bottom: 20px;
text-align: center;
width:65%;
margin-left:auto;
margin-right:auto;
}
/*Videoobzor*/
/* $ SLY*/
/**/
.item_videos_scrollbar {
margin: 0 0 1em 0;
height: 4px;
background: #D8E2ED;
line-height: 0;
cursor: pointer;
}
.item_videos_scrollbar .handle {
width: 100px;
height: 100%;
background: #D2A242;
cursor: pointer;
}
.item_videos_scrollbar .handle .mousearea {
position: absolute;
top: -12px;
left: 0;
width: 100%;
height: 25px;
}
.item_videos_pages {
list-style: none;
margin: 20px 0;
padding: 0;
text-align: center;
}
.item_videos_pages li {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 4px;
text-indent: -999px;
border-radius: 10px;
cursor: pointer;
overflow: hidden;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.item_videos_pages li:hover {
background: #aaa;
}
.item_videos_pages li.active {
background: #666;
}
/* # SLY*/
.videoobzor_page {}
.videoobzor_page .nav-tabs-block {
text-align: left;
margin-top: 0;
}
.videoobzor_page .nav-tabs {
position: relative;
z-index: 3;
margin: 0 0 -3px;
background: none;
box-shadow: 0 0 0 transparent;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.videoobzor_page .nav-tabs:before,
.videoobzor_page .nav-tabs:after {
display: none;
}
.videoobzor_page .nav-tabs > li.tab_header_0 {
width: 380px;
}
.videoobzor_page .nav-tabs > li {
width: 480px;
}
.videoobzor_page .nav-tabs > li > a:after {
content: "";
display: block;
height: 4px;
margin-top: 5px;
background: url(../images/wh-line-green.svg) no-repeat 50% 100%;
}
.videoobzor_page .nav-tabs > li.active.tab_header_0 > a {
box-shadow: inset 20px 0 20px -14px rgba(0,0,0,0.4), inset 0 20px 20px -14px rgba(0,0,0,0.4);
}
.videoobzor_page .nav-tabs > li.active > a {
background: #F7EDDA;
color: #1F7F24;
}
.videoobzor_page .nav-tabs > li.tab_header_0 > a {
background: #1F7F24;
color: #fff;
text-shadow: 2px 2px 3px rgba(0,0,0,0.3)
}
.videoobzor_page .nav-tabs > li.tab_header_0 > a:after {
background: url(../images/wh-line-yellow.svg) no-repeat 50% 100%;
}
.videoobzor_page .nav-tabs > li:last-child > a {
margin-right: 50px;
}
.videoobzor_page .nav-tabs > li.tab_header_1 > a {
padding: 25px 10px;
background: #F5EDD9;
}
.videoobzor_page .nav-tabs > li > a {
border: 3px solid #E5C5A2;
border-bottom: 0;
border-radius: 25px 25px 0 0;
padding: 25px 20px;
background: #fff;
color: #17672d;
line-height: 1;
transition: none;
font-family: 'PFSquareSansPro-Bold';
}
.videoobzor_page .tab-content {
position: relative;
}
.videoobzor_page .tab-content:before {
content: "";
width: 25px;
height: 25px;
background: #1F7F24;
border-left: 3px solid #E5C5A2;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.videoobzor_page #tab0 {
background: #1F7F24;
color: #fff;
box-shadow: inset 20px 0 20px -14px rgba(0,0,0,0.4);
}
.videoobzor_page #tab0 .fck-shadow {
display: block;
position: absolute;
left: 380px;
top: -20px;
right: 0;
height: 20px;
background: red;
border-radius: 0 60px 0 25px;
box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}
.videoobzor_page #tab0.active {
z-index: 2;
border-radius: 0 25px 25px 25px;
}
.videoobzor_page .tab-pane.active {
position: relative;
z-index: 4;
border-radius: 25px;
}
.videoobzor_page .tab-pane {
position: relative;
z-index: 2;
overflow: hidden;
background: #fefefe;
border: 3px solid #E5C5A2;
border-radius: 0 25px 25px 25px;
padding: 30px 100px;
}
.videoobzor_page .item_block {
margin-bottom: 150px;
position: relative;
}
/*.videoobzor_page .item_block:last-child {
margin-bottom: 0;
}*/
.videoobzor_page .item_block:before {
content: "";
position: absolute;
bottom: -80px;
left: 0;
right: 0;
background: url(../images/system/wh-line-pattern.png) repeat-x 50%;
background-size: contain;
display: block;
height: 13px;
}
.videoobzor_page .item_block .item_block_title {
font-family: 'PFSquareSansPro-Bold';
margin-bottom: 20px;
text-shadow: 2px 2px 3px rgba(0,0,0,0.3)
}
.videoobzor_page .item_block .item_videos {
overflow: hidden;
padding: 15px;
}
.videoobzor_page .item_block .item_slides {
height: 100%;
}
.videoobzor_page .item_block .item_video {
float: left;
width: 250px;
text-align: center;
cursor: pointer;
margin-bottom: 20px;
}
.videoobzor_page .item_block .item_video + .item_video {
margin-left: 40px;
}
.videoobzor_page .item_block .item_video .item_video_image {
margin-bottom: 20px;
}
.videoobzor_page .item_block .item_video .item_video_image a {
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
height: 150px;
box-shadow: 0 0 20px 4px #03c752
}
.videoobzor_page .item_block .item_video .item_video_image:hover a {
}
.videoobzor_page .item_block .item_video .item_video_title a {
color: #fff;
text-decoration: none;
font-family: 'PFSquareSansPro-Bold';
}
.videoobzor_page .item_videos_nav {}
.videoobzor_page .item_videos_nav .item_videos_prev,
.videoobzor_page .item_videos_nav .item_videos_next {
width: 43px;
height: 43px;
display: block;
position: absolute;
top: 50%;
margin-top: -20px;
z-index: 1;
cursor: pointer;
box-shadow: 0 0 4px 4px #00b74a;
border-radius: 100%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.videoobzor_page .item_videos_nav .item_videos_prev:hover,
.videoobzor_page .item_videos_nav .item_videos_next:hover {
box-shadow: 0 0 4px 1px #00a242;
}
.videoobzor_page .item_videos_nav .item_videos_prev {
left: -55px;
background: #17672d url(../images/system/video_arrow_prev.png) no-repeat 50%;
}
.videoobzor_page .item_videos_nav .item_videos_next {
background: #17672d url(../images/system/video_arrow_next.png) no-repeat 50%;
right: -55px;
}
.videoobzor_page .item_article_content {
font-size: 16px;
}
.videoobzor_page .item_article_content h2 {
color: #d7b56d;
font-family: 'PFSquareSansPro-Bold';
}
.videoobzor_page .obuchenie .text div {
font-family: 'PFSquareSansPro-Bold';
font-weight: 700;
}
#d-wrap a.videoobzor_menu_item {
padding-top: 5px;
padding-bottom: 5px;
}
#d-wrap a.videoobzor_menu_item img {
border-radius: 30px;
box-shadow: 0 10px 20px -10px #1f7f24;
}
#DOMWindow {
opacity: 0;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#DOMWindow.active {
opacity: 1;
}
#DOMWindow.reserve_window {
padding: 0 !important;
/*display: block !important;*/
width: 700px !important;
left: 50% !important;
margin-left: -350px !important;
top: 50% !important;
margin-top: -150px !important;
}
#DOMWindow.reserve_window .modal-dialog .modal-content .modal-body {
padding: 0;
}
#DOMWindow.reserve_window p {
margin: 0;
}
#DOMWindow.reserve_window a.closeDOMWindow {
display: none;
}
.cart_reserve_popup {
font-size: 14px;
/*max-width: 650px;*/
}
.cart_reserve_popup .cart_reserve_popup_title {
font-size: 21px;
padding: 10px 20px;
border-bottom: 1px solid #ccc;
background: #2e8949;
color: #fff;
}
.cart_reserve_popup .cart_reserve_row {
display: flex;
}
.cart_reserve_popup .cart_reserve_col {
flex: 1 0 50%;
position: relative;
padding-top: 15px;
padding-bottom: 65px;
background: #eaeaea;
}
.cart_reserve_popup .cart_reserve_col_reserve {
/*flex-basis: 55%;*/
border-left: 1px solid #ccc;
background: #fff;
}
.cart_reserve_popup .cart_reserve_subtitle {
font-size: 22px;
margin-bottom: 10px;
color: #222;
}
.cart_reserve_popup .cart_reserve_qty_input {
position: relative;
border: 1px solid #7d7d7d;
border-radius: 35px;
display: inline-block;
margin: 15px 0;
}
.cart_reserve_popup .cart_reserve_qty_input input[type=text] {
text-align: center;
background: none;
border: none;
padding: 10px 25px 9px;
font-weight: 700;
color: #585858;
font-size: 16px;
width: 140px;
}
.cart_reserve_popup .cart_reserve_qty_input .product_minus {
position: absolute;
left: 15px;
top: 0;
bottom: 0;
border: none;
background: url(../images/minus.png) no-repeat center;
}
.cart_reserve_popup .cart_reserve_qty_input .product_plus {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
border: none;
background: url(../images/plus.png) no-repeat center;
}
.cart_reserve_popup #cart_reserve_qty_min {
/*-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);*/
position: relative;
display: inline-block;
}
.cart_reserve_popup #cart_reserve_qty_min.focus {
/*-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);*/
}
.cart_reserve_popup #cart_reserve_qty_min:before,
.cart_reserve_popup #cart_reserve_qty_min:after {
opacity: 0;
content: "";
position: absolute;
left: 50%;
top: 50%;
display: block;
border-radius: 100%;
background: rgba(255,0,0,0.3);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.cart_reserve_popup #cart_reserve_qty_min:before {
margin-top: -10px;
margin-left: -10px;
width: 20px;
height: 20px;
}
.cart_reserve_popup #cart_reserve_qty_min:after {
margin-top: -35px;
margin-left: -35px;
width: 70px;
height: 70px;
}
.cart_reserve_popup #cart_reserve_qty_min.focus:before,
.cart_reserve_popup #cart_reserve_qty_min.focus:after {
opacity: 1;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.cart_reserve_popup #cart_reserve_qty_add,
.cart_reserve_popup #cart_reserve_qty_min,
.cart_reserve_popup .cart_reserve_qty {
font-weight: 700;
}
.cart_reserve_popup .cart_reserve_exists {
font-weight: 700;
font-size: 40px;
margin-top: 40px;
margin-bottom: 30px;
}
.cart_reserve_popup .btn.unactive {
color: #777 !important;
border-color: #ddd !important;
background: #ddd !important;
cursor: not-allowed;
}
.cart_reserve_popup .btn {
position: absolute !important;
bottom: 20px;
left: 50%;
margin-left: -40%;
width: 80%;
border-radius: 45px;
border-color: #2e8949;
background: #2e8949;
text-decoration: none;
}
.cart_reserve_popup .btn:hover,
.cart_reserve_popup .btn:active {
background: #17672d;
}
@media (max-width: 768px){
#DOMWindow.reserve_window {
width: 80% !important;
margin-left: -40% !important;
top: 10% !important;
margin-top: 0 !important;
}
.cart_reserve_popup .cart_reserve_row {
flex-wrap: wrap;
}
.cart_reserve_popup .cart_reserve_col {
flex-basis: 100%;
}
.cart_reserve_popup .cart_reserve_col + .cart_reserve_col {
margin-top: 20px;
}
}
.strong {
font-weight: bold;
}
.product_not_available {
margin: 30px 0;
font-size: 16px;
color: #777;
}
.product_not_available p {
margin-bottom: 25px;
}
.product_not_available a {
font-weight: 700;
text-decoration: none;
}
.list_contents {
border-width: 5px;
display: table;
padding: 30px 0px;
}
@media (max-width: 767px){
#DOMWindow.empty_store_window{
width: 320px !important;
}
.closeDOMWindow:after {
width: 50%;
}
.cart_reserve_popup .cart_reserve_popup_title {
font-size: 14px !important;
line-height:100%;
}
.cart_reserve_popup .cart_reserve_exists {
font-size:30px !important;
margin:0 !important;
}
.cart_reserve_popup .cart_reserve_col_reserve{
margin-top:0 !important;
padding-top:0 !important;
}
}
@media (min-width: 768px){
#DOMWindow.empty_store_window{
width: 700px !important;
}
.closeDOMWindow:after {
width: 50%;
}
}
@media (min-width: 992px){
}
#DOMWindow.empty_store_window {
padding: 0 !important;
/*display: block !important;*/
left: 50% !important;
top: 50% !important;
transform: translateX(-50%) translateY(-50%);
margin:0 !important;
}
#DOMWindow.empty_store_window .modal-dialog .modal-content .modal-body {
/*padding: 0;*/
}
#DOMWindow.empty_store_window p {
margin: 0;
}
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.social a {
float: right;
box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
border-radius: 24px;
margin: 0 10px 10px 0;
padding: 6px;
color: #000;
}
.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a:hover {background: #00acee; color: #fff;}
.instagram a:hover {background: #3f729b; color: #fff;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #5d84ae; color: #fff;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}
/*/templates/renome/css/template_1.css?ver=8*/
img {
max-width: 100%;
}
/*** GRID ***/
.d-grid {
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 4.75%;
padding-right: 4.75%;
max-width: 1800px;
}
/* .moduletable-transport{
max-width: 1800px;
margin:0 auto;
} */
#o-kompanii .d-grid , #usloviya-prodazhi .d-grid, #dostavka .d-grid, #contact .d-grid, #dogovor-oferta .d-grid{
padding-left: 0%;
padding-right: 0%;
}
#o-kompanii .d-grid .item-page , #usloviya-prodazhi .d-grid .item-page, #dostavka .d-grid .item-page, #contact .d-grid .item-page, #dogovor-oferta .d-grid .item-page{
padding: 0px;
background: #9acd3200;
}
#d-footer .d-grid {
padding-left: 4.75%;
padding-right: 4.75%;
}
a {
text-decoration: underline;
}
a.d-lnk-txt, .d-lnk-txt a {
border-color: inherit;
color: inherit;
}
a.d-lnk-js {
border-bottom: 1px dashed;
}
a.d-lnk-js, .d-lnk-js:hover, a.d-lnk-js:hover, a.d-lnk-tdn, .d-lnk-tdn a {
text-decoration: none;
}
a.d-lnk-js:hover {
border-bottom-color: transparent;
}
ul {
list-style: none;
}
nav ol, nav ul, nav li.cat, fieldset ol, fieldset ul, fieldset li, .d-plain, .d-plain li, .d-plain dd, input.d-plain, button.d-plain, textarea.d-plain {
margin: 0;
padding: 0;
background: none;
border: 0;
list-style: none;
}
nav li:before, fieldset li:before, .d-plain li:before {
display: none;
}
.d-bsbb, .d-grid, .d-col, .d-wrapper, .btn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.d-wrapper {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.d-table {
display: table;
table-layout: fixed;
}
.d-table__row {
display: table-row;
}
.d-table__cell {
display: table-cell;
vertical-align: middle;
}
.d-cb:after, .d-grid:after, .d-row:after {
clear: both;
display: block;
height: 0;
content: '.';
visibility: hidden;
}
.d-clear {
clear: both;
}
.d-ht {
display: block;
text-align: left;
text-indent: -999em;
overflow: hidden;
}
.d-db {
display: block;
}
.d-ib, .btn {
display: inline-block;
vertical-align: middle;
}
.d-ha:after, .d-hb:before {
display: block;
height: 0;
content: '.';
text-align: left;
text-indent: -999em;
overflow: hidden;
}
.d-fn {
float: none;
}
.d-fl {
float: left;
}
.d-fr {
float: right;
}
.d-pr {
position: relative;
}
.d-tac {
text-align: center;
}
.d-tal {
text-align: left;
}
.d-tar {
text-align: right;
}
.d-taj {
text-align: justify;
}
.d-ttu {
text-transform: uppercase;
}
.d-lhn {
line-height: normal;
}
.d-vat {
vertical-align: top;
}
.d-vam {
vertical-align: middle;
}
.d-vab {
vertical-align: bottom;
}
.d-wsnw {
white-space: nowrap;
}
.d-hidden, .d-hide-pc {
display: none;
}
/* table */
/* nav */
.nav_aside {
position: absolute;
top: 90px;
bottom: 0;
left: 0;
right: 0;
}
.nav_aside__main {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
}
.nav_aside__main li {
}
.nav_aside__main a {
display: table;
table-layout: fixed;
width: 100%;
height: 50px;
}
.nav_aside__main a figure {
display: table-cell;
vertical-align: middle;
padding: 0;
width: 40px;
position: relative;
left: 15px;
}
.nav_aside__main a figure:before, .nav_aside__catalog a figure:before {
display: block;
width: 40px;
height: 40px;
background: url("../icons/1_prezentation_w.svg") no-repeat;
content: '';
}
.nav_aside__main a span {
display: table-cell;
vertical-align: middle;
padding-left: 35px;
line-height:100%;
padding-right: 10px;
}
.nav_aside__main a:hover, .nav_aside__main li.active a, .nav_aside__main li.is-hover a {
background: #17672d;
color:#ffffff;
}
.nav_aside__main a.current {
background: #d22625;
color: #fff;
}
a figure.nav_aside__ico_0:before {
background-position: 100% 0;
}
a figure.nav_aside__ico_1:before {
background: url("../icons/3_bedbel.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_1:before, li.active figure.nav_aside__ico_1:before {
background: url("../icons/3_bedbel_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_2:before {
background: url("../icons/4_odeyal.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_2:before, li.active figure.nav_aside__ico_2:before {
background: url("../icons/4_odeyal_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_3:before {
background: url("../icons/5_podush.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_3:before, li.active figure.nav_aside__ico_3:before {
background: url("../icons/5_podush_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_4:before {
background: url("../icons/14_polotenca.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_4:before, li.active figure.nav_aside__ico_4:before {
background: url("../icons/14_polotenca_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_5:before {
background: url("../icons/15_naboripolotenec.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_5:before, li.active figure.nav_aside__ico_5:before {
background: url("../icons/15_naboripolotenec_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_6:before {
background: url("../icons/17_pokrivala_na_krovat.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_6:before, li.active figure.nav_aside__ico_6:before {
background: url("../icons/17_pokrivala_na_krovat_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_7:before {
background: url("../icons/7_pledi.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_7:before, li.active figure.nav_aside__ico_7:before {
background: url("../icons/7_pledi_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_8:before {
background: url("../icons/18_komplekti_na_mebel.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_8:before, li.active figure.nav_aside__ico_8:before {
background: url("../icons/18_komplekti_na_mebel_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_9:before {
background: url("../icons/3_bedbel.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_9:before, li.active figure.nav_aside__ico_9:before {
background: url("../icons/3_bedbel_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_10:before {
background: url("../icons/6_namatras.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_10:before, li.active figure.nav_aside__ico_10:before {
background: url("../icons/6_namatras_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_11:before {
background: url("../icons/9_prostini.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_11:before, li.active figure.nav_aside__ico_11:before {
background: url("../icons/9_prostini_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_12:before {
background: url("../icons/10_pododeyal.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_12:before, li.active figure.nav_aside__ico_12:before {
background: url("../icons/10_pododeyal_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_13:before {
background: url("../icons/12_navoloch_i_napreniki.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_13:before, li.active figure.nav_aside__ico_13:before {
background: url("../icons/12_navoloch_i_napreniki_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_14:before {
background: url("../icons/22_tkani_optom.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_14:before, li.active figure.nav_aside__ico_14:before {
background: url("../icons/22_tkani_optom_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_15:before {
background: url("../icons/3_bedbel.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_960:before {
background: url("../icons/29_likvidacia.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_960:before {
background: url("../icons/29_likvidacia_w.svg") 0 0 no-repeat !important;
}
a:hover figure.nav_aside__ico_960:before, li.active figure.nav_aside__ico_960:before {
/*background: url("../icons/8_matras_w.svg") 0 0 no-repeat;*/
}
a figure.nav_aside__ico_16:before {
background: url("../icons/21_trikotaj.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_16:before, li.active figure.nav_aside__ico_16:before {
background: url("../icons/21_trikotaj_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_17:before {
background: url("../icons/24_sauna.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_17:before, li.active figure.nav_aside__ico_17:before {
background: url("../icons/24_sauna_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_18:before {
background: url("../icons/25_platki.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_18:before, li.active figure.nav_aside__ico_18:before {
background: url("../icons/25_platki_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_19:before {
background: url("../icons/26_skatrti.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_19:before, li.active figure.nav_aside__ico_19:before {
background: url("../icons/26_skatrti_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_20:before {
background: url("../icons/28_dlya_kuhni.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_20:before, li.active figure.nav_aside__ico_20:before {
background: url("../icons/28_dlya_kuhni_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_21:before {
background: url("../icons/20_predmeti_interera.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_21:before, li.active figure.nav_aside__ico_21:before {
background: url("../icons/20_predmeti_interera_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_22:before {
background: url("../icons/19_chehli_na_mebel.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_22:before, li.active figure.nav_aside__ico_22:before {
background: url("../icons/19_chehli_na_mebel_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_23:before {
background: url("../icons/27_kovriki.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_23:before, li.active figure.nav_aside__ico_23:before {
background: url("../icons/27_kovriki_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_24:before {
background: url("../icons/3_bedbel.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_25:before {
background: url("../icons/23_toys.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_25:before, li.active figure.nav_aside__ico_25:before {
background: url("../icons/23_toys_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_26:before {
background: url("../icons/13_hotel.svg") 0 0 no-repeat;
}
/*
a:hover figure.nav_aside__ico_26:before {
background: url("../icons/13_hotel_w.svg") 0 0 no-repeat;
}
*/
a figure.nav_aside__ico_27:before {
background: url("../icons/3_bedbel.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_28:before {
background: url("../icons/3_bedbel.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_155:before {
background: url("../icons/Frame29.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_155:before, li.active figure.nav_aside__ico_155:before {
background: url("../icons/Frame29_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_916:before {
background: url("../icons/28_podarki.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_916:before, li.active figure.nav_aside__ico_949:before {
background: url("../icons/28_podarki_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_949:before {
background: url("../icons/28_podarki.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_949:before, li.active figure.nav_aside__ico_949:before {
background: url("../icons/28_podarki_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_983:before {
background: url("../icons/16_lyen.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_983:before, li.active figure.nav_aside__ico_983:before {
background: url("../icons/16_lyen_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_-1:before {
background: url("../icons/2_new.svg") no-repeat;
}
a:hover figure.nav_aside__ico_-1:before, li.active figure.nav_aside__ico_-1:before {
background: url("../icons/2_new_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_15865:before {
background: url("../icons/11_konstructor_kpb.svg") 0 0 no-repeat;
}
a:hover figure.nav_aside__ico_15865:before, li.active figure.nav_aside__ico_15865:before {
background: url("../icons/11_konstructor_kpb_w.svg") 0 0 no-repeat;
}
a figure.nav_aside__ico_45257:before {
background: url("../icons/giftbox-icon.svg") 0 0 no-repeat;
width: 34px;
height: 34px;
}
a:hover figure.nav_aside__ico_45257:before, li.active figure.nav_aside__ico_45257:before {
background: url("../icons/giftbox-icon_w.svg") 0 0 no-repeat;
width: 34px;
height: 34px;
}
.nav_aside__pages {
padding: 10px 0;
border: solid #f2f2f2;
border-width: 1px 0;
}
.nav_aside__pages li {
border: 0;
}
.nav_aside__pages a {
height: 40px;
}
.nav_aside__simple {
padding: 10px 15px;
}
.nav_aside__simple li {
border: 0;
}
.nav_aside__simple a {
display: inline;
height: auto;
}
.nav_aside__simple a:hover, .nav_aside__simple a.current {
background: none;
color: #d22625;
}
.nav_aside__sub {
position: absolute;
top: -30px;
left: 100%;
height: 100%;
margin-left: -1px;
padding: 3em 70px;
/* background: #fff; */
background: url(../images/background.webp) repeat top center;
min-height: 100%;
max-height: -webkit-calc(100vh - 90px);
max-height: -moz-calc(100vh - 90px);
max-height: calc(100vh - 90px);
overflow: auto;
white-space: nowrap;
border-radius: 5px 0px 5px 0px;
opacity: 0;
visibility: hidden;
box-shadow: 0 10px 50px rgba(112,112,112,0.3);
}
.nav_aside__sub h3 {text-align: center;}
#comjshop.jshop.productfull {
overflow: hidden;
background: #fff;
padding: 30px;
box-shadow: 0 0 5px rgba(112,112,112,0.3);
}
.nav_aside__sub .h3 {
margin-bottom: 10px;
text-align: center;
}
.nav_aside__sub__col {
display: inline-block;
vertical-align: top;
width: 230px;
white-space: normal;
}
.nav_aside__sub__col + .nav_aside__sub__col {
margin-left: 30px;
}
.nav_aside__sub__col__title {
display: block;
margin-bottom: 1.5em;
padding: .75em 15px;
background: #d22625;
color: #fff;
text-decoration: none;
}
.nav_aside__sub__col ul {
margin-left: 35px;
font-size: .875em;
line-height: 1.143;
}
.nav_aside__sub__col li {
margin-top: .5em;
margin-left: 20px;
}
.nav_aside__sub__col li:before {
display: block;
margin-top: .45em;
width: 4px;
height: 4px;
background: #de051a;
}
.nav_aside__sub.is-visible {
opacity: 1;
visibility: visible;
}
.nav_aside__toggle {
position: absolute;
top: 75px;
left: 0;
right: 0;
padding: 11px 0;
line-height: 18px;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
}
.nav_aside__toggle .fa {
float: left;
width: 64px;
font-size: 18px;
text-align: left;
padding: 0 0 0 19px;
}
.nav_footer_tree {
margin-bottom: 2.5em;
margin-right: 20px;
text-align: justify;
}
.nav_footer_tree:after {
display: inline-block;
width: 100%;
content: '';
}
.nav_footer_tree ul {
display: inline-block;
vertical-align: top;
padding-right: 10px;
text-align: left;
}
.nav_footer_tree li {
margin-bottom: .5em;
}
.nav_footer_tree .h3 {
margin-bottom: 1.5em;
}
.nav_footer_pages {
margin-bottom: 5em;
}
.nav_footer_pages li {
display: inline;
margin-right: 1em;
}
.nav_footer_links li {
display: inline;
margin-right: 30px;
}
.nav_socials {
margin: 1.25em -10px;
}
.nav_socials ul {
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 10px;
width: 100%;
}
.nav_socials li {
display: table-cell;
}
.nav_socials a {
display: block;
margin: 0 auto;
max-width: 40px;
border: 1px solid;
color: #959595;
}
.nav_socials i {
display: block;
position: relative;
padding-bottom: 100%;
}
.nav_socials i:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -.5em;
text-align: center;
}
.nav_socials a:hover {
background-color: #d22625;
color: #d22625;
}
.nav_socials a:hover i:before {
color: #fff;
}
.auth-socials {
margin-top: 1.5em;
padding-top: 1.5em;
border-top: 1px solid #959595;
text-align: center;
}
.auth-socials .nav_socials {
margin: .5em -10px 0;
}
.nav_breadcrumbs {
margin-bottom: 2em;
font-size: 12px;
}
.nav_breadcrumbs li {
display: inline-block;
}
.nav_breadcrumbs li:after {
content: '>';
}
.nav_breadcrumbs li:last-child:after {
content: '';
}
.nav_presets {
position: relative;
margin: 2em 0;
font-size: 14px;
}
.nav_presets li {
display: inline-block;
margin: 0 16px .25em 0;
}
.nav_presets li.is-hidden {
display: none;
}
.nav_presets a.current {
color: #086230;
}
.nav_presets.is-opened li.is-hidden {
display: inline-block;
}
.nav_pager {
margin-bottom: 3.5em;
text-align: center;
}
.nav_pager li {
display: inline-block;
vertical-align: middle;
padding: .25em;
}
.nav_pager .fa {
margin: 0 .5em;
padding: .5em;
background: #959595;
border-radius: 100%;
color: #fff;
}
.nav_pager a .fa {
background: #086230;
}
.nav_pager span {
color: #086230;
}
.nav_locations .d-col {
padding-top: 1em;
padding-bottom: 1em;
}
.nav_locations .h3 {
color: #424242;
}
.nav_main {
position: relative;
height: 4em;
background: #fbfbfb;
font-size: 14px;
line-height: 1;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
}
.nav_main ul {
padding: 1.5em 5px 0;
height: 6em;
overflow: auto;
}
.nav_main li {
display: inline;
padding: 0 1.5%;
}
.nav_main a.current {
color: #086230;
}
.nav_inner {
margin: 0 -15px -4px;
height: 2.5em;
font-weight: 800;
line-height: 1;
white-space: nowrap;
overflow: hidden;
}
.nav_inner ul {
padding: 0 5px;
height: 4em;
overflow: auto;
}
.nav_inner li {
display: inline-block;
padding: 0 10px;
}
.nav_inner a {
display: block;
padding-bottom: 1em;
border-bottom: 4px solid transparent;
}
.nav_inner a.current {
border-color: #136329;
color: #424242;
}
.nav_tabs {
margin-bottom: 1em;
font-weight: 600;
font-size: .875em;
text-transform: uppercase;
}
.nav_tabs li {
display: inline-block;
margin: 0 1.25em .75em 0;
cursor: pointer;
}
.nav_tabs li.current {
color: #d22625;
}
/* figure */
figure.is-bgd {
display: block;
position: relative;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
figure.is-bgd img {
display: none;
}
figure.is-contain {
display: block;
position: relative;
overflow: hidden;
}
figure.is-contain img {
position: absolute;
top: 50%;
left: 50%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* color */
.clr_common {
color: #424242;
}
.clr_gray {
color: #959595;
}
.clr_green {
color: #086230;
}
.clr_red {
color: #d22625;
}
.clr_white {
color: #fff;
}
/* bgd */
.bgd_light {
background: #fcfcfc;
}
.bgd_white {
background: #fff;
}
/* transition */
.page-wrap a, .page-wrap button, .page-wrap input, .page-wrap select, .page-wrap textarea, #colorbox a, #colorbox button, #colorbox input, #colorbox select, #colorbox textarea, .trans, .trans_hb:before, .trans_ha:after, .btn {
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.page-wrap .notrans, #colorbox .notrans, .notrans_hb:before, .notrans_ha:after {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.cbtrans {
-webkit-transition: all 1s cubic-bezier(.215, .61, .355, 1);
-moz-transition: all 1s cubic-bezier(.215, .61, .355, 1);
-o-transition: all 1s cubic-bezier(.215, .61, .355, 1);
transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.custom-scroll ::-webkit-scrollbar {
width: 6px;
height: 0;
border-radius: 2px;
}
.custom-scroll ::-webkit-scrollbar-track {
background: none;
border-radius: 2px
}
.custom-scroll ::-webkit-scrollbar-thumb {
background: #dedede;
border-radius: 2px;
}
.fa-rub {
font-size: .95em;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.9);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.9);
}
50% {
-moz-transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.9);
}
50% {
-o-transform: scale(1.1);
}
100% {
-o-transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
25% {
transform: scale(.9);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes wave {
0% {
border-width: 0;
opacity: 1;
}
100% {
border-width: 2em;
opacity: 0;
}
}
@-moz-keyframes wave {
0% {
border-width: 0;
opacity: 1;
}
100% {
border-width: 2em;
opacity: 0;
}
}
@-o-keyframes wave {
0% {
border-width: 0;
opacity: 1;
}
100% {
border-width: 2em;
opacity: 0;
}
}
@keyframes wave {
0% {
border-width: 0;
opacity: 1;
}
100% {
border-width: 2em;
opacity: 0;
}
}
/*** STYLES ***/
html, body {
min-width: 1200px;
/* min-height: 100%;
height: 100%;
*/
min-height: 100%;
}
body {
position: relative;
-webkit-text-size-adjust: 100%;
}
#d-wrap {
position: relative;
z-index: 1;
width: 100%;
min-height: 100%;
}
#d-header {
position: relative;
z-index: 333;
margin-bottom: 20px;
padding-left: 230px;
height: 92px;
background: #ffffff;
border-bottom:1px solid #cccccc;
box-shadow: 0 0px 10px rgba(0, 0, 0, .30);
top: 0;
}
#d-aside {
position: fixed;
z-index: 360;
top: 0;
bottom: 0;
left: 0;
width: 230px;
background: #fff;
box-shadow: 0 13px 80px rgba(0, 0, 0, .50);
}
#d-aside__overlay {
opacity: 0;
visibility: hidden;
}
.d-aside__logo {
display: block;
padding: 22px 15px;
}
#d-header, #d-content, #d-footer {
padding-left: 230px;
}
#d-footer {
position: relative;
margin-top: 4em;
padding-top: 30px;
padding-bottom: 0px;
min-height: 184px;
color: #fff;
}
.d-footer__phone {
margin-bottom: 1em;
font-weight: 700;
}
.d-footer__phone .fa {
margin-right: 10px;
font-size: .75em;
color: #de051a;
}
.d-footer__text {
margin-top: 2em;
}
#d-footer .form_search input {
padding-right: 60px;
}
#d-footer .form_search button {
width: 50px;
}
.d-scrolltop {
position: fixed;
z-index: 330;
bottom: 0;
right: 0;
margin: 40px 10px;
padding: .5em;
width: 1em;
background: #086230;
font-size: 16px;
color: #fff;
text-align: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
border-radius: 100%;
}
#d-content .form_search-page {
margin: 0 auto 3em;
max-width: 1000px;
}
#d-content .form_search-page input {
color: inherit;
}
#d-content .form_search-page input:focus::-webkit-input-placeholder {
color: transparent;
}
#d-content .form_search-page input:focus:-moz-placeholder {
color: transparent;
}
#d-content .form_search-page input:focus::-moz-placeholder {
color: transparent;
}
#d-content .form_search-page input:focus:-ms-input-placeholder {
color: transparent;
}
/*** MEDIA QUERIES ***/
@media (max-width: 1600px) {
body, .d-row_ib > * {
font-size: 14px;
}
.d-hide_xl {
display: none !important;
}
.d-show_xl {
display: block !important;
}
}
@media (max-width: 1279px) {
html, body {
min-width: 990px;
}
.d-hide_lg {
display: none !important;
}
.d-show_lg {
display: block !important;
}
.d-fn_lg {
float: none;
}
.d-fl_lg {
float: left;
}
.d-fr_lg {
float: right;
}
.d-tac_lg {
text-align: center;
}
.d-tal_lg {
text-align: left;
}
.d-tar_lg {
text-align: right;
}
.d-grid {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
.is-fixed-layout .d-grid {
width: 960px;
}
.nav_aside a figure {
padding: 0;
left: 10px;
}
.nav_aside__main a span{
padding-left: 18px;
/*display: none;*/
}
[class*=is-nav-aside-opened] .nav_aside__main a span {display: table-cell;}
.nav_aside__simple a i {
display: block;
font-size: 1.5em;
text-align: center;
}
.nav_aside__simple a span {
display: none;
}
.d-header__qnav a {
margin-right: 10px;
}
#d-aside {
width: 64px;
}
.d-aside__logo {
padding: 0;
height: 90px;
background: url("../images/logo-small.svg") 9px 50% no-repeat;
background-size: 46px;
}
.d-aside__logo img {
display: none;
}
#d-header, #d-content, #d-footer {
padding-left: 64px;
}
.nav_aside {
top: 120px;
}
.nav_aside__sub {
padding: 2em 40px;
}
.is-nav-aside-opened #d-aside, .is-nav-aside-opened-xs #d-aside {
width: 230px;
}
.is-nav-aside-opened .nav_aside__toggle .fa:before {
content: '\f00d';
}
}
@media (min-width: 768px) and (max-width: 992px) { #d-wrap {
padding-top: 190px !important;
}}
@media (max-width: 1023px) {
html, body {
min-width: 320px;
}
.d-hide_md {
display: none !important;
}
.d-show_md {
display: block !important;
}
.d-fn_md {
float: none;
}
.d-fl_md {
float: left;
}
.d-fr_md {
float: right;
}
.d-tac_md {
text-align: center;
}
.d-tal_md {
text-align: left;
}
.d-tar_md {
text-align: right;
}
.is-fixed-layout .d-grid {
width: 700px;
}
.h0 {
font-size: 3.43em;
}
#d-wrap {
padding-top: 140px;
}
#d-header, #d-content, #d-footer {
padding-left: 0;
margin-top: 0 !important;
}
#d-header {
/*position: absolute;*/
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
/* background: #3d3d3d;
color: #959595; */
height: auto;
}
.d-header__logo {
display: block;
float: left;
margin-top: 14px;
width: 44px;
height: 42px;
}
.nav_aside__xstoggle {
display: block;
position: absolute;
top: 15px;
right: 0;
padding: 0 13px 13px;
font-size: 35px !important;
color: #2c7540;
cursor: pointer;
}
.nav_aside__xstoggle:after {
position: absolute;
bottom: 50%;
left: -100px;
right: 0;
font-weight: 700;
font-size: 14px;
font-family: "Open Sans", sans-serif;
content: 'Меню';
text-align: center;
text-transform: uppercase;
color: #000;
}
#d-aside {
left: 0;
right: auto;
width: 230px;
/*margin-right: -300px;*/
margin-left: -300px;
}
.d-aside__logo {
display: none;
}
.nav_aside__toggle {
display: none !important;
}
.nav_aside__city a {
display: table;
table-layout: fixed;
width: 100%;
height: 49px;
border-top: 1px solid #f2f2f2;
}
.nav_aside__city a span {
display: table-cell;
vertical-align: middle;
padding: 0 20px;
}
.nav_aside__city a .fa {
margin-right: 4px;
}
.nav_aside {
z-index: 13;
top: 0;
overflow: auto;
}
.nav_aside__main {
position: static;
}
.nav_aside__sub {
display: none;
}
.nav_aside__simple a i {
display: none;
}
.nav_aside__simple a span {
display: block;
}
.nav_aside__xstoggle_aside {
display: block;
position: absolute;
z-index: 99;
top: 0;
left: 100%;
width: 40px;
height: 40px;
padding: 0;
font-size: 24px;
line-height: 40px;
background: #086230;
color: #fff;
text-align: center;
cursor: pointer;
}
#d-footer .d-col {
position: static;
}
#d-footer .form_search {
display: none;
}
#d-footer .nav_socials {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 5px 10px;
}
.nav_footer_links li {
display: block;
margin-bottom: .75em;
}
.d-footer__text {
font-size: 12px;
}
.ld-search-widget__body {
-webkit-calc(35 % + 4 em);
padding-bottom: -moz-calc(35% + 4em);
padding-bottom: calc(35% + 4em);
}
.nav_main {
height: 40px;
font-size: 13px;
box-shadow: inset 0 1.5em 2em -1.5em rgba(0, 0, 0, .5), 0 .25em .5em rgba(0, 0, 0, .05);
}
.nav_main ul {
padding-top: 1em;
height: 60px;
}
.nav_main li {
padding: 0 10px;
}
html.is-nav-aside-opened-xs #d-aside {
margin-left: 0;
}
html.is-nav-aside-opened-xs #d-aside__overlay {
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
left: -999em;
right: 100%;
background: #3d3d3d;
opacity: .75;
visibility: visible;
}
html.is-nav-aside-opened-xs .d-scrolltop {
opacity: 0;
visibility: hidden;
}
html.is-header-fixed-xs .d-header__phones {
position: fixed;
margin-top: 0;
}
html.page_blog.is-header-fixed-xs .nav_main {
position: fixed;
z-index: 555;
margin-top: 0;
}
html.is-nav-presets-opened {
overflow: hidden;
}
html.is-nav-presets-opened .presets_top .nav_presets {
display: block;
position: fixed;
z-index: 555;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .8);
}
html.is-nav-presets-opened .nav_presets__hide {
display: block;
}
html.is-nav-presets-opened .d-scrolltop {
opacity: 0;
visibility: hidden;
}
.order-basket tr.ld-dealer-order__items__composition tr {
padding-left: 30px;
}
}
@media (max-width: 767px) {
.d-hide_sm {
display: none !important;
}
.d-show_sm {
display: block !important;
}
.d-fn_sm {
float: none;
}
.d-fl_sm {
float: left;
}
.d-fr_sm {
float: right;
}
.d-tac_sm {
text-align: center;
}
.d-tal_sm {
text-align: left;
}
.d-tar_sm {
text-align: right;
}
.is-fixed-layout .d-grid {
width: 600px;
}
}
@media (max-width: 639px) {
.d-hide_xs {
display: none !important;
}
.d-show_xs {
display: block !important;
}
.d-fn_xs {
float: none;
}
.d-fl_xs {
float: left;
}
.d-fr_xs {
float: right;
}
.d-tac_xs {
text-align: center;
}
.d-tal_xs {
text-align: left;
}
.d-tar_xs {
text-align: right;
}
.is-fixed-layout .d-grid {
width: 100%;
}
.catalog-detail__header__meta .box_rating, .catalog-detail__header__meta .d-ib {
width: 50%;
margin: 0 -.25em .5em 0;
text-align: left;
}
.catalog-detail__header__meta .d-fr {
display: inline-block;
float: none;
margin: 1em 0 0;
}
.catalog-modules__item {
margin-bottom: 15px;
}
.catalog-modules__item__title {
-webkit-line-clamp: 999;
height: auto;
}
.catalog-modules__item .catalog-item__sizes {
height: auto;
}
.order-params input {
width: 100%;
}
.form_personal fieldset {
margin-bottom: 2em;
padding: 15px;
}
}
@media (max-width: 567px) {
.box_subscribe h3 {
font-size: 1.25em;
line-height: 1.25;
}
.box_subscribe h3 .h3 {
line-height: inherit;
}
.form_subscribe {
padding-right: 0;
}
.form_subscribe input[type="submit"] {
position: static;
margin-top: 15px;
width: 100%;
}
.testimonials__buttons .btn {
margin-top: 1.5em;
}
.ld-search-widget__body {
-webkit-calc(100 % + 4 em);
padding-bottom: -moz-calc(100% + 4em);
padding-bottom: calc(100% + 4em);
}
.ld-search-widget__slider h3 {
font-size: 1em;}
}
/*--КаруÑелька в карточке товара--*/
/** Navigation container **/
.navigation_div .navigation {
/*width: 260px;*/
margin: 20px auto;
position: relative;
}
/** Shared carousel styles **/
.navigation_div .carousel {
overflow: hidden;
position: relative;
width: 100%;
}
.navigation_div .carousel ul {
width: 10000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.navigation_div .carousel li {
float: left;
}
/** Navigation carousel specific styles **/
.navigation_div .carousel-navigation {
height: 140px;
width: 420px;
background: #fff;
border: 10px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.navigation_div .carousel-navigation li {
cursor: pointer;
}
.navigation_div .carousel-navigation li a {
display: block;
width: 100px;
width: 100px;
}
.navigation_div .carousel-navigation li img {
display: block;
border: 5px solid #fff;
}
.navigation_div .carousel-navigation li a.current img {
display: block;
border: 5px solid #ff0000;
}
.navigation_div .carousel-navigation li.active img {
border-color: #ccc;
}
/** Stage carousel controls **/
.navigation_div .prev-stage,
.navigation_div .next-stage {
display: block;
position: absolute;
top: 0;
width: 305px;
height: 410px;
color: #fff;
}
.navigation_div .prev-stage {
left: 0;
}
.navigation_div .next-stage {
right: 0;
}
.navigation_div .prev-stage.inactive,
.navigation_div .next-stage.inactive {
display: none;
}
.navigation_div .prev-stage span,
.navigation_div .next-stage span {
display: none;
position: absolute;
top: 50%;
width: 30px;
height: 30px;
text-align: center;
background: #4E443C;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.navigation_div .prev-stage span {
left: 20px;
}
.navigation_div .next-stage span {
right: 20px;
}
.navigation_div .prev-stage:hover span,
.navigation_div .next-stage:hover span {
display: block;
}
/** Navigation carousel controls **/
.navigation_div .prev-navigation,
.navigation_div .next-navigation {
display: block;
position: absolute;
width: 30px;
height: 30px;
background: #4E443C;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 16px/29px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.navigation_div .prev-navigation {
left: -15px;
top: 22px;
text-indent: 6px;
}
.navigation_div .next-navigation {
right: -15px;
top: 22px;
text-indent: 20px;
}
#glavnaya .tabs-container .tab-content .owl-stage{
display: flex;
flex-flow: row wrap;
}
.navigation_div .prev-navigation.inactive,
.navigation_div .next-navigation.inactive {
opacity: .5;
cursor: default;
}
.label_products .loop.owl-carousel .owl-item {
margin-bottom: 30px;
}
.jshop_list_product .loop.owl-carousel .owl-item .block_item.block_product{
}
/*.oiproduct,
.price-block-label{
position:absolute;
bottom:15px;
}*/
.closeDOMWindow:after {
position: absolute;
font-weight: 700;
font-size: 11px;
font-family: "Open Sans", sans-serif;
content: "Продолжить";
text-align: center;
color: white;
margin: auto;
margin-top: 20px;
background: #18682e;
line-height: 40px;
margin-bottom: 20px;
padding: 0px 35px;
border-radius: 20px;
bottom: 0;
left: 0;
right: 0;
}
#login-modal {
text-align: center;
}
#login-modal .modal-register-block {
background: url("../images/enter.png") no-repeat center bottom;
margin: 0 15px 10px;
padding-top: 15px;
padding-bottom: 30px;
}
#login-modal .modal-title-enter {
font: 30px/1.2 'Times New Roman';
background: none;
padding: 10px 0;
}
#login-modal p {
margin: 0;
}
#login-modal .btn-register {
display: block;
line-height: 40px;
border-radius: 40px;
text-shadow: none;
box-shadow: none;
margin: 10px 0 0;
border: 0;
background: #2c7540;
color: #ffffff;
text-decoration: none;
}
.moduletablehome-slider .tparrows,
.moduletablehome-slider .tp-bullets {
z-index: 100;
transform: none;
}
.btn-style {
float: right;
background: #17672d;
border-radius: 30px;
padding: 13px 30px 11px;
color: #fff;
margin-right: 15px;
font-size: 15px;
}
.btn-style:hover{
background: #43a65e;
color: #fff;
}
/*#comjshop_register .password-field {
position: relative;
}
#comjshop_register .password-field input {
padding-left: 35px !important;
}
#comjshop_register .password-field i {
position: absolute;
top: 16px;
left: 38px;
color: #2c7540;
font-size: 17px;
cursor: pointer;
}*/
#comjshop_list_product .block_product.product_group {}
.jshop_list_product .product .name,
#comjshop_list_product .block_product.product_group .name {
margin-bottom: 15px !important;
height: 30px;
overflow: hidden;
}
.block_product.product_group {
display: flex;
flex-direction: column;
}
/*ul.extra-icons + .oiproduct {
margin-top: 0 !important;
}*/
#comjshop_list_product .block_product.product_group .oiproduct {
position: static;
/*margin-top: auto;*/
}
ul.group_sizes {
list-style-type: none;
padding: 0;
margin: 0;
max-width: 400px;
}
.productfull ul.group_sizes {
margin-top: 30px;
}
ul.group_sizes li {
display: flex;
margin: 5px 0 2px;
justify-content: space-between;
align-items: center;
height: 37px;
}
ul.group_sizes .buttons,
#comjshop_list_product .block_product.product_group ul.group_sizes .buttons {
border: 1px solid #e5e5e5;
border-radius: 40px;
margin: 0;
padding-left: 10px;
max-width: 105px;
display: flex;
vertical-align: top;
}
ul.group_sizes input[type="button"],
#comjshop_list_product .block_product.product_group ul.group_sizes input[type="button"]{
height: 35px;
padding: 0;
border: 0;
width: 10px;
vertical-align: top;
}
ul.group_sizes input[type="button"].product_plus,
#comjshop_list_product .block_product.product_group ul.group_sizes input[type="button"].product_plus {
background: url(../images/plus.png) no-repeat center;
}
ul.group_sizes input[type="button"].product_minus,
#comjshop_list_product .block_product.product_group ul.group_sizes input[type="button"].product_minus {
background: url(../images/minus.png) no-repeat center;
}
ul.group_sizes input[type="text"],
#comjshop_list_product .block_product.product_group ul.group_sizes input[type="text"] {
width: 30px;
height: 35px;
text-align: center;
padding: 0;
border: 0;
vertical-align: top;
}
ul.group_sizes .buttons a,
#comjshop_list_product .block_product.product_group ul.group_sizes .buttons a {
width: 35px;
height: 35px;
border-radius: 100%;
margin-left: 10px;
background: url(../images/buy.svg) no-repeat center / contain ;
display: inline-block;
text-indent: -9999999px;
vertical-align: top;
}
ul.group_sizes .group_caption {
flex-basis: 30%;
flex-shrink: 0;
color: #12880b;
font-weight: 700;
line-height: 1.1;
font-size: 13px;
}
ul.group_sizes .group_caption_code {
margin-top: 3px;
}
@media (max-width: 480px){
.product_image_wrapper ul.extra-icons li img {
max-width: 50px !important;
}
}
@media (max-width: 767px){
.productfull ul.group_sizes{
display:block;
margin-right:auto;
margin-left:auto;
max-width:320px;
}
}
@media (min-width: 768px){
.productfull ul.group_sizes .group_caption {
font-size: 16px;
}
.productfull ul.group_sizes .group_price {
font-size: 18px;
/*flex-basis: 35%;*/
}
}
ul.group_sizes .group_price {
flex-basis: 35%;
font-weight: 700;
font-size: 12px;
margin-left: auto;
white-space: nowrap;
}
.productfull ul.group_sizes .group_caption {
/*flex-basis: 30%;*/
}
ul.group_sizes .group_buy {
flex-basis: 35%;
}
ul.group_sizes .group_notavail {
flex-basis: 75%;
color: #7f7f7f;
}
@media (max-width: 768px) {
ul.group_sizes li {
margin: 0 0 5px !important;
}
ul.group_sizes li:last-child{
margin:0;
}
ul.group_sizes li .group_caption{
line-height:80%;
}
ul.group_sizes .group_buy {
transform: scale(0.85);
margin-left: -20px !important;
}
}
@media (max-width: 567px) {
ul.group_sizes {
font-size: 10px;
}
ul.group_sizes li {
margin: 0;
}
ul.group_sizes .group_buy {
transform: scale(0.65);
margin-left: -40px !important;
}
ul.group_sizes .group_buy input[type="text"] {
font-size: 16px;
}
ul.group_sizes .group_price {
white-space: nowrap;
flex-shrink: 0;
}
#comjshop_list_product .block_product.product_group ul.group_sizes .group_notavail {
margin-bottom: 0 !important;
}
.jshop.list_product.row.row-flex>div.col-sm-4 {
max-width: 50%
}
/*#comjshop_list_product .block_product.product_group .name {
margin-bottom: 3px !important;
}*/
}
@media (max-width: 459px) {
ul.group_sizes .group_price {
font-size: 9px;
}
}
#comjshop_list_product .block_product.product_group ul.group_sizes .group_notavail {
text-align: right;
margin-right: 18px;
}
.product_group .group-sizes-btn {
text-align: center;
margin-top: 15px;
}
.product_group span.btn-size-toggler {
margin-right: 0;
font-size: 13px;
padding: 10px 20px 8px;
cursor: pointer;
float: none;
display: inline-block;
}
.block_product.product_extended {
position: absolute !important;
left: 4px;
right: 4px;
z-index: 10;
}
.block_product .size-item--addit {
display: none !important;
}
.block_product.product_extended .size-item--addit {
display: flex !important;
}
.block_product.product_extended .block_product {
height: auto;
}
@media (max-width: 459px) {
.product_group span.btn-size-toggler {
font-size: 12px;
padding: 10px 10px 8px;
}
}
/*/templates/renome/css/slider.css*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.slide-4__number{font-size: 72px;line-height: 60px;font-weight:100;margin-bottom: 40px;}
.slide-4__text{font-family: "Raleway",sans-serif !important;font-size: 18px;/* line-height:22px; */font-weight:400;position:relative;}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative}
.swiper-wrapper{z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}
.swiper-container-cube,.swiper-container-flip{overflow:visible}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@media (min-width:768px){
.main__slider .swiper-pagination{width:2px;top:191px;left:-31px}
.main__slider .swiper-pagination-bullet{height:32px;width:2px;background:#c0cad4;opacity:1;display:block;margin:0 0 9px!important;border-radius:0;transition:200ms ease-out;position:relative}
.main__slider .swiper-pagination-bullet::before{content:"";position:absolute;background:0 0;width:16px;height:32px;left:-7px;top:0}
}
@media (min-width:768px) and (min-width:1200px){.main__slider .swiper-pagination-bullet:hover{background:#ef2c30}
}
@media (min-width:768px){.main__slider .swiper-pagination-bullet-active{background:#ef2c30}
}
@media (min-width:768px) and (max-height:768px){
.main__slider .swiper-pagination{top:32px;left:-29px}
}
@media screen and (max-width:767px){.main__slider{/* height: calc(100vh - 180px) !important; *//* margin:0 -20px; */}
.main__slider .swiper-pagination{bottom:20px;left:0;right:0}
.main__slider .swiper-pagination-bullet{width:20px;height:2px;background:#c0cad4;opacity:1;margin:0 5px!important;border-radius:0}
.main__slider .swiper-pagination-bullet-active{background:#ef2c30}
}
.main__slider .tab-content{height:100%}
.main__slider .swiper-pagination{z-index:2}
@media (min-width:768px){.main__tab-nav{position:absolute;right:-150px;top:130px;z-index:2}
}
@media screen and (max-width:767px){.main__tab-nav{position:absolute;top:0;left:0;right:0;z-index:2}
}
@media (min-width:768px){.tab-nav{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
}
@media screen and (max-width:767px){.tab-nav{display:table;width:100%}
}
.tab-nav__link{color:#3f464e;font-family:"Arial",sans-serif;font-size:13px;line-height:1;cursor:pointer;text-align:center;text-transform:uppercase;transition:300ms ease-out}
@media (min-width:768px){.tab-nav__link{height:60px;float:left;padding:23px 30px 0;border:2px solid #fff}
}
@media screen and (max-width:767px){.tab-nav__link{width:50%;font-size:10px;height:40px;padding:5px;background:#ecf0f3;display:table-cell;vertical-align:middle;position:relative}
.tab-nav__link.is-active:before{opacity:1}
.tab-nav__link:before{content:"";position:absolute;bottom:-12px;left:50%;border:6px solid transparent;border-top:6px solid #fff;opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
}
.tab-nav__link.is-active,.tab-nav__link:hover{color:#00539f;background:#fff}
.main__logo{width:159px;position:absolute;top:50px;left:13px;right:0;margin:auto;z-index:3}
@media (min-width:768px) and (max-height:768px){.main__logo{top:31px}
}
@media screen and (max-width:767px){.main__logo{display:none}
}
.main__logo img{max-width:100%}
.case__main-title{font-size:60px;font-weight:300;line-height:70px;margin:0 0 25px}
@media (min-width:768px) and (max-height:768px){.case__main-title{max-width:560px;font-size:45px;line-height:55px;margin-bottom:15px}
}
@media screen and (max-width:767px){.case__main-title{font-size:30px;line-height:35px;margin:0 0 20px}
}
.case__description{max-width:420px;margin:0 0 35px}
@media (min-width:768px) and (max-height:768px){.case__description{margin:0 0 20px}
}
@media screen and (max-width:767px){.case__description{margin:0 0 15px}
.case__button{width:40px;height:40px}
.case__button .button{width:100%;height:100%;padding:0;position:relative}
.case__button .button span{display:none}
.case__button .button svg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
}
@media (min-width:768px){.main__content{padding:70px 0;position:relative;z-index:3}
.main__content:after{display:table;content:"";clear:both}
}
@media screen and (max-width:767px){.main__content{padding:25px 0}
}
.section{position:relative}
@media (min-width:768px){.section{width:840px;float:left}
}
@media screen and (max-width:767px){.section{margin-bottom:35px}
}
@media (min-width:768px){.aside{width:220px;float:right}
.section__row:after{display:table;content:"";clear:both}
.section__left{width:250px;float:left}
.section__right{width:calc(100% - 280px);float:right}
}
@media screen and (max-width:767px){.section__right .wrap__box{padding:0}
}
.tab-content.js-tabContent>div:first-child{display:block}
.filter__burger{width:40px;height:40px;cursor:pointer;border:1px solid #9fa7ac;position:absolute;top:-5px;right:0;z-index:3}
@media (min-width:768px){.filter__burger{display:none}
}
.filter__burger img,.filter__close svg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.filter{background:#fff}
@media screen and (max-width:767px){.filter{position:fixed;top:0;bottom:0;left:0;right:0;padding-top:60px;background:#fff;overflow:auto;z-index:20;display:none;overflow-x:hidden}
.filter.is-open{display:block}
}
.filter__head{height:60px;background:#fff;box-shadow:0 15px 25px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:2}
@media (min-width:768px){.filter__head{display:none}
}
.filter__close{width:60px;height:60px;position:absolute;left:0;top:0;cursor:pointer}
.filter__close svg{width:10px;height:10px}
.filter__head-title{font-size:15px;font-weight:700;text-align:center;padding:20px 30px}
.filter-tab{display:table;width:100%}
.filter-tab__link{display:table-cell;vertical-align:middle;height:55px;background:#bfc9d4;color:#3f464e;cursor:pointer;font-size:15px;font-weight:700;text-align:center;transition:200ms;border-bottom:5px solid #f6f7f9}
.filter-tab__link:hover{background:#ced6de}
.filter-tab__link.is-active,.filter__body{border:5px solid #f6f7f9;border-bottom:none}
.filter-tab__link.is-active{color:#000;background:#fff}
.filter__body{padding:25px 20px 0;border-top:none}
@media (max-width:767px){.filter__body{padding-bottom:15px}
}
.filter__row{margin-bottom:20.5px}
.filter__row:after{display:table;content:"";clear:both}
.filter__row:last-child{margin-bottom:0}
@media screen and (max-width:767px){.filter__row .checkbox{display:block}
}
.filter__location,.wrap__box li{position:relative}
.filter__location .input{padding-left:35px}
.filter__pin,.plus__icon svg{position:absolute;top:0;bottom:0;left:10px;margin:auto}
.filter__shift{width:33px;height:33px;cursor:pointer;position:absolute;top:-10px;bottom:0;right:15px;margin:auto;background:#00539f url(/local/templates/.default/markup_mjr/build/css/../images/change-icon.png) center no-repeat;border-radius:50%;transition:300ms ease-out}
.filter__shift:hover{background-color:#0060b9}
.filter__shift:active{box-shadow:inset 0 3px 6px rgba(0,0,0,.2)}
.checkbox-half{width:50%;float:left}
.advanced-search__link{cursor:pointer;color:#00539f;font-family:"Arial",sans-serif;font-size:13px;font-weight:700;line-height:20px;transition:300ms ease-out}
.advanced-search__link:hover{opacity:.7}
.plus__icon{width:24px;height:24px;background:#eceff2;position:relative;display:inline-block;vertical-align:middle;margin-right:10px;border-radius:50%}
.plus__icon svg{left:0;right:0;fill:#9ea6b2}
.filter__submit{margin:30px -20px -15px}
.filter__submit .button,.news-list__image img{width:100%}
.filter__submit--fix-border{border-top:5px solid #f6f7f9}
.filter__submit--fix-border .button,.filter__submit--fix-border-size .button{width:calc(100% + 10px);position:relative;left:-5px}
@media (min-width:768px){.tile__grid{margin:0 -10px}
.tile__grid:after{display:table;content:"";clear:both}
.tile__grid.tiles--4 .tile__col{width:25%}
}
.tile__grid--service{margin-top:30px}
@media (min-width:768px){.tile__col{width:50%;float:left;padding:0 10px 20px}
}
.tile{display:block;background:#fff;position:relative}
@media (min-width:768px){.tile{height:170px;padding:25px 30px;transition:300ms ease-out}
.tile:hover{box-shadow:0 3px 30px rgba(0,0,0,.1)}
.tile:hover .tile__bg{opacity:1}
.tile:hover .tile__cat,.tile:hover .tile__subtitle,.tile:hover .tile__title{color:#fff}
.tile:hover .tile__tip{opacity:0}
.tile:active{box-shadow:none}
}
.slider{height:100%}
@media (min-width:768px){.slider .swiper-slide-active .slide__line,.slider .swiper-slide-active .slider__slide-content{display:block;}
.slider .slide__line,.slider .slider__slide-content{display:none}
}
@media screen and (max-width:767px){.slider{height:100%}
}
.slider .swiper-container{height:100%;-webkit-tap-highlight-color:transparent;}
.slider__slide{width:100%;height:100%;color:#fff;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;}
@media (min-width:768px){
.main__slider{height:600px;}
.swiper__nav{
left:0;
position:absolute;
z-index:2;
width:100%;
top: 45%;
}
.swiper__nav > div{
display:inline-block;
border-radius:60px;
}
.swiper__nav div.swiper__control.js-swiperPrev{
margin:0 0 0 30px;
background:url("../images/prev.png") no-repeat center;
}
.swiper__nav div.swiper__control.js-swiperNext{
float:right;
margin:0 30px 0 0;
background:url("../images/next.png") no-repeat center;
}
.slider__slide.slide-inner-1 .animation-item-0{
width:100%;
position:absolute;
top: 8%;
}
.slider__slide.slide-inner-1 .animation-item-0 img{
width: 40%;
margin:0 auto;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
position:absolute;
top: 5%;
}
.slider__slide.slide-inner-5 .animation-item-0 img{
width: 523px;
margin: auto;
display: -webkit-box;
}
.slide-4__number{
max-height: 60px;
}
.slide-4__number span{
font-size:30px;
}
.animation-item-1,
.animation-item-2,
.animation-item-3,
.animation-item-4,
.animation-item-5{
position:absolute;
text-align:left !important;
}
.slider__slide.slide-inner-3 .animation-item-1{
left: 20%;
top: 5%;
}
.slider__slide.slide-inner-3 .animation-item-2{
left: 20%;
top: 33%;
}
.slider__slide.slide-inner-3 .animation-item-3{
right: 23%;
top: 31%;
}
.slider__slide.slide-inner-3 .animation-item-4{
left: 44%;
bottom: 13%;
}
.slider__slide.slide-inner-2 .animation-item-1{
left:15%;
top:10%;
}
.slider__slide.slide-inner-2 .animation-item-2{
left: 65%;
top: 29%;
}
.slider__slide.slide-inner-2 .animation-item-3{
left: 49%;
bottom: 14%;
}
.slider__slide.slide-inner-4 .animation-item-1{
left: 16%;
top: 12%;
}
.slider__slide.slide-inner-4 .animation-item-2{
left: 41%;
top: 7%;
}
.slider__slide.slide-inner-4 .animation-item-3{
width:100%;
text-align:center !important;
left:0;
top:40%;
}
.slider__slide.slide-inner-4 .animation-item-4{
left:15%;
bottom:15%;
}
.slider__slide.slide-inner-4 .animation-item-5{
right:10%;
bottom: 6%;
}
.slider__slide.slide-inner-2 .slide-4__number span{
display:inline-block;
line-height:100%;
font-size:20px;
text-transform:uppercase;
margin-left:10px;
}
.slider__slide.slide-inner-4 .slide-4__number{
}
.slider__slide.slide-inner-5 .animation-item-1{
left:0;
top: 8%;
width:100%;
}
.slider__slide.slide-inner-5 .animation-item-1 svg{
margin:auto;
max-width: 500px;
height: 500px;
width: 100%;
display: block;
}
}
@media (max-width:767px) {
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
position:absolute;
top: 15%;
}
.slider__slide.slide-inner-5 .animation-item-0 img{
width: 80%;
margin: auto;
display: -webkit-box;
}
}
@media (min-width:992px) {
.slider__slide.slide-inner-4 .slide-4__number{
font-size:30px;
}
}
@media (min-width:768px) and (max-height:768px){
.swiper__nav{bottom:49px}
.swiper__nav{position:absolute;z-index:2;width:100%;}
}
@media (min-width:768px) and (max-width:991px) {
.main__slider{
height: 440px;
}
.slider__slide.slide-inner-1 .animation-item-1{
left: 16%;
top: 30%;
}
.slide-4__number{
font-size: 42px;
line-height: 42px;
font-weight:100;
margin-bottom: 25px;
}
.slide-4__text{
font-family: "Raleway",sans-serif !important;
font-size: 14px;
line-height: 15px;
font-weight:400;
position:relative;
}
.slider__slide.slide-inner-1 .animation-item-2{
left: 56%;
top: 30%;
}
.slider__slide.slide-inner-1 .animation-item-3{
left: 31%;
bottom: 11%;
}
.slider__slide.slide-inner-1 .animation-item-4{
right: 10%;
bottom: 11%;
}
.slide-inner-2 .animation-item-1 img {
max-width: 70%;
}
.slider__slide.slide-inner-3 .animation-item-1{
left: 15%;
top: 4%;
}
.slider__slide.slide-inner-3 .animation-item-2{
left: 15%;
top: 33%;
}
.slider__slide.slide-inner-3 .animation-item-3{
left: 73%;
top: 30%;
}
.slider__slide.slide-inner-3 .animation-item-4{
left: 42%;
bottom: 13%;
}
.slider__slide.slide-inner-4 .slide-4__number{
font-size:30px;
}
.slide__line.slide__line-5{
top: 2.5%;
left:-1px!important;
margin: auto;
}
.slide__line.slide__line-5 .svg-line{
height: 415px;
}
.slider__slide.slide-inner-5 .animation-item-0 img{
height: 415px;
margin: auto;
display: -webkit-box;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 2.5%;
}
}
@media (min-width:992px) and (max-width:1279px){
.main__slider{
height: 540px;
}
.slide__line.slide__line-1{
top: -8%;
left:-2px!important;
}
.slider__slide.slide-inner-1 .animation-item-0{
top: 5%;
}
.slider__slide.slide-inner-1 .animation-item-1{
left: 17%;
top: 32%;
}
.slide__line.slide__line-5{
top: 2%;
left:-1px!important;
}
.slide-4__number{
font-size: 55px;
line-height: 39px;
font-weight:100;
margin-bottom: 30px;
}
.slide-4__text{
font-family: "Raleway",sans-serif !important;
font-size: 16px;
line-height: 16px;
font-weight:400;
position:relative;
}
.slider__slide.slide-inner-1 .animation-item-2{
left: 56%;
top: 32%;
}
.slider__slide.slide-inner-1 .animation-item-3{
left: 30%;
bottom: 12%;
}
.slider__slide.slide-inner-1 .animation-item-4{
right: 10%;
bottom: 12%;
}
.slide-inner-2 .animation-item-1 img {
max-width: 90%;
}
.slider__slide.slide-inner-3 .animation-item-1{
left: 15%;
top: 4%;
}
.slider__slide.slide-inner-3 .animation-item-2{
left: 15%;
top: 33%;
}
.slider__slide.slide-inner-3 .animation-item-3{
left: 73%;
top: 30%;
}
.slider__slide.slide-inner-3 .animation-item-4{
left: 42%;
bottom: 13%;
}
.slider__slide.slide-inner-4 .slide-4__number{
font-size:30px;
}
.slide__line.slide__line-5{
top: 2.5%;
left: -5px!important;
margin: auto;
}
.slide__line.slide__line-5 .svg-line{
height: 505px;
}
.slider__slide.slide-inner-5 .animation-item-0 img{
height: 505px;
margin: auto;
display: -webkit-box;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 2.5%;
}
}
@media (min-width:1280px) and (max-width:1499px){
.main__slider{
height: 540px;
}
.slide__line.slide__line-1{
top: -8%;
left:-2px!important;
}
.slider__slide.slide-inner-1 .animation-item-0{
top: 5%;
}
.slider__slide.slide-inner-1 .animation-item-1{
left: 17%;
top: 32%;
}
.slide__line.slide__line-5{
top: 0%;
left:-1px!important;
}
.slide-4__number{
font-size: 55px;
line-height: 39px;
font-weight:100;
margin-bottom: 30px;
}
.slide-4__text{
font-family: "Raleway",sans-serif !important;
font-size: 16px;
line-height: 16px;
font-weight:400;
position:relative;
}
.slider__slide.slide-inner-1 .animation-item-2{
left: 56%;
top: 32%;
}
.slider__slide.slide-inner-1 .animation-item-3{
left: 30%;
bottom: 12%;
}
.slider__slide.slide-inner-1 .animation-item-4{
right: 10%;
bottom: 12%;
}
.slide-inner-2 .animation-item-1 img {
max-width: 90%;
}
.slider__slide.slide-inner-3 .animation-item-1{
left: 15%;
top: 4%;
}
.slider__slide.slide-inner-3 .animation-item-2{
left: 15%;
top: 33%;
}
.slider__slide.slide-inner-3 .animation-item-3{
left: 75%;
top: 30%;
}
.slider__slide.slide-inner-3 .animation-item-4{
left: 42%;
bottom: 13%;
}
.slider__slide.slide-inner-4 .slide-4__number{
font-size:30px;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 0%;
}
.slide__line.slide__line-5{
top: 2.5%;
left: -6px!important;
margin: auto;
}
.slide__line.slide__line-5 .svg-line{
height: 505px;
}
.slider__slide.slide-inner-5 .animation-item-0 img{
height: 505px;
margin: auto;
display: -webkit-box;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 2.5%;
}
}
@media (min-width:1500px) and (max-width:1699px){
.main__slider{
height: 650px;
}
.slide__line.slide__line-1{
top: 2%;
left:-2px!important;
}
.slider__slide.slide-inner-1 .animation-item-1{
left: 16%;
top: 38%;
}
.slide__line.slide__line-5{
top: 2%;
left:-1px!important;
}
.slide-4__number{
font-size: 55px;
line-height: 39px;
font-weight:100;
margin-bottom: 30px;
}
.slide-4__text{
font-family: "Raleway",sans-serif !important;
font-size: 16px;
line-height: 16px;
font-weight:400;
position:relative;
}
.slider__slide.slide-inner-1 .animation-item-2{
right: 19%;
top: 38%;
}
.slider__slide.slide-inner-1 .animation-item-3{
left: 28%;
bottom: 20%;
}
.slider__slide.slide-inner-1 .animation-item-4{
right: 10%;
bottom: 20%;
}
.slider__slide.slide-inner-3 .animation-item-1{
left: 17%;
top:7%;
}
.slider__slide.slide-inner-3 .animation-item-2{
left: 17%;
top: 37%;
}
.slider__slide.slide-inner-3 .animation-item-3{
right: 19%;
top: 35%;
}
.slider__slide.slide-inner-3 .animation-item-4{
left: 41%;
bottom: 13%;
}
.slider__slide.slide-inner-4 .slide-4__number{
font-size:30px;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 0%;
}
.slide__line.slide__line-5{
top: 10%;
left:-6px!important;
margin: auto;
}
.slide__line.slide__line-5 .svg-line{
height: 505px;
}
.slider__slide.slide-inner-5 .animation-item-0 img{
height: 505px;
margin: auto;
display: -webkit-box;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 10%;
}
}
@media (min-width:1700px){
.main__slider{
height:740px
}
.slide__line.slide__line-1{
top: 0%;
left: -3px!important;
}
.slider__slide.slide-inner-1 .animation-item-1{
left: 16%;
top: 36%;
}
.slider__slide.slide-inner-1 .animation-item-2{
right: 22%;
top: 36%;
}
.slider__slide.slide-inner-1 .animation-item-3{
left: 30%;
bottom: 13%;
}
.slider__slide.slide-inner-1 .animation-item-4{
right: 10%;
bottom: 13%;
}
.slider__slide.slide-inner-4 .slide-4__number{
font-size:50px;
}
.slide__line.slide__line-5{
top: 7%;
left:-1px!important;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 5%;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 0%;
}
.slide__line.slide__line-5{
top: 10%;
left:-6px!important;
margin: auto;
}
.slide__line.slide__line-5 .svg-line{
height: 550px;
}
.slider__slide.slide-inner-5 .animation-item-0 img{
height: 550px;
margin: auto;
display: -webkit-box;
}
.slider__slide.slide-inner-5 .animation-item-0{
width:100%;
top: 10%;
}
}
@media screen and (max-width:767px){
.swiper__nav{left:10px;right:10px;bottom:0}
.swiper__nav{position:absolute;z-index:2;}
.slide-inner-1 .animation-item-0 img {
max-width: 70%;
}
.slide-inner-2 .animation-item-1 img {
max-width: 60%;
display: -webkit-inline-box;
margin-bottom: 35px;
}
}
.swiper__control{width:60px;height:60px;cursor:pointer;position:relative;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:300ms ease-out}
@media (min-width:768px){.swiper__control{width:60px;height:60px;border:2px solid #fff}
.swiper__control:hover{}
}
@media screen and (max-width:767px){.swiper__control{width:30px;height:30px;float:left;bottom: 380px;}
.swiper__control:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:13px;height:13px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.swiper__control:last-child{float:right}
.swiper__control:last-child:before{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
}
.swiper__control.swiper-button-disabled{opacity:.3;pointer-events:none}
.swiper__control svg{width:26px;height:14px;fill:#231f20;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
@media screen and (max-width:767px){.swiper__control svg{display:none}
}
.slide__video,.slide__video video,.slide__video::before{position:absolute;top:0;left:0;z-index:1}
.slide__video{right:0;bottom:0;overflow:hidden}
.slide__video::before{content:"";width:100%;height:100%;opacity:.7;z-index:2}
.slide__video video{min-width:100%;min-height:100%;width:auto;height:auto}
@media (max-width:1025px){.slide__video video{display:none}
}
.slider-video__video{visibility:visible!important}
.slider-video__video:not(.is-show){width:0;height:0;top:-1000px;left:-1000px}
.slider-video__video:not(.is-show) video{width:0;height:0}
@media screen and (max-width:767px){.slider-video__video video{display:block}
}
.slider-minitext{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#9ea6b2;font-size:13px;line-height:20px;font-family:"Tahoma",sans-serif}
@media (min-width:768px){.slider-minitext{width:800px;margin:0 auto}
}
@media (max-width:767px){.slider-minitext{width:100%;padding:0 20px}
}
.slider-minitext__number{width:10%}
.slider-minitext__text{width:90%}
.slide__line{position:absolute;left:0;right:0;height:100%;z-index:10000;}
@media (min-width:768px){.slide__line{opacity:0;transition:500ms 1000ms;}
}
@media screen and (max-width:767px){.slide__line{display:none}
}
.slide__line .svg-line{width:100%;position:absolute;left: 3px;top:0;}
.slide__line .svg-line:first-child{opacity:0}
.slide__line.slide__line-4{
left: 9%;
}
.slider__slide-flex{height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;z-index:2;}
.slider__slide.slide-inner-5
@media screen and (max-width:767px){
.slider__slide-flex{padding:0 70px}
.slider__slide-flex img.img-responsive{
margin:70px auto;
}
}
@media (min-width:768px){.main__slider-title{font-size:80px;line-height:90px;font-weight:100;margin-top:-22px;margin-left:18px}
.main__slider-title span{display:block}
}
@media screen and (max-width:767px){.main__slider-title{font-size:35px;line-height:45px;font-weight:300}
}
.slide__overlay{width:50%;background:#00539f;position:absolute;top:0;bottom:0;left:0}
.slide__case{max-width:670px;position:absolute;left:125px;bottom:70px}
@media screen and (max-width:767px){.slide__case{left:20px;right:20px;bottom:55px}
}
.slide__case p{font-family:"Arial",sans-serif;font-size:15px;font-weight:400;line-height:25px}
@media screen and (max-width:767px){.slide__case p{line-height:20px}
}
.slider__wide{position:relative}
@media (min-width:768px){.slider__wide{margin-bottom:50px}
.slider__wide .swiper-slide{width:800px}
.slider__wide .swiper-slide.swiper-slide-active .slide:before{opacity:0}
.slider__wide .swiper-slide.swiper-slide-active .caption-label{opacity:1}
.slider__wide .swiper-slide .caption-label{opacity:0;transition:300ms ease-out}
}
@media screen and (max-width:767px){.slider__wide{margin-bottom:30px}
.slider__wide .caption-label{padding:0 20px 0 70px;position:relative}
.slider__wide .caption-label .slide__count{position:absolute;left:20px}
}
.carousel-inner > .item > img{}
.slide{background-size:cover;background-position:center center;background-repeat:no-repeat;margin:0;overflow:hidden;border-radius:5px;}
@media (min-width:768px){
.carousel.fade .carousel-inner .item{
width:100%;
max-height: 700px;
background: url(../images/slider/1.jpg) repeat top center;
background-size: cover;
}
.slide, .slide .carousel-inner, .slide .carousel-inner .item{
width:100%;
height:500px;
position:relative;
}
.slide:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:0 0;opacity:.8;transition:300ms ease-out}
}
@media screen and (max-width:767px){.slide{padding-bottom:67%}
}
.slide-bg-case{height:100%}
.slide__count{margin-right:20px}
.slider__slide-content{width:100%}
.js-caseSwiper .swiper-slide-active .animation-item-0,
.js-caseSwiper .swiper-slide-active .animation-item-1,
.js-caseSwiper .swiper-slide-active .animation-item-2,
.js-caseSwiper .swiper-slide-active .animation-item-3,
.js-caseSwiper .swiper-slide-active .animation-item-4,
.js-caseSwiper .swiper-slide-active .animation-item-5,
.js-mainSwiper .swiper-slide-active--animation .animation-item-0,
.js-mainSwiper .swiper-slide-active--animation .animation-item-1,
.js-mainSwiper .swiper-slide-active--animation .animation-item-2,
.js-mainSwiper .swiper-slide-active--animation .animation-item-3,
.js-mainSwiper .swiper-slide-active--animation .animation-item-4,
.js-mainSwiper .swiper-slide-active--animation .animation-item-5{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.js-caseSwiper .swiper-slide-active .animation-item-6,.js-mainSwiper .swiper-slide-active--animation .animation-item-6{width:50%;opacity:1}
.js-caseSwiper .swiper-slide-active .animation-item-scale,.js-mainSwiper .swiper-slide-active--animation .animation-item-scale{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.js-caseSwiper .swiper-slide-active .slide__line,.js-mainSwiper .swiper-slide-active--animation .slide__line{opacity:1}
.js-caseSwiper .swiper-slide-active .slide__line [id*=Dashed],.js-mainSwiper .swiper-slide-active--animation .slide__line [id*=Dashed]{opacity:.3;}
.is-animation-hide .animation-item-0 , .is-animation-hide .animation-item-1,.is-animation-hide .animation-item-2,.is-animation-hide .animation-item-3,.is-animation-hide .animation-item-4,.is-animation-hide .animation-item-5{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
.is-animation-hide .animation-item-6{width:0%}
.is-animation-hide .animation-item-scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.is-animation-hide .slide__line{transition:500ms;opacity:0}
@-webkit-keyframes dash{0%{stroke-dashoffset:2500}
to{stroke-dashoffset:5000}
}
@keyframes dash{0%{stroke-dashoffset:2500}
to{stroke-dashoffset:5000}
}
@-webkit-keyframes dash_sec{0%{stroke-dashoffset:3500}
to{stroke-dashoffset:7000}
}
@keyframes dash_sec{0%{stroke-dashoffset:3500}
to{stroke-dashoffset:7000}
}
@-webkit-keyframes dash_third{0%{stroke-dashoffset:3000}
to{stroke-dashoffset:6000}
}
@keyframes dash_third{0%{stroke-dashoffset:3000}
to{stroke-dashoffset:6000}
}
@media (min-width:768px){
.animation-item-0 ,.animation-item-1,.animation-item-2{
opacity:0;
-webkit-transform:translateY(50px);
-ms-transform:translateY(50px);
transform:translateY(50px);
}
.slide__line.slide__line-1{
top: 0%;
left:-3px!important;
}
.animation-item-0{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
transition:400ms 300ms ease-out;
}
.slide-inner-5 .animation-item-0{
opacity:0;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}
.slide-inner-5 .animation-item-0{
transition: 400ms 2800ms ease-out;
}
.animation-item-1{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;justify-content:center;
transition:400ms 500ms ease-out;
}
.animation-item-2{
transition:400ms 750ms ease-out;
}
.animation-item-3{
display:block;
transition:400ms 650ms ease-out;
}
.animation-item-3,.animation-item-4,.animation-item-5{opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}
.animation-item-4{display:block;transition:400ms 850ms ease-out}
.animation-item-5{transition:400ms 950ms ease-out}
.animation-item-6{opacity:0;width:0%;transition:400ms 200ms ease-out}
.animation-item-scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:3s 400ms ease-out}
}
.slide-2__block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;min-height:230px;margin-top:81px}
@media (min-width:768px) and (max-height:768px){.slide-2__block{margin-top:90px}
}
@media (max-width:767px){.slide-2__block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:0;text-align:left}
}
.slide-2__item{width:250px}
.slide-2__item:first-child{-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
.slide-2__item:first-child .slide-2__img{top:11px}
@media (min-width:768px) and (max-height:768px){.slide-2__item:first-child .slide-2__img{top:25px;background-size:33%}
.slide-2__item:nth-child(2) .slide-2__img{top:15px;left:-4px;background-size:29%}
}
.slide-2__item:last-child{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
.slide-2__item:last-child .slide-2__img{top:7px}
@media (min-width:768px) and (max-height:768px){.slide-2__item:last-child .slide-2__img{top:21px;background-size:40%}
}
.slide-2__img{position:relative;min-height:114px;margin-bottom:46px;background-repeat:no-repeat;background-position:center center}
@media (min-width:768px) and (max-height:768px){.slide-2__img{margin-bottom:50px}
}
.slide-2__text{font-size:15px;line-height:20px;color:#fff;text-align:center}
@media (max-width:767px){.slide-2__title{font-size:30px;line-height:35px;margin-bottom:40px}
.slide-2__list-item{list-style:disc;margin-left:17px;margin-bottom:23px;font-family:"Arial",sans-serif;font-size:15px;line-height:18px}
}
.slide-3__block-1{min-height:230px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 35px 0 65px;text-align:left;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:102px}
@media (min-width:768px) and (max-height:768px){.slide-3__block-1{min-height:190px;padding:0 65px 0 107px;margin-top:16px}
}
@media (max-width:767px){.slide-3__block-1{padding:0;min-height:0;margin-top:0;margin-bottom:50px}
}
.slide-3__block-1-text{font-size:60px;line-height:70px}
.slide-3__block-1-text.sm{display:none}
@media (min-width:768px) and (max-height:768px){.slide-3__block-1-text{font-size:40px;line-height:40px;max-width:350px;padding-top:85px}
.slide-3__block-1-text br,.slide-3__block-1-text.md{display:none}
.slide-3__block-1-text.sm{width:450px;max-width:450px;margin-left:-40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
}
@media (max-width:767px){.slide-3__block-1-text{font-size:30px;line-height:35px}
}
.slide-3__block-1-img{min-height:230px;width:230px;position:relative;top:-47px;right:80px;background-position:center center;background-repeat:no-repeat}
@media (min-width:768px) and (max-height:768px){.slide-3__block-1-img{min-height:190px}
}
@media (max-height:768px){.slide-3__block-1-img{top:21px;background-position:left 85%;background-size:50%}
}
.slide-3__block-1-num{font-size:100px;font-weight:300;margin-right:22px}
@media (min-width:768px) and (max-height:768px){.slide-3__block-1-num{width:190px}
}
.slide-3__block-2{min-height:70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 82px 0 71px;text-align:left;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-top:10px;top:23px;position:relative}
@media (min-width:768px) and (max-height:768px){.slide-3__block-2{padding:0 65px 0 71px;top:59px}
}
@media (max-width:767px){.slide-3__block-2{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}
}
.slide-3__block-2-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media (max-width:767px){.slide-3__block-2-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px;width:50%}
}
.slide-3__block-2-number{font-size:50px;line-height:50px;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;position:relative;font-weight:300}
@media (min-width:768px){.slide-3__block-2-number{letter-spacing:-3px}
}
@media (min-width:768px) and (max-height:768px){.slide-3__block-2-number{letter-spacing:0}
}
@media (max-width:767px){.slide-3__block-2-number{font-size:28px;line-height:30px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
}
.slide-3__block-2-number::before{position:absolute;content:"";height:2px;width:51px;background:#ee2b32;top:-10px;left:0}
@media (max-width:767px){.slide-3__block-2-number::before{width:21px}
}
.slide-3__block-2-text{font-size:15px;line-height:20px;margin-left:17px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
@media (min-width:768px){.slide-3__block-2-text{-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px)}
}
@media (max-width:767px){.slide-3__block-2-text{margin-left:0}
}
.slide-4__head{font-size:40px;line-height:40px;font-weight:100;margin-bottom:40px}
@media (min-width:768px) and (max-height:768px){.slide-4__head{font-size:40px;line-height:40px;margin-bottom:35px}
}
@media (max-width:767px){.slide-4__head{font-weight:600;font-size:16px;line-height:20px;margin-bottom:0}
.slide-4__head--fix{position:relative;top:-10px}
}
@media (max-width:767px){.slide-4__number{font-size:27px;line-height:27px;margin-bottom: 5px;}
.slide-inner-4 .slide-4__number {
margin: 30px -40px;
font-size: 22px;
}
}
@media (max-width:767px){.slide-4__text{font-size:15px;line-height:20px;margin-bottom: 15px;}
}
@media (min-width:768px) and (max-height:768px){.slide-4__text{font-size:15px;line-height:20px;max-width:300px}
}
@media (min-width: 768px){
.slide-4__text:before{
position:absolute;
content:"";
height:2px;
width:51px;
background:#ffffff;
top:-20px;
left:0;
}
.slider__slide-content > div{
margin:15px 0;
}
.slider__slide.slide-inner-5 .animation-item-0 {margin: auto !important;}
}
@media (max-width:767px){.slide-4__text::before{width:21px;top:-9px}
}
@media (min-width:768px) and (max-height:768px){.slide-4__text::before{top:-13px}
}
@media (max-width:767px){.slide-4__text--fix{position:relative;top:-10px}
}
.slide-4__block-1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left;margin-bottom:60px;margin-top:145px}
@media (min-width:768px){.slide-4__block-1{padding:0 80px}
}
@media (min-width:768px) and (max-height:768px){.slide-4__block-1{margin-bottom:30px;margin-top:70px}
.slide-4__block-1 br{display:none}
}
@media (max-width:767px){.slide-4__block-1{margin:0 0 40px}
}
.slide-4__block-1-item{width:320px}
@media (min-width:768px){.slide-4__block-1-item:last-child{margin-right:40px}
.slide-4__block-1-item:last-child .slide-4__number{margin-bottom:35px}
}
@media (min-width:768px) and (max-height:768px){.slide-4__block-1-item:last-child .slide-4__number{margin-bottom:23px}
}
@media (max-width:767px){.slide-4__block-1-item{width:50%}
}
.slide-4__block-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left}
@media (min-width:768px){.slide-4__block-2{padding:0 70px}
}
@media (min-width:768px) and (max-height:768px){.slide-4__block-2{padding:0 80px;position:relative;top:10px}
}
.slide-4__block-2-item{width:320px}
@media (min-width:768px){.slide-4__block-2-item:last-child{margin-right:40px}
}
@media (max-width:767px){.slide-4__block-2-item{width:50%}
}
.slide-5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 95px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;text-align:left;margin-top:150px}
@media (max-width:767px){.slide-5{margin-top:0;padding:0}
}
@media (min-width:768px) and (max-height:768px){.slide-5{margin-top:150px;padding:0 50px;-webkit-transform:translate3d(45px,0,0);transform:translate3d(45px,0,0)}
}
@media (max-width:767px){.slide-5 p{font-family:"Arial",sans-serif;font-size:15px;line-height:20px;margin-bottom:15px}
}
.slide-5__head{font-size:60px;line-height:60px;font-weight:100;margin-bottom:70px}
@media (min-width:768px) and (max-height:768px){.slide-5__head{font-size:40px;line-height:40px;margin-bottom:40px}
.slide-5__head br{display:none}
}
.slide-5__text{font-size:20px;line-height:25px;position:relative}
@media (min-width:768px) and (max-height:768px){.slide-5__text{font-size:15px;line-height:19px;max-width:260px}
.slide-5__text br{display:none}
}
.slide-5__text::before{position:absolute;content:"";height:2px;width:51px;background:#ee2b32;top:-35px;left:0}
@media (min-width:768px) and (max-height:768px){.slide-5__text::before{top:-15px}
}
.slide-5__block{width:350px;position:relative;top:-20px}
@media (min-width:768px) and (max-height:768px){.slide-5__block:first-child{width:410px;padding-top:89px}
}
.slide-5__block--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
@media (min-width:768px){.slide-5__block--column{top:25px;left:47px}
}
@media (min-width:768px) and (max-height:768px){.slide-5__block--column{top:-9px;left:-41px}
}
.slide-5__item{font-size:16px;line-height:23px;padding-left:110px;margin-bottom:50px;min-height:80px;background-position:0 0;background-repeat:no-repeat}
@media (min-width:768px) and (max-height:768px){.slide-5__item{font-size:15px;margin-bottom:25px;padding-left:105px}
}
.slide-5__item:nth-child(1){background-image:url(/local/templates/.default/markup_mjr/build/css/../images/slide-5-img-1.png)}
@media (min-width:768px){.slide-5__item:nth-child(1){background-position:0 9px}
}
@media (min-width:768px) and (max-height:768px){.slide-5__item:nth-child(1){background-position:7px 18px}
}
.slide-5__item:nth-child(2){background-image:url(/local/templates/.default/markup_mjr/build/css/../images/slide-5-img-2.png)}
@media (min-width:768px) and (max-height:768px){.slide-5__item:nth-child(2){background-position:4px 2px}
}
.slide-5__item:nth-child(3){background-image:url(/local/templates/.default/markup_mjr/build/css/../images/slide-5-img-3.png)}
@media (min-width:768px) and (max-height:768px){.slide-5__item:nth-child(3){background-position:0 9px;background-size:21%}
}
@media (max-height:768px){.slide-5__item{background-size:17%;background-position:left center}
}
.js-slide-video-check{cursor:default!important}
#video-slide-6{cursor:pointer;z-index:3}
.banner__slider{position:relative;z-index:2}
@media (min-width:768px){.banner__slider{padding-top:40px;margin-bottom:49px}
.banner__slider .swiper-pagination{top:0;right:0;bottom:auto}
}
@media (max-width:767px){.banner__slider{padding-top:0;padding-bottom:30px}
.banner__slider .swiper-pagination{top:auto;right:50%;margin-right:-60px;bottom:49px}
}
.banner__slider .swiper-pagination-bullet{width:33px;height:2px;margin-left:7px;background-color:#c0cad4;border-radius:0;position:relative}
.banner__slider .swiper-pagination-bullet:before{content:"";position:absolute;background:0 0;width:33px;height:16px;left:0;top:-7px}
.banner__slider .swiper-pagination-bullet-active{background-color:#ef2c30}
.banner__slide{position:relative;background-repeat:no-repeat;background-color:#00539f;background-size:50% 100%;background-position:100% 0}
@media (min-width:768px){.banner__slide{height:170px}
}
@media (max-width:767px){.banner__slide{padding:35px 20px;height:300px;background-size:cover}
}
.banner__slide:after{position:absolute;content:"";width:50%;height:100%;right:0;top:0;background:#00539f;opacity:.6;z-index:1}
.banner__link::before,.banner__slide::before{position:absolute;content:"";top:0;left:0;height:100%}
.banner__slide::before{background:#00539f;width:50%}
.banner__text{color:#fff;font-family:Raleway;z-index:2}
@media (min-width:768px){.banner__text{position:absolute;left:80px;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:50px;line-height:55px;font-weight:200}
}
@media (max-width:767px){.banner__text{position:relative;font-size:25px;line-height:30px;font-weight:300}
}
.banner__link{width:49px;height:49px;border:1px solid #ee2b32;z-index:2;cursor:pointer;transition:300ms ease-out}
.banner__link::before{width:0%;background:#ee2b32;transition:500ms ease-out}
.banner__link:hover::before{width:100%}
.banner__link svg{width:8px;height:14px;fill:#fff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
@media screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape){.slide-3__block-1-num{padding-right:150px}
body{min-height:125%}
.slide__video{visibility:hidden}
}
@media screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){body{min-height:165%}
.main{height:auto}
.slide__video{visibility:hidden}
}
@media (max-height:769px){.hidden-480{display:none!important}
.visible-480{display:block!important}
}
@media (min-height:770px){.visible-480{display:none!important}
.hidden-480{display:block!important}
}
@media (max-width: 1023px) {
.slide-inner-1 {
background-image:url("../images/slider/1.jpg");
}
.slide-inner-2 {
background-image:url("../images/slider/2.jpg");
}
.slide-inner-3 {
background-image:url("../images/slider/3.jpg");
}
.slide-inner-4 {
background-image:url("../images/slider/4.jpg");
}
.slide-inner-5 {
background-image:url("../images/slider/5.jpg");
}
}
@media (min-width: 1024px) {
.slide-inner-1 {
background-image: url("../images/slider/1.jpg");
}
.slide-inner-2 {
background-image:url("../images/slider/2-1.jpg");
}
.slide-inner-3 {
background-image:url("../images/slider/3-1.jpg");
}
.slide-inner-4 {
background-image:url("../images/slider/4-1.jpg");
}
.slide-inner-5 {
background-image:url("../images/slider/5-1.jpg");
}
}
.slide__line.slide__line-1 .slide__line-md{
display: block;
}
.slide__line.slide__line-1 .slide__line-md .svg-line{
display: block;
}
/*/modules/mod_registration_artmebius/assets/styles.css?v2*/
#registerPopup * {
box-sizing: border-box;
font-weight: bold;
}
#registerPopup {
overflow-x: hidden;
overflow-y: auto;
text-align: center;
}
#registerPopup .modal-dialog {
width: 650px;
margin: 20px auto;
overflow: hidden;
}
#registerPopup .modal-title-enter {
font-size: 30px;
}
#registerPopup .header,
#registerPopup .sub-header {
font: 22px 'Conv_SansRoundedC', sans-serif;
color: #17672d;
margin-top: 5px;
}
#registerPopup .header {
color: #000;
}
#registerPopup #comjshop_register {
overflow: hidden;
}
#comjshop_register .asterisk {
color: #ff0000;
}
#comjshop_register .register_steps {
display: block;
width: 500px;
margin: 0 auto;
}
#comjshop_register .register_steps_wrapper {
white-space: nowrap;
margin: 0 auto;
position: relative;
left: 0;
transition: left 0.4s ease;
}
#comjshop_register .register_step {
margin: 25px auto;
text-align: left;
border: 2px solid #f3f3f3;
border-radius: 10px;
box-shadow: 0 5px 20px rgba(0,0,0,0.10);
transition: all 0.2s ease;
display: inline-block;
vertical-align: top;
width: 500px;
height: 0;
opacity: 0;
white-space: normal;
}
#comjshop_register .register_step.step-active {
opacity: 1;
visibility: visible;
height: auto;
}
#comjshop_register .register_step .register_step_inner {
padding: 30px;
}
#comjshop_register .register_step .control-group {
position: relative;
}
#comjshop_register .register_step .control-label {
margin-left: 10px;
font-size: 16px;
}
#comjshop_register .register_step .control-input {
margin-bottom: 5px;
position: relative;
}
#comjshop_register .register_step input {
padding-left: 25px !important;
padding-right: 45px !important;
text-align: left;
border-color: #cecece;
margin-bottom: 25px;
width: 100%;
}
#comjshop_register .register_step .btn {
background: #17672d;
color: #fff;
width: 100%;
line-height: 40px;
border-radius: 40px;
margin-top: 5px;
}
#comjshop_register .register_step .btn:hover {
background: #004C1B;
}
#comjshop_register .register_step .phone_input_value {
background: #eaeaea;
border-radius: 50px;
line-height: 52px;
margin-bottom: 20px;
padding: 0 30px;
border: none;
}
#comjshop_register .register_step .control-group.register_sp{
margin-bottom: 20px;
}
#comjshop_register .register_step span.sf_text:before {
top: -2px;
}
#comjshop_register .register_step span.sf_text:after {
top: -3px;
}
/*------------*/
#comjshop_register .error-info {
position: absolute;
top: 100%;
margin-top: -23px;
left: 10px;
color: #f94242;
display: none;
font-size: 13px;
line-height: 1;
}
#comjshop_register .error .error-info {
display: block;
}
#comjshop_register .control-input i {
display: block;
position: absolute;
right: 15px;
top: 15px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: #fff;
font-size: 12px;
background: #17672d;
border-radius: 100%;
cursor: pointer;
}
#comjshop_register .control-input i.fa-info {
display: none;
}
#comjshop_register .error .control-input i.fa-info {
display: block;
background: #f94242;
}
.register_already {
margin-top: 20px;
font-size: 14px;
}
.register_already .btn {
background: #004C1B;
color: #fff;
text-decoration: none;
padding: 15px 40px;
border-radius: 50px;
margin: 10px 0;
line-height: 1.2 !important;
display: inline-block;
width: auto;
}
.register_already .btn:hover {
background: #17672d;
}
ul.selectListOrg {
list-style: none;
border-radius: 5px;
background: #fff;
font-size: 14px;
margin: -25px 0 0 !important;
padding: 0;
max-height: 400px;
overflow: auto;
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 22;
box-shadow: 0 5px 20px rgba(0,0,0,0.10);
}
ul.selectListOrg li:nth-child(2n+1) {
background: #f0f0f0;
}
ul.selectListOrg li {
padding: 5px 15px;
cursor: pointer;
}
ul.selectListOrg li.active,
ul.selectListOrg li:hover {
background: #25793c;
color: #fff;
}
ul.selectListOrg li .item-title {
font-weight: 700;
}
ul.selectListOrg li .item-inn {
opacity: 0.7;
margin-left: 10px;
}
ul.selectListOrg li .item-address {
display: block;
}
@media (max-width: 768px){
#registerPopup .modal-title-enter {
font-size: 24px;
}
#registerPopup .modal-dialog {
width: 350px;
}
#registerPopup .modal-body {
padding-left: 10px;
padding-right: 10px;
}
#comjshop_register .register_steps {
width: 300px;
}
#comjshop_register .register_step .register_step_inner {
padding: 30px 0;
}
#comjshop_register .register_step {
width: 300px;
box-shadow: 0 0 0 transparent;
border: none;
}
}
/*/media/mod_zentools/css/zentools.min.css*/
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2012 Joomla Bamboo. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.8.0
*/
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2012 Joomla Bamboo. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.8.0
*/
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Accordion
-----------------------------------------------------------------------------*/
.zentools .accordion .grid_one,
.zentools .accordion .grid_two,
.zentools .accordion .grid_three,
.zentools .accordion .grid_four,
.zentools.accordion .grid_six,
.zentools .accordion .grid_eight,
.zentools .accordion .grid_twelve {
width: 100%;
}
.zentools.accordion .allitems.container {
width: 100%;
float: left;
padding: 0;
margin: 10px 0;
}
.zentools.accordion ul {
width: 98%;
margin: 0;
}
.zentools.accordion .firstitem {
border-bottom: 1px solid #eee;
cursor: pointer;
padding: 4px 0;
}
.zentools.accordion .zentitle.firstitem,
.zentools.accordion .zentitle.firstitem.open {
background-image: none !important;
padding-left: 0;
}
.zentools.accordion .zentitle p {
margin: 0;
padding: 0 0 8px ;
}
.zentools.accordion .first {
cursor: pointer;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
/* Accordion
-----------------------------------------------------------------------------*/
.zentools.accordion h2 {
margin: 0;
padding: 0;
}
.zeninner,
.zentools li .zenitem,
.zentools.accordion {
width: 100%;
float: left;
}
.zentools.accordion .zentitle :before {
margin-right: 10px;
font-size: 0.7em;
}
/* accordion
-----------------------------------------------------------------------------*/
.accordion.zen-flat .zentitle {
background: #fafafa !important;
margin-bottom: 10px;
padding: 6px 10px !important;
border: 0 !important;
}
.accordion.zen-flat .zentitle h2 span:before {
background: #999;
color: #fff;
padding: 4px;
border-radius: 4px;
}
.accordion.zen-boxed .zentitle {
background: #fff !important;
margin-bottom: 10px;
border: 1px solid #eee;
padding: 4px 10px !important;
border-radius: 4px;
}
h2.accordion-right :before {
float: right;
margin-top: 8px;
}
h2.accordion-left :before {
float: left;
margin-top: 8px;
}
.accordion.zen-flat h2.accordion-left :before {
float: left;
margin-top: 6px;
}
.accordion.zen-flat h2.accordion-right :before {
float: right;
margin-top: 6px;
}
.accordion.default li:last-child .firstitem {
border-bottom: 0 !important;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2012 Joomla Bamboo. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @version 1.7.1
*/
/* Base Elastislide Styles */
.es-carousel-wrapper {
overflow: hidden;
padding: 10px 37px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position: relative;
}
.es-carousel {
overflow: hidden;
max-width: 98%;
}
.es-carousel ul {
display: none;
}
.es-carousel ul li {
height: 100%;
float: left;
display: block;
}
.es-carousel ul li a {
display: block;
}
.es-carousel ul li a img {
display: block;
border: none;
max-height: 100%;
max-width: 100%;
}
.es-nav span {
position: absolute;
top: 50%;
left: 12px;
width: 14px;
height: 26px;
margin-top: -13px;
cursor: pointer;
}
.es-nav span.es-nav-next {
right: 12px;
left: auto;
background-position: top right;
}
/* Additions to default css for Zentools
-----------------------------------------------------------------------------*/
.es-nav span {
position: absolute;
left: 1%;
font-size: 2em;
color: #222;
}
/* Hide the text for the navigation */
.es-nav span span {
display: block;
text-indent: -9999em;
}
/* Small Navigation offset for the carousel */
.es-nav span.es-nav-next {
right: 3%;
}
/* Arrow hover */
.es-nav span:hover {
color: #999;
}
.zentools.es-carousel li.element {
margin-right: 0 !important;
}
@font-face {
font-family: 'fontello';
src: url("font/fontello.eot");
src: url("font/fontello.eot?#iefix") format('embedded-opentype'), url("font/fontello.woff") format('woff'), url("font/fontello.ttf") format('truetype'), url("font/fontello.svg#fontello") format('svg');
font-weight: normal;
font-style: normal;
}
.zentools {
/* 'о ‘' */
/* 'о ђ' */
/* 'о “' */
/* 'о ’' */
/* 'о •' */
/* 'о —' */
/* 'о Ð' */
/* 'о Ћ' */
/* 'о ›' */
/* 'о Ќ' */
/* 'о њ' */
/* 'о љ' */
/* 'о ќ' */
/* 'о â€' */
/* 'о –' */
/* 'о ў' */
/* 'о Ј' */
/* 'о ™' */
/* 'о ˜' */
/* 'о Ò' */
/* 'о џ' */
/* 'о ћ' */
/* 'о Ў' */
/* 'о ' */
/* 'о µ' */
/* 'о Ђ' */
/* 'о Ѓ' */
/* 'о ‚' */
/* 'о ѓ' */
/* 'о „' */
/* 'о …' */
/* 'о †' */
/* 'о ‹' */
/* 'о ‰' */
/* 'о Љ' */
/* 'о Њ' */
/* 'о €' */
/* 'о ¶' */
/* 'о ·' */
/* 'о ‡' */
/* 'о ¤' */
/* Reset on some other Zentiools elements */
}
.zentools :before {
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
opacity: 0.8;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.zentools .icon-plus:before {
content: '\e811';
font-family: 'fontello';
}
.zentools .icon-minus:before {
content: '\e810';
font-family: 'fontello';
}
.zentools .icon-up-thin:before {
content: '\e813';
font-family: 'fontello';
}
.zentools .icon-down-thin:before {
content: '\e812';
font-family: 'fontello';
}
.zentools .icon-plus-squared:before {
content: '\e815';
font-family: 'fontello';
}
.zentools .icon-minus-squared:before {
content: '\e817';
font-family: 'fontello';
}
.zentools .icon-pause:before {
content: '\e80f';
font-family: 'fontello';
}
.zentools .icon-stop:before {
content: '\e80e';
font-family: 'fontello';
}
.zentools .icon-up-dir:before {
content: '\e81b';
font-family: 'fontello';
}
.zentools .icon-play:before {
content: '\e80d';
font-family: 'fontello';
}
.zentools .icon-right-dir:before {
content: '\e81c';
font-family: 'fontello';
}
.zentools .icon-down-dir:before {
content: '\e81a';
font-family: 'fontello';
}
.zentools .icon-left-dir:before {
content: '\e81d';
font-family: 'fontello';
}
.zentools .icon-plus-circled:before {
content: '\e814';
font-family: 'fontello';
}
.zentools .icon-minus-circled:before {
content: '\e816';
font-family: 'fontello';
}
.zentools .icon-right:before {
content: '\e822';
font-family: 'fontello';
}
.zentools .icon-left:before {
content: '\e823';
font-family: 'fontello';
}
.zentools .icon-up:before {
content: '\e819';
font-family: 'fontello';
}
.zentools .icon-down:before {
content: '\e818';
font-family: 'fontello';
}
.zentools .icon-list:before {
content: '\e825';
font-family: 'fontello';
}
.zentools .icon-left-bold:before {
content: '\e81f';
font-family: 'fontello';
}
.zentools .icon-right-bold:before {
content: '\e81e';
font-family: 'fontello';
}
.zentools .icon-up-bold:before {
content: '\e821';
font-family: 'fontello';
}
.zentools .icon-down-bold:before {
content: '\e820';
font-family: 'fontello';
}
.zentools .icon-down-circled:before {
content: '\e835';
font-family: 'fontello';
}
.zentools .icon-left-circled:before {
content: '\e800';
font-family: 'fontello';
}
.zentools .icon-right-circled:before {
content: '\e801';
font-family: 'fontello';
}
.zentools .icon-up-circled:before {
content: '\e802';
font-family: 'fontello';
}
.zentools .icon-down-open:before {
content: '\e803';
font-family: 'fontello';
}
.zentools .icon-left-open:before {
content: '\e804';
font-family: 'fontello';
}
.zentools .icon-right-open:before {
content: '\e805';
font-family: 'fontello';
}
.zentools .icon-up-open:before {
content: '\e806';
font-family: 'fontello';
}
.zentools .icon-down-open-mini:before {
content: '\e80b';
font-family: 'fontello';
}
.zentools .icon-left-open-mini:before {
content: '\e809';
font-family: 'fontello';
}
.zentools .icon-right-open-mini:before {
content: '\e80a';
font-family: 'fontello';
}
.zentools .icon-up-open-mini:before {
content: '\e80c';
font-family: 'fontello';
}
.zentools .icon-down-open-big:before {
content: '\e808';
font-family: 'fontello';
}
.zentools .icon-left-open-big:before {
content: '\e836';
font-family: 'fontello';
}
.zentools .icon-right-open-big:before {
content: '\e837';
font-family: 'fontello';
}
.zentools .icon-up-open-big:before {
content: '\e807';
font-family: 'fontello';
}
.zentools .icon-dot:before {
content: '\e824';
font-family: 'fontello';
}
.zentools .zentools.icons li span:before {
margin-right: 8px;
text-indent: 0;
}
.es-nav .icon-right-open:before,
.slideshowstandard .zentools ul.flex-direction-nav li .next:before {
content: '\e837';
font-family: 'fontello' !important;
}
/* '' */
.es-nav .icon-left-open:before,
.slideshowstandard .zentools ul.flex-direction-nav li :before {
content: '\e836';
font-family: 'fontello' !important;
}
/* '' */
.slideshowstandard .zentools a.flex-pause:before {
content: '\e80f';
font-family: 'fontello' !important;
}
/* '⎉' */
.slideshowstandard .zentools a.flex-play:before {
content: '\25b6';
font-family: 'fontello' !important;
}
/* 'â–¶' */
.slideshowstandard .zentools a.flex-stop:before {
content: '\25aa';
font-family: 'fontello' !important;
}
/* 'â–¶' */
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Grid Layout - Can remove in zgf v2
-----------------------------------------------------------------------------*/
body.center .container {
margin: 0 auto;
}
body.left .container {
float: left;
}
body.right .container {
float: right;
}
.zentools .row {
width: 94%;
margin: 0 auto;
overflow: hidden;
}
.zentools .container.left .row,
.zentools .container.right .row {
margin: 0;
}
.zentools .grid_one,
.zentools .grid_two,
.zentools .grid_three,
.zentools .grid_four,
.zentools .grid_five,
.zentools .grid_six,
.zentools .grid_seven,
.zentools .grid_eight,
.zentools .grid_nine,
.zentools .grid_ten,
.zentools .grid_eleven,
.zentools .grid_3,
.zentools .grid_4,
.zentools .grid_2,
.zentools .grid_1,
.zentools .grid_5,
.zentools .grid_7,
.zentools .grid_8,
.zentools .grid_9,
.zentools .grid_10,
.zentools .grid_11 {
margin-right: 3.8%;
float: left;
position: relative;
min-height: 1px;
}
.zentools .grid_one {
width: 4.85%;
}
.zentools .grid_11 {
width: 5.7%;
}
.zentools .grid_10 {
width: 6.7%;
}
.zentools .grid_9 {
width: 7.9%;
}
.zentools .grid_8 {
width: 9.3%;
}
.zentools .grid_7 {
width: 11.1%;
}
.zentools .grid_two {
width: 13.45%;
}
.zentools .grid_5 {
width: 16.2%;
}
.zentools .grid_three,
.grid_4 {
width: 22.05%;
}
.zentools .grid_four,
.grid_3 {
width: 30.75%;
}
.zentools .grid_five {
width: 39.45%;
}
.zentools .grid_six,
.grid_2 {
width: 48%;
}
.zentools .grid_seven {
width: 56.75%;
}
.zentools .grid_eight {
width: 65.4%;
}
.zentools .grid_nine {
width: 74.05%;
}
.zentools .grid_ten {
width: 82.7%;
}
.zentools .grid_eleven {
width: 91.35%;
}
.zentools .grid_twelve,
grid_,
.grid_1 {
width: 100%;
float: left;
position: relative;
}
.zentools .zenlast,
.jblast {
float: right;
margin: 0;
}
.zentools .onecols_push {
left: 8.85%;
}
.zentools .twocols_push {
left: 17.25%;
}
.zentools .threecols_push {
left: 25.85%;
}
.zentools .fourcols_push {
left: 60.55%;
}
.zentools .fivecols_push {
left: 43.25%;
}
.zentools .sixcols_push {
left: 51.80%;
}
.zentools .sevencols_push {
left: 60.55%;
}
.zentools .eightcols_push {
left: 69.20%;
}
.zentools .ninecols_push {
left: 77.85%;
}
.zentools .tencols_push {
left: 86.5%;
}
.zentools .elevencols_push {
left: 94.85%;
}
.zentools .onecols_pull {
left: -8.85%;
}
.zentools .twocols_pull {
left: -17.25%;
}
.zentools .threecols_pull {
left: -25.85%;
}
.zentools .fourcols_pull {
left: -34.55%;
}
.zentools .fivecols_pull {
left: -43.25%;
}
.zentools .sixcols_pull {
left: -51%;
}
.zentools .sevencols_pull {
left: -60.55%;
}
.zentools .eightcols_pull {
left: -69.2%;
}
.zentools .ninecols_pull {
left: -77.85%;
}
.zentools .tencols_pull {
left: -86.25%;
}
.zentools .elevencols_pull {
left: -94.85%;
}
@media only screen and (max-width: 520px) {
.zentools .grid_3,
.zentools .grid_4,
.zentools .grid_5,
.zentools .grid_6,
.zentools .grid_7,
.zentools .grid_8,
.zentools .grid_9,
.zentools .grid_10,
.zentools .grid_11,
.zentools .grid_three,
.zentools .grid_four,
.zentools .grid_five,
.zentools .grid_six,
.zentools .grid_seven,
.zentools .grid_eight,
.zentools .grid_nine,
.zentools .grid_ten,
.zentools .grid_eleven {
float: left;
width: 100% !important;
}
}
.zentools .grid_one.isotope-item,
.zentools .grid_two.isotope-item,
.zentools .grid_three.isotope-item,
.zentools .grid_four.isotope-item,
.zentools .grid_five.isotope-item,
.zentools .grid_six.isotope-item,
.zentools .grid_seven.isotope-item,
.zentools .grid_eight.isotope-item,
.zentools .grid_nine.isotope-item,
.zentools .grid_ten.isotope-item,
.zentools .grid_eleven.isotope-item,
.zentools .grid_3.isotope-item,
.zentools .grid_4.isotope-item,
.zentools .grid_2.isotope-item,
.zentools .grid_1.isotope-item,
.zentools .grid_5.isotope-item,
.zentools .grid_7.isotope-item,
.zentools .grid_8.isotope-item,
.zentools .grid_9.isotope-item,
.zentools .grid_10.isotope-item,
.zentools .grid_11 {
margin-right: 0;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Masonry
-----------------------------------------------------------------------------*/
.zentools.masonry li.grid_1,
.zentools.masonry li.grid_twelve,
.zentools.masonry li.full {
width: 94%;
}
.zentools.masonry .zenitem,
.zentools .grid .zenitem,
.zentools.grid .zenitem {
margin-bottom: 30px;
}
.zentools.masonry li.grid_2,
.zentools.masonry li.grid_six {
width: 40.5%;
}
.zentools.masonry li.grid_3,
.isotope li.grid_3,
.zentools.masonry li.grid_four,
.isotope li.grid_four {
width: 29%;
margin-right: 2%;
}
.zentools.masonry li.grid_4,
.zentools.masonry li.grid_three {
width: 20.75%;
}
.zentools.masonry li.grid_6,
.zentools.masonry li.grid_two {
width: 11%;
}
.zentools.masonry li.grid_12,
.zentools.masonry li.grid_one {
width: 4.5%;
}
.zentools.masonry img {
margin-bottom: 20px;
}
/* Filter View
-----------------------------------------------------------------------------*/
.grid_one.isotope-item,
.grid_two.isotope-item,
.grid_three.isotope-item,
.grid_four.isotope-item,
.grid_five.isotope-item,
.grid_six.isotope-item,
.grid_seven.isotope-item,
.grid_eight.isotope-item,
.grid_nine.isotope-item,
.grid_ten.isotope-item,
.grid_eleven.isotope-item {
margin-right: 0;
*margin-right: 0;
/* Targeting IE7 only*/
float: left;
position: relative;
min-height: 1px;
}
/* Transitions for Filter view
-----------------------------------------------------------------------------*/
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope-hidden {
display: none !important;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
.zenpages {
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.zenpages a {
font-size: 12px;
cursor: pointer;
margin: 0 5px;
color: #333;
background: #ccc;
padding: 4px 8px;
border-radius: 4px;
float: left;
}
.zenpages a:hover {
background-color: #222;
color: #fff;
text-decoration: none;
}
.zenpages a.jp-previous {
margin-right: 15px;
}
.zenpages a.jp-next {
margin-left: 15px;
}
.zenpages a.jp-current,
.zenpages a.jp-current:hover {
background: #666;
color: #fff;
}
.zenpages a.jp-disabled,
.zenpages a.jp-disabled:hover {
color: #bbbbbb;
}
a.jp-current:hover,
.zenpages a.jp-disabled,
a.jp-disabled:hover {
cursor: default;
background: none;
}
.zenpages span {
margin: 0 5px;
}
.zenpagination ul li {
margin-bottom: 0 !important;
}
.zenpagination {
margin-bottom: 30px;
float: left;
width: 100%;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Slideshow
-----------------------------------------------------------------------------*/
.zentools.slideshow li {
margin: 0;
}
.zentools.slideshow ul.slidenav li {
margin: 0 10px 0 0;
}
.zenrelative {
position: relative;
z-index: 1;
}
.zentools.slideshow {
clear: both;
float: left;
width: 100%;
}
/* Reset for Zencenter rule applied via framework
-----------------------------------------------------------------------------*/
.zentools .zencenter,
.zentools .zenright {
text-align: left;
}
/* Slideshow Nav
-----------------------------------------------------------------------------*/
.zentools .slide-controller ul.slidenav.zencenter {
text-align: center;
margin-top: 5px;
}
.zentools .slide-controller ul.slidenav.zencenter li,
.zentools .slide-controller.zencenter ul.slidenav li.flex-active {
display: inline;
float: none;
padding: 0 7px 0 7px;
margin: 0 4px;
}
.zentools .slide-controller ul.slidenav.zencenter li span {
display: inline-block;
padding: 0;
}
.zentools .slide-controller ul.slidenav.zenright {
float: right;
}
.zentools .slide-controller ul.slidenav.zenright li {
display: inline !important;
}
.zentools .slidenavdiscs {
text-align: center;
float: left;
width: 100%;
padding: 8px 0;
}
.zentools .slide-controller {
margin-top: 0px;
overflow: hidden;
width: 100%;
}
.zentools .slide-controller.zenpadding {
padding: 10px 0 0;
}
.zentools.slideshow ul.flex-direction-nav {
width: 50px;
margin-top: 0px;
}
.zentools .slide-controller {
margin: 0;
padding-bottom: 10px;
}
.zentools ul.slidenav li img {
margin-bottom: 10px;
}
.zentools .slide-controller.none {
display: none;
}
/* Slideshow Nav - Numbers
-----------------------------------------------------------------------------*/
.zentools .slidenavnumbers ul.zenleft li {
float: left;
padding: 0 !important;
}
.zentools .slidenavnumbers ul.zenright li {
padding: 0 !important;
}
.zentools .slidenavnumbers ul.zenleft li span,
.zentools .slidenavdiscs ul.zenleft li span,
.zentools .slidenavnumbers ul.zencenter li span,
.zentools .slidenavnumbers ul.zenright li span {
float: left;
background: #eee;
border-radius: 4px;
cursor: pointer;
margin-bottom: 12px;
padding: 4px 8px;
}
.zentools .slidenavnumbers ul li.flex-active span,
.zentools .slidenavnumbers ul.zencenter li.flex-active span {
background: #999;
color: #ffffff;
}
.zentools .slidenavnumbers ul.zencenter li span,
.zentools .slidenavnumbers ul.zenright li span {
cursor: pointer;
padding: 4px 6px !important;
border-radius: 4px;
float: none;
margin-right: 0;
}
.zentools .slidenavnumbers ul.zencenter li {
padding: 0 !important;
}
.zentools .slidenavthumb ul.zenright {
float: right !important;
}
/* Slideshow Nav - Discs
-----------------------------------------------------------------------------*/
.zentools .slidenavdiscs ul li {
background: url(../../images/slideshow/nav.png) 0 0 no-repeat;
display: block;
text-indent: -9999em;
float: left;
padding: 8px !important;
margin: 0;
}
.zentools .slidenavdiscs ul li.flex-active {
background: url(../../images/slideshow/nav.png) 0 -79px no-repeat;
display: block;
float: left;
text-indent: -9999em;
}
.zentools .slidenavdiscs ul li span {
display: none;
}
/* Slideshow Nav - Thumb
-----------------------------------------------------------------------------*/
.zentools .slidenavthumb ul li {
margin-bottom: 12px;
margin-right: 10px;
cursor: pointer;
}
.zentools .slidenavthumb ul.zenleft li {
float: left;
padding: 0;
}
.zentools .slidenavthumb ul.zencenter li {
margin: 0;
padding: 0 !important;
}
/* Slideshow Count
-----------------------------------------------------------------------------*/
.zentools .slidecount {
float: right;
text-align: right;
margin-top: 0px;
height: 20px;
font-size: 90%;
display: none;
}
/* Flexislider CSS
-----------------------------------------------------------------------------*/
/* Browser Resets */
.zentools .flex-container a:active,
.zentools .flexslider a:active {
outline: none;
}
.zentools .slides,
.zentools .flex-control-nav,
.zentools .flex-direction-nav {
list-style: none;
margin: 0;
padding: 0;
}
/* FlexSlider Necessary Styles
*********************************/
.zentools.flexslider {
width: 100%;
margin: 0;
padding: 0;
}
.zentools.flexslider .slides > li {
display: none;
position: relative;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.zentools.flexslider .slides img {
max-width: 100%;
display: block;
margin: 0 0 30px;
}
.zentools .flex-pauseplay {
float: left;
margin-top: 5px;
}
.zentools .flex-pauseplay span {
padding: 5px 10px;
z-index: 11;
text-align: center;
border-radius: 3px;
border: 1px solid #DDD;
text-transform: uppercase;
cursor: pointer;
font-size: 85%;
text-align: right;
clear: both;
}
.zentools .flex-pauseplay a.flex-play span {
text-shadow: 0 1px 1px white;
background: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
background: -moz-linear-gradient(top, #ffffff, #e0e0e0);
background: -ms-linear-gradient(top, #ffffff, #e0e0e0);
background: -o-linear-gradient(top, #ffffff, #e0e0e0);
font-weight: bold;
font-size: 80%;
}
.zentools.flexslider .flex-pauseplay a.flex-pause span,
.zentools ul.flex-direction-nav li a {
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 2px #eee;
-moz-box-shadow: inset 0 1px 2px #eee;
box-shadow: inset 0 1px 2px #fff;
background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
background: -ms-linear-gradient(top, #ffffff, #dcdcdc);
background: -o-linear-gradient(top, #ffffff, #dcdcdc);
font-size: 80%;
}
/* Clearfix for the .slides element */
.zentools .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .zentools .slides {
display: block;
}
* html .zentools .slides {
height: 1%;
}
/* No JavaScript Fallback
If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .zentools .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme
*********************************/
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.zentools .flex-container {
zoom: 1px;
position: relative;
}
/* Caption style
IE rgba() hack */
.zentools .flex-caption {
background: none;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
zoom: 1px;
}
/* Direction Nav */
.zentools .slide-controller .flex-direction-nav {
float: left;
margin-top: 20px;
}
.zentools .flex-direction-nav li a span {
width: 15px;
height: 20px;
display: block;
background: url(../images/slideshow/bg_direction_nav.png) no-repeat 0 -18px;
cursor: pointer;
text-indent: -9999px;
z-index: 10;
float: left;
}
.zentools ul.flex-direction-nav li a {
float: left;
padding: 4px 4px 4px 1px;
width: 14px;
border-radius: 3px;
height: 13px;
margin-right: 4px;
}
.zentools .flex-direction-nav li a:active,
.zentools .flex-direction-nav li a:focus {
top: auto;
}
.zentools .flex-direction-nav li .next span {
background-position: -92px -18px !important;
margin-left: 4px;
}
.zentools .flex-direction-nav li .disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
}
/* Control Nav */
.zentools .flex-control-nav {
text-align: center;
z-index: 11;
position: relative;
clear: both;
}
.zentools .flex-control-nav li {
zoom: 1px;
display: inline;
margin: 0 0 0 5px;
}
.zentools .flex-control-nav li:first-child {
margin: 0;
}
.zentools .flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
background: url(../images/slideshow/bg_control_nav.png) no-repeat 0 0;
cursor: pointer;
text-indent: -9999px;
}
.zentools .flex-control-nav li a:hover {
background-position: 0 -13px;
}
.zentools .flex-control-nav li a.active {
background-position: 0 -26px;
cursor: default;
}
.slideshow.zenpagination {
position: relative;
}
.slideshow.zenpagination .slide-controller {
position: absolute;
right: 0;
top: -12px;
}
.slideshow.zenpagination .slide-controller li {
list-style-type: none;
}
/* Slideshow Pagination - none
-----------------------------------------------------------------------------*/
.slidenavnone ul.slidenav {
display: none;
}
.zentools .slide-controller i {
display: none;
}
.zentools .flex-viewport {
float: left;
width: 100%;
}
.zentools.slideshow li {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
.slideshowflat .flex-direction-nav li a {
top: 0px;
z-index: 11;
}
.slideshowflat .slide-controller i {
display: none;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Slideshow Overlay
-----------------------------------------------------------------------------*/
.slideshowoverlay .allitems {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
color: #fff;
padding: 10px 4% !important;
max-width: 100%;
}
.slideshowoverlay h2 a,
.slideshowoverlay h3 a,
.slideshowoverlay h4 a,
.slideshowoverlay strong a {
color: #fff;
margin-bottom: 0;
}
.slideshowoverlay h2,
.slideshowoverlay h3,
.slideshowoverlay h4 {
margin: 0;
padding: 0;
}
@media screen and (max-width: 680px) {
.zentools.slideshow .column,
.zentools.slideshow .column2,
.zentools.slideshow .column3 {
margin: 0;
}
}
/* Navigation
-----------------------------------------------------------------------------*/
.slideshow.slideshowoverlay .slide-controller {
margin: 0;
}
.slideshowoverlay ul.slidenav {
margin-bottom: 10px !important;
}
/* Reset image margin in overlay theme
-----------------------------------------------------------------------------*/
.slideshow.slideshowoverlay img {
margin: 0 !important;
}
.slideshow.slideshowoverlay .slide-controller i {
display: none;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Slideshow Overlay
-----------------------------------------------------------------------------*/
.slideshowoverlayFrame .allitems {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
color: #fff;
padding: 10px 4% !important;
max-width: 100%;
}
.slideshowoverlayFrame .allitems h2 a {
color: #ffffff;
}
.slideshow.slideshowoverlayFrame {
background: #f9f9f9;
margin-bottom: 30px;
border: 1px solid #ddd;
border-radius: 4px;
float: left;
width: 100%;
padding: 2%
;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
.slideshow.slideshowoverlayFrame img {
margin: 0 !important;
}
.slideshowoverlayFrame .slide-controller {
float: left;
}
.slideshowoverlayFrame h2,
.slideshowoverlayFrame h3,
.slideshowoverlayFrame h4 {
margin: 0;
padding: 0;
}
.slideshowoverlayFrame .allitems.container {
width: 100% !important;
}
@media screen and (max-width: 680px) {
.zentools.slideshow .column,
.zentools.slideshow .column2,
.zentools.slideshow .column3 {
margin: 0;
}
}
.slideshow.slideshowoverlayFrame .grid_twelve {
margin-bottom: 0;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Theme specific
-----------------------------------------------------------------------------*/
.slideshowstandard .zentitle a {
color: #fff;
}
.slideshowstandard .slide-controller {
position: absolute;
bottom: 0px;
height: 30px;
overflow: visible;
}
.slideshowstandard .flex-pauseplay a.flex-pause span,
.slideshowstandard ul.flex-direction-nav li a {
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.slideshowstandard ul.flex-direction-nav li a {
padding: 4px 8px 8px 0 !important;
margin-top: -60px;
color: #fff;
font-size: 16px;
}
.slideshowstandard ul.flex-direction-nav li a,
.slideshowstandard .slidecount,
.slideshowstandard .allitems {
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
position: absolute;
padding: 4px 0 2px;
border: 0;
}
.slideshowstandard .allitems {
max-width: 100%;
}
.slideshowstandard ul.flex-direction-nav a:hover {
background: rgba(0, 0, 0, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
position: absolute;
padding: 4px 0 2px;
}
.slideshowstandard .allitems.container {
position: absolute;
right: 0;
line-height: 1;
top: 20px;
width: auto !important;
padding: 4px 10px;
}
.slideshowstandard .allitems .zentitle,
.slideshowstandard .allitems .zentext {
float: left;
margin-right: 10px;
color: #fff;
}
.slideshowstandard .allitems div {
float: left;
}
.slideshowstandard .allitems .zenmore {
float: right;
margin-top: 40px;
}
.slideshowstandard .zentitle h1,
.slideshowstandard .zentitle h2,
.slideshowstandard .zentitle h3,
.slideshowstandard .zentitle h4,
.slideshowstandard .zentitle p {
margin-bottom: 0;
margin-top: 4px;
}
.slideshowstandard ul.flex-direction-nav {
margin-top: 0px !important;
}
.slideshowstandard ul.flex-direction-nav a.prev {
left: 3%;
}
.slideshowstandard ul.flex-direction-nav a.next {
right: 3%;
}
/* Remobves default span image */
.slideshowstandard ul.flex-direction-nav a span {
background: none;
}
/* Slideshow count */
.slideshowstandard .slidecount {
bottom: 90px;
right: 3%;
padding: 10px 6px;
line-height: 0.1;
font-size: 30%;
color: #eee;
margin: 0;
}
.slideshowstandard ul.slidenav {
bottom: 10px;
position: absolute;
height: 10px;
width: 88%;
}
.slideshowstandard {
padding-bottom: 30px;
}
.slideshowstandard ul.slidenav li img {
padding: 2px 2px 2px 0;
}
.slideshowstandard .flex-pauseplay {
bottom: -10px;
position: absolute;
font-size: 1.5em;
padding: 4px ;
right: 0;
}
.slideshowstandard .flex-pauseplay a {
color: #333;
}
.slideshowstandard .flex-pauseplay a span {
cursor: pointer;
background: 0 !important;
border: 0 !important;
text-indent: -9999em !important;
display: none;
}
.slideshowstandard .slidenavnumbers li {
font-size: 40%;
margin-right: 4px;
}
.slideshowstandard .slidenavnumbers li.flex-active span,
.slideshowstandard .slidenavnumbers li:hover span {
background: #666;
color: #fff;
}
/* --------------------------------------------- */
/* Author: http://codecanyon.net/user/CodingJack */
/* --------------------------------------------- */
/* ----------------------------------------------------------- */
/* COLORS, FONTS and GRAPHICS */
/* ----------------------------------------------------------- */
/* adjust main modal background color and opacity here */
.jackbox-modal {
font: 12px Arial, Helvetica, sans-serif;
color: #666;
line-height: 18px;
background: rgba(0, 0, 0, 0.75);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.jackbox-modal * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
/* headers for descriptions and custom html */
.jackbox-modal h2,
.jackbox-modal h3 {
font: 24px "Mako", sans-serif;
font-weight: normal;
color: #444;
}
/* the item titles shown beneath the content */
.jackbox-title-text {
font: 14px "Mako", sans-serif;
color: #222;
}
/* small thumb tooltip container */
.jackbox-thumb-tip {
background: url(../images/lightbox/graphics/ie_bg.png);
background: rgba(0, 0, 0, 0.75);
}
/* small thumb tooltip text */
.jackbox-thumb-tip-text {
font: 12px "Mako", sans-serif;
text-transform: uppercase;
color: #FFF;
}
/* item descriptions (info) background-color */
.jackbox-description-text {
background-color: #FFF;
text-align: left;
}
/* custom html's background-color and border */
.jackbox-html > div {
background-color: #F5F5F5;
border: 1px solid #E5E5E5;
text-align: left;
}
/* main content container */
.jackbox-holder {
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.jackbox-container {
background: #fff;
/* background: -moz-radial-gradient(center, ellipse cover, rgba(68, 68, 68, 1) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(68, 68, 68, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(68, 68, 68, 1) 0%, rgba(0, 0, 0, 1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(68, 68, 68, 1) 0%, rgba(0, 0, 0, 1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(68, 68, 68, 1) 0%,rgba(0, 0, 0, 1) 100%);
background: radial-gradient(ellipse at center, rgba(68, 68, 68, 1) 0%, rgba(0, 0, 0, 1) 100%);*/
}
/* large prev/next buttons located on the far sides of the modal */
.jackbox-panel:hover {
background-color: #333;
}
/* large prev button */
.jackbox-panel-left {
background-image: url(../images/lightbox/graphics/panel_left.png);
}
/* large next button */
.jackbox-panel-right {
background-image: url(../images/lightbox/graphics/panel_right.png);
}
/* large prev button on mouse over */
.jackbox-panel-left:hover {
-webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.2);
border-right: 1px solid #4D4D4D;
background-image: url(../images/lightbox/graphics/panel_left_over.png);
}
/* large right button on mouseover */
.jackbox-panel-right:hover {
-webkit-box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.2);
border-left: 1px solid #4D4D4D;
background-image: url(../images/lightbox/graphics/panel_right_over.png);
}
/* prev, next, info, close and toggle-thumbs buttons */
.jackbox-button {
width: 20px;
height: 20px;
background-size: 20px 20px;
background-repeat: no-repeat;
}
/* previous button */
.jackbox-arrow-left {
background-image: url(../images/lightbox/graphics/left_arrow.png);
}
/* next button */
.jackbox-arrow-right {
background-image: url(../images/lightbox/graphics/right_arrow.png);
}
/* info button */
.jackbox-info {
background-image: url(../images/lightbox/graphics/info.png);
}
/* show thumbnails (+) */
.jackbox-show-thumbs {
background-image: url(../images/lightbox/graphics/thumbs_show.png);
}
/* hide thumbnails (-) */
.jackbox-hide-thumbs {
background-image: url(../images/lightbox/graphics/thumbs_hide.png);
}
/* close button */
.jackbox-close {
background-image: url(../images/lightbox/graphics/exit.png);
}
/* fullscreen button */
.jackbox-fs {
background-image: url(../images/lightbox/graphics/fullscreen.png);
}
.jackbox-ns {
background-image: url(../images/lightbox/graphics/normalscreen.png);
}
/* button over/active state */
.jb-info-inactive,
.jackbox-button:hover {
opacity: 0.6;
}
/* thumb strip background color and opacity */
.jackbox-thumb-panel {
background: url(../images/lightbox/graphics/ie_bg.png);
background: rgba(0, 0, 0, 0.75);
}
/* the thumb panel's left arrow */
.jackbox-thumb-left {
width: 20px;
height: 20px;
margin: -9px 0 0 -30px;
background-size: 20px 20px;
background-repeat: no-repeat;
background-image: url(../images/lightbox/graphics/thumb_left.png);
}
/* the thumb panel's right arrow */
.jackbox-thumb-right {
width: 20px;
height: 20px;
margin: -9px 0 0 12px;
background-size: 20px 20px;
background-repeat: no-repeat;
background-image: url(../images/lightbox/graphics/thumb_right.png);
}
/* the thumb arrows, on mouse over */
.jackbox-thumb-left:hover,
.jackbox-thumb-right:hover {
opacity: 0.70;
}
.jackbox-pre-outside {
padding: 5px;
/* <------ first color ------> <-- second color --> */
background: url(../images/lightbox/graphics/ie_preloader.gif);
/* fallback gif preloader */
/*background: -moz-linear-gradient(top, #FFF 0%, #FFF 25%, #444 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(25%, #FFF), color-stop(90%, #444));
background: -webkit-linear-gradient(top, #FFF 0%, #FFF 25%, #444 90%);
background: -o-linear-gradient(top, #FFF 0%, #FFF 25%, #444 90%);
background: -ms-linear-gradient(top, #FFF 0%, #FFF 25%, #444 90%);
background: linear-gradient(to bottom, #FFF 0%, #FFF 25%, #444 90%);*/
}
/* graphic placed inside preloader to create gradient effect */
.jackbox-pre-inside {
background-color: #fff;
}
/* ----------------------------------------------------------- */
/* LAYOUT and POSITIONING */
/* ----------------------------------------------------------- */
/* This is necessary for the hover effects to work */
.jackbox {
position: relative;
display: block;
}
/* the main modal */
.jackbox-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
z-index: 9999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
/* h2 header spacing for custom html */
.jackbox-modal h2 {
margin: 0 0 12px -2px;
}
/* h3 header spacing for descrptions/info */
.jackbox-modal h3 {
margin: 0 0 8px -2px;
}
/* custom html unordered list */
.jackbox-modal ul {
margin: 0;
padding: 0;
}
/* custom html unordered list items */
.jackbox-modal li {
margin: 0 0 10px 0;
padding: 0;
}
/* normalize custom html padding */
.jackbox-modal li:last-child {
margin-bottom: -10px;
}
/* custom html content container */
.jackbox-html > div {
padding: 16px 20px 16px 20px;
box-sizing: border-box;
}
/* custom html content paragraphs */
.jackbox-html > div p {
margin: 5px 0 0 0;
color: #808080;
}
/* the title text container */
.jackbox-title-text {
position: absolute;
left: 6px;
top: 7px;
width: 100%;
overflow: hidden;
text-align: center;
white-space: nowrap;
z-index: 0;
}
/* description text container */
.jackbox-info-text {
display: inline-block;
overflow-y: auto;
z-index: 999;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
/* description text inner container */
.jackbox-description-text {
padding: 14px 17px 19px 17px;
}
/* hide content initially */
.jackbox-html,
.jackbox-wrapper,
.jackbox-content,
.jackbox-description,
.jackbox-hidden-items {
display: none;
}
/* Allow overflow for html divs */
.jackbox-html {
overflow-y: auto;
}
/* https://developer.mozilla.org/en-US/docs/CSS/Image-rendering */
.jackbox-modal img {
image-rendering: optimizeSpeed;
}
/* the main content container */
.jackbox-holder {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
padding: 33px 6px 34px 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
/* the main media container */
.jackbox-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
z-index: 0;
text-align: center;
}
/* gets applied to the media itself (image/iframe) */
.jackbox-content {
margin: 0 auto;
}
/* when non-native fullscreen video is activated, gets applied to html/body tags */
.jackbox-overflow {
overflow: hidden !important;
}
/* main thumbstrip container */
.jackbox-thumb-holder {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
/* inner thumbstrip container */
.jackbox-thumb-panel {
position: absolute;
left: 50%;
overflow: hidden;
white-space: nowrap;
padding: 2px 2px 0 2px;
}
/* final thumbstrip container */
.jackbox-thumb-strip {
position: relative;
}
/* thumbnail container */
.jackbox-thumb {
overflow: hidden;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
/* thumbnail image */
.jackbox-thumb img {
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
-ms-transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
/* gets added when the thumbnail loads */
.jb-thumb-fadein img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
/* gets applied to an active thumb item */
.jb-thumb-active img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/* thumbnail mouse over */
.jb-thumb-hover img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/* removes the pointer cursor for an active thumbnail */
.jb-thumb-active img {
cursor: auto;
}
/* the thumbstrip arrows */
.jackbox-thumb-left,
.jackbox-thumb-right {
cursor: pointer;
position: absolute;
display: none;
}
/* the content header */
.jackbox-top {
position: absolute;
top: 7px;
left: 5px;
}
/* cross-browser fix for background */
.jackbox-top:after {
content: "";
position: absolute;
top: 26px;
left: 1px;
width: 100%;
height: 1px;
background-color: #FFF;
display: block;
z-index: 999;
}
/* the content footer */
.jackbox-bottom {
position: relative;
white-space: nowrap;
z-index: 99;
}
/* the social widget */
.jackbox-social {
position: absolute;
}
/* the header's button container (the close button) */
.jackbox-top-icons {
position: absolute;
right: -1px;
}
/* the footer's button container */
.jackbox-bottom-icons {
position: absolute;
right: 0px;
top: 7px;
}
/* the prev/next button container */
.jackbox-controls {
position: absolute;
left: 0;
top: 7px;
z-index: 1;
}
/* gets applied to header/footer buttons */
.jackbox-button {
cursor: pointer;
display: inline-block;
}
/* the next item button */
.jackbox-arrow-right {
margin-left: 6px;
}
/* show/hide, fullscreen/normalscreen buttons */
.jackbox-button-margin {
margin-left: 6px;
}
/* toggle the fullscreen buttons while in fullscreen */
:-webkit-full-screen .jackbox-fs {
display: none !important;
}
/* toggle the fullscreen buttons while in fullscreen */
:-moz-full-screen .jackbox-fs {
display: none !important;
}
/* toggle the fullscreen buttons while in fullscreen */
:-webkit-full-screen .jackbox-ns {
display: inline-block !important;
}
:-moz-full-screen .jackbox-ns {
display: inline-block !important;
}
/* large prev/next buttons located on the far sides of the modal */
.jackbox-panel {
display: block;
cursor: pointer;
visibility: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: 38px 38px;
width: 58px;
height: 100%;
position: absolute;
top: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
/* large prev button */
.jackbox-panel-left {
left: 0;
}
/* large next button */
.jackbox-panel-right {
right: 0;
}
/* the main preloader container */
.jackbox-preloader {
position: fixed;
left: 50%;
top: 50%;
visibility: hidden;
width: 20px;
height: 20px;
margin: -15px 0 0 -15px;
z-index: 9999;
}
/* only gets added when the preloader is shown */
.jackbox-spin-preloader {
visibility: visible;
-webkit-animation: rotator 1s linear infinite;
-moz-animation: rotator 1s linear infinite;
-ms-animation: rotator 1s linear infinite;
-o-animation: rotator 1s linear infinite;
animation: rotator 1s linear infinite;
}
.jackbox-pre-outside {
width: 20px;
height: 20px;
display: inline-block;
position: relative;
top: -25%;
left: -25%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.jackbox-pre-inside {
display: none;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
top: 5px;
left: 5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: background-color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: background-color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-ms-transition: background-color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
transition: background-color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
/* small thumb tooltip container */
.jackbox-thumb-tip {
display: block;
position: fixed;
overflow: hidden;
opacity: 0;
z-index: 9999;
visibility: hidden;
pointer-events: none;
padding: 5px 10px 5px 10px;
-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-ms-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
/* small thumb tooltip text */
.jackbox-thumb-tip-text {
white-space: nowrap;
display: inline-block;
text-transform: uppercase;
-webkit-transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-ms-transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1);
transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
/* CSS3 Preloader */
@-webkit-keyframes rotator {
from {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
/* CSS3 Preloader */
@-moz-keyframes rotator {
from {
-moz-transform: rotate(0deg);
}
50% {
-moz-transform: rotate(180deg);
}
to {
-moz-transform: rotate(360deg);
}
}
/* CSS3 Preloader */
@-o-keyframes rotator {
from {
-o-transform: rotate(0deg);
}
50% {
-o-transform: rotate(180deg);
}
to {
-o-transform: rotate(360deg);
}
}
/* CSS3 Preloader */
@-ms-keyframes rotator {
from {
-ms-transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
}
to {
-ms-transform: rotate(360deg);
}
}
/* CSS3 Preloader */
@keyframes rotator {
from {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
to {
transform: rotate(360deg);
}
}
/* ----------------------------------------------------------- */
/* SMARTPHONE */
/* ----------------------------------------------------------- */
@media screen and (max-width: 600px) {
.jackbox-panel,
.jackbox-thumb-holder {
display: none !important;
}
.jackbox-show-thumbs,
.jackbox-hide-thumbs {
width: 0;
margin-left: 0;
overflow: hidden;
}
}
/* ----------------------------------------------------------- */
/* RETINA ICONS */
/* ----------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
/* previous button */
.jackbox-arrow-left {
background-image: url(../images/lightbox/graphics/retina/left_arrow@2x.png);
}
/* next button */
.jackbox-arrow-right {
background-image: url(../images/lightbox/graphics/retina/right_arrow@2x.png);
}
/* info button */
.jackbox-info {
background-image: url(../images/lightbox/graphics/retina/info@2x.png);
}
/* show thumbnails (+) */
.jackbox-show-thumbs {
background-image: url(../images/lightbox/graphics/retina/thumbs_show@2x.png);
}
/* hide thumbnails (-) */
.jackbox-hide-thumbs {
background-image: url(../images/lightbox/graphics/retina/thumbs_hide@2x.png);
}
/* close button */
.jackbox-close {
background-image: url(../images/lightbox/graphics/retina/exit@2x.png);
}
/* fullscreen button */
.jackbox-fs {
background-image: url(../images/lightbox/graphics/retina/fullscreen@2x.png);
}
.jackbox-ns {
background-image: url(../images/lightbox/graphics/retina/normalscreen@2x.png);
}
/* the thumb panel's left arrow */
.jackbox-thumb-left {
background-image: url(../images/lightbox/graphics/retina/thumb_left@2x.png);
}
/* the thumb panel's right arrow */
.jackbox-thumb-right {
background-image: url(../images/lightbox/graphics/retina/thumb_right@2x.png);
}
/* large prev button */
.jackbox-panel-left {
background-image: url(../images/lightbox/graphics/retina/panel_left@2x.png);
}
/* large next button */
.jackbox-panel-right {
background-image: url(../images/lightbox/graphics/retina/panel_right@2x.png);
}
/* large prev button on mouse over */
.jackbox-panel-left:hover {
background-image: url(../images/lightbox/graphics/retina/panel_left_over@2x.png);
}
/* large right button on mouseover */
.jackbox-panel-right:hover {
background-image: url(../images/lightbox/graphics/retina/panel_right_over@2x.png);
}
}
/* General Styling
-----------------------------------------------------------------------------*/
.zentools {
position: relative;
float: left;
width: 100%;
}
.zentools div,
.zentools li {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
.zentools ul {
float: left;
width: 100%;
margin: 0;
}
.zentools li {
list-style-type: none;
padding: 0;
}
.zentext,
.zentitle,
.zenimage {
clear: both;
}
.zenimage,
.zenvideo,
.zentools .grid ul {
float: left;
width: 100%;
}
.zenitem {
position: relative;
*position: static;
z-index: 1;
}
/* Modal Window
-----------------------------------------------------------------------------*/
img.modal {
margin-bottom: 20px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
background: #fff;
border: 0;
}
/* Video Elements
-----------------------------------------------------------------------------*/
video {
width: 100% !important;
height: auto !important;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 94%;
}
.allitems.video {
display: none;
text-indent: -9999em;
background: 0;
height: 0;
}
/* Main content
-----------------------------------------------------------------------------*/
.zencontent {
padding: 20px 0;
}
/* Image Effects
-----------------------------------------------------------------------------*/
.zenborder img,
.zenborder .zenvideo {
border: 1px solid #ddd;
background: #eee;
margin: 0 10px 10px 0;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
padding: 4px;
}
.zenshadow img {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px;
box-shadow: 0 0 5px #888;
max-width: 99%;
margin-left: 1%;
margin-top: 4px;
}
.zenrounded img {
border-radius: 4px;
}
.zenroundedshadow img {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px;
box-shadow: 0 0 5px #888;
border-radius: 4px;
margin-left: 1%;
margin-top: 4px;
max-width: 99%;
}
.zenitem.full img,
.zenitem.full {
width: 100%;
}
/* Carousel
-----------------------------------------------------------------------------*/
.zentools.carousel .zenitem {
width: 100%;
padding: 10px 4%;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
.zentools.carousel.overlay .zenitem {
width: 94%;
padding: 0;
}
/* List Styling
-----------------------------------------------------------------------------*/
.zentools.list ul li {
list-style-type: none;
border-bottom: 1px solid #ddd;
float: left;
width: 100%;
line-height: 1.8;
margin: 0;
padding: 20px 0;
}
.zentools.list h2 {
margin-bottom: 0;
}
/* Leading
-----------------------------------------------------------------------------*/
.zentools.leading li {
width: 100%;
}
.zentools.leading .column {
margin: 0;
}
/* Grid Settings
-----------------------------------------------------------------------------*/
.zentools.nomargin .grid_one,
.zentools.nomargin .grid_two,
.zentools.nomargin .grid_three,
.zentools.nomargin .grid_four,
.zentools.nomargin .grid_five,
.zentools.nomargin .grid_six,
.zentools.nomargin .grid_seven,
.zentools.nomargin .grid_eight,
.zentools.nomargin .grid_nine,
.zentools.nomargin .grid_ten,
.zentools.nomargin .grid_eleven,
.zentools.nomargin .grid_twelve,
.zentools.nomargin .zenitem.image,
.zentools.nomargin .grid_5,
.zentools.nomargin .grid_7,
.zentools.nomargin .grid_8,
.zentools.nomargin .grid_9,
.zentools.nomargin .grid_10,
.zentools.nomargin .grid_11 {
margin: 0;
}
.zentools.nomargin .zenlast {
float: left;
}
.zentools.nomargin .zenitem {
width: 100%;
}
.zentools.grid .zenimage {
margin-bottom: 20px;
}
.zentools.nomargin .zenimage {
margin-bottom: 0;
}
.zentools.grid.overlay .zenimage {
margin-bottom: 0;
}
/* Resize the grid values if no margin is assigned. */
.zentools.nomargin .grid_twelve,
.zentools.nomargin .grid_1 {
width: 100%;
float: left;
}
.zentools.nomargin .grid_six,
.zentools.nomargin .grid_2 {
width: 50%;
float: left;
}
.zentools.nomargin .grid_four,
.zentools.nomargin .grid_3 {
width: 33.3333333%;
float: left;
}
.zentools.nomargin .grid_three,
.zentools.nomargin .grid4 {
width: 25%;
float: left;
}
.zentools.nomargin .grid_two,
.zentools.nomargin .grid6 {
width: 16.6666667%;
float: left;
}
.zentools.nomargin .grid_one,
.zentools.nomargin .grid12 {
width: 8.333333%;
float: left;
}
.zentools.nomargin .grid_5 {
width: 20%;
float: left;
}
.zentools.nomargin .grid_7 {
width: 14.3%;
float: left;
}
.zentools.nomargin .grid_8 {
width: 12.5%;
float: left;
}
.zentools.nomargin .grid_9 {
width: 11.1%;
float: left;
}
.zentools.nomargin .grid_10 {
width: 10%;
float: left;
}
.zentools.nomargin .grid_11 {
width: 9.1%;
float: left;
}
/* Overlay Effect
-----------------------------------------------------------------------------*/
.zentools.overlay li {
overflow: hidden;
margin-bottom: 30px;
}
.zentools.overlay .allitems {
position: absolute;
z-index: 9999;
background: url(../images/blackOverlay.png);
width: 100%;
padding: 8px 4%;
bottom: 0;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
}
.zentools.overlay .allitems a,
.zentools.overlay .allitems {
color: #fff;
}
.zentools.overlay .zenitem {
margin: 0 !important;
}
.zentools.overlay h2,
.zentools.overlay p {
margin: 0 !important;
}
/* Narrows the next and previous buttons int he lightbox gallery
-----------------------------------------------------------------------------*/
a#fancybox-right,
a#fancybox-left {
width: 10%;
}
/* Single Item View
-----------------------------------------------------------------------------*/
.zentools.single .zenitem {
display: none;
}
.zentools.single .zenitem1 {
display: block;
}
/* Filter lists
-----------------------------------------------------------------------------*/
ul#filters {
display: block;
margin: 0 0 30px;
float: left;
width: 100%;
padding: 8px 0;
}
ul#filters li {
float: left;
list-style-type: none;
margin: 0 20px 10px 0;
}
ul#filters li a {
padding: 6px 10px;
display: none;
}
ul#filters li a.active {
background: #eee;
border: 1px solid #ddd;
border-radius: 4px;
}
/* Fix for Fancybox on small screens
-----------------------------------------------------------------------------*/
#fancybox-content div {
width: 100% !important;
max-width: 100% !important;
}
@media only screen and (max-width 600px) {
.slideshowoverlay .allitems,
.slideshowoverlayFrame .allitems {
bottom: 60px;
}
.grid_twelve .zencontent,
.zentools .grid_twelve .imagecontainer,
ul.slidenav {
width: 100%;
}
.zentools.masonry .grid_1,
.zentools.masonry .grid_2,
.zentools.masonry .grid_3,
.zentools.masonry .grid_4,
.zentools.masonry .grid_5,
.zentools.masonry .grid_6 {
width: 97% !important;
margin-left: 2%;
}
.zentools.accordion .grid_twelve,
.zentools.slideshow li.grid_twelve,
.zentools.leading .grid_twelve {
margin: 0;
}
}
/* IE8 li.clear height issue fix
-----------------------------------------------------------------------------*/
li.clear,
li.clearing {
display: none;
height: 0;
}
.zentools.icons .zenmore span:before {
margin-right: 4px;
}
/* CSS for small icons when filter threshold triggered
-----------------------------------------------------------------------------*/
ul#filters.sml-filter span span {
display: none;
}
ul#filters.sml-filter li {
margin: 0;
float: left;
}
ul#filters.sml-filter a {
padding: 4px 8px;
margin: 0;
float: left;
}
/* Overlay More
-----------------------------------------------------------------------------*/
.zenmore.overlaymore {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
}
.zenmore.overlaymore span {
display: block;
cursor: pointer;
}
/* Boxed theme
-----------------------------------------------------------------------------*/
.zen-boxed .zeninner {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
-moz-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
padding-bottom: 20px;
}
.zen-boxed .zentext,
.zentitle {
padding: 4px 10px;
margin: 0 !important;
}
.zen-boxed .zenimage {
margin-bottom: 10px;
}
.zen-boxed .zenimage img {
-webkit-border-radius: 4px 4px 0 0 !important;
-moz-border-radius: 4px 4px 0 0 !important;
border-radius: 4px 4px 0 0 !important;
}
/* Fix for stickynav
-----------------------------------------------------------------------------*/
/*.affix {
-webkit-transform: translateZ(0);
}*/
/* Make columns 100% width on mobile (from zengrid templates mediaqueries file)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 690px) {
.grid_one,
.grid_two,
.grid_three,
.grid_four,
.grid_five,
.grid_six,
.grid_seven,
.grid_eight,
.grid_nine,
.grid_ten,
.grid_eleven,
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
width: 100% !important;
margin-bottom: 30px;
}
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
/* Stacked
-----------------------------------------------------------------------------*/
.zentools.stacked li {
overflow: hidden;
z-index: 100;
background-size: cover !important;
position: relative;
z-index: 1;
height: 300px;
}
.zentools.stacked li .zenitem {
background: rgba(0, 0, 0, 0.4);
height: 100%;
color: #fff;
text-align: center;
float: left;
padding: 120px 25%;
}
.zentools.stacked li .zenitem p,
.zentools.stacked li .zenitem h1,
.zentools.stacked li .zenitem h2,
.zentools.stacked li .zenitem h3,
.zentools.stacked li .zenitem h4,
.zentools.stacked li .zenitem h5,
.zentools.stacked li .zenitem h6,
.zentools.stacked li .zenitem blockquote {
color: #ffffff;
}
.zentools.stacked li .zenitem h2 {
font-size: 4em;
}
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2014 Copyright (C) 2013 Joomlabamboo. All rights reserved.. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.13.2
*/
.slideshowbackstretch {
position: relative;
z-index: 1;
}
.slideshowbackstretch .zenitem .allitems {
opacity: 0;
left: 40px !important;
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
box-shadow: none !important;
left: 0;
padding: 0 !important;
z-index: 2;
position: absolute;
right: auto;
margin: 0 12.5%;
width: auto;
}
.slideshowbackstretch .zenitem .allitems:before {
display: none;
}
.slideshowbackstretch .zenitem .allitems > div {
left: 0;
position: relative;
float: none;
float: left;
width: 100%;
overflow: hidden;
}
.slideshowbackstretch .zenitem .allitems h1,
.slideshowbackstretch .zenitem .allitems h2,
.slideshowbackstretch .zenitem .allitems h3,
.slideshowbackstretch .zenitem .allitems h4,
.slideshowbackstretch .zenitem .allitems h5,
.slideshowbackstretch .zenitem .allitems h6,
.slideshowbackstretch .zenitem .allitems p,
.slideshowbackstretch .zenitem .allitems strong {
font-size: 1em;
line-height: 1em;
color: #ffffff;
}
.slideshowbackstretch .zenitem .allitems a {
color: #ffffff;
}
.slideshowbackstretch .zenitem .allitems .zentitle,
.slideshowbackstretch .zenitem .allitems .zentext,
.slideshowbackstretch .zenitem .allitems zenmore {
position: relative;
width: 100%;
z-index: 2;
background: #333;
background: rgba(0, 0, 0, 0.6);
}
.slideshowbackstretch .zenitem .allitems .zentitle span,
.slideshowbackstretch .zenitem .allitems .zentext span,
.slideshowbackstretch .zenitem .allitems zenmore span {
padding: 0 20px;
}
.slideshowbackstretch .zenitem.active .allitems {
opacity: 1;
left: 168px !important;
}
.slideshowbackstretch .grid_none {
width: auto;
}
.slideshowbackstretch .slide-controller {
position: relative;
z-index: 0;
padding-top: 0;
}
.slideshowbackstretch .slide-controller .zenleft {
text-align: left;
margin-left: 10%;
}
.slideshowbackstretch .slide-controller .zenright {
text-align: right;
margin-right: 10%;
}
.slideshowbackstretch .backstretch-nav {
left: 49px !important;
width: 120px !important;
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
background: #eee;
color: #333;
}
.slideshowbackstretch .backstretch-nav i {
cursor: pointer;
}
.slideshowbackstretch .backstretch-nav li {
float: left;
font-size: 1.8em;
line-height: 1em;
padding: 9px 4px;
}
.slideshowbackstretch .backstretch-nav li.backstretch-next {
float: right;
}
.slideshowbackstretch .backstretch-nav .slidecount {
display: inline-block;
font-size: 11px !important;
font-style: italic;
text-align: center;
padding: 17px 2px 0 4px !important;
}
.slideshowbackstretch .slidenavnumbers ul li span {
color: #333;
margin: 0;
border-radius: 0 !important;
}
.slideshowbackstretch .slidenavnumbers ul li.active span {
background: #333;
color: #ffffff;
}
.slideshowbackstretch .zentools .slidenavdiscs {
margin-top: 0;
padding-top: 0;
margin-left: 0;
}
.slideshowbackstretch .zentools .slidenavdiscs .zenleft {
margin-left: 50px;
}
.slideshowbackstretch .zentools .slidenavdiscs .zenright {
float: none;
width: auto;
margin-right: 50px;
}
.slideshowbackstretch .zentools .slidenavdiscs ul li {
padding: 0 8px !important;
border: 2px solid #fff;
border-radius: 80px;
cursor: pointer;
height: 20px;
}
.slideshowbackstretch .zentools .slidenavdiscs ul li.active {
border-color: #fff !important;
background: #ffffff !important;
}
.slideshowbackstretch .zentools .slidenavdiscs ul li:hover {
background: #ffffff !important;
}
/*/components/com_jshopping/css/default.css*/
.controls input, .checkout-button {
width: 100%;
color: black;
line-height: 48px;
margin-bottom: 20px;
padding: 0px 25px;
min-width: 250px;
border-radius: 50px;
border: 1px solid #e9e9e9;
}
.jshop.list_product.row.row-flex{
margin-left:-7.5px;
margin-right:-7.5px;
}
.jshop.list_product.row.row-flex > div{
padding-left:7.5px;
padding-right:7.5px;
}
@media (max-width: 1279px) {
.jshop.list_product.row.row-flex > div.col-md-4{
flex-basis: 33%;
}
}
@media (max-width: 1023px) {
.jshop.list_product.row.row-flex > div.col-sm-4{
flex-basis: 33%;
}
}
.jshop h1{
font-size: 32px;
margin-top: 0px;
}
.login_block {
text-align: center;
}
.login_block input[type="checkbox"]{
opacity: 1;
margin: 0px;
position: inherit;
min-width: 25px;
}
.login_block label{
margin-bottom: 20px;
display: block;
}
#username input, #password input {
text-align: center;
}
#comjshop_register{
text-align: center;
}
.login_block input, #comjshop_register input, .jshop_register input, .controls .col-sm-10 input{
line-height: 48px;
margin-bottom: 20px;
padding: 0px 10px !important;
min-width: 250px;
border-radius: 50px;
text-align: center;
font-size: 16px;
border: 1px solid #ededed;
}
span.sf_text {
position: relative;
padding: 0 0 0 30px;
cursor: pointer;
outline:0 none;
border:0 !important;
font-weight:normal;
}
span.sf_text:before {
font-family: 'FontAwesome';
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 18px;
height: 18px;
border-radius: 3px;
border:1px solid #d7d7d7;
transition: .2s;
}
span.sf_text:after {
font-family: 'FontAwesome';
content: '';
position: absolute;
top: 0px;
left: 2px;
width: 18px;
height: 18px;
transition: .2s;
}
input[type="checkbox"]:checked + span.sf_text:before {
}
input[type="checkbox"]:checked + span.sf_text:after {
content: '\f00c';
left: 2px;
top: 0px;
font-size: 14px;
color:#006723;
}
input[type="checkbox"]:focus + span.sf_text:before {
}
.jshop_register input {
text-align: left !important;
max-width: 100%;
width: 100%;
}
.button.login{
text-align: center;
max-width: 250px;
width: 100%;
background: #266b39;
/* font-weight: bold;
*/
color: white;
line-height: 48px;
margin-bottom: 20px;
padding: 0px 25px;
min-width: 250px;
border-radius: 50px;
text-align: center;
border: 1px solid #e9e9e9;
}
.button.login:hover{
background: #17672d;
}
.button.reg{
background: #ededed;
}
.button.reg:hover{
background: #e4e4e4;
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"]:focus + span.sf_text:before {
}
table.jshop{
border-collapse: collapse;
border: 0px;
width: 100%;
}
table.jshop.cart td{
vertical-align: middle;
padding: 19px 10px;
color: #000000;
font-size: 16px;
font-weight: bold;
text-align: center !important;
border-top: 1px solid #ededed;
}
table.jshop td{
vertical-align: middle;
padding: 10px;
color: #000000;
font-size: 16px;
font-weight: bold;
}
table.jshop a:hover{
border-bottom: none;
}
table.jshop a{
text-decoration: none;
color: black;
border-bottom: 1px solid;
}
.jshop.cart.table a{border-bottom: 0px none;}
#jshop_menu_order{
}
td.jshop_order_step{
padding:2px;
padding-top:5px;
padding-bottom:5px;
text-align: center;
vertical-align: middle;
}
.jshop_order_step a{
}
.table_order_list {
background-color: #F5F5F5;
border: 1px solid #ccc;
border-radius: 4px;
padding: 5px;
}
.table_order_list .buttons{
text-align: center;
padding-top: 10px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="sblock"] {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding-left: 10px;
}
.row-fluid [class*="sblock"]:first-child {
padding-left: 0;
}
.row-fluid .sblock2{
width: 50%;
}
.row-fluid .sblock3{
width: 33.333%;
}
.row-fluid .sblock4{
width: 25%;
}
.row-fluid .sblock5{
width: 20%;
}
.row-fluid .sblock6{
width: 16.666%;
}
.row-fluid .sblock7{
width: 14.285%;
}
.row-fluid .sblock8{
width: 12.5%;
}
.row-fluid .sblock9{
width: 11.111%;
}
.row-fluid .sblock10{
width: 10%;
}
.row-fluid .sblock11{
width: 9.09%;
}
.row-fluid .sblock12{
width: 8.333%;
}
.myorders_block_info{
margin-bottom: 30px;
}
.myorders_block_info .order_number{
font-size: 120%;
margin-bottom: 5px;
}
.myorders_block_info .order_status{
font-size: 120%;
margin-bottom: 5px;
}
.myorders_total{
font-size: 120%;
}
.myorders_total .name{
font-weight: bold;
}
.myorderinfo .userinfo{
margin-top: 10px;
margin-bottom: 20px;
border:1px solid #ccc;
border-radius: 4px;
padding: 5px;
}
.myorderinfo .userbillinfo{
padding-right: 10px;
}
.myorderinfo .product_head{
margin-bottom: 5px;
}
.myorderinfo .order_number{
font-size: 140%;
}
.myorderinfo .order_items{
margin-bottom: 20px;
}
.myorderinfo .jshop_subtotal{
margin-bottom: 20px;
}
.myorderinfo .shipping_block_info{
margin-bottom: 15px;
}
.myorderinfo .payment_block_info{
margin-bottom: 15px;
}
.myorderinfo .order_comment{
margin-bottom: 15px;
}
.myorderinfo .history{
margin-bottom: 15px;
}
a img.jshop_img_thumb {
padding: 1px;
text-align: center;
border: 2px solid transparent;
margin-bottom: 5px;
cursor: pointer;
border-radius:4px;
}
a:hover img.jshop_img_thumb{
border:2px solid #18682e;
}
div.lktab {
border: 1px solid #ccc;
border-radius: 50px;
display: inline-block;
margin-bottom: 15px;
}
.jshop input[type="radio"], .jshop input[type="checkbox"]{
margin: 0px;
}
input.wishboxclienttype[type="radio"] {
display:none;
}
input.wishboxclienttype[type="radio"] + label span {
margin: 0px;
cursor: pointer;
border-radius: 50px;
font-size: 16px;
padding: 0px 33px;
line-height: 54px;
text-align: center;
font-weight: bold;
/* border: 1px solid #e2e2e2; */
display:block;
}
input.wishboxclienttype[type="radio"]:checked + label span{
background: #17672d !important;
color: white !important;
border: 1px solid #17672d;
margin: -1px;
}
input.wishboxclienttype[type="radio"]:hover + label span{
border: 1px dashed #17672d;
color: black;
margin: -1px;
background: white;
}
div.jshop_prod_description{
padding-top:10px;
padding-bottom: 10px;
}
div.jshop_prod_attributes{
padding:0;
margin:0;
padding-bottom: 10px;
}
div.jshop_prod_attributes select{position: relative;display: block;border: 1px solid #cccccc;border-radius: 35px;overflow: hidden;height: 45px;width: 100%;padding: 0px 15px;margin-top: 5px;}
div.jshop_prod_attributes .attributes_title{
padding-top: 5px;
}
.attributes_name {
font-family: 'PFSquareSansPro-Medium';
}
td.jshop_img_description {
vertical-align: top;
text-align:left;
padding-left: 10px;
}
.jshop_subtotal .value{
/* text-align: right; */
white-space: nowrap;
width: 17%;
}
.jshop_subtotal .name{
padding-right: 10px;
text-align: right;
width: 83%;
}
.jshop .total{
font-weight: bold;
}
.related_header{
margin: 30px 0;
text-align:center;
}
.td_1{
text-align: left;
font-weight: bold;
}
.td_2{
text-align: right;
font-weight: bold;
}
.jshop_pagination{
text-align: center;
}
div.jshop_register{
}
div.jshop_register .control-group input, .pfinish_comment_block #order_add_info{
display: block;
width: 100%;
border: 1px solid #cccccc;
border-radius: 4px;
line-height: 20px;
padding: 10px 15px;
color:#000000;
}
#comjshop_register div.jshop_register:first-child{
padding-top: 0px;
}
div.last_register_block{
padding-bottom: 0px;
}
.jshop_register .name{
}
.register_block .jshop_register .name{
}
.address_block .jshop_register .name{
}
.editaccount_block .jshop_register .name{
}
.small_header{
padding-bottom: 5px;
margin: 0px;
display: block;
font-size: 15px;
font-weight: bold;
}
span.jshop_error {
color:red;
font-weight: bold;
font-size: 14px;
display: block;
}
span.text_pay_without_reg{
display: block;
padding-bottom: 10px;
}
a.policy {
text-transform: uppercase;
color: #000000;
font-weight: bold;
}
p.jshop_cart_attribute{
padding-left:10px;
font-weight:bold;
font-style: italic;
font-size: 11px;
margin-top:1px;
margin-bottom:4px;
}
p.jshop_cart_extra_field{
padding-left:10px;
font-weight:bold;
font-style: italic;
font-size: 11px;
margin-top:1px;
margin-bottom:4px;
}
.jshop_price{
color: #222222;
font-family: 'PFSquareSansPro-Medium';
}
span.attr{
font-weight: bold;
font-style: italic;
font-size:10px;
}
div.jshop_register #country.inputbox{
display: block;
width: 100%;
border: 1px solid #cccccc;
border-radius: 4px;
line-height: 30px;
height: 30px;
padding: 0;
color: #000000;
margin-bottom: 20px;
}
span.review{
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
display: block;
}
.review_text_not_login{
margin-top: 10px;
font-style: italic;
}
textarea.jshop{
border: 1px solid #b0b1b2;
}
tr.reviews td{
padding-bottom:15px;
}
td.reviews{
padding-left:45px;
}
#mxcpr{
padding-top:20px;
text-align: right;
display:block;
}
#mxcpr a{
font-size:9px;
}
.jshop_code_prod{
color: #999;
font-weight: normal;
font-size: 12px;
}
.jshop .weightorder{
text-align: right;
margin-top: 10px;
}
.jshop .shippingfree{
text-align: right;
margin-top: 10px;
}
.jshop .price_prod_qty_list .qty_line{
padding-left: 5px;
padding-right: 5px;
}
.jshop .price_prod_qty_list .qty_price{
padding-left: 5px;
font-weight: bold;
}
.jshop .price_prod_qty_list .qty_price span.per_piece{
font-weight: normal;
}
.jshop span.old_price{
text-decoration: line-through;
font-style: normal;
}
.jshop .list_product_demo{
padding-top:10px;
}
.jshop .list_product_demo .download{
padding-left:5px;
}
.jshop .not_available{
font-family: 'Conv_SansRoundedC';
text-transform:uppercase;
padding-top: 15px;
}
.not_available > div:before{
content:'\f00c';
font-family: 'FontAwesome';
position:absolute;
left:0;
}
.not_available > div {
color:green !important;
display: block !important;
padding: 0 0 0 20px !important;
position:relative;
}
.jshop .not_available a{
display:block;
text-decoration:underline;
}
.jshop_list_product .row-fluid{
}
.jshop_list_product .block_product{
height:100%;
}
.jshop_list_product .jshop .old_price{
text-align: center;
color: #999;
}
.jshop_list_product .jshop .old_price span{
text-decoration: line-through;
}
.jshop_list_product .jshop .price_extra_info{
text-align: center;
margin-bottom: 5px;
}
.jshop_list_product .jshop .base_price{
text-align: center;
margin-bottom: 5px;
}
.jshop_list_product .product td{
vertical-align: top;
}
.jshop_list_product .product .image{
text-align: center;
margin-bottom: 5px;
}
.jshop_list_product .product .name{
position: relative;
text-align: center;
font-size: 18px;
/*min-height: 36px;*/
/*height: 68px;*/
overflow: hidden;
margin-bottom: 25px;
}
/*.jshop_list_product .product .name:before{
content:"";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 32px;
background: linear-gradient( rgba(255,255,255, 0), rgba(255,255,255,1) );
}*/
.jshop_list_product .product .review_mark{
width: 80px;
margin-left:auto;
margin-right: auto;
}
.jshop_list_product .product .description{
padding-bottom: 5px;
padding-top: 5px;
}
.jshop_list_product .product .buttons{
text-align: center;
}
.jshop_list_product .product .buttons a{
margin-top: 5px;
}
.jshop_list_product .product .jshop_price{
font-size: 18px;
text-align: center;
margin-bottom: 5px;
}
.jshop_list_product .product div.count_commentar{
}
.jshop_list_product .product .taxinfo{
font-size:11px;
}
.jshop_list_product .product .plusshippinginfo, .jshop_list_product .product .plusshippinginfo a{
font-size:11px;
}
.jshop_list_product .list_related .jshop_related{
margin-bottom: 15px;
}
.jshop_list_product .image_block{
padding: 2px;
display: inline-block;
}
.jshop_list_product .jshop .not_available{
margin-top:0px;
margin-bottom: 5px;
text-align: center;
}
.jshop_list_product .box_products_sorting{
padding-right:5px;
}
.jshop_list_product .box_products_sorting img{
cursor: pointer;
}
.jshop_list_product .margin_filter{
height:8px;
}
.jshop_list_product .box_manufacrurer{
padding-right: 5px;
white-space: nowrap;
}
.jshop_list_product .box_category{
padding-right: 5px;
white-space: nowrap;
}
.jshop_list_product .filter_price{
padding-right: 5px;
white-space: nowrap;
}
.jshop_list_product .box_price_from{
padding-right: 3px;
}
.jshop_list_product .clear_filter{
font-size:10px;
padding-left: 5px;
}
.jshop .product_label{
position: absolute;
margin-left: -5px;
margin-top: -5px;
z-index:99;
}
.jshop .product_label .label_name{
font-weight: bold;
color: #950000;
}
.productfull .prod_price{
}
.productfull .old_price{
color: #999;
}
.productfull #block_price{
font-size:18px;
color: #000000;
font-family: 'PFSquareSansPro-Medium';
display: block;
line-height: 100%;
margin:5px 0 0;
}
.productfull .taxinfo{
font-size:11px;
}
.productfull .plusshippinginfo{
font-size:11px;
}
.productfull .plusshippinginfo a{
font-size:11px;
}
.productfull .prod_buttons {
margin-top:25px;
}
.productfull div.prod_url{
text-align: right !important;
}
.productfull .productweight{
margin-top: 5px;
}
.productfull .extra_fields{
}
.extra_fields_el{
border-bottom:1px dotted #d0d0d0;
position: relative;
font-size: 15px;
clear: both;
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.extra_fields_el > span.extra_fields_name {
color: #7e7e7e;
}
.extra_fields_el > span{
background:#ffffff;
bottom: -5px;
position:absolute;
}
.extra_fields_el > span:first-child{
padding-right:10px;
}
.extra_fields_el > span:last-child{
right:0;
padding-left:10px;
}
.productfull .prod_qty{
display: inline-block;
}
.productfull .prod_qty_input, .refresh-block{
position:relative;
display: block;
border: 1px solid #7d7d7d;
border-radius:35px;
overflow:hidden;
height: 45px;
}
.productfull .prod_qty_input > input, .refresh-block > input{
position: absolute;
width: 33.3% !important;
margin: 0 !important;
padding: 0;
height: 45px;
text-align: center;
border:0 !important;
background:transparent;
border-radius:0;
}
.productfull .prod_qty_input > input.inputbox, .refresh-block > input.inputbox{
left:33.3%;
font-size:18px;
color: #585858;
font-weight:bold;
}
.productfull .prod_qty_input > input.product_minus, .refresh-block > input.product_minus{
left:0;
}
.productfull .prod_qty_input > input.product_plus, .refresh-block > input.product_plus{
left:66.6%;
}
.productfull .buttons{
padding:0;
display:block;
}
input.btn.btn-primary.button.btn-buy{
height:45px;
width:100%;
border-radius:45px;
border-color:#2e8949;
}
.order-comment{
line-height:20px;
margin:25px 0;
}
.productfull .qty_in_stock{
color:#4c4c4c;
}
.jshop_subtotal .plusshippinginfo, .jshop_subtotal .plusshippinginfo a{
font-size:11px;
}
.jshop_subtotal .free_discount{
font-size:11px;
}
.jshop_list_manufacturer .manufacturer td{
vertical-align: top;
}
.jshop_list_manufacturer .manufacturer .image{
padding-right: 5px;
}
.shipping_weight_to_price{
margin-left:24px;
margin-top:5px;
border: 1px solid #000;
}
.shipping_weight_to_price .weight{
}
.shipping_weight_to_price .price{
padding-left: 5px;
}
span.prod_attr_img{
padding-left:5px;
}
span.prod_attr_img img{
width:20px;
height:20px;
}
.radio_attr_label img{
width:20px;
height:20px;
}
/*review*/
.review_header{
margin-top:20px;
font-weight: bold;
border-bottom: 1px solid #999;
}
.review_item{
border-bottom: 1px dotted #999999;
padding: 10px;
padding-left: 0px;
}
.review_user{
font-weight:bold;
}
.review_time{
}
.review_text{
padding-top: 2px;
padding-bottom: 2px;
}
.review_mark{
color: #333333;
height: 18px;
}
#jshop_review_write .inputbox{
width:180px;
}
.stars_no_active{
height:16px;
background-image:url(../images/star.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}
.stars_active{
height:16px;
background-image:url(../images/star.gif);
background-repeat: repeat-x;
background-position: 0px -16px;
}
.jshop .downlod_order_invoice{
float:right;
}
.jshop .order_payment_params{
padding-top:3px;
font-size: 11px;
}
.vendordetailinfo .name{
width:130px;
}
.requiredtext{
padding-bottom: 10px;
color: #A00;
font-size:11px;
}
.jshop_profile_data{
margin-bottom: 10px;
}
.jshop_profile_data .name{
font-weight: bold;
}
.jshop_profile_data > div{
margin-bottom: 10px;
font-size: 18px;
}
.jshop_profile_data span{
font-weight: bold;
}
.jshop_profile_data span.subinfo{
font-size:10px;
}
.jshop_profile_data .jshop_user_group_info{
font-size:10px;
}
.jshop .groups_list .title{
width:150px;
}
/* module categories*/
.jshop_menu_level_0, .jshop_menu_level_0_a{
margin-top:3px;
margin-bottom:3px;
}
.jshop_menu_level_1, .jshop_menu_level_1_a{
padding-left: 10px;
margin-top:3px;
margin-bottom:3px;
}
.jshop_menu_level_2, .jshop_menu_level_2_a{
padding-left: 20px;
margin-top:3px;
margin-bottom:3px;
}
.jshop_menu_level_0_a a, .jshop_menu_level_1_a a, .jshop_menu_level_2_a a{
font-weight:bold !important;
}
/**/
.label_products .block_item{
margin-bottom: 10px;
}
.top_rating .block_item{
margin-bottom: 10px;
}
.bestseller_products .block_item{
margin-bottom: 10px;
}
.latest_products .block_item{
margin-bottom: 10px;
}
.random_products .block_item{
margin-bottom: 10px;
}
.jshop_filters .filter_price{
padding-right: 5px;
}
.jshop_filters .clear_filter{
display: block;
font-size: 10px;
}
.jshop_button_print{
width: 30px;
float: right;
text-align:right;
}
.extra_fields .extra_fields_group{
font-weight: bold;
/* padding-top:3px; */
}
.extra_fields div{
}
.filter_characteristic .characteristic_name{
padding-top:5px;
}
.filter_characteristic .characteristic_group{
font-weight: bold;
padding-top:5px;
}
.jshop td.attributes_title {
width: 100px;
}
.jshop span.attributes_description {
font-style: italic;
display: block;
}
.jshop span.freeattribut_description {
font-style: italic;
display: block;
}
.cart-inner-shop-block h2 {
margin: 5px 0px 15px;
font-family: 'PFSquareSansPro-Bold';
}
.jshop span.extra_fields_description {
font-style: italic;
}
.jshop .prod_attr_img{
vertical-align: top;
display: none;
}
.jshop .cart .product_name{
text-align: left;
}
.product_name .data {
display: grid;
}
.product_name .data .wishboxorderitemcomment_text{border-radius: 30px;line-height: 48px;overflow: auto !important;font-size: 15px;margin-top: 5px;max-height: 50px;font-weight: normal;padding: 0px 20px;}
.cart th.product_name{
padding-left: 5px;
}
.jshop .prod_qty_input input{
width:50px;
margin-bottom: 0px;
}
.productfull .image_middle{
}
.productfull .manufacturer_name{
padding-bottom: 10px;
}
.productfull .manufacturer_code {
padding: 0 20px;
background: #ebeced;
display: inline-block;
line-height: 35px;
border-radius: 35px;
margin: 0 0 15px;
font-family: 'PFSquareSansPro-Medium';
font-size:16px;
}
.productfull .prod_free_attribs{
padding-bottom: 10px;
}
.productfull .price_prod_qty_list{
margin-bottom: 10px;
}
.productfull .button_back{
padding-top: 10px;
}
.jshop_img_description #list_product_image_thumb{
display: block;
}
.productfull .text_zoom {
padding-bottom: 5px;
padding-top: 3px;
}
.productfull .text_zoom img {
float: left;
padding-right: 5px;
}
.productfull a.lightbox:hover{
color:#000 !important;
}
.fielderror{
background-color: #FDC055 !important;
}
.fielderrormsg{
display: block;
padding: 5px 10px;
border: 1px solid #ffcacd;
background-color: #ffeeef;
margin-top: 5px;
width:220px;
font-size:11px;
box-sizing: border-box;
}
.jshop_categ{
margin-bottom: 20px;
}
.attributgr_name{
font-weight: bold;
}
#table_shippings .shipping_form{
display: none;
min-height: 250px;
margin-bottom: 30px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}
#table_shippings #shipping_form_1{
display: block;
background: url(/images/dostavka/1.svg) no-repeat center;
}
#table_shippings #shipping_form_2{
display: block;
background: url(/images/dostavka/2.svg) no-repeat center;
}
#table_shippings #shipping_form_3{
display: block;
background: url(/images/dostavka/3.svg) no-repeat center;
}
#table_shippings .shipping_form.shipping_form_active {
-webkit-filter: none !important;
-moz-filter: none !important;
-ms-filter: none !important;
-o-filter: none !important;
filter: none !important;
filter: none !important;
}
.jshop .order_shipping_params {
font-size: 11px;
padding-top: 3px;
}
/*cart table response*/
.mobile-cart {
display: none;
}
#all, #contentarea, #contentarea2, #all #header{
width: auto !important;
}
.cart{
border-collapse: collapse;
border:1px solid #ccc;
}
.cart th{
background: white;
padding: 20px 10px;
color: #999999;
font-size: 15px;
font-weight: 100;
text-align: center;
border-bottom: 1px solid #ededed;
}
.cart tr:nth-child(odd) {
background: #f9f9f9;
}
.cart td{
text-align: center;
vertical-align: top;
}
.cart th table{
border-collapse: collapse;
}
/* .cart .odd td{
background-color: #fff;
color: #000;
}
.cart .even td{
background-color: #fdfdfd;
color: #000;
}
*/
.cart .taxinfo{
display: block;
font-size:11px;
}
.cart .jshop_code_prod{
font-size:10px;
}
.cart .manufacturer{
padding:5px 0px 6px 10px;
font-size:11px;
font-weight: bold;
font-style: italic;
}
.cart .list_extra_field{
padding-top:3px;
}
.cart .cart_reload{
cursor: pointer;
}
.cart .cart_reload a.btn{
display: none;
}
.cart .remove_to_cart .btn-primary{
display: none;
}
.cart .remove .btn-danger{
display: none;
}
.wishlish_buttons{
margin-top:20px;
}
.cart_buttons{
margin-top:10px;
}
.cart .quantity .inputbox{
width: 50px;
margin-bottom: 0px;
}
.cartdescr{
margin-bottom: 15px;
}
.cart_block_discount{
margin-top: 35px;
}
.cart_block_discount .inputbox{
margin-bottom: 0px;
}
.cart_block_discount .name{
float:left;
min-width: 100px;
padding-top:5px;
}
#checkout a img{
margin-bottom: 5px;
}
.login_block .form-horizontal .control-label{
width: 100px;
text-align: left;
float: left;
}
.login_block .form-horizontal .controls {
margin-left: 100px;
}
.login_block .rowpasword, .login_block .rowremember, .login_block .rowbutton, .login_block .rowlostpassword{
margin-bottom: 8px !important;
}
.logintext{
margin-bottom: 10px;
}
.block_sorting_count_to_page .icon-arrow{
width: auto;
height: auto;
}
.block_sorting_count_to_page .icon-arrow img{
margin-bottom: 8px;
margin-left: 3px;
}
.form-horizontal .form_sort_count .control-label{
text-align: left;
width: 85px;
float:left;
}
.form-horizontal .form_sort_count .controls{
margin-left: 88px;
margin-right: 15px;
}
.form-horizontal .form_sort_count .controls .inputbox{
width: 140px;
}
.form-horizontal .form_sort_count .controls .input{
width: 90px;
}
.form-horizontal .filter_price label{
display: none;
}
.address_block .form-horizontal .box_button .controls{
margin-left: 0px;
}
.form-horizontal .other_delivery_adress .controls{
padding-top: 5px;
}
.checkout_payment_block #table_payments{
border-collapse: collapse;
margin-bottom: 15px;
}
.checkout_payment_block #table_payments .name{
padding: 5px 0px;
}
.checkout_payment_block #table_payments .jshop_payment_method{
padding-left: 20px;
}
.checkout_shipping_block #table_shippings{
border-collapse: collapse;
margin-bottom: 15px;
}
#table_shippings {
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
#table_shippings label {
cursor: pointer;
}
#shipping_form .checkout-button{
margin-top: 40px;
}
#table_shippings label p {font-size: 22px;line-height: 100%;margin: 30px 0 0;text-transform: uppercase;}
.checkout_shipping_block #table_shippings .name{
padding: 5px 0px;
}
.checkout_pfinish_block .checkoutinfo{
margin: 20px 0px;
}
.pfinish_comment_block{
width: 100%;
max-width:325px;
margin: 0px auto;
}
.pfinish_comment_block .box_button{
text-align: center;
margin-top: 10px;
}
.pfinish_comment_block .name{
text-align: center;
margin-bottom: 3px;
}
.pfinish_comment_block #order_add_info{
height:70px;
width: 100%;
max-width:320px;
}
.block_rating_hits{
height:22px;
}
.block_rating_hits table{
float:right;
width: auto;
border:0px;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
line-height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
line-height: 0;
}
.btn.btn-arrow-left, .btn.btn-arrow-left:hover, .btn.btn-arrow-left:focus{
background-image: url(../images/arrow_left.gif);
background-repeat: no-repeat;
background-position: 8px center;
padding-left:20px;
}
.btn.btn-arrow-right, .btn.btn-arrow-right:hover, .btn.btn-arrow-right:focus{
background-image: url(../images/arrow_right.gif);
background-repeat: no-repeat;
background-position: right 8px center;
padding-right:20px;
}
div.clear-cart{
margin-top: 15px;
text-align: right;
}
@media (min-width: 992px){
.jshop_img_description #list_product_image_thumb{
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
/* -moz-column-count: 2;*/
/* -webkit-column-count: 2;*/
/* column-count: 2;*/
column-count: 1;
}
}
@media (min-width: 768px){
.jshop .input_type_radio{
white-space: nowrap;
display: inline-block;
}
.form-horizontal .block_sorting_count_to_page .control-label{
width: 60px;
}
.form-horizontal .block_sorting_count_to_page .controls{
margin-left: 65px;
}
.form-horizontal .block_sorting_count_to_page .controls .inputbox{
width: 100px;
}
.form-horizontal .box_products_count_to_page .control-label{
width: 50px;
}
.form-horizontal .box_products_count_to_page .controls{
margin-left: 55px;
}
.form-horizontal .box_products_count_to_page .controls .inputbox{
width: 60px;
}
.form-horizontal .block_sorting_count_to_page .control-group{
float:left;
}
.form-horizontal .block_sorting_count_to_page:after {
clear: both;
content: "";
display: table;
}
.form-horizontal .box_cat_man .control-group{
float:left;
}
.form-horizontal .box_cat_man:after {
clear: both;
content: "";
display: table;
}
.form-horizontal .filter_price .control-group{
float:left;
}
.form-horizontal .filter_price:after {
clear: both;
content: "";
display: table;
}
.form-horizontal .box_price_to .control-label{
width: 30px;
}
.form-horizontal .box_price_to .controls{
margin-left: 30px;
}
.form-horizontal .filters .box_button .controls{
margin-left: 10px;
}
.form-horizontal .box_price_from .control-label{
width: 30px;
}
.form-horizontal .box_price_from .controls{
margin-left: 40px;
}
.form-horizontal .box_category .control-label{
width: 63px;
}
.form-horizontal .box_category .controls{
margin-left: 65px;
}
.pagelogin .register_block .form-horizontal .control-label{
text-align: left;
width:100px;
}
.pagelogin .register_block .form-horizontal .controls{
margin-left: 115px;
}
}
@media (min-width: 980px){
.form-horizontal .box_price_from .control-label{
width: 63px;
}
.form-horizontal .box_price_from .controls{
margin-left: 65px;
}
.block_efg{
-moz-column-count: 2;
-moz-column-gap: 50px;
-webkit-column-count: 2;
-webkit-column-gap: 50px;
column-count: 2;
column-gap: 50px;
}
}
@media (min-width: 768px) and (max-width: 979px){
.login_block .form-horizontal .controls .inputbox{
width: 140px;
}
.form-horizontal .form_sort_count .controls .input{
width: 70px;
}
.pagelogin .jshop_register .inputbox{
width:140px;
}
.pagelogin .jshop_register .input{
width:126px;
}
}
@media (max-width: 767px) {
div.lktab {
display: grid;}
.productfull #block_price {
line-height: 280%;
text-align: center;
}
.productfull .prod_buttons {
margin-top: 0px;
}
.cart_step .text {
display: none;}
.cart_steps_wrap{
margin-bottom: 0px !important;
}
.jshop h1{
font-size: 22px;
margin-top: 0px;
}
.productfull .jshop h1{
text-align: center;
}
.row-fluid [class*="sblock"] {
padding-left: 0px;
}
.row-fluid .sblock2{
width: 100%;
}
.row-fluid .sblock3{
width: 100%;
}
.row-fluid .sblock4{
width: 100%;
}
.row-fluid .sblock5{
width: 100%;
}
.row-fluid .sblock6{
width: 100%;
}
.row-fluid .sblock7{
width: 100%;
}
.row-fluid .sblock8{
width: 100%;
}
.row-fluid .sblock9{
width: 100%;
}
.row-fluid .sblock10{
width: 100%;
}
.row-fluid .sblock11{
width: 100%;
}
.row-fluid .sblock12{
width: 100%;
}
.mobile-cart {
display: inline-block;
font-weight: bold;
width: 40%;
}
#jshop_menu_order tr{
display: block;
width: 100%;
}
#jshop_menu_order tr td{
display: inline-table;
width: 100%;
line-height: 26px;
}
.jshop.cart, .jshop.cart tbody{
display: block;
border:0px;
}
.jshop.cart tr{
display: block;
width: 100%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
background-size: 100% 100%;
color: black;
margin-bottom: 20px;
}
.jshop.cart tr:first-child{
border: 1px solid #ccc;
margin-bottom: 10px;
display: none;
}
.jshop.cart tr th{
display: inline-table;
width: 100%;
line-height: 26px;
border: none;
border-bottom: 1px solid #565656;
}
.jshop.cart tr td{
display: flex;
border: none;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
text-align: center;
}
.cart .odd td, .cart .even td{
background-color: #fff;
}
.cart .product_name a{
display:block;
}
.jshop_img_description_center .mobile-cart{
display: none;
}
.login_block .form-horizontal .controls {
margin-left: 160px;
}
.pagelogin .register_block .logintext, .pagelogin .register_block .block_button_register{
margin-left: 160px;
}
.jshop_list_product .block_product{
/* border:1px solid #ccc;
padding:5px;
border-radius:4px;
*/
}
.cart_block_discount .name{
float:none;
}
.cart_block_discount input{
display: block;
margin-top:10px;
}
.pagelogin .register_block .form-horizontal .control-label{
text-align: left;
width:150px;
}
.pagelogin .register_block .form-horizontal .controls{
margin-left: 160px;
}
}
@media (max-width: 480px) {
.form-horizontal .form_sort_count .controls .inputbox {
width: 115px;
}
.form-horizontal .form_sort_count .controls {
margin-right: 0px;
}
.form-horizontal .form_sort_count .controls .input {
width: 70px;
}
.block_rating_hits table{
float:left;
}
.productfull .prod_qty{
display: block;
}
.productfull .prod_qty_input{
padding-left: 0px;
margin-top:10px;
display: block;
}
.productfull .buttons{
padding-left:0px;
display: block;
}
.productfull .buttons input{
display: block;
margin-top:10px;
}
.form-horizontal .other_delivery_adress .control-label{
float: none;
}
.jshop_payment_method td, .jshop_payment_method tr{
display: block;
}
.jshop .downlod_order_invoice {
float: none;
padding-bottom:10px;
}
.form-horizontal .form_sort_count .control-label{
float:left;
padding-top:5px;
}
.login_block .form-horizontal .control-label{
float:none;
}
.login_block .form-horizontal .controls{
margin-left:0px;
}
.pagelogin .register_block .logintext, .pagelogin .register_block .block_button_register {
margin-left: 0px;
}
.pagelogin .register_block .form-horizontal .controls {
margin-left: 0px;
}
}
#comjshop.jshop.productfull {
background: #fff;
padding: 30px;
box-shadow: 0 0 5px rgba(112,112,112,0.3);
}
#comjshop_list_product > div{
margin-bottom: 25px;
}
a.cheaper{
color:#2c7540;
font-weight:bold;
font-size:16px;
}
.description-tab ul {
text-align: center;
display: table;
margin: 50px auto 30px;
}
.jshop_list_product .list_related .jshop_related.block_product .buttons{
padding:0;
}
.jshop_list_product .list_related .jshop_related.block_product .buttons a{
margin:0;
}
.shop-checkout > a, input.checkout-button{
border:2px solid #18682e;
color:#18682e;
display:inline-block;
padding:0 15px;
border-radius:35px;
line-height:35px;
text-decoration:none;
}
.shop-checkout > a:hover, a.clear-cart:hover{
text-decoration:none;
}
.shop-checkout > a.back-to-shop:hover{
background:#18682e;
color:#ffffff;
}
.shop-checkout > a.checkout-button{
margin-left:15px;
background:#18682e;
color:#ffffff;
}
.shop-checkout > a.checkout-button:hover{
background:#ffffff;
color:#18682e;
}
a.clear-cart{
border:2px solid #ededed;
color:#000000;
display:inline-block;
padding:0 15px;
border-radius:35px;
line-height:35px;
text-decoration:none;
}
.img-order{
margin:30px auto;
}
.order-title{
text-align:center;
}
div.img-order{
width:100%;
background:url("../images/order/3.png") no-repeat center;
height:113px;
}
.jshop.address_block div.img-order.step-2{
background:url("../images/order/2.png") no-repeat center;
}
div.img-order.step-3{
background:url("../images/order/4.png") no-repeat center;
}
.image_block.list-image-block{
position:relative;
display:block;
}
.img-prod-block {
object-fit: cover;
max-width: 100%;
height: 170px !important;
width: auto;
}
.product.block_item.block_product.product.item:hover img.img-prod-block{
opacity: 0.75;
}
a.various.quick {
position: absolute;
width: 100%;
z-index: 9;
left:0;
top:45%;
opacity:0;
text-align:center;
}
a.various.quick div span{
background:#2e8949;
color:#ffffff;
display:inline-block;
line-height:35px;
padding:0 15px;
border-radius:35px;
}
a.various.quick div span:after{
font-family: 'FontAwesome';
content:'\f002';
margin-left:10px;
}
.fancybox-inner .jshop_img_description{
width: 100%;
}
.fancybox-inner .jshop_img_description span{
-moz-column-count: 4 !important;
-webkit-column-count: 4 !important;
column-count: 4 !i;
}
.fancybox-inner .image_middle{
width:100%;
}
.fancybox-inner a.jcepopup.noicon{
cursor:default;
}
.fancybox-inner h2.related_header, .fancybox-inner .jshop_list_product{
display:none;
}
ul.jshop {
padding-left: 0px;
}
ul.jshop li {
display: flex;
display: inline-flex;
min-width: 100%;
margin-bottom: 20px;
}
ul.jshop li a{
padding: 16px 10px;
padding-left: 60px;
min-width: 100%;
font-size: 16px;
border-radius: 50px;
color: white;
text-decoration: none;
text-align: left;
background: #17672d;
}
ul.jshop li:nth-child(1) a{
background: url(../../../templates/renome/images/lk/1.svg) no-repeat 30px center #17672d;
background-size: 15px;
}
ul.jshop li:nth-child(1) a:hover, ul.jshop li:nth-child(1) a.active{
background: url(../../../templates/renome/images/lk/1.svg) no-repeat 30px center #43a65e;
background-size: 15px;
}
ul.jshop li:nth-child(2) a{
background: url(../../../templates/renome/images/lk/2.svg) no-repeat 27px center #17672d;
background-size: 23px;
}
ul.jshop li:nth-child(2) a:hover, ul.jshop li:nth-child(2) a.active{
background: url(../../../templates/renome/images/lk/2.svg) no-repeat 27px center #43a65e;
background-size: 23px;
}
ul.jshop li:nth-child(3) a{
background: url(../../../templates/renome/images/lk/3.svg) no-repeat 27px center #17672d;
background-size: 23px;
}
ul.jshop li:nth-child(3) a:hover, ul.jshop li:nth-child(3) a.active{
background: url(../../../templates/renome/images/lk/3.svg) no-repeat 27px center #43a65e;
background-size: 23px;
}
ul.jshop li:nth-child(4) a{
background: url(../../../templates/renome/images/lk/4.svg) no-repeat 26px center #17672d;
background-size: 24px;
}
ul.jshop li:nth-child(4) a:hover, ul.jshop li:nth-child(4) a.active{
background: url(../../../templates/renome/images/lk/4.svg) no-repeat 26px center #43a65e;
background-size: 24px;
}
ul.jshop li a:hover, ul.jshop li a.active{
text-decoration: none;
background: #43a65e;
}
@media (min-width: 768px) {
#korzina #comjshop,
.jshop.address_block,
.checkout-shipping-block,
.checkout-payment-block,
.checkout-pfinish-block,
.jshop.editaccount_block,
.jshop.pagelogin, .well{
background: #fff;
padding: 30px;
box-shadow: 0 5px 20px rgba(0,0,0,0.10);
}
.menu-user {
/* border-width: 5px; */
/* border-style: solid; */
/* border-image: linear-gradient(180deg, #ff000000, #d8d9d8, #ff000000) 0 0 0 100%; */
}
.product.block_item.block_product.product.item:hover a.various.quick{opacity:1;}
.menu-user:after {content:"";width: 5px;height: 100%;background: url(/templates/renome/images/svg/line-777.svg) no-repeat center;position: absolute;left: -5px;top: 0px;}
}
@media (max-width: 767px) {
.mobile-cart {display: inline-block;font-weight: bold;width: 40%;}
a.various.quick {
display: none;
}
#jshop_menu_order tr{ display: block; width: 100%; }
#jshop_menu_order tr td{ display: inline-table; width: 100%; line-height: 26px; }
.jshop.cart, .jshop.cart tbody{display: block;border:0px;text-align: center;}
.pull-left.td_1 {
float: right !important;
}
.jshop_order_step {
padding: 5px 2px;
text-align: center;
vertical-align: middle;
float: left;
margin-right: 3px;
font-size: 11px;
}
.jshop.cart tr{display: block;width: 100%;border: 1px solid #ccc;background-size: 100% 100%;color: black;margin-bottom: 20px;padding: 15px 0px;}
.jshop.cart tr:first-child{/* border: 1px solid #ccc; */margin-bottom: 10px;/* display: none; */}
.jshop.cart tr th{display: inline-table;width: 100%;line-height: 26px;border: none;border-bottom: 1px solid #565656;}
.jshop.cart tr td{display: flex;width: 100%;border: none;/* border-bottom: 1px solid #ccc; */padding: 10px 30px;text-align: center !important;display: block;}
.box_button{text-align: center !important;}
.box_button .back{text-align: center !important;}
table.jshop.cart .data{width: 100%;margin: auto;}
table.jshop.cart .remove .data{text-align: center;}
table.jshop.cart td{padding-left: 30px;border-top: 0px !important;/* text-align: center !important; */}
table.jshop.cart .mobile-cart{width: 45%;}
.td_1{margin-right: 0;}
table.cart tr:nth-child(1){display:none}
.total_price .data{
width: 100%;
text-align: center !important;
}
.total_price .remove {
display: none;
}
.cart .odd td, .cart .even td{ background-color: #fff; }
.cart .product_name a{ display:block; }
.jshop_img_description_center .mobile-cart{ display: none; }
.login_block .form-horizontal .controls { margin-left: 160px; }
.pagelogin .register_block .logintext, .pagelogin .register_block .block_button_register{ margin-left: 160px; }
.jshop_list_product .block_product{/* border:1px solid #ccc; *//* padding:5px; */border-radius:4px;}
}
.control-group.other_delivery_adress .controls input{
width: 30px !important;
max-width: 30px !important;
min-width: 30px !important;
}
div#jshop_menu_order ul{
text-align:center;
display:table;
width:100%;
margin:30px 0;
padding:0;
}
div#jshop_menu_order ul li{
display:inline-block;
width:24%;
font-weight:bold;
font-family: 'PFSquareSansPro-Medium';
}
#jshop_menu_order li div{
width:70px;
height:70px;
border:3px solid #ededed;
border-radius:70px;
margin:0 auto 15px;
}
@media (max-width: 500px) {
}
@media (max-width: 767px){
#jshop_summ_product {
display: none;
}
#jshop_menu_order li div{
width:50px;
height:50px;
}
}
#jshop_menu_order li a div{
border-color:#18682e;
}
#jshop_menu_order li a{
text-decoration:none;
}
#jshop_menu_order li a span{
color:#000000;
}
#jshop_menu_order li:nth-child(1) div{
background:url("../images/ico/1.png") no-repeat center;
}
#jshop_menu_order li:nth-child(2) div{
background:url("../images/ico/2.png") no-repeat center;
}
#jshop_menu_order li:nth-child(3) div{
background:url("../images/ico/3.png") no-repeat center;
}
#jshop_menu_order li:nth-child(4) div{
background:url("../images/ico/5.png") no-repeat center;
}
.page-editaccount form.form-horizontal .control-group.other_delivery_adress{
visibility:hidden;
overflow:hidden;
height:0px;
display: block;
}
.page-editaccount .g-recaptcha{
display:table;
width:100%;
margin:15px 0;
}
form.form-horizontal .control-group{
margin:0 0 15px;
}
form.form-horizontal .control-group .col-sm-2{
font-family: 'PFSquareSansPro-Medium';
line-height:100%;
}
form.form-horizontal .control-group .col-sm-10 input,
form.form-horizontal .control-group .col-sm-10 select {
margin: 0 !important;
line-height: 50px !important;
border-radius: 50px !important;
height: 50px !important;
padding: 15px !important;
}
.control-group .col-sm-10 input{
text-indent:15px;
font-size: 16px;
}
form.form-horizontal .control-group .col-sm-10 select{
text-indent:10px;
}
.editaccount-title{
margin-bottom:50px;
}
form.form-validate.form-horizontal .control-label.name{
text-align:left;
}
form.form-validate.form-horizontal input[type="text"]{
text-align:left !important;
padding:0 !important;
}
.g-recaptcha.register-form-jshop > div{
margin:25px auto;
}
.cart_steps_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
width: 100%;
margin: 0 auto 50px auto;
padding-bottom: 35px;
}
.cart_step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart_step1, .cart_step4 {width: 20%;}
.cart_step3, .cart_step2 {width: 35%;}
.cart_step .circle {
width: 60px;
height: 60px;
/* border: 5px solid #f3f3f3; */
border-radius: 50px;
position: relative;
}
.cart_step .circle:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cart_step .line {
height: 3px;
background: #f3f3f3;
width: 100%;
}
.cart_step1 .line, .cart_step.active .line{
background: #18682e;
}
.cart_step1 .circle:before {
background-image: url(../../../templates/renome/images/cart/step1.svg);
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.cart_step2 .circle:before {
background-image: url(../../../templates/renome/images/cart/step2.svg);
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.cart_step2.active .circle:before {
background-image: url(../../../templates/renome/images/cart/step2-active.svg);
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.cart_step3 .circle:before {
background-image: url(../../../templates/renome/images/cart/step3.svg);
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.cart_step3.active .circle:before {
background-image: url(../../../templates/renome/images/cart/step3-active.svg);
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.cart_step4 .circle:before {
background-image: url(../../../templates/renome/images/cart/step4.svg);
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.cart_step4.active .circle:before {
background-image: url(../../../templates/renome/images/cart/step4-active.svg);
width: 60px;
height: 60px;
background-size: 60px;
background-repeat: no-repeat;
}
.cart_step .text {
color: #111;
font-size: 14px;
font-family: 'PFSquareSansPro-Medium';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
bottom: -30px;
}
#table_shippings input {
display: none;
}
#jcemediabox-popup-img{
object-fit: contain;
width: 100% !important;
height: 100% !important;
}
/*/media/com_uniterevolution2/assets/rs-plugin/css/settings.css*/
/*-----------------------------------------------------------------------------
- Revolution Slider 4.1 Captions -
Screen Stylesheet
version: 1.4.5
date: 27/11/13
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*@font-face {
font-family: 'revicons';
src: url('../font/revicons.eot?5510888');
src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'),
url('../font/revicons.woff?5510888') format('woff'),
url('../font/revicons.ttf?5510888') format('truetype'),
url('../font/revicons.svg?5510888#revicons') format('svg');
font-weight: normal;
font-style: normal;
}
*//* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'revicons';
src: url('../font/revicons.svg?5510888#revicons') format('svg');
}
}
*/
[class^="revicon-"]:before, [class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.revicon-search-1:before { content: '\e802'; } /* 'î ‚' */
.revicon-pencil-1:before { content: '\e831'; } /* 'î ±' */
.revicon-picture-1:before { content: '\e803'; } /* 'î ƒ' */
.revicon-cancel:before { content: '\e80a'; } /* 'î Š' */
.revicon-info-circled:before { content: '\e80f'; } /* 'î �' */
.revicon-trash:before { content: '\e801'; } /* 'î �' */
.revicon-left-dir:before { content: '\e817'; } /* 'î —' */
.revicon-right-dir:before { content: '\e818'; } /* 'î ˜' */
.revicon-down-open:before { content: '\e83b'; } /* 'î »' */
.revicon-left-open:before { content: '\e819'; } /* 'î ™' */
.revicon-right-open:before { content: '\e81a'; } /* 'î š' */
.revicon-angle-left:before { content: '\e820'; } /* 'î  ' */
.revicon-angle-right:before { content: '\e81d'; } /* 'î �' */
.revicon-left-big:before { content: '\e81f'; } /* 'î Ÿ' */
.revicon-right-big:before { content: '\e81e'; } /* 'î ž' */
.revicon-magic:before { content: '\e807'; } /* 'î ‡' */
.revicon-picture:before { content: '\e800'; } /* 'î €' */
.revicon-export:before { content: '\e80b'; } /* 'î ‹' */
.revicon-cog:before { content: '\e832'; } /* 'î ²' */
.revicon-login:before { content: '\e833'; } /* 'î ³' */
.revicon-logout:before { content: '\e834'; } /* 'î ´' */
.revicon-video:before { content: '\e805'; } /* 'î …' */
.revicon-arrow-combo:before { content: '\e827'; } /* 'î §' */
.revicon-left-open-1:before { content: '\e82a'; } /* 'î ª' */
.revicon-right-open-1:before { content: '\e82b'; } /* 'î «' */
.revicon-left-open-mini:before { content: '\e822'; } /* 'î ¢' */
.revicon-right-open-mini:before { content: '\e823'; } /* 'î £' */
.revicon-left-open-big:before { content: '\e824'; } /* 'î ¤' */
.revicon-right-open-big:before { content: '\e825'; } /* 'îÂÂВ ÂÂВÒ' */
.revicon-left:before { content: '\e836'; } /* 'î ¶' */
.revicon-right:before { content: '\e826'; } /* 'î ¦' */
.revicon-ccw:before { content: '\e808'; } /* 'î ˆ' */
.revicon-arrows-ccw:before { content: '\e806'; } /* 'î †' */
.revicon-palette:before { content: '\e829'; } /* 'î ©' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* 'î ‰' */
.revicon-left-open-outline:before { content: '\e82e'; } /* 'î ®' */
.revicon-left-open-2:before { content: '\e82c'; } /* 'î ¬' */
.revicon-right-open-outline:before { content: '\e82f'; } /* 'î ¯' */
.revicon-right-open-2:before { content: '\e82d'; } /* 'îÂÂВ ÂÂВÂ' */
.revicon-equalizer:before { content: '\e83a'; } /* 'î º' */
.revicon-layers-alt:before { content: '\e804'; } /* 'î „' */
.revicon-popup:before { content: '\e828'; } /* 'îÂÂВ ÂÂВÐ' */
/*********************************
- SPECIAL TP CAPTIONS -
**********************************/
.tp-static-layers { position:absolute; z-index:505; top:0px;left:0px}
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-layer-inner-rotation { position: relative !important;}
/***********************************************
- SPECIAL ALTERNATIVE IMAGE SETTINGS -
***********************************************/
img.tp-slider-alternative-image { width:100%; height:auto;}
/******************************
- WRAPPER STYLES -
******************************/
.rev_slider_wrapper{
position:relative;
}
.rev_slider_wrapper >ul {
visibility:hidden;
}
.rev_slider{
position:relative;
overflow:visible;
}
.rev_slider img{
max-width:none !important;
-moz-transition: none 0;
-webkit-transition: none 0;
-o-transition: none 0;
transition: none 0;
margin:0px;
padding:0px;
border-width:0px;
border:none;
}
.rev_slider .no-slides-text{
font-weight:bold;
text-align:center;
padding-top:80px;
}
.rev_slider >ul{
margin:0px;
padding:0px;
list-style: none !important;
list-style-type: none;
background-position:0px 0px;
}
.rev_slider >ul >li,
.rev_slider >ul >li:before{
list-style:none !important;
position:absolute;
visibility:hidden;
margin:0px !important;
padding:0px !important;
overflow-x: visible;
overflow-y: visible;
list-style-type: none !important;
background-image:none;
background-position:0px 0px;
text-indent: 0em;
}
.tp-revslider-slidesli,
.tp-revslider-mainul { padding:0 !important; margin:0 !important; list-style:none !important;}
.tp-simpleresponsive >ul,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before {
list-style:none;
padding:0 !important;
margin:0 !important;
list-style:none !important;
overflow-x: visible;
overflow-y: visible;
background-image:none
}
.tp-simpleresponsive >ul li{
list-style:none;
position:absolute !important;
visibility:hidden;
}
.rev_slider .tp-caption,
.rev_slider .caption { position:absolute; visibility:hidden; white-space: nowrap}
.tp-simpleresponsive img { max-width:none}
/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption { z-index:1}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important}
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {max-width: none !important}
/******************************
- WRAPPER STYLES END -
******************************/
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- IE8 HACKS ENDS -
*******************************/
/********************************
- FULLSCREEN VIDEO -
*********************************/
.tp-caption.coverscreenvideo { width:100%;height:100%;top:0px;left:0px;position:absolute;}
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none}
.fullcoveredvideo video,
.fullscreenvideo video { background: #000}
.fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}
.html5vid.videoisplaying .tp-poster { display: none}
.tp-video-play-button { background:#000;
background:rgba(0,0,0,0.3);
padding:5px;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #FFF;
z-index: 3;
margin-top: -27px;
margin-left: -28px;
text-align: center;
cursor: pointer;
}
.tp-caption:hover .tp-video-play-button { opacity: 1;}
.html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.html5vid .tp-revstop { display:none}
.html5vid.videoisplaying .revicon-right-dir { display:none}
.html5vid.videoisplaying .tp-revstop { display:block}
.html5vid.videoisplaying .tp-video-play-button { display:none}
.html5vid:hover .tp-video-play-button { display:block}
.fullcoveredvideo .tp-video-play-button { display:none !important}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, rgb(0,0,0)),
color-stop(1, rgb(50,50,50))
);
display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.tp-caption:hover .tp-video-controls {
opacity: .9;
}
.tp-video-button {
background: rgba(0,0,0,.5);
border: 0;
color: #EEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
cursor:pointer;
line-height:12px;
font-size:12px;
color:#fff;
padding:0px;
margin:0px;
outline: none;
}
.tp-video-button:hover {
cursor: pointer;
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; }
.tp-video-seek-bar-wrap { width:80%}
.tp-video-vol-bar-wrap { width:20%}
.tp-volume-bar,
.tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;}
/********************************
- FULLSCREEN VIDEO ENDS -
*********************************/
/********************************
- DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)}
/********************************
- DOTTED OVERLAYS ENDS -
*********************************/
/**********************************************
- FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.fullwidthbanner-container{
width:100%;
position:relative;
padding:0;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthabanner{
width:100%;
position:relative;
}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img { /*-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;*/
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position:absolute;
-webkit-font-smoothing: antialiased !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:30px; bottom:-30px}
.tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
/******************************
- BUTTONS -
*******************************/
.tp-button{
padding:6px 13px 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
text-decoration:none;
}
.tp-button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top}
.purchase:hover,
.tp-button:hover,
.tp-button.big:hover { background-position:bottom, 15px 11px}
/*@media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}*/
/* BUTTON COLORS */
.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68}
.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212}
.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00}
.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222}
.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555}
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear { clear:both}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px}
/** navbar NAVIGATION VERSION **/
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: transparent;
width: 17px;
height: 17px;
margin: 0px 10px;
margin-bottom: 15px;
border-radius:15px;
border: 2px solid #ffffff;
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected{
background: #ffffff;
}
ul li .tp-caption a{
color: #2583fd;
text-transform:uppercase;
text-decoration:none;
display:inline-block;
}
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(1000px);
-webkit-transform-style: preserve-3d;
}
.tparrows .tp-arr-imgholder { display: none}
.tparrows .tp-arr-titleholder { display: none}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-repeat top left; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-repeat top left; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; }
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.default {z-index:100;cursor:pointer;position:relative;background:url(/templates/renome/images/left.png) no-repeat 0 0;width:40px;height:40px;opacity: 0.5;}
.tp-rightarrow.default {z-index:100;cursor:pointer;position:relative;background: url("/templates/renome/images/right.png") no-repeat 0 0;width:40px;height:40px;opacity: 0.5;}
.tp-leftarrow:hover,
.tp-rightarrow:hover {
opacity: 1;
}
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
vertical-align: top;
}
.tp-bullets.tp-thumbs img { vertical-align: top}
.fullwidthbanner-container .tp-thumbs { padding:3px}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%; }
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { visibility: hidden; width:100%; height:5px; /*background:url(../assets/timer.png);*/ background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
.tp-bannertimer.tp-bottom { top:auto; bottom:0px !important;height:5px}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after { content: '\e825'; }
.tp-leftarrow.preview1:after { content: '\e824'; }
.tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa; }
.tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}
.tp-rightarrow.preview1 .tp-arr-imgholder { right:100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tp-leftarrow.preview1 .tp-arr-imgholder { left:100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview1,
.tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview1,
.tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview1,
.tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px}
}
/* PREVIEW 1 BULLETS */
.tp-bullets.preview1 { height: 21px; }
.tp-bullets.preview1 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.15) !important;
/*-webkit-border-radius: 10px;
border-radius: 10px;*/
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last { margin-right: 0px; }
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #aaa !important;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(255, 255, 255, 1) !important;
}
/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ;
border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
overflow:hidden;
-webkit-transition: -webkit-transform 1.3s;
-webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
transition: width 0.3s, background-color 0.3s, opacity 0.3s;
backface-visibility: hidden;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after { content: '\e81e'; right:18px; }
.tp-leftarrow.preview2:after { content: '\e81f'; left:18px; }
.tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
color: #000;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
line-height: 60px;
padding:0px 10px;
}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:50px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:50px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.tparrows.preview2.hovered { width:300px}
.tparrows.preview2:hover { background:#fff}
.tparrows.preview2:hover:after { color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px);
transform: translateX(0px);
visibility: visible;
position: absolute;
}
/* PREVIEW 2 BULLETS */
.tp-bullets.preview2 { height: 17px; }
.tp-bullets.preview2 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last { margin-right: 0px; }
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
.tp-arr-titleholder.alwayshidden { display:none !important}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px;
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:11px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:11px}
.tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:35px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:35px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:25px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:25px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
.tparrows.preview2:hover { width:30px !important; height:30px !important}
}
/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat; }
.tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after { color:#000; }
.tp-rightarrow.preview3:after { content: '\e825'; }
.tp-leftarrow.preview3:after { content: '\e824'; }
.tparrows.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
display: table;min-height:90px;top:-10px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
position:relative;top:0px; }
.tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}
.tparrows.preview3:hover .tp-arr-iwrapper {
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 { height: 17px; }
.tp-bullets.preview3 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last { margin-right: 0px; }
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
.tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px}
.tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px}
.tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px; }
}
@media only screen and (max-width: 767px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
}
/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
.tp-rightarrow.preview4:after { content: '\e825'; }
.tp-leftarrow.preview4:after { content: '\e824'; }
.tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}
.tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px}
.tparrows.preview4 .tp-arr-iwrapper { position: relative}
.tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px;
position:relative;top:0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px;
position:absolute;top:0px; left:180px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px}
.tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
background: #000;
color: #FFF;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
font-weight: 700;
font-size: 11px;
line-height: 2.75;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}
@media only screen and (min-width: 768px) {
.tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
.tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)}
.tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
}
/* PREVIEW 4 BULLETS */
.tp-bullets.preview4 { height: 17px; }
.tp-bullets.preview4 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last { margin-right: 0px; }
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (max-width: 767px) {
.tparrows.preview4 { width:20px; height:80px}
.tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px}
.tparrows.preview1 .tp-arr-allwrapper,
.tparrows.preview2 .tp-arr-allwrapper,
.tparrows.preview3 .tp-arr-allwrapper,
.tparrows.preview4 .tp-arr-allwrapper { display: none !important}
}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat}
.tp-caption.slidelink a span { background:url(../assets/coloredbg.png) repeat}
/******************************
- LOADER FORMS -
********************************/
.tp-loader {
top:50%; left:50%;
z-index:10000;
position:absolute;
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background:url(../assets/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px;
background-color:#fff;
margin:-22px -22px;
width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@-webkit-keyframes tp-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes tp-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top:-20px;margin-left:-20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes tp-scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes tp-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.tp-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation: tp-bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes tp-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: tp-rotate 2.0s infinite linear;
animation: tp-rotate 2.0s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: tp-bounce 2.0s infinite ease-in-out;
animation: tp-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes tp-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*/media/com_uniterevolution2/assets/rs-plugin/css/dynamic-captions.css*/
.tp-caption.excerpt,.excerpt{font-size:36px;line-height:36px;font-weight:700;font-family:Arial;color:#ffffff;text-decoration:none;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0);text-shadow:none;margin:0px;letter-spacing:-1.5px;padding:1px 4px 0px 4px;height:auto;border-width:0px;border-color:rgb(255,255,255);border-style:none}
.excerpt,.excerpt{font-size:36px;line-height:36px;font-weight:700;font-family:Arial;color:#ffffff;text-decoration:none;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0);text-shadow:none;margin:0px;letter-spacing:-1.5px;padding:1px 4px 0px 4px;height:auto;border-width:0px;border-color:rgb(255,255,255);border-style:none}
/*/media/com_uniterevolution2/assets/rs-plugin/css/static-captions.css*/
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}
.tp-caption a:hover {
color:#ffa902;
}
/*/modules/mod_effect_content/css/style.css*/
.list_contents {
border-width: 5px;
/* border-style: solid; */
/* height: 100%; */
display: table;
padding: 30px 0px;
/* border-image: linear-gradient(90deg, #ff000000, #d8d9d8, #ff000000) 100% 0 100% 0%; */
}
.list_contents:before{content:"";width: 100%;height: 5px;background: url(/templates/renome/images/svg/line-888.svg) no-repeat center;margin-top: -20px;left: 0px;position: absolute;}
.list_contents:after{content:"";width: 100%;height: 5px;background: url(/templates/renome/images/svg/line-888.svg) no-repeat center;bottom: 50px;left: 0px;position: absolute;}
.list_contents .view {
padding: 3px 10px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
/* box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
border: 10px solid #fff;
background: #fff url(../images/bgimg.jpg) no-repeat center center;
box-sizing: border-box; */
}
.list_contents .view .mask {
/* position: absolute; */
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.list_contents .view img {
display: block;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%) rotate(0deg) scale(1);
-moz-transform: translate(-50%,-50%) rotate(0deg) scale(1);
-o-transform: translate(-50%,-50%) rotate(0deg) scale(1);
-ms-transform: translate(-50%,-50%) rotate(0deg) scale(1);
transform: translate(-50%,-50%) rotate(0deg) scale(1);
}
.list_contents .view .h2,
.list_contents .view h2 {
font-family:'PFSquareSansPro-Regular';
color: #000000;
text-align: center;
position: relative;
font-size: 14px;
padding: 15px 0;
background: #ededed;
margin: 0;
line-height: 16px;
border-radius:30px;
}
.list_contents .view a:hover h2{
background:#2e8949;
color:#ffffff;
}
.view.style1 > a{
display:table;
width:100%;
text-decoration:none;
}
.list_contents .row_cols {
width: 650px;
}
.list_contents .view p {
font-family: Georgia, serif;
font-style: italic;
font-size: 11px;
position: relative;
color: #fff;
padding: 5px;
text-align: center;
margin: 0px !important;
}
.list_contents .view .price {
color: #000;
font-size: 14px;
font-weight: 600;
display: block;
}
.list_contents .view a.readmore, .list_contents .view span.readmore {
display: inline-block;
text-decoration: none;
padding: 5px 10px;
background: #000;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000;
font-size: 13px;
}
.list_contents .view a.readmore:hover {
box-shadow: 0 0 5px #000
}
/*/modules/mod_effect_content/css/effects.css*/
/* 1-ый Ñтиль */
.style1 img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.style1 .mask {
opacity: 1;
/* background-color: rgba(219,127,8, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; */
}
.style1 h2 {
opacity: 1;
/* -webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.style1 p,
.style1 span.price {
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.style1 a.readmore {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.style1:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
-moz-transform: translate(-50%, -50%) scale(1.1);
-o-transform: translate(-50%, -50%) scale(1.1);
-ms-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.style1:hover .mask {
opacity: 1;
}
.style1:hover h2,
.style1:hover p,
.style1:hover a.readmore,
.style1:hover span.price {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.style1:hover p {
transition-delay: 0.1s;
}
.style1-first:hover a.readmore {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
/* Конец 1-го ÑÑ‚Ð¸Ð»Ñ */
/* 2-ой Ñтиль */
.style2 img {
transition: all 0.2s ease-in;
}
.style2 .mask {
background-color: rgba(0,0,0,0.6);
opacity: 0;
transform: translate(460px, -100px) rotate(180deg);
transition: all 0.2s 0.4s ease-in-out;
}
.style2 h2 {
transform: translateY(-100px);
transition: all 0.2s ease-in-out;
}
.style2 p {
transform: translateX(300px) rotate(90deg);
transition: all 0.2s ease-in-out;
}
.style2 a.readmore,
.style2 span.price {
transform: translateY(-200px);
transition: all 0.2s ease-in-out;
}
.style2:hover .mask {
opacity:1;
transition-delay: 0s;
transform: translate(0px, 0px);
}
.style2:hover h2 {
transform: translateY(0px);
transition-delay: 0.5s;
}
.style2:hover p {
transform: translateX(0px) rotate(0deg);
transition-delay: 0.4s;
}
.style2:hover a.readmore,
.style2:hover span.price {
transform: translateY(0px);
transition-delay: 0.3s;
}
/* Конец 2-го ÑÑ‚Ð¸Ð»Ñ */
/* 3-ий Ñтиль */
.style3 img {
transition: all 0.4s ease-in-out 0.2s;
opacity: 1;
}
.style3 .mask {
background-color: rgba(0,0,0,0.8);
opacity: 0;
transform: scale(0) rotate(-180deg);
transition: all 0.4s ease-in;
border-radius: 0px;
}
.style3 h2 {
opacity: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
transition: all 0.5s ease-in-out;
}
.style3 p {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.style3 a.readmore {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.style3:hover .mask {
opacity: 1;
transform: scale(1) rotate(0deg);
transition-delay: 0.2s;
}
.style3:hover img {
transform: translate(-50%, -50%) scale(0.1);
opacity: 0;
transition-delay: 0s;
}
.style3:hover h2,
.style3:hover p,
.style3:hover a.readmore,
.style3:hover span.price {
opacity: 1;
transition-delay: 0.5s;
}
/* Конец 3-го ÑÑ‚Ð¸Ð»Ñ */
/* 4-ый Ñтиль */
.style4 img {
transition: all 0.3s ease-in-out;
}
.style4 .mask {
background-color: rgba(146,96,91,0.3);
transform: translateX(-300px);
opacity: 1;
transition: all 0.4s ease-in-out;
}
.style4 h2 {
background: rgba(255, 255, 255, 0.5);
color: #000;
box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.style4 p,
.style4 span.price {
opacity: 0;
color: #333;
transition: all 0.2s linear;
}
.style4:hover .mask {
transform: translateX(0px);
}
.style4:hover img {
transform: translate(300px, -50%);
transition-delay: 0.1s;
}
.style4:hover p,
.style4:hover span.price {
opacity: 1;
transition-delay: 0.4s;
}
/* Конец 4-го ÑÑ‚Ð¸Ð»Ñ */
/* 5-ый Ñтиль */
.style5 img {
transition: all 0.4s ease-in-out 0.5s;
}
.style5 .mask {
background-color: rgba(146,96,91,0.5);
opacity:0;
transition: all 0.3s ease-in 0.4s;
}
.style5 h2 {
opacity:0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(10);
transition: all 0.3s ease-in-out 0.1s;
}
.style5 p,
.style5 span.price {
opacity:0;
transform: scale(10);
transition: all 0.3s ease-in-out 0.2s;
}
.style5 a.readmore {
opacity:0;
transform: translateY(100px);
transition: all 0.3s ease-in-out 0.1s;
}
.style5:hover .mask {
opacity:1;
transition-delay: 0s;
}
.style5:hover img {
transition-delay: 0s;
}
.style5:hover h2 {
opacity: 1;
transform: scale(1);
transition-delay: 0.1s;
}
.style5:hover p,
.style5:hover span.price {
opacity:1;
transform: scale(1);
transition-delay: 0.2s;
}
.style5:hover a.readmore {
opacity:1;
transform: translateY(0px);
transition-delay: 0.3s;
}
/* Конец 5-го ÑÑ‚Ð¸Ð»Ñ */
/* 6-ой Ñтиль */
.style6 img{
transition: all 0.5s ease-out;
opacity: 1;
}
.style6 .mask {
background-color: rgba(77,44,35,0.5);
transform: rotate(0deg) scale(1);
opacity: 0;
transition: all 0.3s ease-out;
transform: translateY(-200px) rotate(180deg);
}
.style6 h2 {
transform: translateY(-200px);
transition: all 0.2s ease-in-out;
}
.style6 p,
.style6 span.price {
transform: translateY(-200px);
transition: all 0.2s ease-in-out;
}
.style6 a.readmore {
transform: translateY(-200px);
transition: all 0.2s ease-in-out;
}
.style6:hover img {
transform: translate(-50%,-50%) rotate(720deg) scale(0.1);
opacity: 0;
}
.style6:hover .mask {
opacity: 1;
transform: translateY(0px) rotate(0deg);
transition-delay: 0.4s;
}
.style6:hover h2 {
transform: translateY(0px);
transition-delay: 0.7s;
}
.style6:hover p,
.style6:hover span.price {
transform: translateY(0px);
transition-delay: 0.6s;
}
.style6:hover a.readmore {
transform: translateY(0px);
transition-delay: 0.5s;
}
/* Конец 6-го ÑÑ‚Ð¸Ð»Ñ */
/* 7-ой Ñтиль */
.style7 .mask {
background-color: rgba(255, 255, 255, 0.7);
top: -200px;
opacity: 0;
transition: all 0.3s ease-out 0.5s;
}
.style7 h2 {
transform: translateY(-200px);
transition: all 0.2s ease-in-out 0.1s;
}
.style7 p,
.style7 span.price {
color: #333;
transform: translateY(-200px);
transition: all 0.2s ease-in-out 0.2s;
}
.style7 a.readmore {
transform: translateY(-200px);
transition: all 0.2s ease-in-out 0.3s;
}
.style7:hover .mask {
opacity: 1;
top: 0px;
transition-delay: 0s;
animation: bounceY 0.9s linear;
}
.style7:hover h2 {
transform: translateY(0px);
transition-delay: 0.4s;
}
.style7:hover p,
.style7:hover span.price {
transform: translateY(0px);
transition-delay: 0.2s;
}
.style7:hover a.readmore {
transform: translateY(0px);
transition-delay: 0s;
}
@keyframes bounceY {
0% { transform: translateY(-205px);}
40% { transform: translateY(-100px);}
65% { transform: translateY(-52px);}
82% { transform: translateY(-25px);}
92% { transform: translateY(-12px);}
55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
/* Конец 7-го ÑÑ‚Ð¸Ð»Ñ */
/* 8-ой Ñтиль */
.style8 img {
transition: all 0.7s ease-in-out;
opacity: 1;
}
.style8 .mask {
background-color: rgba(255, 231, 179, 0.3);
transition: all 0.5s linear;
opacity: 0;
}
.style8 h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}
.style8 p,
.style8 span.price {
color: #333;
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.style8 a.readmore {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.style8:hover img {
transform: translate(-50%, -50%) scale(10);
opacity: 0;
}
.style8:hover .mask {
opacity: 1;
}
.style8:hover h2,
.style8:hover p,
.style8:hover a.readmore,
.style8:hover span.price {
transform: scale(1);
opacity: 1;
}
/* Конец 8-го ÑÑ‚Ð¸Ð»Ñ */
/* 9-ый Ñтиль */
.style9 img {
transition: all 0.2s linear;
}
.style9 .mask {
/*opacity: 0;
background-color: rgba(219,127,8, 0.7);
transition: all 0.4s ease-in-out;*/
}
.style9 .mask:before {
opacity: 0;
background-color: rgba(219,127,8, 0.7);
transition: all 0.4s ease-in-out;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.style9 h2 {
opacity: 1;
transform: translateY(70px);
transition: all 0.2s linear;
padding: 25px 3px !important;
}
.style9 p,
.style9 span.price {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
.style9 a.readmore {
opacity: 0;
transition: all 0.2s ease-in-out;
}
.style9:hover img {
transform: translate(-50%, -50%) scale(1.1);
}
.style9:hover .mask:before {
opacity: 1;
}
.style9:hover h2 {
opacity: 1;
transform: translateY(0px);
padding: 3px 3px !important;
}
.style9:hover p,
.style9:hover a.readmore,
.style9:hover span.price {
opacity: 1;
transform: translateY(0px);
}
.style9:hover p {
transition-delay: 0.1s;
}
.style9-first:hover a.readmore {
transition-delay: 0.2s;
}
/* Конец 1-го ÑÑ‚Ð¸Ð»Ñ */
/*/modules/mod_jshopping_cart_wl_ajax/assets/css/default.css*/
.mycart_mini_txt a {
background: url(/templates/renome/images/cart.svg) no-repeat left center;
padding: 15px;
padding-left: 25px;
line-height: 20px;
background-size: 22px;
display: block;
text-decoration: none;
color: #000000;
position: relative;
}
.mycart_mini_txt a span#jshop_quantity_products{
background:#2c7540;
width:24px;
line-height:20px;
display:inline-block;
text-align:center;
color:#ffffff;
border-radius:20px;
position:relative;
top:-5px;
left:-10px;
font-size:12px;
border:2px solid #ffffff;
}
.mycart_mini_txt a span#jshop_summ_product{
font-size: 15px;
font-family: 'PFSquareSansPro-bold';
}
/*/media/sourcecoast/css/common.css*/
.sourcecoast .intro {
padding: 6px 8px 0 0;
font-size: 1.1em;
}
.sourcecoast .btn {
margin-top: 0;
}
.sourcecoast.modal-backdrop {
z-index: 99990;
position:fixed;
top:0;
bottom:0;
right:0;
left:0;
background-color: #000000;
opacity: 0.8;
}
.sourcecoast.modal-backdrop.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.sourcecoast.modal-backdrop.fade.in {
opacity: 0.8;
}
.sourcecoast.modal {
position: fixed;
top: 25%;
left: 50%;
z-index: 99999 !important;
max-width: 560px;
/*width: 80%;*/
margin: 0 0 0 -25%;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* IE6-7 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
.sourcecoast.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
opacity: 0;
}
.sourcecoast.modal.fade.in {
opacity: 1;
}
.sourcecoast.modal.fade.in {
top: 25%;
}
.sourcecoast .modal-body {
overflow-y:auto; /* Change from visible to scroll the modal for mobile */
width: 100%;
}
.sourcecoast .form-horizontal .control-group {
margin-bottom:10px;
}
.sourcecoast.facebook,
.sourcecoast.linkedin,
.sourcecoast.twitter,
.sourcecoast.google,
.sourcecoast.pinterest,
.sourcecoast .facebook,
.sourcecoast .linkedin,
.sourcecoast .twitter,
.sourcecoast .google,
.sourcecoast .pinterest {
background:none;
}
/*/media/sourcecoast/themes/sclogin/default.css*/
/* Default SCLogin Theme - Add new themes to templates/YOUR_TEMPLATE_NAME/html/mod_sclogin/themes directory */
.sclogin {
overflow: visible;
text-align: left;
}
#login-modal {
/*top:15%;*/
top: 50%;
transform: translateY(-50%) !important;
height: auto !important;
/*margin-top:-35px;*/
}
div#login-modal.sourcecoast.modal {
transform: none;
}
.sclogin .powered-by {
clear: both;
}
div.sclogin-social-login a.show,
div.sclogin-joomla-login a.show,
div.sclogin-social-connect a.show {
margin-bottom: 9px;
}
div.sclogin-social-connect,
div.social-login.reconnect:nth-of-type(2) {
clear:left;
}
.sclogin-social-login .pull-left,
.social-login.reconnect.pull-left {
margin:5px;
}
.sclogin-social-login.bottom {
padding:5px 0;
}
input#sclogin-username.input-block-level,
input#sclogin-passwd.input-block-level {
height: 30px;
}
a.forgot.btn {
height: 28px !important;
padding: 0px 0px;
}
a.forgot.btn i {
margin-top: 6px;
}
#form-sclogin-submitcreate a,
.sclogin-modal-links a.btn,
.scuser-menu a.dropdown-toggle {
text-decoration: none !important;
}
#form-sclogin-submitcreate a,
.scuser-menu a.dropdown-toggle {
color: #000000;
}
.sclogin [class*="span"] {
margin-left: 0 !important;
}
.sclogin .clearfix {
clear: both;
}
#sclogin-username,
#sclogin-passwd {
margin-top: 0px;
}
/* Vertical Layout */
.sclogin-joomla-login.vertical input#sclogin-username.input-block-level,
.sclogin-joomla-login.vertical input#sclogin-passwd.input-block-level {
width: 100% !important;
max-width: 100% !important;
}
.sclogin-joomla-login.vertical a.forgot.btn {
width: 13% !important;
}
.sclogin-joomla-login.vertical input#sclogin-username.input-append,
.sclogin-joomla-login.vertical input#sclogin-passwd.input-append {
width: 100%;
}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn {
margin-top: 2px !important;
}
/* Horizontal Layout */
.sclogin-joomla-login.horizontal .control-group {
margin-right: 2px;
}
/* Modal Links */
.sclogin-modal-links a {
margin-right: 5px;
color: #17672d;
font-family:'Conv_SansRoundedC';
}
.sclogin-modal-links a.btn-primary {
color: #FFFFFF;
}
/* Logged in User options */
.sclogin .flat-list {
display: block !important;
border: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
margin-top: 1px !important;
}
.sclogin .logout-button {
margin-top: 0px;
}
.sclogin .sclogout-button {
float: left;
margin-right: 5px;
}
.sclogin .logout-link {
background-color: transparent;
text-decoration: underline;
border: none;
color: #095197;
cursor: pointer;
}
.sclogin .scuser-menu.dropdown-view {
float: left;
}
.sclogin .scuser-menu.list-view {
clear: both;
}
.sclogin #scprofile-pic,
.sclogin .sclogin-greeting {
text-align: right;
font-family: 'PFSquareSansPro-Medium';
}
.sclogin .sclogin-greeting{
color: black !important;
white-space: nowrap;
overflow:hidden;
}
.sc-connect-user {
clear: both;
}
.sclogin .top {
padding-top: 0px;
padding-bottom: 15px;
}
.sclogin .side {
padding-left: 15px;
}
/*/media/mod_simpleform2/css/styles.css*/
.simpleForm2{
margin:15px 0;
}
.sf2-form-group{
position:relative;
}
.sf2-form-group .sf2-form-label-wrap label{
font-weight: bold;
margin:0;
width:auto;
}
.sf2-form-group .sf2-form-label-wrap label .sf2-required{
color:#dd0000;
}
.sf2-form-group + .sf2-form-group{
margin-top:10px;
}
.sf2-form-group input.sf2-element,.sf2-form-group select.sf2-element,.sf2-form-group textarea.sf2-element,.sf2-form-group button.sf2-element{
margin:0;
}
.sf2-form-group input.sf2-element,.sf2-form-group select.sf2-element,.sf2-form-group textarea.sf2-element{
box-sizing: border-box;
width:100%;
max-width:100%;
display: inline-block;
transition:all 0.2s linear;
font-family:inherit;
border-radius: 3px;
padding:0.35em 0.55em;
font-size: inherit;
height:auto;
}
.sf2-form-inline{
}
.sf2-form-inline input.sf2-element,.sf2-form-inline select.sf2-element,.sf2-form-inline textarea.sf2-element{
width:auto;
}
.sf2-form-inline select.sf2-element.sf2-element-hours{
width:80px;
}
.sf2-form-inline input.sf2-element.sf2-element-minutes{
width:100px;
}
.sf2-element-captcha{
display:table;
width:100%;
}
.sf2-element-captcha-image,.sf2-element-captcha-input{
display:table-cell;
vertical-align: middle;
padding-left:10px;
}
.sf2-element-captcha-image,.sf2-element-captcha-image img{
width:100px;
}
.sf2-element-captcha-input input.sf2-element{
font-size:133%!important;
text-align:center;
max-width:100px;
}
.sf2-checkboxes .sf2-checkbox-label{
display:inline-block;
margin:0 20px 5px 0;
font-weight: normal;
}
.sf2-checkboxes input{
margin:0 0.5em 2px 0;
vertical-align: middle;
}
button.sf2-callBtn{
background: #337ab700;
color: #808080;
font-weight: 500;
cursor: pointer;
border:none;
}
.sf2-header{
line-height: 1.4;
text-align: center;
background: url(/templates/renome/images/enter.png) no-repeat center bottom;
padding: 35px 0px 25px;
font-family: 'PFSquareSansPro-bold';
}
.sf2-header .sf2-title{
font-family: 'Conv_SansRoundedC';
font-size: 28px;
display: block;
text-align: center;
}
.sf2-header .sf2-title + .sf2-description{
margin-top:3px;
}
.sf2-element-help{
display:block;
font-style: italic;
opacity:0.6;
font-size:90%;
margin-top:3px;
}
.sf2-button-group button{
margin-right:10px!important;
}
.sf2-body {
position: relative;
padding: 20px 30px 10px;
text-align: center;
font-size: 22px;
}
.sf2Layout-blocks .sf2-form-label-wrap{
display:block;
margin-bottom:3px;
}
.sf2LayoutMode-full-width{
}
.sf2LayoutMode-boxed{
max-width:400px;
}
.sf2LayoutMode-boxed .sf2-header{
position:relative;
padding:15px 20px;
margin:0;
border-radius:4px 4px 0 0;
}
.sf2LayoutMode-boxed .sf2-header .sf2-title + .sf2-description{
margin-top:3px;
}
.sf2LayoutMode-boxed .sf2-body{
padding:15px 20px 18px;
border-radius:4px;
}
.sf2LayoutMode-boxed .sf2-header + .sf2-body{
border-radius:0 0 4px 4px;
}
.sf2Layout-lines .sf2-form-group + .sf2-form-group{
margin-top:15px;
}
.sf2Layout-lines .sf2-form-label-wrap{
float:left;
width:125px;
}
.sf2Layout-lines .sf2-form-element-wrap{
margin-left:135px;
}
.sf2Style-default{
color:#333;
}
.sf2Style-default .sf2-form-label-wrap label{
color:#333;
}
.sf2Style-default .sf2-form-group input.sf2-element,.sf2Style-default .sf2-form-group select.sf2-element,.sf2Style-default .sf2-form-group textarea.sf2-element{
height: 50px;
border-radius: 50px;
padding: 0 15px;
display: inline-block;
width: 100% !important;
box-shadow: none;
font-size: 16px;
border: 1px solid #ccc;
}
.sf2Style-default .sf2-form-group input.sf2-element:focus,.sf2Style-default .sf2-form-group select.sf2-element:focus,.sf2Style-default .sf2-form-group textarea.sf2-element:focus{
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
border-color: #66afe9;
outline: 0;
}
.sf2Style-default button.sf2-element{
background:#eee;
color:#333;
transition: all 0.2s ease;
display:inline-block;
padding: 6px 14px 7px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
border:none;
border-radius: 4px;
box-shadow:none;
text-shadow:none;
}
.sf2Style-default button.sf2-element[type="submit"]{
background: #337ab7;
color:#fff;
font-weight: 500;
}
.sf2Style-default button.sf2-element[type="submit"]:hover{
background:#286090;
}
.sf2Style-light{
color:#666;
}
.sf2Style-light .sf2-form-label-wrap label{
font-weight:normal;
color:#666;
}
.sf2Style-light label.sf2-checkbox-label{
color:#666;
}
.sf2Style-light .sf2-form-group input.sf2-element,.sf2Style-light .sf2-form-group select.sf2-element,.sf2Style-light .sf2-form-group textarea.sf2-element{
border: 1px solid #ccc;
color:#777;
line-height: 1.38;
box-shadow:none;
}
.sf2Style-light .sf2-form-group input.sf2-element:focus,.sf2Style-light .sf2-form-group select.sf2-element:focus,.sf2Style-light .sf2-form-group textarea.sf2-element:focus{
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.4);
border-color:#89c7f8;
outline: 0;
}
.sf2Style-light button.sf2-element{
background:#fff;
color:#555;
border:1px solid #ccc;
border-radius: 4px;
transition: all 0.2s ease;
display:inline-block;
padding: 6px 14px 7px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
box-shadow:none;
text-shadow:none;
}
.sf2Style-light button.sf2-element[type="submit"]{
background:#59b1fd;
color:#fff;
font-weight: 500;
border-color:transparent;
}
.sf2Style-light button.sf2-element[type="submit"]:hover{
background:#4aa3ef;
}
.sf2Style-sky{
color:#333;
}
.sf2Style-sky .sf2-header{
background:#47adef;
color:#fff;
}
.sf2Style-sky .sf2-form-label-wrap label{
font-weight:normal;
color:#333;
}
.sf2Style-sky.sf2LayoutMode-boxed .sf2-body{
border:1px solid #ccc;
}
.sf2Style-sky.sf2LayoutMode-boxed .sf2-header + .sf2-body{
border-top:none;
}
.sf2Style-sky label.sf2-checkbox-label{
color:#333;
}
.sf2Style-sky .sf2-form-group input.sf2-element,.sf2Style-sky .sf2-form-group select.sf2-element,.sf2Style-sky .sf2-form-group textarea.sf2-element{
border: 1px solid #ccc;
color:#555;
line-height: 1.38;
box-shadow:none;
background:rgba(0,0,0,0.02);
background:#fff;
}
.sf2Style-sky .sf2-form-group input.sf2-element:focus,.sf2Style-sky .sf2-form-group select.sf2-element:focus,.sf2Style-sky .sf2-form-group textarea.sf2-element:focus{
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
border-color:#66afe9;
outline: 0;
}
.sf2Style-sky button.sf2-element{
background:rgba(0,0,0,0.02);
color:#333;
border:1px solid #ccc;
border-radius:4px;
transition: all 0.2s ease;
display:inline-block;
padding: 6px 14px 7px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
box-shadow:none;
text-shadow:none;
}
.sf2Style-sky button.sf2-element[type="submit"]{
background:#47adef;
color:#fff;
font-weight: 500;
border-color:transparent;
}
.sf2Style-sky button.sf2-element[type="submit"]:hover{
background:#389ee1;
}
.sf2Style-fancy{
color:#666;
}
.sf2Style-fancy .sf2-form-group + .sf2-form-group{
margin-top:15px;
}
.sf2Style-fancy .sf2-form-label-wrap label{
font-weight:normal;
color:#666;
}
.sf2Style-fancy label.sf2-checkbox-label{
color:#666;
}
.sf2Style-fancy .sf2-form-group input.sf2-element,.sf2Style-fancy .sf2-form-group select.sf2-element,.sf2Style-fancy .sf2-form-group textarea.sf2-element{
border:none;
border-bottom:1px solid #ddd;
border-radius:0px;
padding-left:0;
padding-right:0;
color:#444;
line-height: 1.38;
box-shadow:none;
background:rgba(255,255,255,0);
}
.sf2Style-fancy .sf2-form-group input.sf2-element:focus,.sf2Style-fancy .sf2-form-group select.sf2-element:focus,.sf2Style-fancy .sf2-form-group textarea.sf2-element:focus{
box-shadow:none;
border-color:#73bfff;
outline: 0;
background:rgba(255,255,255,0);
}
.sf2Style-fancy button.sf2-element{
background:#fff;
color:#00b9ff;
border:1px solid #fff;
border-radius: 4px;
transition: all 0.2s ease;
display:inline-block;
padding: 6px 14px 7px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
box-shadow:none;
text-shadow:none;
}
.sf2Style-fancy button.sf2-element[type="submit"]{
background:#00b9ff;
color:#fff;
font-weight: 500;
border-color:#00b9ff;
}
.sf2Style-fancy button.sf2-element[type="submit"]:hover{
background:#fff;
color:#00b9ff;
border-color:#00b9ff;
}
.sf2Style-fancy .sf2-checkbox-label{
position:relative;
}
.sf2Style-fancy .sf2-checkbox-label input[type="checkbox"]{
display: none;
}
.sf2Style-fancy .sf2-checkbox-label input[type="checkbox"] + i{
display:inline-block;
width:45px;
}
.sf2Style-fancy .sf2-checkbox-label input[type="checkbox"] + i:before{
content: "";
display:block;
position:absolute;
left:0;
top:2px;
width:35px;
height:14px;
background:#dedee0;
border-radius:7px;
transition:all ease-out 0.2s;
}
.sf2Style-fancy .sf2-checkbox-label input[type="checkbox"] + i:after{
content: "";
display:block;
position:absolute;
left:0;
top:-1px;
width:20px;
height:20px;
background:#bebec0;
border-radius:50%;
transition:all ease-out 0.2s;
}
.sf2Style-fancy .sf2-checkbox-label input[type="checkbox"]:checked + i:before{
background:#a7e8e0;
}
.sf2Style-fancy .sf2-checkbox-label input[type="checkbox"]:checked + i:after{
background:#4fd2c2;
left:15px;
}
.sf2Style-fancy.sf2Layout-lines .sf2-form-label-wrap{
padding-top: 5px;
}
.sf2Style-dark{
color:#999;
}
.sf2Style-dark .sf2-form-label-wrap label{
color:#999;
}
.sf2Style-dark .sf2-form-group input.sf2-element,.sf2Style-dark .sf2-form-group select.sf2-element,.sf2Style-dark .sf2-form-group textarea.sf2-element{
border:none;
background:rgba(0,0,0,0.15);
color:#ccc;
line-height: 1.42857143;
box-shadow: inset 1px 1px 2px rgba(0,0,0,.2), 0 -1px 0 rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.075);
}
.sf2Style-dark .sf2-form-group input.sf2-element:focus,.sf2Style-dark .sf2-form-group select.sf2-element:focus,.sf2Style-dark .sf2-form-group textarea.sf2-element:focus{
background:rgba(0,0,0,0.3);
outline: 0;
}
.sf2Style-dark button.sf2-element{
background:linear-gradient(to top, #6f6f6f, #aaa);
color:#444;
border:1px solid rgba(0,0,0,0.6);
border-radius: 4px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2);
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
transition: all 0.2s ease;
display:inline-block;
padding: 6px 14px 7px;
margin-bottom: 0;
font-weight:bold;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
}
.sf2Style-dark button.sf2-element[type="submit"]{
background:linear-gradient(to top, #3e76a0, #499ed1);
color:#20425c;
}
.sf2Style-dark button.sf2-element[type="submit"]:hover{
background:linear-gradient(to top, #3e76a0, #499ed1 10%);
}
.sf2Style-compact{
}
.sf2Style-compact .sf2-form-label-wrap{
display:none;
}
.sf2Style-compact .sf2-form-group input.sf2-element,.sf2Style-compact .sf2-form-group select.sf2-element,.sf2Style-compact .sf2-form-group textarea.sf2-element{
border: 1px solid #ccc;
color:#555;
line-height: 1.42857143;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.sf2Style-compact .sf2-form-group input.sf2-element:focus,.sf2Style-compact .sf2-form-group select.sf2-element:focus,.sf2Style-compact .sf2-form-group textarea.sf2-element:focus{
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
border-color: #66afe9;
outline: 0;
}
.sf2Style-compact button.sf2-element{
background:#eee;
color:#333;
transition: all 0.2s ease;
display:inline-block;
padding: 6px 14px 7px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
user-select: none;
border:none;
border-radius: 4px;
box-shadow:none;
text-shadow:none;
}
.sf2Style-compact button.sf2-element[type="submit"]{
background: #337ab7;
color:#fff;
font-weight: 500;
}
.sf2Style-compact button.sf2-element[type="submit"]:hover{
background:#286090;
}
.sf2Shade{
position: fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
z-index: 9999;
border-radius:4px;
}
.sf2Shade.sf2Message{
z-index: 9999;
}
.sf2Shade .cssload-container{
position:absolute;
left:50%;
top:50%;
width:50px;
height:50px;
margin:-25px 0 0 -25px;
transform:scale(0.6);
}
.sf2-message{
padding: 30px 30px 0px;
background:#fff;
color:#333;
font-size: 16px;
border:0px solid #999;
border:0px solid rgba(0,0,0,0.3);
margin:15px 0;
line-height: 1.3;
}
.sf2Win {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
max-width:800px;
background:#fff;
color:#333;
border:0px solid #999;
border:0px solid rgba(0,0,0,0.3);
border-radius:4px;
outline:0;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
background-clip:padding-box;
background: url(/templates/renome/images/background.jpg) repeat center top;
}
.sf2-type-success b{font-family: 'Conv_SansRoundedC';font-size: 28px;padding-bottom: 5px;display: block;text-align: center;}
.sf2Win.error,.sf2-type-error{
border-left-width: 0px;
z-index: 99999;
padding: 20px 25px;
/* border-left-color:#da4f49; */
}
.sf2Win.info,.sf2-type-info{
border-left-width:4px;
border-left-color:#00b9ff;
}
.sf2Win-body{
position: relative;
max-height: 600px;
max-width:600px;
overflow-y: auto;
line-height: 1.42;
color:#333;
}
.sf2Win-body p,.sf2-message p{
padding:0;
margin:0;
}
.sf2Win-body ul,.sf2-message ul{
margin:0;
list-style-type: disc;
list-style-position: inside;
}
.sf2Win-body b+p,.sf2Win-body b+ul,.sf2-message b+p,.sf2-message b+ul{
margin-top:6px;
}
.sf2Win-close{
position:absolute;
top:-20px;
right:-20px;
font-size:20px;
color: #fff;
text-shadow:0 3px 7px rgba(0,0,0,0.3);
cursor:pointer;
font-family: verdana;
transform: rotate(45deg);
}
.sf2Win form{
margin:0;
}
.sf2Win-footer .pk {
max-width: 300px;
}
.sf2Win-footer {
padding: 0px 30px 40px;
margin-bottom: 0;
text-align: center;
*
zoom: 1;
}
.sf2CloseBtn{position: absolute;top: -15px;right: -15px;width: 40px;height: 40px;font-weight: bold;background: #2c7540;color: #ffffff;border-radius: 30px;text-align: center;font-size: 20px;border: none;}
.sf2SendBtn{
border: 0;
background: #2c7540;
color: #ffffff;
padding: 0;
margin: 0;
margin-bottom: 20px;
height: 50px;
border-radius: 50px;
padding: 0 15px;
display: inline-block;
width: 100% !important;
text-shadow: none;
box-shadow: none;
font-size: 16px;
}
.cssload-speeding-wheel{
width: 49px;
height: 49px;
margin: 0 auto;
border: 3px solid rgb(0,0,0);
border-radius: 50%;
border-left-color: transparent;
border-right-color: transparent;
animation: cssload-spin 575ms infinite linear;
-o-animation: cssload-spin 575ms infinite linear;
-ms-animation: cssload-spin 575ms infinite linear;
-webkit-animation: cssload-spin 575ms infinite linear;
-moz-animation: cssload-spin 575ms infinite linear;
}
@keyframes cssload-spin {
100%{
transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*/templates/renome/css/font-awesome.css*/
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
color:#00A859;
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
color:#10ABDF;
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/*http://renomedev.siteglobal.ru/modules/mod_jsfilter/assets/layout/default/style.css*/
.sf_wrapper {
display: block;
margin: 0 auto;
overflow: visible;
position: relative;
z-index: 100;
}
.sf_wrapper * {
font-family: "Arial","Helvetica",sans-serif;
margin: 0;
padding: 0;
border: 0 none;
outline: 0 none;
vertical-align: middle;
position: relative;
color: #333;
}
input::-moz-focus-inner /*Remove button padding in FF*/
{
border: 0;
padding: 0;
}
#sf_tip {
background: #FFF8DC;
}
.sf_block_params span, .sf_block_params input {
margin-right: 6px;
}
.sf_block_params input, .sf_block_params select {
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;
margin-bottom: 0;
margin-top: 0;
/* display: none; */
}
#sf_slider_min input, #sf_slider_max input, .sf_price_wrap input {
margin: 0;
text-align: center;
width: 4em;
height: 1.5em;
padding: 0 3px;
}
.sf_container, .form_sort_count {
background: #ffffff;
display: block;
height: auto;
border-radius: 5px;
border: 2px solid #17672d;
padding: 7px 0;
margin-bottom: 20px;
}
.sf_header {
margin-bottom: 6px;
padding: 0 12px;
}
.sf_header span {
}
form.sf_form {
line-height: 1.1em;
z-index: 2;
}
.sf_block {
display: block;
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #FFFFFF;
}
.sf_block_params.sf_block_params--slider,
.sf_block:last-of-type .sf_block_params {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
left: -30%;
}
.sf_block:last-of-type .sf_block_params:before{
left: 47%;
}
.sf_block:first-of-type .sf_block_params{
left: 0%;
}
.sf_block:first-of-type .sf_block_params:before{
left: 32%;
}
.sf_block:hover .sf_block_title{
color: #17672d;
transition: 0.5s;
}
.sf_block:hover .sf_ctrl.roll{
border-top: 6px solid #17672d;
border-left: 4px ridge transparent;
border-right: 4px solid transparent;
border-bottom: none;
}
.sf_block:hover .sf_ctrl {border-bottom: 6px solid #17672d;border-left: 4px ridge transparent;border-right: 4px solid transparent;border-top: none;}
.sf_block_header {
color: #000;
cursor: pointer;
font-weight: 600;
display: inline-flex;
padding: 8px 5px 8px 21px;
z-index: 1;
}
.sf_block_title {display:inline-block;}
.sf_block_header .block_comment {
background: #b0b0b0 none repeat scroll 0 0;
border: 1px solid #a0a0a0;
border-radius: 14px;
color: #ffffff;
display: inline-block;
font-size: 0.83em;
line-height: 0.8em;
margin-left: 3px;
padding: 3px 4px;
vertical-align: middle;
}
.block_comment.hasTip:after {
content: "?";
}
.sf_ctrl_popular {
display: inline-block;
padding-left: 6px;
vertical-align: middle;
}
.sf_ctrl_popular.roll {
}
.sf_ctrl.roll {
border-top: 6px solid #000;
border-left: 4px ridge transparent;
border-right: 4px solid transparent;
border-bottom: none;
top: 5px;
}
.sf_ctrl {
border-bottom: 6px solid #000;
border-left: 4px ridge transparent;
border-right: 4px solid transparent;
border-top: none;
height: 5px;
left: 10px;
}
.sf_block_params {
padding: 20px;
position: absolute;
left: 0%;
background: white;
box-shadow: 0px 2px 5px rgba(112,112,112,0.5);
margin-top: 10px;
border-radius: 5px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 25px;
-webkit-column-gap: 25px;
column-gap: 25px;
z-index: 999;
width: 330px;
}
.sf_block_params:before {
content: '';
position: absolute;
background: url(/templates/renome/images/pre-filter.png) no-repeat right bottom;
width: 25px;
height: 14px;
top: -13px;
left: 43%;
}
.sf_wrapper fieldset:last-child {}
.sf_block .sf_block_params:first-child {
padding: 7px 10px 6px 21px;
}
.sf_block_params label, .sf_block_params input, .sf_block_params button, .sf_block_params select, .sf_block_params textarea {
line-height: 18px;
}
.sf_block_params button {
}
.sf_price_wrap {
}
.sf_block_params label {
display: block;
padding: 5px 0;
}
.sf_block_params label:hover{
color:red;
}
.sf_block_params span {
border-bottom: 1px dashed #ACACAC;
display: inline-block;
color: #333;
}
.sf_block_params span img{
width: 15px;
margin-left: 10px;
}
.sf_block_params select {
padding: 0.2em;
width: 100%;
}
.sf_block_params select:not([multiple="multiple"]) {
height: 2em;
}
.sf_block_params select option {
padding: .1em .5em;
}
.sf_block_params select option[disabled]{
color: #999;
}
.sf_buttons {
text-align:center;
margin-top: 8px;
}
.sf_buttons input {
cursor: pointer;
font-size: 0.9em;
font-weight: 600;
height: 29px;
padding: 0 11px;
}
input.sf_submit {
background: #7d7e7d;
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
border: 1px solid #666;
border-radius: 3px;
color: #fff;
cursor: pointer;
padding: 3px 10px 3px;
}
input.sf_reset {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border: 1px solid #ccc;
border-radius: 3px;
color: #333;
cursor: pointer;
padding: 3px 10px 3px;
}
.sf_block_params .ms-choice span {
border: none;
line-height: 26px;
}
.sf_block_params label.images {
display: inline-block;
padding: 0px;
margin: 2px;
vertical-align: top;
background-repeat: no-repeat;
}
.sf_block_params label.images:hover {
opacity: 0.8;
cursor: pointer;
}
.sf_block_params label.images.active{
box-shadow: 0 0 6px 6px #f0ffff inset;
}
.sf_block_params label.images.disabled {
cursor: not-allowed !important;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
opacity: 0.35;
}
#sf_slider_wrap {}
.sf_slider_digits {
height: 2.2em;
}
#sf_slider_min, #sf_slider_max {
position: absolute;
top: 0;
}
#sf_slider_min {
left: 0;
}
#sf_slider_max {
right: 0;
}
#sf_slider {
margin: 0 auto;
width: 92%;
}
#sort_count {
position: relative;
}
.sf_panel {
background: #f0f0f0 none repeat scroll 0 0;
display: block;
line-height: 20px;
margin-bottom: 1em;
padding: 11px;
font-size: 16px;
width: 100%;
}
.sf_panel .title, .sf_panel .item {
display: inline-block;
font-size: 0.9em;
margin-right: 3px;
vertical-align: top;
}
.sf_panel .title {
color: #ffffff;
margin-bottom: 0;
margin-right: 20px;
padding: 3px 0 3px 10px;
position: relative;
}
.sf_panel .title:before, .sf_panel .title:after {
border-color: rgba(0, 0, 0, 0);
border-image: none;
border-style: solid none solid solid;
border-width: 12px 0 14px 13px;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
}
.sf_panel .title:nth-child(1) {
background: none repeat scroll 0 0 #17672d;
width: 115px;
}
.sf_panel .title:nth-child(1):after {
border-left-color: #17672d;
right: -13px;
top: 0;
}
/*#sort_count .block_sorting_count_to_page {}
#sort_count .box_products_sorting {
padding: 0;
}
#sort_count .box_products_count_to_page {
color: #333;
padding-left: 6px;
}*/
.sf_panel .item {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border: 1px solid #CCCCCC;
border-radius: 3px;
color: #333333;
cursor: pointer;
padding: 2px 10px 3px;
}
.sf_panel .item:hover {
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
transition: 0.4s;
}
.sf_panel .item:active {
background: #e5e5e5;
background: -moz-linear-gradient(top, #e5e5e5 0%, #fcfcfc 100%);
background: -webkit-linear-gradient(top, #e5e5e5 0%,#fcfcfc 100%);
background: linear-gradient(to bottom, #e5e5e5 0%,#fcfcfc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#fcfcfc',GradientType=0 );
}
.sf_panel .item .sort {
display: inline-block;
height: 0;
width: 0;
}
.sf_sortbtn {
display: inline-block;
}
.sf_sortcount, .sf_stock, .sf_prodcount {
color: #555;
float: right;
font-size: 0.9em;
margin: 0.3em 1em;
}
.sf_sortcount > select, .sf_stock > select {
color: #555;
font-size: 0.97em;
height: 2.3em;
vertical-align: baseline;
}
.sf_panel .asc {
border-bottom: 8px solid #555555;
border-left: 4px dotted rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
height: 0;
margin-left: 6px;
width: 0;
}
.sf_panel .desc {
border-top: 8px solid #555555;
border-left: 4px dotted rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
height: 0;
margin-left: 6px;
width: 0;
}
.sf_panel .stock {}
.sf_panel .stock select {
bottom: 6px;
font-size: 0.9em;
height: 23px;
line-height: 0.9em;
margin: 0;
padding: 0 0.2em;
position: absolute;
right: 6px;
width: 135px;
}
#sf_tip {
border-color: #E5E5E5;
border-style: solid;
border-width: 1px 1px 1px 0;
box-shadow: 0 2px 8px 0 #999999;
white-space: nowrap;
z-index: 20;
}
#sf_tip a, #sf_tip a:hover, #sf_tip a:visited {
background: transparent;
color: #555;
display: block;
padding: 3px 18px;
text-decoration: none;
}
#sf_tip a:hover {}
#sf_tip a span {
padding: 0 1px;
}
.wrap_block_reset {
position: absolute;
right: 10px;
top: 8px;
}
.sf_block .ms-drop {
border-collapse: collapse;
border-color: #cccccc;
border-image: none;
border-radius: 0;
border-style: none solid solid;
border-width: 0 1px 1px;
position: absolute;
top: 25px;
box-sizing: border-box;
}
.sf_block .ms-select-all {
display: none;
}
.sf_block .ms-choice {
border: 1px solid #cccccc;
border-radius: 0;
border-collapse: collapse;
}
.sf_block .block_reset {
position: absolute;
right: 0px;
background: #17672d;
cursor: pointer;
z-index: 100;
font-weight: bold;
color: white;
font-size: 17px !important;
text-align: center;
padding: 3px 5px 2px;
top: 7px;
border-radius: 12px;
}
.sf_inline .sf_block {
border-bottom: medium none;
border-top: medium none;
display: inline-table;
height: 100%;
vertical-align: top;
padding: 10px 60px;
}
.sf_inline .sf_all {}
.sf_block_params .sf_dimension {
display: none;
}
#sf_limit {
width: 60px;
}
/*.sf_block_params.locked input,
.sf_block_params.locked label,
.sf_block_params.locked option,
.sf_block_params.locked #sf_slider_wrap
{
display: none;
}*/
.form_sort_count .box_products_sorting {margin: 0;}
#minimum_order_sum_modal {
/*padding: 12px !important;*/
}
#minimum_order_sum_modal .modal-dialog {
max-width:90%;
width: 370px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.new0-useronly {
display: none;
}
body[data-user="1"]#catalog .new0-useronly, body[data-user="1"]#novinki .new0-useronly {
/*display: block;*/
}
/*
.editaccount_block {
margin-bottom: 83px;
}
*/
ul.shop_menu_top {
list-style: none;
margin-bottom: 15px;
}
ul.shop_menu_top li {
min-width: 150px;
text-align: center;
margin-bottom: 5px;
margin-right: 5px;
}
ul.shop_menu_top li a {
display: block;
font-weight: 700;
color: #000;
text-decoration: none;
padding: 10px 25px 9px;
border-radius: 30px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
ul.shop_menu_top li.current > a,
ul.shop_menu_top li a:hover {
color: #2e8949;
}
@media all and (min-width: 767px){
ul.shop_menu_top {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
ul.shop_menu_top li {
}
}
/*// @dded 02.03.2021*/
ul.extra-icons {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
ul.extra-icons li {
max-width: 50px;
margin: 0 3px 10px;
}
ul.extra-icons li img {
max-width: 50px;
}
.product_image_wrapper ul.extra-icons li {
max-width: 80px;
}
.product_image_wrapper ul.extra-icons li img {
max-width: 80px;
}
@media all and (max-width: 1599px){
ul.extra-icons li img {
max-width: 45px;
}
}
@media all and (max-width: 1399px){
ul.extra-icons li img {
max-width: 40px;
}
}
@media all and (max-width: 450px){
ul.extra-icons li img {
max-width: 30px;
}
}
#registerThanks {
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) !important;
max-width: 560px;
margin-left: -280px;
overflow: initial;
}
.module-main-video {
margin: 10px 0;
}
@media all and (min-width: 767px){
.module-main-video {
margin: 45px 0;
}
}
/* 25.03.2021 */
#cartDeleteItemPopup {
overflow-x: hidden;
overflow-y: auto;
text-align: center;
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) !important;
max-width: 360px;
margin-left: -180px;
overflow: initial;
}
#cartDeleteItemPopup .modal-dialog {
width: 360px;
height: 200px;
margin: 20px auto;
overflow: hidden;
}
#cartDeleteItemPopup .btn {
background: #18682e;
border-color: #18682e;
color: #fff;
text-decoration: none;
padding: 13px 15px;
border-radius: 50px;
margin: 5px 0;
line-height: 1.2 !important;
display: inline-block;
width: 110px;
font-weight: 700;
opacity: 1;
transition: opacity 0.3s;
}
#cartDeleteItemPopup .btn:hover {
opacity: 0.8;
}
#cartDeleteItemPopup .btn-cancel {
background: #e6e6e6;
border-color: #dedede;
color: #000;
}
/* 29.03.2021 */
#loginErrorPopup {
overflow-x: hidden;
overflow-y: auto;
text-align: center;
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) !important;
max-width: 360px;
margin-left: -180px;
overflow: initial;
z-index: 999999 !important
}
#loginErrorPopup .modal-dialog {
width: 360px;
height: 200px;
margin: 20px auto;
overflow: hidden;
}
#loginErrorPopup .btn {
background: #18682e;
border-color: #18682e;
color: #fff;
text-decoration: none;
padding: 13px 15px;
border-radius: 50px;
margin: 5px 0;
line-height: 1.2 !important;
display: inline-block;
width: 110px;
font-weight: 700;
opacity: 1;
transition: opacity 0.3s;
}
#loginErrorPopup .btn:hover {
opacity: 0.8;
}
.hero {
box-shadow: -1px 10px 18px -10px #0000009c;
}
.hero img {
width: 100%;
height: auto;
}
@media all and (min-width: 767px){
.hero {
margin-bottom: 6rem;
}
}
@media all and (max-width: 767px){
.hero {
margin-left: -10px;
margin-right: -10px;
}
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/*27.07.2021*/
.btn-default-style {
border: none;
background: #17672d;
border-radius: 30px;
padding: 13px 30px 11px;
color: #fff;
margin-right: 15px;
font-size: 15px;
opacity: 1;
transition: opacity 0.2s;
}
.btn-default-style:hover {
opacity: 0.8;
}
.btn-default-1 {
background: #000;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.cloud .slick-slider {
margin-top: 30px;
}
.sky .slick-slider {
margin-left: 23px;
margin-right: 23px;
}
#list_product_image_thumb.slick-slider {
-moz-column-count: unset!important;
-webkit-column-count: unset!important;
column-count: unset!important;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
}
.sky .slick-list {width: 100%}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.cloud .slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
width: 50%;
/* width: 50%!important; */
}
@media (max-width: 767px) {
.cloud .slick-slide
{
width: 33%;
/* width: 33%!important; */
}
}
.sky .slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
position: absolute;
display: block;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev
{
display: block;
background: transparent;
top: -30px;
left: 50%;
z-index: 9;
transform: translateX(-50%);
width: 85px;
height: 24px;
}
.slick-prev:before
{
content: '';
width: 100%;
height: 100%;
background: url(../img/next.svg) left top no-repeat;
background-size: cover;
position: relative;
display: block;
}
.slick-next
{
display: block;
background: transparent;
bottom: -30px;
left: 50%;
z-index: 9;
transform: translateX(-50%);
width: 85px;
height: 24px;
}
.slick-next:before
{
content: '';
width: 100%;
height: 100%;
background: url(../img/next.svg) left top no-repeat;
background-size: cover;
position: relative;
display: block;
transform: rotate(180deg);
}
@media all and (max-width: 760px){
.slick-prev
{
display: block;
background: transparent;
top: -30px;
left: 50%;
z-index: 9;
transform: translateX(-50%);
width: 57px;
height: 16px;
}
.slick-prev:before
{
content: '';
width: 100%;
height: 100%;
background: url(../img/next.svg) left top no-repeat;
background-size: cover;
position: relative;
display: block;
}
.slick-next
{
display: block;
background: transparent;
bottom: -30px;
left: 50%;
z-index: 9;
transform: translateX(-50%);
width: 57px;
height: 16px;
}
.slick-next:before
{
content: '';
width: 100%;
height: 100%;
background: url(../img/next.svg) left top no-repeat;
background-size: cover;
position: relative;
display: block;
transform: rotate(180deg);
}
}
.cloud a img.jshop_img_thumb, .sky a img.jshop_img_thumb {
padding: 0;
text-align: center;
border: 0;
margin-bottom: 0;
cursor: pointer;
border-radius: 0;
border: 0;
}
div.slick-slide > div {
display: flex;
align-items: flex-start;
padding: .4rem;
}
.fancybox-inner .slick-prev
{
display: block;
background: transparent;
top: 50%;
left: -35px;
z-index: 9;
transform: translateY(-50%);
width: 49px;
height: 14px;
}
.fancybox-inner .slick-prev:before
{
content: '';
width: 100%;
height: 100%;
background: url(../img/next.svg) left top no-repeat;
background-size: cover;
position: relative;
display: block;
transform: rotate(-90deg);
}
.fancybox-inner .slick-next
{
display: block;
background: transparent;
bottom: 50%;
left: unset;
right: -37px;
z-index: 9;
transform: translateY(50%);
width: 49px;
height: 14px;
}
.fancybox-inner .slick-next:before
{
content: '';
width: 100%;
height: 100%;
background: url(../img/next.svg) left top no-repeat;
background-size: cover;
position: relative;
display: block;
transform: rotate(90deg);
}
.slick-slide .col-sm-4 {
float: unset!important;
width: unset!important;
padding:0!important;
}
.sky a:focus, .clouds a:focus {
outline: none!important;
outline-offset: unset;
}
.sky .slick-list {
width: 325px!important;
}
img {
height: auto;
}
#preloaderSpinn {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 9;
background: #ffffffe3;
width: 100%;
height: 52px;
margin-top: -28px;
}
#preloaderSpinn img {
width: 40px;
height: 40px;
}
#registerPopup .modal-title-enter {
padding: 18px 0px 25px;
font-size: 28px;
}
#registerPopup .modal-title-enter .subb {
display: block;
font-size: 22px;
}
#registerPopup .moduletable .sub-header {display: none;}
#registerPopup .sub-header22 {
font: 29px conv_sansroundedc,sans-serif;
color: #17672d;
text-transform: uppercase;
margin-bottom: 1rem;
margin-top: 1.4rem;
}
#registerPopup .marketplaces_conditions {
margin-top: 18px!important;
}
.cities_accept, .www .map-img {
display: none;
}
.www .contact-info {
margin-top: 109px;
}
.callBackButton {
background: #faaa00!important;
border-radius: 100%;
width: 80px;
height: 80px;
position: fixed;
bottom: 75px;
right: 75px;
color: #FFFFFF;
text-align: center;
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
border: 2px solid #ffffff5c;
box-shadow: 0 0 0px 6px #faaa00;
-webkit-animation: pulser 4s infinite;
animation: pulser 4s infinite;
z-index: 8;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.callBackButton1 {
background: #216bc1!important;
border-radius: 100%;
width: 80px;
height: 80px;
position: fixed;
bottom: 75px;
right: 75px;
color: #FFFFFF;
text-align: center;
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
border: 2px solid #ffffff5c;
box-shadow: 0 0 0px 6px #faaa00;
-webkit-animation: pulser2 4s infinite;
animation: pulser2 4s infinite;
z-index: 8;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.callBackButton img, .callBackButton1 img{
width: 38px;
height: auto;
cursor: pointer;
}
@-webkit-keyframes pulser {
0% {
-webkit-box-shadow: 0 0 0px 2px #faaa00;
box-shadow:0 0 0px 2px #faaa00;
}
40% {
-webkit-box-shadow: 0 0 0 10px #faaa0040;
box-shadow: 0 0 0 10px #faaa0040;
}
100% {
-webkit-box-shadow: 0 0 0px 2px #faaa00;
box-shadow:0 0 0px 2px #faaa00;
}
}
@keyframes pulser {
0% {
-webkit-box-shadow: 0 0 0px 2px #faaa00;
box-shadow:0 0 0px 2px #faaa00;
}
40% {
-webkit-box-shadow: 0 0 0 10px #faaa0040;
box-shadow: 0 0 0 10px #faaa0040;
}
100% {
-webkit-box-shadow: 0 0 0px 2px #faaa00;
box-shadow:0 0 0px 2px #faaa00;
}
}
@-webkit-keyframes pulser2 {
0% {
-webkit-box-shadow: 0 0 0px 2px #216bc1;
box-shadow:0 0 0px 2px #216bc1;
}
40% {
-webkit-box-shadow: 0 0 0 10px #216bc1;
box-shadow: 0 0 0 10px #216bc1;
}
100% {
-webkit-box-shadow: 0 0 0px 2px #216bc1;
box-shadow:0 0 0px 2px #216bc1;
}
}
@keyframes pulser2 {
0% {
-webkit-box-shadow: 0 0 0px 2px #216bc1;
box-shadow:0 0 0px 2px #216bc1;
}
40% {
-webkit-box-shadow: 0 0 0 10px #216bc1;
box-shadow: 0 0 0 10px #216bc1;
}
100% {
-webkit-box-shadow: 0 0 0px 2px #216bc1;
box-shadow:0 0 0px 2px #216bc1;
}
}
.sf2Style-default .sf2-form-group textarea.sf2-element, .sf2Style-default .sf2-form-group input.sf2-element {
border-radius: 4px!important;
}
.sf2Style-default .sf2-form-group textarea.sf2-element {min-height: 100px; padding-top: 10px;}
@media (max-width: 767px) {
.callBackButton {
width: 60px;
height: 60px;
position: fixed;
bottom: 55px;
right: 55px;
}
.callBackButton img{
width: 28px;
height: auto;
cursor: pointer;
}
.sf2Win {
width: 90%;
}
}
.contact-top-text {
font-size: 38px;
margin-bottom: 7rem;
margin-top: 5rem;
}
.contact-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
background: linear-gradient(0deg, transparent 22%, #1a552a 22%, #1a552a 74%, transparent 74%);
margin-bottom: 3rem;
}
.contact-top-left {
flex: 0 0 50%;
max-width: 50%;
}
.contact-top-line {
background: url(../img/thin-green-line.png) right bottom;
background-size: cover;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1.5rem;
padding: 1rem 0 1rem 18%;
box-shadow: -20px 12px 17px -10px #000000b3;
}
.contact-top-line:nth-child(1) {
margin-right: 10.4%;
}
.contact-top-line:nth-child(2) {
margin-right: 5.2%;
}
.contact-top-line_img{
margin-right: 1.5rem;
flex: 0 0 7%;
max-width: 7%;
}
.contact-top-line_img img{
height: 42px;
width: auto;
}
.contact-top-line_text{
color: white;
font-size: 22px;
line-height: 1;
}
.contact-top-right {
flex: 0 0 50%;
max-width: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding-right: 15%;
}
.contact-top-right img {
width: 431px;
height: 431px;
margin-top: -3rem;
}
.contact-top-bottom {
color: white;
padding: 0.8rem 0 0.8rem 18%;
text-transform: uppercase;
font-family: 'PFSquareSansPro-Regular';
font-weight: bold;
letter-spacing: .2rem;
margin-top: 2.5rem;
font-size: 3rem;
}
.contact-right_text {
position: relative;
font-size: 30px;
color: #2e8949;
font-family: 'Conv_SansRoundedC';
font-weight: normal;
line-height: 1.15;
text-transform: uppercase;
display: block;
margin-top: -1rem;
}
.contact-right_text:before {
content: '';
position: absolute;
width: 48px;
height: 110px;
bottom: 0;
left: 0;
transform: translate(66%, 113%);
background: url(../img/goldarrow.png);
background-size: cover;
}
@media (max-width: 1200px) {
.contact-top-right {
padding-right: 2%;
}
.contact-top {
background: linear-gradient(0deg, #1a552a 74%, transparent 74%);
}
.contact-top-bottom {
color: white;
padding: 1rem 0rem 1rem 4%;
}
.contact-top-right img {
width: 331px;
height: 331px;
margin-top: -3rem;
}
}
@media (max-width: 767px) {
.contact-top {
flex-direction: column;
}
.contact-top-left, .contact-top-right {
flex: 0 0 100%;
max-width: 100%;
}
.contact-top-text {
font-size: 24px;
margin-bottom: 2rem;
margin-top: 8rem;
padding: 0 1.5rem;
}
.contact-top-line_text {
color: white;
font-size: 16px;
line-height: 1;
}
.contact-top-line {
background: #10672d;
background-size: cover;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1.5rem;
padding: 0.5rem 1.5rem;
box-shadow: none;
margin-right: 0!important;
}
.contact-top-line_img {
margin-right: 1rem;
flex: 0 0 12%;
max-width: 12%;
}
.contact-top-line_img img {
height: 31px;
width: auto;
}
.contact-top-bottom {
color: #10672d;
padding: 0 1.5rem;
text-transform: uppercase;
font-family: 'PFSquareSansPro-Regular';
font-weight: bold;
letter-spacing: none;
margin-top: 0rem;
font-size: 2rem;
text-align: center;
}
.contact-top {
background: transparent;
}
.contact-right_text {
font-size: 24px;
margin-bottom: 6rem;
margin-top: 2rem;
padding: 0 1.5rem;
text-align: center;
text-transform: none;
}
.contact-top-right {
padding-right: 0;
}
.contact-top-text br, .contact-top br {
display: none;
}
.contact-top-right img {
width: 200px;
height: 200px;
margin-top: -6rem;
}
.contact-right_text:before {
content: '';
position: absolute;
width: 28px;
height: 73px;
bottom: 0;
left: 0;
transform: translate(200%, 113%);
}
}
p.jshop_cart_extra_field {
display: none;
}
#smart_filter_174 .sf_block:nth-child(8) {
display: none!important;
}
a.special, a.special:hover, a.special:focus, a.special:active, a.special:visited {
background: #003a6a!important;
color: white!important;
text-decoration: none!important;
cursor: pointer;
padding: 2px 10px 3px!important;
display: inline-block;
font-size: 0.9em;
margin-right: 3px;
vertical-align: top;
border: 1px solid #003a6a;
border-radius: 3px;
}
a.special:hover { background: #035599!important;}
a.special1, a.special1:hover, a.special1:focus, a.special1:active, a.special1:visited {
background: #313743!important;
color: white!important;
text-decoration: none!important;
cursor: pointer;
padding: 2px 10px 3px!important;
display: inline-block;
font-size: 0.9em;
margin-right: 3px;
vertical-align: top;
border: 1px solid #CCCCCC;
border-radius: 3px;
}
a.special1:hover { background: #003a6a!important;}
a.olive, a.olive:hover, a.olive:focus, a.olive:active, a.olive:visited {
background: #7f8f18!important;
color: white!important;
text-decoration: none!important;
cursor: pointer;
padding: 2px 10px 3px!important;
display: inline-block;
font-size: 0.9em;
margin-right: 3px;
vertical-align: top;
border: 1px solid #7f8f18;
border-radius: 3px;
}
a.olive:hover { background: #6b8e23!important;}
a.perl, a.perl:hover, a.perl:focus, a.perl:active, a.perl:visited {
background: #a36e60!important;
color: white!important;
text-decoration: none!important;
cursor: pointer;
padding: 2px 10px 3px!important;
display: inline-block;
font-size: 0.9em;
margin-right: 3px;
vertical-align: top;
border: 1px solid #af8378;
border-radius: 3px;
}
a.perl:hover { background: #ad877d!important;}
.register_steps .g-recaptcha {
display: flex;
justify-content: center;
margin-bottom: 1rem;
margin-top: -1rem;
}
.noviyslider {
width: 80px;
height:auto;
margin-left: auto;
margin-right: auto;
}
.knopkacookie{display: inline-block;
cursor: pointer;
font-size:14px;
text-decoration:none;
padding:10px 20px; color:#000000;
background:#ffffff;
border-radius:31px;border:2px solid #000000;}
.knopkacookie:hover{background:#354251;
color:#ffffff;
border:2px solid #354251;
transition: all 0.2s ease;}
#zanovo2{
position: fixed; /* Подвал как приклеенный */
bottom: 0; /* ФикÑÐ°Ñ†Ð¸Ñ Ñнизу */
background-color:#17672d;
height:70px;
z-index: 99999;
width:80%;
color: #ffffff;
border-radius:100px;
margin-bottom:10px;
}
@media all and (min-width: 260px) and (max-width: 700px){
#zanovo2{
position: fixed; /* Подвал как приклеенный */
bottom: 0; /* ФикÑÐ°Ñ†Ð¸Ñ Ñнизу */
background-color:#17672d;
height:70px;
z-index: 99999;
width:80%;
color: #ffffff;
border-radius:100px;
margin-bottom:10px;
}
.knopkacookie{display: inline-block;
cursor: pointer;
font-size:9px;
text-decoration:none;
padding:5px 10px; color:#000000;
background:#ffffff;
border-radius:31px;border:1px solid #000000;}
.knopkacookie:hover{background:#354251;
color:#ffffff;
border:1px solid #354251;
transition: all 0.2s ease;}
}