.open { *z-index:1000 } .open>.dropdown-menu { display:block } .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 { border-top:0; border-bottom:4px solid #000; content:"" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top:auto; bottom:100%; margin-bottom:1px } .dropdown-submenu { position:relative } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px } .dropdown-submenu:hover>.dropdown-menu { display:block } .dropup .dropdown-submenu>.dropdown-menu { top:auto; bottom:0; margin-top:0; margin-bottom:-2px; -webkit-border-radius:5px 5px 5px 0; -moz-border-radius:5px 5px 5px 0; border-radius:5px 5px 5px 0 } .dropdown-submenu>a:after { display:block; float:right; width:0; height:0; margin-top:5px; margin-right:-10px; border-color:transparent; border-left-color:#ccc; border-style:solid; border-width:5px 0 5px 5px; content:" " } .dropdown-submenu:hover>a:after { border-left-color:#fff } .dropdown-submenu.pull-left { float:none } .dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px } .dropdown .dropdown-menu .nav-header { padding-right:20px; padding-left:20px } .typeahead { z-index:1051; margin-top:2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05) } .well blockquote { border-color:#ddd; border-color:rgba(0, 0, 0, 0.15) } .well-large { padding:24px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px } .well-small { padding:9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .fade { opacity:0; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .collapse { position:relative; height:0; overflow:hidden; -webkit-transition:height .35s ease; -moz-transition:height .35s ease; -o-transition:height .35s ease; transition:height .35s ease } .collapse.in { height:auto } .close { float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20) } .close:hover, .close:focus { color:#000; text-decoration:none; cursor:pointer; opacity:.4; filter:alpha(opacity=40) } button.close { padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none } .btn { display:inline-block; *display:inline; padding:4px 12px; margin-bottom:0; *margin-left:.3em; font-size:14px; line-height:20px; color:#333; text-align:center; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); vertical-align:middle; cursor:pointer; background-color:#f5f5f5; *background-color:#e6e6e6; background-image:-moz-linear-gradient(top, #fff, #e6e6e6); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image:-webkit-linear-gradient(top, #fff, #e6e6e6); background-image:-o-linear-gradient(top, #fff, #e6e6e6); background-image:linear-gradient(to bottom, #fff, #e6e6e6); background-repeat:repeat-x; border:1px solid #ccc; *border:0; border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color:#b3b3b3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom:1; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color:#333; background-color:#e6e6e6; *background-color:#d9d9d9 } .btn:active, .btn.active { background-color:#ccc \9 } .btn:first-child { *margin-left:0 } .btn:hover, .btn:focus { color:#333; text-decoration:none; background-position:0 -15px; -webkit-transition:background-position .1s linear; -moz-transition:background-position .1s linear; -o-transition:background-position .1s linear; transition:background-position .1s linear } .btn:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn.active, .btn:active { background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn.disabled, .btn[disabled] { cursor:default; background-image:none; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .btn-large { padding:11px 19px; font-size:17.5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top:4px } .btn-small { padding:2px 10px; font-size:11.9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top:0 } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top:-1px } .btn-mini { padding:0 6px; font-size:10.5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .btn-block { display:block; width:100%; padding-right:0; padding-left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .btn-block+.btn-block { margin-top:5px } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width:100% } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color:rgba(255, 255, 255, 0.75) } .btn-primary { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#006dcc; *background-color:#04c; background-image:-moz-linear-gradient(top, #08c, #04c); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image:-webkit-linear-gradient(top, #08c, #04c); background-image:-o-linear-gradient(top, #08c, #04c); background-image:linear-gradient(to bottom, #08c, #04c); background-repeat:repeat-x; border-color:#04c #04c #002a80; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color:#fff; background-color:#04c; *background-color:#003bb3 } .btn-primary:active, .btn-primary.active { background-color:#039 \9 } .btn-warning { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#faa732; *background-color:#f89406; background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); background-repeat:repeat-x; border-color:#f89406 #f89406 #ad6704; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color:#fff; background-color:#f89406; *background-color:#df8505 } .btn-warning:active, .btn-warning.active { background-color:#c67605 \9 } .btn-danger { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#da4f49; *background-color:#bd362f; background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image:-o-linear-gradient(top, #ee5f5b, #bd362f); background-image:linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat:repeat-x; border-color:#bd362f #bd362f #802420; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color:#fff; background-color:#bd362f; *background-color:#a9302a } .btn-danger:active, .btn-danger.active { background-color:#942a25 \9 } .btn-success { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#5bb75b; *background-color:#51a351; background-image:-moz-linear-gradient(top, #62c462, #51a351); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image:-webkit-linear-gradient(top, #62c462, #51a351); background-image:-o-linear-gradient(top, #62c462, #51a351); background-image:linear-gradient(to bottom, #62c462, #51a351); background-repeat:repeat-x; border-color:#51a351 #51a351 #387038; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color:#fff; background-color:#51a351; *background-color:#499249 } .btn-success:active, .btn-success.active { background-color:#408140 \9 } .btn-info { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#49afcd; *background-color:#2f96b4; background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image:-o-linear-gradient(top, #5bc0de, #2f96b4); background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat:repeat-x; border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color:#fff; background-color:#2f96b4; *background-color:#2a85a0 } .btn-info:active, .btn-info.active { background-color:#24748c \9 } .btn-inverse { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#363636; *background-color:#222; background-image:-moz-linear-gradient(top, #444, #222); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image:-webkit-linear-gradient(top, #444, #222); background-image:-o-linear-gradient(top, #444, #222); background-image:linear-gradient(to bottom, #444, #222); background-repeat:repeat-x; border-color:#222 #222 #000; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color:#fff; background-color:#222; *background-color:#151515 } .btn-inverse:active, .btn-inverse.active { background-color:#080808 \9 } button.btn, input[type="submit"].btn { *padding-top:3px; *padding-bottom:3px } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding:0; border:0 } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top:7px; *padding-bottom:7px } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top:3px; *padding-bottom:3px } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top:1px; *padding-bottom:1px } .btn-link, .btn-link:active, .btn-link[disabled] { background-color:transparent; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .btn-link { color:#08c; cursor:pointer; border-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .btn-link:hover, .btn-link:focus { color:#005580; text-decoration:underline; background-color:transparent } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color:#333; text-decoration:none } .btn-group { position:relative; display:inline-block; *display:inline; *margin-left:.3em; font-size:0; white-space:nowrap; vertical-align:middle; *zoom:1 } .btn-group:first-child { *margin-left:0 } .btn-group+.btn-group { margin-left:5px } .btn-toolbar { margin-top:10px; margin-bottom:10px; font-size:0 } .btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group { margin-left:5px } .btn-group>.btn { position:relative; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .btn-group>.btn+.btn { margin-left:-1px } .btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover { font-size:14px } .btn-group>.btn-mini { font-size:10.5px } .btn-group>.btn-small { font-size:11.9px } .btn-group>.btn-large { font-size:17.5px } .btn-group>.btn:first-child { margin-left:0; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px } .btn-group>.btn:last-child, .btn-group>.dropdown-toggle { -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px } .btn-group>.btn.large:first-child { margin-left:0; -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px } .btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle { -webkit-border-top-right-radius:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px } .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active { z-index:2 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline:0 } .btn-group>.btn+.dropdown-toggle { *padding-top:5px; padding-right:8px; *padding-bottom:5px; padding-left:8px; -webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn-group>.btn-mini+.dropdown-toggle { *padding-top:2px; padding-right:5px; *padding-bottom:2px; padding-left:5px } .btn-group>.btn-small+.dropdown-toggle { *padding-top:5px; *padding-bottom:4px } .btn-group>.btn-large+.dropdown-toggle { *padding-top:7px; padding-right:12px; *padding-bottom:7px; padding-left:12px } .btn-group.open .dropdown-toggle { background-image:none; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn-group.open .btn.dropdown-toggle { background-color:#e6e6e6 } .btn-group.open .btn-primary.dropdown-toggle { background-color:#04c } .btn-group.open .btn-warning.dropdown-toggle { background-color:#f89406 } .btn-group.open .btn-danger.dropdown-toggle { background-color:#bd362f } .btn-group.open .btn-success.dropdown-toggle { background-color:#51a351 } .btn-group.open .btn-info.dropdown-toggle { background-color:#2f96b4 } .btn-group.open .btn-inverse.dropdown-toggle { background-color:#222 } .btn .caret { margin-top:8px; margin-left:0 } .btn-large .caret { margin-top:6px } .btn-large .caret { border-top-width:5px; border-right-width:5px; border-left-width:5px } .btn-mini .caret, .btn-small .caret { margin-top:8px } .dropup .btn-large .caret { border-bottom-width:5px } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color:#fff; border-bottom-color:#fff } .btn-group-vertical { display:inline-block; *display:inline; *zoom:1 } .btn-group-vertical>.btn { display:block; float:none; max-width:100%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .btn-group-vertical>.btn+.btn { margin-top:-1px; margin-left:0 } .btn-group-vertical>.btn:first-child { -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0 } .btn-group-vertical>.btn:last-child { -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px } .btn-group-vertical>.btn-large:first-child { -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0 } .btn-group-vertical>.btn-large:last-child { -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px } .alert { padding:8px 35px 8px 14px; margin-bottom:20px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); background-color:#fcf8e3; border:1px solid #fbeed5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .alert, .alert h4 { color:#c09853 } .alert h4 { margin:0 } .alert .close { position:relative; top:-2px; right:-21px; line-height:20px } .alert-success { color:#468847; background-color:#dff0d8; border-color:#d6e9c6 } .alert-success h4 { color:#468847 } .alert-danger, .alert-error { color:#b94a48; background-color:#f2dede; border-color:#eed3d7 } .alert-danger h4, .alert-error h4 { color:#b94a48 } .alert-info { color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1 } .alert-info h4 { color:#3a87ad } .alert-block { padding-top:14px; padding-bottom:14px } .alert-block>p, .alert-block>ul { margin-bottom:0 } .alert-block p+p { margin-top:5px } .nav { margin-bottom:20px; margin-left:0; list-style:none } .nav>li>a { display:block } .nav>li>a:hover, .nav>li>a:focus { text-decoration:none; background-color:#eee } .nav>li>a>img { max-width:none } .nav>.pull-right { float:right } .nav-header { display:block; padding:3px 15px; font-size:11px; font-weight:bold; line-height:20px; color:#999; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); text-transform:uppercase } .nav li+.nav-header { margin-top:9px } .nav-list { padding-right:15px; padding-left:15px; margin-bottom:0 } .nav-list>li>a, .nav-list .nav-header { margin-right:-15px; margin-left:-15px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5) } .nav-list>li>a { padding:3px 15px } .nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2); background-color:#08c } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right:2px } .nav-list .divider { *width:100%; height:1px; margin:9px 1px; *margin:-5px 0 5px; overflow:hidden; background-color:#e5e5e5; border-bottom:1px solid #fff } .nav-tabs, .nav-pills { *zoom:1 } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display:table; line-height:0; content:"" } .nav-tabs:after, .nav-pills:after { clear:both } .nav-tabs>li, .nav-pills>li { float:left } .nav-tabs>li>a, .nav-pills>li>a { padding-right:12px; padding-left:12px; margin-right:2px; line-height:14px } .nav-tabs { border-bottom:1px solid #ddd } .nav-tabs>li { margin-bottom:-1px } .nav-tabs>li>a { padding-top:8px; padding-bottom:8px; line-height:20px; border:1px solid transparent; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0 } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color:#eee #eee #ddd } .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { color:#555; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent } .nav-pills>li>a { padding-top:8px; padding-bottom:8px; margin-top:2px; margin-bottom:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus { color:#fff; background-color:#08c } .nav-stacked>li { float:none } .nav-stacked>li>a { margin-right:0 } .nav-tabs.nav-stacked { border-bottom:0 } .nav-tabs.nav-stacked>li>a { border:1px solid #ddd; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .nav-tabs.nav-stacked>li:first-child>a { -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px } .nav-tabs.nav-stacked>li:last-child>a { -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px } .nav-tabs.nav-stacked>li>a:hover, .nav-tabs.nav-stacked>li>a:focus { z-index:2; border-color:#ddd } .nav-pills.nav-stacked>li>a { margin-bottom:3px } .nav-pills.nav-stacked>li:last-child>a { margin-bottom:1px } .nav-tabs .dropdown-menu { -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px } .nav-pills .dropdown-menu { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px } .nav .dropdown-toggle .caret { margin-top:6px; border-top-color:#08c; border-bottom-color:#08c } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color:#005580; border-bottom-color:#005580 } .nav-tabs .dropdown-toggle .caret { margin-top:8px } .nav .active .dropdown-toggle .caret { border-top-color:#fff; border-bottom-color:#fff } .nav-tabs .active .dropdown-toggle .caret { border-top-color:#555; border-bottom-color:#555 } .nav>.dropdown.active>a:hover, .nav>.dropdown.active>a:focus { cursor:pointer } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus { color:#fff; background-color:#999; border-color:#999 } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color:#fff; border-bottom-color:#fff; opacity:1; filter:alpha(opacity=100) } .tabs-stacked .open>a:hover, .tabs-stacked .open>a:focus { border-color:#999 } .tabbable { *zoom:1 } .tabbable:before, .tabbable:after { display:table; line-height:0; content:"" } .tabbable:after { clear:both } .tab-content { overflow:auto } .tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs { border-bottom:0 } .tab-content>.tab-pane, .pill-content>.pill-pane { display:none } .tab-content>.active, .pill-content>.active { display:block } .tabs-below>.nav-tabs { border-top:1px solid #ddd } .tabs-below>.nav-tabs>li { margin-top:-1px; margin-bottom:0 } .tabs-below>.nav-tabs>li>a { -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px } .tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus { border-top-color:#ddd; border-bottom-color:transparent } .tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus { border-color:transparent #ddd #ddd #ddd } .tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li { float:none } .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a { min-width:74px; margin-right:0; margin-bottom:3px } .tabs-left>.nav-tabs { float:left; margin-right:19px; border-right:1px solid #ddd } .tabs-left>.nav-tabs>li>a { margin-right:-1px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px } .tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus { border-color:#eee #ddd #eee #eee } .tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus { border-color:#ddd transparent #ddd #ddd; *border-right-color:#fff } .tabs-right>.nav-tabs { float:right; margin-left:19px; border-left:1px solid #ddd } .tabs-right>.nav-tabs>li>a { margin-left:-1px; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0 } .tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus { border-color:#eee #eee #eee #ddd } .tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover, .tabs-right>.nav-tabs .active>a:focus { border-color:#ddd #ddd #ddd transparent; *border-left-color:#fff } .nav>.disabled>a { color:#999 } .nav>.disabled>a:hover, .nav>.disabled>a:focus { text-decoration:none; cursor:default; background-color:transparent } .navbar { *position:relative; *z-index:2; margin-bottom:20px; overflow:visible } .navbar-inner { min-height:40px; padding-right:20px; padding-left:20px; background-color:#fafafa; background-image:-moz-linear-gradient(top, #fff, #f2f2f2); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2)); background-image:-webkit-linear-gradient(top, #fff, #f2f2f2); background-image:-o-linear-gradient(top, #fff, #f2f2f2); background-image:linear-gradient(to bottom, #fff, #f2f2f2); background-repeat:repeat-x; border:1px solid #d4d4d4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom:1; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065); box-shadow:0 1px 4px rgba(0, 0, 0, 0.065) } .navbar-inner:before, .navbar-inner:after { display:table; line-height:0; content:"" } .navbar-inner:after { clear:both } .navbar .container { width:auto } .nav-collapse.collapse { height:auto; overflow:visible } .navbar .brand { display:block; float:left; padding:10px 20px 10px; margin-left:-20px; font-size:20px; font-weight:200; color:#777; text-shadow:0 1px 0 #fff } .navbar .brand:hover, .navbar .brand:focus { text-decoration:none } .navbar-text { margin-bottom:0; line-height:40px; color:#777 } .navbar-link { color:#777 } .navbar-link:hover, .navbar-link:focus { color:#333 } .navbar .divider-vertical { height:40px; margin:0 9px; border-right:1px solid #fff; border-left:1px solid #f2f2f2 } .navbar .btn, .navbar .btn-group { margin-top:5px } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group { margin-top:0 } .navbar-form { margin-bottom:0; *zoom:1 } .navbar-form:before, .navbar-form:after { display:table; line-height:0; content:"" } .navbar-form:after { clear:both } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top:5px } .navbar-form input, .navbar-form select, .navbar-form .btn { display:inline-block; margin-bottom:0 } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top:3px } .navbar-form .input-append, .navbar-form .input-prepend { margin-top:5px; white-space:nowrap } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top:0 } .navbar-search { position:relative; float:left; margin-top:5px; margin-bottom:0 } .navbar-search .search-query { padding:4px 14px; margin-bottom:0; font-size:13px; font-weight:normal; line-height:1; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px } .navbar-static-top { position:static; margin-bottom:0 } .navbar-static-top .navbar-inner { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .navbar-fixed-top, .navbar-fixed-bottom { position:fixed; right:0; left:0; z-index:1030; margin-bottom:0 } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width:0 0 1px } .navbar-fixed-bottom .navbar-inner { border-width:1px 0 0 } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right:0; padding-left:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width:940px } .navbar-fixed-top { top:0 } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.1); box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) } .navbar-fixed-bottom { bottom:0 } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow:0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow:0 -1px 10px rgba(0, 0, 0, 0.1) } .navbar .nav { position:relative; left:0; display:block; float:left; margin:0 10px 0 0 } .navbar .nav.pull-right { float:right; margin-right:0 } .navbar .nav>li { float:left } .navbar .nav>li>a { float:none; padding:10px 15px 10px; color:#777; text-decoration:none; text-shadow:0 1px 0 #fff } .navbar .nav .dropdown-toggle .caret { margin-top:8px } .navbar .nav>li>a:focus, .navbar .nav>li>a:hover { color:#333; text-decoration:none; background-color:transparent } .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus { color:#555; text-decoration:none; background-color:#e5e5e5; -webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125) } .navbar .btn-navbar { display:none; float:right; padding:7px 10px; margin-right:5px; margin-left:5px; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#ededed; *background-color:#e5e5e5; background-image:-moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image:-webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image:-o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image:linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat:repeat-x; border-color:#e5e5e5 #e5e5e5 #bfbfbf; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075) } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color:#fff; background-color:#e5e5e5; *background-color:#d9d9d9 } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color:#ccc \9 } .navbar .btn-navbar .icon-bar { display:block; width:18px; height:2px; background-color:#f5f5f5; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); box-shadow:0 1px 0 rgba(0, 0, 0, 0.25) } .btn-navbar .icon-bar+.icon-bar { margin-top:3px } .navbar .nav>li>.dropdown-menu:before { position:absolute; top:-7px; left:9px; display:inline-block; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-left:7px solid transparent; border-bottom-color:rgba(0, 0, 0, 0.2); content:'' } .navbar .nav>li>.dropdown-menu:after { position:absolute; top:-6px; left:10px; display:inline-block; border-right:6px solid transparent; border-bottom:6px solid #fff; border-left:6px solid transparent; content:'' } .navbar-fixed-bottom .nav>li>.dropdown-menu:before { top:auto; bottom:-7px; border-top:7px solid #ccc; border-bottom:0; border-top-color:rgba(0, 0, 0, 0.2) } .navbar-fixed-bottom .nav>li>.dropdown-menu:after { top:auto; bottom:-6px; border-top:6px solid #fff; border-bottom:0 } .navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret { border-top-color:#333; border-bottom-color:#333 } .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle { color:#555; background-color:#e5e5e5 } .navbar .nav li.dropdown>.dropdown-toggle .caret { border-top-color:#777; border-bottom-color:#777 } .navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret { border-top-color:#555; border-bottom-color:#555 } .navbar .pull-right>li>.dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right { right:0; left:auto } .navbar .pull-right>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu.pull-right:before { right:12px; left:auto } .navbar .pull-right>li>.dropdown-menu:after, .navbar .nav>li>.dropdown-menu.pull-right:after { right:13px; left:auto } .navbar .pull-right>li>.dropdown-menu .dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu { right:100%; left:auto; margin-right:-1px; margin-left:0; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px } .navbar-inverse .navbar-inner { background-color:#1b1b1b; background-image:-moz-linear-gradient(top, #222, #111); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111)); background-image:-webkit-linear-gradient(top, #222, #111); background-image:-o-linear-gradient(top, #222, #111); background-image:linear-gradient(to bottom, #222, #111); background-repeat:repeat-x; border-color:#252525; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0) } .navbar-inverse .brand, .navbar-inverse .nav>li>a { color:#999; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) } .navbar-inverse .brand:hover, .navbar-inverse .nav>li>a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav>li>a:focus { color:#fff } .navbar-inverse .brand { color:#999 } .navbar-inverse .navbar-text { color:#999 } .navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover { color:#fff; background-color:transparent } .navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus { color:#fff; background-color:#111 } .navbar-inverse .navbar-link { color:#999 } .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color:#fff } .navbar-inverse .divider-vertical { border-right-color:#222; border-left-color:#111 } .navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle { color:#fff; background-color:#111 } .navbar-inverse .nav li.dropdown>a:hover .caret, .navbar-inverse .nav li.dropdown>a:focus .caret { border-top-color:#fff; border-bottom-color:#fff } .navbar-inverse .nav li.dropdown>.dropdown-toggle .caret { border-top-color:#999; border-bottom-color:#999 } .navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret { border-top-color:#fff; border-bottom-color:#fff } .navbar-inverse .navbar-search .search-query { color:#fff; background-color:#515151; border-color:#111; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color:#ccc } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color:#ccc } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color:#ccc } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding:5px 15px; color:#333; text-shadow:0 1px 0 #fff; background-color:#fff; border:0; outline:0; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15); box-shadow:0 0 3px rgba(0, 0, 0, 0.15) } .navbar-inverse .btn-navbar { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#0e0e0e; *background-color:#040404; background-image:-moz-linear-gradient(top, #151515, #040404); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image:-webkit-linear-gradient(top, #151515, #040404); background-image:-o-linear-gradient(top, #151515, #040404); background-image:linear-gradient(to bottom, #151515, #040404); background-repeat:repeat-x; border-color:#040404 #040404 #000; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color:#fff; background-color:#040404; *background-color:#000 } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color:#000 \9 } .breadcrumb { padding:8px 15px; margin:0 0 20px; list-style:none; background-color:#f5f5f5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .breadcrumb>li { display:inline-block; *display:inline; text-shadow:0 1px 0 #fff; *zoom:1 } .breadcrumb>li>.divider { padding:0 5px; color:#ccc } .breadcrumb>.active { color:#999 } .pagination { margin:20px 0 } .pagination ul { display:inline-block; *display:inline; margin-bottom:0; margin-left:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *zoom:1; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05) } .pagination ul>li { display:inline } .pagination ul>li>a, .pagination ul>li>span { float:left; padding:4px 12px; line-height:20px; text-decoration:none; background-color:#fff; border:1px solid #ddd; border-left-width:0 } .pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { background-color:#f5f5f5 } .pagination ul>.active>a, .pagination ul>.active>span { color:#999; cursor:default } .pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus { color:#999; cursor:default; background-color:transparent } .pagination ul>li:first-child>a, .pagination ul>li:first-child>span { border-left-width:1px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px } .pagination ul>li:last-child>a, .pagination ul>li:last-child>span { -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px } .pagination-centered { text-align:center } .pagination-right { text-align:right } .pagination-large ul>li>a, .pagination-large ul>li>span { padding:11px 19px; font-size:17.5px } .pagination-large ul>li:first-child>a, .pagination-large ul>li:first-child>span { -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px } .pagination-large ul>li:last-child>a, .pagination-large ul>li:last-child>span { -webkit-border-top-right-radius:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px } .pagination-mini ul>li:first-child>a, .pagination-small ul>li:first-child>a, .pagination-mini ul>li:first-child>span, .pagination-small ul>li:first-child>span { -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topleft:3px } .pagination-mini ul>li:last-child>a, .pagination-small ul>li:last-child>a, .pagination-mini ul>li:last-child>span, .pagination-small ul>li:last-child>span { -webkit-border-top-right-radius:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px } .pagination-small ul>li>a, .pagination-small ul>li>span { padding:2px 10px; font-size:11.9px } .pagination-mini ul>li>a, .pagination-mini ul>li>span { padding:0 6px; font-size:10.5px } .pager { margin:20px 0; text-align:center; list-style:none; *zoom:1 } .pager:before, .pager:after { display:table; line-height:0; content:"" } .pager:after { clear:both } .pager li { display:inline } .pager li>a, .pager li>span { display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px } .pager li>a:hover, .pager li>a:focus { text-decoration:none; background-color:#f5f5f5 } .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:#999; cursor:default; background-color:#fff } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000 } .modal-backdrop.fade { opacity:0 } .modal-backdrop, .modal-backdrop.fade.in { opacity:.8; filter:alpha(opacity=80) } .modal { position:fixed; top:10%; left:50%; z-index:1050; width:560px; margin-left:-280px; background-color:#fff; border:1px solid #999; border:1px solid rgba(0, 0, 0, 0.3); *border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; outline:0; -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 } .modal.fade { top:-25%; -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 } .modal.fade.in { top:10% } .modal-header { padding:9px 15px; border-bottom:1px solid #eee } .modal-header .close { margin-top:2px } .modal-header h3 { margin:0; line-height:30px } .modal-body { position:relative; max-height:400px; padding:15px; overflow-y:auto } .modal-form { margin-bottom:0 } .modal-footer { padding:14px 15px 15px; margin-bottom:0; text-align:right; background-color:#f5f5f5; border-top:1px solid #ddd; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; *zoom:1; -webkit-box-shadow:inset 0 1px 0 #fff; -moz-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff } .modal-footer:before, .modal-footer:after { display:table; line-height:0; content:"" } .modal-footer:after { clear:both } .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 } .tooltip { position:absolute; z-index:1030; display:block; font-size:11px; line-height:1.4; opacity:0; filter:alpha(opacity=0); visibility:visible } .tooltip.in { opacity:.8; filter:alpha(opacity=80) } .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:8px; color:#fff; text-align:center; text-decoration:none; background-color:#000; -webkit-border-radius:4px; -moz-border-radius:4px; 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-top-color:#000; border-width:5px 5px 0 } .tooltip.right .tooltip-arrow { top:50%; left:0; margin-top:-5px; border-right-color:#000; border-width:5px 5px 5px 0 } .tooltip.left .tooltip-arrow { top:50%; right:0; margin-top:-5px; border-left-color:#000; border-width:5px 0 5px 5px } .tooltip.bottom .tooltip-arrow { top:0; left:50%; margin-left:-5px; border-bottom-color:#000; border-width:0 5px 5px } .popover { position:absolute; top:0; left:0; z-index:1010; display:none; max-width:276px; padding:1px; text-align:left; white-space:normal; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box } .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; font-weight:normal; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 } .popover-title:empty { display:none } .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 { border-width:10px; content:"" } .popover.top .arrow { bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0, 0, 0, 0.25); border-bottom-width:0 } .popover.top .arrow:after { bottom:1px; margin-left:-10px; 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, 0.25); border-left-width:0 } .popover.right .arrow:after { bottom:-10px; left:1px; border-right-color:#fff; border-left-width:0 } .popover.bottom .arrow { top:-11px; left:50%; margin-left:-11px; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, 0.25); border-top-width:0 } .popover.bottom .arrow:after { top:1px; margin-left:-10px; border-bottom-color:#fff; border-top-width:0 } .popover.left .arrow { top:50%; right:-11px; margin-top:-11px; border-left-color:#999; border-left-color:rgba(0, 0, 0, 0.25); border-right-width:0 } .popover.left .arrow:after { right:1px; bottom:-10px; border-left-color:#fff; border-right-width:0 } .thumbnails { margin-left:-20px; list-style:none; *zoom:1 } .thumbnails:before, .thumbnails:after { display:table; line-height:0; content:"" } .thumbnails:after { clear:both } .row-fluid .thumbnails { margin-left:0 } .thumbnails>li { float:left; margin-bottom:20px; margin-left:20px } .thumbnail { display:block; padding:4px; line-height:20px; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055); box-shadow:0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out } a.thumbnail:hover, a.thumbnail:focus { border-color:#08c; -webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25); box-shadow:0 1px 4px rgba(0, 105, 214, 0.25) } .thumbnail>img { display:block; max-width:100%; margin-right:auto; margin-left:auto } .thumbnail .caption { padding:9px; color:#555 } .media, .media-body { overflow:hidden; *overflow:visible; zoom:1 } .media, .media .media { margin-top:15px } .media:first-child { margin-top:0 } .media-object { display:block } .media-heading { margin:0 0 5px } .media>.pull-left { margin-right:10px } .media>.pull-right { margin-left:10px } .media-list { margin-left:0; list-style:none } .label, .badge { display:inline-block; padding:2px 4px; font-size:11.844px; font-weight:bold; line-height:14px; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); white-space:nowrap; vertical-align:baseline; background-color:#999 } .label { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .badge { padding-right:9px; padding-left:9px; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px } .label:empty, .badge:empty { display:none } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color:#fff; text-decoration:none; cursor:pointer } .label-important, .badge-important { background-color:#b94a48 } .label-important[href], .badge-important[href] { background-color:#953b39 } .label-warning, .badge-warning { background-color:#f89406 } .label-warning[href], .badge-warning[href] { background-color:#c67605 } .label-success, .badge-success { background-color:#468847 } .label-success[href], .badge-success[href] { background-color:#356635 } .label-info, .badge-info { background-color:#3a87ad } .label-info[href], .badge-info[href] { background-color:#2d6987 } .label-inverse, .badge-inverse { background-color:#333 } .label-inverse[href], .badge-inverse[href] { background-color:#1a1a1a } .btn .label, .btn .badge { position:relative; top:-1px } .btn-mini .label, .btn-mini .badge { top:0 } @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @-moz-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @-ms-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @-o-keyframes progress-bar-stripes { from { background-position:0 0 } to { background-position:40px 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:#f7f7f7; background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat:repeat-x; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1) } .progress .bar { float:left; width:0; height:100%; font-size:12px; color:#fff; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#0e90d2; background-image:-moz-linear-gradient(top, #149bdf, #0480be); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image:-webkit-linear-gradient(top, #149bdf, #0480be); background-image:-o-linear-gradient(top, #149bdf, #0480be); background-image:linear-gradient(to bottom, #149bdf, #0480be); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:width .6s ease; -moz-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease } .progress .bar+.bar { -webkit-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15) } .progress-striped .bar { background-color:#149bdf; background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -o-background-size:40px 40px; background-size:40px 40px } .progress.active .bar { -webkit-animation:progress-bar-stripes 2s linear infinite; -moz-animation:progress-bar-stripes 2s linear infinite; -ms-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite } .progress-danger .bar, .progress .bar-danger { background-color:#dd514c; background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image:-o-linear-gradient(top, #ee5f5b, #c43c35); background-image:linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0) } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color:#ee5f5b; background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-success .bar, .progress .bar-success { background-color:#5eb95e; background-image:-moz-linear-gradient(top, #62c462, #57a957); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image:-webkit-linear-gradient(top, #62c462, #57a957); background-image:-o-linear-gradient(top, #62c462, #57a957); background-image:linear-gradient(to bottom, #62c462, #57a957); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0) } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color:#62c462; background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-info .bar, .progress .bar-info { background-color:#4bb1cf; background-image:-moz-linear-gradient(top, #5bc0de, #339bb9); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9); background-image:-o-linear-gradient(top, #5bc0de, #339bb9); background-image:linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0) } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color:#5bc0de; background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-warning .bar, .progress .bar-warning { background-color:#faa732; background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0) } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color:#fbb450; background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .accordion { margin-bottom:20px } .accordion-group { margin-bottom:2px; border:1px solid #e5e5e5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .accordion-heading { border-bottom:0 } .accordion-heading .accordion-toggle { display:block; padding:8px 15px } .accordion-toggle { cursor:pointer } .accordion-inner { padding:9px 15px; border-top:1px solid #e5e5e5 } .carousel { position:relative; margin-bottom:20px; line-height:1 } .carousel-inner { position:relative; width:100%; overflow:hidden } .carousel-inner>.item { position:relative; display:none; -webkit-transition:.6s ease-in-out left; -moz-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 { display:block; line-height:1 } .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:40%; left:15px; width:40px; height:40px; margin-top:-20px; font-size:60px; font-weight:100; line-height:30px; color:#fff; text-align:center; background:#222; border:3px solid #fff; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; opacity:.5; filter:alpha(opacity=50) } .carousel-control.right { right:15px; left:auto } .carousel-control:hover, .carousel-control:focus { color:#fff; text-decoration:none; opacity:.9; filter:alpha(opacity=90) } .carousel-indicators { position:absolute; top:15px; right:15px; z-index:5; margin:0; list-style:none } .carousel-indicators li { display:block; float:left; width:10px; height:10px; margin-left:5px; text-indent:-999px; background-color:#ccc; background-color:rgba(255, 255, 255, 0.25); border-radius:5px } .carousel-indicators .active { background-color:#fff } .carousel-caption { position:absolute; right:0; bottom:0; left:0; padding:15px; background:#333; background:rgba(0, 0, 0, 0.75) } .carousel-caption h4, .carousel-caption p { line-height:20px; color:#fff } .carousel-caption h4 { margin:0 0 5px } .carousel-caption p { margin-bottom:0 } .hero-unit { padding:60px; margin-bottom:30px; font-size:18px; font-weight:200; line-height:30px; color:inherit; background-color:#eee; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px } .hero-unit h1 { margin-bottom:0; font-size:60px; line-height:1; letter-spacing:-1px; color:inherit } .hero-unit li { line-height:30px } .pull-right { float:right } .pull-left { float:left } .hide { display:none } .show { display:block } .invisible { visibility:hidden } .affix { position:fixed } /*------ /New_HOS/hosi/templates/vina_bonnie/css/bootstrap-responsive.min.css ------*/ .clearfix { *zoom:1 } .clearfix:before, .clearfix:after { display:table; line-height:0; content:"" } .clearfix:after { clear:both } .hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .input-block-level { display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } @-ms-viewport { width:device-width } .hidden { display:none; visibility:hidden } .visible-phone { display:none!important } .visible-tablet { display:none!important } .hidden-desktop { display:none!important } .visible-desktop { display:inherit!important } @media(min-width:768px) and (max-width:979px) { .hidden-desktop { display:inherit!important } .visible-desktop { display:none!important } .visible-tablet { display:inherit!important } .hidden-tablet { display:none!important } } @media(max-width:767px) { .hidden-desktop { display:inherit!important } .visible-desktop { display:none!important } .visible-phone { display:inherit!important } .hidden-phone { display:none!important } } .visible-print { display:none!important } @media print { .visible-print { display:inherit!important } .hidden-print { display:none!important } } @media(max-width:480px) { .nav-collapse { -webkit-transform:translate3d(0, 0, 0) } .page-header h1 small { display:block; line-height:20px } input[type="checkbox"], input[type="radio"] { border:1px solid #ccc } .form-horizontal .control-label { float:none; width:auto; padding-top:0; text-align:left } .form-horizontal .controls { margin-left:0 } .form-horizontal .control-list { padding-top:0 } .form-horizontal .form-actions { padding-right:10px; padding-left:10px } .media .pull-left, .media .pull-right { display:block; float:none; margin-bottom:10px } .media-object { margin-right:0; margin-left:0 } .modal { top:10px; right:10px; left:10px } .modal-header .close { padding:10px; margin:-10px } .carousel-caption { position:static } } @media(max-width:979px) { body { padding-top:0 } .navbar-fixed-top, .navbar-fixed-bottom { position:static } .navbar-fixed-top { margin-bottom:20px } .navbar-fixed-bottom { margin-top:20px } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:5px } .navbar .container { width:auto; padding:0 } .navbar .brand { padding-right:10px; padding-left:10px; margin:0 0 0 -5px } .nav-collapse { clear:both } .nav-collapse .nav { float:none; margin:0 0 10px } .nav-collapse .nav>li { float:none } .nav-collapse .nav>li>a { margin-bottom:2px } .nav-collapse .nav>.divider-vertical { display:none } .nav-collapse .nav .nav-header { color:#777; text-shadow:none } .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a { padding:9px 15px; font-weight:bold; color:#777; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .nav-collapse .btn { padding:4px 10px 4px; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .nav-collapse .dropdown-menu li+li a { margin-bottom:2px } .nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color:#f2f2f2 } .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a { color:#999 } .navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .nav>li>a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color:#111 } .nav-collapse.in .btn-group { padding:0; margin-top:5px } .nav-collapse .dropdown-menu { position:static; top:auto; left:auto; display:none; float:none; max-width:none; padding:0; margin:0 15px; background-color:transparent; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .nav-collapse .open>.dropdown-menu { display:block } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display:none } .nav-collapse .dropdown-menu .divider { display:none } .nav-collapse .nav>li>.dropdown-menu:before, .nav-collapse .nav>li>.dropdown-menu:after { display:none } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float:none; padding:10px 15px; margin:10px 0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color:#111; border-bottom-color:#111 } .navbar .nav-collapse .nav.pull-right { float:none; margin-left:0 } .nav-collapse, .nav-collapse.collapse { height:0; overflow:hidden } .navbar .btn-navbar { display:block } .navbar-static .navbar-inner { padding-right:10px; padding-left:10px } } @media(min-width:980px) { .nav-collapse.collapse { height:auto!important; overflow:visible!important } } /*------ /New_HOS/hosi/plugins/system/helix/css/font-awesome.css ------*/ .icons-ul { margin-left:2.142857142857143em; list-style-type:none } .icons-ul>li { position:relative } .icons-ul .icon-li { position:absolute; left:-2.142857142857143em; width:2.142857142857143em; text-align:center; line-height:inherit } [class^="icon-"].hide, [class*=" icon-"].hide { display:none } .icon-muted { color:#eee } .icon-light { color:#fff } .icon-dark { color:#333 } .icon-border { border:solid 1px #eee; padding:.2em .25em .15em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .icon-2x { font-size:2em } .icon-2x.icon-border { border-width:2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .icon-3x { font-size:3em } .icon-3x.icon-border { border-width:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .icon-4x { font-size:4em } .icon-4x.icon-border { border-width:4px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px } .icon-5x { font-size:5em } .icon-5x.icon-border { border-width:5px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px } .pull-right { float:right } .pull-left { float:left } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right:.3em } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left:.3em } /*[class^="icon-"], [class*=" icon-"] { display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0% 0%; background-repeat:repeat; margin-top:0 }*/ .icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"] { background-image:none } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height:.9em } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display:inline-block } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height:.9em } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top:.18em } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height:.8em } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top:.25em } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top:0 } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top:.05em } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right:.2em } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left:.2em } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height:inherit } .icon-stack { position:relative; display:inline-block; width:2em; height:2em; line-height:2em; vertical-align:-35% } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display:block; text-align:center; position:absolute; width:100%; height:100%; font-size:1em; line-height:inherit; *line-height:2em } .icon-stack .icon-stack-base { font-size:2em; *line-height:1em } .icon-spin { display:inline-block; -moz-animation:spin 2s infinite linear; -o-animation:spin 2s infinite linear; -webkit-animation:spin 2s infinite linear; animation:spin 2s infinite linear } a .icon-stack, a .icon-spin { display:inline-block; text-decoration:none } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg) } 100% { -moz-transform:rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg) } 100% { -webkit-transform:rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform:rotate(0deg) } 100% { -o-transform:rotate(359deg) } } @-ms-keyframes spin { 0% { -ms-transform:rotate(0deg) } 100% { -ms-transform:rotate(359deg) } } @keyframes spin { 0% { transform:rotate(0deg) } 100% { transform:rotate(359deg) } } .icon-rotate-90:before { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1) } .icon-rotate-180:before { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2) } .icon-rotate-270:before { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3) } .icon-flip-horizontal:before { -webkit-transform:scale(-1, 1); -moz-transform:scale(-1, 1); -ms-transform:scale(-1, 1); -o-transform:scale(-1, 1); transform:scale(-1, 1) } .icon-flip-vertical:before { -webkit-transform:scale(1, -1); -moz-transform:scale(1, -1); -ms-transform:scale(1, -1); -o-transform:scale(1, -1); transform:scale(1, -1) } a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display:inline-block } .icon-glass:before { content:"\f000" } .icon-music:before { content:"\f001" } .icon-search:before { content:"\f002" } .icon-envelope-alt:before { content:"\f003" } .icon-heart:before { content:"\f004" } .icon-star:before { content:"\f005" } .icon-star-empty:before { content:"\f006" } .icon-user:before { content:"\f007" } .icon-film:before { content:"\f008" } .icon-th-large:before { content:"\f009" } .icon-th:before { content:"\f00a" } .icon-th-list:before { content:"\f00b" } .icon-ok:before { content:"\f00c" } .icon-remove:before { content:"\f00d" } .icon-zoom-in:before { content:"\f00e" } .icon-zoom-out:before { content:"\f010" } .icon-power-off:before, .icon-off:before { content:"\f011" } .icon-signal:before { content:"\f012" } .icon-gear:before, .icon-cog:before { content:"\f013" } .icon-trash:before { content:"\f014" } .icon-home:before { content:"\f015" } .icon-file-alt:before { content:"\f016" } .icon-time:before { content:"\f017" } .icon-road:before { content:"\f018" } .icon-download-alt:before { content:"\f019" } .icon-download:before { content:"\f01a" } .icon-upload:before { content:"\f01b" } .icon-inbox:before { content:"\f01c" } .icon-play-circle:before { content:"\f01d" } .icon-rotate-right:before, .icon-repeat:before { content:"\f01e" } .icon-refresh:before { content:"\f021" } .icon-list-alt:before { content:"\f022" } .icon-lock:before { content:"\f023" } .icon-flag:before { content:"\f024" } .icon-headphones:before { content:"\f025" } .icon-volume-off:before { content:"\f026" } .icon-volume-down:before { content:"\f027" } .icon-volume-up:before { content:"\f028" } .icon-qrcode:before { content:"\f029" } .icon-barcode:before { content:"\f02a" } .icon-tag:before { content:"\f02b" } .icon-tags:before { content:"\f02c" } .icon-book:before { content:"\f02d" } .icon-bookmark:before { content:"\f02e" } /*.icon-print:before { content:"\f02f" }*/ .icon-camera:before { content:"\f030" } .icon-font:before { content:"\f031" } .icon-bold:before { content:"\f032" } .icon-italic:before { content:"\f033" } .icon-text-height:before { content:"\f034" } .icon-text-width:before { content:"\f035" } .icon-align-left:before { content:"\f036" } .icon-align-center:before { content:"\f037" } .icon-align-right:before { content:"\f038" } .icon-align-justify:before { content:"\f039" } .icon-list:before { content:"\f03a" } .icon-indent-left:before { content:"\f03b" } .icon-indent-right:before { content:"\f03c" } .icon-facetime-video:before { content:"\f03d" } .icon-picture:before { content:"\f03e" } .icon-pencil:before { content:"\f040" } .icon-map-marker:before { content:"\f041" } .icon-adjust:before { content:"\f042" } .icon-tint:before { content:"\f043" } .icon-edit:before { content:"\f044" } .icon-share:before { content:"\f045" } .icon-check:before { content:"\f046" } .icon-move:before { content:"\f047" } .icon-step-backward:before { content:"\f048" } .icon-fast-backward:before { content:"\f049" } .icon-backward:before { content:"\f04a" } .icon-play:before { content:"\f04b" } .icon-pause:before { content:"\f04c" } .icon-stop:before { content:"\f04d" } .icon-forward:before { content:"\f04e" } .icon-fast-forward:before { content:"\f050" } .icon-step-forward:before { content:"\f051" } .icon-eject:before { content:"\f052" } .icon-chevron-left:before { content:"\f053" } .icon-chevron-right:before { content:"\f054" } .icon-plus-sign:before { content:"\f055" } .icon-minus-sign:before { content:"\f056" } .icon-remove-sign:before { content:"\f057" } .icon-ok-sign:before { content:"\f058" } .icon-question-sign:before { content:"\f059" } .icon-info-sign:before { content:"\f05a" } .icon-screenshot:before { content:"\f05b" } .icon-remove-circle:before { content:"\f05c" } .icon-ok-circle:before { content:"\f05d" } .icon-ban-circle:before { content:"\f05e" } .icon-arrow-left:before { content:"\f060" } .icon-arrow-right:before { content:"\f061" } .icon-arrow-up:before { content:"\f062" } .icon-arrow-down:before { content:"\f063" } .icon-mail-forward:before, .icon-share-alt:before { content:"\f064" } .icon-resize-full:before { content:"\f065" } .icon-resize-small:before { content:"\f066" } .icon-plus:before { content:"\f067" } .icon-minus:before { content:"\f068" } .icon-asterisk:before { content:"\f069" } .icon-exclamation-sign:before { content:"\f06a" } .icon-gift:before { content:"\f06b" } .icon-leaf:before { content:"\f06c" } .icon-fire:before { content:"\f06d" } .icon-eye-open:before { content:"\f06e" } .icon-eye-close:before { content:"\f070" } .icon-warning-sign:before { content:"\f071" } .icon-plane:before { content:"\f072" } .icon-calendar:before { content:"\f073" } .icon-random:before { content:"\f074" } .icon-comment:before { content:"\f075" } .icon-magnet:before { content:"\f076" } .icon-chevron-up:before { content:"\f077" } .icon-chevron-down:before { content:"\f078" } .icon-retweet:before { content:"\f079" } .icon-shopping-cart:before { content:"\f07a" } .icon-folder-close:before { content:"\f07b" } .icon-folder-open:before { content:"\f07c" } .icon-resize-vertical:before { content:"\f07d" } .icon-resize-horizontal:before { content:"\f07e" } .icon-bar-chart:before { content:"\f080" } .icon-twitter-sign:before { content:"\f081" } .icon-facebook-sign:before { content:"\f082" } .icon-camera-retro:before { content:"\f083" } .icon-key:before { content:"\f084" } .icon-gears:before, .icon-cogs:before { content:"\f085" } .icon-comments:before { content:"\f086" } .icon-thumbs-up-alt:before { content:"\f087" } .icon-thumbs-down-alt:before { content:"\f088" } .icon-star-half:before { content:"\f089" } .icon-heart-empty:before { content:"\f08a" } .icon-signout:before { content:"\f08b" } .icon-linkedin-sign:before { content:"\f08c" } .icon-pushpin:before { content:"\f08d" } .icon-external-link:before { content:"\f08e" } .icon-signin:before { content:"\f090" } .icon-trophy:before { content:"\f091" } .icon-github-sign:before { content:"\f092" } .icon-upload-alt:before { content:"\f093" } .icon-lemon:before { content:"\f094" } .icon-phone:before { content:"\f095" } .icon-unchecked:before, .icon-check-empty:before { content:"\f096" } .icon-bookmark-empty:before { content:"\f097" } .icon-phone-sign:before { content:"\f098" } .icon-twitter:before { content:"\f099" } .icon-facebook:before { content:"\f09a" } .icon-github:before { content:"\f09b" } .icon-unlock:before { content:"\f09c" } .icon-credit-card:before { content:"\f09d" } .icon-rss:before { content:"\f09e" } .icon-hdd:before { content:"\f0a0" } .icon-bullhorn:before { content:"\f0a1" } .icon-bell:before { content:"\f0a2" } .icon-certificate:before { content:"\f0a3" } .icon-hand-right:before { content:"\f0a4" } .icon-hand-left:before { content:"\f0a5" } .icon-hand-up:before { content:"\f0a6" } .icon-hand-down:before { content:"\f0a7" } .icon-circle-arrow-left:before { content:"\f0a8" } .icon-circle-arrow-right:before { content:"\f0a9" } .icon-circle-arrow-up:before { content:"\f0aa" } .icon-circle-arrow-down:before { content:"\f0ab" } .icon-globe:before { content:"\f0ac" } .icon-wrench:before { content:"\f0ad" } .icon-tasks:before { content:"\f0ae" } .icon-filter:before { content:"\f0b0" } .icon-briefcase:before { content:"\f0b1" } .icon-fullscreen:before { content:"\f0b2" } .icon-group:before { content:"\f0c0" } .icon-link:before { content:"\f0c1" } .icon-cloud:before { content:"\f0c2" } .icon-beaker:before { content:"\f0c3" } .icon-cut:before { content:"\f0c4" } .icon-copy:before { content:"\f0c5" } .icon-paperclip:before, .icon-paper-clip:before { content:"\f0c6" } .icon-save:before { content:"\f0c7" } .icon-sign-blank:before { content:"\f0c8" } .icon-reorder:before { content:"\f0c9" } .icon-list-ul:before { content:"\f0ca" } .icon-list-ol:before { content:"\f0cb" } .icon-strikethrough:before { content:"\f0cc" } .icon-underline:before { content:"\f0cd" } .icon-table:before { content:"\f0ce" } .icon-magic:before { content:"\f0d0" } .icon-truck:before { content:"\f0d1" } .icon-pinterest:before { content:"\f0d2" } .icon-pinterest-sign:before { content:"\f0d3" } .icon-google-plus-sign:before { content:"\f0d4" } .icon-google-plus:before { content:"\f0d5" } .icon-money:before { content:"\f0d6" } .icon-caret-down:before { content:"\f0d7" } .icon-caret-up:before { content:"\f0d8" } .icon-caret-left:before { content:"\f0d9" } .icon-caret-right:before { content:"\f0da" } .icon-columns:before { content:"\f0db" } .icon-sort:before { content:"\f0dc" } .icon-sort-down:before { content:"\f0dd" } .icon-sort-up:before { content:"\f0de" } /*.icon-envelope:before { content:"\f0e0" }*/ .icon-linkedin:before { content:"\f0e1" } .icon-rotate-left:before, .icon-undo:before { content:"\f0e2" } .icon-legal:before { content:"\f0e3" } .icon-dashboard:before { content:"\f0e4" } .icon-comment-alt:before { content:"\f0e5" } .icon-comments-alt:before { content:"\f0e6" } .icon-bolt:before { content:"\f0e7" } .icon-sitemap:before { content:"\f0e8" } .icon-umbrella:before { content:"\f0e9" } .icon-paste:before { content:"\f0ea" } .icon-lightbulb:before { content:"\f0eb" } .icon-exchange:before { content:"\f0ec" } .icon-cloud-download:before { content:"\f0ed" } .icon-cloud-upload:before { content:"\f0ee" } .icon-user-md:before { content:"\f0f0" } .icon-stethoscope:before { content:"\f0f1" } .icon-suitcase:before { content:"\f0f2" } .icon-bell-alt:before { content:"\f0f3" } .icon-coffee:before { content:"\f0f4" } .icon-food:before { content:"\f0f5" } .icon-file-text-alt:before { content:"\f0f6" } .icon-building:before { content:"\f0f7" } .icon-hospital:before { content:"\f0f8" } .icon-ambulance:before { content:"\f0f9" } .icon-medkit:before { content:"\f0fa" } .icon-fighter-jet:before { content:"\f0fb" } .icon-beer:before { content:"\f0fc" } .icon-h-sign:before { content:"\f0fd" } .icon-plus-sign-alt:before { content:"\f0fe" } .icon-double-angle-left:before { content:"\f100" } .icon-double-angle-right:before { content:"\f101" } .icon-double-angle-up:before { content:"\f102" } .icon-double-angle-down:before { content:"\f103" } .icon-angle-left:before { content:"\f104" } .icon-angle-right:before { content:"\f105" } .icon-angle-up:before { content:"\f106" } .icon-angle-down:before { content:"\f107" } .icon-desktop:before { content:"\f108" } .icon-laptop:before { content:"\f109" } .icon-tablet:before { content:"\f10a" } .icon-mobile-phone:before { content:"\f10b" } .icon-circle-blank:before { content:"\f10c" } .icon-quote-left:before { content:"\f10d" } .icon-quote-right:before { content:"\f10e" } .icon-spinner:before { content:"\f110" } .icon-circle:before { content:"\f111" } .icon-mail-reply:before, .icon-reply:before { content:"\f112" } .icon-github-alt:before { content:"\f113" } .icon-folder-close-alt:before { content:"\f114" } .icon-folder-open-alt:before { content:"\f115" } .icon-expand-alt:before { content:"\f116" } .icon-collapse-alt:before { content:"\f117" } .icon-smile:before { content:"\f118" } .icon-frown:before { content:"\f119" } .icon-meh:before { content:"\f11a" } .icon-gamepad:before { content:"\f11b" } .icon-keyboard:before { content:"\f11c" } .icon-flag-alt:before { content:"\f11d" } .icon-flag-checkered:before { content:"\f11e" } .icon-terminal:before { content:"\f120" } .icon-code:before { content:"\f121" } .icon-reply-all:before { content:"\f122" } .icon-mail-reply-all:before { content:"\f122" } .icon-star-half-full:before, .icon-star-half-empty:before { content:"\f123" } .icon-location-arrow:before { content:"\f124" } .icon-crop:before { content:"\f125" } .icon-code-fork:before { content:"\f126" } .icon-unlink:before { content:"\f127" } .icon-question:before { content:"\f128" } .icon-info:before { content:"\f129" } .icon-exclamation:before { content:"\f12a" } .icon-superscript:before { content:"\f12b" } .icon-subscript:before { content:"\f12c" } .icon-eraser:before { content:"\f12d" } .icon-puzzle-piece:before { content:"\f12e" } .icon-microphone:before { content:"\f130" } .icon-microphone-off:before { content:"\f131" } .icon-shield:before { content:"\f132" } .icon-calendar-empty:before { content:"\f133" } .icon-fire-extinguisher:before { content:"\f134" } .icon-rocket:before { content:"\f135" } .icon-maxcdn:before { content:"\f136" } .icon-chevron-sign-left:before { content:"\f137" } .icon-chevron-sign-right:before { content:"\f138" } .icon-chevron-sign-up:before { content:"\f139" } .icon-chevron-sign-down:before { content:"\f13a" } .icon-html5:before { content:"\f13b" } .icon-css3:before { content:"\f13c" } .icon-anchor:before { content:"\f13d" } .icon-unlock-alt:before { content:"\f13e" } .icon-bullseye:before { content:"\f140" } .icon-ellipsis-horizontal:before { content:"\f141" } .icon-ellipsis-vertical:before { content:"\f142" } .icon-rss-sign:before { content:"\f143" } .icon-play-sign:before { content:"\f144" } .icon-ticket:before { content:"\f145" } .icon-minus-sign-alt:before { content:"\f146" } .icon-check-minus:before { content:"\f147" } .icon-level-up:before { content:"\f148" } .icon-level-down:before { content:"\f149" } .icon-check-sign:before { content:"\f14a" } .icon-edit-sign:before { content:"\f14b" } .icon-external-link-sign:before { content:"\f14c" } .icon-share-sign:before { content:"\f14d" } .icon-compass:before { content:"\f14e" } .icon-collapse:before { content:"\f150" } .icon-collapse-top:before { content:"\f151" } .icon-expand:before { content:"\f152" } .icon-euro:before, .icon-eur:before { content:"\f153" } .icon-gbp:before { content:"\f154" } .icon-dollar:before, .icon-usd:before { content:"\f155" } .icon-rupee:before, .icon-inr:before { content:"\f156" } .icon-yen:before, .icon-jpy:before { content:"\f157" } .icon-renminbi:before, .icon-cny:before { content:"\f158" } .icon-won:before, .icon-krw:before { content:"\f159" } .icon-bitcoin:before, .icon-btc:before { content:"\f15a" } .icon-file:before { content:"\f15b" } .icon-file-text:before { content:"\f15c" } .icon-sort-by-alphabet:before { content:"\f15d" } .icon-sort-by-alphabet-alt:before { content:"\f15e" } .icon-sort-by-attributes:before { content:"\f160" } .icon-sort-by-attributes-alt:before { content:"\f161" } .icon-sort-by-order:before { content:"\f162" } .icon-sort-by-order-alt:before { content:"\f163" } .icon-thumbs-up:before { content:"\f164" } .icon-thumbs-down:before { content:"\f165" } .icon-youtube-sign:before { content:"\f166" } .icon-youtube:before { content:"\f167" } .icon-xing:before { content:"\f168" } .icon-xing-sign:before { content:"\f169" } .icon-youtube-play:before { content:"\f16a" } .icon-dropbox:before { content:"\f16b" } .icon-stackexchange:before { content:"\f16c" } .icon-instagram:before { content:"\f16d" } .icon-flickr:before { content:"\f16e" } .icon-adn:before { content:"\f170" } .icon-bitbucket:before { content:"\f171" } .icon-bitbucket-sign:before { content:"\f172" } .icon-tumblr:before { content:"\f173" } .icon-tumblr-sign:before { content:"\f174" } .icon-long-arrow-down:before { content:"\f175" } .icon-long-arrow-up:before { content:"\f176" } .icon-long-arrow-left:before { content:"\f177" } .icon-long-arrow-right:before { content:"\f178" } .icon-apple:before { content:"\f179" } .icon-windows:before { content:"\f17a" } .icon-android:before { content:"\f17b" } .icon-linux:before { content:"\f17c" } .icon-dribbble:before { content:"\f17d" } .icon-skype:before { content:"\f17e" } .icon-foursquare:before { content:"\f180" } .icon-trello:before { content:"\f181" } .icon-female:before { content:"\f182" } .icon-male:before { content:"\f183" } .icon-gittip:before { content:"\f184" } .icon-sun:before { content:"\f185" } .icon-moon:before { content:"\f186" } .icon-archive:before { content:"\f187" } .icon-bug:before { content:"\f188" } .icon-vk:before { content:"\f189" } .icon-weibo:before { content:"\f18a" } .icon-renren:before { content:"\f18b" } /*------ /New_HOS/hosi/plugins/system/helix/css/mobile-menu.css ------*/ .sp-main-menu-toggler { display:inline-block; position:absolute; top:30px; right:20px; z-index:1 } .sp-mobile-menu { position:absolute !important; top:90px; left:0; width:100% } .sp-mobile-menu ul { display:block; list-style:none; padding:0; margin:0 } .sp-mobile-menu ul li { display:block; margin:0; padding:0 10px; background:#333; cursor:pointer } .sp-mobile-menu ul li span.sp-menu-toggler { display:block; width:30px; float:right; cursor:pointer; color:#fff; line-height:40px; text-align:center } .sp-mobile-menu ul li span.sp-menu-toggler i { display:block; line-height:40px } .sp-mobile-menu ul li span.sp-menu-toggler .icon-angle-right, .sp-mobile-menu ul li span.sp-menu-toggler.collapsed .icon-angle-down { display:none } .sp-mobile-menu ul li span.sp-menu-toggler .icon-angle-down, .sp-mobile-menu ul li span.sp-menu-toggler.collapsed .icon-angle-right { display:block } .sp-mobile-menu ul li a { display:inline-block; line-height:40px; font-size:15px; color:#777 } .sp-mobile-menu ul li.active > a, .sp-mobile-menu ul li:hover>a { color:#fff } /*------ /New_HOS/hosi/templates/vina_bonnie/css/template.css ------*/ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../../../s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../../../s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../../../s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../../../s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff) format('woff2'); } .clearfix { *zoom:1 } .clearfix:before, .clearfix:after { display:table; content:""; line-height:0 } .clearfix:after { clear:both } #sp-main-content-layout3-wrapper .module .mod-vina-content .owl-wrapper-outer .owl-wrapper .owl-item .item.product { margin:0 15px 9px !important; height:auto; padding:0 13px !important } #sp-main-content-layout3-wrapper .module .mod-vina-content .owl-wrapper-outer .owl-wrapper .owl-item .item.product .vm-product-media-container { margin:0 -15px 3px; height:163px } #sp-main-content-layout3-wrapper .module .mod-vina-content .owl-wrapper-outer .owl-wrapper .owl-item .item.product h3.product-title { line-height:14px; min-height:50px !important } #sp-main-content-layout3-wrapper .module .mod-vina-content .owl-wrapper-outer .owl-wrapper .owl-item .item.product .price-detail .vm-prices-block { margin-top:0 } .hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .input-block-level { display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } @-webkit-keyframes moveFromLeft { from { -webkit-transform:translateX(-100%); opacity:0 } to { -webkit-transform:translateX(0%); opacity:1 } } @-moz-keyframes moveFromLeft { from { -moz-transform:translateX(-100%); opacity:0 } to { -moz-transform:translateX(0%); opacity:1 } } @-ms-keyframes moveFromLeft { from { -ms-transform:translateX(-100%); opacity:0 } to { -ms-transform:translateX(0%); opacity:1 } } @-webkit-keyframes moveFromRight { from { -webkit-transform:translateX(100%) } to { -webkit-transform:translateX(0%) } } @-moz-keyframes moveFromRight { from { -moz-transform:translateX(100%) } to { -moz-transform:translateX(0%) } } @-ms-keyframes moveFromRight { from { -ms-transform:translateX(100%) } to { -ms-transform:translateX(0%) } } @-webkit-keyframes moveFromBottom { from { -webkit-transform:translateY(200%) scale(0.5); opacity:0 } to { -webkit-transform:translateY(0%) scale(1); opacity:1 } } @-moz-keyframes moveFromBottom { from { -moz-transform:translateY(200%) scale(0.5); opacity:0 } to { -moz-transform:translateY(0%) scale(1); opacity:1 } } @-ms-keyframes moveFromBottom { from { -ms-transform:translateY(200%) scale(0.5); opacity:0 } to { -ms-transform:translateY(0%) scale(1); opacity:1 } } @-webkit-keyframes moveFromTop { from { opacity:0; -webkit-transform:translateY(-200%) } to { opacity:1; -webkit-transform:translateY(0%) } } @-moz-keyframes moveFromTop { from { opacity:0; -moz-transform:translateY(-200%) } to { opacity:1; -moz-transform:translateY(0%) } } @-ms-keyframes moveFromTop { from { opacity:0; -ms-transform:translateY(-200%) } to { opacity:1; -ms-transform:translateY(0%) } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin:top center } 20% { -webkit-transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg) } 100% { -webkit-transform:rotate(0deg) } } @-moz-keyframes swing { 20% { -moz-transform:rotate(15deg) } 40% { -moz-transform:rotate(-10deg) } 60% { -moz-transform:rotate(5deg) } 80% { -moz-transform:rotate(-5deg) } 100% { -moz-transform:rotate(0deg) } } @-ms-keyframes swing { 20% { -ms-transform:rotate(15deg) } 40% { -ms-transform:rotate(-10deg) } 60% { -ms-transform:rotate(5deg) } 80% { -ms-transform:rotate(-5deg) } 100% { -ms-transform:rotate(0deg) } } @-o-keyframes swing { 20% { -o-transform:rotate(15deg) } 40% { -o-transform:rotate(-10deg) } 60% { -o-transform:rotate(5deg) } 80% { -o-transform:rotate(-5deg) } 100% { -o-transform:rotate(0deg) } } @keyframes swing { 20% { transform:rotate(15deg) } 40% { transform:rotate(-10deg) } 60% { transform:rotate(5deg) } 80% { transform:rotate(-5deg) } 100% { transform:rotate(0deg) } } @-webkit-keyframes fontsize { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin:top center } 20% { font-size:20% } 40% { font-size:40% } 60% { font-size:60% } 80% { font-size:80% } 100% { font-size:100% } } @-moz-keyframes fontsize { 20% { font-size:20% } 40% { font-size:40% } 60% { font-size:60% } 80% { font-size:80% } 100% { font-size:100% } } @-ms-keyframes fontsize { 20% { font-size:20% } 40% { font-size:40% } 60% { font-size:60% } 80% { font-size:80% } 100% { font-size:100% } } @-o-keyframes fontsize { 20% { font-size:20% } 40% { font-size:40% } 60% { font-size:60% } 80% { font-size:80% } 100% { font-size:100% } } @keyframes fontsize { 20% { font-size:20% } 40% { font-size:40% } 60% { font-size:60% } 80% { font-size:80% } 100% { font-size:100% } } @-webkit-keyframes bounceInLeft { 0% { opacity:0; -webkit-transform:translateX(-2000px) } 60% { opacity:1; -webkit-transform:translateX(30px) } 80% { -webkit-transform:translateX(-10px) } 100% { -webkit-transform:translateX(0) } } @-moz-keyframes bounceInLeft { 0% { opacity:0; -moz-transform:translateX(-2000px) } 60% { opacity:1; -moz-transform:translateX(30px) } 80% { -moz-transform:translateX(-10px) } 100% { -moz-transform:translateX(0) } } @-ms-keyframes bounceInLeft { 0% { opacity:0; -ms-transform:translateX(-2000px) } 60% { opacity:1; -ms-transform:translateX(30px) } 80% { -ms-transform:translateX(-10px) } 100% { -ms-transform:translateX(0) } } @-o-keyframes bounceInLeft { 0% { opacity:0; -o-transform:translateX(-2000px) } 60% { opacity:1; -o-transform:translateX(30px) } 80% { -o-transform:translateX(-10px) } 100% { -o-transform:translateX(0) } } @keyframes bounceInLeft { 0% { opacity:0; transform:translateX(-2000px) } 60% { opacity:1; transform:translateX(30px) } 80% { transform:translateX(-10px) } 100% { transform:translateX(0) } } .btn { display:inline-block; *display:inline; *zoom:1; padding:4px 14px; margin-bottom:0; font-size:14px; line-height:20px; *line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; color:#333; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); background-color:#f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image:linear-gradient(to bottom, #fff, #e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0); border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#e6e6e6; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); border:1px solid #bbb; *border:0; border-bottom-color:#a2a2a2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *margin-left: .3em; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05) } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color:#333; background-color:#e6e6e6; *background-color:#d9d9d9 } .btn:active, .btn.active { background-color:#ccc \9 } .btn:first-child { *margin-left:0 } .btn:hover { color:#333; text-decoration:none; background-color:#e6e6e6; *background-color:#d9d9d9; background-position:0 -15px; -webkit-transition:background-position .1s linear; -moz-transition:background-position .1s linear; -o-transition:background-position .1s linear; transition:background-position .1s linear } .btn:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn.active, .btn:active { background-color:#e6e6e6; background-color:#d9d9d9 \9; background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05) } .btn.disabled, .btn[disabled] { cursor:default; background-color:#e6e6e6; background-image:none; opacity:0.65; filter:alpha(opacity=65); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .btn-large { padding:9px 14px; font-size:16px; line-height:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .btn-large [class^="icon-"] { margin-top:2px } .btn-small { padding:3px 9px; font-size:12px; line-height:18px } .btn-small [class^="icon-"] { margin-top:0 } .btn-mini { padding:2px 6px; font-size:11px; line-height:16px } .btn-block { display:block; width:100%; padding-left:0; padding-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .btn-block+.btn-block { margin-top:5px } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color:rgba(255, 255, 255, 0.75) } .btn { border-color:#c5c5c5; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25) } .btn-primary { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#006dcc; background-image: -moz-linear-gradient(top, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(top, #08c, #0044cc); background-image: -o-linear-gradient(top, #08c, #0044cc); background-image:linear-gradient(to bottom, #08c, #0044cc); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0); border-color:#04c #0044cc #002a80; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#04c; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color:#fff; background-color:#04c; *background-color:#003bb3 } .btn-primary:active, .btn-primary.active { background-color:#039 \9 } .btn-warning { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0); border-color:#f89406 #f89406 #ad6704; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#f89406; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color:#fff; background-color:#f89406; *background-color:#df8505 } .btn-warning:active, .btn-warning.active { background-color:#c67605 \9 } .btn-danger { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image:linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color:#bd362f #bd362f #802420; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#bd362f; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color:#fff; background-color:#bd362f; *background-color:#a9302a } .btn-danger:active, .btn-danger.active { background-color:#942a25 \9 } .btn-success { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image:linear-gradient(to bottom, #62c462, #51a351); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color:#51a351 #51a351 #387038; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#51a351; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color:#fff; background-color:#51a351; *background-color:#499249 } .btn-success:active, .btn-success.active { background-color:#408140 \9 } .btn-info { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#2f96b4; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color:#fff; background-color:#2f96b4; *background-color:#2a85a0 } .btn-info:active, .btn-info.active { background-color:#24748c \9 } .btn-inverse { color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#363636; background-image: -moz-linear-gradient(top, #444, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image: -webkit-linear-gradient(top, #444, #222); background-image: -o-linear-gradient(top, #444, #222); background-image:linear-gradient(to bottom, #444, #222); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color:#222 #222 #000; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color:#222; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color:#fff; background-color:#222; *background-color:#151515 } .btn-inverse:active, .btn-inverse.active { background-color:#090909 \9 } button.btn, input[type="submit"].btn { *padding-top:3px; *padding-bottom:3px } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding:0; border:0 } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top:7px; *padding-bottom:7px } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top:3px; *padding-bottom:3px } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top:1px; *padding-bottom:1px } .btn-link, .btn-link:active { background-color:transparent; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .btn-link { border-color:transparent; cursor:pointer; color:#08c; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .btn-link:hover { color:#005580; text-decoration:underline; background-color:transparent } a, a:hover { text-decoration:none; -webkit-transition:all 200ms; -moz-transition:all 200ms; -o-transition:all 200ms; transition:all 200ms } .page-header { padding-bottom:10px; margin:0 0 20px } .entry-meta.muted { background:#f2f2f2; padding:5px; margin-bottom:20px; font-size:12px } .entry-meta.muted>span, .entry-meta.muted>time { margin:0 5px } .entry-meta ul { margin:0 5px } .entry-meta ul.actions { float:right } .entry-meta ul.actions li { display:inline-block } .entry-meta ul.actions li.print-icon a::before { content:"\f02f" } .entry-meta ul.actions li.email-icon a::before { content:"\f003" } .entry-meta ul.actions li.edit-icon a::before { content:"\f044" } .entry-meta ul.actions li a { display:block; font-size:14px; margin-left:5px } .entry-meta ul.actions li a img { display:none } .entry-meta ul.actions li a span { display:none } section.blog:not(.column-1) .post .entry-content .pull-left, section.blog:not(.column-1) .post .entry-content .pull-right { float:none } ul.pagenav { list-style:none; padding:0; clear:both; margin-top:10px; margin-left:0; overflow:hidden } ul.pagenav .pagenav-prev { float:left } ul.pagenav .pagenav-next { float:right } dl dt, dl dd { display:inline } label.invalid { color:#c83025 } #editor-xtd-buttons { display:inline-block; margin-right:10px } .button2-left { display:inline-block; margin-right:10px; margin-top:15px } .toggle-editor { display:inline-block } .edit .modal { position:inherit; top:auto; left:auto; width:auto; margin-left:0; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow:none } .icon-hidden span { display:none !important } #vina_pricing_table { padding:0 20px 20px; -webkit-transform:translateZ(0) } #vina_pricing_table .pricing_table .thumbnail { background:#fff; padding:10px 4px 20px; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; transition:all 300ms linear 0s; overflow:hidden } #vina_pricing_table .pricing_table .thumbnail .badge h2 { font-size:50px; line-height:normal } #vina_pricing_table .pricing_table .thumbnail button { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:0 } #vina_pricing_table .pricing_table .thumbnail:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } #vina_pricing_table .pricing_table .thumbnail:hover>h2 { -webkit-animation:moveFromTop 500ms ease; -moz-animation:moveFromTop 500ms ease; animation:moveFromTop 500ms ease } #vina_pricing_table .pricing_table .thumbnail:hover .badge { -webkit-animation:swing 1500ms ease; -moz-animation:swing 1500ms ease; animation:swing 1500ms ease } #vina_pricing_table .pricing_table .thumbnail:hover p { -webkit-animation:moveFromBottom 500ms ease; -moz-animation:moveFromBottom 500ms ease; animation:moveFromBottom 500ms ease } #vina_pricing_table .pricing_table .thumbnail:hover button { -webkit-animation:bounceInLeft 500ms ease; -moz-animation:bounceInLeft 500ms ease; animation:bounceInLeft 500ms ease } #vina_pricing_table .testimonial .media-body { overflow:visible } #vina_pricing_table .testimonial .media-body .testimonial-content { padding-bottom:20px; border-bottom:1px dashed #aaa } #vina_pricing_table .testimonial .media-body .testimonial-author { margin-top:20px !important; text-align:center } #vina_pricing_table .testimonial .media-body .testimonial-author .pull-left { float:none; margin:0 } #vina_pricing_table .testimonial .media-body .testimonial-author .pull-left img { margin-right:0 } #vina_company h3 { text-align:center } #vina_company .img-polaroid { position:relative; overflow:hidden; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #vina_company .img-polaroid figure { position:relative; display:inline-block; overflow:hidden; width:100%; height:207px; margin:0 } #vina_company .img-polaroid figure:hover .contact a { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0) } #vina_company .img-polaroid figure img { display:block; height:100%; width:100% } #vina_company .img-polaroid figure .contact { z-index:2; position:absolute; display:block; top:0; left:0; right:0; bottom:0 } #vina_company .img-polaroid figure .contact a { position:absolute; display:block; width:50%; height:50%; background-repeat:no-repeat; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out } #vina_company .img-polaroid figure .contact a em:before { font-size:30px; color:#fff; display:block; text-align:center; line-height:104px } #vina_company .img-polaroid figure .contact .tw { top:0; left:0; background-color:rgba(0, 172, 238, 0.7); -webkit-transform:translate(-100%, -100%); -moz-transform:translate(-100%, -100%); -ms-transform:translate(-100%, -100%); -o-transform:translate(-100%, -100%); transform:translate(-100%, -100%) } #vina_company .img-polaroid figure .contact .tw:hover { background-color:#00acee } #vina_company .img-polaroid figure .contact .fb { top:0; right:0; background-color:rgba(59, 89, 152, 0.7); -webkit-transform:translate(100%, -100%); -moz-transform:translate(100%, -100%); -ms-transform:translate(100%, -100%); -o-transform:translate(100%, -100%); transform:translate(100%, -100%) } #vina_company .img-polaroid figure .contact .fb:hover { background-color:#3b5998 } #vina_company .img-polaroid figure .contact .gp { bottom:0; left:0; background-color:rgba(221, 75, 57, 0.7); -webkit-transform:translate(-100%, 100%); -moz-transform:translate(-100%, 100%); -ms-transform:translate(-100%, 100%); -o-transform:translate(-100%, 100%); transform:translate(-100%, 100%) } #vina_company .img-polaroid figure .contact .gp:hover { background-color:#dd4b39 } #vina_company .img-polaroid figure .contact .ma { bottom:0; right:0; background-color:rgba(153, 153, 153, 0.7); -webkit-transform:translate(100%, 100%); -moz-transform:translate(100%, 100%); -ms-transform:translate(100%, 100%); -o-transform:translate(100%, 100%); transform:translate(100%, 100%) } #vina_company .img-polaroid figure .contact .ma:hover { background-color:#999 } #vina_company #sp_simple_map_canvas { border:1px solid #aaa } #vina_company .info .thumbnail { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; transition:all 300ms linear 0s; background:#fff; overflow:hidden; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } #vina_company .info .thumbnail .sp-blocknumber>span { margin-top:28px } #vina_company .info .thumbnail:hover .sp-blocknumber { -webkit-animation:moveFromTop 500ms ease; -moz-animation:moveFromTop 500ms ease; animation:moveFromTop 500ms ease } #vina_company .info .thumbnail:hover .sp-blocknumber>span { -webkit-animation:bounceInLeft 500ms ease; -moz-animation:bounceInLeft 500ms ease; animation:bounceInLeft 500ms ease } #vina_about_us h3, #vina_about_us h4 { font-weight:normal } #vina_about_us .about_us_header { padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:15px } #vina_about_us .progress { margin-bottom:12px } #vina_about_us .carousel { margin-top:10px; padding:20px 60px; background:#fff; line-height:normal } #vina_about_us .carousel .item { padding:7px } #vina_about_us .carousel .item .incon_bg { padding:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-right:10px; font-size:24px; color:#fff } #vina_about_us .carousel .item h4 { margin-top:13px } #vina_about_us .carousel .item p { float:left; margin-top:10px } #vina_about_us .carousel .item .item_do { overflow:hidden } #vina_about_us .carousel .item .item_do:hover .incon_bg { -webkit-animation:moveFromTop 500ms ease; -moz-animation:moveFromTop 500ms ease; animation:moveFromTop 500ms ease } #vina_about_us .carousel .item .item_do:hover h4 { -webkit-animation:moveFromRight 1000ms ease; -moz-animation:moveFromRight 1000ms ease; animation:moveFromRight 1000ms ease } #vina_about_us .carousel .item .item_do:hover p { -webkit-animation:bounceInLeft 1000ms ease; -moz-animation:bounceInLeft 1000ms ease; animation:bounceInLeft 1000ms ease } #vina_about_us .carousel .carousel-control { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; transition:all 300ms linear 0s; outline:none; border:0; top:50%; background:transparent } #vina_about_us .carousel .carousel-control.left { left: -100px } #vina_about_us .carousel .carousel-control.right { right: -100px } #vina_about_us .carousel:hover .carousel-control:hover { color:#fff } #vina_about_us .carousel:hover .carousel-control.left { left:10px } #vina_about_us .carousel:hover .carousel-control.left:hover { left:5px } #vina_about_us .carousel:hover .carousel-control.right { right:10px } #vina_about_us .carousel:hover .carousel-control.right:hover { right:5px } #vina_about_us .skill ul { margin:0; padding:0 } #vina_about_us .skill ul li { list-style:none; padding-left:20px; margin-bottom:20px } #vina_about_us .skill .progress { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #vina_contact_us .contact_us { padding:10px 20px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } #vina_contact_us .contact_us h3 { line-height:20px } #vina_contact_us .contact_us .qlform { padding:0px 0px 22px; position:relative } #vina_contact_us .contact_us .qlform form { margin-bottom:0 } #vina_contact_us .contact_us .qlform dl, #vina_contact_us .contact_us .qlform dd { margin:0 } #vina_contact_us .contact_us .qlform dd { position:relative } #vina_contact_us .contact_us .qlform dd:before { color:#ccc; right:5px; padding-left:3px; border-color:#ccc; border-left-width:1px; border-left-style:solid; position:absolute; top:5px; width:29px; height:24px; font-size:15px; line-height:24px; text-align:center } #vina_contact_us .contact_us .qlform dd.jform_name, #vina_contact_us .contact_us .qlform dd.jform_email, #vina_contact_us .contact_us .qlform dd.jform_subject, #vina_contact_us .contact_us .qlform dd.jform_message { display:block } #vina_contact_us .contact_us .qlform dd.jform_name:before { content:"\f007" } #vina_contact_us .contact_us .qlform dd.jform_email:before { content:"\f0e0" } #vina_contact_us .contact_us .qlform dd.jform_subject:before { content:"\f02b" } #vina_contact_us .contact_us .qlform dd.jform_message:before { content:"\f075" } #vina_contact_us .contact_us .qlform .submit input, #vina_contact_us .contact_us .qlform .captcha input { margin-top:25px; margin-bottom:0px } #vina_contact_us .contact_us .qlform input.submit { height:auto; width:auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-bottom:0; padding:10px 30px; background:#323232; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #vina_contact_us .contact_us .qlform .captcha input { height:auto; width:auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding:5px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #vina_contact_us .contact_us .qlform .cluster { margin-bottom:5px } #vina_contact_us .contact_us .qlform .cluster .control-label { width:100%; text-align:left } #vina_contact_us .contact_us .qlform .cluster .cluster { width:100%; display:block; margin:0 } #vina_contact_us .contact_us .qlform .cluster .cluster input, #vina_contact_us .contact_us .qlform .cluster .cluster textarea { height:auto; width:100%; margin:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding:8px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #vina_contact_us .contact_us .qlform .cluster .cluster textarea { height:121px } #vina_contact_us .contact_us .qlform .cluster .jform_name { display:block } #vina_contact_us .contact_us .qlform .cluster .jform_email { display:block } #vina_contact_us .map { background:#fff; padding:15px 20px 10px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; position:relative } #vina_contact_us .map>span { margin:20px 0 0; display:block; width:100% } #vina_contact_us .map > span em { display:inline-block; margin-right:2px; width:20px } #vina_contact_us .map>span.contact { margin-bottom:12px } #vina_contact_us .contact span { display:inline-block; width:auto } #vina_contact_us ul.social { text-align:center; position:absolute; margin:0; top:20%; left: -42px } #vina_contact_us ul.social li { list-style:none; margin-bottom:20px } #vina_contact_us ul.social li a { width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; outline:none; text-align:center; padding:0; text-decoration:none; -webkit-transition:all 500ms linear 0s; -moz-transition:all 500ms linear 0s; -o-transition:all 500ms linear 0s; transition:all 500ms linear 0s; overflow:hidden; text-shadow:none; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #vina_contact_us ul.social li a em { font-size:24px; -webkit-transition:all 500ms linear 0s; -moz-transition:all 500ms linear 0s; -o-transition:all 500ms linear 0s; transition:all 500ms linear 0s; color:#fff; font-weight:bold; display:block !important; margin-top:12px } #vina_contact_us ul.social li a:hover { background:#fff } #vina_contact_us ul.social li a:hover em { -webkit-animation:moveFromTop 500ms ease; -moz-animation:moveFromTop 500ms ease; animation:moveFromTop 500ms ease } #my_projects .vina_projects { list-style:none; padding:0; position:relative; font-size:0; overflow:hidden } #my_projects .vina_projects .projects { display:inline-block; vertical-align:top } #my_projects .vina_projects a { text-decoration:none; color:#888; display:inline-block; position:relative; max-width:100%; font-size:16px } #my_projects .vina_projects a:focus { outline:none } #my_projects .vina_projects a img { display:inline; max-width:100%; height:auto !important } #my_projects .vina_projects .project-label { display:block; margin:5px 0 10px } #my_projects .vina_projects .current a { color:#000 } #my_projects .vina_projects .current a:after { content:""; display:block; border:10px solid; bottom:0; left:0; position:absolute; width:0; right:0; border-top:none; border-color:#333 transparent; margin:auto } #my_projects .vina_projects h3 { font-size:16px } #my_projects .vina_projects .details { font-size:16px; display:none; position:absolute; margin:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; left:0; background:#444; box-shadow:inset 0 10px 20px 5px #333; color:#ddd; padding:20px; overflow:hidden } @media screen and (-webkit-min-device-pixel-ratio: 0) { #vina_contact_us .contact_us .qlform .control-group .controls textarea { height:126px } } @media (max-width: 1300px) { .responsive #vina_company .info .thumbnail { min-height:170px } .responsive #vina_contact_us ul.social { left: -34px } .responsive #vina_contact_us ul.social li a { height:44px; width:44px } .responsive #vina_contact_us ul.social li a span { margin-top:10px } .responsive #vina_contact_us .map span.contact { margin:0 0 2px 0 } } @media (max-width: 979px) { .responsive #vina_company .img-polaroid { width:45%; margin:10px 2% } .responsive #vina_company .info .thumbnail { width:100%; margin:10px 0; min-height:10px } .responsive #vina_contact_us .contact_us h3 { margin-top:0 } .responsive #vina_contact_us .contact_us .qlform .control-group.jform_name, .responsive #vina_contact_us .contact_us .qlform .control-group.jform_email { margin-right:0; width:100% } .responsive #vina_contact_us .map span { margin-top:20px } .responsive #vina_contact_us .map span.contact { margin-top:14px; margin-bottom:7px } } @media (max-width: 767px) { .responsive #vina_company .img-polaroid { margin:10px auto } .responsive #vina_pricing_table .pricing_table .thumbnail { margin-bottom:20px } .responsive #vina_contact_us .contact_us { padding-bottom:20px; margin-bottom:20px } .responsive #vina_contact_us .map { padding-top:20px; margin-bottom:20px } .responsive #vina_contact_us ul.social { left:auto; margin-left: -20px; width:100%; top: -42px } .responsive #vina_contact_us ul.social li { display:inline-block } } @media (max-width: 479px) { .responsive #vina_about_us .carousel { padding:20px 40px } .responsive #vina_about_us .carousel .item .incon_bg { display:inline-block; float:left; margin-right:10px } .responsive #vina_about_us .carousel .item h4 { margin-top:4px } .responsive #vina_company .img-polaroid { width:100% } .responsive #vina_pricing_table { padding-left:15px; padding-right:15px } .responsive #vina_contact_us .contact_us, .responsive #vina_contact_us .map { padding-left:10px; padding-right:10px } } @media (max-width: 319px) { .responsive #vina_about_us .carousel { padding:0 10px } .responsive #vina_about_us .carousel .item .item_do { padding-bottom:20px; padding-top:25px } } .vmicon, .vmiconFE { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vm2-sprite.png') no-repeat top left } .ratingbox { position:relative; display:block; width:70px; height:12px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/color-stars.png') repeat-x scroll 0 bottom transparent; margin:0 auto } .ratingbox div, .ratingbox span { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/color-stars.png') repeat-x; display:block; width:1%; height:12px; position:absolute } .back-to-category { float:right } .product-neighbours { color:#444; width:100%; display:inline-block; margin-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .product-neighbours a.next-page { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/next_16x16.png') no-repeat right; padding-right:30px; line-height:20px; float:right } .product-neighbours a.previous-page { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/previous_16x16.png') no-repeat left; padding-left:30px; line-height:20px; float:left } .product-fields { margin:0 0 0 } .product-packaging { margin:1.2em 0 0 } .additional-images img { margin-right:8px; width:50px; height:auto } .product-price { margin:0 0 6px; text-align:right; float:left } .vm-price { text-align:right; line-height:1.2em } .vm-price span { display:inline-block; min-width:4em; padding:0 0.2em } span.vm-price-desc { text-align:left; min-width:0; margin:0 } .vm-cart-price { float:left; font-weight:bold } .price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax { text-decoration:line-through } .availability { text-align:center; margin:15px 0 0 } span.variant-dropdown { width:150px; float:left; display:block; margin-bottom:5px } span.variant-dropdown select { width:150px } span.custom-variant-inputbox { width:152px; float:left; display:block; margin-bottom:5px } input.custom-attribute { width:140px } .addtocart-area { margin:0 } span.quantity-box { display:inline-block; vertical-align:middle } input.quantity-input { text-align:center; padding:0.1em; margin-bottom:0 !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } span.quantity-controls { width:15px; display:inline-block; vertical-align:middle; margin:0 0 0 1px } span.quantity-controls input.quantity-controls { height:15px; border:none; width:15px; cursor:pointer } span.quantity-controls input.quantity-plus { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/quantity-controls.png') no-repeat; margin:1px 0 } span.quantity-controls input.quantity-minus { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/quantity-controls.png') repeat-x; background-position:15px 0; margin:1px 0 } .addtocart-bar { margin:0; padding:0; position:absolute; bottom:4.2em; left:0; right:0; text-align:center } .vmgroup .addtocart-bar { bottom:0.0em; position:relative; margin:20px 0 0 0 } .vmgroup .addtocart-area { margin:0.5em 0 1em 0 } span.addtocart-button { display:inline-block; vertical-align:middle; margin:0 } span.addtocart-button input.addtocart-button-disabled { max-width:100%; max-width:100%; background:#222; color:#fff; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; cursor:pointer; text-align:center; letter-spacing:1px; width:auto; background:#222 top repeat-x; cursor:pointer; text-align:center; padding:4px 5px; margin:10px 0px 0px 0px } span.cart-images img { float:left; margin:0 } span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button { max-width:100%; cursor:pointer; display:block; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff; text-transform:uppercase; text-shadow:0 0 0 transparent; border:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } div.vm-details-button { text-align:center } div.vm-details-button a { padding:9px 0; border:1px solid grey; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .category-view h4 { margin:0; padding:0 } .category-view .row .category .spacer h2 { font-size:0.8em; margin:0; padding:0 } .category-view .row .category .spacer h2 a { font-size:0.8em; display:block; text-align:center } .category-view .row .category .spacer h2 a img { margin-top:0.1em; max-width:100%; height:auto } .featured-view h4, .latest-view h4, .topten-view h4, .recent-view h4, .related-products-view h4 { font-size:14px; margin:0 0 8px; padding:0 } .orderby-displaynumber { border-bottom:solid #E9E8E8 1px; border-top:solid #E9E8E8 1px; margin:10px 0; padding:10px 0 } .orderlistcontainer { font-size:12px; display:inline-block; text-decoration:none; margin:0 0 0 0.5em } .orderlistcontainer div.activeOrder { background:#FFF top right no-repeat url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/arrow_down.png'); cursor:pointer; border:solid #CAC9C9 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:2px 24px 1px 12px } .orderlistcontainer a { text-decoration:none; display:block } .orderlistcontainer a :hover { text-decoration:none; display:block; color:#EEE; background:transparent } .orderlistcontainer div.orderlist { display:none; position:absolute; border:solid #CAC9C9 1px; background:#FFF; cursor:pointer; z-index:2; min-width:135px } .orderlistcontainer div.orderlist div { padding:2px 12px 1px } .orderlistcontainer div.orderlist div:hover { color:#EEE; background:transparent } .ask-a-question-view .product-summary { border-bottom:solid #CAC9C9 1px; margin:25px 0 0; padding:0 0 10px; display:inline-block } .ask-a-question-view .product-summary h2 { font-size:16px; margin:0; padding:0 } .ask-a-question-view .product-summary .short-description { margin-top:6px } .ask-a-question-view .product-summary img.product-image { max-width:100%; max-height:100%; width:auto; height:auto } .ask-a-question-view .form-field textarea.field { width:394px; background:#fff url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/default_bg.jpg') bottom repeat-x; border:solid #CAC9C9 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#777; text-align:left; padding:12px } .ask-a-question-view .form-field textarea.field:hover { background:#fff url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/default_hover_bg.jpg') top repeat-x; color:#000 } .ask-a-question-view .form-field .submit { width:418px } .ask-a-question-view table.askform td { padding:5px 0 } .ask-a-question-view #recaptcha_area { margin-bottom:20px } .ask-a-question-view input.counter, .ask-a-question-view input#name, .ask-a-question-view input#email { background:#e8e8e8 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/backgrounds.png') top repeat-x; border:solid #ccc 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#777; display:inline-block; margin:0 0 0 10px; padding:5px 5px 4px } .ask-a-question-view table.askform, .ask-a-question-view table.askform tr, .ask-a-question-view table.askform td { border:0 } a.ask-a-question { font-size:12px; font-weight:700; display:inline-block; text-decoration:none } a.ask-a-question:hover { color:#777; text-decoration:none } .ask-a-question-view, .manufacturer-details-view .spacer { padding:20px } .ask-a-question-view h1, .manufacturer-details-view h1 { font-size:18px; margin:0; padding:0 } .ask-a-question, .manufacturer, .manufacturer-details-view .email-weblink, .manufacturer-details-view .description { margin:10px 0 0 } .manufacturer-details-view img { float:right; margin:0 0 10px 20px } .manufacturer-details-view .email-weblink a { margin-right:15px } a.product-details, a.details, div.details { background-position:0 0; display:inline-block; padding:3px 8px 1px } a.details:hover, div.details:hover, a.product-details:hover { background-position:0 -40px; color:#777 } .coupon { color:gray; border-radius:4px; border:1px solid #CAC9C9; font-size:9px; padding:3px } textarea.virtuemart { background:#fff; border:solid #ccc 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#777; text-align:left; padding:5px 5px 4px } p.product_s_desc { padding:0; height:3.4em; margin:0 0 } span.stock-level { font-size:10px; color:#7d7b7b } .horizontal-separator { height:1px; background:#e9e8e8; margin:10px 0 } .invalid { background-color:#ffd; color:#000; border-color:red } .page-results { margin-top:25px; text-align:right } .control-buttons { padding-right:40px; margin:0 !important } .control-buttons button.default { margin-left:8px } .control-buttons #reg_text { float:left; text-align:left } table.user-details { width:100%; margin-bottom:10px } table.user-details .vm-chzn-select { background:#e8e8e8 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/backgrounds.png') top repeat-x; border:solid #ccc 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#777; margin-bottom:2px; padding:5px 5px 4px; width:210px } table.user-details input { background:#e8e8e8 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/backgrounds.png') top repeat-x; border:solid #ccc 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#777; margin-bottom:2px; padding:5px 5px 4px; width:200px } table.user-details input.invalid { background:#e8e8e8 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/backgrounds.png') top repeat-x; border:solid red 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#777; margin-bottom:2px; padding:5px 5px 4px } table.user-details input[type="checkbox"], table.user-details input[type="radio"] { width:20px } td.key { padding:0 6px; width:150px } .cart-view h1, .cart-view h2 { font-weight:normal } .cart-view h1 { font-size:20px; margin:0; padding:0 0 10px } .cart-view h2 { font-size:18px; margin:0; padding:0 } .cart-view h2.product-name a { font-size:13px; text-transform:uppercase } .checkout-button-top { text-align:right; border-top:solid #E9E8E8 1px; padding:10px 0 0 } .checkout-button-top input.terms-of-service { margin-right:10px; display:inline-block } span.tos { display:inline-block; margin-right:15px } .billto-shipto span, a.terms-of-service { display:inline-block; font-size:14px } #full-tos { display:none } .output-billto span.titles, .output-shipto span.titles { width:150px; float:left } .output-billto span.values-first_name, .output-billto span.values-middle_name, .output-billto span.values-zip, .output-shipto span.values-first_name, .output-shipto span.values-middle_name, .output-shipto span.values-zip { float:left; margin-right:3px } .customer-comment { text-align:center; border-top:solid #E9E8E8 1px; margin:10px 0 0; padding:10px 0 0 } textarea.customer-comment { background:#fff; border:solid #ccc 1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#777; margin-bottom:2px; text-align:left; padding:5px 5px 4px } .cart.customer-note { margin:10px 0 0 0 } textarea#customer_note_field { margin:10px 0 10px 0px; width:98% } .cart-summary tr td { padding-top:30px } .cart-summary tbody tr td { padding-top:0px } .cart-summary tbody tr td span.cart-images { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } div.terms-of-service { margin:10px 0 0; padding:10px 0 15px; display:inline } .terms-of-service h5 { background:#7C1E21; color:rgba(255, 255, 255, 0.9); font-size:14px; text-align:center; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-weight:400; margin:0; padding:15px } .terms-of-service h5 a, .terms-of-service h5 a:visited { color:#fff; text-transform:uppercase } .VmArrowdown { background:top right no-repeat url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/arrow_down.png'); cursor:pointer; float:right; width:16px; height:16px; padding:0 12px } ul.VMmenu, .VMmenu ul, .VMmenu li { list-style-type:none !important; background-image:none !important; padding:2px } #com-form-login .width30.floatleft { display:inline-block; margin:0 20px 0 0 } #com-form-login label { display:inline-block } #com-form-login input[type="checkbox"] { margin:0 } .vm2-add_quantity_cart { background-position:0 0; border:0px; cursor:pointer; line-height:30px } .vm2-arrow_down { background-position:0 -72px; width:16px; height:16px } .vm2-billto-icon { background-position:0 -138px; height:24px; margin-right:6px; vertical-align:middle; width:24px; border:0px } .vm2-remove_from_cart { background-position:0 -212px; border:0 none; cursor:pointer; display:inline-block; height:24px; vertical-align:middle; width:24px } .vm2-shipto-icon { background-position:0 -284px; height:24px; margin-right:6px; vertical-align:middle; width:24px } .vm2-lowstock { background-position:0 -1114px; width:62px; height:15px; display:block; margin:10px auto } .vm2-nostock { background-position:0 -1179px; width:62px; height:15px; display:block; margin:10px auto } .vm2-normalstock { background-position:0 -1244px; width:62px; height:15px; display:block; margin:10px auto } .featured-view .vm2-lowstock, .featured-view .vm2-nostock, .featured-view .vm2-normalstock, .latest-view .vm2-lowstock, .latest-view .vm2-nostock, .latest-view .vm2-normalstock, .topten-view .vm2-lowstock, .topten-view .vm2-nostock, .topten-view .vm2-normalstock, .recent-view .vm2-lowstock, .recent-view .vm2-nostock, .recent-view .vm2-normalstock, .related-view .vm2-lowstock, .related-view .vm2-nostock, .related-view .vm2-normalstock { margin:10px auto } .vm2-termsofservice-icon { background-position:0 -1309px; height:24px; margin-right:6px; vertical-align:middle; width:24px; display:inline-block } .vendor-store-desc, .category-view, .featured-view, .latest-view, .topten-view, .recent-view, .related-products-view, .browse-view, .order-view { margin-bottom:25px } .main-image, .featured-view .product, .latest-view .product, .topten-view .product, .recent-view .product, .related-products-view .product, .center, span.center { text-align:center } .vm-product-media-rating { width:100%; float:left } .vm-product-media-rating h2 { border:0; margin:6px 0 } .vm-rating-header { float:right; margin:0 6px 0 0 } .vm-product-media-container { text-align:center; max-width:100%; margin-bottom:36px } .vm-product-container .vm-product-media-container { float:left; width:55% } .vm-product-descr-container { float:left; width:100%; text-align:center; width:100% } .vm-product-descr-container h2 { height:3.2em; margin-bottom:0px } .vm-product-details-container { float:right; width:45%; margin-bottom:36px } .valign-wrapper { position:relative } .valign-content-wrapper { position:absolute; height:100%; top:50%; width:100% } .valign-content { position:absolute; margin:0px auto; left:0px; right:0px; top: -43px } .main-image img { max-width:100%; max-height:260px } .browseProductImage { max-height:90px; width:auto; max-width:100% } .customer-reviews, .ask-a-question-view .form-field { margin:25px 0 0 } span.variant-name, span.custom-variant-name { width:100px; float:left; display:block; margin-bottom:5px } input.highlight-button, input[type='submit'].highlight-button { color:#fff !important; padding:8px 10px; background-color:#222; cursor:pointer } input.highlight-button:hover, input[type='submit'].highlight-button:hover { background-color:#555 } span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover, input.highlight-button:hover, a.highlight:hover { background-position:0 -200px; color:#f2f2f2 } .category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer { padding:0.4em } .featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .recent-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 { font-size:14px; margin:0 0 0.2em; padding:0 } .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img { width:auto; height:auto } .display-number, .control-buttons, .right { text-align:right !important; margin:0 0.5em 0 0 } #userForm select, .width80 { width:80% } textarea.virtuemart:hover, textarea.customer-comment:hover { color:#000; background:#e8e8e8 } label.invalid, span.red { color:red } .output-billto span.values, .output-shipto span.values, .floatleft, span.floatleft { float:left } .output-billto span.values, .output-shipto span.values { padding-right:5px } .joomlaCoreField { background-color:#FFD } .vm-pagination { float:left; text-align:center !important } .vm-pagination ul { text-align:center !important } .vm-pagination ul li { display:inline } .vm-pagination .counter { text-align:right !important } .vm-page-counter { float:right } .vm-bottom div { text-align:center !important } .vm-bottom ul { text-align:center !important } .vm-bottom ul li { display:inline } .vm-bottom .counter { text-align:right !important } .pagenav { padding:3px 8px; margin:0 4px; border:1px solid #aaa; background-color:#fafafa; color:#808080 } a.pagenav { color:#555; text-decoration:none } td.orders-key { font-weight:bold; text-align:left } .manufacturer-view-default .row .manufacturer .spacer { padding:0.4em } .product-field-display { vertical-align:middle } .product-field-display a img { display:block } .product-related-products, .product-related-categories { border-top:solid #ccc 1px; padding-bottom:10px } .product-fields .product-field-type-P { clear:both; border-bottom:1px solid #EEE; margin-top:18px } .product-fields .product-field label.other-customfield { width:25%; float:left; position:relative; top:20px; left: -18px; margin-bottom:27px; text-align:center } .product-fields .product-field .vm-img-desc { font-size:9px } .product-fields .product-field-type-M { display:block } .product-fields .product-field-type-M input[type=radio] { display:block; margin:10px } .product-fields .product-field-type-M label { display:inline-block } .product-fields .product-field-type-M img { display:block; vertical-align:text-top; float:right } .product-field-type-B, .product-field-type-S, .product-field-type-I { float:left; text-align:left } .product-field-type-R { float:left; margin:0 1em } .product-fields-title-wrapper { min-width:10em } .vm-customfield-mod img, .vm-customfield-cart img { vertical-align:middle; width:16px } .vm-img-desc { display:block } a:hover .vm-img-desc { background:#095197 } .vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost { padding:0 2px } .vmpayment_description, .vmshipment_description { color:gray; font-size:9px; padding:0 2px } .vmpayment_cardinfo { color:gray; font-size:9px } .cart-summary fieldset input[type="radio"] { float:left; margin-right:5px } .virtuemart_search .inputbox { margin:0; vertical-align:middle } .virtuemart_search .button { padding:10px 12px } .product-fields .product-field, .product-related-categories .product-field { width:100%; float:left; display:inline-block; margin-bottom:0.4em } .buttonBar-right { text-align:right; float:right } .userfields_info { font-weight:bold; display:block; margin:0px 0px 8px 0px } div.product { float:left; border:1px solid #ddd } div.product_horizon div.product { float:left; border:1px solid #ddd; margin:0.3%; min-width:220px } .vm-product-descr-container-0 { height:3.3em; margin-bottom:0px } .vm-product-descr-container-1 { height:8.6em; margin-bottom:0px } .vm-product-container { width:100%; float:none; display:inline-block } .vmLoadingDiv { display:none; position:fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background:rgba(255, 255, 255, 0.8) url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vm-preloader.gif') 50% 45%no-repeat } .vmLoadingDiv .vmLoadingDivMsg { position:relative; top:50% } .vmLoading { overflow:hidden } .vmLoading .vmLoadingDiv { display:block } .floatright { float:right; margin-left:5px } ul, li { list-style-type:none } .cat_image { margin-bottom:15px } .entry-meta.muted { background-color:transparent } .carousel-control.left i { margin-right:5px } .carousel-control.right { text-align:center !important } .carousel-control.right i { margin-left:5px } .carousel-control i { font-size:40px; line-height:40px } #fancybox-content { overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #fancybox-content div { padding:15px 15px 40px; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #fancybox-content div h4 { font:13px/20px Open Sans, Arial, Helvetica, sans-serif } #fancybox-content div>a { position:absolute; z-index:2; bottom:10px; left:0; color:#fff; line-height:22px !important; font-weight:200; padding:5px 10px; height:22px !important; text-shadow:none !important } #fancybox-content div>a.showcart { right:0; left:auto } #fancybox-content div>a:hover { background-color:#000 } #cur_form a, #cur_form span, #cur_form p { color:#fff; font-size:11px !important } #cur_form .bootstrap-select.btn-group { vertical-align:middle } #cur_form .bootstrap-select button, #cur_form .bootstrap-select .btn, #cur_form .bootstrap-select .btn-default { min-width:55px; display:inline-block; padding:4px 0; text-shadow:0 0 0 transparent; background-color:transparent; background-image:none; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #cur_form .bootstrap-select button:focus, #cur_form .bootstrap-select .btn:focus, #cur_form .bootstrap-select .btn-default:focus { outline:0px } #cur_form .bootstrap-select .caret { border-top:4px solid #fff } #cur_form .bootstrap-select ul.dropdown-menu { position:static } #cur_form .bootstrap-select div.dropdown-menu { position:absolute } #cur_form .bootstrap-select .dropdown-menu { left:auto; left:0; text-align:left; padding:0; margin:0; color:#fff; min-width:140px; background-color:#2c2c2c; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #cur_form .bootstrap-select .dropdown-menu li { cursor:pointer; padding:0 15px } #cur_form .bootstrap-select .dropdown-menu li a { padding:10px 0; line-height:19px; border-bottom:1px solid #424242 } #cur_form .bootstrap-select .dropdown-menu li a, #cur_form .bootstrap-select .dropdown-menu li span { font-size:11px; color:#fff } #cur_form .bootstrap-select .dropdown-menu >li >a:hover, #cur_form .bootstrap-select .dropdown-menu>li>a:focus { background-color:transparent; background-image:none; outline:0px } div.product { position:relative; border:1px solid #f5f1f1; padding:0 10px 40px; overflow:hidden } .product .vm-product-media-container { background-color:#f1f1f1; margin:0 -10px 15px; max-width:none } .product .vm-product-media-container a { position:relative; overflow:hidden; display:block; text-align:center; padding:0 } .product .vm-product-media-container a .pro-image { -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s } .product .vm-product-media-container a .first-image { display:block; transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px) } .product .vm-product-media-container a .second-image { position:absolute; left:0; top:0; width:100%; transform:translate3d(0px, 100%, 0px); -webkit-transform:translate3d(0px, 100%, 0px) } .product:hover .vm-product-media-container .first-image { transform:translate3d(0px, -100%, 0px); -webkit-transform:translate3d(0px, -100%, 0px) } .product:hover .vm-product-media-container .second-image { position:absolute; z-index:0; -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px) } .display-number { margin:0 0 0 5px } .display-number select { max-width:70px; margin-bottom:0 } .vm-page-counter { float:none; max-width:400px } .vm-pagination.vm-pagination-top { margin-left:20px } .product { text-align:center; text-align:center } .product th, .product tr, .product td { text-align:center } p.product_s_desc { height:auto } .row-fluid { margin-bottom:30px } .vm-col { margin:0; padding-bottom:20px } div.product { min-width:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } h2.product-title { font-size:20px } .vm-product-descr-container-1 { height:auto } .product-price { float:none; text-align:left; margin:5px auto; display:inline-block } .vm3pr-4 .product-price { height:auto } .addtocart-bar { position:static } .addtocart-area .product-fields { margin:20px 0 0; text-align:center; text-align:center } .addtocart-area .product-fields th, .addtocart-area .product-fields tr, .addtocart-area .product-fields td { text-align:center } .addtocart-area .product-fields .product-field { float:none; width:auto; margin:0 auto; text-align:left } .vm3pr-2 .addtocart-area { height:auto } .main-image img, .browseProductImage { max-height:none } .vm-product-container .vm-product-media-container { width:40% } .vm-product-details-container { width:60% } .quantity-controls button, .quantity-controls input[type='submit'], .quantity-controls input[type='button'], .quantity-controls submit { padding:0 } .additional-images img { width:auto; margin-right:0; border:1px solid transparent; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } .additional-images .row-fluid, .additional-images .row-fluid:first-child { margin-bottom:9px } .vm-product-details-inner { padding:0 0 0 1.0em } .sharethis { margin:20px 0 } .productdetails-view .addtocart-area, .productdetails-view .manufacturer, .productdetails-view .addtocart-bar { padding:0 } .productdetails-view h1 { margin:0; font-size:22px; font-weight:400; text-transform:uppercase } .productdetails-view .addtocart-area margin: 0 .product-fields { text-align:left } .productdetails-view .spacer-buy-area { width:100% !important; float:none !important; padding:0 } .productdetails-view .product-short-description { margin:0; padding:0 } .productdetails-view .product-description { margin:0 } .productdetails-view .addtocart-bar { margin:1.5em 0 0; padding:0; position:relative; bottom:0; text-align:left } .list_carousel { position:relative } .right.vm-continue-shopping { margin:0; padding-bottom:10px; line-height:30px } .form-list { margin:0 } .form-list li { margin:0 0 8px } .form-list label { display:inline-block; margin-bottom:5px; float:left; color:#666; font-weight:normal; position:relative; z-index:0 } .form-list label.required em, .form-list label.required .star { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right: -8px } .form-list .input-box { display:block; clear:both; width:260px } .form-list .field { float:left; width:275px } .form-list input.inputbox, .form-list select.inputbox { width:254px; padding:2px; height:30px; border:1px solid #ddd; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .form-list input#remember { width:auto !important; height:auto !important; padding:0; margin-left:3px } #userForm h2, .vmshop-cart-account.cart-account-login h2, .vmshop-account.account-login h2, .vmshop-account.account-logout h2 { font-weight:normal; font-size:15px; margin:0 0 14px; padding:0 0 5px 23px; border-bottom:1px solid #f2f2f2; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#444443; display:inline-block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #userForm .new-users h2, .vmshop-cart-account.cart-account-login .new-users h2, .vmshop-account.account-login .new-users h2, .vmshop-account.account-logout .new-users h2 { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/i_page1.gif') no-repeat } #userForm .login-users h2, .vmshop-cart-account.cart-account-login .login-users h2, .vmshop-account.account-login .login-users h2, .vmshop-account.account-logout .login-users h2 { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/i_page2.gif') no-repeat } .control-buttons #reg_text { margin:0 0 15px 0 } #reg_text { width:100%; margin-bottom:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #userForm.edit-form h2 { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/i_page1.gif') no-repeat } .vmshop-account h1.header { font-size:28px; line-height:28px; font-weight:normal; width:100%; overflow:hidden; border-bottom:1px solid #eee; margin:0 0 25px; padding:0 0 10px 0 } .vmshop-account.account-login p, .vmshop-account.account-logout p { color:#888 } .vmshop-account.account-login .content, .vmshop-account.account-logout .content { width:100%; min-height:345px; padding:14px 21px; border:1px solid #f2f2f2; border-bottom:0; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vmshop-account.account-login .buttons-set, .vmshop-account.account-logout .buttons-set { border:1px solid #f2f2f2; margin:0; padding:8px 13px; display:inline-block; width:100%; box-sizing:border-box } .vmshop-account.account-login .buttons-set > a, .vmshop-account.account-logout .buttons-set>a { line-height:31px } .vmshop-account.account-login .buttons-set input, .vmshop-account.account-login .buttons-set .vina-button, .vmshop-account.account-logout .buttons-set input, .vmshop-account.account-logout .buttons-set .vina-button { float:right; display:inline-block; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff; text-transform:uppercase } #form-login input[type='submit'] { background:#222 } textarea.virtuemart { width:80%; min-height:125px } .jshop.account-logout .content { min-height:50px } h1.page-user-title, h2.page-user-title { font-size:20px } #vmPaymentForm input { color:#444; background-color:transparent !important } #adminForm label, #adminForm .chzn-single, #userForm label, #userForm .chzn-single { color:#898989 } .buttons-set { text-align:right } .logout-users form { display:inline-block; border:1px dashed #ccc; padding:20px; margin-bottom:30px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .logout-users form .btn-logout { margin-left:5px } input.btn-login, button.btn-login, button.btn-logout, input.btn-logout { display:inline-block; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff !important; text-transform:uppercase; border:none; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #com-form-login-username input, #com-form-login-password input { height:35px; padding:4px 10px; border:1px solid #f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm button, #checkoutForm input.details-button, #checkoutForm button.details-button, #checkoutForm button.btn-login, #checkoutForm input.btn-login, .cart-view button, .cart-view input.details-button, .cart-view button.details-button, .cart-view button.btn-login, .cart-view input.btn-login, .vmshop-cart-account button, .vmshop-cart-account input.details-button, .vmshop-cart-account button.details-button, .vmshop-cart-account button.btn-login, .vmshop-cart-account input.btn-login { display:inline-block; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff; text-transform:uppercase; border:none; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .cart-view #checkoutForm, .cart-view form, .cart-view #com-form-login { width:100%; float:left; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .cart-view #checkoutForm, .cart-view #com-form-login { margin:0 } .vmshop-cart-account { border:1px dashed #ccc; display:inline-block; margin:0 0 30px 0; padding:20px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vmshop-cart-account input.btn-login { margin-right:15px } .vmshop-cart-account .content #com-form-login-username input, .vmshop-cart-account .content #com-form-login-password input { width:100% } .vmshop-cart-account .new-customer { display:inline-block } .vmshop-cart-account a.link-registration:hover { text-decoration:underline } .vmshop-cart-account .row-fluid { margin-bottom:5px } .vmshop-cart-account #com-form-login-remember input { display:inline-block; float:left } .vmshop-cart-account #com-form-login-remember label { float:left; margin:0 5px 0 0 } #checkoutForm fieldset { width:100%; float:left; margin:0; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm table.cart-summary tbody { border:1px solid #f2f2f2 } #checkoutForm table.cart-summary tr th { background:#e8e8e8 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vmgeneral/backgrounds.png') top repeat-x; border-bottom:solid #E9E8E8 1px; padding:15px 0 8px } #checkoutForm .product-name a { font-size:13px; text-transform:uppercase } #checkoutForm .vm-continue-shopping { width:50%; float:left; padding-bottom:0 } #checkoutForm .billto-shipto { width:100%; float:left; margin:0 0 30px 0 } #checkoutForm .billto-shipto .width50 { border:1px dashed #ccc; float:left; min-height:150px; padding:20px; width:47%; margin:0 0px 0px 6%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm .billto-shipto .width50:first-child { margin-left:0 } #checkoutForm .billto-shipto .width50 .output-shipto a { color:#898989 !important } #checkoutForm .billto-shipto .width50 .output-shipto a:hover { color:#189f2b !important } #checkoutForm .billto-shipto .width50 .output-shipto input { float:left; margin-right:5px } #checkoutForm .billto-shipto h3 { margin:0 0 10px } #checkoutForm .billto-shipto i { color:#fff; display:inline-block; margin-right:5px; font-size:20px; height:40px; line-height:40px; margin-right:5px; text-align:center; width:40px } #checkoutForm .billto-shipto a.details:hover { text-decoration:underline } #checkoutForm .width50 { width:50%; float:left } #checkoutForm .a-center button.icon { font-size:22px; color:#222; padding:0; line-height:30px; margin-left:5px; background:transparent } #checkoutForm .a-center button.icon.vm2-remove_from_cart { margin-left:0px } #checkoutForm .a-center .vir_quantity { display:inline-block } #checkoutForm .a-center .vir_quantity input { float:left } #checkoutForm .a-center .vir_quantity button.icon { font-size:18px; background:transparent } #checkoutForm .vm-fieldset-pricelist { width:100%; margin:0 0 30px 0 } #checkoutForm .cart-summary { width:100% } #checkoutForm .cart-summary tr th { font-weight:normal; border-right:1px solid #f2f2f2; padding:10px; white-space:nowrap; vertical-align:middle; text-align:center; text-transform:capitalize; background:transparent } #checkoutForm .cart-summary .cart-images { width:100%; text-align:center; float:left; padding:20px 10px } #checkoutForm .cart-summary .cart-images img { display:inline-block; float:none; margin:0 auto; max-width:150px; width:auto } #checkoutForm .cart-summary tbody td { border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2; text-align:center } #checkoutForm .cart-summary tbody .vm-price-value { float:none } #checkoutForm .cart-summary tbody .vm-price-value span { font-size:15px } #checkoutForm .cart-summary tbody input.quantity-input { width:auto !important; padding:2px; display:inline-block; border:1px solid #ddd; height:30px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } #checkoutForm .cart-summary tbody .vm2-add_quantity_cart { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #checkoutForm .cart-summary tbody .vm2-remove_from_cart { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #checkoutForm .cart-summary tbody .vm-customfield-cart { text-align:center; line-height:20px; padding:20px 0px } #checkoutForm .cart-summary tbody .vm-customfield-cart span { float:none } #checkoutForm .cart-summary tbody .tb-total { min-height:30px; line-height:30px; text-transform:uppercase; color:#000 } #checkoutForm .cart-summary tbody .tb-total .total-title { padding:15px 20px; background-color:#575757 } #checkoutForm .cart-summary tbody .tb-total .vm-continue-shopping { width:50%; float:left } #checkoutForm .cart-summary tbody .tb-total .vm-continue-shopping .continue_link { float:left; margin:0px; background-color:#fff; color:#000; display:block; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; text-transform:uppercase } #checkoutForm .cart-summary tbody .tb-total .total-block { float:left; width:50%; line-height:35px; padding-right:30px; text-align:right; color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm .cart-summary tbody .tb-total .total-block .title, #checkoutForm .cart-summary tbody .tb-total .total-block .total { display:inline-block } #checkoutForm .cart-summary tfoot { text-align:left } #checkoutForm .cart-summary tfoot a:hover { text-decoration:underline } #checkoutForm .cart-summary tfoot .checkoutStep { font-size:18px; font-weight:600; margin:10px 0 15px } #checkoutForm .cart-summary tfoot .sectiontableentry2 td .tb-tfoot { border:1px dashed #ccc } #checkoutForm .cart-summary tfoot .sectiontableentry1 td .sectiontableentry1-inner { float:left; width:100%; padding:20px; border:1px dashed #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm .cart-summary .tb-tfoot { padding:20px } #checkoutForm .cart-summary .tb-tfoot input { margin:0; height:37px; border:1px solid #f2f2f2 } #checkoutForm .cart-summary .tb-tfoot .details-button input { background-image:none } #checkoutForm .cart-summary .tb-tfoot .coupon { width:300px } #checkoutForm .checkout-button-top { display:inline-block; float:right; text-align:right; border:0; width:100%; padding:20px 40px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm .checkout-button-top button { display:inline-block; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff; text-transform:uppercase; border:none; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #checkoutForm .checkout-button-top button:hover { color:#fff } #checkoutForm .vm-fieldset-customer-note { width:100%; margin:0 0 30px 0; border:1px dashed #ccc; float:left; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm .vm-fieldset-customer-note textarea#customer_note_field { height:120px; margin:20px 0; overflow:auto; width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } #checkoutForm .vm-fieldset-customer-note .vm-fieldset-tos input.terms-of-service { float:left } #checkoutForm .vm-fieldset-customer-note .vm-fieldset-tos span.cart { float:left } #checkoutForm .vm-fieldset-customer-note .vm-fieldset-tos div.terms-of-service { width:100%; float:left } #checkoutForm .vm-fieldset-customer-note .vm-fieldset-tos div.terms-of-service .vmicon { display:none } #checkoutForm .vm-fieldset-customer-note .vm-fieldset-tos div.terms-of-service a:hover { text-decoration:underline } #userForm, #paymentForm, #adminForm { border:1px dashed #ccc; display:inline-block; margin:0px 0 30px; padding:20px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #userForm button, #paymentForm button, #adminForm button { font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff; text-transform:uppercase; border:none; margin:5px; padding:10px 20px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #userForm button:hover, #paymentForm button:hover, #adminForm button:hover { color:#fff } #userForm h3, #paymentForm h3, #adminForm h3 { font-size:16px; color:#333; width:100%; float:left } #userForm .buttonBar-left, #paymentForm .buttonBar-left, #adminForm .buttonBar-left { width:100%; float:left; text-align:left } #user-registration { border:1px dashed #ccc; display:inline-block; margin:0px 0 20px; padding:20px; width:100% } #user-registration input { height:30px; line-height:30px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #ccc; background:none; width:210px } #user-registration input:focus, #user-registration input.invalid { border:1px solid #ccc !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; background:none } #user-registration button { background:#e1e1e1; color:#696969; padding:5px 15px; margin-right:5px; height:auto; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none } #user-registration button:hover { color:#fff } #user-registration .chzn-container-single .chzn-single { height:30px; line-height:30px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #ccc; background:none } #user-registration label.invalid { color:#898989; background:transparent } #user-registration .form-actions { border-top:medium none; margin-top:0; background:none } #tab-1, #tab-2 { width:100%; float:left } .adminlist { width:100%; float:left; margin-top:10px } .adminlist th { width:20% } #adminForm .buttonBar-left { margin:10px 0px } #userForm fieldset .control-buttons, #tab-1 fieldset .control-buttons { text-align:left !important; margin-bottom:10px } #userForm fieldset .control-buttons #reg_text, #tab-1 fieldset .control-buttons #reg_text { margin-bottom:10px } table.user-details input { height:30px; line-height:30px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #ccc; background:none; width:210px } table.user-details input:focus, table.user-details input.invalid { border:1px solid #ccc !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; background:none } table.user-details .chzn-container-single .chzn-single { height:30px; line-height:30px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #ccc; background:none } table.user-details label.invalid { color:#898989; background:transparent } ul.nav { margin:0px 0 30px } ul.nav-tabs.nav-stacked>li:first-child>a, ul.nav-tabs.nav-stacked>li:last-child>a { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important } div.login { border:1px dashed #ccc; display:inline-block; margin:0px 0 30px; padding:20px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } div.login form { margin:0; padding:0; background-color:transparent; border:0px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } div.login input { height:30px; line-height:30px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:1px solid #ccc; background:none; width:210px } div.login input:focus, div.login input.invalid { border:1px solid #ccc !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; background:none } div.login input#remember { width:auto; height:auto } div.login button { font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; text-transform:uppercase; color:#fff; padding:10px 20px; margin-right:5px; height:auto; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none } div.login button:hover { color:#fff } div.login a:hover { text-decoration:underline } div.logout { border:1px dashed #ccc; display:inline-block; margin:0px 0 20px; padding:20px; width:100% } div.logout .form-horizontal { margin:0 } div.logout .form-horizontal .control-group { margin:0 } div.logout .form-horizontal .controls { margin-left:0px } div.profile .btn-toolbar { width:100%; float:left } div.profile .btn-toolbar a.btn { background:#e1e1e1; color:#696969; padding:5px 15px; margin-right:5px; height:auto; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none } div.profile .btn-toolbar a.btn:hover { color:#fff } div.profile fieldset { float:left } div.profile .dl-horizontal dd { float:left } .icon-database:before { content:"\f1c0" } .icon-send:before { content:"\f1d8" } .icon-refresh:before { content:"\f021" } .icon-remove:before { content:"\f00d" } .icon-trash:before { content:"\f1f8" } .icon-trash-o:before { content:"\f014" } .zoomContainer .zoomLens { border:1px solid #555 !important } .zoomContainer .zoomWindowContainer>div { border:2px solid #ccc !important } .link-share { padding:10px 0; overflow:hidden; border-top:1px dashed #ebebeb; border-bottom:1px dashed #ebebeb; margin-top:26px } div[id^="vina-copyright"] { font-size:12px !important; height:0px !important; overflow:hidden !important } .center { text-align:center } .center th, .center tr, .center td { text-align:center } .container { padding-right:15px; padding-left:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .no-padding .container { padding-right:0px; padding-left:0px } .row-fluid:first-child { margin-bottom:0 } ul, ol { padding:0; margin:0; list-style-type:none } ul:focus, li:focus, a:focus { outline:none; text-decoration:none } a { text-decoration:none } select:focus, .btn:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:0px } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color:transparent; background-color:#edf7fd; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { padding:3px 10px; height:35px } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .btn-primary, button, input[type='submit'], input[type='button'], submit { text-shadow:0 0 0 transparent; background-image:none; border:1px solid #f2f2f2; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } input, select, textarea, button, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font:13px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#888; background:#fff } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline:0px !important } button.active, button:active, input[type='submit'].active, input[type='submit']:active, input[type='button'].active, input[type='button']:active, submit.active, submit:active { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important } input.input-text, select, textarea { border:1px solid #ddd; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px } input, select, textarea, button { font:13px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#888; background:#fff } .nav>li>a:hover, .nav>li>a:focus { background-color:transparent } h3 { font-size:15px; font-weight:normal } .tab-content { overflow:visible } .no-padding .tab ul.nav { margin-left:15px; margin-right:15px } .banner-home { margin-bottom:0px; padding-bottom:40px } .banner-home p { margin-bottom:0 } .vina-banner .box-col img, .banner-home .box-col img { width:100% } .images_static img { width:100% } .tooltip-inner { max-width:200px; padding:5px 8px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px } .virtuemart_search .button { background-color:#222 } .search .search-results dt, .search .search-results dd { display:block !important } .search .search-results .result-title { margin-top:10px } .search .search-results .result-title a { font-size:15px; font-weight:600 } #searchForm .btn-group .btn { padding:7px 25px; display:inline-block; text-shadow:0 0 0 transparent; background-color:#222; background-image:none; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #searchForm .btn-group .btn:hover { color:#fff !important } body { font:13px/20px Open Sans, Arial, Helvetica, sans-serif; line-height:20px } .menu-home #sp-main-body-wrapper, .menu-home-2 #sp-main-body-wrapper { display:none } .menu-home-3 #sp-component-area-wrapper, .menu-home-4 #sp-component-area-wrapper { display:none } #sp-top-wrapper { line-height:33px; background-color:#323a45; color:#fff } #sp-top-wrapper a { color:#fff } /*#header { padding:32px 0 }*/ #header .logo-wrapper .logo { background-position:0 50%; background-repeat:no-repeat } #header .logo-wrapper .logo-text { font-size:24px } #header .logo-wrapper .logo-slogan { font-size:11px } #sp-header-block { padding:5px 0 } .header-block-static .box-col-inner { cursor:pointer } .box-col-inner .pull-left { width:44px; height:44px; text-align:center; line-height:44px; font-size:18px; margin-right:10px; border:1px solid #121212; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s } .box-col-inner .pull-left .shapes:before { padding-left:3px } .box-col-inner .media-body { text-align:left; font-size:11px } .box-col-inner .media-body h3 { font-size:14px; text-transform:uppercase; margin:0; line-height:20px; color:#000; } .box-col-inner:hover .pull-left { color:#fff } #sp-mini-cart { padding:5px 0 } .block-mini-cart { float:right; position:relative; display:inline-block; font-size:11px; line-height:1.25; z-index:500; cursor:pointer } .block-mini-cart h3.header { font-size:14px; text-transform:uppercase; margin:0; line-height:20px; color:#000; font-style:normal } .block-mini-cart .icon-cart { display:inline-block; width:44px; height:44px; text-align:center; line-height:44px; font-size:18px; margin-right:10px !important; border:1px solid #121212; border-radius:100% } .block-mini-cart .mini-cart { display:inline-block } .block-mini-cart .mini-cart .mini-cart-title { position:relative } .block-mini-cart .mini-cart .mini-cart-title .total_products { text-transform:none; display:block; font-size:12px; line-height:20px } .block-mini-cart .mini-cart .mini-cart-content { display:none; width:273px; position:absolute; top:100%; right:0; font-size:13px; background:#fff; padding:10px 15px; text-align:left; border:1px solid #eee; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14); -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14); box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14) } .block-mini-cart .mini-cart .mini-cart-content .total { margin:15px 0 0; font-size:14px; text-transform:uppercase; font-weight:normal; clear:both; border-top:1px solid #eee; padding-top:10px } .block-mini-cart .mini-cart .mini-cart-content .total strong { float:right } .block-mini-cart .mini-cart .mini-cart-content .show_cart { margin:15px 0; text-align:center; display:inline-block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .block-mini-cart .mini-cart .mini-cart-content .show_cart a { width:100%; display:block; padding:15px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff; text-transform:uppercase; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .block-mini-cart:hover .icon-cart { color:#fff } .close-menu { padding:8px 10px 5px; line-height:26px; font-size:16px; text-transform:uppercase; color:#fff; margin:0 } #sp-main-menu li.link_home li:not(.sp-menu-group) a { background-image:none !important; text-align:center; text-align:center } #sp-main-menu li.link_home li:not(.sp-menu-group) a th, #sp-main-menu li.link_home li:not(.sp-menu-group) a tr, #sp-main-menu li.link_home li:not(.sp-menu-group) a td { text-align:center } #sp-main-menu li.link_home li:not(.sp-menu-group) a:hover .menu-image { -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9) } #sp-main-menu li.link_home .sp-submenu .megacol .sp-menu .menu-item span.menu .menu-image { -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } /*#sp-main-menu-wrapper { background-color:#323a45 } */ #sp-main-menu-wrapper.nav-container-fix { z-index:9999; } #sp-main-menu-wrapper.nav-container-fix .container { background-color:transparent !important } #sp-main-menu-wrapper #main-menu .span9{ width: auto;} #sp-main-menu-wrapper #main-menu { margin: 0 0 0 27px; visibility:visible !important } #sp-main-menu .vina-cmenu-vmart { background-color:transparent !important } #sp-main-menu .vina-cmenu-vmart>ul { background-color:transparent !important } #sp-main-menu .vina-cmenu-vmart > ul > li.active > a, #sp-main-menu .vina-cmenu-vmart>ul>li:hover>a { background-color:transparent !important } #sp-main-menu div.sp-menu-group .sp-menu-group-content .module { padding:0 !important } .menu-item.image-menu a { background-image:none !important } .menu-item.image-menu a img:hover { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:0.8; filter:alpha(opacity=80) } #sp-search { padding:8px 0 } .visiable-gallery { animation-name:none !important } #main-body { padding-top:35px } #sp-component { padding-bottom:40px } .browse-view { display:inline-block; width:100%; box-sizing:border-box; margin:0 } #sp-feature-wrapper #feature { padding:30px 0 0 } .vina-camera-slider-wrapper .vina-camera-slider .camera_caption>div { padding:15px 20px; background-color:transparent } .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap { margin-bottom:40px !important } .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li { width:8px; height:8px; margin:20px 5px; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li>span { position:absolute; top:0; left:0; width:8px; height:8px; overflow:hidden; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px } .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li:hover > span, .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span { top: -1px; left: -1px; width:10px; height:10px; background-color:#fff } .vina-camera-slider-wrapper .camera_caption .content-slideshow h2.title { font-size:30px; text-transform:capitalize; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, 0.1) } .vina-camera-slider-wrapper .camera_caption .content-slideshow .intro { font-size:13px; text-align:left; color:#fff; font-weight:normal; text-shadow:1px 1px rgba(0, 0, 0, 0.1); min-height:30px; margin-bottom:10px } .vina-camera-slider-wrapper .camera_caption .content-slideshow a.btn-buy { font-size:13px; color:#fff; padding:10px 20px; display:inline-block; white-space:nowrap; text-transform:uppercase; line-height:20px; text-align:center; border:1px solid #fff } .camera_pag { position:absolute; bottom:0; left:0; right:0 } .module.mode_slider_home2 .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li { width:13px; height:13px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/sequence.png') no-repeat } .module.mode_slider_home2 .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li>span { top: -3px; left: -3px; width:19px; height:19px; background-color:transparent } .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow h2.title { font-size:50px } .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow h3.subtitle { font-size:60px } .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow .intro { font-size:14px } .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow a.btn-buy { font-size:14px; border:1px solid #fff !important; background-color:#000 } .box-col { position:relative; text-align:center; overflow:hidden } .box-col:hover .overlay { height:100% } .overlay { display:block; position:absolute; z-index:20; background:rgba(0, 0, 0, 0.68); overflow:hidden; top:0; left:0; right:0; width:100%; height:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s } a.expand { left:0; right:0; top:50%; margin: -30px auto 0 auto; display:block; position:absolute; z-index:100; width:60px; height:60px; border:solid 5px #fff; text-align:center; color:#fff !important; line-height:50px; font-weight:700; font-size:30px; text-decoration:none; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vina-banner.banner-top-right .box-col-2 { margin:30px 0 0; position:relative } #users { padding:30px 0 0 } ul.breadcrumb { padding:0; background:transparent } .breadcrumb { margin:0 0 20px; font-size:18px; text-transform:uppercase; } .breadcrumb>li { text-shadow:0 0 0 #fff } .breadcrumb>li>.divider { display:inline-block; padding:0 10px; text-indent: -99999px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/breadcrumbs.png') no-repeat 50% 4px } .vina-carousel-content .item { margin:0 15px 40px; border:1px solid #eee; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vina-carousel-content .item .text-block { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vina-carousel-content .item .text-block h3.title { text-transform:uppercase; font:12px/20px Open Sans, tahoma, Arial; font-weight:bold; font-weight:700 } .vina-carousel-content .item .text-block h3.title a { color:#444 !important } .vina-carousel-content .item .text-block div.blog-time { margin:5px 0; font-size:11px; color:#757474 } .vina-carousel-content .item .text-block div.blog-time span { margin:0 5px 0 0; padding:0 } .vina-carousel-content .item .text-block .introtext { color:#444 } .vina-carousel-content .item .text-block span.readmore { font-size:11px; display:inline-block; padding-top:0 } #our-brands { padding:25px 0 22px 0; border:1px solid #CCC; margin-bottom:35px } .vina-manufacturers-virtuemart { background-color:#f1f1f1; min-height:100px; padding:10px 0; overflow:visible !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } ul.link-follow { margin:0; display:inline-block; width:100% } ul.link-follow li { float:left; margin-right:15px; margin-top:5px } ul.link-follow li a { position:relative; display:block; height:40px; line-height:40px; width:40px; text-align:center; color:#444; font-size:16px; padding:0; background-color:#f5f5f5; overflow:hidden; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100% } ul.link-follow li a:before { width:40px; line-height:40px } .link-follow-content .tweet-content .twitter-article { margin-bottom:20px } .link-follow-content .tweet-content .twitter-article:last-child { margin-bottom:15px } .link-follow-content .tweet-content .twitter-pic { float:left; display:inline-block; margin-right:10px; min-height:50px } #sp-link-follow-wrapper { background-color:#f1f1f1 } #link-follow { padding:25px 0 } #link-follow h3.header span { background-color:#f1f1f1 } .module.custom_link_follow3 { margin:0 } .custom .link-follow-content { background-color:#fff } .custom .link-follow-content p.about { background-color:#fff; margin:0; padding:10px 15px } .custom .link-follow-content ul.link-follow { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 15px 15px 15px } .custom .link-follow-content #twitter-feed { padding:14px; line-height:21px } .custom.custom_link_follow3 .box-shipping, .custom.custom_link_follow3 .box-order { margin:25px 0 0; padding:24px 23px; background-color:#fff } .custom.custom_link_follow3 .box-shipping .media-body h3, .custom.custom_link_follow3 .box-order .media-body h3 { font-size:14px; text-transform:uppercase; margin:0; line-height:20px; color:#000; font-weight:700 } .custom.custom_link_follow3 .box-shipping > p, .custom.custom_link_follow3 .box-order>p { margin:0 } .acymailing_module form { background-color:#fff; margin:0; padding:15px; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .acymailing_module form .acymailing_form { width:100%; background-color:#f5f5f5; overflow:hidden; margin:10px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .acymailing_module form table tbody > tr td { padding-bottom:0px } .acyfield_email { font-size:11px; line-height:1.25 } .acyfield_email input { display:block; height:auto; margin:0; padding:11px 10px; line-height:1.25; color:#333; border:none; background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .acyfield_email input:focus { outline:0 !important; border:0px !important; background-color:transparent !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important } .acysubbuttons { float:right } .acysubbuttons input.subbutton { display:block; padding:12px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; background:#222; color:#fff; text-transform:uppercase; text-shadow:0 0px 0 rgba(0, 0, 0, 0.25); background-image:none; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px } #sp-link-follow-wrapper h3.header, #sp-bottom-wrapper h3.header { font-size:18px; text-transform:uppercase; margin-bottom:20px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/background-title.png') repeat-x center 50% } #sp-link-follow-wrapper h3.header span, #sp-bottom-wrapper h3.header span { margin:0; display:inline-block; padding-right:30px } #bottom { padding:60px 0 } #bottom h3.header span { background-color:#fff } #bottom ul { margin:0 } #bottom ul li { line-height:35px; text-transform:capitalize } #sp-footer-wrapper { background-color:#f0f2f3 } #footer { padding:12px 0 } #footer .copyright a:hover { text-decoration:underline } #footer ul li { display:inline-block; margin-left:10px; font-size:12px } #footer ul li a { color:#999 } #footer .row-fluid.animated { -webkit-animation-duration:0s; animation-duration:0s } #sp-footer-wrapper #sp-footer2 { line-height:30px } #sp-footer-wrapper ul { display:inline-block } #sp-footer-wrapper ul.nav { display:inline-block; list-style:none; padding:0; margin:0 5px } #sp-footer-wrapper ul.nav li { display:inline-block; margin:0 5px } #sp-footer-wrapper ul.nav li a { display:block } #sp-footer-wrapper ul.nav li a:hover { background:none } #sp-footer-wrapper .helix-framework { display:inline-block } #sp-footer-wrapper .helix-framework .helix-logo { display:block; width:130px; height:40px; text-indent: -9999px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/helix-logo-white.png') no-repeat 0 0 } #sp-footer-wrapper .sp-totop { position:fixed; bottom:20px; right:10px; text-align:center; width:40px; height:40px; background:#7f7f7f; z-index:9999; text-decoration:none; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px } #sp-footer-wrapper .sp-totop i { display:block; color:#fff; font-size:25px; font-weight:bold; line-height:40px; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; transition:1s } #sp-footer-wrapper .sp-totop i:before { content:"\f106" } #sp-footer-wrapper .sp-totop small { display:none } #sp-footer-wrapper .copyright { line-height:30px; display:block } .vmmanufacturer li { margin-bottom:10px } .vmmanufacturer li img { max-width:100px } .vmmanufacturer li div, .vmmanufacturer li img { display:inline-block } .vina-ticker-virtuemart { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vina-ticker-virtuemart .vina-items { left:0; right:0 } .style-layout3 #sp-left .module.mod_treeview_vm3 h3.header, .style-layout3 #sp-right .module.mod_treeview_vm3 h3.header, .style-layout4 #sp-left .module.mod_treeview_vm3 h3.header, .style-layout4 #sp-right .module.mod_treeview_vm3 h3.header { background:#323a45 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/bg_category.png') no-repeat 20px 48% !important } #sp-left .vina-carousel-virtuemart, #sp-right .vina-carousel-virtuemart { background-color:#fff !important } #sp-left .banner-home, #sp-right .banner-home { margin:0 } #sp-left .module, #sp-right .module { line-height:1.25; margin:0 0 17px } #sp-left .module .mod-wrapper, #sp-right .module .mod-wrapper { border:1px dashed #ebebeb; border-top:none } #sp-left .module a, #sp-right .module a { -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; transition:background 0.3s, color 0.2s } #sp-left .module.mod_filter h3.header:before, #sp-right .module.mod_filter h3.header:before { content:"\f0b0"; font-weight:normal; margin-left: -15px; margin-right:10px } #sp-left .module.mod_filter .mod-content, #sp-right .module.mod_filter .mod-content { padding:0 } #sp-left .module.mod_filter .cf_wrapper_inner, #sp-left .module.mod_filter .cf_resetAll_link, #sp-right .module.mod_filter .cf_wrapper_inner, #sp-right .module.mod_filter .cf_resetAll_link { padding:10px 10px 5px 30px } #sp-left .module.mod_filter .cf_resetAll_link, #sp-right .module.mod_filter .cf_resetAll_link { text-decoration:underline } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal { text-align:left; padding:10px 0 } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal label[for^="price_263_0"], #sp-right .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal label[for^="price_263_0"] { display:none !important } #sp-left .module .cf_wrapp_all .cf_flt_header, #sp-right .module .cf_wrapp_all .cf_flt_header { background-color:#f1f1f1; padding:10px 10px 10px 30px; font-size:14px; text-transform:uppercase; font-weight:normal; margin:0 0 0px 0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filters_list li .cf_sel_opt, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filters_list li .cf_sel_opt { font-weight:normal } #sp-left .module .cf_wrapp_all .cf_wrapper_inner input.cf_smart_search, #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_wrapper_input_text, #sp-left .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal, #sp-right .module .cf_wrapp_all .cf_wrapper_inner input.cf_smart_search, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_wrapper_input_text, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal label, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .form-horizontal label { margin:0 5px 0 10px } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal input[type="search"], #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal input[type="search"] { height:35px !important } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter { background-color:#909090 } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_filtering_slider_gutter_item, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_filtering_slider_gutter_item { width:148px } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper { height:4px !important; background-color:#909090 } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper .cf_filtering_knob, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper .cf_filtering_knob { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/bg-layered-nav.png') center 0px no-repeat } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper .cf_filtering_knob.cf_filtering_knob_from, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper .cf_filtering_knob.cf_filtering_knob_from { bottom:5px !important } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper .cf_filtering_knob.cf_filtering_knob_to, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .knob_wrapper .cf_filtering_knob.cf_filtering_knob_to { bottom:35px !important } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_filtering_slider_gutter_item, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_filtering_slider_gutter_item { height:4px !important } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .slider_bkg_img, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .slider_bkg_img { position:absolute; height:4px; margin:0px; width:148px; background-color:#909090 } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_r, #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_l, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_r, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_l { display:none } #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .slider_bkg_img, #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_r, #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_l, #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_m, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .slider_bkg_img, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_r, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_l, #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_m { background-image:none !important } #sp-left .module.mod_treeview_vm3 h3.header, #sp-right .module.mod_treeview_vm3 h3.header { padding:10px 10px 10px 45px; background:#323a45 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/bg_category.png') no-repeat 15px 48% !important } #sp-left .module .mod-content, #sp-right .module .mod-content { padding:20px 18px 20px 18px } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li > .hitarea, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li>.hitarea { min-height:40px; float:right; margin-left:0; margin-right:20px; background-position:50% 16px } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li > a, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li>a { text-decoration:none; display:block; line-height:40px; padding:0px 10px 0 30px; font-size:14px; text-transform:capitalize; color:#666 } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li > a.hover, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li>a.hover { color:#323a45 !important } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li:last-child, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li:last-child { border-bottom:0 } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li ul.sub-menu li, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li ul.sub-menu li { padding:0 15px 0 30px } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li ul.sub-menu li.collapsable > .hitarea, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li ul.sub-menu li.collapsable>.hitarea { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/qty-decrease.png') no-repeat 50% 19px } #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0>li { padding:0 } #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li > .hitarea, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0>li>.hitarea { min-height:40px; float:right; margin-left:0; margin-right:20px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vermenu_down.png') no-repeat 95% 50% } #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li > a, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0>li>a { border-bottom:1px solid #ededed; border-left:2px solid transparent } #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li:hover > a, #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li.collapsable > a, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0 > li:hover > a, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0>li.collapsable>a { border-left-color:#323a45 !important; background-color:#f8f8f8 } #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li.collapsable > .hitarea, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0>li.collapsable>.hitarea { background-image:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/vermenu_up.png') } #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li ul.sub-menu, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0 > li ul.sub-menu { background-color:transparent } #sp-left .module .mod-content div.vina-treeview-virtuemart ul.level0 > li ul.sub-menu li, #sp-right .module .mod-content div.vina-treeview-virtuemart ul.level0 > li ul.sub-menu li { background-image:none; background-color:transparent; border-left:2px solid transparent } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview { position:relative; margin-top:0px } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview .hitarea, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview .hitarea { position:absolute; z-index:1; right:0; height:auto; min-height:25px; width:25px; float:left; margin-left:0px; cursor:pointer; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/qty-increase.png') no-repeat 50% 11px } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li { background-image:none; font-size:13px; line-height:29px; color:#888; padding:0 15px } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li a, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li a { display:block } #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li ul.sub-menu li, #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li ul.sub-menu li { padding:0 15px } #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > a, #sp-right .module .mod-content div.vina-treeview-virtuemart>ul>li>ul>li>a { margin-left:0px; font-size:14px; text-transform:capitalize; position:relative } #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > a:before, #sp-right .module .mod-content div.vina-treeview-virtuemart>ul>li>ul>li>a:before { content:"\f105"; position:absolute; width:8px; height:8px; left:5px; top:50%; margin-top: -4px; font-weight:bold; line-height:8px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s } #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > a:hover:before, #sp-right .module .mod-content div.vina-treeview-virtuemart>ul>li>ul>li>a:hover:before { left:10px } #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a, #sp-right .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a { margin-left:0px; font-size:14px; text-transform:capitalize; position:relative } #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a:before, #sp-right .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a:before { content:"\f101"; position:absolute; width:8px; height:8px; left:5px; top:50%; margin-top: -4px; line-height:8px; font-weight:normal; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s } #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a:hover:before, #sp-right .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a:hover:before { left:10px } #sp-left .module .mod-content ul.vmmanufacturer li, #sp-right .module .mod-content ul.vmmanufacturer li { line-height:29px; color:#888; padding:0 15px; margin-bottom:0; /*background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/black-dot1.png') no-repeat 0 12px*/ } #sp-left .module .mod-content .tagspopular ul, #sp-right .module .mod-content .tagspopular ul { background:none; border:0; font-size:12px } #sp-left .module .mod-content .tagspopular ul li, #sp-right .module .mod-content .tagspopular ul li { display:inline; margin:0 6px 0 0; line-height:1.25 } #sp-left .module .mod-content .tagspopular ul li a, #sp-right .module .mod-content .tagspopular ul li a { font-size:12px !important; display:inline-block; padding:4px 6px; margin:0 0 7px; border:1px solid #ddd; text-transform:capitalize } #sp-left .module .mod-content .vina-ticker-virtuemart, #sp-right .module .mod-content .vina-ticker-virtuemart { position:relative } #sp-left .module .mod-content .vina-ticker-virtuemart .header-block, #sp-right .module .mod-content .vina-ticker-virtuemart .header-block { position:absolute; top: -48px; right:0 } #sp-left .module .mod-content .vina-ticker-virtuemart .header-block .control-block span, #sp-right .module .mod-content .vina-ticker-virtuemart .header-block .control-block span { width:10px; height:15px; background-size:10px } #sp-left .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.up, #sp-right .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.up { right:30px } #sp-left .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle, #sp-left .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle.et-run, #sp-right .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle, #sp-right .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle.et-run { height:12px; top:2px } #sp-left .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle, #sp-right .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle { right:13px } #sp-left .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle.et-run, #sp-right .module .mod-content .vina-ticker-virtuemart .header-block .control-block span.toggle.et-run { right:15px } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item { width:100% !important; padding:0 0 25px 0 !important; border-bottom:0 !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item a, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item a { color:#444 !important } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .products-images, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .products-images { display:block; padding:3px; margin-right:10px; margin-bottom:0px; border:1px solid #ddd; background-color:#f1f1f1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .text-block, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .text-block { min-height:90px; text-align:left } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-price, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-price { font-size:15px; line-height:20px } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-price .vm-display span, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-price .vm-display span { font-size:15px } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-rating, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-rating { margin:4px 0 0 } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-rating div, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .text-block .product-rating div { display:inline-block } #sp-left .module .mod-content .vina-ticker-virtuemart h3.product-title, #sp-right .module .mod-content .vina-ticker-virtuemart h3.product-title { margin:0 0 10px; text-align:left } #sp-left .module .mod-content .vina-ticker-virtuemart h3.product-title a, #sp-right .module .mod-content .vina-ticker-virtuemart h3.product-title a { font-size:14px; } #sp-left .module.mod_treeview_vm3 .mod-content, #sp-right .module.mod_treeview_vm3 .mod-content { padding:0 } #sp-left .module.mod_bestseller .mod-content, #sp-right .module.mod_bestseller .mod-content { padding:20px 10px 10px 30px } .vina-prev, .vina-next { text-indent: -9999px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out } .vina-carousel-virtuemart, .vina-carousel-content { overflow:visible !important } .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls, .vina-carousel-content.owl-theme .owl-controls, #vina_related_product .buttons { display:inline-block; position:absolute; top: -70px; right:15px; margin-top:0px } .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, .vina-carousel-virtuemart.owl-theme .owl-controls .owl-next, .vina-carousel-content.owl-theme .owl-controls .owl-prev, .vina-carousel-content.owl-theme .owl-controls .owl-next, #vina_related_product .buttons a#prev_FredSel, #vina_related_product .buttons a#next_FredSel { width:45px; height:45px; text-indent: -9999px; border:1px solid #eee; display:inline-block; margin:0; padding:0px; font-size:13px; background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; opacity:1; filter:alpha(opacity=100); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out } .vina-carousel-content.owl-theme .owl-controls .owl-prev, .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, #vina_related_product .buttons a#prev_FredSel { margin-right:1px } .module .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-prev, .module .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-next, .module .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-prev, .module .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-next { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/btn-slider.png') no-repeat } .module .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-next, .module .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-next { background-position:100% 0 } .module.mod-style1 .tab-content .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-prev, .module.mod-style1 .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-prev, #vina_related_product .list_carousel .buttons a#prev_FredSel { background-position:0 0 } .module.mod-style1 .tab-content .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-prev:hover, .module.mod-style1 .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-prev:hover, #vina_related_product .list_carousel .buttons a#prev_FredSel:hover { background-position:0 100% } .module.mod-style1 .tab-content .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-next:hover, .module.mod-style1 .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-next:hover, #vina_related_product .list_carousel .buttons a#next_FredSel:hover { background-position:100% 100% } .module .tab .tab-content { margin-bottom:0px } .module .tab ul.nav-tabs { overflow:hidden; margin-bottom:25px } .module .tab ul.nav-tabs li { margin-bottom:0 } .module .tab ul.nav-tabs li a { text-transform:uppercase; display:block; margin:0; border:0; cursor:pointer; color:#fff; font-size:18px; float:left; margin-right:1px; line-height:1.35; background-color:#000; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .module .tab ul.nav-tabs li:hover a, .module .tab ul.nav-tabs li.active a { color:#fff } .module.mod-style1 ul.nav-tabs { border:1px dashed #ebebeb; border-bottom:1px dashed #ebebeb } .module.mod-style1 ul.nav-tabs li a { padding:10px 20px 9px; color:#9a9a9a; background-color:#fff } .module.mod_latest_blog h3.vina-header { margin-left:15px; margin-right:15px } .module h3.vina-header { overflow:hidden; border:1px dashed #ebebeb; margin-bottom:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .module h3.vina-header span { display:inline-block; color:#fff; font-size:18px; text-transform:uppercase; margin:0; padding:10px 20px 9px } .module .mod-vina-content .vina-manufacturers-virtuemart .vina-prev, .module .mod-vina-content .vina-manufacturers-virtuemart .vina-next { top: -70px; width:45px; height:45px; right:0; border:1px solid #eee } .module .mod-vina-content .vina-manufacturers-virtuemart .vina-prev { right:46px; background-position:0 0 } .module .mod-vina-content .vina-manufacturers-virtuemart .vina-prev:hover { background-position:0 100% } .module .mod-vina-content .vina-manufacturers-virtuemart .vina-next:hover { background-position:100% 100% } .module.custom_category_image p { margin:0 } .module.mod_currency h3.header, .module.custom_language h3.header, .module.mod_top_menu ul li a { font-size:12px; display:inline-block; margin-bottom:0 } .module.mod_top_menu ul li a { line-height:30px } .module.mod_currency { margin-right:10px } .module.mod_currency, .module.custom_language { float:left; margin-top:0 } .module.mod_currency h3.header, .module.custom_language h3.header { font:12px/20px Open Sans, Arial, Helvetica, sans-serif; line-height:32px; display:inline-block } .module.mod_currency .mod-content, .module.custom_language .mod-content { display:inline-block } .module.mod_currency form.cur_box, .module.custom_language form.cur_box { margin:0; height:33px } .module.mod_currency form.cur_box select, .module.custom_language form.cur_box select { font-size:11px; width:auto; margin:0; padding:4px 2px; border:0px; background-color:transparent; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px } .module.custom_language a img { margin-right:3px } .module.custom_language .btn { font-size:12px; line-height:20px; color:#333; padding:4px; text-shadow:0 0 0 transparent; background-color:transparent; background-image:none; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .module.custom_language .btn .caret { margin-left:10px; border-top:4px solid #fff } .module.custom_language .btn-group.open .btn.dropdown-toggle { background-color:transparent } .module.custom_language .dropdown-menu { margin:0; border:0; background-color:#2c2c2c; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .module.custom_language .dropdown-menu>li>a:hover, .module.custom_language .dropdown-menu>li>a:focus, .module.custom_language .dropdown-submenu:hover>a, .module.custom_language .dropdown-submenu:focus>a { background-color:transparent; background-image:none } .module.custom_language ul.dropdown-menu { padding:0 } .module.custom_language ul li { line-height:32px; font-size:12px; cursor:pointer; padding:0 15px } .module.custom_language ul li a { padding:10px 0; line-height:19px; border-bottom:1px solid #424242 } .module.mod_top_menu ul { float:right; display:inline-block; margin-bottom:0px; margin-right: -10px } .module.mod_top_menu ul li { display:inline-block; padding-right:10px } .module.mod_top_menu ul li.last { padding-right:0px } .module.mod_search_product form, .module.mod_search_product #mod_virtuemart_search { display:inline-block; margin-bottom:0px } .module.mod_search_product form, .module.mod_search_product .search { width:100% } .module.mod_search_product .search { display:inline-block } .module.mod_search_product input, .module.mod_search_product .btn_search { border:0; background-image:none; background-color:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .module.mod_search_product input#mod_virtuemart_search { width:80%; height:34px; padding:4px 10px } .module.mod_search_product .btn_search { width:20%; text-align:center; font-size:18px; color:#000; padding:5px 14px; height:34px } .module.custom_link_follow3 .custom-content .shapes, .module.custom_contact_us .custom-content .shapes { width:42px; height:42px; line-height:42px; text-align:center; float:left; color:#fff; font-size:20px; padding-left:5px; margin-right:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .module.custom_link_follow3 .custom-content .media-body, .module.custom_contact_us .custom-content .media-body { min-height:45px } .module.custom_link_follow3 .custom-content .media-body p, .module.custom_contact_us .custom-content .media-body p { margin:0; line-height:22px } .module.custom_contact_us .custom-content ul li { margin-bottom:18px } .module.mod_opening_time p.payment { margin:20px 0 0 } .vina-carousel-virtuemart .addtocart { float:none } .vina-carousel-virtuemart .item { margin:0 15px 40px !important } .vina-carousel-virtuemart .item.product { position:relative; border:1px solid #f5f1f1; padding:0 10px 40px !important; overflow:hidden; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important } .vina-carousel-virtuemart .item.product .text-block { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vina-carousel-virtuemart .item.product .product-price { margin:5px 0; font-size:13px; line-height:20px } .vina-carousel-virtuemart .item.product .product-price .PricebasePriceWithTax { margin-right:4px } .vina-carousel-virtuemart .item.product .product-price .vm-nodisplay, .vina-carousel-virtuemart .item.product .product-price .PricebasePriceWithTax, .vina-carousel-virtuemart .item.product .product-price .PricesalesPriceWithDiscount, .vina-carousel-virtuemart .item.product .product-price .price-crossed { display:inline-block } .vina-carousel-virtuemart .item.product .button-group.actions { height:80px !important; display:inline-block } .vina-carousel-virtuemart .item a { color:#444 !important } .vina-carousel-virtuemart .item h3.product-title { font-size:20px; text-align:center; font-weight:bold; margin:0 0 5px } .vm-prices-block { margin-top:10px } .product-price .vm-display { display:inline-block } .product-price .vm-display span.PricebasePrice { color:#888; font-size:14px; line-height:15px; display:inline-block } .product-price .vm-display span.PricesalesPrice { font-size:22px } .product-price .price-crossed .PricebasePriceWithTax { margin-right:4px } .product-price .PricesalesPriceWithDiscount, .product-price .price-crossed { display:inline-block } .product-price .PricesalesPriceWithDiscount span, .product-price .price-crossed span { color:#888; font-size:14px; line-height:15px; display:inline-block } .product h2.product-title a, .product h3.product-title a { font-size:14px; font-weight:normal; text-transform:uppercase } .product .product-status .status-new, .product .product-status .status-sale { width:67px; height:31px; position:absolute; z-index:1; left:0; top:18px; text-align:left; color:#fff; font-size:18px; letter-spacing:2px; padding:7px 5px 5px 18px } .product .product-status .status-sale { } .product .product-status .status-new { } .product .actions { position:absolute; left:0; right:0; bottom: -50%; width:100%; padding:10px; height:80px; background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out } .product .actions .vm-addtocart-button { float:left; display:inline-block; width:45%; margin:10px 0 0 } .product .actions .vm-addtocart-button .addtocart-area form { margin-bottom:0 } .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button { float:left; width:100%; margin:0 } .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { width:100%; background:none; height:35px; padding:9px 5px; text-shadow:0 0 0 transparent; text-transform:uppercase; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span input { font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif } .product .actions .vm-details-button { float:right; width:45% } .product .actions .vm-details-button a { font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:10px 0 0; padding:9px 0 } .product:hover .actions { bottom:0 } .vm-product-rating-container { font-size:11px; line-height:1.25 } .vm-product-rating-container .ratingbox { display:inline-block } .vm-product-rating-container .amount { vertical-align:text-top; display:inline-block; height:14px } .vm-product-rating-container .amount a { color:#444 !important; text-decoration:none } .browse-view .quantity-box, .browse-view .quantity-controls, .featured-view .quantity-box, .featured-view .quantity-controls, .latest-view .quantity-box, .latest-view .quantity-controls, .topten-view .quantity-box, .topten-view .quantity-controls { display:none } .orderby-displaynumber { float:left; display:inline-block; width:100%; margin:0 0 30px; position:relative; padding:10px 15px; border:1px dashed #ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .display-number { line-height:22px; vertical-align:middle } .display-number select { padding:1px 5px; margin:0 5px; vertical-align:inherit; text-align:center; background:none } .orderlistcontainer { position:relative } .orderlistcontainer .orderlist { right:0 } .orderlistcontainer div.activeOrder { border:1px solid #ddd; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; padding:2px 24px 1px 12px } .orderlistcontainer>div { display:inline-block } .orderlistcontainer .title { margin-right:5px } .vm-pagination { line-height:25px } .vm-pagination.vm-pagination-top { display:inline-block } .vm-pagination.vm-pagination-top ul { display:inline-block; margin-right:5px } .vm-pagination.vm-pagination-bottom { width:100%; text-align:right !important; padding:10px 15px; border-top:1px dashed #ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vm-pagination.vm-pagination-bottom ul { display:inline-block } .vm-pagination ul li { display:inline; margin:0 5px } .vm-pagination ul li.pagination-active a { text-decoration:underline } .productdetails .tab-block { display:inline-block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .productdetails .tab-block ul.nav { overflow:hidden; margin-bottom:25px; border:1px dashed #ebebeb } .productdetails .tab-block ul.nav li a { padding:10px 20px 9px; color:#9a9a9a; text-transform:uppercase; display:block; margin:0; border:0; cursor:pointer; font-size:18px; float:left; margin-right:1px; line-height:1.35; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .productdetails .tab-block ul.nav li.active a, .productdetails .tab-block ul.nav li:hover a { color:#fff } .productdetails .tab-block .tab-content { width:100%; padding:15px; line-height:25px; border:1px dashed #ebebeb; float:left; min-height:174px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .productdetails .tab-block .tab-content .customer-reviews h4 { font-weight:normal; font-weight:400 } .productdetails .tab-block .tab-content .customer-reviews .list-reviews .date { float:right } .productdetails .tab-block .tab-content .customer-reviews .list-reviews .normal > p, .productdetails .tab-block .tab-content .customer-reviews .list-reviews .highlight>p { margin:0 } .productdetails .tab-block .tab-content .customer-reviews .list-reviews p.bold { font-weight:600; border-top:1px dashed #ebebeb } .productdetails .product-related-products { margin:40px 0 0; clear:both; background-color:#fff; padding-bottom:40px; border-top:0px } .productdetails .product-related-products #vina_caroufredsel>li { width:270px !important; list-style:none; display:block; float:left; padding:0; margin-right:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; min-height:330px } .productdetails .product-related-products #vina_caroufredsel > li .vm-product-media-container a img { width:100% } .productdetails .product-related-products #vina_related_product .list_carousel .buttons { right:0 } .productdetails .product-related-products #vina_related_product .caroufredsel_wrapper { height:auto !important; min-height:372px } .vm-product-media-container .main-image { padding:5px; background-color:#f1f1f1; border:1px solid #eee; margin:0 0 25px } .vm-product-media-container .browseProductImage { width:100% } .vm-product-media-container .additional-images .additional-images-inner { padding-top:5px; display:inline-block; background-position:center top; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out } .vm-product-media-container .additional-images .additional-images-inner img { float:left; height:auto; width:auto; background:#f1f1f1; border:3px solid #f1f1f1; padding:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vm-product-details-container { padding-left:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vm-product-details-container .vm-product-details-inner .product-name { margin:0 0 10px } .vm-product-details-container .vm-product-details-inner .manufacturer a { font-weight:bold; text-transform:capitalize } .vm-product-details-container .vm-product-rating-container .ratingbox, .vm-product-details-container .vm-product-rating-container .amount { float:left } .vm-product-details-container .vm-product-rating-container span.amount { margin-left:5px } .vm-product-details-container .vm-product-rating-container span.separator { margin-left:3px } .vm-product-details-container .vm-prices-block { margin:13px 0 } .vm-product-details-container .vm-prices-block span.vm-price-desc { display:none } .vm-product-details-container .vm-prices-block .product-price { margin:0 } .vm-product-details-container .vm-prices-block .product-price .vm-display { margin-right:10px } .vm-product-details-container .icons { margin-top:20px; display:inline-block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .vm-product-details-container .icons a, .vm-product-details-container .icons a:not(.btn) { float:left; font-size:16px; width:55px; height:35px; line-height:35px; text-align:center; display:inline-block; margin-right:5px; margin-top:3px; background-color:#222; color:#fff } .vm-product-details-container .icons a span, .vm-product-details-container .icons a:not(.btn) span { font:0/0 a; color:transparent; background-color:transparent; display:none } .addtocart-area { display:inline-block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .addtocart-area .addtocart-bar { display:inline-block; float:left; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .addtocart-area .addtocart-bar span.quantity-box, .addtocart-area .addtocart-bar span.addtocart-button { float:left } .addtocart-area .addtocart-bar span.quantity-box { margin-right:10px } .addtocart-area .product-fields { width:100%; display:inline-block; float:left } .addtocart-area .product-fields .product-field { width:100%; float:left } .addtocart-area .product-fields .product-field .product-field-display { width:100% } .addtocart-area .product-fields .product-field .product-field-display select, .addtocart-area .product-fields .product-field .product-field-display .chzn-container { width:100%; max-width:100% !important } .addtocart-area .product-fields .product-field .product-fields-title { font-weight:normal; text-transform:lowercase } .addtocart-area .product-fields .product-field .product-fields-title strong { font-weight:normal } .addtocart-area .product-fields .product-field .product-fields-title .red-validate { color:#eb340a; margin-left:5px } .chzn-container-single .chzn-single { background-color:#fff; background-image:none; border:1px solid #ddd; display:block; overflow:auto !important; white-space:nowrap; position:relative; height:26px; line-height:26px; padding:0 10px; color:#444; text-decoration:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .chzn-container .chzn-drop { border:1px solid #ddd; position:absolute; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .chzn-container .chzn-results { padding:0 } .chzn-container .chzn-results li { padding:5px 10px } .chzn-container .chzn-results .highlighted, .chzn-container .chzn-results .result-selected { background-color:transparent; background-image:none } .quantity-box .quantity-minus, .quantity-box .quantity-plus, .quantity-box .quantity-input { float:left; width:45px; height:35px; border:1px solid #ddd } .quantity-box .quantity-input { text-align:center; min-width:60px !important; background:none; height:35px; line-height:35px; background-color:#f1f1f1 } .quantity-box .quantity-input:focus { border:1px solid #ddd !important } .quantity-box .quantity-minus { border-right:0; background:#f1f1f1 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/qty-decrease.png') no-repeat 50% 50% } .quantity-box .quantity-plus { border-left:0; background:#f1f1f1 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/qty-increase.png') no-repeat 50% 50% } #mxcpr { height:1px; overflow:hidden } .sp-border { position:relative } .sp-border::after { content:" "; position:absolute; top:0; left:0; width:100%; height:1px } button:focus, input[type='submit']:focus, input[type='button']:focus, submit:focus { outline:none } .category-short-code .btn.btn-default { color:#444 } .category-short-code .btn.btn-primary { background-color:#006dcc; background-image: -moz-linear-gradient(top, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(top, #08c, #0044cc); background-image: -o-linear-gradient(top, #08c, #0044cc); background-image:linear-gradient(to bottom, #08c, #0044cc); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0); border-color:#04c #0044cc #002a80; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .item-page h3 { margin-top:10px } .btn.social { background:#fff; -webkit-transition:all 200ms; -moz-transition:all 200ms; -o-transition:all 200ms; transition:all 200ms } .btn.social.facebook { color:#0378a9 } .btn.social.facebook:hover { background:#0378a9; color:#fff } .btn.social.twitter { color:#17b8fb } .btn.social.twitter:hover { background:#17b8fb; color:#fff } .btn.social.pinterest { color:#dc4e44 } .btn.social.pinterest:hover { background:#dc4e44; color:#fff } .btn.social.gplus { color:#9d261d } .btn.social.gplus:hover { background:#9d261d; color:#fff } .btn.social:hover { text-decoration:none } .entry-content img.pull-left, .entry-content .pull-left>img { width:100% } .carousel-control i { vertical-align:super } .entry-content .article-text { background-color:#fff } h1.page-header { font-weight:normal; line-height:1.35; font-size:33px; margin-top:18px; margin-bottom:9px; text-transform:uppercase } h1.page-header a { color:#555 } h2.entry-title { background:none repeat scroll 0 0 #F6F6F6; border-top:5px solid #333; color:#555454; font:600 18px/22px "Open Sans", sans-serif; margin-bottom:20px; padding:14px 5px 17px 20px; text-transform:uppercase } .pagination ul li.pagination-active a { background-color:#f5f5f5 } .tags span a, .tags span .label-info[href], .tags span .badge-info[href] { margin-bottom:5px; padding:7px 20px; color:#fff; font-size:13px; background-color:#222; font-weight:normal; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } #jc h4 { font-weight:normal; font-weight:400; margin-top:30px; margin-bottom:30px } #comments-form input { width:60%; margin-bottom:2px; height:30px; padding:2px 10px !important } #comments-form textarea#comments-form-comment { max-width:none !important; width:60% !important; padding:10px !important } #comments-form .btn, #comments-report-form .btn, #comments-form .btn div, #comments-report-form .btn div { background-image:none; text-shadow:0 0 0 transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } #comments-form .btn div, #comments-report-form .btn div { margin:0; padding:10px 20px; background-color:#222 } #comments-form .btn div a, #comments-report-form .btn div a { color:#fff } #comments-form .btn div:hover a, #comments-report-form .btn div:hover a { color:#fff } #comments-form .btn a:hover, #comments-form .btn a:focus, #comments-report-form .btn a:hover, #comments-report-form .btn a:focus { color:#555 } .category .items-row .item .entry-meta.muted [class^="icon-"], .category .items-row .item .entry-meta.muted [class*=" icon-"] { color:#555 } .media .item-image { padding:0px 10px; background-color:#fff } .style-layout4 .media .item-image { padding:0px; background-color:#fff } .item.column-4 .media .item-image { padding:20px 10px } .single-page.item-image { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .single-page.item-image img { width:100% } .categories-list { background:#fff; padding:10px 15px } .blog { margin-top:11px } .blog h2.entry-title { margin-bottom:15px; padding:14px 10px 17px 10px } .blog .entry-meta.muted { margin-bottom:15px; padding:0 6px } .blog .catItemIntroText { margin-top:15px } .blog .row-fluid:first-child { margin-bottom:30px } .blog .item { border:1px solid #ebebeb } .blog .item .catItemIntroText, .blog .item .jcomments-links { padding:0 11px; display:inline-block; clear:both; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .blog .item .jcomments-links { margin-bottom:20px; margin-top:3px } .item-page { background:#fff; padding:10px 15px } .item-page h3 { margin-top:10px } .item-page .h1.page-header { margin:5px 0 } .item-page .item-image { padding:0 } .item-page .entry-meta.muted { margin-bottom:0px; margin-top:15px } .items-leading { margin-bottom:30px } .article-text, .article_content, .catItemIntroText { float:left } .catItemIntroText { margin-top:20px } .jcomments-links { display:inline-block } .blog img.pull-left, .blog .pull-left > img, .item-page img.pull-left, .item-page .pull-left>img { margin-right:0px } .blog .media>.pull-left, .item-page .media>.pull-left { margin-right:0px } .adminform .modal, .adminForm .modal { position:static; margin-left:10px; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } .adminform .chzn-container-multi .chzn-choices .search-field input, .adminForm .chzn-container-multi .chzn-choices .search-field input { height:26px; line-height:26px } #adminForm #ui-tabs button { background:transparent } #adminForm #ui-tabs button.reset-value { background-color:#222 } #bd_results #adminForm>a { display:inline-block; margin:5px 20px 20px 0 } .cart-view form.inline td { border:0px; padding:0; display:inline-flex } .cart-view form.inline td input.button { padding:5.8px 20px; background-color:#222 } #editor-xtd-buttons a, .toggle-editor a { color:#333 } #editor-xtd-buttons a.btn-primary, .toggle-editor a.btn-primary { text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); background-color:#f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image:linear-gradient(to bottom, #fff, #e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0); border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border:1px solid #bbb; border-bottom-color:#a2a2a2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } #editor-xtd-buttons a.btn-primary:focus, .toggle-editor a.btn-primary:focus { background-color:#e6e6e6 } #searchMedia, button.reset-value { height:35px !important } #contact-form input#jform_contact_email_copy { width:13px } #contact-form .control-group input, #contact-form .control-group textarea, #member-registration .control-group input, #member-registration .control-group textarea, #member-profile .control-group input, #member-profile .control-group textarea { width:70% } #contact-form .form-actions .btn, #contact-form .form-actions .btn-primary, #contact-form button, #contact-form .btn, #contact-form .btn-danger, #member-registration .form-actions .btn, #member-registration .form-actions .btn-primary, #member-registration button, #member-registration .btn, #member-registration .btn-danger, #member-profile .form-actions .btn, #member-profile .form-actions .btn-primary, #member-profile button, #member-profile .btn, #member-profile .btn-danger { color:#fff; border:0; background-image:none; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; background-color:#222; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } #login-form .control-group button, #login-form .control-group .btn { color:#fff; border:0; background-image:none; padding:10px 20px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif; background-color:#222; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .module #login-form .control-group input#modlgn-username, .module #login-form .control-group input#modlgn-passwd { width:100% } ul.categories-module li a { font:13px/20px Open Sans, Arial, Helvetica, sans-serif } .module.mod_category_joomla h3.header:before, .module.mod_login h3.header:before, .module.mod_tags h3.header:before { content:""; font-weight:normal; margin-left: -10px; margin-right:10px } .module.mod_category_joomla h3.header:before { content:"\f0ca" } .module.mod_login h3.header:before { content:"\f090" } .module.mod_tags h3.header:before { content:"\f02c" } .addtocart-area .product-fields { display:none } .vm-product-details-inner .addtocart-area .product-fields { display:block } .image-block a, .images_static a, .item-image { display:inline-block; position:relative; max-width:100% } .image-block a:before, .image-block a:after, .images_static a:before, .images_static a:after, .item-image:before, .item-image:after { content:""; position:absolute; height:0; width:0; background-color:rgba(255, 255, 255, 0.15); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s } .image-block a:before, .images_static a:before, .item-image:before { left:0; margin:auto; top:0 } .image-block a:after, .images_static a:after, .item-image:after { bottom:0; right:0 } .image-block a:hover:before, .image-block a:hover:after, .images_static a:hover:before, .images_static a:hover:after, .item-image:hover:before, .item-image:hover:after { height:100%; width:100%; -webkit-transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s } i b { display:none } .carousel-control.right i { margin:0 } h1.page-header { font:600 18px/22px "Open Sans", sans-serif; color:#555454; text-transform:uppercase; border-bottom:1px solid #d6d4d4; overflow:hidden } h3.vina-title { font-size:25px !important; line-height:1.35; font-weight:600 !important; color:#555454 !important; text-transform:uppercase; overflow:hidden } .carousel-control.right { margin:0 !important } a.carousel-control { z-index:3 } .bg-inner { position:relative; z-index:1; padding:40px 0px } input[type='submit'], button, .btn, .vina-button { color:#fff } .vina-button, .vina-button-2, .vina-button-3 { padding:10px 20px; text-transform:uppercase; background-image:none !important; -webkit-border-radius:2px !important; -moz-border-radius:2px !important; border-radius:2px !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; -webkit-transition:all all all 0.5s ease ease; -moz-transition:all all all 0.5s ease ease; -o-transition:all all all 0.5s ease ease; transition:all all all 0.5s ease ease } .vina-button-2 { background:#323232; color:#fff !important } .vina-button-3 { border:1px solid #e4e4e4; display:inline-block } .vina-our-work, .vina-clients, .our-project, .our-team, .testimonials-partners { background-size:100%; background-position:0 0; background-repeat:no-repeat; background-attachment:fixed } #vina_about_us { text-align:center; text-align:center } #vina_about_us th, #vina_about_us tr, #vina_about_us td { text-align:center } #vina_about_us h3.vina-title { display:inline-block; position:relative } #vina_about_us h3.vina-title:after { content:""; position:absolute; bottom:0px; left:40%; height:2px; background:#333; width:20% } #vina_about_us .vina-title { text-align:center; padding-bottom:46px; margin-bottom:48px } #vina_about_us .row-fluid { text-align:left } #vina_about_us .about-content { margin-bottom:15px; width:100%; float:left } .about-img { width:100%; min-height:350px } .about-img p { display:none } .about-img { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/img_about.png') no-repeat; background-position:50% 50%; background-size:100% } #sp-our-team-wrapper { padding:40px 0 0; text-align:center; text-align:center } #sp-our-team-wrapper th, #sp-our-team-wrapper tr, #sp-our-team-wrapper td { text-align:center } #sp-our-team-wrapper .module .sp_strong h3.header span { padding:0; margin-bottom:0; background-image:none } #sp-our-team-wrapper .bg-inner { padding:0 } .team-item { color:#666 } .team-item a { color:#666 } .team-item .team-info { padding:15px 0 0 } .team-item .person-info { line-height:20px } .team-social-link ul { display:inline-block; margin:0 } .team-social-link ul li { float:left } .our-team .team-item .team-img { text-align:center; text-align:center } .our-team .team-item .team-img th, .our-team .team-item .team-img tr, .our-team .team-item .team-img td { text-align:center } .our-team .team-item .team-img img { width:210px; height:210px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50% } .our-team .team-item .team-social-link { opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } .our-team .team-item .team-social-link ul li a { position:relative; margin:5px; padding:7px 12px; border:1px solid #a3a3a3; font-size:18px; display:block; color:#a3a3a3; z-index:1 } .our-team .team-item .team-social-link ul li a.facebook { padding:7px 15px } .our-team .team-item .person-info p.text-muted { font-weight:bold } .our-team .team-item:hover .team-social-link { opacity:1; filter:alpha(opacity=100); -webkit-animation:moveFromLeft 500ms ease; -moz-animation:moveFromLeft 500ms ease; animation:moveFromLeft 500ms ease } .team-title { position:absolute; bottom:0; left:0; width:100% } .team-title h4 { font-weight:normal; font-size:15px; color:#fff; position:relative; padding:10px; margin:0; z-index:1 } .team-title h4:before { content:""; position:absolute; left:0; top:0; height:100%; width:100%; background:#000; z-index: -1; opacity:0.5; filter:alpha(opacity=50) } #sp-our-project-wrapper { padding:0; text-align:center; background:#f9f9f9 } .our-project h3.vina-title { color:#666; text-align:center; text-align:center } .our-project h3.vina-title th, .our-project h3.vina-title tr, .our-project h3.vina-title td { text-align:center } .our-project .item .span4 { overflow:hidden; position:relative } .our-project .item .span4 img { -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } .our-project .item .span4 .project-content { position:absolute; top:20%; left:0; right:0; color:#fff; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } .our-project .item .span4 .project-content p { color:#fff } .our-project .item .span4:hover:before { position:absolute; content:""; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.65); z-index:1 } .our-project .item .span4:hover img { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5) } .our-project .item .span4:hover .project-content { z-index:2; opacity:1; filter:alpha(opacity=100); -webkit-animation:moveFromBottom 500ms ease; -moz-animation:moveFromBottom 500ms ease; animation:moveFromBottom 500ms ease } .our-project .carousel, .our-team .carousel, .our-partners .carousel { width:100%; float:left } .our-project .carousel .carousel-control, .our-team .carousel .carousel-control, .our-partners .carousel .carousel-control { font-size:30px; top:45%; color:#fff; width:30px; height:30px } .our-project .carousel .carousel-control.left, .our-team .carousel .carousel-control.left, .our-partners .carousel .carousel-control.left { left: -22px } .our-project .carousel .carousel-control.right, .our-team .carousel .carousel-control.right, .our-partners .carousel .carousel-control.right { right: -22px } .our-project .carousel .carousel-control:hover, .our-team .carousel .carousel-control:hover, .our-partners .carousel .carousel-control:hover { opacity:1; color:#fff } #vina_services h3.vina-title, .vina-our-work h3.vina-title, .our-project h3.vina-title, .our-price h3.vina-title, #sp-our-team h3.vina-title, #sp-our-experience h3.vina-title { display:inline-block; position:relative; padding-bottom:46px; margin-bottom:48px } #vina_services h3.vina-title:after, .vina-our-work h3.vina-title:after, .our-project h3.vina-title:after, .our-price h3.vina-title:after, #sp-our-team h3.vina-title:after, #sp-our-experience h3.vina-title:after { content:""; position:absolute; bottom:0px; height:2px; left:0; right:0; margin:0 auto; width:60px } #sp-our-experience h3.vina-title:after { background-color:#fff !important } .our-price .sp_strong h3.header span { margin:0 !important; padding:0 !important } #vina_services h3.vina-title:after, .our-project h3.vina-title:after, .our-price h3.vina-title:after, #sp-our-team h3.vina-title:after { background:#666 } #sp-our-experience-wrapper { padding-top:100px } #sp-our-experience .mod-inner .custom { color:#fff; background-size:100% 100%; background-position:0 0; background-repeat:no-repeat; background-attachment:fixed; text-align:center; text-align:center } #sp-our-experience .mod-inner .custom th, #sp-our-experience .mod-inner .custom tr, #sp-our-experience .mod-inner .custom td { text-align:center } #sp-our-experience .mod-inner .custom .bg-opacity { position:relative; padding:100px 0; width:100%; height:100% } #sp-our-experience .mod-inner .custom .bg-opacity:before { content:""; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0.7; filter:alpha(opacity=70) } #sp-our-experience .mod-inner .custom h3.header { color:#fff !important; padding:0 0 46px; margin-bottom:48px; display:inline-block } .our-experience-inner { z-index:0; position:relative } .our-experience-inner .experience-content .item { float:left; width:20%; text-align:center; text-align:center } .our-experience-inner .experience-content .item th, .our-experience-inner .experience-content .item tr, .our-experience-inner .experience-content .item td { text-align:center } .our-experience-inner .experience-content .item .power-percent { position:relative; width:117px; height:117px; line-height:117px; display:inline-block; border:1px solid #fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100% } .our-experience-inner .experience-content .item .power-percent:before { content:""; position:absolute; top: -10px; left: -10px; width:100%; height:100%; padding:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:1px solid #fff } .c100.p1 .bar { -webkit-transform:rotate(3.6deg); -moz-transform:rotate(3.6deg); -ms-transform:rotate(3.6deg); -o-transform:rotate(3.6deg); transform:rotate(3.6deg) } .c100.p2 .bar { -webkit-transform:rotate(7.2deg); -moz-transform:rotate(7.2deg); -ms-transform:rotate(7.2deg); -o-transform:rotate(7.2deg); transform:rotate(7.2deg) } .c100.p3 .bar { -webkit-transform:rotate(10.8deg); -moz-transform:rotate(10.8deg); -ms-transform:rotate(10.8deg); -o-transform:rotate(10.8deg); transform:rotate(10.8deg) } .c100.p4 .bar { -webkit-transform:rotate(14.4deg); -moz-transform:rotate(14.4deg); -ms-transform:rotate(14.4deg); -o-transform:rotate(14.4deg); transform:rotate(14.4deg) } .c100.p5 .bar { -webkit-transform:rotate(18deg); -moz-transform:rotate(18deg); -ms-transform:rotate(18deg); -o-transform:rotate(18deg); transform:rotate(18deg) } .c100.p6 .bar { -webkit-transform:rotate(21.6deg); -moz-transform:rotate(21.6deg); -ms-transform:rotate(21.6deg); -o-transform:rotate(21.6deg); transform:rotate(21.6deg) } .c100.p7 .bar { -webkit-transform:rotate(25.2deg); -moz-transform:rotate(25.2deg); -ms-transform:rotate(25.2deg); -o-transform:rotate(25.2deg); transform:rotate(25.2deg) } .c100.p8 .bar { -webkit-transform:rotate(28.8deg); -moz-transform:rotate(28.8deg); -ms-transform:rotate(28.8deg); -o-transform:rotate(28.8deg); transform:rotate(28.8deg) } .c100.p9 .bar { -webkit-transform:rotate(32.4deg); -moz-transform:rotate(32.4deg); -ms-transform:rotate(32.4deg); -o-transform:rotate(32.4deg); transform:rotate(32.4deg) } .c100.p10 .bar { -webkit-transform:rotate(36deg); -moz-transform:rotate(36deg); -ms-transform:rotate(36deg); -o-transform:rotate(36deg); transform:rotate(36deg) } .c100.p11 .bar { -webkit-transform:rotate(39.6deg); -moz-transform:rotate(39.6deg); -ms-transform:rotate(39.6deg); -o-transform:rotate(39.6deg); transform:rotate(39.6deg) } .c100.p12 .bar { -webkit-transform:rotate(43.2deg); -moz-transform:rotate(43.2deg); -ms-transform:rotate(43.2deg); -o-transform:rotate(43.2deg); transform:rotate(43.2deg) } .c100.p13 .bar { -webkit-transform:rotate(46.8deg); -moz-transform:rotate(46.8deg); -ms-transform:rotate(46.8deg); -o-transform:rotate(46.8deg); transform:rotate(46.8deg) } .c100.p14 .bar { -webkit-transform:rotate(50.4deg); -moz-transform:rotate(50.4deg); -ms-transform:rotate(50.4deg); -o-transform:rotate(50.4deg); transform:rotate(50.4deg) } .c100.p15 .bar { -webkit-transform:rotate(54deg); -moz-transform:rotate(54deg); -ms-transform:rotate(54deg); -o-transform:rotate(54deg); transform:rotate(54deg) } .c100.p16 .bar { -webkit-transform:rotate(57.6deg); -moz-transform:rotate(57.6deg); -ms-transform:rotate(57.6deg); -o-transform:rotate(57.6deg); transform:rotate(57.6deg) } .c100.p17 .bar { -webkit-transform:rotate(61.2deg); -moz-transform:rotate(61.2deg); -ms-transform:rotate(61.2deg); -o-transform:rotate(61.2deg); transform:rotate(61.2deg) } .c100.p18 .bar { -webkit-transform:rotate(64.8deg); -moz-transform:rotate(64.8deg); -ms-transform:rotate(64.8deg); -o-transform:rotate(64.8deg); transform:rotate(64.8deg) } .c100.p19 .bar { -webkit-transform:rotate(68.4deg); -moz-transform:rotate(68.4deg); -ms-transform:rotate(68.4deg); -o-transform:rotate(68.4deg); transform:rotate(68.4deg) } .c100.p20 .bar { -webkit-transform:rotate(72deg); -moz-transform:rotate(72deg); -ms-transform:rotate(72deg); -o-transform:rotate(72deg); transform:rotate(72deg) } .c100.p21 .bar { -webkit-transform:rotate(75.6deg); -moz-transform:rotate(75.6deg); -ms-transform:rotate(75.6deg); -o-transform:rotate(75.6deg); transform:rotate(75.6deg) } .c100.p22 .bar { -webkit-transform:rotate(79.2deg); -moz-transform:rotate(79.2deg); -ms-transform:rotate(79.2deg); -o-transform:rotate(79.2deg); transform:rotate(79.2deg) } .c100.p23 .bar { -webkit-transform:rotate(82.8deg); -moz-transform:rotate(82.8deg); -ms-transform:rotate(82.8deg); -o-transform:rotate(82.8deg); transform:rotate(82.8deg) } .c100.p24 .bar { -webkit-transform:rotate(86.4deg); -moz-transform:rotate(86.4deg); -ms-transform:rotate(86.4deg); -o-transform:rotate(86.4deg); transform:rotate(86.4deg) } .c100.p25 .bar { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg) } .c100.p26 .bar { -webkit-transform:rotate(93.6deg); -moz-transform:rotate(93.6deg); -ms-transform:rotate(93.6deg); -o-transform:rotate(93.6deg); transform:rotate(93.6deg) } .c100.p27 .bar { -webkit-transform:rotate(97.2deg); -moz-transform:rotate(97.2deg); -ms-transform:rotate(97.2deg); -o-transform:rotate(97.2deg); transform:rotate(97.2deg) } .c100.p28 .bar { -webkit-transform:rotate(100.8deg); -moz-transform:rotate(100.8deg); -ms-transform:rotate(100.8deg); -o-transform:rotate(100.8deg); transform:rotate(100.8deg) } .c100.p29 .bar { -webkit-transform:rotate(104.4deg); -moz-transform:rotate(104.4deg); -ms-transform:rotate(104.4deg); -o-transform:rotate(104.4deg); transform:rotate(104.4deg) } .c100.p30 .bar { -webkit-transform:rotate(108deg); -moz-transform:rotate(108deg); -ms-transform:rotate(108deg); -o-transform:rotate(108deg); transform:rotate(108deg) } .c100.p31 .bar { -webkit-transform:rotate(111.6deg); -moz-transform:rotate(111.6deg); -ms-transform:rotate(111.6deg); -o-transform:rotate(111.6deg); transform:rotate(111.6deg) } .c100.p32 .bar { -webkit-transform:rotate(115.2deg); -moz-transform:rotate(115.2deg); -ms-transform:rotate(115.2deg); -o-transform:rotate(115.2deg); transform:rotate(115.2deg) } .c100.p33 .bar { -webkit-transform:rotate(118.8deg); -moz-transform:rotate(118.8deg); -ms-transform:rotate(118.8deg); -o-transform:rotate(118.8deg); transform:rotate(118.8deg) } .c100.p34 .bar { -webkit-transform:rotate(122.4deg); -moz-transform:rotate(122.4deg); -ms-transform:rotate(122.4deg); -o-transform:rotate(122.4deg); transform:rotate(122.4deg) } .c100.p35 .bar { -webkit-transform:rotate(126deg); -moz-transform:rotate(126deg); -ms-transform:rotate(126deg); -o-transform:rotate(126deg); transform:rotate(126deg) } .c100.p36 .bar { -webkit-transform:rotate(129.6deg); -moz-transform:rotate(129.6deg); -ms-transform:rotate(129.6deg); -o-transform:rotate(129.6deg); transform:rotate(129.6deg) } .c100.p37 .bar { -webkit-transform:rotate(133.2deg); -moz-transform:rotate(133.2deg); -ms-transform:rotate(133.2deg); -o-transform:rotate(133.2deg); transform:rotate(133.2deg) } .c100.p38 .bar { -webkit-transform:rotate(136.8deg); -moz-transform:rotate(136.8deg); -ms-transform:rotate(136.8deg); -o-transform:rotate(136.8deg); transform:rotate(136.8deg) } .c100.p39 .bar { -webkit-transform:rotate(140.4deg); -moz-transform:rotate(140.4deg); -ms-transform:rotate(140.4deg); -o-transform:rotate(140.4deg); transform:rotate(140.4deg) } .c100.p40 .bar { -webkit-transform:rotate(144deg); -moz-transform:rotate(144deg); -ms-transform:rotate(144deg); -o-transform:rotate(144deg); transform:rotate(144deg) } .c100.p41 .bar { -webkit-transform:rotate(147.6deg); -moz-transform:rotate(147.6deg); -ms-transform:rotate(147.6deg); -o-transform:rotate(147.6deg); transform:rotate(147.6deg) } .c100.p42 .bar { -webkit-transform:rotate(151.2deg); -moz-transform:rotate(151.2deg); -ms-transform:rotate(151.2deg); -o-transform:rotate(151.2deg); transform:rotate(151.2deg) } .c100.p43 .bar { -webkit-transform:rotate(154.8deg); -moz-transform:rotate(154.8deg); -ms-transform:rotate(154.8deg); -o-transform:rotate(154.8deg); transform:rotate(154.8deg) } .c100.p44 .bar { -webkit-transform:rotate(158.4deg); -moz-transform:rotate(158.4deg); -ms-transform:rotate(158.4deg); -o-transform:rotate(158.4deg); transform:rotate(158.4deg) } .c100.p45 .bar { -webkit-transform:rotate(162deg); -moz-transform:rotate(162deg); -ms-transform:rotate(162deg); -o-transform:rotate(162deg); transform:rotate(162deg) } .c100.p46 .bar { -webkit-transform:rotate(165.6deg); -moz-transform:rotate(165.6deg); -ms-transform:rotate(165.6deg); -o-transform:rotate(165.6deg); transform:rotate(165.6deg) } .c100.p47 .bar { -webkit-transform:rotate(169.2deg); -moz-transform:rotate(169.2deg); -ms-transform:rotate(169.2deg); -o-transform:rotate(169.2deg); transform:rotate(169.2deg) } .c100.p48 .bar { -webkit-transform:rotate(172.8deg); -moz-transform:rotate(172.8deg); -ms-transform:rotate(172.8deg); -o-transform:rotate(172.8deg); transform:rotate(172.8deg) } .c100.p49 .bar { -webkit-transform:rotate(176.4deg); -moz-transform:rotate(176.4deg); -ms-transform:rotate(176.4deg); -o-transform:rotate(176.4deg); transform:rotate(176.4deg) } .c100.p50 .bar { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .c100.p51 .bar { -webkit-transform:rotate(183.6deg); -moz-transform:rotate(183.6deg); -ms-transform:rotate(183.6deg); -o-transform:rotate(183.6deg); transform:rotate(183.6deg) } .c100.p52 .bar { -webkit-transform:rotate(187.2deg); -moz-transform:rotate(187.2deg); -ms-transform:rotate(187.2deg); -o-transform:rotate(187.2deg); transform:rotate(187.2deg) } .c100.p53 .bar { -webkit-transform:rotate(190.8deg); -moz-transform:rotate(190.8deg); -ms-transform:rotate(190.8deg); -o-transform:rotate(190.8deg); transform:rotate(190.8deg) } .c100.p54 .bar { -webkit-transform:rotate(194.4deg); -moz-transform:rotate(194.4deg); -ms-transform:rotate(194.4deg); -o-transform:rotate(194.4deg); transform:rotate(194.4deg) } .c100.p55 .bar { -webkit-transform:rotate(198deg); -moz-transform:rotate(198deg); -ms-transform:rotate(198deg); -o-transform:rotate(198deg); transform:rotate(198deg) } .c100.p56 .bar { -webkit-transform:rotate(201.6deg); -moz-transform:rotate(201.6deg); -ms-transform:rotate(201.6deg); -o-transform:rotate(201.6deg); transform:rotate(201.6deg) } .c100.p57 .bar { -webkit-transform:rotate(205.2deg); -moz-transform:rotate(205.2deg); -ms-transform:rotate(205.2deg); -o-transform:rotate(205.2deg); transform:rotate(205.2deg) } .c100.p58 .bar { -webkit-transform:rotate(208.8deg); -moz-transform:rotate(208.8deg); -ms-transform:rotate(208.8deg); -o-transform:rotate(208.8deg); transform:rotate(208.8deg) } .c100.p59 .bar { -webkit-transform:rotate(212.4deg); -moz-transform:rotate(212.4deg); -ms-transform:rotate(212.4deg); -o-transform:rotate(212.4deg); transform:rotate(212.4deg) } .c100.p60 .bar { -webkit-transform:rotate(216deg); -moz-transform:rotate(216deg); -ms-transform:rotate(216deg); -o-transform:rotate(216deg); transform:rotate(216deg) } .c100.p61 .bar { -webkit-transform:rotate(219.6deg); -moz-transform:rotate(219.6deg); -ms-transform:rotate(219.6deg); -o-transform:rotate(219.6deg); transform:rotate(219.6deg) } .c100.p62 .bar { -webkit-transform:rotate(223.2deg); -moz-transform:rotate(223.2deg); -ms-transform:rotate(223.2deg); -o-transform:rotate(223.2deg); transform:rotate(223.2deg) } .c100.p63 .bar { -webkit-transform:rotate(226.8deg); -moz-transform:rotate(226.8deg); -ms-transform:rotate(226.8deg); -o-transform:rotate(226.8deg); transform:rotate(226.8deg) } .c100.p64 .bar { -webkit-transform:rotate(230.4deg); -moz-transform:rotate(230.4deg); -ms-transform:rotate(230.4deg); -o-transform:rotate(230.4deg); transform:rotate(230.4deg) } .c100.p65 .bar { -webkit-transform:rotate(234deg); -moz-transform:rotate(234deg); -ms-transform:rotate(234deg); -o-transform:rotate(234deg); transform:rotate(234deg) } .c100.p66 .bar { -webkit-transform:rotate(237.6deg); -moz-transform:rotate(237.6deg); -ms-transform:rotate(237.6deg); -o-transform:rotate(237.6deg); transform:rotate(237.6deg) } .c100.p67 .bar { -webkit-transform:rotate(241.2deg); -moz-transform:rotate(241.2deg); -ms-transform:rotate(241.2deg); -o-transform:rotate(241.2deg); transform:rotate(241.2deg) } .c100.p68 .bar { -webkit-transform:rotate(244.8deg); -moz-transform:rotate(244.8deg); -ms-transform:rotate(244.8deg); -o-transform:rotate(244.8deg); transform:rotate(244.8deg) } .c100.p69 .bar { -webkit-transform:rotate(248.4deg); -moz-transform:rotate(248.4deg); -ms-transform:rotate(248.4deg); -o-transform:rotate(248.4deg); transform:rotate(248.4deg) } .c100.p70 .bar { -webkit-transform:rotate(252deg); -moz-transform:rotate(252deg); -ms-transform:rotate(252deg); -o-transform:rotate(252deg); transform:rotate(252deg) } .c100.p71 .bar { -webkit-transform:rotate(255.6deg); -moz-transform:rotate(255.6deg); -ms-transform:rotate(255.6deg); -o-transform:rotate(255.6deg); transform:rotate(255.6deg) } .c100.p72 .bar { -webkit-transform:rotate(259.2deg); -moz-transform:rotate(259.2deg); -ms-transform:rotate(259.2deg); -o-transform:rotate(259.2deg); transform:rotate(259.2deg) } .c100.p73 .bar { -webkit-transform:rotate(262.8deg); -moz-transform:rotate(262.8deg); -ms-transform:rotate(262.8deg); -o-transform:rotate(262.8deg); transform:rotate(262.8deg) } .c100.p74 .bar { -webkit-transform:rotate(266.4deg); -moz-transform:rotate(266.4deg); -ms-transform:rotate(266.4deg); -o-transform:rotate(266.4deg); transform:rotate(266.4deg) } .c100.p75 .bar { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg) } .c100.p76 .bar { -webkit-transform:rotate(273.6deg); -moz-transform:rotate(273.6deg); -ms-transform:rotate(273.6deg); -o-transform:rotate(273.6deg); transform:rotate(273.6deg) } .c100.p77 .bar { -webkit-transform:rotate(277.2deg); -moz-transform:rotate(277.2deg); -ms-transform:rotate(277.2deg); -o-transform:rotate(277.2deg); transform:rotate(277.2deg) } .c100.p78 .bar { -webkit-transform:rotate(280.8deg); -moz-transform:rotate(280.8deg); -ms-transform:rotate(280.8deg); -o-transform:rotate(280.8deg); transform:rotate(280.8deg) } .c100.p79 .bar { -webkit-transform:rotate(284.4deg); -moz-transform:rotate(284.4deg); -ms-transform:rotate(284.4deg); -o-transform:rotate(284.4deg); transform:rotate(284.4deg) } .c100.p80 .bar { -webkit-transform:rotate(288deg); -moz-transform:rotate(288deg); -ms-transform:rotate(288deg); -o-transform:rotate(288deg); transform:rotate(288deg) } .c100.p81 .bar { -webkit-transform:rotate(291.6deg); -moz-transform:rotate(291.6deg); -ms-transform:rotate(291.6deg); -o-transform:rotate(291.6deg); transform:rotate(291.6deg) } .c100.p82 .bar { -webkit-transform:rotate(295.2deg); -moz-transform:rotate(295.2deg); -ms-transform:rotate(295.2deg); -o-transform:rotate(295.2deg); transform:rotate(295.2deg) } .c100.p83 .bar { -webkit-transform:rotate(298.8deg); -moz-transform:rotate(298.8deg); -ms-transform:rotate(298.8deg); -o-transform:rotate(298.8deg); transform:rotate(298.8deg) } .c100.p84 .bar { -webkit-transform:rotate(302.4deg); -moz-transform:rotate(302.4deg); -ms-transform:rotate(302.4deg); -o-transform:rotate(302.4deg); transform:rotate(302.4deg) } .c100.p85 .bar { -webkit-transform:rotate(306deg); -moz-transform:rotate(306deg); -ms-transform:rotate(306deg); -o-transform:rotate(306deg); transform:rotate(306deg) } .c100.p86 .bar { -webkit-transform:rotate(309.6deg); -moz-transform:rotate(309.6deg); -ms-transform:rotate(309.6deg); -o-transform:rotate(309.6deg); transform:rotate(309.6deg) } .c100.p87 .bar { -webkit-transform:rotate(313.2deg); -moz-transform:rotate(313.2deg); -ms-transform:rotate(313.2deg); -o-transform:rotate(313.2deg); transform:rotate(313.2deg) } .c100.p88 .bar { -webkit-transform:rotate(316.8deg); -moz-transform:rotate(316.8deg); -ms-transform:rotate(316.8deg); -o-transform:rotate(316.8deg); transform:rotate(316.8deg) } .c100.p89 .bar { -webkit-transform:rotate(320.4deg); -moz-transform:rotate(320.4deg); -ms-transform:rotate(320.4deg); -o-transform:rotate(320.4deg); transform:rotate(320.4deg) } .c100.p90 .bar { -webkit-transform:rotate(324deg); -moz-transform:rotate(324deg); -ms-transform:rotate(324deg); -o-transform:rotate(324deg); transform:rotate(324deg) } .c100.p91 .bar { -webkit-transform:rotate(327.6deg); -moz-transform:rotate(327.6deg); -ms-transform:rotate(327.6deg); -o-transform:rotate(327.6deg); transform:rotate(327.6deg) } .c100.p92 .bar { -webkit-transform:rotate(331.2deg); -moz-transform:rotate(331.2deg); -ms-transform:rotate(331.2deg); -o-transform:rotate(331.2deg); transform:rotate(331.2deg) } .c100.p93 .bar { -webkit-transform:rotate(334.8deg); -moz-transform:rotate(334.8deg); -ms-transform:rotate(334.8deg); -o-transform:rotate(334.8deg); transform:rotate(334.8deg) } .c100.p94 .bar { -webkit-transform:rotate(338.4deg); -moz-transform:rotate(338.4deg); -ms-transform:rotate(338.4deg); -o-transform:rotate(338.4deg); transform:rotate(338.4deg) } .c100.p95 .bar { -webkit-transform:rotate(342deg); -moz-transform:rotate(342deg); -ms-transform:rotate(342deg); -o-transform:rotate(342deg); transform:rotate(342deg) } .c100.p96 .bar { -webkit-transform:rotate(345.6deg); -moz-transform:rotate(345.6deg); -ms-transform:rotate(345.6deg); -o-transform:rotate(345.6deg); transform:rotate(345.6deg) } .c100.p97 .bar { -webkit-transform:rotate(349.2deg); -moz-transform:rotate(349.2deg); -ms-transform:rotate(349.2deg); -o-transform:rotate(349.2deg); transform:rotate(349.2deg) } .c100.p98 .bar { -webkit-transform:rotate(352.8deg); -moz-transform:rotate(352.8deg); -ms-transform:rotate(352.8deg); -o-transform:rotate(352.8deg); transform:rotate(352.8deg) } .c100.p99 .bar { -webkit-transform:rotate(356.4deg); -moz-transform:rotate(356.4deg); -ms-transform:rotate(356.4deg); -o-transform:rotate(356.4deg); transform:rotate(356.4deg) } .c100.p100 .bar { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice { clip:rect(auto,auto,auto,auto) } .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .circle { display:inline-block; width:100%; text-align:center } .c100 .slice, .c100 .bar, .c100 .fill, .c100 .percent, .c100 .percent:before { -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } .c100:hover .percent { color:#000 } .c100:hover .percent:before { background-color:#fff; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } .c100:hover .bar, .c100:hover .fill, .c100:hover .slice { clip:rect(0px,154px,154px,0px) } .c100 { position:relative; font-size:120px; width:154px; height:154px; margin:0 auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50% } .c100 .percent { position:absolute; width:150px; border:2px solid rgba(0, 0, 0, 0.4); border-radius:50%; left:0; top:0; z-index:0; line-height:150px; font-size:0.2em; color:#fff; display:block; white-space:nowrap; text-align:center; text-align:center; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .c100 .percent th, .c100 .percent tr, .c100 .percent td { text-align:center } .c100 .percent:before { content:""; background-color:#000; position:absolute; width:117px; height:117px; border-radius:50%; left:0; right:0; top:0; bottom:0; margin:auto; z-index: -1; line-height:117px; opacity:0.4; filter:alpha(opacity=40) } .c100 .slice { position:absolute; width:154px; height:154px; clip:rect(0px,154px,154px,77px) } .c100 .bar, .c100 .fill { text-indent:9999em } .c100 .bar { position:absolute; border:2px solid #fff; width:150px; height:150px; clip:rect(0px,77px,154px,0px); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg) } .c100 .fill { position:absolute; border:2px solid #fff; width:150px; height:150px; clip:rect(0px,77px,154px,0px); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .vina-list-1 { padding-top:30px } .vina-list-1 .list-item { text-align:center; cursor:pointer; overflow:hidden } .vina-list-1 .list-item .list-img { width:140px; height:140px; margin:60px auto; position:relative; background-color:#323232; z-index:0; -webkit-transition:all .3s linear .1s; -moz-transition:all .3s linear .1s; -o-transition:all .3s linear .1s; transition:all .3s linear .1s } .vina-list-1 .list-item .list-img i { color:#fff; font-size:50px; line-height:140px; padding:0px; display:block; -webkit-transition:all .3s linear .1s; -moz-transition:all .3s linear .1s; -o-transition:all .3s linear .1s; transition:all .3s linear .1s } .vina-list-1 .list-item h3 { font-size:20px; font-weight:normal; margin:10px 0 } .vina-list-1 .list-item p { font-size:13px } .vina-list-1 .list-item:hover .list-img { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50% } .vina-list-1 .list-item:hover .list-img i { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2) } .vina-list-1 .list-item:hover h3 { -webkit-animation:moveFromLeft 500ms ease; -moz-animation:moveFromLeft 500ms ease; animation:moveFromLeft 500ms ease } .vina-list-1 .list-item:hover p { -webkit-animation:moveFromRight 500ms ease; -moz-animation:moveFromRight 500ms ease; animation:moveFromRight 500ms ease } .vina-list-2 { margin-top:30px; padding:0px 30px 30px } .vina-list-2 .list-col { width:50%; margin:0; float:left } .vina-list-2 .list-left { float:left; border-right:2px solid #cfcfcf } .vina-list-2 .list-left-item, .vina-list-2 .list-right-item { cursor:pointer; padding:20px 0px } .vina-list-2 .list-left-item .list-2-img, .vina-list-2 .list-right-item .list-2-img { width:70px; height:70px; margin:15px 40px 0px; text-align:center; position:relative } .vina-list-2 .list-left-item .list-2-img:before, .vina-list-2 .list-right-item .list-2-img:before { content:""; width:100%; height:100%; text-align:center; position:absolute; left:0; z-index:1; background:#323232; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s } .vina-list-2 .list-left-item .list-2-img i, .vina-list-2 .list-right-item .list-2-img i { position:relative; z-index:2; color:#fff; font-size:35px; line-height:18px; padding:27px 0px; display:block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s } .vina-list-2 .list-left-item h3, .vina-list-2 .list-right-item h3 { font-size:20px; font-weight:normal; margin-bottom:0 } .vina-list-2 .list-left-item p, .vina-list-2 .list-right-item p { font-size:13px } .vina-list-2 .list-left-item:hover .list-2-img:before, .vina-list-2 .list-right-item:hover .list-2-img:before { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .vina-list-2 .list-left-item { float:right; text-align:right } .vina-list-2 .list-left-item .list-2-img { float:right } .vina-list-2 .list-left-item:hover h3 { -webkit-animation:moveFromLeft 500ms ease; -moz-animation:moveFromLeft 500ms ease; animation:moveFromLeft 500ms ease } .vina-list-2 .list-left-item:hover p { -webkit-animation:moveFromBottom 500ms ease; -moz-animation:moveFromBottom 500ms ease; animation:moveFromBottom 500ms ease } .vina-list-2 .list-right-item { float:left; text-align:left } .vina-list-2 .list-right-item .list-2-img { float:left } .vina-list-2 .list-right-item:hover h3 { -webkit-animation:moveFromRight 500ms ease; -moz-animation:moveFromRight 500ms ease; animation:moveFromRight 500ms ease } .vina-list-2 .list-right-item:hover p { -webkit-animation:moveFromRight 500ms ease; -moz-animation:moveFromRight 500ms ease; animation:moveFromRight 500ms ease } #vina_services .title { text-align:center; text-align:center } #vina_services .title th, #vina_services .title tr, #vina_services .title td { text-align:center } .vina-our-work { color:#fff; text-align:center } .vina-our-work h3.vina-title { color:#fff !important; position:relative } .vina-our-work h3.vina-title:after { background:#fff } .vina-our-work p { margin:0 0 10px } .vina-our-work .list-work { padding:30px 0px } .vina-our-work .list-work .work-item { min-height:200px; cursor:pointer; overflow:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background:#fff; color:#444 } .vina-our-work .list-work .work-item .item-img { padding:44px 0px; width:100% } .vina-our-work .list-work .work-item .item-img i { font-size:50px } .vina-our-work .list-work .work-item .item-img h3 { font-size:20px; font-weight:normal } .vina-our-work .list-work .work-item .item-info { display:none; padding:25px 0px } .vina-our-work .list-work .work-item .item-info h3 { font-size:20px; text-transform:uppercase } .vina-our-work .list-work .work-item:hover { color:#fff } .vina-our-work .list-work .work-item:hover h3 { color:#fff } .vina-our-work .list-work .work-item:hover .item-img { display:none; -webkit-animation:moveFromLeft 500ms ease; -moz-animation:moveFromLeft 500ms ease; animation:moveFromLeft 500ms ease } .vina-our-work .list-work .work-item:hover .item-info { display:block; -webkit-animation:moveFromBottom 500ms ease; -moz-animation:moveFromBottom 500ms ease; animation:moveFromBottom 500ms ease } #sp-our-price-wrapper { padding:40px 0px } .module.our-price .sp_strong h3.header span { background-image:none !important } .our-price { text-align:center; text-align:center } .our-price th, .our-price tr, .our-price td { text-align:center } .our-price>p { margin-bottom:60px } .our-price .price-item { background:#fff; border-bottom:2px solid #d7d7d7 } .our-price .price-item h3 { color:#fff; background:#323232; padding:20px 20px 40px 20px; position:relative; margin-bottom:30px; text-transform:uppercase; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s } .our-price .price-item h3 sub { position:absolute; bottom: -30px; left:50%; margin-left: -30px; width:60px; height:60px; line-height:60px } .our-price .price-item ul { padding:0px 20px; margin:30px 0px; overflow:hidden } .our-price .price-item ul li { border-bottom:1px solid #ccc; padding:10px } .our-price .price-item ul li.buy { border-bottom:none; margin:20px 0px } .our-price .price-item .vina-button-2 { display:block } #sp-testimonials-partners-wrapper { margin:30px 0 0; color:#fff } .testimonials-partners h3.vina-title { color:#fff !important } .testimonials-partners #carousel-testimonials .carousel-control { background-color:#fff !important; border:medium none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; bottom:0px; color:#323232; font-size:20px; height:25px; line-height:20px; opacity:1; top:auto; width:25px; background-image:none !important } .testimonials-partners #carousel-testimonials .carousel-control.left i, .testimonials-partners #carousel-testimonials .carousel-control.right i { font-size:20px; display:block } .testimonials-partners #carousel-testimonials .carousel-control i { line-height:25px } .testimonials-partners #carousel-testimonials .carousel-control.left { left:24px !important } .testimonials-partners #carousel-testimonials .carousel-control.right { left:51px !important } .testimonials-partners .testimonial-item .test-img { float:left } .testimonials-partners .testimonial-item .test-text { float:left; width:65%; position:relative; margin-left:25px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .testimonials-partners .testimonial-item .test-text:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.3 } .testimonials-partners .testimonial-item .test-text>div { padding:13px 20px; position:relative; float:left } .testimonials-partners .testimonial-item .test-text>div:before { border:8px solid #fff; border-left-color:transparent; border-top-color:transparent; left: -16px; content:""; display:block; height:0; position:absolute; top:30px; width:0; opacity:0.3; filter:alpha(opacity=30) } .testimonials-partners .testimonial-item .test-text >div h4 { color:#fff; font-size:15px; margin:0 0 15px; border-bottom:1px solid #fff; float:left } .testimonials-partners .testimonial-item .test-text >div p { line-height:20px; float:left; width:100% } .testimonials-partners .our-partners #carousel-partners { width:100%; float:left; text-align:center; padding:19px 0px; position:relative } .testimonials-partners .our-partners #carousel-partners:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.3; filter:alpha(opacity=30) } .testimonials-partners .our-partners ul { margin:0; padding:0 } .testimonials-partners .our-partners ul li { float:left; width:29%; margin:0 2% } .testimonials-partners .our-partners .carousel-control.left { top:50% } .our-project .carousel, .our-team .carousel { width:100%; float:left } .our-project .carousel .carousel-control, .our-team .carousel .carousel-control { background:#000; font-size:30px; top:45%; color:#fff; width:30px; height:30px } .our-project .carousel .carousel-control:hover, .our-team .carousel .carousel-control:hover { opacity:1; color:#fff } #sp-our-team .carousel-control, .our-project .carousel-control, .our-partners .carousel-control { background:#fff !important; font-size:20px; top:50%; color:#323232; opacity:1; width:30px; height:30px; line-height:26px } #sp-our-team .carousel-control.left, #sp-our-team .carousel-control.right, .our-project .carousel-control.left, .our-project .carousel-control.right, .our-partners .carousel-control.left, .our-partners .carousel-control.right { border:1px solid #e9e9e9; width:30px; height:30px; background-image:none !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; opacity:1; filter:alpha(opacity=100) } #sp-our-team .carousel-control.left i, #sp-our-team .carousel-control.right i, .our-project .carousel-control.left i, .our-project .carousel-control.right i, .our-partners .carousel-control.left i, .our-partners .carousel-control.right i { display:block; color:#101010; font-size:20px; line-height:30px; display:inline-block; vertical-align:top } .our-project .carousel-control.left, .our-project .carousel-control.right { border:1px solid #fff } #vina_contact_us .contact_block { display:inline-block; margin-bottom:20px } #vina_contact_us .logo_contact { padding:20px 0 47px } #vina_contact_us .vina-title, #vina_contact_us .contact_us h3 { padding-left:20px; line-height:20px; margin-bottom:18px; font-size:24px !important } #vina_contact_us .contact_us, #vina_contact_us .map { border:1px solid #ccc } #vina_contact_us .jform_message textarea { border:1px solid #ccc } #vina_contact_us .jform_message textarea:focus:invalid:focus { border-color:#e9322d } #vina_contact_us .vina-map { margin-bottom:60px } #vina_contact_us .vina-social { display:inline-block } #vina_contact_us .vina-social ul, #vina_contact_us .vina-social li { float:left } #vina_contact_us .vina-social ul { display:inline-block; margin-left:0px; margin-top:40px } #vina_contact_us .vina-social ul li { margin-right:10px } #vina_contact_us .vina-social ul li a { padding:5px 12px; border:1px solid #666 } #vina_contact_us .vina-social ul li a.facebook { padding:5px 15px } #vina_contact_us .vina-social ul li a b { display:none } div.gallery-filters.btn-group>.btn+.btn { margin-left:0px } div.gallery-filters a { color:#fff !important; border:0; border-right:1px solid #fff; text-shadow:0 0 0 transparent; background-color:#222; background-color:#222 \9; background-image:none; outline:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } div.gallery-filters a.active, div.gallery-filters a:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } ul.gallery li .img-polaroid { overflow:hidden } ul.gallery li:hover>.img-polaroid:before { top:0; left:0; position:absolute; content:""; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.65); z-index:1 } ul.gallery li:hover > .img-polaroid img { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5) } ul.gallery li:hover .caption-body { z-index:2; opacity:1; filter:alpha(opacity=100); -webkit-animation:moveFromBottom 500ms ease; -moz-animation:moveFromBottom 500ms ease; animation:moveFromBottom 500ms ease } ul.gallery .img-polaroid img { -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } ul.gallery .gallery-caption { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; text-align:center } ul.gallery .gallery-caption th, ul.gallery .gallery-caption tr, ul.gallery .gallery-caption td { text-align:center } ul.gallery .gallery-caption .img-polaroid { display:none } ul.gallery .gallery-caption .caption-body { position:absolute; left:0; right:0; top:45%; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } ul.gallery .gallery-caption .caption-body a { width:36px; height:36px; line-height:36px; padding:8px 11px; color:#fff; border:1px solid #fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100% } .ltr #sp-footer-wrapper .helix-framework { float:left; margin-right:15px } .ltr #sp-footer-wrapper #sp-footer2 { text-align:right } .rtl .module.mod_top_menu ul { float:left } .rtl .module.mod_currency, .rtl .module.custom_language { float:right } .rtl .module.mod_currency { margin-left:10px; margin-right:0px } .rtl .module.custom_language .btn .caret { margin-left:0px; margin-right:10px } .rtl .module.custom_language a img { margin-left:3px; margin-right:0px } .rtl .module #cur_form .bootstrap-select .filter-option { float:right } .rtl .block-mini-cart .icon-cart { margin-left:0 !important } .rtl .box-col-inner .pull-left .shapes:before { padding-left:0; padding-right:3px } .rtl .block-mini-cart .mini-cart .mini-cart-content { left:0; right:auto; text-align:right } .rtl .block-mini-cart .mini-cart .mini-cart-content .total strong { float:left } .rtl .vina-camera-slider .camera_target { text-align:right !important } .rtl .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li { text-indent:9999px } .rtl .vina-camera-slider-wrapper .camera_caption .content-slideshow .intro { text-align:right } .rtl .owl-carousel .owl-wrapper { float:left !important } .rtl .ratingbox div, .rtl .ratingbox span { background-position:100% 0 } .rtl .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls, .rtl .vina-carousel-content.owl-theme .owl-controls { left:15px; right:auto !important } .rtl #vina_related_product .buttons { left:0px; right:auto !important } .rtl .module .mod-vina-content .vina-manufacturers-virtuemart .vina-prev, .rtl .module .mod-vina-content .vina-manufacturers-virtuemart .vina-next { left:0; right:auto } .rtl .module .mod-vina-content .vina-manufacturers-virtuemart .vina-prev { left:46px; right:auto } .rtl ul.link-follow li { float:right; margin-left:15px; margin-right:0 } .rtl .link-follow-content .tweet-content .twitter-pic { float:right; margin-left:10px; margin-right:0 } .rtl .acysubbuttons { float:left } .rtl .custom.custom_link_follow3 .box-shipping .pull-left, .rtl .custom.custom_link_follow3 .box-order .pull-left { float:right } .rtl .module.custom_link_follow3 .custom-content .shapes, .rtl .module.custom_contact_us .custom-content .shapes { float:right; padding-left:0; padding-right:5px; margin-left:10px; margin-right:0 } .rtl #sp-link-follow-wrapper h3.header span, .rtl #sp-bottom-wrapper h3.header span { padding-left:30px; padding-right:0 } .rtl #sp-footer-wrapper .helix-framework { float:right; margin-left:15px } .rtl #sp-footer-wrapper #sp-footer2 { text-align:left } .rtl .block-mini-cart .icon-cart { float:right; margin-left:10px !important; margin-right:0 !important } .rtl .box-col-inner .pull-left { float:right; margin-left:10px; margin-right:0 } .rtl .box-col-inner .media-body { text-align:right } .rtl .style-layout2 #sp-mini-cart, .rtl .style-layout4 #sp-mini-cart { padding:5px 0 0 0 } .rtl .style-layout2 #main-menu, .rtl .style-layout4 #main-menu { padding:0 0 0 10px } .rtl .style-layout2 .product, .rtl .style-layout3 .product, .rtl .style-layout4 .product { text-align:right } .rtl .style-layout2 .vina-carousel-virtuemart .product-title, .rtl .style-layout3 .vina-carousel-virtuemart .product-title, .rtl .style-layout4 .vina-carousel-virtuemart .product-title { text-align:right } .rtl .style-layout3 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button, .rtl .style-layout4 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { float:right } .rtl .module.mod-style3 .vina-carousel-virtuemart, .rtl .module.mod-style4 .vina-carousel-virtuemart { margin:0 -1.725% 0 0 !important } .rtl .owl-theme .owl-controls { left:15px } .rtl .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls, .rtl .module.mod-style3 .vina-carousel-content.owl-theme .owl-controls, .rtl .module.mod-style3 #vina_related_product .buttons, .rtl .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls, .rtl .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls, .rtl .module.mod-style4 #vina_related_product .buttons { right:auto } .rtl .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, .rtl .module.mod-style3 .vina-carousel-content.owl-theme .owl-controls .owl-prev, .rtl .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, .rtl .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls .owl-prev { margin-left:3px; margin-right:0 } .rtl #sp-left .module.mod-style3.mod_treeview_vm3 h3.header, .rtl #sp-left .module.mod-style4.mod_treeview_vm3 h3.header, .rtl #sp-right .module.mod-style3.mod_treeview_vm3 h3.header, .rtl #sp-right .module.mod-style4.mod_treeview_vm3 h3.header { padding:15px 45px 15px 15px; background-position:92% 50% !important } .rtl #sp-left .module.mod-style3 h3.header, .rtl #sp-left .module.mod-style4 h3.header, .rtl #sp-right .module.mod-style3 h3.header, .rtl #sp-right .module.mod-style4 h3.header { padding:15px 30px 15px 10px } .rtl #sp-left .module .mod-content .vina-ticker-virtuemart .header-block, .rtl #sp-right .module .mod-content .vina-ticker-virtuemart .header-block { left:30px; right:auto } .rtl #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview .hitarea, .rtl #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview .hitarea { left:0; right:auto } .rtl #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li > .hitarea, .rtl #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li>.hitarea { margin-left:20px; margin-right:0 } .rtl #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > a:before, .rtl #sp-right .module .mod-content div.vina-treeview-virtuemart>ul>li>ul>li>a:before { left:auto; right:5px; content:"\f104" } .rtl #sp-left .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a:before, .rtl #sp-right .module .mod-content div.vina-treeview-virtuemart > ul > li > ul > li > ul > li a:before { left:auto; right:5px; content:"\f100" } .rtl .orderlistcontainer .title { margin-left:5px; margin-right:0 } .rtl .orderlistcontainer .orderlist { left:0; right:auto } .rtl .vm-product-details-container .vm-product-rating-container .ratingbox, .rtl .vm-product-details-container .vm-product-rating-container .amount { float:right } .rtl .vm-product-details-container .icons a, .rtl .vm-product-details-container .icons a:not(.btn) { float:right; margin-left:5px; margin-right:0 } .rtl .addtocart-area .product-fields .product-field { text-align:right } .rtl .addtocart-area .addtocart-bar span.quantity-box, .rtl .addtocart-area .addtocart-bar span.addtocart-button { float:right; margin-left:10px; margin-right:0 } .rtl .addthis_default_style .addthis_separator, .rtl .addthis_default_style .at300b, .rtl .addthis_default_style .at4-icon, .rtl .addthis_default_style .at300bo, .rtl .addthis_default_style .at300m, .rtl .addthis_default_style .at300bs { float:right } .rtl .form-list label { float:right } .rtl .entry-meta ul.actions { float:left } .rtl #comments-form, .rtl #comments-form p, .rtl #comments-report-form, .rtl #comments-report-form p, .rtl #comments-form span, .rtl #comments-form .counter { text-align:right } .rtl #comments-form .btn, .rtl #comments-report-form .btn { float:right; margin-left:5px; margin-right:0px } .rtl #jc h4 { text-align:right } .rtl .pagination .counter.pull-right { float:left } .rtl #checkoutForm .cart-summary tfoot { text-align:right } .rtl .cart-summary fieldset input[type="radio"] { float:right; margin-left:5px; margin-right:0 } .rtl #checkoutForm .cart-summary tfoot .shipment .buttonBar-left, .rtl #checkoutForm .cart-summary tfoot .payment .buttonBar-left { float:left } .rtl #checkoutForm .billto-shipto .width50 .output-shipto input { float:right; margin-left:5px; margin-right:0 } .rtl #checkoutForm .checkout-button-top { text-align:left } #sp-main-body-wrapper.style-layout2 { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/background.jpg') !important; background-color:transparent } .style-layout2 { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/background.jpg') !important } .style-layout2 .container { background-color:#fff } .style-layout2 #top { padding:0 10px; background-color:#343a3c; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .style-layout2 .logo-wrapper { padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .style-layout2 #header { background-color:#fff } .style-layout2 #sp-mini-cart { padding:5px 0 0 0 } .style-layout2 #main-menu { padding:0 10px 0 0; background-color:#000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .style-layout2 #sp-left .module .mod-wrapper, .style-layout2 #sp-right .module .mod-wrapper { border:1px solid #ebebeb } #sp-top-wrapper.style-layout2, #sp-header-wrapper.style-layout2, #sp-main-menu-wrapper.style-layout2, #sp-link-follow-wrapper.style-layout2, #sp-footer-wrapper.style-layout2 { background-color:transparent } #sp-banner-top-wrapper.style-layout2 .container { background-color:#fff } #sp-link-follow-wrapper.style-layout2 .container { background-color:#f1f1f1 } #sp-footer-wrapper.style-layout2 .container { background-color:#f0f2f3 } .module.mod-style2 h3.vina-header { border:0px; border-bottom:1px solid #ddd } .module.mod-style2 h3.vina-header span { font-size:17px; padding:10px 20px 9px } .module.mod-style2 .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, .module.mod-style2 .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls .owl-next, .module.mod-style2 .vina-carousel-content.owl-theme .owl-controls .owl-prev, .module.mod-style2 .vina-carousel-content.owl-theme .owl-controls .owl-next { background:#f7f5f5 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/btn-slider.png') no-repeat; border:1px solid #eee; background-position:100% 0 } .module.mod-style2 .vina-manufacturers-virtuemart .vina-prev, .module.mod-style2 .vina-manufacturers-virtuemart .vina-next { background:#f7f5f5 url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/btn-slider.png') no-repeat; border:1px solid #eee; background-position:100% 0 } .module.mod-style2 .tab-content .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-next:hover, .module.mod-style2 .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-next:hover, .module.mod-style2 .vina-manufacturers-virtuemart .vina-next:hover { background-position:100% 100%; background-color:#000 } .module.mod-style2 .tab-content .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-prev, .module.mod-style2 .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-prev, .module.mod-style2 .vina-manufacturers-virtuemart .vina-prev { margin-right:3px; background-position:0 0 } .module.mod-style2 .tab-content .vina-carousel-virtuemart.owl-theme .owl-controls .owl-buttons .owl-prev:hover, .module.mod-style2 .vina-carousel-content.owl-theme .owl-controls .owl-buttons .owl-prev:hover, .module.mod-style2 .vina-manufacturers-virtuemart .vina-prev:hover { background-position:0 100%; background-color:#000 } .style-layout2 .vina-carousel-virtuemart .product-title { text-align:left } .style-layout2 .vina-carousel-virtuemart .item.product { border:1px solid transparent } .style-layout2 .vina-carousel-virtuemart .item.product .button-group.actions { height:auto !important } .style-layout2 .vina-carousel-virtuemart .item.product .vm-details-button a { color:#000 !important } .style-layout2 .vina-carousel-virtuemart .item.product .vm-details-button a:hover { color:#fff !important } .style-layout2 .vina-carousel-virtuemart .item.product .button-group { padding:0 } .style-layout2 .vina-carousel-virtuemart .item.product .product-price { margin:0 } .style-layout2 .item.product { padding:0 15px 5px !important } .style-layout2 .product { padding:0 15px 10px !important; text-align:left } .style-layout2 .product form.product { padding:0 !important } .style-layout2 .product.vm-col { border:1px solid transparent } .style-layout2 .product .vm-product-media-container { background-color:#fff; margin:0 -15px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .style-layout2 .product .actions { position:static; bottom:0; padding:0; margin:10px 0 0; height:auto !important } .style-layout2 .product .actions .vm-details-button { width:48% } .style-layout2 .product .actions .vm-details-button a { margin:0; color:#000; border:1px solid #ebebeb; padding:14px 15px; font:normal 14px/1.1em tahoma, Arial, Helvetica, sans-serif } .style-layout2 .product .actions .vm-addtocart-button { width:48%; margin:0 } .style-layout4 #sp-left .module.banner-left .mod-content .banner-home, .style-layout4 #sp-right .module.banner-left .mod-content .banner-home { text-align:center } .style-layout4 #sp-left .module.banner-left .mod-content .banner-home img, .style-layout4 #sp-right .module.banner-left .mod-content .banner-home img { margin:0 auto } .style-layout4 #sp-left .module.mod-sale-off .mod-content, .style-layout4 #sp-right .module.mod-sale-off .mod-content { padding:15px 15px 0 } .style-layout4 .banner-home { padding-bottom:35px } .style-layout4 .module .tab .tab-content { margin-bottom:0px } #sp-main-content-layout4-wrapper .module { margin-top:0px } #sp-top-wrapper.style-layout4 { background-color:#21252b !important } #sp-main-menu-wrapper.style-layout4 { background-color:transparent !important } #sp-main-body-wrapper.style-layout4 { background-color:#f0f2f3 !important } #sp-bottom-wrapper.style-layout4 { background-color:#fff !important } #sp-footer-wrapper.style-layout4 { background-color:#f0f2f3 !important } .module.mode_slider_home4 .camera_bar { height:5px !important } .module.mode_slider_home4 .camera_bar .camera_bar_cont { background-color:transparent !important } .module.mode_slider_home4 .camera_bar .camera_bar_cont span { top:0 !important; bottom:0 !important } .module.mod-style4 h3.vina-header { border:0px; background-color:#000; } .module.mod-style4 h3.vina-header span { text-transform:uppercase; display:inline-block; padding:0 20px; margin:0; color:#fff; font-size:18px; height:45px; line-height:45px } .module.mod-style4 .tab ul.nav-tabs { border-bottom:0px; background-color:#000 } .module.mod-style4 .tab ul.nav-tabs li a { display:inline-block; padding:0 20px; font-size:18px; height:45px; line-height:45px; margin-right:0px; border-right:1px solid #fff; background-color:#000 } .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls, .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls, .module.mod-style4 #vina_related_product .buttons { display:inline-block; position:absolute; top: -70px; right:14px; margin-top:0px } .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls .owl-next, .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls .owl-prev, .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls .owl-next { border:0 } .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls .owl-next, .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls .owl-next { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/btn-slider.png') 100% 100% no-repeat } .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls .owl-prev { margin-right:3px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/btn-slider.png') 0 100% no-repeat } .module.mod-style4 .vina-manufacturers-virtuemart { background-color:#fff } .module.mod-style4 .vina-manufacturers-virtuemart .vina-prev, .module.mod-style4 .vina-manufacturers-virtuemart .vina-next { border:0 } .module.mod-style4 .vina-manufacturers-virtuemart .vina-next { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/btn-slider.png') 100% 100% no-repeat } .module.mod-style4 .vina-manufacturers-virtuemart .vina-prev { margin-right:3px; background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/btn-slider.png') 0 100% no-repeat } .style-layout4 .blog .item .item-image { background-color:#fff } .style-layout4 .orderby-displaynumber { border:0; background-color:#fff } .style-layout4 .productdetails .product-related-products { background-color:transparent } .style-layout4 .vina-carousel-virtuemart .product-title { text-align:left } .style-layout4 .vina-carousel-virtuemart .item.product { margin:0 15px 35px !important; border:0px; background-color:#fff } .style-layout4 .vina-carousel-virtuemart .item.product .button-group.actions { height:auto !important } .style-layout4 .vina-carousel-virtuemart .item.product .vm-details-button a { color:#000 !important } .style-layout4 .vina-carousel-virtuemart .item.product .vm-details-button a:hover { color:#fff !important } .style-layout4 .vina-carousel-virtuemart .item.product .button-group { padding:0 } .style-layout4 .vina-carousel-virtuemart .item.product .product-price { margin:0 } .style-layout4 .item.product { padding:0 15px 5px !important } .style-layout4 .vm-product-media-container .additional-images .additional-images-inner img { background-color:#fff } .style-layout4 form.product { padding:0 !important } .style-layout4 .product { padding:0 15px 10px !important; text-align:left; background-color:#fff } .style-layout4 .product form.product { padding:0 !important } .style-layout4 .product.vm-col { border:1px solid transparent } .style-layout4 .product h2.product-title a, .style-layout4 .product h3.product-title a { font-size:14px; text-transform:capitalize; } .style-layout4 .product .vm-product-media-container { background-color:#fff; margin:0 -15px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .style-layout4 .product .vm-product-media-container .browseProductImage { width:100% } .style-layout4 .product .actions { position:static; bottom:0; padding:0; margin:10px 0 0; height:auto !important } .style-layout4 .product .actions .vm-details-button { width:100%; cursor:pointer; position:absolute; top:30%; right:0; left:0; margin:auto; text-align:center } .style-layout4 .product .actions .vm-details-button a { background:#ccc url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/quick_view.png') no-repeat; width:50px; height:50px; margin:0 auto; border:0 !important; display:none; text-indent: -9999px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; opacity:0.8; filter:alpha(opacity=80); -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s } .style-layout4 .product .actions .vm-addtocart-button { width:100%; margin:0 } .style-layout4 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { width:80%; display:block; background:#fff; padding:0 15px; font-size:14px; line-height:28px; text-align:center; white-space:nowrap; color:#000; text-transform:uppercase; font-weight:normal; border:2px solid #e1e1e1; float:left } .style-layout4 .product:hover .actions .vm-details-button a { display:block } .style-layout4 .product-price .vm-display span.vm-price-desc { display:none } .style-layout4 .product-price .vm-display span.PricebasePrice { color:#888; font-size:14px; line-height:15px; margin-right:5px; } .style-layout4 .product-price .vm-display span.PricesalesPrice { font-size:18px; } #sp-main-menu ul { list-style:none; margin:0; padding:0 } #sp-main-menu ul.level-0>li { margin: 6px 3px 0; position:relative; float:left; } #sp-main-menu ul.level-0>li>a { /* padding:15px 30px;*/ text-decoration:none; display:block; text-transform:uppercase; height: 43px; color:#fff } #sp-main-menu ul.level-0 > li >a .menu-desc { font-size:11px; color:#999; display:block } #sp-main-menu ul.level-0 > li > a span.menu-title{font-size: 14px; font-weight: bold; height: 28px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); padding: 8px 9px 0; text-transform: uppercase; line-height: 30px; float: left;} #sp-main-menu ul.level-0 > li > a.selected{ color: #ffff66; border-radius: 6px 6px 0 0 !important; background-color: #48a31a !important;} /*#sp-main-menu ul.level-0 > li > a:hover{ color: #ffff66; border-radius: 6px 6px 0 0 !important; background-color: #48a31a !important;} */ /*#sp-main-menu ul.level-0 > li.parent >a span.menu:after { position:absolute; right:8px; content:"\f107"; font-size:16px }*/ #sp-main-menu li li:not(.sp-menu-group) { display:block; position:relative; text-transform:capitalize; -webkit-transition:all 200ms; -moz-transition:all 200ms; -o-transition:all 200ms; transition:all 200ms } #sp-main-menu li li:not(.sp-menu-group):first-child { border-top:none } #sp-main-menu li li:not(.sp-menu-group) a { display:block; text-decoration:none; padding-left: 10px; text-transform:capitalize; font-weight:normal; font-weight:400; color:#444 !important; -webkit-transition:all 200ms; -moz-transition:all 200ms; -o-transition:all 200ms; transition:all 200ms } .sp-submenu .sp-submenu-wrap ul li a span{color: #528909 !important;} #sp-main-menu li li:not(.sp-menu-group) a span.menu-title{/*color: #528909 !important;*/ line-height: 12px; padding: 5px 0 !important;} #sp-main-menu ul.level-0 > li:hover{ background-color: #48a31a !important; border-radius: 6px 6px 0 0 !important;} #sp-main-menu li li:not(.sp-menu-group) a:hover, #sp-main-menu li li:not(.sp-menu-group) a.active { background-position:0 -8px !important } #sp-main-menu li li:not(.sp-menu-group).parent >a span.menu { position:relative; padding-right:20px; display:block } #sp-main-menu li li:not(.sp-menu-group).parent>a:after { content:"\f054"; font-size:8px; font-weight:normal; position:absolute; right:10px; top:2px } #sp-main-menu li li:not(.sp-menu-group).active a { background-position:0 -8px } #sp-main-menu div.sp-menu-group { margin:10px } #sp-main-menu div.sp-menu-group a.sp-menu-group { display:block; font-size:14px; font-weight:normal; line-height:20px; margin-bottom:10px; font-weight:700; background:#fff url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/background-title.png') repeat-x center 9px !important } #sp-main-menu div.sp-menu-group a.sp-menu-group .menu-title { display:inline-block; background-color:#fff; padding-right:20px; text-transform:uppercase } #sp-main-menu div.sp-menu-group .sp-menu-group-content .module { margin:0; padding:10px 0 0; text-transform:none; font-weight:normal; font-size:14px } #sp-main-menu div.sp-menu-group .sp-menu-group-content .module h4 { font-size:14px } .sp-submenu { position:absolute; top:0; visibility:hidden; opacity:0; z-index:0; margin-top:30px; -webkit-transition:margin 100ms, visibility 100ms, opacity 100ms; -moz-transition:margin 100ms, visibility 100ms, opacity 100ms; -o-transition:margin 100ms, visibility 100ms, opacity 100ms; transition:margin 100ms, visibility 100ms, opacity 100ms } .sp-submenu.open { z-index:99999; visibility:visible; opacity:1; margin-top:0; -webkit-transition:margin 300ms, visibility 300ms, opacity 300ms; -moz-transition:margin 300ms, visibility 300ms, opacity 300ms; -o-transition:margin 300ms, visibility 300ms, opacity 300ms; transition:margin 300ms, visibility 300ms, opacity 300ms } .sp-submenu .sp-submenu-wrap { border-radius: 0 0 6px 6px !important; padding: 5px !important; background:#66cc33; } .sp-submenu .sp-submenu-wrap ul li{ background: #fff; color: #000; margin: 0;} .sp-submenu .sp-submenu-wrap ul li:hover{ background: #48a31a!important; } .sp-submenu .sp-submenu-wrap ul li:hover a span.menu-title{ color: #ffff66 !important;} .sp-submenu .sp-submenu-wrap ul li a{ padding-left: 10px;} .sp-submenu .megacol { float:left } .sp-submenu.sub-level-child { margin-left:30px; margin-top:0 } .sp-submenu.sub-level-child.open { margin-left:0px } .sp-mobile-menu ul li { background:rgba(0, 0, 0, 0.9) } .sp-mobile-menu ul li:last-child { margin-bottom:10px } .vina-menu { position:absolute !important; right:20px; top:30px; padding:6px 16px !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:auto !important; margin:0 !important } .vina-menu:focus { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; outline:none } .vina-menu-small { position:absolute !important; right:5px; top:5px; padding:3px 8px !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; width:auto !important; margin:0 !important } .vina-menu-small:focus { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; outline:none } .ltr .sp-submenu { left:0 } .rtl .sp-submenu { right:0 } .rtl #sp-main-menu { float:right } .rtl #sp-main-menu ul.level-0 > li:hover >a:after, .rtl #sp-main-menu ul.level-0>li.active>a:after { margin:0 -10px 0 0 } .rtl #sp-main-menu ul.level-0 > li.parent >a span.menu { padding:0 10px; padding-right:0 } .rtl #sp-main-menu ul.level-0 > li.parent >a span.menu:after { right:inherit; left:8px } .rtl #sp-main-menu li li:not(.sp-menu-group).parent>a:after { right:inherit; left:10px } .rtl #sp-main-menu li li:not(.sp-menu-group).parent >a span.menu { padding-right:0; padding-left:20px } .menu-fixed { top:0; width:100%; -webkit-animation:fadeInDown 900ms; -moz-animation:fadeInDown 900ms; animation:fadeInDown 900ms } .fixed .hidden-desktop { display:none } .module { } .module:first-child { margin-top:0 } .module.highlighted, .module.orange, .module.dark, .module.green, .module.maroon, .module.blue, .module.gray, .module.pink, .module.red { padding:20px; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.6) inset; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.6) inset; box-shadow:0 1px 5px rgba(0, 0, 0, 0.6) inset } .module.highlighted h3, .module.orange h3, .module.dark h3, .module.green h3, .module.maroon h3, .module.blue h3, .module.gray h3, .module.pink h3, .module.red h3 { padding:0 0 10px 0; border-bottom:1px dashed #fff; color:#fff } .module.orange { background:#f89406 } .module.orange a { color:#B66B00 } .module.orange a:hover { color:#6F4100 } .module.dark { background:#000 } .module.dark a { color:#777 } .module.dark a:hover { color:#888 } .module.green { background:#46a546 } .module.green a { color:#63E063 } .module.green a:hover { color:#43F043 } .module.maroon { background:#F35D34 } .module.maroon a { color:#B4300D } .module.maroon a:hover { color:#C93F19 } .module.blue { background:#049cdb } .module.blue a { color:#47C9FF } .module.blue a:hover { color:#0073A3 } .module.gray { background:#555 } .module.gray a { color:#999 } .module.gray a:hover { color:#777 } .module.pink { background:#c3325f } .module.pink a { color:#FF5C8F } .module.pink a:hover { color:#FA2E6E } .module.red { background:#9d261d } .module.red a { color:#EE4538 } .module.red a:hover { color:#DA3F33 } .sp-dropcap { overflow:hidden } .sp-dropcap:first-letter { color:#666; display:block; float:left; font-size:50px; line-height:40px; padding:4px 8px 0 0 } ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss { list-style:none; padding:0; margin:0 } .ltr ul.arrow li::before { content:"\f105" } .ltr ul.arrow-double li::before { content:"\f101" } .ltr ul.tick li::before { content:"\f00c" } .ltr ul.cross li::before { content:"\f00d" } .ltr ul.star li::before { content:"\f006" } .ltr ul.rss li::before { content:"\f09e" } .rtl ul.arrow li::after, .rtl ul.arrow-double li::after, .rtl ul.tick li::after, .rtl ul.cross li::after, .rtl ul.star li::after, .rtl ul.rss li::after { margin-left:5px } .rtl ul.arrow li::after { content:"\f104" } .rtl ul.arrow-double li::after { content:"\f100" } .rtl ul.tick li::after { content:"\f00c" } .rtl ul.cross li::after { content:"\f00d" } .rtl ul.star li::after { content:"\f006" } .rtl ul.rss li::after { content:"\f09e" } img.pull-left, .pull-left>img { margin-right:15px } img.pull-right, .pull-right>img { margin-left:15px } .rtl img.pull-left, .rtl .pull-left>img { margin-left:15px } .rtl img.pull-right, .rtl .pull-right>img { margin-right:15px } .sp-blocknumber { position:relative; min-height:45px } .sp-blocknumber span.blocknumber-cubes { font-weight:bold; width:48px; height:48px; line-height:48px; display:block; text-align:center; position:absolute; top:0 } .sp-blocknumber span.blocknumber-cubes.rounded { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .sp-blocknumber span.blocknumber-cubes.circle { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100% } .ltr .sp-blocknumber { padding:5px 0 5px 60px } .ltr .sp-blocknumber span.blocknumber-cubes { left:0 } .rtl .sp-blocknumber { padding:5px 60px 5px 0 } .rtl .sp-blocknumber span.blocknumber-cubes { right:0 } .sp-block.rounded { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .sp-bubble { position:relative; margin-bottom:40px } .sp-bubble cite { display:block; height:30px; line-height:36px; position:absolute; bottom: -30px } .sp-bubble cite span { content:' '; position:absolute; top:0; display:block; width:0; height:0; border-bottom-color:transparent !important } .ltr .sp-bubble cite { left:15px; padding-left:40px } .ltr .sp-bubble cite span { left:0; border-left-color:transparent !important } .rtl .sp-bubble cite { right:15px; padding-right:40px } .rtl .sp-bubble cite span { right:0; border-right-color:transparent !important } .ltr [class^="icon-"].pull-left, .ltr [class*=" icon-"].pull-left { margin-right: .3em } .ltr [class^="icon-"].pull-right, .ltr [class*=" icon-"].pull-right { margin-left: .3em } .rtl [class^="icon-"].pull-left, .rtl [class*=" icon-"].pull-left { margin-left: .3em } .rtl [class^="icon-"].pull-right, .rtl [class*=" icon-"].pull-right { margin-right: .3em } #sp-banner-middle .module.ads1 .mod-inner { border:1px solid #CCC; margin-top:20px; padding-bottom:10px } #sp-left .ads3 .mod-wrapper { border:1px solid #CCC } @media (max-width: 319px) { .responsive #sp-main-menu-wrapper #sp-menu .vina-menu { width:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .responsive #sp-main-menu-wrapper #sp-menu, .responsive #sp-main-menu-wrapper #sp-search { width:100% !important; margin-bottom:15px } .responsive .block-mini-cart .mini-cart .mini-cart-content { width:220px !important; right: -25px !important } .responsive .style-layout2 #main-menu, .responsive .style-layout4 #main-menu { padding:0 10px !important } .responsive #sp-main-menu-wrapper.style-layout2 #main-menu #sp-search, .responsive #sp-main-menu-wrapper.style-layout4 #main-menu #sp-search { padding:10px 0 !important } .responsive .productdetails .addtocart-area .addtocart-bar span.addtocart-button { margin-top:15px } .responsive .productdetails .tab-block ul.nav { border:0 } .responsive .productdetails .tab-block ul.nav li { margin-bottom:5px; border:1px dashed #ebebeb } .responsive .productdetails .tab-block ul.nav li, .responsive .productdetails .tab-block ul.nav a { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .responsive .product-related-products h3.vina-header { margin-bottom:60px } .responsive .product-related-products #vina_related_product .buttons { top: -53px } .responsive .product-related-products.module #vina_related_product h3.vina-header { margin-bottom:60px } .responsive .form-list .input-box { width:100% } .responsive .module .tab ul.nav-tabs { border:0 } .responsive .module .tab ul.nav-tabs li, .responsive .module .tab ul.nav-tabs a { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .responsive .module .tab ul.nav-tabs li { margin-bottom:5px; border:1px dashed #ebebeb } .responsive .module.mod-style3 .tab ul.nav-tabs { background-color:transparent } .responsive .module.mod-style3 .tab ul.nav-tabs li a { background-color:#1a455d } .responsive .module.mod-style3 .tab ul.nav-tabs li:hover a, .responsive .module.mod-style3 .tab ul.nav-tabs li.active a { background-color:#189f2b } .responsive #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item, .responsive #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item { padding:0 0 28px 0 !important } .responsive .form-list input.inputbox, .responsive .form-list select.inputbox { width:100% !important } .responsive .vmshop-account.account-login .buttons-set input, .responsive .vmshop-account.account-login .buttons-set .vina-button, .responsive .vmshop-account.account-logout .buttons-set input, .responsive .vmshop-account.account-logout .buttons-set .vina-button { float:none; width:100%; margin-bottom:5px } .responsive .acymailing_module form table tbody > tr td { width:100%; display:inline-block } .responsive .acymailing_module form table tbody > tr td input { width:100% } .responsive #checkoutForm .cart-summary tbody .tb-total .total-block, .responsive #checkoutForm .cart-summary tbody .vm-price-value span { font-size:12px } .responsive #adminForm button { padding:10px 12px } .responsive .vm-pagination.vm-pagination-bottom { text-align:center !important } .responsive .vm-pagination.vm-pagination-bottom .vm-page-counter { float:left; width:100% } .responsive #sp-header-wrapper #header .block-mini-cart .pull-left { clear:both; float:none; margin:0 0 5px } .responsive #sp-header-wrapper #header .block-mini-cart .mini-cart { display:block } .responsive #sp-header-wrapper #header .block-mini-cart { display:block } .responsive #sp-mini-cart .block-mini-cart .mini-cart .mini-cart-content { left:0; margin:auto; right:0 } } @media (max-width: 479px) { .responsive .close-menu { padding:5px !important } .responsive .breadcrumb>li { margin-bottom:10px } .responsive .product .actions .vm-details-button a { padding:10px 0 } .responsive .style-layout2 .vina-carousel-virtuemart .item.product .vm-details-button a { font:normal 12px/1.1em tahoma, Arial, Helvetica, sans-serif } .responsive .style-layout2 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { padding:10px 0 } .responsive .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls { right:0 !important } .responsive .style-layout3 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button, .responsive .style-layout4 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { height:32px !important } .responsive .style-layout3 #sp-left .vina-carousel-virtuemart, .responsive .style-layout3 #sp-right .vina-carousel-virtuemart, .responsive .style-layout4 #sp-left .vina-carousel-virtuemart, .responsive .style-layout4 #sp-right .vina-carousel-virtuemart { width:98% !important } .responsive .style-layout3 #sp-left .module .mod-content .vina-carousel-virtuemart .owl-controls .owl-next, .responsive .style-layout3 #sp-right .module .mod-content .vina-carousel-virtuemart .owl-controls .owl-next, .responsive .style-layout4 #sp-left .module .mod-content .vina-carousel-virtuemart .owl-controls .owl-next, .responsive .style-layout4 #sp-right .module .mod-content .vina-carousel-virtuemart .owl-controls .owl-next { right: -20px } .responsive .style-layout3 .vina-carousel-virtuemart, .responsive .style-layout4 .vina-carousel-virtuemart { width:100% !important; margin:0 !important } .responsive .style-layout3 .vina-carousel-virtuemart .item.product, .responsive .style-layout4 .vina-carousel-virtuemart .item.product { margin:0 0 30px !important } .responsive .module.mod-style3 .tab ul.nav-tabs li a, .responsive .module.mod-style4 .tab ul.nav-tabs li a { height:auto; line-height:25px } .responsive .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .module.mod-style3 #vina_related_product .buttons { top: -52px } .responsive .module.mod-style4 .tab ul.nav-tabs { background-color:transparent } .responsive .module.mod-style4 .tab ul.nav-tabs li, .responsive .module.mod-style4 .tab ul.nav-tabs a { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .responsive .module.mod-style4 .tab ul.nav-tabs li { margin-bottom:5px } .responsive #sp-header-wrapper #sp-header-block .custom .header-block-static .box-col { width:100%; padding:5px } .responsive #sp-header-wrapper #sp-header-block .custom .header-block-static .box-col .box-col-inner { display:inline-block } .responsive #sp-header-wrapper #sp-header-block .custom .header-block-static .box-col.first-box .box-col-inner { float:none !important } .responsive .block-mini-cart .mini-cart .mini-cart-content { right: -52px } .responsive .module.mod_latest_blog h3.vina-header, .responsive .no-padding .tab ul.nav { margin-left:0; margin-right:0 } .responsive .vina-carousel-virtuemart .item, .responsive .vina-carousel-content .item { margin:0 0 20px !important } .responsive .vina-carousel-virtuemart .item.product, .responsive .vina-carousel-content .item.product { width:100%; margin:0 0 20px !important } .responsive .vina-camera-slider-wrapper .camera_caption { display:none !important } .responsive .module .tab ul.nav-tabs li a { font-size:16px; padding:10px 8px 9px } .responsive .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .vina-carousel-content.owl-theme .owl-controls, .responsive #vina_related_product .buttons { right:0px } .responsive .vm-order-list, .responsive .display-number { width:100%; text-align:center !important } .responsive .display-number { margin-bottom:10px } .responsive .vm-order-list .orderlistcontainer { width:100%; margin-bottom:10px } .responsive #sp-our-brands-wrapper { margin-top:0px } .responsive #sp-our-brands-wrapper.style-layout4 { margin-top:0px } .responsive .vina-list-2 { padding:0px 10px 30px } .responsive .vina-list-2 .list-left-item, .responsive .vina-list-2 .list-right-item { float:none; text-align:center; width:100% } .responsive .vina-list-2 .list-left-item .list-2-img, .responsive .vina-list-2 .list-right-item .list-2-img { float:none; display:inline-block } .responsive .product-neighbours a { font-size:12px } .responsive .product-neighbours a.previous-page { padding-left:20px } .responsive .product-neighbours a.next-page { padding-right:20px } .responsive .media .item-image { padding:20px 10px } .responsive #comments-form input, .responsive #comments-form textarea#comments-form-comment { width:100% !important } .responsive #checkoutForm .cart-summary .tb-tfoot .coupon { width:100% } .responsive #checkoutForm .billto-shipto .width50 { width:100% !important; margin:10px 0 !important } .responsive #checkoutForm .cart-summary .tb-tfoot input { margin-top:5px } .responsive #adminForm td { display:inline-block; padding:0; width:100% } .responsive #adminForm td>* { width:100% !important } .responsive .module.mod-style2 .tab ul.nav-tabs li { margin-bottom:5px; margin-right:5px } .responsive #sp-header-wrapper #header .block-mini-cart .pull-left { clear:both; float:none; margin:0 0 5px } .responsive #sp-header-wrapper #header .block-mini-cart .mini-cart { display:block } .responsive #sp-header-wrapper #header .block-mini-cart { display:block } .responsive #sp-mini-cart .block-mini-cart .mini-cart .mini-cart-content { left:0; margin:auto; right:0 } .style-layout3 .spacer-buy-area .addtocart-area .product { float:left; padding:0 5px 10px !important } } @media (max-width: 599px) { .responsive .row-offcanvas-right .sidebar-offcanvas { right: -80% } .responsive .row-offcanvas-left .sidebar-offcanvas { left: -80% } .responsive .row-offcanvas-right.active { right:80% } .responsive .row-offcanvas-left.active { left:80% } .responsive .sidebar-offcanvas { width:80% } } @media (max-width: 767px) { .responsive.bg { padding-left:0; padding-right:0 } .responsive .container { padding:0 10px; max-width:480px; min-width:200px } .responsive #sp-top-wrapper { padding:0; text-align:center } .responsive #sp-top-wrapper .module.mod_currency, .responsive #sp-top-wrapper .module.custom_language { float:none } .responsive #sp-top-wrapper .module.mod_currency { margin-right:0px } .responsive #sp-top-wrapper .module.mod_top_menu ul { float:none } .responsive #sp-top-wrapper ul.dropdown-menu { text-align:left } .responsive #sp-header-wrapper #sp-header-block .header-block-static .box-col.first-box .box-col-inner { float:right } .responsive #sp-header-wrapper #sp-header-block .header-block-static .box-col.last-box { text-align:center } .responsive #sp-header-wrapper #sp-header-block .header-block-static .box-col.last-box .box-col-inner { display:inline-block } .responsive #sp-header-wrapper .box-col-inner .pull-left { display:block; margin:5px auto; padding:0; float:none } .responsive #sp-header-wrapper .box-col-inner .media-body { display:inline-block } .responsive .vina-camera-slider-wrapper .camera_caption .content-slideshow h2.title { font-size:25px } .responsive .vina-camera-slider-wrapper .camera_caption .content-slideshow h3.subtitle { font-size:30px } .responsive .vina-camera-slider-wrapper .camera_caption .content-slideshow .intro { font-size:12px } .responsive .vina-camera-slider-wrapper .camera_caption .content-slideshow a.btn-buy { padding:6px 15px !important } .responsive #sp-feature .vina-camera-slider-wrapper .camera_caption, .responsive #sp-feature-full .vina-camera-slider-wrapper .camera_caption { left:45px !important; width:388px !important } .responsive #sp-feature .vina-camera-slider-wrapper .camera_caption a.btn-buy, .responsive #sp-feature-full .vina-camera-slider-wrapper .camera_caption a.btn-buy { display:none !important } .responsive #sp-feature .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption { left:45px !important; width:388px !important } .responsive #sp-feature .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow h2.title { font-size:18px } .responsive #sp-feature .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow h3.subtitle { font-size:26px } .responsive #sp-feature .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow .intro { font-size:12px } .responsive #sp-feature .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow a.btn-buy { display:none } .responsive #sp-banner-top-right { margin-bottom:40px } .responsive #sp-tabs-product { padding-top:40px } .responsive .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .vina-carousel-content.owl-theme .owl-controls { top: -53px } .responsive .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls { right:7px } .responsive .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls { top: -53px } .responsive .module.mod_latest_blog h3.vina-header, .responsive .module h3.vina-header, .responsive .module .tab ul.nav-tabs { margin-bottom:60px } .responsive .module .mod-vina-content .vina-manufacturers-virtuemart .vina-prev, .responsive .module .mod-vina-content .vina-manufacturers-virtuemart .vina-next { top: -53px } .responsive .product-related-products.module h3.vina-header { margin-bottom:25px } .responsive .banner-home .box-col { margin-bottom:30px } .responsive #sp-left .banner-home .box-col, .responsive #sp-right .banner-home .box-col { margin-bottom:0 } .responsive #sp-link-follow2, .responsive #sp-link-follow3, .responsive #sp-bottom2, .responsive #sp-bottom3 { margin-top:30px } .responsive .vm-product-container .vm-product-media-container, .responsive .vm-product-container .vm-product-details-container { width:100%; margin-bottom:20px } .responsive .vm-product-container .vm-product-details-container { padding-left:0 } .responsive .additional-images .row-fluid, .responsive .additional-images .row-fluid:first-child { margin-bottom:0 } .responsive .additional-images .additional-images-inner { width:25%; display:inline-block; float:left; padding:3px } .responsive .product.vm-col { margin-bottom:30px } .responsive #sp-left .module .mod-content .tagspopular ul li a, .responsive #sp-right .module .mod-content .tagspopular ul li a { padding:6px 15px } .responsive .module.mod-style2 .tab ul.nav-tabs li a { font-size:13px; padding:10px 10px 9px } .responsive .link-follow-content .images_static a { width:100% } .responsive .our-project .carousel .carousel-control.left, .responsive .our-team .carousel .carousel-control.left, .responsive .our-partners .carousel .carousel-control.left { left:0 !important } .responsive .our-project .carousel .carousel-control.right, .responsive .our-team .carousel .carousel-control.right, .responsive .our-partners .carousel .carousel-control.right { right:0 !important } .responsive .carousel .carousel-control.left { left:0 !important } .responsive .carousel .carousel-control.right { right:0 !important } .responsive .our-experience-inner .experience-content .item { width:100%; margin-bottom:10px } .responsive .our-partners .row-box { margin-bottom:0px } .responsive .our-partners .row-box > div, .responsive .our-partners .row-box .span4 { margin-bottom:20px } .responsive .our-team .team-item { margin-bottom:20px } .responsive .module .sp_strong h3.header { font-size:26px } .responsive .our-project .item .row-fluid>div { margin-bottom:20px } .responsive .vina-list-2 .list-col { width:100% } .responsive .vina-list-2 .list-left { border-right:0px } .responsive .vina-our-work .list-work .work-item { min-height:186px; margin-bottom:20px } .responsive .vina-our-work .list-work .work-item .item-img { padding:50px 0px } .responsive .vina-our-work, .responsive .vina-clients, .responsive .our-project, .responsive .our-team, .responsive .testimonials-partners { background-size:100% 100% !important } .responsive .our-price .price-item { margin-bottom:20px } .responsive .buttons-set { text-align:center; text-align:center } .responsive .buttons-set th, .responsive .buttons-set tr, .responsive .buttons-set td { text-align:center } .responsive #checkoutForm .cart-summary .cart-images, .responsive .cart-images { display:none !important } .responsive #checkoutForm .cart-summary tbody td { padding:15px 0 } .responsive #checkoutForm .cart-summary tbody .tb-total .vm-continue-shopping { width:100% } .responsive #checkoutForm .cart-summary tbody .tb-total .total-block { width:100%; padding-right:0px; margin-top:10px; text-align:left } .responsive #sp-footer-wrapper .copyright { text-align:center; text-align:center } .responsive #sp-footer-wrapper .copyright th, .responsive #sp-footer-wrapper .copyright tr, .responsive #sp-footer-wrapper .copyright td { text-align:center } .responsive #sp-footer2 { display:inline } } @media (min-width: 480px) and (max-width: 767px) { .responsive .display-number { width:100%; text-align:center !important; margin:20px 0 } .responsive .vina-list-2 .list-left-item p { padding:0 150px 0 0 } .responsive .vina-list-2 .list-right-item p { padding:0 0 0 150px } .responsive .browse-view .product.vm-col .actions .vm-addtocart-button, .responsive .browse-view .product.vm-col .actions .vm-details-button { width:35% } .responsive .browse-view .product.vm-col .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button, .responsive .browse-view .product.vm-col .vm-details-button a { height:35px; padding:10px 0 !important } .responsive .style-layout3 .browse-view .product.vm-col .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button, .responsive .style-layout3 .browse-view .product.vm-col .vm-details-button a, .responsive .style-layout4 .browse-view .product.vm-col .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button, .responsive .style-layout4 .browse-view .product.vm-col .vm-details-button a { height:50px } .responsive .browse-view .orderby-displaynumber .display-number { float:left; margin:0 0 0 20px; width:auto } #sp-header-wrapper .container #header #sp-mini-cart { width:29% } #sp-header-wrapper .container #header #sp-header-block { width:71% } #sp-header-wrapper #header #sp-mini-cart .vmCartModule { display:inline-block; padding:20px 10px; text-align:center } .responsive #sp-header-wrapper .block-mini-cart { display:inline-block; text-align:center } .responsive #sp-header-wrapper #header .block-mini-cart .pull-left { display:inline-block; float:none; margin:5px 0 } } @media (min-width: 480px) and (max-width: 979px) { .responsive .product .actions .vm-details-button, .responsive .product .actions .vm-addtocart-button { width:100%; margin:0 auto } .responsive .product .actions .vm-details-button a { padding:6px 0; margin:0 auto } .responsive .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { padding:6px 0; height:27px } .responsive .style-layout2 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { height:auto } .vina-ticker-virtuemart .vina-items-wrapper .vina-items h3.product-title { display:block; clear:both } } @media (min-width: 768px) and (max-width: 979px) { .responsive #sp-link-follow-wrapper h3.header span, .responsive #sp-bottom-wrapper h3.header span { padding-right:5px } .responsive .display-number { float:left !important; margin-top:15px } .responsive .product-price .vm-display span.PricesalesPrice { font-size:20px } .responsive .style-layout2 .product .actions .vm-details-button a { padding:10px 0 } .responsive .owl-carousel .owl-wrapper-outer { background:#fff } .responsive .style-layout4 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { font-size:12px !important; padding:0 5px } .responsive .style-layout2 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { padding:10px 15px } .responsive .style-layout2 #sp-left .module h3.header, .responsive .style-layout2 #sp-right .module h3.header { font-size:13px } .responsive .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .module.mod-style3 .vina-carousel-content.owl-theme .owl-controls, .responsive .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls { right:9px } .responsive #sp-left .module h3.header, .responsive #sp-right .module h3.header { font-size:13px; padding:10px 10px 10px 20px } .responsive #sp-left .module .cf_wrapp_all .cf_flt_header, .responsive #sp-right .module .cf_wrapp_all .cf_flt_header { font-size:12px; padding:10px 10px 10px 20px } .responsive #sp-left .module.mod_filter h3.header:before, .responsive #sp-right .module.mod_filter h3.header:before { margin-left: -10px } .responsive #sp-left .module.mod_treeview_vm3 h3.header, .responsive #sp-right .module.mod_treeview_vm3 h3.header { padding:10px 10px 10px 30px !important; background-position:10px 48% !important } .responsive #sp-left .module.mod_filter .cf_wrapper_inner, .responsive #sp-left .module.mod_filter .cf_resetAll_link, .responsive #sp-left .module.mod_bestseller .mod-content, .responsive #sp-right .module.mod_filter .cf_wrapper_inner, .responsive #sp-right .module.mod_filter .cf_resetAll_link, .responsive #sp-right .module.mod_bestseller .mod-content { padding:20px 10px 10px 20px } .responsive #sp-left .module.mod_treeview_vm3 .mod-content, .responsive #sp-left .module.mod_filter .mod-content, .responsive #sp-right .module.mod_treeview_vm3 .mod-content, .responsive #sp-right .module.mod_filter .mod-content { padding:0 } .responsive #sp-left .module .mod-content, .responsive #sp-right .module .mod-content { padding:20px 10px 10px 20px } .responsive #sp-left .module .mod-content div.vina-treeview-virtuemart .treeview li > a, .responsive #sp-right .module .mod-content div.vina-treeview-virtuemart .treeview li>a { font-size:13px; padding:0px 10px 0 15px } .responsive #sp-left .module.mod-style3 h3.header, .responsive #sp-right .module.mod-style3 h3.header { font-size:14px } .responsive .c100:hover .bar, .responsive .c100:hover .fill, .responsive .c100:hover .slice { clip:rect(0px,124px,124px,0px) } .responsive .c100 { width:124px; height:124px } .responsive .c100 .percent { width:120px; line-height:120px } .responsive .c100 .percent:before { width:90px; height:90px; line-height:90px } .responsive .c100 .slice { width:124px; height:124px; clip:rect(0px,124px,124px,62px) } .responsive .c100 .bar { width:120px; height:120px; clip:rect(0px,62px,124px,0px) } .responsive .c100 .fill { width:120px; height:120px; clip:rect(0px,62px,124px,0px) } .responsive .our-team .team-item .team-img img { width:159px; height:159px } .responsive .our-team .team-item .person-info p { font-size:13px } .responsive .testimonials-partners .testimonial-item .test-text { width:60% } .responsive .acymailing_module form table tbody > tr td { width:100%; display:inline-block } .responsive .acymailing_module form table tbody > tr td input { width:100% } .responsive #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter { width:90px; margin-left:10px; padding:0 !important } .responsive #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_slider_gutter_m { width:78px } .responsive #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .slider_bkg_img { margin:0 0 0 -8px; width:94px } .responsive #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_filtering_slide_container .cf_filtering_slider_gutter .cf_filtering_knob { width:16px } #link-follow #sp-link-follow1 .mod-wrapper-flat .link-follow-content .about a { word-wrap:break-word; word-break:break-all; -ms-word-wrap:break-word; -ms-word-break:break-all; width:100%; display:inline-block; word-break:keep-all; -ms-word-break:keep-all } .cf_flt_wrapper .cf_flt_header+div { height:170px !important } .responsive #sp-left .module .cf_wrapp_all .cf_form .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal input[type="search"] { min-width:100px } .responsive #sp-left .module .cf_wrapp_all .cf_form .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal .cf_search_button { margin:8px 0 0 0 } .responsive .browse-view .orderby-displaynumber .display-number { float:left !important; margin-top:0px; margin-left:15px } .spacer-buy-area .addtocart-area .addtocart-bar span.addtocart-button { margin:10px 0 0 0 } .responsive .style-layout3 #sp-component-area .browse-view .product.vm-col { height:515px } .responsive .style-layout3 #sp-component-area-wrapper .product h2.product-title a { height:74px } #sp-header-wrapper #header #sp-header-block { width:72% } #sp-header-wrapper #header #sp-mini-cart { width:28% } #sp-header-wrapper #header #sp-mini-cart .vmCartModule { padding:20px 10px } #bottom #sp-bottom1 .module.custom_contact_us .custom-content .media-body p { line-height:normal; padding:9px 0 0 } } @media (max-width: 979px) { .responsive #sp-header-wrapper [class*="span"] { width:auto; float:left } .responsive #sp-header-wrapper [class*="span"]#sp-menu { float:right } .responsive .row-offcanvas { position:relative; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; transition:all .25s ease-out } .responsive .row-offcanvas-right { right:0 } .responsive .row-offcanvas-left { left:0 } .responsive .row-offcanvas-right .sidebar-offcanvas { right: -50%; left:auto } .responsive .row-offcanvas-left .sidebar-offcanvas { left: -50%; right:auto } .responsive .row-offcanvas-right.active { right:50% } .responsive .row-offcanvas-left.active { left:50% } .responsive .row-offcanvas-right.active .sidebar-offcanvas { right:0% } .responsive .row-offcanvas-left.active .sidebar-offcanvas { left:0% } .responsive .sidebar-offcanvas { position:fixed !important; top:0 !important; width:50%; height:auto; overflow-y:auto; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s } .responsive .sidebar-offcanvas ul { width:100% !important } .responsive .row-offcanvas .btn-primary:hover, .responsive .row-offcanvas .btn-primary:focus, .responsive .row-offcanvas .btn-primary:active, .responsive .row-offcanvas .btn-primary.active, .responsive .row-offcanvas .btn-primary.disabled, .responsive .row-offcanvas .btn-primary[disabled] { background-color:#222 } .responsive .menu-item .menu-image { display:none } .responsive #sp-header-wrapper #sp-logo, .responsive #sp-header-wrapper #sp-header-block, .responsive #sp-header-wrapper #sp-mini-cart { width:100%; margin:0 !important; text-align:center } .responsive #sp-header-wrapper .logo { display:inline-block } .responsive #sp-header-wrapper .header-block-static .box-col { width:33%; padding:20px 10px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .responsive #sp-header-wrapper .block-mini-cart { float:none } .responsive #sp-main-menu-wrapper.nav-container-fix { position:static !important } .responsive #sp-main-menu-wrapper #sp-menu { display:inline-block; float:right; position:relative; width:20% } .responsive #sp-main-menu-wrapper #sp-menu .vina-menu { right:auto; top:auto; } /*.responsive #sp-main-menu-wrapper #sp-menu .btn-primary:hover, .responsive #sp-main-menu-wrapper #sp-menu .btn-primary:focus, .responsive #sp-main-menu-wrapper #sp-menu .btn-primary:active, .responsive #sp-main-menu-wrapper #sp-menu .btn-primary.active, .responsive #sp-main-menu-wrapper #sp-menu .btn-primary.disabled, .responsive #sp-main-menu-wrapper #sp-menu .btn-primary[disabled] { background-color:#222 }*/ .responsive #sp-main-menu-wrapper #sp-search { float:left; width:80%; padding:10px 0px; margin:0 } .responsive .vina-camera-slider-wrapper .camera_caption { top:3% !important } .responsive .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption { width:500px !important } .responsive .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow h2.title { font-size:30px } .responsive .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow h3.subtitle { font-size:34px } .responsive .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow .intro { font-size:12px } .responsive .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow a.btn-buy { font-size:12px } .responsive #sp-main-menu-wrapper.style-layout2 #sp-search, .responsive #sp-main-menu-wrapper.style-layout4 #sp-search { padding:10px !important } .responsive .vina-list-2 .list-left-item h3, .responsive .vina-list-2 .list-right-item h3 { font-size:16px } .responsive .vina-list-2 .list-left-item p, .responsive .vina-list-2 .list-right-item p { padding:0 10px } .responsive #vina_contact_us .vina-social ul li a { display:inline-block; margin-bottom:10px } .responsive .our-price .price-item .vina-button-2, .responsive .testimonials-partners .testimonial-item .test-text >div p, .responsive .vina-our-work .list-work .work-item .item-info p { font-size:11px } .responsive .module.mod-style4 .tab ul.nav-tabs li a { padding:10px 20px; font-size:16px; height:auto; line-height:20px } .responsive .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls { top: -50px } .responsive .module.mod-style4 h3.vina-header, .responsive .module.mod-style4 .tab ul.nav-tabs { margin-bottom:60px } .responsive .module.mod-style4 .mod-vina-content .vina-manufacturers-virtuemart .vina-prev, .responsive .module.mod-style4 .mod-vina-content .vina-manufacturers-virtuemart .vina-next { top: -53px } .responsive .style-layout4 .owl-carousel .owl-item, .responsive .module.mod-style4 .owl-carousel .owl-item { background-color:#f0f2f3 !important } .responsive .style-layout4 .vina-carousel-content.owl-carousel .owl-item, .responsive .module.mod-style4 .vina-carousel-content.owl-carousel .owl-item { background-color:#fff !important } .responsive #sp-our-experience-wrapper { padding-top:0 } .responsive .entry-meta ul.actions { float:left; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:5px 0 } .responsive #our-brands { padding-bottom:30px } } @media (min-width: 768px) and (max-width: 1200px) { .responsive #sp-link-follow-wrapper h3.header, .responsive #sp-bottom-wrapper h3.header { font-size:16px !important } .responsive #sp-link-follow-wrapper.style-layout2 h3.header, .responsive #sp-link-follow-wrapper.style-layout4 h3.header, .responsive #sp-bottom-wrapper.style-layout2 h3.header, .responsive #sp-bottom-wrapper.style-layout4 h3.header { font-size:12px !important } .responsive #sp-link-follow-wrapper.style-layout3 h3.header, .responsive #sp-bottom-wrapper.style-layout3 h3.header { font-size:14px !important } .responsive .link-follow-content .tweet-content .twitter-article { margin-bottom:10px } .responsive .link-follow-content .tweet-content .twitter-article:last-child { margin-bottom:5px } .responsive .custom.custom_link_follow3 .box-shipping, .responsive .custom.custom_link_follow3 .box-order { padding:22.5px 23px } .responsive #sp-left .module .cf_wrapp_all .cf_wrapper_inner input.cf_smart_search, .responsive #sp-right .module .cf_wrapp_all .cf_wrapper_inner input.cf_smart_search { font-size:9px } .responsive #sp-left .module .cf_wrapp_all .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal input[type="search"], .responsive #sp-right .module .cf_wrapp_all .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal input[type="search"] { height:26px !important; min-width:32px } .responsive #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .products-images, .responsive #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .products-images { margin:0; width:100%; text-align:center; text-align:center } .responsive #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .products-images th, .responsive #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .products-images tr, .responsive #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item .products-images td, .responsive #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .products-images th, .responsive #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .products-images tr, .responsive #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item .products-images td { text-align:center } } @media (min-width: 979px) and (max-width: 1200px) { .responsive .style-layout2 .logo-wrapper { padding:0 } .responsive .block-mini-cart h3.header { width:75px } .responsive .vina-camera-slider .camera_caption { top:7% !important } .responsive .style-layout2 #sp-main-menu ul.level-0 > li >a span.menu:after { content:"" } .responsive .style-layout2 .product .actions .vm-addtocart-button, .responsive .style-layout2 .product .actions .vm-details-button { width:100% } .responsive .style-layout2 .product .actions .vm-details-button a, .responsive .style-layout2 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button, .responsive .product .actions .vm-details-button a, .responsive .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { padding:10px 5px } .responsive .module.mod-style3 .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .module.mod-style3 .vina-carousel-content.owl-theme .owl-controls, .responsive .module.mod-style4 .vina-carousel-virtuemart.owl-theme .owl-controls, .responsive .module.mod-style4 .vina-carousel-content.owl-theme .owl-controls { right:12px; .style-layout3 #sp-component-area .browse-view .product.vm-col { height:495px } .style-layout3 #sp-component-area-wrapper .product h2.product-title a { height:58px } } .cf_flt_wrapper .cf_flt_header+div { height:145px !important } .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal .cf_search_button { margin:5px 0 0 0 } .responsive #sp-left .module .cf_wrapp_all .cf_form .cf_wrapper_inner .cf_wrapper_input_text .form-horizontal input { min-width:100px } } @media (max-width: 1200px) { .responsive #sp-main-menu ul.level-0>li>a { font-size:16px; padding:15px 20px } .responsive .style-layout3 .vina-carousel-virtuemart .item.product, .responsive .style-layout4 .vina-carousel-virtuemart .item.product { overflow:visible } .responsive .style-layout4 #sp-left .product .vm-product-media-container, .responsive .style-layout4 #sp-right .product .vm-product-media-container { margin:0 } .responsive .style-layout4 #sp-left .product .vm-product-media-container .browseProductImage, .responsive .style-layout4 #sp-right .product .vm-product-media-container .browseProductImage { width:auto !important } .responsive .vina-carousel-virtuemart .item { margin:0 14px 40px !important } .responsive .style-layout2 #sp-main-menu ul.level-0>li>a { font-size:14px; padding:15px 10px } .responsive .style-layout4 #sp-main-menu ul.level-0>li>a { padding:10px 20px; height:30px; line-height:30px; font-size:13px !important } .responsive .vina-banner.banner-top-right .box-col-2 { margin:20px 0 0 } .responsive .style-layout2 .product .actions .vm-details-button a, .responsive .style-layout2 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button, .responsive .product .actions .vm-details-button a, .responsive .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { font:normal 12px/1.1em tahoma, Arial, Helvetica, sans-serif } .responsive .style-layout3 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { height:auto } .responsive .vina-list-2 .list-left-item p, .responsive .vina-list-2 .list-right-item p { font-size:12px } .responsive #vina_contact_us .contact_block { margin-bottom:8px } .responsive #vina_contact_us .contact_block h3 { font-size:20px !important; margin-bottom:10px } .responsive .our-partners .carousel .carousel-control.right { top:37% } .responsive #vina_contact_us .logo_contact { padding:20px 0 28px } .responsive ul.link-follow li { margin-right:12px } } @media (min-width: 1200px) { .responsive .container, .responsive .navbar-static-top .container, .responsive .navbar-fixed-top .container, .responsive .navbar-fixed-bottom .container { width:1200px } } @media (max-width: 767px) { .body.responsive #error-page h1.error-code { font-size:50px !important; line-height:120px !important } .body.responsive #error-page p.error-message { font-size:14px !important } } .fixed .hidden-desktop { display:none } .top_section .menu_overflow #business_div { display:none } .style-layout3 #sp-component-area-wrapper .product .vm-product-media-container .browseProductImage { height:250px } .style-layout3 #sp-component-area-wrapper .product h2.product-title a { display:block; height:42px } .style-layout3 #sp-component-area .browse-view .product.vm-col { height:480px; display:block; text-align:center } .owl-wrapper .text-block .PricesalesPrice, #sp-component-wrapper .PricesalesPrice { display:inline-block; margin:0 0 0 2px } .style-layout3 .vina-carousel-virtuemart .owl-wrapper .item.product { height:425px; text-align:center } .body-innerwrapper .style-layout3 .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { float:none; margin:0 auto } #sp-main-body-wrapper .vina-carousel-virtuemart .product .price-detail { display:inline-block; height:94px } #sp-main-body-wrapper .owl-wrapper .product .product-title { text-align:center } #sp-header-block .header-block-static .row-fluid .span4 { width:48% } #header #sp-mini-cart { margin-left:0.56% } .mod-wrapper-flat .custom.custom_link_follow3 .box-shipping .media-body h3 { margin:10px 0 0 } #sp-bottom1 .module.custom_contact_us .custom-content .media-body p { line-height:40px } #sp-mini-cart .block-mini-cart { width:100% } #vmMainPageOPC #onepage_main_div select { padding-right:0px\9 } .vmshop-account.account-login .content, .vmshop-account.account-logout .content { border-color:#d8d8d8 } #com-form-login-username input, #com-form-login-password input { border:1px solid #d8d8d8 } .vmshop-account.account-login .buttons-set, .vmshop-account.account-logout .buttons-set { border:1px solid #d8d8d8 } .style-layout3 .product-price .vm-display span.PricesalesPrice { font-size:22px } .vina-carousel-virtuemart .item.product .yousave { font-size:12px } .vina-carousel-virtuemart .item.product .desctext { font-size:12px } .ads1 { padding-top:15px } /*------ /New_HOS/hosi/templates/vina_bonnie/css/gallery.css ------*/ .gallery-filters { margin-bottom:20px } ul.gallery { display:block; margin: -5px } ul.gallery li { display:block; padding:0; margin:0; float:left } ul.gallery li>a { margin:5px; display:block; position:relative } ul.gallery .modal .close-modal { position:absolute; right: -8px; top: -8px; width:20px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#ccc; background:#fff; border:1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; z-index:1 } .isotope, .isotope .isotope-item { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s } .isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-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; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property:transform, opacity } /*------ /New_HOS/hosi/templates/vina_bonnie/css/presets/preset1.css ------*/ .clearfix { *zoom:1 } .clearfix:before, .clearfix:after { display:table; content:""; line-height:0 } .clearfix:after { clear:both } .hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .input-block-level { display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .btn-primary, button, input[type='submit'], input[type='button'], submit { background-color:#189f2b } ul.link-follow li a:hover { color:#fff; background-color:#189f2b } .chzn-container .chzn-results .highlighted, .chzn-container .chzn-results .result-selected { color:#189f2b } input.highlight-button:hover, input[type='submit'].highlight-button:hover { background-color:#189f2b !important } #sp-main-menu li li:not(.sp-menu-group) a { /*background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/presets/preset1/black-dot.png') no-repeat 0 14px*/ } #checkoutForm button:hover, #checkoutForm input.details-button:hover, #checkoutForm button.details-button:hover, #checkoutForm button.btn-login:hover, #checkoutForm input.btn-login:hover, .cart-view button:hover, .cart-view input.details-button:hover, .cart-view button.details-button:hover, .cart-view button.btn-login:hover, .cart-view input.btn-login:hover, .vmshop-cart-account button:hover, .vmshop-cart-account input.details-button:hover, .vmshop-cart-account button.details-button:hover, .vmshop-cart-account button.btn-login:hover, .vmshop-cart-account input.btn-login:hover { background-color:#189f2b } .module.mod_top_menu ul.nav li.active a, #sp-bottom-wrapper ul.nav li.active a { color:#189f2b !important } .custom_link_follow3 .custom-content .shapes, .custom_contact_us .custom-content .shapes { background-color:#189f2b } ul.gallery .gallery-caption .caption-body a:hover { color:#189f2b; border:1px solid #189f2b } div.gallery-filters a.active, div.gallery-filters a:hover { background-color:#189f2b } .vina-title h1.header, h1.page-user-title, h2.page-user-title { color:#189f2b } .vm-product-rating-container .amount a:hover { color:#189f2b !important } .block-mini-cart .mini-cart .mini-cart-content .show_cart a:hover { background-color:#189f2b } .block-mini-cart:hover .icon-cart { background-color:#189f2b; border-color:#189f2b } body { color:#444 } body.bg { background-color:#fff } .vina-camera-slider-wrapper .camera_caption .content-slideshow a.btn-buy:hover { border:1px solid #189f2b; background-color:#189f2b } .module.mode_slider_home2 .vina-camera-slider-wrapper .vina-camera-slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/presets/preset1/sequence_act.png') no-repeat } .module.mode_slider_home2 .vina-camera-slider-wrapper .camera_caption .content-slideshow a.btn-buy:hover { background-color:#189f2b } .module h3.vina-header span { background-color:#189f2b } .module .vina-manufacturers-virtuemart .vina-prev, .module .vina-manufacturers-virtuemart .vina-next, #vina_related_product .buttons a#prev_FredSel, #vina_related_product .buttons a#next_FredSel { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/presets/preset1/btn-slider.png') no-repeat; background-position:100% 0 } .module.mod-style1 .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls .owl-prev, .module.mod-style1 .moduletable .vina-carousel-virtuemart.owl-theme .owl-controls .owl-next, .module.mod-style1 .vina-carousel-content.owl-theme .owl-controls .owl-prev, .module.mod-style1 .vina-carousel-content.owl-theme .owl-controls .owl-next { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/presets/preset1/btn-slider.png') no-repeat; background-position:100% 0 } .module .tab ul.nav-tabs li:hover a, .module .tab ul.nav-tabs li.active a { background-color:#189f2b !important } #sp-top-wrapper a:hover { color:#189f2b } .module.custom_language .btn:hover a { color:#189f2b !important } .module.custom_language .btn:hover .caret { border-top:4px solid #189f2b } .module.custom_language .dropdown-menu>li>a:hover, .module.custom_language .dropdown-menu>li>a:focus, .module.custom_language .dropdown-submenu:hover>a, .module.custom_language .dropdown-submenu:focus>a, .module.custom_language .dropdown-menu li.result-selected a { color:#189f2b !important } #cur_form .bootstrap-select .dropdown-menu li.selected >a span.text { color:#189f2b } #cur_form .bootstrap-select .dropdown-menu >li >a:hover span.text, #cur_form .bootstrap-select .dropdown-menu >li >a:focus span.text { color:#189f2b } #cur_form .bootstrap-select:hover button span { color:#189f2b } #cur_form .bootstrap-select:hover button span.caret { border-top:4px solid #189f2b } .breadcrumb>li>span:last-child { color:#189f2b } .vm-pagination ul li.pagination-active a { color:#189f2b } .vina-carousel-virtuemart .item a:hover { color:#189f2b !important } .vina-carousel-virtuemart .item .vm-details-button a { color:#189f2b !important } .vina-carousel-virtuemart .item .vm-details-button a:hover { color:#fff !important } .product-price .vm-display span.PricesalesPrice { color:#189f2b } .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button { border:1px solid #189f2b; color:#189f2b } .product .actions .vm-addtocart-button .addtocart-area .addtocart-bar span.addtocart-button input.addtocart-button:hover { color:#fff; background-color:#189f2b } .product .actions .vm-details-button a { border:1px solid #189f2b; color:#189f2b } .product .actions .vm-details-button a:hover { color:#fff; background-color:#189f2b } span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover { background-color:#189f2b } .productdetails .tab-block ul.nav li.active a, .productdetails .tab-block ul.nav li:hover a { background-color:#189f2b } .vm-product-media-container .additional-images .additional-images-inner:hover { background:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/presets/preset1/zoom_thumbnail.png') no-repeat center top } .vm-product-media-container .additional-images .additional-images-inner:hover img { border:3px solid #189f2b } .vm-product-details-container .vm-product-details-inner .manufacturer a { color:#189f2b } .vm-product-details-container .icons a:hover, .vm-product-details-container .icons a:not(.btn):hover { background-color:#189f2b } #sp-header-wrapper { background-color:#fff; background-image: -moz-linear-gradient(top, #ffffff, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fff)); background-image: -webkit-linear-gradient(top, #ffffff, #fff); background-image: -o-linear-gradient(top, #ffffff, #fff); background-image:linear-gradient(to bottom, #ffffff, #fff); background-repeat:repeat-x } #sp-header-wrapper .logo { background-image:url('https://www.familyfuninnj.com/New_HOS/hosi/templates/vina_bonnie/images/presets/preset1/logo.png'); background-size:100% } .box-col-inner:hover .pull-left { background-color:#189f2b; border-color:#189f2b } /*#sp-main-menu ul.level-0 > li:hover, #sp-main-menu ul.level-0>li.active { background-color: #48a31a !important; border-radius: 6px 6px 0 0 !important; color: #ffff66; }*/ #sp-main-menu ul.level-0 > li:hover a span{ color: #ffff66;} /*#sp-main-menu ul.level-0 > li:hover a span{ color: #ffff66;}*/ #sp-main-menu li li:not(.sp-menu-group):hover > a, #sp-main-menu li li:not(.sp-menu-group).active>a { color:#189f2b !important } #sp-main-menu li.sp-menu-group.active .sp-menu-group a.active { color:#189f2b } .sp-submenu .sp-submenu-wrap { border-bottom:3px solid #189f2b } #sp-feature-wrapper #feature { color:#189f2b } a.expand:hover { color:#189f2b !important } .module.mod_search_product .btn_search:hover { color:#189f2b } .module.custom_contact_us .custom-content ul li span { background:#189f2b } .vina-carousel-content .item .text-block h3.title a:hover { color:#189f2b !important } .vina-carousel-content .item .text-block span.readmore a { color:#189f2b !important } #sp-left .module .tagspopular ul li a:hover, #sp-right .module .tagspopular ul li a:hover { border-color:#189f2b; text-decoration:none; color:#fff; background-color:#189f2b } #sp-left .module .mod-content .vina-ticker-virtuemart .vina-item a:hover, #sp-right .module .mod-content .vina-ticker-virtuemart .vina-item a:hover { color:#189f2b !important } #sp-left .module.mod_carousel_content .vina-carousel-content.owl-theme .owl-controls .owl-prev:hover, #sp-left .module.mod_carousel_content .vina-carousel-content.owl-theme .owl-controls .owl-next:hover, #sp-right .module.mod_carousel_content .vina-carousel-content.owl-theme .owl-controls .owl-prev:hover, #sp-right .module.mod_carousel_content .vina-carousel-content.owl-theme .owl-controls .owl-next:hover { background-color:#189f2b; border:1px solid #189f2b } .module.highlighted { background:#3498DB } .module.highlighted a { color:#fff !important } #sp-our-team .carousel-control:hover, .our-project .carousel-control:hover, .our-partners .carousel-control:hover { border:1px solid #189f2b !important; background:#189f2b !important } #sp-our-team .carousel-control:hover i, .our-project .carousel-control:hover i, .our-partners .carousel-control:hover i { color:#fff !important } .testimonials-partners #carousel-testimonials .carousel-control:hover, .carousel-control:hover { background:#189f2b !important } .testimonials-partners #carousel-testimonials .carousel-control:hover i, .carousel-control:hover i { color:#fff !important } .page-header { color:#189f2b } .page-header a { color:#189f2b } .progress-striped .bar { background-color:#189f2b } #vina_about_us .carousel .item .incon_bg { background:#189f2b } #vina_about_us .carousel .carousel-control { color:#189f2b } #vina_about_us .carousel .carousel-control:hover { background:#189f2b } #vina_about_us .skill ul li { border-left:2px solid #189f2b } #vina_company .img-polaroid .info_team ul li a:hover { background:#189f2b } #vina_pricing_table .pricing_table .thumbnail button { background:#189f2b } #vina_contact_us ul.social li a { border:4px solid #68e87a; background:#189f2b } #vina_contact_us ul.social li a:hover { border:4px solid #189f2b } #vina_contact_us ul.social li a:hover em { color:#189f2b } #vina_contact_us .map span em { color:#189f2b } div.vina-treeview-virtuemart .treeview .hover { color:#189f2b !important } .sp-mobile-menu { background:#000 } .sp-mobile-menu ul li a { color:#fff } .sp-mobile-menu ul li a:hover, .sp-mobile-menu ul li a.active { color:#189f2b } .icon-color:before { color:#189f2b } .sp-border { border-top:1px solid #000 } .sp-border::after { background:#09390f } #fancybox-content div>a { background-color:#189f2b } .acysubbuttons input.subbutton:hover { background-color:#189f2b } .vmshop-account h1.header { color:#189f2b } .vmshop-account.account-login .buttons-set .vina-button:hover, .vmshop-account.account-login .buttons-set input:hover, .vmshop-account.account-logout .buttons-set .vina-button:hover, .vmshop-account.account-logout .buttons-set input:hover { background-color:#189f2b } a.link-registration { color:#189f2b } #checkoutForm button:hover { background-color:#189f2b } #checkoutForm .vm-continue-shopping .continue_link:hover { background-color:#189f2b } #checkoutForm .billto-shipto i { background:#189f2b } #checkoutForm .cart-summary tbody .tb-total .vm-continue-shopping .continue_link:hover { color:#fff; background-color:#189f2b } #checkoutForm .cart-summary tfoot { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } #checkoutForm .cart-summary tfoot a { color:#189f2b !important } #checkoutForm .checkout-button-top button:hover { background:#189f2b } #checkoutForm .billto-shipto a.details { color:#189f2b !important } #checkoutForm .fieldset-customer .vm-fieldset-tos div.terms-of-service a { color:#189f2b !important } #form-login input[type='submit']:hover, #form-login input.btn-login:hover, #com-form-login input[type='submit']:hover, #com-form-login input.btn-login:hover { background:#189f2b } #userForm button:hover, #paymentForm button:hover, #adminForm button:hover { background:#189f2b }