html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block
}
mark {
background-color:transparent
}
body {
line-height:1
}
ol, ul {
list-style:none
}
blockquote, q {
quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none
}
table {
border-collapse:collapse;
border-spacing:0
}
html, body {
height:100%
}
#primary {
min-height:100%
}
.wrapper {
max-width:1200px;
margin:0 auto
}
.boxed-layout>.primary-wrapper {
max-width:1230px;
margin:0 auto
}
.boxed-layout>.primary-wrapper {
position:relative
}
.grid, .unit {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.ib {
display:inline-block;
*display:inline;
zoom:1
}
.grid {
display:block;
clear:both
}
.grid .unit {
width:100%;
padding:0 15px
}
.unit {
display:inline-block;
zoom:1;
*display:inline;
margin:0 -2px;
vertical-align:top
}
.no-gutters .unit, .unit.no-gutters {
padding:0!important
}
.grid .grid {
margin:0 -15px!important
}
.unit .unit {
margin:0 -2px!important
}
.unit.centered {
text-align:center
}
.grid .whole {
width:100%
}
.grid .half {
width:50%
}
.grid .one-third {
width:33.3332%
}
.grid .two-thirds {
width:66.6665%
}
.grid .one-quarter {
width:25%
}
.grid .three-quarters {
width:75%
}
.grid .one-fifth {
width:20%
}
.grid .two-fifths {
width:40%
}
.grid .three-fifths {
width:60%
}
.grid .four-fifths {
width:80%
}
.grid .golden-small {
width:38.2716%
}
.grid .golden-large {
width:61.7283%
}
.grid {
*zoom:1
}
.grid:before, .grid:after {
display:table;
content:"";
line-height:0
}
.grid:after {
clear:both
}
.clear {
clear:both
}
.align-center {
text-align:center
}
.align-left {
text-align:left
}
.align-right {
text-align:right
}
.pull-left {
float:left
}
.pull-right {
float:right
}
.show-on-phone, .show-on-tablet {
display:none
}
@media screen and (max-width:767px) {
.grid .unit {
width:100%!important;
padding-left:20px;
padding-right:20px
}
.unit .grid .unit {
padding-left:0;
padding-right:0
}
.center-on-mobiles {
text-align:center!important
}
}
.hide-on-small-desktop, .hide-on-tablet {
display:block
}
.hide-on-large-desktop {
display:none
}
@media only screen and (max-width:1199px) {
.wrapper, .boxed-layout>.primary-wrapper {
width:960px
}
.hide-on-large-desktop, .hide-on-tablet {
display:block
}
.hide-on-small-screen {
display:none
}
.show-on-phone, .show-on-tablet, .hide-on-small-desktop {
display:none
}
}
@media only screen and (max-width:959px) {
.wrapper, .boxed-layout>.primary-wrapper {
width:768px
}
.hide-on-tablet, .show-on-phone, .hide-on-small-desktop {
display:none
}
.show-on-tablet, .hide-on-large-desktop {
display:block
}
}
@media only screen and (max-width:767px) {
.grid .grid {
margin:0 -1px 0 1px!important
}
.wrapper, .boxed-layout>.primary-wrapper {
width:100%
}
.grid .unit {
padding:0 15px;
margin:0
}
.hide-on-phone, .show-on-tablet, .hide-on-small-desktop {
display:none
}
.show-on-phone, .hide-on-large-desktop {
display:block
}
}
html {
font-size:62.5%
}
html.mobile * {
max-height:1000000px
}
body {
font-family:'Roboto', sans-serif;
background-color:#fff;
color:#504f4f;
font-size:1.66rem;
line-height:1.65em;
font-weight:300
}
.boxed-layout.background-1 {
background:url(../images/temp/backgrounds/1.jpg) center center no-repeat fixed
}
.boxed-layout.background-2 {
background:url(../images/temp/backgrounds/2.jpg) center center no-repeat fixed
}
.boxed-layout.background-3 {
background:url(../images/temp/backgrounds/3.jpg) center center no-repeat fixed
}
.boxed-layout.background-4 {
background:url(../images/temp/backgrounds/4.jpg) center center no-repeat fixed
}
.boxed-layout.pattern-1 {
background:url(../images/patterns/carbon_fibre.png) fixed
}
.boxed-layout.pattern-2 {
background:url(../images/patterns/cubes.png) fixed
}
.boxed-layout.pattern-3 {
background:url(../images/patterns/escheresque_ste.png) fixed
}
.boxed-layout.pattern-4 {
background:url(../images/patterns/fabric_of_squares_gray.png) fixed
}
.boxed-layout.pattern-5 {
background:url(../images/patterns/grey_wash_wall.png) fixed
}
.boxed-layout.pattern-6 {
background:url(../images/patterns/random_grey_variations.png) fixed
}
.boxed-layout.pattern-7 {
background:url(../images/patterns/retina_wood.png) fixed
}
.boxed-layout.pattern-8 {
background:url(../images/patterns/tex2res4.png) fixed
}
.boxed-layout.pattern-9 {
background:url(../images/patterns/tileable_wood_texture.png) fixed
}
.boxed-layout.pattern-10 {
background:url(../images/patterns/tweed.png) fixed
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.boxed-layout.pattern-1 {
background-image:url(../images/patterns/carbon_fibre%402x.png);
background-size:24px 22px
}
.boxed-layout.pattern-2 {
background-image:url(../images/patterns/cubes%402x.png);
background-size:67px 100px
}
.boxed-layout.pattern-3 {
background-image:url(../images/patterns/escheresque_ste%402x.png);
background-size:46px 29px
}
.boxed-layout.pattern-4 {
background-image:url(../images/patterns/fabric_of_squares_gray%402x.png);
background-size:410px 410px
}
.boxed-layout.pattern-5 {
background-image:url(../images/patterns/grey_wash_wall%402x.png);
background-size:350px 259px
}
.boxed-layout.pattern-6 {
background-image:url(../images/patterns/random_grey_variations%402x.png);
background-size:200px 200px
}
.boxed-layout.pattern-7 {
background-image:url(../images/patterns/retina_wood%402x.png);
background-size:512px 512px
}
.boxed-layout.pattern-8 {
background-image:url(../images/patterns/tex2res4%402x.png);
background-size:500px 500px
}
.boxed-layout.pattern-9 {
background-image:url(../images/patterns/tileable_wood_texture%402x.png);
background-size:400px 317px
}
.boxed-layout.pattern-10 {
background-image:url(../images/patterns/tweed%402x.png);
background-size:200px 200px
}
}
.boxed-layout .primary-wrapper {
background:#fff
}
input, textarea, select, button, .button {
font-family:'Roboto', sans-serif;
font-size:14px;
font-size:1.4rem;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
input[type=text], input[type=email], input[type=number], input[type=password] {
padding:6px 8px
}
input[type=submit]:hover, input[type=reset]:hover, input[type=submit]:focus, input[type=reset]:focus {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important
}
a, input, textarea {
outline:none!important
}
textarea {
overflow:auto
}
#content {
min-height:465px;
padding-top:0px;
padding-bottom:40px;
font-size:14px;
font-size:1.4rem
}
#content input[type=text]::-webkit-input-placeholder, #content input[type=email]::-webkit-input-placeholder, #content textarea::-webkit-input-placeholder {
color:#504f4f
}
#content input[type=text]::-moz-placeholder, #content input[type=email]::-moz-placeholder, #content textarea::-moz-placeholder {
color:#504f4f
}
#content input[type=text]::-ms-input-placeholder, #content input[type=email]::-ms-input-placeholder, #content textarea::-ms-input-placeholder {
color:#504f4f
}
input[type=text], input[type=number], input[type=email], input[type=password], textarea {
font-size:13px;
font-size:1.3rem;
font-family:'Roboto', sans-serif;
color:#504f4f;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
display:inline-block;
border:1px solid #e6e6e6;
resize:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box
}
input[type=submit], input[type=reset], input[type=button], button, .button {
text-transform:uppercase;
background-color:#287de7;
color:#fff;
padding:6px 12px; /* 7px 25px;*/
font-size:14px;
font-size:1.44rem;/*1.4*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-top:1px solid #7aaef0;
border-bottom:2px solid #1862bf;
border-left:1px solid transparent;
border-right:1px solid transparent;
cursor:pointer;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.button.iconic {
padding:7px 20px
}
.button.iconic i {
margin:0 7px 0 0!important;
font-size:16px;
font-size:1.6rem;
vertical-align:middle
}
textarea {
padding:7px
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .button:hover {
color:#fff;
background-color:#1f6ed1;
border-bottom:2px solid #1252a2!important
}
input:hover, textarea:hover, input:focus, textarea:focus {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
input[type=submit].dark, input[type=reset].dark, input[type=button].dark, button.dark, .button.dark {
background-color:#262a2f;
border-bottom:2px solid #000;
border-top-color:#797b7e
}
input[type=submit].dark:hover, input[type=reset].dark:hover, input[type=button].dark:hover, button.dark:hover, .button.dark:hover {
background-color:#0f1113;
border-bottom-color:#3f3f3f!important
}
.breadcrumbs {
padding-top:5px;
text-transform:uppercase;
color:#504f4f;
font-size:14px;
font-size:1.4rem
}
.breadcrumbs a {
color:#504f4f;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.breadcrumbs a:hover {
color:#287de7
}
.breadcrumbs i {
color:#287de7;
margin:0 7px
}
header.post-header {
border-bottom:1px solid #e6e6e6;
padding-bottom:15px
}
header.post-header h1 {
margin-bottom:3px
}
a {
color:#287de7;
text-decoration:none;
-webkit-transition:color .3s;
-moz-transition:color .3s;
-o-transition:color .3s;
transition:color .3s
}
a:hover {
color:#1862bf
}
.post-slider {
position:relative
}
#content img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
img {
max-width:100%
}
.mapa-pro{
background-color: #d1d2d3;
}
.mapa-pro img{
width: auto;
}
.centered {
text-align:center
}
#content form .wrapper-block {
margin-bottom:13px
}
#content form .wrapper-block.small {
margin-bottom:4px
}
#content form label.primary {
display:inline-block;
min-width:150px;
vertical-align:top;
padding-top:5px
}
#content form textarea {
min-height:120px;
min-width:275px
}
#content form input[type=text], #content form input[type=email], #content form input[type=number], #content form input[type=email], #content form input[type=password] {
min-width:275px
}
.red {
color:#d74242
}
.green {
color:#85bf39
}
.sidebar-left {
float:left
}
a.continue-reading:hover {
text-decoration:underline
}
body.switcher-opened {
padding-left:225px;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
-o-transition:padding .3s;
transition:padding .3s;
overflow-x:hidden
}
.appear-animation {
opacity:0;
filter:alpha(opacity=0)
}
.mobile .appear-animation {
opacity:1!important
}
.appear-animation-visible, .animation-finished {
opacity:1;
filter:alpha(opacity=100)
}
@media only screen and (max-width:767px) {
.appear-animation {
opacity:1;
filter:alpha(opacity=100)
}
}
table {
width:100%
}
table th {
font-weight:bold;
max-width:200px;
text-align:left;
padding:10px
}
table td {
padding:10px
}
table tr.odd td, table tr.odd th {
background-color:#fafafa
}
table th, table td {
vertical-align:top
}
header.subheader {
padding:30px 0 50px 0
}
.toggles {
margin-bottom:14px
}
.toggles i {
display:inline-block;
width:12px;
height:12px;
background-image:url('../images/toggles_icons.gif');
margin-right:10px
}
.toggles i.plus {
background-position:left top
}
.toggles i.minus {
background-position:right top
}
.toggles .toggle {
margin-bottom:11px
}
.toggles .toggle h4 {
display:block;
cursor:pointer;
padding:0 0 10px 0;
font-size:16px;
font-size:1.6rem;
margin:0;
border-bottom:1px solid #e6e6e6
}
.toggles .toggle h4.opened {
border-bottom:1px solid transparent;
color:#287de7
}
.toggles .toggle h4.opened i.plus, .toggles .toggle h4:hover i.plus {
background-position:left bottom
}
.toggles .toggle h4.opened i.minus, .toggles .toggle h4:hover i.minus {
background-position:right bottom
}
.toggles .toggle .toggle-content {
display:none;
padding:10px 0 8px 27px
}
.toggles .toggle .toggle-content p:last-child {
margin-bottom:0
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.toggles i {
background-image:url('../images/toggles_icons%402x.gif');
background-size:24px 24px
}
}
.progress {
margin-bottom:10px
}
.progress .title {
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
margin-bottom:5px
}
.progress .title span {
float:right;
color:#287de7
}
.progress .progress-value {
background-color:#f4f4f4;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
height:8px
}
.progress .progress-value .value {
-webkit-transition:all 2s ease;
-moz-transition:all 2s ease;
-o-transition:all 2s ease;
transition:all 2s ease;
width:0;
opacity:1!important;
filter:alpha(opacity=100)!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
height:8px;
background-color:#287ee7;
background:#14baf3;
background:-moz-linear-gradient(left, #287ee7 0, #00f6ff 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%, #287ee7), color-stop(100%, #00f6ff));
background:-webkit-linear-gradient(left, #287ee7 0, #00f6ff 100%);
background:-o-linear-gradient(left, #287ee7 0, #00f6ff 100%);
background:-ms-linear-gradient(top, #287ee7 0, #00f6ff 100%);
background:linear-gradient(to right, #287ee7 0, #00f6ff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#287ee7', endColorstr='#00f6ff', GradientType=1)
}
ul, ol {
margin-bottom:18px;
counter-reset:item
}
ul ul, ol ol {
margin-bottom:0;
margin-top:7px
}
ul li, ol li {
margin-bottom:7px
}
ul ul li, ol ol li {
padding-left:21px
}
ol li:before {
content:counter(item)". ";
counter-increment:item;
color:#287de7;
margin-right:15px
}
ol.alter li:before {
color:#fff;
background-color:#287de7;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
width:26px;
height:26px;
margin-top:1px;
line-height:25px;
text-align:center;
display:inline-block;
content:counter(item);
margin-right:15px
}
ul li:before {
content:"\2022";
color:#287de7;
margin-right:15px
}
ul.alter li:before {
content:"\00B0";
font-size:10px;
font-size:1rem;
line-height:10px!important
}
.arrow-keep-reading {
background:url('../images/arrows/keep_reading.png') no-repeat;
width:6px;
height:9px;
display:inline-block;
margin-left:3px
}
.delimeter {
background:url('../images/arrows/sub_title.png') no-repeat;
width:5px;
height:9px;
display:inline-block
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.arrow-keep-reading {
background-image:url('../images/arrows/keep_reading%402x.png');
background-size:6px 9px
}
.delimeter {
background-image:url('../images/arrows/sub_title%402x.png');
background-size:5px 9px
}
}
h1 {
font-size:36px;
font-size:3.6rem;
font-family:'Roboto Slab', serif;
font-weight:300;
color:#504f4f;
line-height:1.3em
}
h2 {
font-size:36px;
font-size:3.6rem;
font-family:'Roboto Slab', serif;
font-weight:300;
color:#287de7;
line-height:1.3em
}
h3 {
font-size:24px;
font-size:2.4rem;
font-family:'Roboto', sans-serif;
font-weight:300;
color:#504f4f;
line-height:1.3em
}
h4 {
font-size:21px;
font-size:1.9rem;
font-family:'Roboto', sans-serif;
font-weight:400;
color:#504f4f;
line-height:1.1em
}
h5 {
font-size:16px;
font-size:1.6rem;
font-family:'Roboto Slab', serif;
font-weight:300;
color:#504f4f;
line-height:1.3em
}
h6 {
font-size:14px;
font-size:1.4rem;
font-family:'Roboto Slab', serif;
font-weight:300;
color:#504f4f;
line-height:1.3em;
text-transform:uppercase
}
h1, h2, h3, h4, h5, h6, p {
margin-bottom:18px
}
h1 span, h2 span, h3 span {
color:#287de7
}
h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
text-align:center
}
header.centered h1 ~ h5, header.centered h1 ~ h4, header.centered h1 ~ h3, header.centered h1 ~ h2 {
margin-top:-18px
}
.contact-sub-title {
font-size:30px;
color:#504f4f;
}
strong {
font-weight:bold
}
p {
line-height:1.65em
}
blockquote {
margin-bottom:18px;
background-color:#f6f6f6;
color:#287de7;
font-size:18px;
font-size:1.8rem;
padding:14px 30px;
font-family:'Roboto Slab', serif;
line-height:1.3em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
position:relative
}
blockquote * {
font-family:'Roboto Slab', serif
}
blockquote cite {
font-size:14px;
font-size:1.4rem;
color:#504f4f;
display:block;
background:#fff;
margin:0 -30px -18px -30px;
padding:13px 30px 0 30px;
position:relative
}
blockquote cite span {
color:#287de7;
font-size:18px;
font-size:1.8rem
}
blockquote cite:before {
background:#d9d9d9;
display:block;
margin:-13px -30px 13px -30px;
height:1px;
content:'\00a0\00a0'
}
blockquote cite:after {
width:0;
height:0;
border-style:solid;
border-width:8px 9.5px 0 9.5px;
border-color:#f6f6f6 transparent transparent transparent;
position:absolute;
content:'\00a0\00a0';
top:0;
left:32px
}
blockquote cite span:after {
width:0;
height:0;
border-style:solid;
border-width:8px 9.5px 0 9.5px;
border-color:#d9d9d9 transparent transparent transparent;
position:absolute;
content:'\00a0\00a0';
top:1px;
left:32px
}
.alignleft {
float:left
}
img.alignleft {
margin-right:10px;
margin-bottom:5px
}
.alignright {
float:right
}
img.alignright {
margin-left:10px;
margin-bottom:5px
}
.aligncenter {
margin:0 auto;
text-align:center
}
h1.aligncenter, h2.aligncenter, h3.aligncenter, h4.aligncenter, h5.aligncenter, h6.aligncenter {
margin-bottom:25px
}
.wp-caption {
width:100%!important;
height:auto!important
}
.wp-caption-text {
text-align:center;
font-style:italic;
padding:0 10px
}
.gallery-caption {
text-align:center
}
.audiojs {
position:relative
}
.ib {
display:-moz-inline-stack;
display:inline-block
}
.mask {
background-color:rgba(38, 42, 47, 0.6);
opacity:0;
filter:alpha(opacity=0);
transition:all .2s ease-in-out;
position:absolute;
overflow:hidden;
top:0;
left:0;
right:0;
bottom:0
}
.mask .zoom {
position:absolute;
transition:all .1s ease-in-out;
font-size:25px;
font-size:2.5rem;
color:#fff;
opacity:0;
filter:alpha(opacity=0);
top:50%;
left:50%
}
a:hover .mask {
opacity:1;
filter:alpha(opacity=100);
transition-delay:0s
}
a:hover .mask .zoom {
top:50%;
left:50%;
margin-top:-15.1%;
margin-left:-13.1%;
transition-delay:.1s;
opacity:.6;
filter:alpha(opacity=60)
}
.items-pagination {
margin:0;
padding:0;
width:100%;
min-height:7px;
text-align:center
}
.items-pagination li:before {
content:'';
display:none
}
.items-pagination li {
display:inline-block;
width:36px;
height:7px;
margin:0 7px;
background-color:#cacaca;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.items-pagination li a {
display:block;
width:36px;
height:7px
}
.items-pagination li:hover, .items-pagination li.current {
background-color:#287de7
}
.related-posts {
margin-bottom:50px
}
.related-posts .items-pagination {
margin-bottom:50px
}
.related-posts .items {
margin-bottom:50px
}
.related-posts .items .item {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding-left:11px;
padding-right:11px
}
.related-posts .items .item h5 {
font-size:21px;
font-size:2.1rem;
line-height:1.2em;
margin-bottom:11px
}
.related-posts .items .item p {
margin-bottom:5px
}
.related-posts .items .item header, .related-posts .items .item footer {
margin:0 0 7px 0;
padding:0;
border:0
}
.related-posts .items .item header a, .related-posts .items .item footer a {
color:#287de7
}
.related-posts .items .item header a i, .related-posts .items .item footer a i {
font-weight:bold
}
.related-posts .items .item strong {
text-transform:uppercase;
color:#287de7
}
.related-posts .items .item span.comments {
float:right
}
.related-posts .items .item span.comments a {
color:#504f4f
}
.related-posts .items .item span.comments a:hover {
color:#1862bf
}
.related-posts .items .format-image span.comments {
float:left;
margin-top:-40px;
margin-left:140px
}
.related-posts .items .format-image span.comments a {
position:relative;
color:#fff
}
.related-posts .items .format-video .mask {
opacity:1;
filter:alpha(opacity=100);
background-color:transparent
}
.related-posts .items .format-video .zoom {
top:50%;
left:50%;
opacity:.6;
filter:alpha(opacity=60);
margin-top:-15.1%;
margin-left:-13.1%;
transition-delay:.1s
}
.related-posts .items .format-video:hover .mask {
opacity:1;
filter:alpha(opacity=100);
background-color:rgba(38, 42, 47, 0.6)
}
.related-posts .items .format-video:hover .zoom {
top:50%;
margin-top:-15.1%;
transition-delay:.1s
}
.related-posts .items .thumbnail {
margin-bottom:11px
}
.related-posts .items .thumbnail a {
position:relative;
overflow:hidden;
float:left
}
.related-posts .items .thumbnail a .zoom {
font-size:55px;
font-size:5.5rem
}
.related-posts .items .thumbnail img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
float:left;
position:relative;
display:block
}
.related-posts .items footer a:hover {
text-decoration:underline
}
.related-posts h2 {
text-align:center;
font-family:'Roboto Slab', serif;
font-size:36px;
font-size:3.6rem;
font-weight:300;
margin-bottom:0;
color:#504f4f
}
.related-posts h4 {
text-align:center;
font-size:16px;
font-size:1.6rem;
font-weight:300;
margin-bottom:40px
}
#comments h3 {
margin-bottom:35px;
font-size:21px;
font-size:2.1rem;
font-family:'Roboto Slab', serif
}
#comments h3 span {
color:#287de7
}
#comments ol ol {
padding:27px 0 0 97px;
background:url('../images/comment-delimeter.gif') 35px 35px no-repeat
}
#comments li {
margin-bottom:27px;
position:relative
}
#comments li:hover .comment-avatar img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#comments li:before {
content:'';
display:none
}
#comments .comment-avatar img {
position:absolute;
border:1px solid transparent
}
#comments .comment-content {
padding-left:98px;
min-height:50px
}
#comments .comment-content p {
margin-bottom:7px
}
#comments .comment-data {
padding-left:98px;
margin-bottom:5px
}
#comments .comment-data .author {
font-size:18px;
font-size:1.8rem;
color:#287de7;
font-family:'Roboto Slab', serif;
margin-right:23px
}
#comments .comment-data .time {
text-transform:uppercase;
font-weight:bold
}
#comments .comment-reply {
padding-left:98px;
color:#287de7
}
#comments .comment-reply i.fa-angle-right {
font-weight:bold
}
#comments .comment-reply a.likes {
margin-left:13px
}
#comments #comment {
width:567px
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
#comments ol ol {
background-image:url('../images/comment-delimeter%402x.gif');
background-size:31px 31px
}
}
@media only screen and (max-width:476px) {
#comments ol ol {
padding-left:0;
background:none!important
}
#comments .comment-data .time {
display:block
}
}
#commentform {
margin:0 0 75px 0;
padding:0
}
#commentform .wrapper-block {
margin-bottom:25px
}
#commentform .wrapper-block .label {
display:block;
padding-left:8px;
font-weight:bold;
cursor:pointer;
margin-bottom:5px
}
#commentform .half {
width:270px;
margin-right:18px
}
#author, #email {
width:265px;
padding:6px 8px;
color:#504f4f;
font-weight:300
}
#comment {
width:557px;
padding:6px 8px;
color:#504f4f;
font-weight:300;
height:160px
}
@media only screen and (max-width:605px) {
#commentform .half {
width:100%!important;
padding:0!important;
margin-right:0!important
}
#commentform #author, #commentform #email, #commentform #comment {
width:100%!important
}
}
section.tabs {
padding:50px 0 0 0
}
.panel-wrapper #commentform {
margin-bottom:0
}
.panel-wrapper p:last-child {
margin-bottom:0
}
.grid.pricing-table, .pricing-table {
margin-bottom:35px!important
}
.pricing-table li:before {
display:none;
content:''
}
.pricing-table h4 {
font-size:24px;
font-size:2.4rem;
font-family:'Roboto Slab', serif!important;
margin-bottom:14px
}
.pricing-table .price {
color:#287de7;
font-size:18px;
font-size:1.8rem;
font-weight:bold
}
.pricing-table .buy-button {
padding-top:13px
}
.pricing-table i {
margin-left:5px
}
.pricing-table .best-value .inner h4 {
color:#287de7
}
.pricing-table .desc-mobile {
display:none
}
.pricing-table.style-primary .col {
float:left
}
.pricing-table.style-primary .feature {
text-align:center;
margin-top:-1px
}
.pricing-table.style-primary .inside {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid transparent;
margin:0 12px;
padding:25px 0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.pricing-table.style-primary .best-value .inside {
padding:45px 0;
margin-top:-20px;
border:1px solid #287de7
}
.pricing-table.style-primary .features-list .inside {
border:0
}
.pricing-table.style-primary .feature .inside:hover {
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
border-color:#287de7!important
}
.pricing-table.style-primary .features-list {
font-weight:bold
}
.pricing-table.style-primary ul {
margin-bottom:0
}
.pricing-table.style-primary ul.last {
margin-right:0!important
}
.pricing-table.style-primary li {
margin-bottom:0;
padding:9px 0
}
.pricing-table.style-primary .feature li.title {
font-size:24px;
font-size:2.4rem;
font-weight:400;
font-family:'Roboto Slab', serif
}
.pricing-table.style-primary .feature li.odd, .pricing-table.style-primary .features-items-left .odd {
background-color:#fafafa
}
@media only screen and (max-width:1199px) {
.pricing-table.style-primary .feature li.title {
font-size:18px;
font-size:1.8rem
}
}
@media only screen and (max-width:959px) {
.pricing-table.style-primary .feature li.title {
font-size:14px;
font-size:1.4rem
}
}
@media only screen and (max-width:767px) {
.pricing-table.style-primary .col {
float:none;
width:100%!important;
margin-bottom:18px
}
.pricing-table.style-primary .best-value .inside {
margin-top:0
}
.pricing-table.style-primary .feature li.title {
font-size:24px;
font-size:2.4rem
}
.pricing-table.style-primary .best-value .inside {
padding:20px 0 35px 0!important
}
.pricing-table.style-primary .desc-mobile {
display:inline;
font-weight:bold
}
.pricing-table.style-primary .desc-mobile:after {
display:inline;
content:'\003A'
}
}
.pricing-table.style-second .inside {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:20px 10px;
border:1px solid #e6e6e6;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
text-align:center
}
.pricing-table.style-second .inside:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.pricing-table.style-second .inside:hover .inner {
border-color:#e6e6e6!important
}
.pricing-table.style-second ul {
margin-right:-10px;
margin-left:-10px;
margin-bottom:0
}
.pricing-table.style-second li {
margin-bottom:0;
padding:9px 0
}
.pricing-table.style-second li.odd {
background-color:#fafafa
}
.pricing-table.style-second .buy-button {
padding-top:15px
}
.pricing-table.style-second .best-value .inside {
margin-top:-20px
}
.pricing-table.style-second .best-value .inside {
padding:40px 10px;
border-color:#287de7
}
.pricing-table.style-third .inside {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:10px;
background-color:#fafafa;
border:1px solid transparent;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.pricing-table.style-third .inside:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.pricing-table.style-third .inside:hover .inner {
border-color:#e6e6e6!important
}
.pricing-table.style-third .inner {
border:1px solid #e6e6e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:13px;
text-align:center
}
.pricing-table.style-third li {
margin-bottom:17px
}
.pricing-table.style-third .best-value .inside {
margin-top:-20px
}
.pricing-table.style-third .best-value .inner {
padding:35px 10px;
border-color:#287de7
}
@media only screen and (max-width:959px) {
.pricing-table h4 {
font-size:18px;
font-size:1.8rem
}
}
@media only screen and (max-width:767px) {
.pricing-table h4 {
font-size:24px;
font-size:2.4rem
}
.pricing-table .inside {
margin-bottom:18px
}
}
.pagination {
text-align:center;
padding:20px 0 0 0;
margin-bottom:40px
}
.pagination a {
margin-bottom:25px
}
.pagination .ajax {
padding:30px 10px
}
.pagination .numeric {
padding:10px 0
}
.pagination .numeric a.button {
padding:7px 13px!important
}
.post-slider-prev a, .post-slider-next a {
position:absolute;
top:50%;
width:27px;
height:27px;
margin-top:-13px;
background:url('../images/carousel_pointers.png') no-repeat;
z-index:100;
text-indent:-5555em
}
.post-slider-prev a {
left:20px;
background-position:left top
}
.post-slider-next a {
right:20px;
background-position:right top
}
.post-slider-prev:hover a {
background-position:left bottom
}
.post-slider-next:hover a {
background-position:right bottom
}
.post-slider-pagination {
position:absolute;
width:100%;
bottom:13px;
text-align:center;
z-index:100
}
.post-slider-pagination .bx-pager-item {
text-indent:-5555em;
margin:0 7px;
display:inline-block
}
.post-slider-pagination .bx-pager-item a {
display:block;
background-color:#e6e6e6;
opacity:.7;
filter:alpha(opacity=70);
width:26px;
height:7px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.post-slider-pagination .bx-pager-item a:hover, .post-slider-pagination a.active {
background-color:#287de7
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.post-slider-prev a, .post-slider-next a {
background-image:url('../images/carousel_pointers%402x.png');
background-size:27px 27px
}
}
.page-banners-carousel .items, .slider-carousel .items {
padding-top:60px
}
.page-banners-carousel .item, .slider-carousel .item {
position:relative
}
.page-banners-carousel .item .text, .slider-carousel .item .text {
color:#fff;
font-size:36px;
font-size:3.6rem;
font-family:'Roboto Slab', serif
}
.page-banners-carousel .item div.text, .slider-carousel .item div.text, .page-banners-carousel .item div.second-text, .slider-carousel .item div.second-text {
position:absolute;
z-index:350
}
.page-banners-carousel .item div.text, .slider-carousel .item div.text {
top:33px;
left:400px;
opacity:0;
filter:alpha(opacity=0)
}
.page-banners-carousel .item div.second-text, .slider-carousel .item div.second-text {
top:83px;
left:400px;
opacity:0;
filter:alpha(opacity=0)
}
.page-banners-carousel .item div.link, .slider-carousel .item div.link {
position:absolute;
top:155px;
left:400px;
opacity:0;
filter:alpha(opacity=0)
}
.page-banners-carousel .item span, .slider-carousel .item span {
margin-right:25px
}
.page-banners-carousel .item img.main, .slider-carousel .item img.main {
width:100%
}
.page-banners-carousel .owl-pagination, .slider-carousel .owl-pagination {
padding-top:0!important
}
@media only screen and (max-width:1199px) {
.page-banners-carousel .text {
font-size:26px;
font-size:2.6rem
}
.page-banners-carousel div.second-text, .page-banners-carousel div.text, .page-banners-carousel div.link {
left:300px!important
}
.page-banners-carousel div.link {
top:125px!important
}
}
@media only screen and (max-width:959px) {
.page-banners-carousel .text {
font-size:20px!important;
font-size:2rem!important
}
.page-banners-carousel div.second-text, .page-banners-carousel div.text, .page-banners-carousel div.link {
left:230px!important
}
.page-banners-carousel div.second-text {
top:60px!important
}
.page-banners-carousel div.link {
top:100px!important
}
}
@media only screen and (max-width:767px) {
.page-banners-carousel .items {
display:none!important
}
.page-banners-carousel {
padding-top:30px!important
}
}
.post-slider-carousel img {
max-width:100%
}
.take-tour {
background:#181b27;
padding:30px 15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
font-size:16px;
font-size:1.6rem;
color:#7a7a7a
}
.take-tour p, .take-tour h4 {
margin-bottom:0
}
.take-tour h4 {
color:#c5c5c5;
font-family:'Roboto Slab', serif;
font-weight:300!important;
margin-bottom:4px
}
.take-tour h4 span {
font-family:'Pacifico', cursive;
color:#287de7;
font-size:28px;
font-size:2.8rem
}
.take-tour a.button {
margin-top:8px 0 4px 8px
}
@media only screen and (max-width:767px) {
.take-tour a.button {
float:none;
display:inline-block
}
.take-tour h4 {
padding-top:10px
}
}
.inside>.thumbnail, .template-one-column .post .thumbnail, .search-results .post .thumbnail, #blog-posts-home .item .thumbnail, .template-four-columns .thumbnail, .template-one-column-grid .post .thumbnail {
position:relative
}
.inside>.thumbnail .thumb-hover, .template-one-column .post .thumbnail .thumb-hover, .search-results .post .thumbnail .thumb-hover, #blog-posts-home .item .thumbnail .thumb-hover, .template-four-columns .thumbnail .thumb-hover, .template-one-column-grid .post .thumbnail .thumb-hover {
position:absolute!important;
left:0;
right:0;
top:0;
bottom:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
opacity:0;
filter:alpha(opacity=0);
background-color:#287de7;
background-color:rgba(40, 125, 231, 0.7)
}
.inside>.thumbnail .thumb-hover span.details, .template-one-column .post .thumbnail .thumb-hover span.details, .search-results .post .thumbnail .thumb-hover span.details, #blog-posts-home .item .thumbnail .thumb-hover span.details, .template-four-columns .thumbnail .thumb-hover span.details, .template-one-column-grid .post .thumbnail .thumb-hover span.details {
display:block;
vertical-align:middle;
margin:7px 0;
border:1px solid #fff;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:4px 13px;
width:135px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
margin-left:-67px;
margin-top:-13px;
position:absolute!important;
top:50%;
left:50%;
float:none!important;
opacity:0;
filter:alpha(opacity=0)
}
.inside>.thumbnail .thumb-hover i.menu-angle, .template-one-column .post .thumbnail .thumb-hover i.menu-angle, .search-results .post .thumbnail .thumb-hover i.menu-angle, #blog-posts-home .item .thumbnail .thumb-hover i.menu-angle, .template-four-columns .thumbnail .thumb-hover i.menu-angle, .template-one-column-grid .post .thumbnail .thumb-hover i.menu-angle {
float:right;
margin-top:7px;
background:url('../images/arrows/btn-arr.gif') no-repeat;
width:6px;
height:9px
}
.inside:hover .thumb-hover, .template-one-column .post .thumbnail:hover .thumb-hover, .search-results article.post:hover .thumb-hover, #blog-posts-home .item:hover .thumb-hover, .template-four-columns article:hover .thumbnail .thumb-hover, .template-one-column-grid .post:hover .thumbnail .thumb-hover {
opacity:1;
filter:alpha(opacity=100)
}
.inside:hover .thumb-hover span.details, .template-one-column .post .thumbnail:hover .thumb-hover span.details, .search-results article.post:hover .thumb-hover span.details, #blog-posts-home .item:hover .thumb-hover span.details, .template-four-columns article:hover .thumbnail .thumb-hover span.details, .template-one-column-grid .post:hover .thumbnail .thumb-hover span.details {
opacity:1;
filter:alpha(opacity=100)
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.inside>.thumbnail .thumb-hover i.menu-angle, .template-one-column .post .thumbnail .thumb-hover i.menu-angle, .search-results .post .thumbnail .thumb-hover i.menu-angle, #blog-posts-home .item .thumbnail .thumb-hover i.menu-angle, .template-four-columns .thumbnail .thumb-hover i.menu-angle {
background-image:url('../images/arrows/btn-arr%402x.gif');
background-size:6px 9px
}
}
header.hgroup h2 {
color:#504f4f;
margin-bottom:5px;
text-align:center
}
header.hgroup h5 {
text-align:center;
font-family:'Roboto', sans-serif!important
}
div.new-arrivals, div.best-sellers {
padding:45px 10px 0 10px;
margin-bottom:-35px
}
div.new-arrivals span.number, div.best-sellers span.number {
position:absolute;
width:57px;
height:57px;
line-height:57px;
font-size:24px;
font-size:2.4rem;
font-family:'Roboto Slab', serif;
color:#fff;
-webkit-border-radius:28px;
-moz-border-radius:28px;
border-radius:28px;
background-color:#c2e149;
left:10px;
top:0
}
div.new-arrivals .owl-wrapper-outer, div.best-sellers .owl-wrapper-outer {
padding-bottom:95px
}
div.new-arrivals .owl-pagination, div.best-sellers .owl-pagination {
position:relative!important;
bottom:95px!important;
z-index:2!important
}
div.new-arrivals .owl-item, div.best-sellers .owl-item, div.new-arrivals .owl-wrapper, div.best-sellers .owl-wrapper {
position:relative;
z-index:150!important
}
div.new-arrivals .thumbnail, div.best-sellers .thumbnail {
text-align:center;
display:block;
margin:0 0 13px 0
}
div.new-arrivals .item, div.best-sellers .item {
padding:15px 0 45px 0
}
div.new-arrivals .inside, div.best-sellers .inside {
padding:10px;
border:1px solid #fff;
background-color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
div.new-arrivals .additional-info, div.best-sellers .additional-info {
position:relative;
height:103px;
overflow:hidden;
margin-bottom:-103px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:opacity .5s;
-moz-transition:opacity .5s;
-o-transition:opacity .5s;
transition:opacity .5s
}
div.new-arrivals .additional-info .bx-wrapper, div.best-sellers .additional-info .bx-wrapper {
margin:0 auto;
position:relative
}
div.new-arrivals .additional-info .bx-pager, div.best-sellers .additional-info .bx-pager {
display:none
}
div.new-arrivals .additional-info .bx-prev, div.best-sellers .additional-info .bx-prev, div.new-arrivals .additional-info .bx-next, div.best-sellers .additional-info .bx-next {
position:absolute;
width:10px;
height:17px;
display:block!important;
top:50%;
margin-top:-9px;
text-indent:-5555em;
background-image:url('../images/arrows/product-pointers.gif')
}
div.new-arrivals .additional-info .bx-prev, div.best-sellers .additional-info .bx-prev {
left:-25px
}
div.new-arrivals .additional-info .bx-prev:hover, div.best-sellers .additional-info .bx-prev:hover {
background-position:left bottom
}
div.new-arrivals .additional-info .bx-next, div.best-sellers .additional-info .bx-next {
right:-25px;
background-position:right top
}
div.new-arrivals .additional-info .bx-next:hover, div.best-sellers .additional-info .bx-next:hover {
background-position:right bottom
}
div.new-arrivals .additional-info .product-scroller, div.best-sellers .additional-info .product-scroller {
position:relative;
width:245px;
margin:0 auto 15px auto
}
div.new-arrivals .additional-info .scroller, div.best-sellers .additional-info .scroller {
clear:both
}
div.new-arrivals .additional-info .scroller img, div.best-sellers .additional-info .scroller img {
border:1px solid #fff;
float:left;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
div.new-arrivals .additional-info .scroller img:hover, div.best-sellers .additional-info .scroller img:hover {
border:1px solid #287de7
}
div.new-arrivals .additional-info .rating, div.best-sellers .additional-info .rating {
clear:both
}
div.new-arrivals .additional-info .rating span, div.best-sellers .additional-info .rating span {
float:right
}
div.new-arrivals .item:hover .inside, div.best-sellers .item:hover .inside {
border:1px solid #287de7;
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
padding:18px 10px 5px 10px!important;
margin:-8px 0!important;
position:absolute;
z-index:50
}
div.new-arrivals .item:hover .additional-info, div.best-sellers .item:hover .additional-info {
opacity:1;
filter:alpha(opacity=100);
margin-bottom:10px
}
div.new-arrivals a.title, div.best-sellers a.title {
font-size:21px;
font-size:2.1rem;
font-family:'Roboto Slab', serif;
display:block;
margin:0 0 7px 0
}
div.new-arrivals p.desc, div.best-sellers p.desc {
margin-bottom:7px!important
}
div.new-arrivals .price, div.best-sellers .price {
line-height:39px!important;
font-family:'Roboto Slab', serif;
font-size:21px;
font-size:2.1rem;
font-weight:bold;
color:#287de7;
margin-bottom:20px;
display:inline-block
}
div.new-arrivals .price .old-price, div.best-sellers .price .old-price {
font-weight:normal!important;
text-decoration:line-through;
color:#504f4f
}
div.new-arrivals .button, div.best-sellers .button {
float:right
}
div.new-arrivals .button.mobile, div.best-sellers .button.mobile {
display:none
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
div.new-arrivals .additional-info .bx-prev, div.new-arrivals .bx-next {
background-image:url('../images/arrows/product-pointers%402x.gif');
background-size:60px 102px
}
}
a.button i.fa {
margin:0 10px 0 -10px
}
a.button.button-facebook {
background:#4d6faa;
background:-moz-linear-gradient(top, #5b7ab1 0, #3f63a2 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7ab1), color-stop(100%, #3f63a2));
background:-webkit-linear-gradient(top, #5b7ab1 0, #3f63a2 100%);
background:-o-linear-gradient(top, #5b7ab1 0, #3f63a2 100%);
background:-ms-linear-gradient(top, #5b7ab1 0, #3f63a2 100%);
background:linear-gradient(to bottom, #5b7ab1 0, #3f63a2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7ab1', endColorstr='#3f63a2', GradientType=0);
border-color:#2c4976
}
a.button.button-facebook span.border {
display:inline-block;
vertical-align:middle;
height:27px;
margin-bottom:2px;
margin-right:7px;
border-right:1px solid #8da7d5;
border-left:1px solid #2c4976
}
a.button.button-facebook span.text {
text-transform:none!important
}
a.button.button-google-plus {
background:#df4931;
background:-moz-linear-gradient(top, #df4a32 0, #de4830 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #df4a32), color-stop(100%, #de4830));
background:-webkit-linear-gradient(top, #df4a32 0, #de4830 100%);
background:-o-linear-gradient(top, #df4a32 0, #de4830 100%);
background:-ms-linear-gradient(top, #df4a32 0, #de4830 100%);
background:linear-gradient(to bottom, #df4a32 0, #de4830 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df4a32', endColorstr='#de4830', GradientType=0);
border-color:#ce4330
}
a.button.button-google-plus span.border {
display:inline-block;
vertical-align:middle;
height:27px;
margin-bottom:2px;
margin-right:7px;
border-right:1px solid #e56e5b;
border-left:1px solid #ce4330
}
a.button.button-google-plus span.text {
text-transform:none!important
}
.button.button-google-plus:hover, .button.button-google-plus:focus {
border-bottom:2px solid #ce4330!important
}
.button.button-facebook, .button.button-google-plus {
white-space:nowrap;
line-height:45px!important
}
div.error {
background-color:#d74242;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:4px 13px;
max-width:360px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:18px
}
.lazy {
display:none
}
#style-switcher-opener {
position:absolute;
position:fixed;
z-index:400;
top:104px;
left:0;
-webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
transition:background-color .3s;
-webkit-transition:left .3s;
-moz-transition:left .3s;
-o-transition:left .3s;
transition:left .3s;
background-color:#287de7!important;
width:35px;
height:191px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:12px 7px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-left:1px solid #7aaef0
}
#style-switcher-opener i {
color:#05f6ff!important;
font-size:20px;
font-size:2rem;
position:absolute
}
#style-switcher-opener span.text {
width:11px;
height:139px;
background:url(../images/open-switcher-text.png) no-repeat;
position:absolute;
top:38px;
left:10px
}
.mobile #style-switcher-opener {
position:absolute!important
}
#style-switcher-opener:hover {
background-color:#1f6ed1!important
}
.switcher-opened #style-switcher-opener {
left:250px
}
#style-switcher {
position:absolute;
position:fixed;
left:-250px;
top:0;
z-index:999;
width:250px;
bottom:0;
background-color:#262a2f!important;
-webkit-transition:left .3s;
-moz-transition:left .3s;
-o-transition:left .3s;
transition:left .3s;
font-family:'Roboto', sans-serif!important
}
#style-switcher a.button {
font-family:'Roboto', sans-serif!important
}
#style-switcher .switcher-elements {
padding:29px 5px 0 22px;
color:#c5c5c5;
height:95%;
position:relative
}
#style-switcher .switcher-elements ul.options {
width:190px
}
#style-switcher .switcher-elements a {
color:#c5c5c5
}
#style-switcher .switcher-elements a:hover {
color:#287de7
}
#style-switcher .switcher-elements a.toggle {
display:block;
text-transform:uppercase;
font-weight:400
}
#style-switcher .switcher-elements a.toggle i {
background:url(../images/toggle_icons_gray.gif) right top no-repeat;
width:12px;
height:12px;
float:right;
margin-top:4px
}
#style-switcher .switcher-elements a.toggle:hover i {
background-position:right bottom
}
#style-switcher .switcher-elements a.toggle.closed i {
background-position:left top
}
#style-switcher .switcher-elements a.toggle.closed:hover i {
background-position:left bottom
}
#style-switcher .switcher-elements .item {
border-bottom:1px solid #504f4f;
padding-bottom:20px;
margin-bottom:20px
}
#style-switcher .switcher-elements .row {
padding-top:11px
}
#style-switcher .switcher-elements .row.last {
padding-bottom:20px
}
#style-switcher .switcher-elements .colors {
font-size:0
}
#style-switcher .switcher-elements .colors a {
display:inline-block;
font-size:14px;
font-size:1.4rem;
line-height:28px;
width:29px;
height:28px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-bottom:2px solid #1862bf;
border-top:1px solid #7aaef0;
color:#fff!important;
text-align:center;
margin:11px 11px 0 0
}
#style-switcher .switcher-elements .colors a i {
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#style-switcher .switcher-elements .colors a.current i, #style-switcher .switcher-elements .colors a:hover i {
opacity:1;
filter:alpha(opacity=100)
}
#style-switcher .switcher-elements .colors a.blue {
background-color:#287de7;
border-bottom-color:#1862bf;
border-top-color:#7aaef0
}
#style-switcher .switcher-elements .colors a.light-green {
background-color:#a8cf56;
border-bottom-color:#8bae40;
border-top-color:#c9e196
}
#style-switcher .switcher-elements .colors a.dark-green {
background-color:#7ca22c;
border-bottom-color:#5e7d1c;
border-top-color:#aec57c
}
#style-switcher .switcher-elements .colors a.gray {
background-color:#838383;
border-bottom-color:#656565;
border-top-color:#b2b2b2
}
#style-switcher .switcher-elements .colors a.red {
background-color:#d74242;
border-bottom-color:#ba3232;
border-top-color:#e68a8a
}
#style-switcher .switcher-elements .colors a.orange {
background-color:#ff9600;
border-bottom-color:#e46b00;
border-top-color:#ffbe61
}
#style-switcher .switcher-elements .colors a.sky-blue {
background-color:#25bfff;
border-bottom-color:#0d9ad5;
border-top-color:#78d7ff
}
#style-switcher .switcher-elements .colors a.purple {
background-color:#a84cd8;
border-bottom-color:#822eae;
border-top-color:#c990e7
}
#style-switcher .switcher-elements .colors a.pink {
background-color:#ff69b4;
border-bottom-color:#d5408b;
border-top-color:#ffa2d1
}
#style-switcher .switcher-elements .colors a.brown {
background-color:#75654d;
border-bottom-color:#514637;
border-top-color:#a9a091
}
#style-switcher label.inline-label {
margin-right:14px
}
#style-switcher label.block-label {
display:block;
margin-bottom:4px
}
#style-switcher label.block-label.row {
margin-bottom:0
}
#style-switcher .fancy-select, #style-switcher ul.options {
width:200px
}
#style-switcher .desc {
font-size:12px;
font-size:1.2rem;
line-height:1.35em
}
#style-switcher a.button {
color:#fff!important
}
#style-switcher.opened {
left:0
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
#style-switcher .opener span.text {
background-image:url(../images/open-switcher-text%402x.png);
background-size:11px 139px
}
#style-switcher .switcher-elements a.toggle i {
background-image:url(../images/toggle_icons_gray%402x.gif);
background-size:24px 24px
}
}
.mCSB_container {
width:auto;
overflow:hidden;
padding-right:22px
}
.mCSB_container.mCS_no_scrollbar {
margin-right:0
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
margin-right:30px
}
.mCustomScrollBox>.mCSB_scrollTools {
width:16px;
height:100%;
top:0;
right:0
}
.mCSB_scrollTools .mCSB_draggerContainer {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
height:auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin:20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.mCSB_scrollTools .mCSB_dragger {
cursor:pointer;
width:100%;
height:30px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:4px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
text-align:center
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
display:block;
position:relative;
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
top:100%;
margin-top:-40px
}
.mCSB_horizontal>.mCSB_container {
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
margin-bottom:0
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
margin-right:0;
margin-bottom:30px
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
margin:0 20px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width:100%;
height:2px;
margin:7px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
width:30px;
height:100%
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:100%;
height:4px;
margin:6px auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
display:block;
position:relative;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
margin-left:-40px;
float:right
}
.mCustomScrollBox {
-ms-touch-action:none
}
.mCustomScrollBox>.mCSB_scrollTools {
opacity:.75;
filter:alpha(opacity=75)
}
.mCustomScrollBox:hover>.mCSB_scrollTools {
opacity:1;
filter:alpha(opacity=100)
}
.mCSB_scrollTools .mCSB_draggerRail {
background:#000;
background:rgba(0, 0, 0, 0.4)
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background:#fff;
background:rgba(255, 255, 255, 0.75)
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background:rgba(255, 255, 255, 0.85)
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background:rgba(255, 255, 255, 0.9)
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
background-image:url(mCSB_buttons.html);
background-repeat:no-repeat;
opacity:.4;
filter:alpha(opacity=40)
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position:0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position:0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position:0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position:0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
opacity:.75;
filter:alpha(opacity=75)
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
opacity:.9;
filter:alpha(opacity=90)
}
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
background:#000;
background:rgba(0, 0, 0, 0.15)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background:#000;
background:rgba(0, 0, 0, 0.75)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.85)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.9)
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
background-position:-80px 0
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
background-position:-80px -20px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
background-position:-80px -40px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
background-position:-80px -56px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
width:4px;
background:#fff;
background:rgba(255, 255, 255, 0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:4px;
background:#fff;
background:rgba(255, 255, 255, 0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width:100%;
height:4px;
margin:6px 0
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:100%;
height:4px;
margin:6px auto
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background:rgba(255, 255, 255, 0.85)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background:rgba(255, 255, 255, 0.9)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
background-position:-32px 0
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
background-position:-32px -20px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
background-position:-40px -40px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
background-position:-40px -56px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
width:4px;
background:#000;
background:rgba(0, 0, 0, 0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:4px;
background:#000;
background:rgba(0, 0, 0, 0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width:100%;
height:4px;
margin:6px 0
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:100%;
height:4px;
margin:6px auto
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.85)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.9)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
background-position:-112px 0
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
background-position:-112px -20px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
background-position:-120px -40px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
background-position:-120px -56px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
width:4px;
background:#fff;
background:rgba(255, 255, 255, 0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:6px;
background:#fff;
background:rgba(255, 255, 255, 0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width:100%;
height:4px;
margin:6px 0
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:100%;
height:6px;
margin:5px auto
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background:rgba(255, 255, 255, 0.85)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background:rgba(255, 255, 255, 0.9)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
background-position:-16px 0
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
background-position:-16px -20px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
background-position:-20px -40px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
background-position:-20px -56px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
width:4px;
background:#000;
background:rgba(0, 0, 0, 0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:6px;
background:#000;
background:rgba(0, 0, 0, 0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width:100%;
height:4px;
margin:6px 0
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:100%;
height:6px;
margin:5px auto
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.85)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.9)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
background-position:-96px 0
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
background-position:-96px -20px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
background-position:-100px -40px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
background-position:-100px -56px
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
background:#fff;
background:rgba(255, 255, 255, 0.1)
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:2px
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width:100%
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:100%;
height:2px;
margin:7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
background:#000;
background:rgba(0, 0, 0, 0.15)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:2px;
background:#000;
background:rgba(0, 0, 0, 0.75)
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width:100%
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width:100%;
height:2px;
margin:7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.85)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background:rgba(0, 0, 0, 0.9)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
background-position:-80px 0
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
background-position:-80px -20px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
background-position:-80px -40px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
background-position:-80px -56px
}
.icheckbox, .iradio {
display:inline-block;
margin:0;
padding:0;
width:16px;
height:16px;
background:url('../images/inputs.png') no-repeat;
border:0;
cursor:pointer;
vertical-align:middle;
margin-right:6px
}
.icheckbox {
background-position:0 0
}
.icheckbox.hover {
background-position:-17px 0
}
.icheckbox.checked {
background-position:-34px 0
}
.icheckbox.disabled {
background-position:-51px 0;
cursor:default
}
.icheckbox.checked.disabled {
background-position:-68px 0
}
.iradio {
background-position:-85px 0
}
.iradio.hover {
background-position:-103px 0
}
.iradio.checked {
background-position:-121px 0
}
.iradio.disabled {
background-position:-139px 0;
cursor:default
}
.iradio.checked.disabled {
background-position:-157px 0
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.icheckbox, .iradio {
background-image:url('../images/inputs%402x.png');
background-size:173px 16px
}
}
.mfp-close:hover {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
border:0!important
}
#nprogress {
pointer-events:none
}
#nprogress .bar {
background:#287de7;
position:fixed;
z-index:9999!important;
top:0;
left:0;
width:100%;
height:2px
}
#nprogress .peg {
display:block;
position:absolute;
right:0;
width:100px;
height:100%;
z-index:9999!important;
box-shadow:0 0 10px #e6e6e6, 0 0 5px #e6e6e6;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:rotate(3deg) translate(0px, -4px);
-ms-transform:rotate(3deg) translate(0px, -4px);
transform:rotate(3deg) translate(0px, -4px)
}
#nprogress .spinner {
display:block;
position:fixed;
z-index:9999!important;
top:10px;
right:8px
}
#nprogress .spinner-icon {
width:18px;
height:18px;
box-sizing:border-box;
border:solid 2px transparent;
border-top-color:#287de7;
border-left-color:#287de7;
border-radius:50%;
-webkit-animation:nprogress-spinner 400ms linear infinite;
animation:nprogress-spinner 400ms linear infinite
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes nprogress-spinner {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:0;
text-indent:100%;
z-index:150;
background:#181b27 url('../images/gotop.png') center center no-repeat
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
#toTop, #toTopHover {
background-image:url('../images/gotop%402x.png');
background-size:50%!important
}
}
#toTopHover {
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity:0;
filter:alpha(opacity=0);
background:#181b27 url('../images/gotop.png') center center no-repeat
}
#toTop:active, #toTop:focus {
outline:0
}
.tipsy {
font-size:12px;
font-size:1.2rem;
position:absolute;
padding:8px;
z-index:100000;
margin-left:20px
}
.tipsy-inner {
background-color:#181b27;
color:#b0b0b0;
max-width:200px;
padding:0 8px 0 8px;
text-align:center
}
.tipsy-inner {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.tipsy-inner {
-webkit-box-shadow:0 2px 1px -1px #525859;
-moz-box-shadow:0 2px 1px -1px #525859;
box-shadow:0 2px 1px -1px #525859
}
.tipsy-arrow {
position:absolute;
width:8px;
height:8px;
line-height:0
}
.tipsy-arrow-n {
background:url('../images/arrows/tooltip_top.png') no-repeat
}
.tipsy-arrow-s {
background:url('../images/arrows/tooltip_bottom.png') no-repeat
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.tipsy-arrow-n {
background-image:url('../images/arrows/tooltip_top%402x.png');
background-size:8px 8px
}
.tipsy-arrow-s {
background-image:url('../images/arrows/tooltip_bottom%402x.png');
background-size:8px 8px
}
}
.tipsy-n .tipsy-arrow {
top:0;
left:50%;
margin-left:-20px;
border-bottom-style:solid;
border-top:0;
border-left-color:transparent;
border-right-color:transparent
}
.tipsy-nw .tipsy-arrow {
top:0;
left:10px;
border-bottom-style:solid;
border-top:0;
border-left-color:transparent;
border-right-color:transparent
}
.tipsy-ne .tipsy-arrow {
top:0;
right:10px;
border-bottom-style:solid;
border-top:0;
border-left-color:transparent;
border-right-color:transparent
}
.tipsy-s .tipsy-arrow {
bottom:0;
left:50%;
margin-left:-20px;
border-top-style:solid;
border-bottom:0;
border-left-color:transparent;
border-right-color:transparent
}
.tipsy-sw .tipsy-arrow {
bottom:0;
left:10px;
border-top-style:solid;
border-bottom:0;
border-left-color:transparent;
border-right-color:transparent
}
.tipsy-se .tipsy-arrow {
bottom:0;
right:10px;
border-top-style:solid;
border-bottom:0;
border-left-color:transparent;
border-right-color:transparent
}
.tipsy-e .tipsy-arrow {
right:0;
top:50%;
margin-top:-5px;
border-left-style:solid;
border-right:0;
border-top-color:transparent;
border-bottom-color:transparent
}
.tipsy-w .tipsy-arrow {
left:0;
top:50%;
margin-top:-5px;
border-right-style:solid;
border-left:none;
border-top-color:transparent;
border-bottom-color:transparent
}
.selecter-element {
position:absolute;
opacity:0
}
.selecter {
display:block;
margin:10px 0;
position:relative;
z-index:1
}
.selecter .selecter-selected {
background:#fff url('../images/arrows/menu_1.png') no-repeat;
background-position:right 7px center;
border:1px solid #e6e6e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
display:block;
margin:0;
overflow:hidden;
padding:5px 22px 5px 7px;
position:relative;
text-overflow:clip;
z-index:49;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.selecter .selecter-selected:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
background:#fff url('../images/arrows/menu_2.png') no-repeat;
background-position:right 7px center
}
.selecter .selecter-options {
border:1px solid #e6e6e6;
background-color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
display:none;
left:0;
margin:0;
max-height:260px;
overflow:auto;
overflow-x:hidden;
padding:0;
position:absolute;
top:100%;
width:100%;
z-index:50
}
.selecter .selecter-group {
background:#cacaca;
border-bottom:1px solid #e6e6e6;
display:block;
padding:5px 10px 4px;
text-transform:uppercase
}
.selecter .selecter-item {
cursor:pointer;
display:block;
margin:0;
overflow:hidden;
padding:5px 7px 5px 7px;
text-overflow:ellipsis;
width:100%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.selecter .selecter-item.selected, .selecter .selecter-item:hover {
background:#287de7;
color:#fff
}
.selecter .selecter-item.disabled {
color:#c5c5c5;
cursor:default
}
.selecter .selecter-item.first {
border-radius:0
}
.selecter .selecter-item.last {
border-radius:0 0 2px 2px;
border-bottom:0
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.selecter .selecter-selected {
background-image:url('../images/arrows/menu_1%402x.png');
background-size:9px 5px
}
.selecter .selecter-selected:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
background-image:url('../images/arrows/menu_2%402x.png');
background-size:9px 5px
}
}
.selecter.open {
z-index:3
}
.selecter.open .selecter-selected {
border-radius:3px 3px 0 0;
z-index:51
}
.selecter.cover .selecter-options {
border-radius:3px;
border-width:1px;
top:0
}
.selecter.cover .selecter-options .selecter-item.first {
border-radius:3px 3px 0 0
}
.selecter.cover.open .selecter-selected {
border-radius:3px 3px 0 0;
z-index:49
}
.selecter.bottom .selecter-options {
border-width:1px 1px 0;
bottom:100%;
top:auto
}
.selecter.bottom .selecter-item.last {
border:0
}
.selecter.bottom.open .selecter-selected {
border-radius:0 0 3px 3px
}
.selecter.bottom.open .selecter-options {
border-radius:3px 3px 0 0
}
.selecter.bottom.cover .selecter-options {
bottom:0;
top:auto
}
.selecter.bottom.cover.open .selecter-selected {
border-radius:3px
}
.selecter.bottom.cover.open .selecter-options {
border-radius:3px
}
.selecter.multiple .selecter-options {
border-radius:3px;
border-width:1px;
box-shadow:none;
display:block;
position:static;
width:100%
}
.selecter.disabled .selecter-selected {
cursor:default
}
.selecter.disabled .selecter-group, .selecter.disabled .selecter-item {
cursor:default
}
.selecter .selecter-options.scroller {
overflow:hidden
}
.selecter .selecter-options.scroller .scroller-content {
max-height:260px;
padding:0
}
.scroller {
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
position:relative
}
.scroller-content {
height:100%;
overflow:auto;
overflow-x:hidden;
overflow-y:auto;
position:relative;
z-index:1
}
.scroller-bar {
display:none;
height:100%;
position:absolute;
right:0;
top:0;
width:20px;
z-index:2
}
.scroller-track {
height:100%;
overflow:hidden;
position:relative;
width:100%;
background:#f4f4f4
}
.scroller-handle {
background:#287de7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
height:20px;
overflow:hidden;
position:absolute;
right:5px;
top:0;
width:10px;
z-index:2;
-webkit-transition:right .1s linear, width .1s linear;
-moz-transition:right .1s linear, width .1s linear;
-ms-transition:right .1s linear, width .1s linear;
-o-transition:right .1s linear, width .1s linear;
transition:right .1s linear, width .1s linear
}
.scroller-content::-webkit-scrollbar, .scroller-content::-webkit-scrollbar-button, .scroller-content::-webkit-scrollbar-track, .scroller-content::-webkit-scrollbar-track-piece, .scroller-content::-webkit-scrollbar-thumb, .scroller-content::-webkit-scrollbar-corner, .scroller-content::-webkit-resizer {
background:transparent;
opacity:1;
filter:alpha(opacity=100)
}
.scroller-active .scroller-content {
padding:20px
}
.scroller-active .scroller-bar {
display:block
}
.scroller-active .scroller-content {
padding:20px
}
.scroller-active .scroller-bar {
display:block
}
.scroller-horizontal .scroller-content {
overflow:auto;
overflow-x:auto;
overflow-y:hidden;
padding:0 0 10px 0
}
.scroller-horizontal .scroller-bar {
border-left:none;
bottom:0;
height:20px;
top:auto;
width:100%
}
.scroller-horizontal .scroller-handle {
bottom:5px;
height:10px;
right:auto;
top:auto;
width:20px
}
.mfp-fade.mfp-bg {
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .15s ease-out;
-moz-transition:all .15s ease-out;
transition:all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity:.8;
filter:alpha(opacity=80)
}
.mfp-fade.mfp-bg.mfp-removing {
opacity:0;
filter:alpha(opacity=0)
}
.mfp-fade.mfp-wrap .mfp-content {
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .15s ease-out;
-moz-transition:all .15s ease-out;
transition:all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity:1;
filter:alpha(opacity=100)
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity:0;
filter:alpha(opacity=0)
}
.mfp-counter {
display:none
}
.mfp-arrow, .mfp-arrow:focus, .mfp-arrow:hover {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
border:0!important
}
.mfp-arrow.mfp-arrow-left {
left:15px!important;
background-position:left top
}
.mfp-arrow.mfp-arrow-right {
right:15px!important;
background-position:right top
}
.mfp-arrow.mfp-arrow-left, .mfp-arrow.mfp-arrow-right {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#000;
background-image:url('../images/arrows/testimonials-pointers.gif')
}
.mfp-arrow.mfp-arrow-left:hover {
background-position:left bottom
}
.mfp-arrow.mfp-arrow-right:hover {
background-position:right bottom
}
.mfp-arrow-left:hover, .mfp-arrow-right:hover {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#287de7
}
.mfp-preloader {
width:48px;
height:48px;
margin-top:-24px;
margin-left:-24px;
left:50%;
top:50%;
text-indent:-5555em;
position:absolute;
background:url('../images/loader.gif') center center no-repeat
}
.ls-wrapper .ls-nav a {
background:#f4f4f4;
color:#504f4f;
text-transform:uppercase;
font-size:16px;
font-size:1.6rem;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.ls-wrapper .ls-nav a:hover, .ls-wrapper .ls-nav .current {
background:#287de7;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.ls-wrapper .ls-select-box {
background:#f0f2f6 url('../images/arrows/menu_1.png') 97% center no-repeat
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.ls-wrapper .ls-select-box {
background-image:url('../images/arrows/menu_1%402x.png');
background-size:9px 5px
}
}
@media only screen and (max-width:767px) {
section.tabs {
padding:0!important
}
}
.ls-wrapper .ls-nav-right-arrow, .ls-wrapper .ls-nav-left-arrow {
border:1px solid #d9d9d9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
width:35px!important;
height:35px!important
}
.ls-wrapper .ls-nav-right-arrow a, .ls-wrapper .ls-nav-left-arrow a {
position:absolute;
width:10px;
height:17px;
background:url('../images/arrows/product-pointers-gray.gif') no-repeat;
top:9px;
left:12px
}
.ls-wrapper .ls-nav-right-arrow a {
right:12px;
left:auto
}
.ls-wrapper .ls-nav-right-arrow:hover, .ls-wrapper .ls-nav-left-arrow:hover {
border-color:#287de7
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.ls-wrapper .ls-nav-right-arrow a, .ls-wrapper .ls-nav-left-arrow a {
background-image:url('../images/arrows/product-pointers-gray%402x.gif');
background-size:60px 102px
}
}
.ls-wrapper .ls-nav-right-arrow {
background-color:#f6f6f6
}
.ls-wrapper .ls-nav-right-arrow a {
background-position:right top
}
.ls-wrapper .ls-nav-left-arrow {
background-color:#f6f6f6
}
.ls-wrapper .ls-nav-left-arrow a {
background-position:left top
}
.ls-wrapper .ls-nav-right-arrow:hover a {
background-position:right bottom
}
.ls-wrapper .ls-nav-left-arrow:hover a {
background-position:left bottom
}
.owl-theme .owl-controls {
margin-top:10px;
text-align:center
}
.owl-theme .owl-controls .owl-page {
display:inline-block;
zoom:1;
*display:inline
}
.owl-page {
margin-bottom:7px
}
.owl-theme .owl-controls .owl-page span {
display:block;
width:36px;
height:7px;
margin:0 7px;
background-color:#cacaca;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
background-color:#287de7
}
.owl-theme .owl-pagination {
padding:30px 0
}
.ui-widget-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%
}
.ui-slider {
position:relative;
text-align:left
}
.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:1.2em;
height:1.2em;
cursor:default
}
.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background-position:0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter:inherit
}
.ui-slider-horizontal {
height:.8em
}
.ui-slider-horizontal .ui-slider-handle {
top:-0.2em;
margin-left:-0.6em
}
.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%
}
.ui-slider-horizontal .ui-slider-range-min {
left:0
}
.ui-slider-horizontal .ui-slider-range-max {
right:0
}
.ui-slider-handle {
width:10px!important;
height:10px!important;
background:#504f4f;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:0;
cursor:pointer!important
}
.ui-slider-handle:hover {
background:#287de7
}
.ui-slider-range {
height:4px!important;
background:#287de7
}
.ui-slider {
height:4px!important;
background-color:#e6e6e6;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.jThumbnailScroller .jTscrollerContainer {
position:absolute;
left:0;
right:0
}
.jThumbnailScroller .jTscroller {
position:relative;
height:100%;
margin:0;
left:0;
top:0;
display:inline-block;
*display:inline
}
.jThumbnailScroller .jTscrollerNextButton, .jThumbnailScroller .jTscrollerPrevButton {
position:absolute;
display:block;
opacity:.7;
filter:alpha(opacity=70)
}
.jThumbnailScroller .jTscrollerNextButton:hover, .jThumbnailScroller .jTscrollerPrevButton:hover {
opacity:1;
filter:alpha(opacity=100)
}
.jTscroller {
overflow:hidden;
max-height:114px!important
}
header.small {
font-size:13px;
font-size:1.3rem;
padding:0 28px;
height:38px;
line-height:38px;
color:#504f4f;
border-bottom:1px solid #f0f0f0
}
header.small i {
font-size:17px;
font-size:1.7rem
}
header.small a {
color:#504f4f;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease
}
header.small i {
font-size:19px;
font-size:1.9rem;
vertical-align:middle
}
header.small .social-icons {
margin-right:11px
}
header.small .social-icons a {
margin-right:12px
}
header.small a.my-account {
margin-right:38px
}
header.small a.my-cart {
margin-right:23px
}
header.small a.my-account i, header.small a.my-cart i {
font-size:13px;
font-size:1.3rem;
background:#504f4f;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:2px 3px 2px 3px
}
header.small a.my-account:hover i, header.small a.my-cart:hover i {
background-color:#287de7
}
header.small #top-search-form input {
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
opacity:0;
filter:alpha(opacity=0);
width:0;
padding:2px 0;
display:inline-block;
background-color:#f6f6f6;
color:#504f4f;
border:0;
-webkit-box-shadow:1px 1px 0 #ececec;
-moz-box-shadow:1px 1px 0 #ececec;
box-shadow:1px 1px 0 #ececec
}
header.small #top-search-form:hover input {
width:130px;
opacity:1;
filter:alpha(opacity=100);
padding:2px 3px
}
.no-top-menu header.small {
display:none
}
.mobile header.small #top-search-form {
display:none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, #top-search-form input {
position:absolute
}
::i-block-chrome, #top-search-form:hover input {
position:static
}
}
@media only screen and (max-width:877px) {
header.small #top-search-form input {
opacity:1;
filter:alpha(opacity=100);
width:130px;
border:1px solid #f0f0f0
}
header.small .call-to-us {
display:none
}
}
@media only screen and (max-width:700px) {
header.small .social-icons {
display:none
}
header.small .pull-right {
float:left
}
header.small #top-search-form {
display:inline;
float:right!important
}
}
@media only screen and (max-width:530px) {
header.small {
height:76px
}
header.small #top-search-form {
display:block;
width:100%;
float:none!important
}
header.small #top-search-form input {
width:85%!important
}
header.small a.my-account {
margin-right:13px
}
header.small a.my-cart {
margin-right:0
}
}
.big-header-wrapper {
border-bottom:1px solid #f0f0f0
}
.big-header-wrapper .header-contact-link, .big-header-wrapper .header-info-block {
display:none
}
header.big {
height:119px
}
header.big #logo {
margin-top:35px!important;
float:left
}
header.big #logo img {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
header.small.menu-scrolled {
margin-bottom:119px!important
}
.mobile header.small.menu-scrolled {
margin-bottom:0!important
}
.big-header-wrapper .wrapper {
position:relative
}
.boxed-layout header.small, .boxed-layout .big-header-wrapper {
margin-right:15px;
margin-left:15px
}
.big-header-wrapper.scrolled {
position:fixed;
width:100%;
border-bottom:0;
z-index:900!important;
padding:0;
top:0;
left:0;
margin-right:0!important;
margin-left:0!important;
background:#fff;
background:rgba(255, 255, 255, 0.85);
-webkit-box-shadow:1px 1px 1px #f6f6f6;
-moz-box-shadow:1px 1px 1px #f6f6f6;
box-shadow:1px 1px 1px #f6f6f6
}
.big-header-wrapper.scrolled header.big {
height:71px
}
.big-header-wrapper.scrolled #logo {
margin-top:18px!important
}
.big-header-wrapper.scrolled #logo img {
width:280px!important;
height:36px!important
}
.big-header-wrapper.scrolled #header-menu-ul {
height:71px!important
}
.big-header-wrapper.scrolled #header-menu-ul>li {
line-height:65px!important
}
.big-header-wrapper.scrolled #header-menu-ul>li>a {
height:71px!important
}
.switcher-opened .big-header-wrapper.scrolled {
left:120px!important
}
#header-menu {
z-index:770!important;
position:relative
}
#header-menu ul, #header-menu li {
margin:0;
padding:0;
list-style:none;
z-index:150
}
#header-menu li:before {
content:'';
display:none
}
#header-menu #header-menu-ul {
float:right;
height:119px
}
#header-menu #header-menu-ul ul.sub-menu {
opacity:0;
filter:alpha(opacity=0);
height:0!important;
overflow:hidden;
position:absolute;
z-index:999!important;
top:100%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#header-menu #header-menu-ul .wproto-mega-menu-content {
top:100%;
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s;
opacity:0;
filter:alpha(opacity=0);
z-index:999!important;
height:0!important;
display:block
}
#header-menu #header-menu-ul ul ul, #header-menu #header-menu-ul .wproto-mega-menu-content {
left:100%;
overflow:visible
}
#header-menu #header-menu-ul>li:last-child {
margin-right:0!important
}
#header-menu #header-menu-ul>li:last-child a.item {
padding-right:0!important
}
#header-menu #header-menu-ul>li {
display:inline-block;
line-height:119px;
margin-right:20px;
position:relative
}
#header-menu #header-menu-ul>li span.menu-item-content {
vertical-align:middle;
width:100%;
text-align:left;
padding-left:11px
}
#header-menu #header-menu-ul>li span.icon {
margin-bottom:5px;
color:#fff
}
#header-menu #header-menu-ul>li span.menu-text {
font-family:'Roboto Slab', serif;
font-weight:400;
font-size:16px;
font-size:1.6rem;
color:#504f4f
}
#header-menu #header-menu-ul>li span.icon i {
font-size:15px;
font-size:1.5rem;
border-radius:50%;
line-height:2em;
padding:10px 11px;
background-color:#fafafa;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
background:#169fbb;
background:-moz-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #00f5ff), color-stop(100%, #2c4976));
background:-webkit-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:-o-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:-ms-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:linear-gradient(to bottom, #00f5ff 0, #2c4976 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f5ff', endColorstr='#2c4976', GradientType=0);
text-shadow:1px 1px 1px #8da7d5
}
#header-menu #header-menu-ul>li span.icon, #header-menu #header-menu-ul>li span.menu-text, #header-menu #header-menu-ul>li span.subtitle {
width:100%;
display:block;
line-height:normal
}
#header-menu #header-menu-ul>li span.subtitle {
color:#504f4f
}
#header-menu #header-menu-ul>li.mega-menu {
position:static!important
}
#header-menu #header-menu-ul>li.mega-menu .wproto-mega-menu-content {
overflow:hidden
}
#header-menu #header-menu-ul>li>a.item {
height:119px;
display:block;
vertical-align:middle;
padding:0 10px;
margin-bottom:0!important
}
#header-menu #header-menu-ul ul>li>a.item {
border-top:2px solid transparent;
border-bottom:2px solid transparent
}
#header-menu #header-menu-ul>li>ul.sub-menu li {
-webkit-transition:background .3s;
-moz-transition:background .3s;
-o-transition:background .3s;
transition:background .3s
}
#header-menu #header-menu-ul>li.level-0>a.item:hover span.icon {
color:#fff
}
#header-menu #header-menu-ul>li.level-0>a.item:hover span.menu-text {
color:#287de7
}
#header-menu #header-menu-ul>li.level-0>a.item:hover span.subtitle {
color:#287de7
}
#header-menu #header-menu-ul>li.level-0>a.item:hover span.icon i {
background-color:#f0f2f6;
background:#169fbb;
background:-moz-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #00f5ff), color-stop(100%, #2c4976));
background:-webkit-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:-o-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:-ms-linear-gradient(top, #00f5ff 0, #2c4976 100%);
background:linear-gradient(to bottom, #00f5ff 0, #2c4976 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f5ff', endColorstr='#2c4976', GradientType=0);
text-shadow:1px 1px 1px #8da7d5
}
#header-menu #header-menu-ul>li.current-menu-item>a .menu-text, #header-menu #header-menu-ul>li.current_page_item>a .menu-text, #header-menu #header-menu-ul>li.current-menu-ancestor>a .menu-text {
color:#287de7
}
#header-menu #header-menu-ul>li:hover>ul.sub-menu, #header-menu #header-menu-ul>li:hover>ul.sub-menu>li:hover ul.sub-menu {
opacity:1;
filter:alpha(opacity=100);
height:auto!important;
display:block;
z-index:50;
margin:0;
padding:0;
width:auto;
overflow:visible
}
#header-menu #header-menu-ul li ul.sub-menu>li:first-child {
-webkit-border-top-right-radius:3px;
-moz-border-radius-topright:3px;
border-top-right-radius:3px;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomright:0;
border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomleft:0;
border-bottom-left-radius:0;
-webkit-border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-top-left-radius:3px
}
#header-menu #header-menu-ul li ul.sub-menu>li:last-child {
-webkit-border-top-right-radius:0;
-moz-border-radius-topright:0;
border-top-right-radius:0;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-left-radius:3px;
-webkit-border-top-left-radius:0;
-moz-border-radius-topleft:0;
border-top-left-radius:0;
border-bottom:0!important
}
#header-menu #header-menu-ul li ul.sub-menu li {
position:relative
}
#header-menu #header-menu-ul>li:hover>ul.sub-menu>li:hover ul.sub-menu {
top:0;
left:100%
}
#header-menu #header-menu-ul li ul.sub-menu li ul.sub-menu li ul {
display:none!important
}
#header-menu #header-menu-ul>li>ul.sub-menu li {
background-color:#181b27;
border-bottom:1px solid #504f4f
}
#header-menu #header-menu-ul>li:hover>ul.sub-menu li {
padding:0;
margin:0;
display:block;
height:auto
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item {
height:auto;
display:block;
padding:5px 20px;
min-width:150px;
line-height:normal;
white-space:nowrap
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item span.menu-item-content {
text-align:left
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item i.menu-angle {
position:absolute;
right:13px;
top:13px;
background:url('../images/arrows/sub_menu_1.png') no-repeat;
width:5px;
height:9px
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item span.icon i {
background:transparent!important;
text-shadow:none;
color:#b0b0b0!important;
filter:none!important
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item span.icon {
display:inline;
margin-right:8px;
line-height:18px;
width:40px;
text-align:center
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item span.icon i {
border:0;
padding:0
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item span.menu-text {
font-size:14px;
font-size:1.4rem;
font-family:'Roboto', sans-serif;
font-weight:normal;
display:inline;
line-height:28px!important;
color:#b0b0b0
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item span.menu-item-content {
padding:0;
margin:0
}
#header-menu #header-menu-ul>li ul.sub-menu>li a.item span.subtitle {
display:none
}
#header-menu #header-menu-ul>li ul.sub-menu>li:hover>a.item span.menu-text {
color:#fff
}
#header-menu #header-menu-ul>li:hover>ul.sub-menu li:hover {
background-color:#287de7
}
#header-menu li.mega-menu ul.sub-menu {
display:none!important
}
#header-menu .arrow-drop {
background:url('../images/arrows/menu_1.png') no-repeat;
width:9px;
height:5px;
display:inline-block;
vertical-align:middle
}
#header-menu li:hover .arrow-drop {
background-image:url('../images/arrows/menu_2.png')
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
#header-menu .menu-angle {
background-image:url('../images/arrows/sub_menu_1%402x.png');
background-size:5px 9px
}
#header-menu .arrow-drop {
background-image:url('../images/arrows/menu_1%402x.png');
background-size:9px 5px
}
#header-menu li:hover .arrow-drop {
background-image:url('../images/arrows/menu_2%402x.png');
background-size:9px 5px
}
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content {
position:absolute;
opacity:0;
filter:alpha(opacity=0);
height:0!important;
right:0;
left:auto;
top:100%;
line-height:normal;
z-index:100;
background-color:#181b27;
color:#b0b0b0
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul {
display:block
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item {
display:block;
width:100%;
white-space:nowrap;
border:0;
text-align:left
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item ul, #header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li {
border:0
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0 {
min-width:150px;
display:inline-block;
vertical-align:top;
margin-right:20px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0:last-child {
margin-right:0
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li {
margin-bottom:13px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item ul, #header-menu #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img {
margin-top:13px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img {
position:relative
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img .bx-prev {
left:-11px!important
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img .bx-next {
right:-11px!important
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
height:auto!important
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img .bx-viewport {
min-height:80px!important
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content .featured-cat-desc {
margin-top:13px;
width:290px;
white-space:normal;
margin-bottom:7px;
line-height:22px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item ul ul {
padding-left:10px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0>a {
font-size:16px;
font-size:1.6rem;
color:#c5c5c5;
text-transform:uppercase
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0>a:hover {
color:#287de7;
text-decoration:underline
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-1 a {
color:#b0b0b0
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-1 * {
vertical-align:middle
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-1 {
margin-bottom:0;
line-height:26px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0 {
line-height:26px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0>ul {
margin-top:4px
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-1 a:hover {
color:#287de7;
text-decoration:underline
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0 a.more {
text-transform:none;
font-size:14px;
font-size:1.4rem
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0 a.more:hover {
text-decoration:underline
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content span.new-item {
display:inline-block;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
width:26px;
height:26px;
margin-left:4px;
font-size:8px;
font-size:.8rem;
line-height:26px!important;
padding:0;
text-align:center;
text-transform:uppercase;
line-height:normal;
background-color:#d74242;
color:#fff
}
#header-menu #header-menu-ul>li .wproto-mega-menu-content span.featured-item {
display:inline-block;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
width:26px;
height:26px;
margin-left:4px;
font-size:12px;
font-size:1.2rem;
padding:0;
line-height:23px!important;
line-height:normal;
text-align:center;
background-color:#287de7;
color:#fff
}
#header-menu #header-menu-ul>li:hover .wproto-mega-menu-content {
opacity:1;
filter:alpha(opacity=100);
padding:20px 20px 0 20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
display:block!important;
height:auto!important;
width:auto!important
}
@media only screen and (max-width:1199px) {
#header-menu #header-menu-ul>li span.icon, #header-menu #header-menu-ul>li span.subtitle {
display:none!important
}
}
@media only screen and (max-width:959px) {
#header-menu #header-menu-ul {
text-align:right
}
#header-menu #header-menu-ul>li {
width:auto;
margin:0 0 0 10px
}
#header-menu #header-menu-ul>li span.icon, #header-menu #header-menu-ul>li span.subtitle {
display:none
}
#header-menu #header-menu-ul>li>a.item {
padding:0
}
}
@media only screen and (max-width:767px) {
header.big {
height:auto!important;
min-height:119px
}
header.big #header-menu-ul ul.sub-menu, header.big #header-menu-ul .wproto-mega-menu-content {
overflow:visible!important;
display:block!important;
position:static!important;
opacity:1;
filter:alpha(opacity=100);
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
height:auto!important
}
#header-menu.opened {
margin:0 0 22px 0;
padding:15px 0;
position:static!important;
display:block
}
#header-menu.opened #header-menu-ul {
height:auto;
text-align:left
}
#header-menu.opened #header-menu-ul>li>a.item {
height:55px;
line-height:55px;
padding:0 15px!important;
background-color:#f0f0f0;
color:#504f4f
}
#header-menu.opened #header-menu-ul>li {
display:block;
width:100%;
position:relative;
padding:0;
opacity:1;
filter:alpha(opacity=100);
height:auto;
line-height:normal;
margin:0 0 1px 0
}
#header-menu.opened #header-menu-ul>li span.menu-item-content {
text-align:left
}
#header-menu.opened #header-menu-ul>li span.icon {
display:block;
float:left;
width:auto;
margin:0;
line-height:55px
}
#header-menu.opened #header-menu-ul>li span.icon i {
background:transparent!important
}
#header-menu.opened #header-menu-ul>li span.menu-text {
line-height:55px
}
#header-menu.opened #header-menu-ul>li:hover ul.sub-menu, #header-menu.opened #header-menu-ul>li:hover ul.sub-menu li:hover ul.sub-menu, #header-menu.opened #header-menu-ul li ul.sub-menu, #header-menu.opened #header-menu-ul li ul.sub-menu li ul.sub-menu {
display:block!important;
position:static!important;
padding:0;
border:0;
opacity:1;
filter:alpha(opacity=100);
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
height:auto!important
}
#header-menu.opened #header-menu-ul>li:hover .wproto-mega-menu-content, #header-menu.opened #header-menu-ul>li .wproto-mega-menu-content {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative!important;
border:0!important;
opacity:1;
filter:alpha(opacity=100);
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
height:auto!important;
width:100%!important;
padding:20px;
top:0!important
}
#header-menu.opened #header-menu-ul>li .wproto-mega-menu-content ul.ul-item {
float:none!important
}
#header-menu.opened #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li {
display:block!important
}
#header-menu.opened #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li .featured-cat-img>img {
width:100%!important;
height:auto!important
}
#header-menu.opened #header-menu-ul>li .wproto-mega-menu-content ul.ul-item li.lvl-0 {
min-width:100%;
width:100%;
float:none!important;
padding-bottom:13px!important;
margin:0!important
}
#header-menu.opened #header-menu-ul>li .wproto-mega-menu-content .featured-cat-desc, #header-menu.opened #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img, #header-menu.opened #header-menu-ul>li .wproto-mega-menu-content .featured-cat-img img {
width:100%!important
}
}
@media only screen and (min-width:767px) {
body.header-default-centered header.small {
text-align:center
}
body.header-default-centered header.small .pull-right {
float:none!important;
display:inline-block
}
body.header-default-centered header.small #top-search-form {
display:none
}
body.header-default-centered .big-header-wrapper {
text-align:center
}
body.header-default-centered .big-header-wrapper .unit.one-quarter, body.header-default-centered .big-header-wrapper #header-menu {
width:100%!important;
display:block
}
body.header-default-centered .big-header-wrapper #logo {
float:none;
margin-top:0!important
}
body.header-default-centered .big-header-wrapper #logo img {
display:block;
float:none;
margin:38px auto 0 auto
}
body.header-default-centered .big-header-wrapper header.big {
height:178px
}
body.header-default-centered .big-header-wrapper #header-menu #header-menu-ul {
float:none;
width:100%;
height:94px
}
body.header-default-centered .big-header-wrapper #header-menu #header-menu-ul>li, body.header-default-centered .big-header-wrapper #header-menu #header-menu-ul>li>a.item, body.header-default-centered .big-header-wrapper #header-menu>ul>li>a {
height:94px;
line-height:94px
}
body.header-default-centered .big-header-wrapper.scrolled #logo img {
margin:15px auto 0 auto
}
body.header-default-centered .big-header-wrapper.scrolled header.big {
height:110px
}
body.header-default-centered .big-header-wrapper.scrolled #header-menu #header-menu-ul {
height:60px!important
}
body.header-default-centered .big-header-wrapper.scrolled #header-menu-ul>li>a, body.header-default-centered .big-header-wrapper.scrolled #header-menu #header-menu-ul>li, body.header-default-centered .big-header-wrapper.scrolled #header-menu #header-menu-ul>li>a.item, body.header-default-centered .big-header-wrapper.scrolled #header-menu>ul>li>a {
height:60px!important;
line-height:60px
}
}
@media only screen and (min-width:767px) {
.header-big-background #header-menu li:hover i.arrow-drop, .header-big-background #header-menu li.current-menu-item i.arrow-drop, .header-big-background #header-menu li.current_page_item i.arrow-drop, .header-big-background #header-menu li.current-menu-ancestor i.arrow-drop {
background-image:url('../images/arrows/menu_3.gif')!important
}
.header-big-background #header-menu #header-menu-ul>li {
margin-right:-4px!important
}
.header-big-background #header-menu #header-menu-ul>li>a.item {
margin-right:0;
padding-right:20px!important
}
.header-big-background #header-menu #header-menu-ul>li.current-menu-item>a, .header-big-background #header-menu #header-menu-ul>li.current_page_item>a, .header-big-background #header-menu #header-menu-ul>li.current-menu-ancestor>a {
background-color:#287de7;
padding-right:20px
}
.header-big-background #header-menu #header-menu-ul>li.current-menu-item>a .menu-text, .header-big-background #header-menu #header-menu-ul>li.current_page_item>a .menu-text, .header-big-background #header-menu #header-menu-ul>li.current-menu-ancestor>a .menu-text {
color:#fff!important
}
.header-big-background #header-menu #header-menu-ul>li>a.item:hover, .header-big-background #header-menu #header-menu-ul>li>a.item:hover, .header-big-background #header-menu #header-menu-ul>li>a.item:hover {
background-color:#504f4f;
color:#fff!important
}
.header-big-background #header-menu #header-menu-ul>li>a.item:hover .menu-text, .header-big-background #header-menu #header-menu-ul>li>a.item:hover .menu-text, .header-big-background #header-menu #header-menu-ul>li>a.item:hover .menu-text {
color:#fff!important
}
.header-big-background .big-header-wrapper #header-menu {
margin-top:9px!important
}
.header-big-background .big-header-wrapper #header-menu #header-menu-ul {
height:98px
}
.header-big-background .big-header-wrapper #header-menu #header-menu-ul>li, .header-big-background .big-header-wrapper #header-menu #header-menu-ul>li>a.item, .header-big-background .big-header-wrapper #header-menu>ul>li>a {
height:98px;
line-height:98px
}
.header-big-background .big-header-wrapper.scrolled #header-menu #header-menu-ul {
height:55px!important
}
.header-big-background .big-header-wrapper.scrolled #header-menu-ul>li>a, .header-big-background .big-header-wrapper.scrolled #header-menu #header-menu-ul>li, .header-big-background .big-header-wrapper.scrolled #header-menu #header-menu-ul>li>a.item, .header-big-background .big-header-wrapper.scrolled #header-menu>ul>li>a {
height:55px!important;
line-height:55px
}
}
@media only screen and (min-width:767px) {
.boxed-layout.header-full-width .big-header-wrapper, .boxed-layout.header-full-width header.small {
margin-right:0;
margin-left:0
}
.header-full-width .big-header-wrapper .wrapper {
max-width:100%!important;
width:100%!important
}
.header-full-width #header-menu-ul {
float:none!important;
width:100%;
text-align:center
}
.header-full-width .big-header-wrapper .unit.one-quarter {
width:217px!important
}
.header-full-width .big-header-wrapper a.header-contact-link {
position:absolute;
display:block;
width:48px;
height:48px;
right:15px;
top:72px;
border:1px solid #504f4f;
color:#504f4f;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
z-index:100
}
.header-full-width .big-header-wrapper a.header-contact-link i {
font-size:25px;
font-size:2.5rem;
line-height:48px
}
.header-full-width .big-header-wrapper a.header-contact-link:hover {
border:1px solid #287de7;
color:#287de7
}
.header-full-width .big-header-wrapper.scrolled a.header-contact-link {
top:18px;
width:35px;
height:35px
}
.header-full-width .big-header-wrapper.scrolled a.header-contact-link i {
font-size:18px;
font-size:1.8rem;
line-height:35px
}
}
@media only screen and (min-width:767px) {
.header-classic #header-menu-ul {
text-align:left!important
}
.header-classic-centered #header-menu-ul {
text-align:center!important
}
.header-classic-centered #header-menu-ul {
text-align:center!important
}
.header-classic #header-menu li:hover i.arrow-drop, .header-classic-centered #header-menu li:hover i.arrow-drop, .header-classic #header-menu li.current-menu-item i.arrow-drop, .header-classic-centered #header-menu li.current-menu-item i.arrow-drop, .header-classic #header-menu li.current_page_item i.arrow-drop, .header-classic-centered #header-menu li.current_page_item i.arrow-drop, .header-classic #header-menu li.current-menu-ancestor i.arrow-drop, .header-classic-centered #header-menu li.current-menu-ancestor i.arrow-drop {
background-image:url('../images/arrows/menu_3.gif')!important
}
.header-classic #header-menu #header-menu-ul>li, .header-classic-centered #header-menu #header-menu-ul>li {
margin-right:-4px!important
}
.header-classic #header-menu #header-menu-ul>li>a.item, .header-classic-centered #header-menu #header-menu-ul>li>a.item {
margin-right:0;
padding-right:20px!important
}
.header-classic #header-menu #header-menu-ul>li.current-menu-item>a, .header-classic-centered #header-menu #header-menu-ul>li.current-menu-item>a, .header-classic #header-menu #header-menu-ul>li.current_page_item>a, .header-classic-centered #header-menu #header-menu-ul>li.current_page_item>a, .header-classic #header-menu #header-menu-ul>li.current-menu-ancestor>a, .header-classic-centered #header-menu #header-menu-ul>li.current-menu-ancestor>a {
background-color:#287de7;
padding-right:20px
}
.header-classic #header-menu #header-menu-ul>li.current-menu-item>a .menu-text, .header-classic-centered #header-menu #header-menu-ul>li.current-menu-item>a .menu-text, .header-classic #header-menu #header-menu-ul>li.current_page_item>a .menu-text, .header-classic-centered #header-menu #header-menu-ul>li.current_page_item>a .menu-text, .header-classic #header-menu #header-menu-ul>li.current-menu-ancestor>a .menu-text, .header-classic-centered #header-menu #header-menu-ul>li.current-menu-ancestor>a .menu-text {
color:#fff!important
}
.header-classic #header-menu #header-menu-ul>li:hover>a.item, .header-classic-centered #header-menu #header-menu-ul>li:hover>a.item, .header-classic #header-menu #header-menu-ul>li:hover>a.item, .header-classic-centered #header-menu #header-menu-ul>li:hover>a.item, .header-classic #header-menu #header-menu-ul>li:hover>a.item, .header-classic-centered #header-menu #header-menu-ul>li:hover>a.item {
background-color:#504f4f;
color:#fff!important
}
.header-classic #header-menu #header-menu-ul>li:hover>a.item .menu-text, .header-classic-centered #header-menu #header-menu-ul>li:hover>a.item .menu-text, .header-classic #header-menu #header-menu-ul>li:hover>a.item .menu-text, .header-classic-centered #header-menu #header-menu-ul>li:hover>a.item .menu-text, .header-classic #header-menu #header-menu-ul>li:hover>a.item .menu-text, .header-classic-centered #header-menu #header-menu-ul>li:hover>a.item .menu-text {
color:#fff!important
}
.header-classic .big-header-wrapper .header-info-block, .header-classic-centered .big-header-wrapper .header-info-block {
display:block;
position:absolute;
top:11px;/*aca 33*/
right:0
}
.header-classic .big-header-wrapper .header-info-block p, .header-classic-centered .big-header-wrapper .header-info-block p {
margin-bottom:4px
}
.header-classic .big-header-wrapper .unit.one-quarter, .header-classic-centered .big-header-wrapper .unit.one-quarter, .header-classic .big-header-wrapper #header-menu, .header-classic-centered .big-header-wrapper #header-menu {
width:100%!important;
display:inline-block;
float:none
}
.header-classic .big-header-wrapper #logo, .header-classic-centered .big-header-wrapper #logo {
float:none;
display:inline!important;
margin-top:0!important
}
.header-classic .big-header-wrapper #logo img, .header-classic-centered .big-header-wrapper #logo img {
display:block;
float:none;
margin:34px 0 37px 0
/*38px 0 37px 0*/
}
.header-classic .big-header-wrapper header.big, .header-classic-centered .big-header-wrapper header.big {
height:165px!important
}
.header-classic .big-header-wrapper #header-menu #header-menu-ul, .header-classic-centered .big-header-wrapper #header-menu #header-menu-ul {
float:none;
width:100%;
height:44px
}
.header-classic .big-header-wrapper #header-menu #header-menu-ul>li, .header-classic-centered .big-header-wrapper #header-menu #header-menu-ul>li, .header-classic .big-header-wrapper #header-menu #header-menu-ul>li>a.item, .header-classic-centered .big-header-wrapper #header-menu #header-menu-ul>li>a.item, .header-classic .big-header-wrapper #header-menu>ul>li>a, .header-classic-centered .big-header-wrapper #header-menu>ul>li>a {
height:44px;
line-height:44px
}
.header-classic .big-header-wrapper.scrolled #logo img, .header-classic-centered .big-header-wrapper.scrolled #logo img {
margin:15px 0 15px 0!important
}
.header-classic .big-header-wrapper.scrolled header.big, .header-classic-centered .big-header-wrapper.scrolled header.big {
height:130px!important
}
.header-classic .big-header-wrapper.scrolled #header-menu #header-menu-ul, .header-classic-centered .big-header-wrapper.scrolled #header-menu #header-menu-ul {
height:44px!important
}
.header-classic .big-header-wrapper.scrolled #header-menu-ul>li>a, .header-classic-centered .big-header-wrapper.scrolled #header-menu-ul>li>a, .header-classic .big-header-wrapper.scrolled #header-menu #header-menu-ul>li, .header-classic-centered .big-header-wrapper.scrolled #header-menu #header-menu-ul>li, .header-classic .big-header-wrapper.scrolled #header-menu #header-menu-ul>li>a.item, .header-classic-centered .big-header-wrapper.scrolled #header-menu #header-menu-ul>li>a.item, .header-classic .big-header-wrapper.scrolled #header-menu>ul>li>a, .header-classic-centered .big-header-wrapper.scrolled #header-menu>ul>li>a {
height:44px!important;
line-height:44px
}
.header-classic .big-header-wrapper.scrolled .header-info-block, .header-classic-centered .big-header-wrapper.scrolled .header-info-block {
top:6px/*aca 15*/
}
}
@media only screen and (min-width:767px) {
.header-classic-centered #header-menu-ul {
text-align:center!important
}
.header-classic-centered .big-header-wrapper .header-info-block {
display:none!important
}
.header-classic-centered .big-header-wrapper #logo img {
margin:38px auto 37px auto!important
}
.header-classic-centered .big-header-wrapper.scrolled #logo img {
margin:15px auto 15px auto!important
}
}
#header-submenu {
height:76px;
line-height:73px;
overflow:hidden
}
#header-submenu .site-page-title {
float:left
}
#header-submenu .site-page-title h2 {
line-height:73px
}
@media only screen and (max-width:450px) {
#header-submenu .site-page-title {
display:none
}
}
#phone-toggle-menu {
float:right;
width:35px;
height:35px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
line-height:35px;
font-size:18px;
font-size:1.8rem;
margin-top:7px;
background:#f0f0f0;
color:#504f4f;
margin-top:35px
}
@media only screen and (max-width:1199px) {
header.big .grid .one-quarter, #header-menu.three-quarters {
width:100%!important;
margin:0!important;
text-align:center
}
#header-menu-ul {
float:none!important;
text-align:center!important
}
#logo {
float:none!important;
display:inline-block!important
}
header.big {
height:auto!important
}
}
@media only screen and (max-width:767px) {
#logo {
float:left!important
}
}
#header-slider {
position:relative;
overflow:hidden
}
#footer {
position:relative;
padding:0;
color:#b0b0b0;
font-size:14px;
font-size:1.4rem
}
#footer a {
color:#b0b0b0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#footer a:hover {
color:#287de7
}
#footer .wrapper {
padding-top:41px
}
.widgetized-footer #footer {
background-color:#262a2f
}
#footer input[type=text], #style-switcher input[type=text], #footer input[type=email], #style-switcher input[type=email], #footer textarea, #style-switcher textarea {
border-color:transparent!important;
width:100%;
padding:5px 10px;
background-color:#181b27;
color:#717171!important;
-webkit-box-shadow:0 2px 1px -1px #525859!important;
-moz-box-shadow:0 2px 1px -1px #525859!important;
box-shadow:0 2px 1px -1px #525859!important
}
#footer .widget, #style-switcher .widget {
margin-bottom:25px
}
#footer input[type=submit]:focus, #style-switcher input[type=submit]:focus, #footer input[type=reset]:focus, #style-switcher input[type=reset]:focus, #footer input[type=submit]:hover, #style-switcher input[type=submit]:hover, #footer input[type=reset]:hover, #style-switcher input[type=reset]:hover, #footer .button:hover, #style-switcher .button:hover, #footer button:hover, #style-switcher button:hover {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
border-bottom:2px solid #1252a2
}
@-moz-document url-prefix() {
#footer input[type=text], #footer input[type=email], #footer textarea {
-webkit-box-shadow:0 1px 1px -1px #525859;
-moz-box-shadow:0 1px 1px -1px #525859;
box-shadow:0 1px 1px -1px #525859
}
}
#footer input[type=text]::-webkit-input-placeholder, #footer input[type=email]::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder {
color:#717171!important
}
#footer input[type=text]::-moz-placeholder, #footer input[type=email]::-moz-placeholder, #footer textarea::-moz-placeholder {
color:#717171!important
}
#footer input[type=text]::-ms-input-placeholder, #footer input[type=email]::-ms-input-placeholder, #footer textarea::-ms-input-placeholder {
color:#717171!important
}
#primary-footer {
min-height:68px;
background-color:#181b27;
color:#b0b0b0;
font-size:12px;
font-size:1.2rem
}
#primary-footer .unit {
line-height:68px
}
#primary-footer a {
color:#b0b0b0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
#primary-footer a:hover {
color:#b0b0b0
}
#primary-footer .social-icons {
float:right;
padding-right:25px;
font-size:19px;
font-size:1.9rem
}
#primary-footer .social-icons a {
color:#b0b0b0;
margin-left:15px
}
#primary-footer .social-icons a:hover {
color:#287de7
}
@media only screen and (max-width:767px) {
#primary-footer .unit {
line-height:50px
}
#primary-footer .social-icons {
float:left
}
#primary-footer .social-icons a {
margin-right:15px;
margin-left:0
}
}
#footer .icheckbox, #style-switcher .icheckbox, #footer .iradio, #style-switcher .iradio {
background-image:url('../images/inputs_footer.png')
}
#footer .selecter .selecter-selected, #style-switcher .selecter .selecter-selected {
background-color:#262a2f;
border:1px solid #504f4f
}
#footer .selecter .selecter-selected:hover, #style-switcher .selecter .selecter-selected:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #287de7;
-moz-box-shadow:1px 1px 17px #287de7;
box-shadow:1px 1px 17px #287de7
}
#footer .selecter .selecter-options, #style-switcher .selecter .selecter-options {
background-color:#262a2f;
border:1px solid #504f4f;
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #287de7;
-moz-box-shadow:1px 1px 17px #287de7;
box-shadow:1px 1px 17px #287de7
}
#footer .selecter .selecter-item.selected, #style-switcher .selecter .selecter-item.selected, #footer .selecter .selecter-item:hover, #style-switcher .selecter .selecter-item:hover {
color:#287de7;
background-color:#262a2f
}
#footer .scroller-track, #style-switcher .scroller-track {
background:#525859
}
#footer .scroller-handle, #style-switcher .scroller-handle {
background:#262a2f
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
#footer .icheckbox, #footer .iradio {
background-image:url('../images/inputs_footer%402x.png')
}
}
.single .post .post-date {
position:absolute;
width:73px;
font-family:'Roboto Slab', serif
}
.single .post .post-content {
padding-left:103px;
padding-bottom:25px
}
.single .post .post-content .post-text {
padding-left:5px
}
.single .post .post-date, .single .post .post-content {
padding-top:30px
}
.single .post .post-slider {
margin-bottom:16px
}
.single .post .post-slider img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.single .post .post-date {
font-size:16px;
font-size:1.6rem;
color:#504f4f;
text-align:center
}
.single .post .post-date .day {
display:block;
background-color:#f6f6f6;
color:#287de7;
font-size:36px;
font-size:3.6rem;
border-bottom:1px solid #d9d9d9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
padding:18px;
margin-bottom:5px
}
.single .post .post-date .year {
margin-bottom:13px
}
.single .post .post-date i {
color:#504f4f
}
.single .post .post-date .comments-count {
font-size:14px;
font-size:1.4rem
}
.single .post footer {
border-top:1px solid #e6e6e6;
padding:10px 11px;
margin:0 -11px
}
.single .post footer strong {
color:#287de7
}
.single .post footer p {
margin-bottom:7px
}
.single .post footer .share-post {
margin-bottom:28px
}
.single .post footer .share-post a {
margin-right:7px;
vertical-align:top
}
.single .post footer .share-post a i {
font-size:19px;
font-size:1.9rem
}
.single .post footer .share-post strong {
margin-right:30px
}
.single .post footer a {
color:#504f4f
}
.single .post footer a:hover {
color:#287de7
}
.single .post footer .author-info {
margin-bottom:25px
}
.single .post footer .author-info .avatar {
position:absolute
}
.single .post footer .author-info .avatar img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.single .post footer .author-info .author-title {
font-size:18px;
font-size:1.8rem;
color:#287de7
}
.single .post footer .author-info .author-title span {
color:#504f4f;
font-weight:bold;
font-size:14px;
font-size:1.4rem
}
.single .post footer .author-info .text {
padding-left:104px;
min-height:72px
}
.single .post footer .author-info .text p {
margin-bottom:15px
}
.single .post footer .social-icons i {
margin-right:13px;
font-size:19px;
font-size:1.9rem
}
@media only screen and (max-width:500px) {
.single .post .post-date {
display:none
}
.single .post .post-content {
padding-left:0
}
.single .post footer {
margin-left:0;
margin-right:0
}
}
.page .post-title {
margin-bottom:0
}
.page .post-header {
border-bottom:0
}
.page .breadcrumbs {
padding-bottom:15px;
border-bottom:1px solid #e6e6e6
}
.page .post-content {
padding-top:17px
}
body.coming-soon {
min-height:720px;
position:relative
}
body.coming-soon .background {
min-height:720px;
background:#030917 url('../images/temp/background-coming-soon.jpg') center top no-repeat;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
position:fixed;
-webkit-backface-visibility:hidden;
-webkit-animation:imageAnimation 20s linear infinite 0s;
-moz-animation:imageAnimation 20s linear infinite 0s;
-o-animation:imageAnimation 20s linear infinite 0s;
-ms-animation:imageAnimation 20s linear infinite 0s;
animation:imageAnimation 20s linear infinite 0s
}
body.coming-soon header img {
position:absolute;
top:10%;
left:50%;
margin-left:-94px
}
body.coming-soon #primary-footer {
position:absolute;
bottom:0;
left:0;
right:0
}
body.coming-soon h1, body.coming-soon h2, body.coming-soon h3, body.coming-soon h4, body.coming-soon h5, body.coming-soon h6 {
color:#fff
}
body.coming-soon h1 {
font-size:48px;
font-size:4.8rem;
margin:30px 0 30px 0
}
body.coming-soon h3 {
font-size:36px;
font-size:3.6rem;
font-family:'Roboto Slab', serif;
margin-bottom:27px
}
body.coming-soon #content {
color:#fff;
text-align:center
}
body.coming-soon #content .counter {
height:350px;
position:absolute;
left:0;
right:0;
top:46%;
margin-top:-150px;
background:#287de7;
background:rgba(40, 125, 231, 0.7)
}
body.coming-soon #countdown li:before {
content:'';
display:none
}
body.coming-soon #countdown li {
width:105px;
height:105px;
margin:0 17px 17px 0;
text-align:center;
background-color:#fff;
-webkit-border-radius:52px;
-moz-border-radius:52px;
border-radius:52px;
color:#287de7
}
body.coming-soon #countdown li span {
font-size:48px;
font-size:4.8rem;
font-family:'Roboto Slab', serif;
display:block;
font-weight:bold;
padding:30px 0 13px 0
}
body.coming-soon #coming-soon-subscribe {
position:absolute;
bottom:13%;
left:0;
right:0;
text-align:center
}
body.coming-soon #coming-soon-subscribe h4 {
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
font-weight:300;
margin-bottom:25px
}
body.coming-soon #coming-soon-subscribe input[type=submit] {
padding:5px 27px;
margin-left:33px
}
body.coming-soon #coming-soon-subscribe input[type=email] {
width:287px
}
body.coming-soon #coming-soon-subscribe input[type=submit]:hover, body.coming-soon #coming-soon-subscribe input[type=submit]:focus {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important
}
@media only screen and (max-width:550px) {
#coming-soon-subscribe input {
width:90%!important;
margin:0 auto 17px auto!important
}
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
body.coming-soon {
background-image:url('../images/temp/background-coming-soon%402x.jpg');
background-size:1920px 1328px
}
}
@-webkit-keyframes imageAnimation {
13% {
-webkit-transform:scale(1.05)
}
25% {
-webkit-transform:scale(1.1)
}
100% {
-ms-transform:scale(1.05)
}
}
@-moz-keyframes imageAnimation {
13% {
-moz-transform:scale(1.05)
}
25% {
-moz-transform:scale(1.1)
}
100% {
-ms-transform:scale(1.05)
}
}
@-o-keyframes imageAnimation {
13% {
-o-transform:scale(1.05)
}
25% {
-o-transform:scale(1.1)
}
100% {
-ms-transform:scale(1.05)
}
}
@-ms-keyframes imageAnimation {
13% {
-ms-transform:scale(1.05)
}
25% {
-ms-transform:scale(1.1)
}
100% {
-ms-transform:scale(1.05)
}
}
@keyframes imageAnimation {
13% {
transform:scale(1.05)
}
25% {
transform:scale(1.1)
}
100% {
-ms-transform:scale(1.05)
}
}
.search-page-form {
padding-top:30px;
padding-bottom:0!important
}
.search-page-form form, .search-page-form .info {
float:left
}
.search-page-form .info {
line-height:36px;
margin-left:30px
}
.search-page-form .info strong {
color:#287de7
}
.search-page-form form input[type=text] {
background-color:#f6f6f6;
color:#504f4f;
border:0;
-webkit-box-shadow:1px 1px 0 #d9d9d9;
-moz-box-shadow:1px 1px 0 #d9d9d9;
box-shadow:1px 1px 0 #d9d9d9;
width:445px;
height:34px;
display:inline-block;
min-width:1px!important
}
.search-page-form form input[type=text]:hover, .search-page-form form input[type=text]:focus {
-webkit-box-shadow:1px 1px 0 #287de7;
-moz-box-shadow:1px 1px 0 #287de7;
box-shadow:1px 1px 0 #287de7
}
.search-page-form form a.button {
width:55px;
height:33px;
line-height:34px;
text-align:center;
display:inline-block;
padding:0 0!important;
margin-left:-10px
}
.search-page-form form a.button i.fa {
margin:0!important
}
.post-content input[type=text]::-webkit-input-placeholder, .post-content input[type=email]::-webkit-input-placeholder, .post-content textarea::-webkit-input-placeholder {
color:#504f4f!important
}
.template-one-column-grid .posts {
padding:20px 0
}
.search-results .pagination {
float:right;
padding:0;
margin:0!important;
line-height:16px!important
}
.search-results .pagination .numeric {
display:inline-block;
margin-left:6px
}
.search-results .pagination .numeric a {
margin-left:8px
}
.search-results .search-page-form, .template-one-column-grid .search-page-form {
padding-top:30px!important
}
.search-results .search-page-form .inner, .template-one-column-grid .search-page-form .inner {
border-bottom:1px solid #e6e6e6;
margin-bottom:1px!important;
padding-bottom:30px
}
.search-results .posts .inner, .template-one-column-grid .posts .inner {
border-bottom:1px solid #e6e6e6;
border-top:1px solid #e6e6e6;
padding:20px 0
}
.search-results .search-results-footer .pagination, .template-one-column-grid .search-results-footer .pagination {
padding:30px 0
}
.search-results .post.with-thumbnail, .template-one-column-grid .post.with-thumbnail {
min-height:275px;
margin-bottom:27px;
padding-bottom:27px;
border-bottom:1px solid #e6e6e6
}
.search-results .post.with-thumbnail .thumbnail, .template-one-column-grid .post.with-thumbnail .thumbnail {
position:absolute
}
.search-results .post.with-thumbnail .thumbnail a, .template-one-column-grid .post.with-thumbnail .thumbnail a, .search-results .post.with-thumbnail .thumbnail img, .template-one-column-grid .post.with-thumbnail .thumbnail img {
float:left
}
.search-results .post.with-thumbnail header, .template-one-column-grid .post.with-thumbnail header, .search-results .post.with-thumbnail .text, .template-one-column-grid .post.with-thumbnail .text, .search-results .post.with-thumbnail footer, .template-one-column-grid .post.with-thumbnail footer {
padding-left:388px
}
.search-results .post.without-thumbnail, .template-one-column-grid .post.without-thumbnail {
margin-bottom:27px;
padding-bottom:27px;
border-bottom:1px solid #e6e6e6
}
.search-results .post h2, .template-one-column-grid .post h2 {
font-size:24px;
font-size:2.4rem;
line-height:1.3em;
margin-bottom:7px
}
.search-results .post .continue-reading:hover, .template-one-column-grid .post .continue-reading:hover {
text-decoration:underline
}
.search-results .post header, .template-one-column-grid .post header {
padding-bottom:7px
}
.search-results .post .tags, .template-one-column-grid .post .tags {
padding-bottom:11px
}
.search-results .post .tags a, .template-one-column-grid .post .tags a {
color:#504f4f
}
.search-results .post .tags a:hover, .template-one-column-grid .post .tags a:hover {
color:#287de7
}
.search-results .post .tags .in, .template-one-column-grid .post .tags .in {
margin-left:11px
}
.search-results .post .date, .template-one-column-grid .post .date {
text-transform:uppercase;
color:#287de7;
font-weight:bold;
margin-right:30px
}
.search-results .post .comments, .template-one-column-grid .post .comments {
color:#504f4f
}
.search-results .post .comments:hover, .template-one-column-grid .post .comments:hover {
color:#287de7
}
.search-results .post:last-child, .template-one-column-grid .post:last-child {
border-bottom:1px solid transparent!important;
margin-bottom:0!important;
padding-bottom:0!important
}
@media only screen and (max-width:1199px) {
.search-page-form form input[type=text] {
width:150px
}
}
@media only screen and (max-width:767px) {
.search-page-form form input[type=text] {
width:120px!important
}
.search-results .post.with-thumbnail .thumbnail img, .template-one-column-grid .post.with-thumbnail .thumbnail img {
width:150px!important;
height:auto!important
}
.search-results .post.with-thumbnail header, .template-one-column-grid .post.with-thumbnail header, .search-results .post.with-thumbnail .text, .template-one-column-grid .post.with-thumbnail .text, .search-results .post.with-thumbnail footer, .template-one-column-grid .post.with-thumbnail footer {
padding-left:165px!important
}
.search-results .post h2, .template-one-column-grid .post h2 {
font-size:20px;
font-size:2rem
}
}
@media only screen and (max-width:676px) {
.search-page-form form {
padding-bottom:20px
}
.search-page-form form input[type=text] {
width:80%!important
}
.search-results .pagination {
float:none!important;
text-align:left;
padding-bottom:20px
}
.search-results .info, .search-results form {
float:none!important;
margin-left:0!important
}
}
@media only screen and (max-width:450px) {
.search-results .post.with-thumbnail .thumbnail, .template-one-column-grid .post.with-thumbnail .thumbnail {
position:static;
margin-bottom:13px
}
.search-results .post.with-thumbnail .thumbnail img, .template-one-column-grid .post.with-thumbnail .thumbnail img {
width:100%!important;
height:auto!important
}
.search-results .post.with-thumbnail header, .template-one-column-grid .post.with-thumbnail header, .search-results .post.with-thumbnail .text, .template-one-column-grid .post.with-thumbnail .text, .search-results .post.with-thumbnail footer, .template-one-column-grid .post.with-thumbnail footer {
padding-left:0!important
}
}
.error404 .message-404 {
text-align:center;
width:500px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
background:#f6f6f6;
color:#287de7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:30px;
margin:170px auto 37px auto;
border-bottom:1px solid #d9d9d9
}
.error404 .message-404 h1 {
font-size:48px;
font-size:4.8rem;
margin-bottom:0;
color:#287de7
}
.error404 .message-404 p {
font-size:24px;
font-size:2.4rem;
font-family:'Roboto Slab', serif;
margin-bottom:0
}
.error404 .search-page-form {
text-align:center;
width:500px;
padding-top:0!important;
margin:0 auto 200px auto
}
@media only screen and (max-width:1199px) {
.error404 .search-page-form form input[type=text] {
width:445px!important
}
}
@media only screen and (max-width:550px) {
.error404 .message-404, .error404 .search-page-form {
width:270px;
margin:10px auto!important
}
.error404 .search-page-form form {
padding-bottom:20px
}
.error404 .search-page-form form input[type=text] {
width:220px!important
}
}
.woocommerce-checkout h3, .lost_reset_password h3 {
font-family:'Roboto Slab', serif
}
.lost_reset_password label {
font-weight:bold
}
.lost_reset_password input[type=text] {
margin:0 13px
}
.required {
color:#287de7
}
.woocommerce-checkout .error {
width:390px
}
.woocommerce-checkout .login label {
width:156px;
font-weight:bold;
display:inline-block
}
.woocommerce-checkout .forgot-password {
margin-left:35px
}
.woocommerce-checkout .login input[type=text], .woocommerce-checkout .login input[type=password] {
width:390px
}
.woocommerce-checkout .login input[type=submit] {
margin-right:15px
}
.woocommerce-checkout .login .login-caption {
margin-right:15px
}
.woocommerce-checkout .login a.button.button-facebook {
margin-right:17px
}
.woocommerce-checkout .checkout_coupon label {
font-weight:bold;
margin-right:10px
}
.woocommerce-checkout .checkout_coupon input[type=text] {
background-color:#f6f6f6;
color:#504f4f;
border:0;
-webkit-box-shadow:1px 1px 0 #ececec;
-moz-box-shadow:1px 1px 0 #ececec;
box-shadow:1px 1px 0 #ececec;
width:185px!important;
min-width:1px!important;
padding:8px 14px
}
.woocommerce-checkout .checkout .col-1 label, .woocommerce-checkout .checkout .shipping_address label {
display:block;
font-weight:bold
}
.woocommerce-checkout .checkout .col-1 input[type=text], .woocommerce-checkout .checkout .shipping_address input[type=text], .woocommerce-checkout .checkout .col-1 input[type=password], .woocommerce-checkout .checkout .shipping_address input[type=password], .woocommerce-checkout .checkout .col-1 input[type=email], .woocommerce-checkout .checkout .shipping_address input[type=email], .woocommerce-checkout .checkout .col-1 textarea, .woocommerce-checkout .checkout .shipping_address textarea {
width:360px;
min-width:1px!important
}
.woocommerce-checkout .checkout .col-1 .selecter-selected, .woocommerce-checkout .checkout .shipping_address .selecter-selected, .woocommerce-checkout .checkout .col-1 .selecter-options, .woocommerce-checkout .checkout .shipping_address .selecter-options {
width:360px
}
.woocommerce-checkout .checkout .col-1 {
float:left;
width:430px
}
.woocommerce-checkout #shiptobilling label {
display:block;
margin:0 0 13px
}
.woocommerce-checkout #order_review_heading {
padding-top:25px
}
.woocommerce-checkout #order_review .shop_table thead th {
text-align:left;
font-size:18px;
font-size:1.8rem;
font-weight:300
}
.woocommerce-checkout #order_review .shop_table thead th span {
background-color:#f4f4f4;
display:inline-block;
padding:4px 25px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.woocommerce-checkout #order_review .shop_table th.product-total {
width:170px
}
.woocommerce-checkout #order_review .shop_table th.product-total {
text-align:center
}
.woocommerce-checkout #order_review tbody .product-total {
text-align:center
}
.woocommerce-checkout #order_review tbody td {
padding:30px 20px
}
.woocommerce-checkout #order_review tbody td.odd {
background-color:#f4f4f4
}
.woocommerce-checkout #order_review tfoot th {
text-align:right
}
.woocommerce-checkout #order_review tfoot td {
text-align:center!important
}
.woocommerce-checkout #order_review .product-quantity {
font-weight:normal!important;
color:#287de7;
margin-left:20px
}
.woocommerce-checkout #order_review .payment_methods li:before {
content:'';
display:none
}
.woocommerce-checkout #order_review .payment_methods .payment_box {
background-color:#f4f4f4;
padding:7px 15px;
line-height:1.2em;
margin:7px 0 7px 25px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.woocommerce-checkout #order_review .payment_methods .payment_box p {
margin:0
}
@media only screen and (max-width:1199px) {
.woocommerce-checkout .login-caption {
display:block;
padding:13px 0
}
.woocommerce-checkout .forgot-password {
margin-left:0!important
}
.woocommerce-checkout .checkout .col-1 {
width:330px
}
.woocommerce-checkout .checkout .col-1 input[type=text], .woocommerce-checkout .checkout .shipping_address input[type=text], .woocommerce-checkout .checkout .col-1 input[type=password], .woocommerce-checkout .checkout .shipping_address input[type=password], .woocommerce-checkout .checkout .col-1 input[type=email], .woocommerce-checkout .checkout .shipping_address input[type=email], .woocommerce-checkout .checkout .col-1 textarea, .woocommerce-checkout .checkout .shipping_address textarea, .woocommerce-checkout .checkout .col-1 .error, .woocommerce-checkout .checkout .shipping_address .error {
width:260px
}
.woocommerce-checkout .checkout .col-1 .selecter-selected, .woocommerce-checkout .checkout .shipping_address .selecter-selected, .woocommerce-checkout .checkout .col-1 .selecter-options, .woocommerce-checkout .checkout .shipping_address .selecter-options {
width:260px
}
}
@media only screen and (max-width:959px) {
.lost_reset_password input[type=text] {
min-width:200px!important
}
.woocommerce-checkout .forgot-password {
margin-left:0;
display:block
}
.woocommerce-checkout .checkout .col-1 {
width:270px
}
.woocommerce-checkout .checkout .col-1 input[type=text], .woocommerce-checkout .checkout .shipping_address input[type=text], .woocommerce-checkout .checkout .col-1 input[type=password], .woocommerce-checkout .checkout .shipping_address input[type=password], .woocommerce-checkout .checkout .col-1 input[type=email], .woocommerce-checkout .checkout .shipping_address input[type=email], .woocommerce-checkout .checkout .col-1 textarea, .woocommerce-checkout .checkout .shipping_address textarea, .woocommerce-checkout .checkout .col-1 .error, .woocommerce-checkout .checkout .shipping_address .error {
width:230px
}
.woocommerce-checkout .checkout .col-1 .selecter-selected, .woocommerce-checkout .checkout .shipping_address .selecter-selected, .woocommerce-checkout .checkout .col-1 .selecter-options, .woocommerce-checkout .checkout .shipping_address .selecter-options {
width:230px
}
}
@media only screen and (max-width:767px) {
.woocommerce-checkout .checkout .col-1 {
float:none;
width:100%
}
.woocommerce-checkout .checkout .col-1 input[type=text], .woocommerce-checkout .checkout .shipping_address input[type=text], .woocommerce-checkout .checkout .col-1 input[type=password], .woocommerce-checkout .checkout .shipping_address input[type=password], .woocommerce-checkout .checkout .col-1 input[type=email], .woocommerce-checkout .checkout .shipping_address input[type=email], .woocommerce-checkout .checkout .col-1 textarea, .woocommerce-checkout .checkout .shipping_address textarea, .woocommerce-checkout .checkout .col-1 .error, .woocommerce-checkout .checkout .shipping_address .error {
width:100%
}
.woocommerce-checkout .checkout .col-1 .selecter-selected, .woocommerce-checkout .checkout .shipping_address .selecter-selected, .woocommerce-checkout .checkout .col-1 .selecter-options, .woocommerce-checkout .checkout .shipping_address .selecter-options {
width:100%
}
}
@media only screen and (max-width:600px) {
.lost_reset_password label, .lost_reset_password input[type=text], .lost_reset_password input[type=password] {
width:100%;
display:block;
margin:7px 0!important
}
.woocommerce-checkout input[type=text], .woocommerce-checkout input[type=password], .woocommerce-checkout .error {
width:100%;
display:block
}
.woocommerce-checkout .forgot-password {
margin-left:0;
display:block
}
}
.template-contact #content {
min-height:1px!important;
padding-bottom:30px!important
}
.template-contact header.post-header {
margin-bottom:15px!important
}
#google-map-contact {
height:475px;
width:100%
}
#contact-form-main {
padding:50px 0!important
}
#contact-form-main h3 {
font-family:'Roboto Slab', serif;
font-size:21px;
font-size:2.1rem
}
#contact-form-main div.error {
margin-top:11px;
max-width:none;
display:none
}
#contact-form-main label {
display:block;
text-indent:8px;
font-weight:bold;
cursor:pointer;
margin-bottom:11px
}
#contact-form-main .unit {
margin-bottom:18px!important
}
#contact-form-main input[type=text], #contact-form-main input[type=email], #contact-form-main textarea {
width:100%;
min-width:1px!important
}
#contact-form-main #input-message {
margin-bottom:13px
}
#contact-form-main .social-icons a {
display:inline-block;
width:48px;
height:48px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #504f4f;
text-align:center;
color:#504f4f;
margin-right:4px;
margin-bottom:4px
}
#contact-form-main .social-icons a i {
font-size:25px;
font-size:2.5rem;
line-height:48px;
color:#287de7
}
#contact-form-main .social-icons a:hover {
border-color:#287de7
}
#google-map-contact img {
max-width:none!important
}
.page-features .link {
padding-top:40px!important;
line-height:35px!important
}
.page-features section {
padding:45px 0;
text-align:center
}
.page-features .hgroup {
margin-bottom:40px!important
}
.page-features .section-1 mark {
color:#287de7;
font-family:'Roboto Slab', serif;
font-size:18px;
font-size:1.8rem;
background-color:#f6f6f6;
border-bottom:1px solid #d9d9d9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:20px 27px;
display:inline-block;
margin-top:40px
}
.page-features .section-2, .page-features .section-6 {
background:url(../images/patterns/escheresque_ste.png)
}
.page-features .section-2 h2, .page-features .section-6 h2, .page-features .section-2 h5, .page-features .section-6 h5 {
color:#fff
}
.page-features .section-3 h6 {
color:#287de7;
padding:30px 0;
margin:0;
font-size:18px;
font-size:1.8rem;
font-family:'Roboto', sans-serif!important
}
.page-features .section-4 {
background:url(../images/patterns/cubes.png)
}
.page-features .section-7 h6 {
color:#287de7;
padding:25px 0;
margin:0;
font-size:18px;
font-size:1.8rem;
font-family:'Roboto', sans-serif!important
}
.page-features .section-7 .second-line {
padding:55px 0 25px 0
}
.page-features .section-7 mark {
color:#287de7;
display:block;
padding:20px 0
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.page-features .section-2, .page-features .section-6 {
background:url(../images/patterns/escheresque_ste%402x.png);
background-size:46px 29px
}
.page-features .section-4 {
background:url(../images/patterns/cubes%402x.png);
background-size:67px 100px
}
}
.unit.widget {
margin-bottom:25px!important
}
.widget {
margin-bottom:25px!important;
position:relative
}
.widget input {
min-width:1px!important
}
.widget .widget-title {
font-size:21px;
font-size:2.1rem;
font-family:'Roboto Slab', serif;
font-weight:normal;
margin-bottom:11px
}
.widget .thumbnail img {
max-width:100%
}
.widget .continue-reading:hover {
text-decoration:underline
}
.widget div.owl-buttons {
position:absolute;
top:-37px;
right:0
}
.widget div.owl-buttons .owl-prev, .widget div.owl-buttons .owl-next {
display:inline-block;
width:27px!important;
height:27px!important;
margin-left:10px;
background:url('../images/carousel_pointers_dark.png') no-repeat;
z-index:100;
text-indent:-5555em
}
.widget div.owl-buttons .owl-prev {
background-position:left top
}
.widget div.owl-buttons .owl-next {
background-position:right top
}
.widget div.owl-buttons .owl-prev:hover {
background-position:left bottom
}
.widget div.owl-buttons .owl-next:hover {
background-position:right bottom
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.widget div.owl-buttons .owl-prev, .widget div.owl-buttons .owl-next {
background-image:url('../images/carousel_pointers_dark%402x.png');
background-size:54px 54px!important
}
}
.widget_photoalbums .slider-pagination {
position:absolute;
bottom:7%;
left:0;
right:0;
text-align:center;
z-index:200
}
.widget_photoalbums .slider-pagination .bx-pager-item {
text-indent:-5555em;
margin:0 7px;
display:inline-block
}
.widget_photoalbums .slider-pagination .bx-pager-item a {
display:block;
background-color:#e6e6e6;
width:26px;
height:7px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widget_photoalbums .slider-pagination a:hover, .widget_photoalbums .slider-pagination a.active {
background-color:#287de7
}
.widget_photoalbums .bx-prev, .widget_photoalbums .bx-next {
display:none
}
.widget_photoalbums .slider {
position:relative
}
.widget_photoalbums a.title {
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
display:block;
padding-bottom:7px;
padding-top:7px;
text-align:center
}
.widget_photoalbums .slides img {
border:1px solid transparent;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
height:auto!important
}
.widget_photoalbums .slides img:hover {
border:1px solid #287de7
}
.widget_photoalbums .icons {
text-align:center;
font-size:14px;
font-size:1.4rem
}
.widget_photoalbums .icons i {
color:#504f4f
}
.widget_photoalbums .views {
margin-left:13px
}
.widget_photoalbums .views span {
color:#504f4f
}
.widget_toggles .toggle:last-child h4 {
border-bottom:0!important
}
.widget_author_info .image img, .widget_our_team .image img {
position:absolute
}
.widget_author_info .name, .widget_our_team .name {
min-height:70px;
padding-left:100px
}
.widget_author_info a.title, .widget_our_team a.title {
font-size:18px;
font-size:1.8rem;
font-weight:400;
font-family:'Roboto Slab', serif;
display:block;
padding-bottom:7px;
padding-top:7px
}
.widget_author_info a.title:hover, .widget_our_team a.title:hover {
color:#504f4f
}
.widget_author_info i, .widget_our_team i {
font-size:18px;
font-size:1.8rem;
color:#504f4f;
margin-right:13px
}
.widget_author_info .image, .widget_our_team .image {
margin-bottom:13px
}
.widget_author_info p, .widget_our_team p {
font-size:14px;
font-size:1.4rem
}
.widget_author_info dt, .widget_our_team dt {
float:left;
min-width:80px
}
.widget_author_info dd, .widget_our_team dd {
margin-bottom:7px;
font-style:italic
}
@media only screen and (max-width:1199px) {
.widget_author_info .name, .widget_our_team .name {
padding-left:80px
}
.widget_author_info .image img, .widget_our_team .image img {
width:60px!important;
height:auto!important
}
.widget_author_info .title, .widget_our_team .title {
padding-top:0!important
}
.widget_author_info i, .widget_our_team i {
margin-right:4px!important
}
}
@media only screen and (max-width:959px) {
.widget_author_info .name, .widget_our_team .name {
padding-left:0!important
}
.widget_author_info .image, .widget_our_team .image {
text-align:left;
margin-bottom:0
}
.widget_author_info .image img, .widget_our_team .image img {
width:70px!important;
height:auto!important;
position:static;
display:inline-block
}
.widget_author_info .title, .widget_our_team .title {
padding-top:0!important
}
.widget_author_info i, .widget_our_team i {
margin-right:4px!important
}
}
.widget_google_map iframe {
width:100%!important;
height:auto!important;
min-height:170px!important
}
.widget_google_map address, .widget_google_map p {
font-size:14px;
font-size:1.4rem;
margin-bottom:7px
}
.widget_google_map address span, .widget_google_map p span {
color:#287de7
}
.widget_menu li:before {
display:none;
content:''
}
.widget_menu li {
font-family:'Roboto Slab', serif;
font-size:16px;
font-size:1.6rem;
font-weight:400
}
.widget_menu li a {
color:#504f4f
}
.widget_menu li a:hover {
color:#287de7
}
.widget_menu li li {
font-weight:300
}
.widget_menu li .icon {
margin-right:13px;
display:inline-block;
min-width:13px;
text-align:center
}
.widget_menu li .icon i {
color:#287de7
}
.widget_portfolio a.title {
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
display:block;
padding:7px 0
}
.widget_portfolio p {
margin-bottom:7px
}
.widget_portfolio .thumbnail {
padding-right:3px
}
.widget_portfolio .thumbnail img {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
border:1px solid transparent
}
.widget_portfolio .thumbnail img:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.widget-posts-carousel .item {
margin-bottom:20px
}
.widget-posts-carousel .thumbnail img {
margin-bottom:17px
}
.widget-posts-carousel a.title {
font-size:21px;
font-size:2.1rem;
font-family:'Roboto Slab', serif;
display:block;
margin-bottom:11px
}
.widget-posts-carousel header {
margin-bottom:9px;
font-size:14px;
font-size:1.4rem
}
.widget-posts-carousel header .date {
text-transform:uppercase;
color:#287de7;
font-weight:bold;
margin-right:25px
}
.widget-posts-carousel header a {
color:#504f4f
}
.widget-posts-carousel header a:hover {
color:#287de7
}
.widget-posts-carousel footer {
padding-bottom:8px
}
.widget-posts-carousel footer a {
color:#504f4f
}
.widget-posts-carousel footer a:hover {
color:#287de7
}
.widget-posts-carousel .excerpt {
font-size:14px;
font-size:1.4rem
}
.widget-posts-carousel .excerpt p {
margin-bottom:7px
}
.widget-posts-carousel .thumbnail img {
position:relative;
border:1px solid #e6e6e6;
max-width:99%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.widget-posts-carousel .thumbnail:hover img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.widget-catalog-carousel .thumbnail img {
position:relative;
border:1px solid #e6e6e6;
max-width:97%!important;
height:auto!important;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
margin-bottom:17px
}
.widget-catalog-carousel .thumbnail:hover img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.widget-catalog-carousel a.title {
font-size:21px;
font-size:2.1rem;
font-family:'Roboto Slab', serif;
display:block;
margin-bottom:11px;
color:#504f4f
}
.widget-catalog-carousel a.title:hover {
color:#287de7
}
.widget-catalog-carousel .rating * {
vertical-align:middle
}
.widget-catalog-carousel .rating {
padding:0 0 8px 0
}
.widget-catalog-carousel .rating span {
margin-left:7px
}
.widget-catalog-carousel .excerpt p {
margin-bottom:7px
}
.widget-catalog-carousel .price {
font-family:'Roboto Slab', serif;
font-weight:400;
font-size:21px;
font-size:2.1rem;
line-height:35px!important;
color:#287de7;
float:left
}
.widget-catalog-carousel .old-price {
color:#504f4f;
margin-right:15px;
text-decoration:line-through;
font-weight:300
}
.widget-catalog-carousel a.button {
float:right;
padding:4px 20px!important
}
@media only screen and (max-width:1199px) {
.widget-catalog-carousel a.button {
float:none;
clear:left;
display:inline-block
}
}
@media only screen and (max-width:767px) {
.widget-catalog-carousel .price {
margin-right:25px
}
}
.widget-testimonials-carousel blockquote {
background:#f6f6f6;
padding:14px;
color:#504f4f;
font-family:'Roboto Slab', serif;
font-size:16px;
font-size:1.6rem;
text-align:center;
line-height:1.25em;
margin-bottom:0!important;
padding-bottom:0!important
}
.widget-testimonials-carousel blockquote cite {
margin-right:-14px!important;
margin-left:-14px!important;
font-size:0!important
}
.widget-testimonials-carousel .text {
padding-bottom:18px
}
.widget-testimonials-carousel .text p {
margin-bottom:0;
padding-bottom:13px
}
.widget-testimonials-carousel blockquote cite:after, .widget-testimonials-carousel blockquote cite span:after {
left:55px
}
.widget-testimonials-carousel .author {
position:relative;
z-index:100;
margin:0 30px 0 30px;
min-height:70px;
padding-left:90px;
padding-top:10px
}
.widget-testimonials-carousel .author .thumbnail img {
position:absolute;
left:0;
top:0
}
.widget-testimonials-carousel .author .who {
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
display:block;
line-height:1.25em;
font-weight:400;
color:#287de7
}
.widget-testimonials-carousel .author cite {
font-size:16px;
font-size:1.6rem;
line-height:1.25em
}
.widget-testimonials-carousel .owl-buttons {
display:none!important
}
.widget-testimonials-carousel div.control-buttons .prev, .widget-testimonials-carousel div.control-buttons .next {
width:10px;
height:17px;
background-image:url('../images/arrows/product-pointers.gif');
position:absolute;
bottom:35px;
cursor:pointer
}
.widget-testimonials-carousel div.control-buttons .prev {
background-position:left top;
left:-25px!important
}
.widget-testimonials-carousel div.control-buttons .prev:hover {
background-position:left bottom!important
}
.widget-testimonials-carousel div.control-buttons .next {
background-position:right top;
right:-25px!important
}
.widget-testimonials-carousel div.control-buttons .next:hover {
background-position:right bottom!important
}
@media only screen and (max-width:1199px) {
.widget-testimonials-carousel .author {
padding-top:0!important
}
}
@media only screen and (max-width:959px) {
.widget-testimonials-carousel .author {
padding-left:0!important;
text-align:center
}
.widget-testimonials-carousel .thumbnail img {
position:static!important;
display:inline-block;
margin-bottom:7px
}
.widget-testimonials-carousel blockquote {
font-size:14px;
font-size:1.4rem;
line-height:1.25em
}
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.widget-testimonials-carousel div.control-buttons .prev, .widget-testimonials-carousel div.control-buttons .next {
background-image:url('../images/arrows/product-pointers%402x.gif');
background-size:60px 102px
}
}
.widget-latest-posts .item:last-child {
border-bottom:0
}
.widget-recent-photos a {
overflow:hidden;
position:relative;
float:left
}
.widget-recent-photos img {
float:left;
margin:0 3px 3px 0;
position:relative;
display:block;
max-width:80px;
height:auto!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in
}
.widget-recent-photos .mask {
right:3px!important;
bottom:3px!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
@media only screen and (max-width:1199px) {
.widget-recent-photos img {
width:62px!important;
height:62px!important
}
}
@media only screen and (max-width:959px) {
.widget-recent-photos .last img {
opacity:0;
filter:alpha(opacity=0)
}
}
@media only screen and (max-width:767px) {
.widget-recent-photos .last img {
opacity:1;
filter:alpha(opacity=100)
}
.widget-recent-photos img {
width:80px!important;
height:80px!important
}
}
.widget-contact-us form {
margin:0;
padding:0
}
.widget-contact-us form textarea {
height:103px;
min-width:1px!important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:7px
}
.widget-contact-us form input[type=text], .widget-contact-us form input[type=email], .widget-contact-us form input[type=password], .widget-contact-us form textarea {
width:100%;
border:1px solid transparent;
border-bottom:1px solid #d9d9d9!important;
background-color:#f6f6f6;
color:#504f4f
}
.widget-contact-us form input[type=text]:hover, .widget-contact-us form input[type=email]:hover, .widget-contact-us form textarea:hover, .widget-contact-us form input[type=text]:focus, .widget-contact-us form input[type=email]:focus, .widget-contact-us form textarea:focus, .widget-contact-us form input[type=password]:hover, .widget-contact-us form input[type=password]:focus {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
border:1px solid transparent!important;
border-bottom:1px solid #287de7!important
}
.widget-contact-us p {
margin-bottom:15px
}
.widget-contact-us .captcha {
float:left;
color:#000;
font-weight:bold;
font-style:italic;
font-size:16px;
font-size:1.6rem
}
.widget-contact-us .captcha input {
width:57px!important;
display:inline-block;
*display:inline;
zoom:1
}
.captcha-b input {
width:60px!important;
display:inline-block;
*display:inline;
zoom:1
}
.widget-contact-us input[type=submit] {
float:right
}
.widget-contact-us input[type=text]::-webkit-input-placeholder, .widget-contact-us input[type=email]::-webkit-input-placeholder, .widget-contact-us textarea::-webkit-input-placeholder {
color:#504f4f!important
}
@media only screen and (max-width:1199px) {
.widget-contact-us .captcha input {
width:30px!important
}
.widget-contact-us input[type=submit] {
padding-left:10px!important;
padding-right:10px!important
}
}
.widget_calendar table {
border-collapse:separate!important
}
.widget_calendar table caption {
color:#287de7;
font-family:'Roboto Slab', serif;
font-size:18px;
font-size:1.8rem;
font-weight:bold;
padding:11px 0
}
.widget_calendar table td, .widget_calendar table th {
margin:0;
padding:4px 0;
text-align:center
}
.widget_calendar table th {
font-family:'Roboto Slab', serif;
font-size:18px;
font-size:1.8rem;
font-weight:normal
}
.widget_calendar table tbody td {
border:1px solid transparent
}
.widget_calendar table tfoot .prev {
text-align:left
}
.widget_calendar table tfoot .next {
text-align:right
}
.widget_calendar table #today, .widget_calendar table .today {
border:1px solid #287de7!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widget_rss ul {
margin:0;
padding:0
}
.widget_rss li:before {
content:'';
display:none
}
.widget_rss li {
border-bottom:1px solid #e6e6e6;
padding:11px 0 11px 0;
margin:0
}
.widget_rss li a.rsswidget {
font-size:16px;
font-size:1.6rem;
display:block;
margin-bottom:7px
}
.widget_rss li .rss-date {
text-transform:uppercase;
color:#287de7;
display:block;
margin-bottom:7px;
font-weight:bold
}
.widget_rss li cite {
font-size:13px;
font-size:1.3rem;
color:#797b7e
}
.widget_rss li:last-child {
border-bottom:0
}
.widget-latest-posts .item {
border-bottom:1px solid #e6e6e6;
padding:0 0 14px 0;
margin-bottom:14px
}
.widget-latest-posts .item a.title {
display:block;
font-size:16px;
font-size:1.6rem;
color:#504f4f
}
.widget-latest-posts .item a.title:hover {
color:#287de7
}
.widget-latest-posts .item a.comments {
float:right;
font-size:12px;
font-size:1.2rem
}
.widget-latest-posts .item .comment-num {
min-width:13px;
text-align:right
}
.widget-latest-posts .item i {
color:#504f4f
}
.widget-latest-posts .item span.date {
font-weight:bold;
color:#287de7;
font-size:12px;
font-size:1.2rem;
text-transform:uppercase
}
.widget-latest-posts .item.latest {
border-bottom:0;
margin-bottom:0;
padding-bottom:0
}
.widget-latest-posts .thumbnail img {
position:relative;
border:1px solid #e6e6e6;
max-width:99%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.widget-latest-posts .thumbnail:hover img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.recent_comments ul {
margin:-11px 0 0 0;
padding:0
}
.recent_comments li {
font-size:16px;
font-size:1.6rem;
border-bottom:1px solid #e6e6e6;
padding:11px 0 11px 0;
margin:0
}
.recent_comments li:last-child {
border-bottom:0
}
.recent_comments li:before {
content:'';
display:none
}
.widget-categories li:before {
content:'';
display:none
}
.widget-categories li {
border-bottom:1px solid #e6e6e6;
font-size:16px;
font-size:1.6rem;
margin-bottom:0
}
.widget-categories li a {
display:block;
padding:8px 50px 8px 0;
color:#504f4f;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
position:relative
}
.widget-categories li span {
position:absolute;
right:0;
top:8px;
border:1px solid #504f4f;
color:#504f4f;
min-width:38px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
margin-left:13px;
font-size:14px;
font-size:1.4rem
}
.widget-categories li.current a span, .widget-categories li a:hover span {
color:#fff;
border:1px solid #287de7;
background-color:#287de7
}
.widget-categories li.current a, .widget-categories a:hover {
color:#287de7
}
.widget-categories li:last-child {
border-bottom:0
}
.widget-tags a {
float:left;
border:1px solid #504f4f;
color:#504f4f;
min-width:38px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
margin-right:7px;
margin-bottom:7px;
padding:2px 8px
}
.widget-tags a:hover {
color:#fff;
border:1px solid #287de7;
background-color:#287de7
}
.widget-popular-posts .item {
border-bottom:1px solid #e6e6e6;
padding-bottom:18px;
margin-bottom:18px
}
.widget-popular-posts .item .thumbnail img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
position:absolute
}
.widget-popular-posts .item .text {
min-height:70px;
padding-left:95px
}
.widget-popular-posts .item .text a {
font-size:16px;
font-size:1.6rem;
color:#504f4f
}
.widget-popular-posts .item .text a:hover {
color:#287de7
}
.widget-popular-posts .item .text .date {
text-transform:uppercase;
font-size:12px;
font-size:1.2rem;
color:#287de7
}
.widget-popular-posts .item img {
border:1px solid transparent;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.widget-popular-posts .item:last-child {
margin-bottom:0;
border-bottom:0
}
.widget-popular-posts .item:hover a {
color:#287de7
}
.widget-popular-posts .item:hover img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
@media only screen and (max-width:959px) {
.widget-popular-posts .item .text {
padding-left:80px!important
}
.widget-popular-posts .item .text a {
font-size:14px;
font-size:1.4rem;
line-height:1.3em
}
}
.widget-recent-tweets div.icon {
position:absolute
}
.widget-recent-tweets div.icon i {
color:#287de7
}
.widget-recent-tweets div.text {
padding-left:28px
}
.widget-recent-tweets li {
margin-bottom:4px
}
.widget-recent-tweets li:before {
content:'';
display:none
}
.widget-recent-tweets a {
color:#504f4f
}
.widget-recent-tweets a:hover {
color:#287de7
}
.widget-recent-tweets .date {
text-transform:uppercase;
font-size:12px;
font-size:1.2rem;
color:#287de7
}
.widget-slider img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widget-slider .slider-pagination {
text-align:center;
padding-top:17px
}
.widget-slider .slider-pagination .bx-pager-item {
text-indent:-5555em;
margin:0 7px;
display:inline-block
}
.widget-slider .slider-pagination .bx-pager-item a {
display:block;
background-color:#e6e6e6;
width:26px;
height:7px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widget-slider .slider-pagination a:hover, .widget-slider .slider-pagination a.active {
background-color:#287de7
}
.widget-slider li:before {
content:'';
display:none
}
.widget-slider .bx-controls-direction {
display:none
}
.widget-slider .bx-viewport {
padding-right:5px
}
.widget-search form {
position:relative
}
.widget-search input[type=text] {
background-color:#f6f6f6;
color:#504f4f;
border:0;
-webkit-box-shadow:1px 1px 0 #ececec;
-moz-box-shadow:1px 1px 0 #ececec;
box-shadow:1px 1px 0 #ececec;
width:100%
}
.widget-search .button {
padding:3px 20px 3px 20px;
position:absolute;
right:0;
top:1px
}
.widget-search .button i.fa {
margin:0!important
}
.widget-search input[type=text]:hover, .widget-search input[type=text]:focus {
-webkit-box-shadow:1px 1px 0 #287de7;
-moz-box-shadow:1px 1px 0 #287de7;
box-shadow:1px 1px 0 #287de7
}
@-moz-document url-prefix() {
.widget-search .button {
top:0;
padding:2px 20px 2px 20px
}
}
.widget-search input[type=text]::-webkit-input-placeholder, .widget-search input[type=email]::-webkit-input-placeholder, .widget-search textarea::-webkit-input-placeholder {
color:#504f4f!important
}
.widget-search input[type=text]::-moz-placeholder, .widget-search input[type=email]::-moz-placeholder, .widget-search textarea::-moz-placeholder {
color:#504f4f!important
}
.widget-search input[type=text]::-ms-input-placeholder, .widget-search input[type=email]::-ms-input-placeholder, .widget-search textarea::-ms-input-placeholder {
color:#504f4f!important
}
.widgetized-footer .widget-about a.footer-logo {
margin-bottom:20px
}
.widget-popular-products .item, .widget_cart .item, .widget_featured_products .item, .widget_recent_products .item, .widget_on_sale .item, .widget_reviews .item {
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #e6e6e6
}
.widget-popular-products .item:last-child, .widget_cart .item:last-child, .widget_featured_products .item:last-child, .widget_recent_products .item:last-child, .widget_on_sale .item:last-child, .widget_reviews .item:last-child {
margin-bottom:0;
padding-bottom:0;
border:0
}
.widget-popular-products .rating, .widget_cart .rating, .widget_featured_products .rating, .widget_recent_products .rating, .widget_on_sale .rating, .widget_reviews .rating {
padding-top:7px
}
.widget-popular-products .rating span, .widget_cart .rating span, .widget_featured_products .rating span, .widget_recent_products .rating span, .widget_on_sale .rating span, .widget_reviews .rating span {
margin-left:7px
}
.widget-popular-products .rating *, .widget_cart .rating *, .widget_featured_products .rating *, .widget_recent_products .rating *, .widget_on_sale .rating *, .widget_reviews .rating * {
vertical-align:middle
}
.widget-popular-products .thumbnail, .widget_cart .thumbnail, .widget_featured_products .thumbnail, .widget_recent_products .thumbnail, .widget_on_sale .thumbnail, .widget_reviews .thumbnail {
position:absolute
}
.widget-popular-products .thumbnail img, .widget_cart .thumbnail img, .widget_featured_products .thumbnail img, .widget_recent_products .thumbnail img, .widget_on_sale .thumbnail img, .widget_reviews .thumbnail img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widget-popular-products .thumbnail .number, .widget_cart .thumbnail .number, .widget_featured_products .thumbnail .number, .widget_recent_products .thumbnail .number, .widget_on_sale .thumbnail .number, .widget_reviews .thumbnail .number, .widget-popular-products .thumbnail .featured, .widget_cart .thumbnail .featured, .widget_featured_products .thumbnail .featured, .widget_recent_products .thumbnail .featured, .widget_on_sale .thumbnail .featured, .widget_reviews .thumbnail .featured, .widget-popular-products .thumbnail .new, .widget_cart .thumbnail .new, .widget_featured_products .thumbnail .new, .widget_recent_products .thumbnail .new, .widget_on_sale .thumbnail .new, .widget_reviews .thumbnail .new, .widget-popular-products .thumbnail .onsale, .widget_cart .thumbnail .onsale, .widget_featured_products .thumbnail .onsale, .widget_recent_products .thumbnail .onsale, .widget_on_sale .thumbnail .onsale, .widget_reviews .thumbnail .onsale {
position:absolute;
width:34px;
height:34px;
-webkit-border-radius:17px;
-moz-border-radius:17px;
border-radius:17px;
color:#fff;
text-align:center;
right:0;
top:0;
line-height:34px;
font-weight:400;
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif
}
.widget-popular-products .thumbnail .number, .widget_cart .thumbnail .number, .widget_featured_products .thumbnail .number, .widget_recent_products .thumbnail .number, .widget_on_sale .thumbnail .number, .widget_reviews .thumbnail .number {
background-color:#287de7
}
.widget-popular-products .thumbnail .featured, .widget_cart .thumbnail .featured, .widget_featured_products .thumbnail .featured, .widget_recent_products .thumbnail .featured, .widget_on_sale .thumbnail .featured, .widget_reviews .thumbnail .featured {
background-color:#287de7;
line-height:30px!important
}
.widget-popular-products .thumbnail .featured i, .widget_cart .thumbnail .featured i, .widget_featured_products .thumbnail .featured i, .widget_recent_products .thumbnail .featured i, .widget_on_sale .thumbnail .featured i, .widget_reviews .thumbnail .featured i {
font-size:14px;
font-size:1.4rem
}
.widget-popular-products .thumbnail .new, .widget_cart .thumbnail .new, .widget_featured_products .thumbnail .new, .widget_recent_products .thumbnail .new, .widget_on_sale .thumbnail .new, .widget_reviews .thumbnail .new, .widget-popular-products .thumbnail .onsale, .widget_cart .thumbnail .onsale, .widget_featured_products .thumbnail .onsale, .widget_recent_products .thumbnail .onsale, .widget_on_sale .thumbnail .onsale, .widget_reviews .thumbnail .onsale {
background-color:#85bf39;
text-transform:uppercase;
font-size:10px;
font-size:1rem;
line-height:36px!important
}
.widget-popular-products .thumbnail .onsale, .widget_cart .thumbnail .onsale, .widget_featured_products .thumbnail .onsale, .widget_recent_products .thumbnail .onsale, .widget_on_sale .thumbnail .onsale, .widget_reviews .thumbnail .onsale {
background-color:#d74242
}
.widget-popular-products .description, .widget_cart .description, .widget_featured_products .description, .widget_recent_products .description, .widget_on_sale .description, .widget_reviews .description {
min-height:85px;
padding-left:92px;
font-size:16px;
font-size:1.6rem
}
.widget-popular-products .description a.title, .widget_cart .description a.title, .widget_featured_products .description a.title, .widget_recent_products .description a.title, .widget_on_sale .description a.title, .widget_reviews .description a.title {
display:block;
color:#504f4f
}
.widget-popular-products .description a:hover, .widget_cart .description a:hover, .widget_featured_products .description a:hover, .widget_recent_products .description a:hover, .widget_on_sale .description a:hover, .widget_reviews .description a:hover {
color:#287de7
}
.widget-popular-products .description .price, .widget_cart .description .price, .widget_featured_products .description .price, .widget_recent_products .description .price, .widget_on_sale .description .price, .widget_reviews .description .price {
font-family:'Roboto Slab', serif;
font-weight:400;
font-size:16px;
font-size:1.6rem;
color:#287de7
}
.widget-popular-products .description .old-price, .widget_cart .description .old-price, .widget_featured_products .description .old-price, .widget_recent_products .description .old-price, .widget_on_sale .description .old-price, .widget_reviews .description .old-price {
color:#504f4f;
margin-right:15px;
text-decoration:line-through;
font-weight:300
}
@media only screen and (max-width:959px) {
.widget-popular-products .description {
padding-left:80px!important;
font-size:14px;
font-size:1.4rem;
line-height:1.5
}
.widget-popular-products .thumbnail img {
width:70px!important;
height:auto!important
}
}
.widget_cart .subtotal {
padding:10px 0 15px 0!important;
margin:-14px 0 0 0!important;
border-top:1px solid #e6e6e6;
font-size:16px;
font-size:1.6rem;
font-family:'Roboto Slab', serif
}
.widget_cart .subtotal .price {
color:#287de7;
font-size:18px;
font-size:1.8rem;
margin-left:5px;
font-weight:400;
font-family:'Roboto Slab', serif
}
.widget_cart .button {
padding:4px 25px
}
@media only screen and (max-width:1199px) {
.widget_cart .button {
padding:4px 11px;
text-align:center
}
}
@media only screen and (max-width:959px) {
.widget_cart .button {
float:none;
display:block;
margin-bottom:11px
}
}
.widget_price_range .slider-range {
margin-bottom:21px
}
.widget_price_range p.range {
line-height:34px
}
.widget_price_range a.button {
padding:0 25px!important
}
.widget_price_range strong {
color:#287de7;
font-size:16px;
font-size:1.6rem;
font-family:'Roboto Slab', serif
}
@media only screen and (max-width:1199px) {
.widget_price_range .pull-right {
float:none;
display:block;
width:50%;
text-align:center
}
.widget_price_range .pull-left {
float:none;
display:block
}
}
.widget_product_categories i.toggle {
display:inline-block;
width:12px;
height:12px;
background:url(../images/toggles_icons.gif) left top no-repeat;
margin-right:15px
}
.widget_product_categories i.toggle:hover {
background-position:left bottom
}
.widget_product_categories i.toggle.opened {
background-position:right top
}
.widget_product_categories i.toggle.opened:hover {
background-position:right bottom
}
.widget_product_categories i.no-children {
display:inline-block;
width:12px;
height:12px;
margin-right:15px
}
.widget_product_categories a {
color:#504f4f;
display:block
}
.widget_product_categories a:hover {
color:#287de7
}
.widget_product_categories ul li {
font-size:16px;
font-size:1.6rem
}
.widget_product_categories ul li a {
border-top:1px solid #e6e6e6;
padding-top:5px
}
.widget_product_categories li ul li a, .widget_product_categories li:first-child a {
border-top:0
}
.widget_product_categories li.current>a {
color:#287de7
}
.widget_product_categories ul li li {
font-size:14px;
font-size:1.4rem;
padding:0
}
.widget_product_categories ul li ul {
margin-left:15px;
padding-top:5px;
display:none
}
.widget_product_categories ul li ul li {
padding-left:15px;
margin-bottom:3px
}
.widget_product_categories li.current ul {
display:block
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.widget_product_categories i.toggle {
background-image:url(../images/toggles_icons%402x.gif);
background-size:24px 24px
}
}
.widgetized-footer #footer .widget h4.widget-title {
font-size:14px;
font-size:1.4rem;
font-family:'Roboto', sans-serif;
font-weight:300;
text-transform:uppercase;
color:#fff;
line-height:1.5em;
margin-bottom:30px
}
.widgetized-footer #footer .widget-popular-posts li, .widgetized-footer #footer .widget-popular-products li, .widgetized-footer #footer .widget_featured_products li, .widgetized-footer #footer .widget_recent_products li, .widgetized-footer #footer .widget_on_sale li, .widgetized-footer #footer .widget_rss li, .widgetized-footer #footer .recent_comments li, .widgetized-footer #footer .widget_cart li, .widgetized-footer #footer .widget_reviews li, .widgetized-footer #footer .widget_product_categories li, .widgetized-footer #footer .widget_price_range li, .widgetized-footer #footer .widget-popular-posts li, .widgetized-footer #footer .widget-categories li, .widgetized-footer #footer .widget-popular-posts div.item, .widgetized-footer #footer .widget-popular-products div.item, .widgetized-footer #footer .widget_featured_products div.item, .widgetized-footer #footer .widget_recent_products div.item, .widgetized-footer #footer .widget_on_sale div.item, .widgetized-footer #footer .widget_rss div.item, .widgetized-footer #footer .recent_comments div.item, .widgetized-footer #footer .widget_cart div.item, .widgetized-footer #footer .widget_reviews div.item, .widgetized-footer #footer .widget_product_categories div.item, .widgetized-footer #footer .widget_price_range div.item, .widgetized-footer #footer .widget-popular-posts div.item, .widgetized-footer #footer .widget-categories div.item {
border-bottom-color:#4a4c4f!important
}
.widgetized-footer #footer .widget-popular-posts .price, .widgetized-footer #footer .widget-popular-products .price, .widgetized-footer #footer .widget_featured_products .price, .widgetized-footer #footer .widget_recent_products .price, .widgetized-footer #footer .widget_on_sale .price, .widgetized-footer #footer .widget_rss .price, .widgetized-footer #footer .recent_comments .price, .widgetized-footer #footer .widget_cart .price, .widgetized-footer #footer .widget_reviews .price, .widgetized-footer #footer .widget_product_categories .price, .widgetized-footer #footer .widget_price_range .price, .widgetized-footer #footer .widget-popular-posts .price, .widgetized-footer #footer .widget-categories .price {
color:#287de7
}
.widgetized-footer #footer .widget-popular-posts .old-price, .widgetized-footer #footer .widget-popular-products .old-price, .widgetized-footer #footer .widget_featured_products .old-price, .widgetized-footer #footer .widget_recent_products .old-price, .widgetized-footer #footer .widget_on_sale .old-price, .widgetized-footer #footer .widget_rss .old-price, .widgetized-footer #footer .recent_comments .old-price, .widgetized-footer #footer .widget_cart .old-price, .widgetized-footer #footer .widget_reviews .old-price, .widgetized-footer #footer .widget_product_categories .old-price, .widgetized-footer #footer .widget_price_range .old-price, .widgetized-footer #footer .widget-popular-posts .old-price, .widgetized-footer #footer .widget-categories .old-price {
color:#d2d2d2
}
.widgetized-footer #footer .widget-popular-posts .rss-date, .widgetized-footer #footer .widget-popular-products .rss-date, .widgetized-footer #footer .widget_featured_products .rss-date, .widgetized-footer #footer .widget_recent_products .rss-date, .widgetized-footer #footer .widget_on_sale .rss-date, .widgetized-footer #footer .widget_rss .rss-date, .widgetized-footer #footer .recent_comments .rss-date, .widgetized-footer #footer .widget_cart .rss-date, .widgetized-footer #footer .widget_reviews .rss-date, .widgetized-footer #footer .widget_product_categories .rss-date, .widgetized-footer #footer .widget_price_range .rss-date, .widgetized-footer #footer .widget-popular-posts .rss-date, .widgetized-footer #footer .widget-categories .rss-date {
color:#d2d2d2!important
}
.widgetized-footer #footer .widget-popular-posts .thumbnail img:hover, .widgetized-footer #footer .widget-popular-products .thumbnail img:hover, .widgetized-footer #footer .widget_featured_products .thumbnail img:hover, .widgetized-footer #footer .widget_recent_products .thumbnail img:hover, .widgetized-footer #footer .widget_on_sale .thumbnail img:hover, .widgetized-footer #footer .widget_rss .thumbnail img:hover, .widgetized-footer #footer .recent_comments .thumbnail img:hover, .widgetized-footer #footer .widget_cart .thumbnail img:hover, .widgetized-footer #footer .widget_reviews .thumbnail img:hover, .widgetized-footer #footer .widget_product_categories .thumbnail img:hover, .widgetized-footer #footer .widget_price_range .thumbnail img:hover, .widgetized-footer #footer .widget-popular-posts .thumbnail img:hover, .widgetized-footer #footer .widget-categories .thumbnail img:hover, .widgetized-footer #footer .widget-popular-posts .item:hover .thumbnail img, .widgetized-footer #footer .widget-popular-products .item:hover .thumbnail img, .widgetized-footer #footer .widget_featured_products .item:hover .thumbnail img, .widgetized-footer #footer .widget_recent_products .item:hover .thumbnail img, .widgetized-footer #footer .widget_on_sale .item:hover .thumbnail img, .widgetized-footer #footer .widget_rss .item:hover .thumbnail img, .widgetized-footer #footer .recent_comments .item:hover .thumbnail img, .widgetized-footer #footer .widget_cart .item:hover .thumbnail img, .widgetized-footer #footer .widget_reviews .item:hover .thumbnail img, .widgetized-footer #footer .widget_product_categories .item:hover .thumbnail img, .widgetized-footer #footer .widget_price_range .item:hover .thumbnail img, .widgetized-footer #footer .widget-popular-posts .item:hover .thumbnail img, .widgetized-footer #footer .widget-categories .item:hover .thumbnail img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #287de7;
-moz-box-shadow:1px 1px 17px #287de7;
box-shadow:1px 1px 17px #287de7
}
.widgetized-footer #footer .widget-contact-us .captcha {
color:#b0b0b0
}
.widgetized-footer #footer .widget-categories span {
color:#b0b0b0;
border-color:#b0b0b0
}
.widgetized-footer #footer .widget-categories a:hover span, .widgetized-footer #footer .widget-categories .current span {
color:#fff;
border-color:#287de7
}
.widgetized-footer #footer .widget-popular-posts .item:hover img {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important
}
.widgetized-footer #footer .widget-popular-posts .date {
color:#d2d2d2
}
.widgetized-footer #footer .widget-recent-tweets .date {
color:#d2d2d2
}
.widgetized-footer #footer .widget_product_categories ul li a, .widgetized-footer #footer .subtotal {
border-top-color:#4a4c4f!important
}
.widgetized-footer #footer .widget-recent-photos .mask {
right:0!important;
bottom:0!important
}
.widgetized-footer #footer .widget_calendar .prev a, .widgetized-footer #footer .widget_calendar .next a, .widgetized-footer #footer .widget_calendar #prev a, .widgetized-footer #footer .widget_calendar #next a {
color:#287de7
}
.widgetized-footer #footer .button {
color:#fff
}
.widgetized-footer #footer .ui-slider {
background-color:#717171
}
.widgetized-footer #footer .widget-latest-posts .thumbnail img, .widgetized-footer #footer .widget-posts-carousel .thumbnail img, .widgetized-footer #footer .widget-catalog-carousel .thumbnail img, .widgetized-footer #footer .widget_photoalbums .thumbnail img, .widgetized-footer #footer .widget_author_info .thumbnail img, .widgetized-footer #footer .widget_portfolio .thumbnail img, .widgetized-footer #footer .widget_our_team .thumbnail img, .widgetized-footer #footer .widget-latest-posts .image img, .widgetized-footer #footer .widget-posts-carousel .image img, .widgetized-footer #footer .widget-catalog-carousel .image img, .widgetized-footer #footer .widget_photoalbums .image img, .widgetized-footer #footer .widget_author_info .image img, .widgetized-footer #footer .widget_portfolio .image img, .widgetized-footer #footer .widget_our_team .image img {
border:1px solid transparent;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widgetized-footer #footer .widget-latest-posts .item:hover .thumbnail img, .widgetized-footer #footer .widget-posts-carousel .item:hover .thumbnail img, .widgetized-footer #footer .widget-catalog-carousel .item:hover .thumbnail img, .widgetized-footer #footer .widget_photoalbums .item:hover .thumbnail img, .widgetized-footer #footer .widget_author_info .item:hover .thumbnail img, .widgetized-footer #footer .widget_portfolio .item:hover .thumbnail img, .widgetized-footer #footer .widget_our_team .item:hover .thumbnail img, .widgetized-footer #footer .widget-latest-posts .slides:hover .thumbnail img, .widgetized-footer #footer .widget-posts-carousel .slides:hover .thumbnail img, .widgetized-footer #footer .widget-catalog-carousel .slides:hover .thumbnail img, .widgetized-footer #footer .widget_photoalbums .slides:hover .thumbnail img, .widgetized-footer #footer .widget_author_info .slides:hover .thumbnail img, .widgetized-footer #footer .widget_portfolio .slides:hover .thumbnail img, .widgetized-footer #footer .widget_our_team .slides:hover .thumbnail img {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important
}
.widgetized-footer #footer .widget-latest-posts .slides:hover img, .widgetized-footer #footer .widget-posts-carousel .slides:hover img, .widgetized-footer #footer .widget-catalog-carousel .slides:hover img, .widgetized-footer #footer .widget_photoalbums .slides:hover img, .widgetized-footer #footer .widget_author_info .slides:hover img, .widgetized-footer #footer .widget_portfolio .slides:hover img, .widgetized-footer #footer .widget_our_team .slides:hover img {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important
}
.widgetized-footer #footer .widget-testimonials-carousel blockquote {
background-color:#373a3f;
color:#b0b0b0
}
.widgetized-footer #footer .widget-testimonials-carousel blockquote cite {
background-color:#262a2f
}
.widgetized-footer #footer .widget-testimonials-carousel blockquote cite:before {
background:#525859
}
.widgetized-footer #footer .widget-testimonials-carousel blockquote cite:after {
border-color:#525859 transparent transparent transparent
}
.widgetized-footer #footer .widget-testimonials-carousel blockquote cite span:after {
border-color:#525859 transparent transparent transparent
}
.widgetized-footer #footer .widget-testimonials-carousel .thumbnail img, .widgetized-footer #footer .widget_author_info .thumbnail img, .widgetized-footer #footer .widget_photoalbums .thumbnail img, .widgetized-footer #footer .widget-testimonials-carousel .slides img, .widgetized-footer #footer .widget_author_info .slides img, .widgetized-footer #footer .widget_photoalbums .slides img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.widgetized-footer #footer .widget_progress .progress-value, .widgetized-footer #footer .widget-slider .progress-value, .widgetized-footer #footer .widget_progress .bx-pager-link, .widgetized-footer #footer .widget-slider .bx-pager-link {
background-color:#373a3f
}
.widgetized-footer #footer .widget_progress .bx-pager-link.active, .widgetized-footer #footer .widget-slider .bx-pager-link.active {
background-color:#287de7
}
.widgetized-footer #footer .widget-tags a:hover {
color:#fff
}
.widgetized-footer #footer .widget.widget_toggles .toggles h4 {
color:#b0b0b0;
border-bottom:1px solid #4a4c4f
}
.widgetized-footer #footer .widget.widget_toggles .toggles h4.opened {
color:#287de7
}
.widgetized-footer #footer .widget-testimonials-carousel .control-buttons .next, .widgetized-footer #footer .widget-testimonials-carousel .control-buttons .prev {
background-image:url('../images/arrows/product-pointers-gray.gif')!important
}
.widgetized-footer #footer .widget .owl-buttons {
top:-53px!important
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.widgetized-footer #footer .widget-testimonials-carousel .control-buttons .next, .widgetized-footer #footer .widget-testimonials-carousel .control-buttons .prev {
background-image:url('../images/arrows/product-pointers-gray%402x.gif')!important
}
}
.widgetized-footer #footer .widget-latest-posts .item {
border-color:#4a4c4f;
padding:15px 15px 14px 15px;
margin:0 -7px 0 -7px;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease
}
.widgetized-footer #footer .widget-latest-posts .item.first {
margin-top:-15px!important
}
.widgetized-footer #footer .widget-latest-posts .item:hover {
background-color:#373a3f
}
.widgetized-footer #footer .widget-latest-posts .date {
color:#d2d2d2
}
.widgetized-footer #footer .widget-latest-posts i {
color:#d2d2d2
}
@media only screen and (min-width:767px) and (max-width:959px) {
.widget-popular-products .thumbnail, .widget_featured_products .thumbnail, .widget_recent_products .thumbnail, .widget_on_sale .thumbnail, .widget_cart .thumbnail, .widget_reviews .thumbnail {
position:relative!important;
text-align:center
}
.widget-popular-products .thumbnail img, .widget_featured_products .thumbnail img, .widget_recent_products .thumbnail img, .widget_on_sale .thumbnail img, .widget_cart .thumbnail img, .widget_reviews .thumbnail img {
display:inline-block
}
.widget-popular-products div.description, .widget_featured_products div.description, .widget_recent_products div.description, .widget_on_sale div.description, .widget_cart div.description, .widget_reviews div.description {
padding-left:0!important;
margin-bottom:0;
min-height:1px!important
}
.widget-popular-products .rating span, .widget_featured_products .rating span, .widget_recent_products .rating span, .widget_on_sale .rating span, .widget_cart .rating span, .widget_reviews .rating span {
display:block;
margin-left:0
}
}
.single-product .post h1.post-title {
margin-bottom:0;
line-height:1.25em;
padding-bottom:0
}
.single-product .post h1.post-title span.sku {
font-size:14px;
font-size:1.4rem;
color:#b6b6b6;
font-family:'Roboto', sans-serif
}
.single-product .post .breadcrumbs {
padding-top:0;
border-bottom:1px solid #e6e6e6;
margin-bottom:29px;
padding-bottom:14px
}
.single-product .post .post-header {
border-bottom:0
}
.single-product .product {
position:relative
}
.single-product .product .images {
position:relative;
float:left;
width:360px;
margin-right:25px
}
.single-product .product .entry-summary {
width:480px;
float:left;
line-height:44px
}
.single-product .product .entry-summary .old-price {
font-family:'Roboto Slab', serif;
font-size:24px;
font-size:2.4rem;
text-decoration:line-through;
margin-right:23px;
vertical-align:bottom;
line-height:35px
}
.single-product .product .entry-summary .price {
font-size:36px;
font-size:3.6rem;
font-family:'Roboto Slab', serif;
margin-right:32px;
vertical-align:bottom;
color:#287de7
}
.single-product .product .entry-summary .button {
vertical-align:bottom
}
.single-product .product .entry-summary .rating {
padding:16px 0 22px 0;
line-height:20px
}
.single-product .product .entry-summary .rating img {
margin-right:3px;
vertical-align:top
}
.single-product .product .entry-summary .rating span {
margin-left:7px
}
.single-product .product .entry-summary label {
text-transform:uppercase;
margin-right:15px
}
.single-product .product .entry-summary select, .single-product .product .entry-summary .selecter {
margin-right:30px
}
.single-product .product .entry-summary .selecter {
width:70px;
display:inline-block;
vertical-align:middle;
line-height:30px
}
.single-product .product .entry-summary .selecter .selecter-selected {
padding-top:0;
padding-bottom:0
}
.single-product .product .images img {
border:1px solid #e6e6e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.single-product .product .images img:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.single-product .product .thumbnails {
text-align:center;
padding-top:13px
}
.single-product .product .thumbnails a {
float:left;
margin:0
}
.single-product .product .bx-wrapper {
margin:0 auto
}
.single-product .product a.bx-prev, .single-product .product a.bx-next {
width:10px;
height:17px;
background-image:url('../images/arrows/product-pointers.gif');
position:absolute;
bottom:32px;
text-indent:-5555em
}
.single-product .product .bx-pager {
display:none
}
.single-product .product a.bx-prev {
background-position:left top;
left:0
}
.single-product .product a.bx-prev:hover {
background-position:left bottom!important
}
.single-product .product a.bx-next {
background-position:right top;
right:0
}
.single-product .product a.bx-next:hover {
background-position:right bottom!important
}
.single-product .product span.onsale {
width:56px;
height:56px;
border-radius:28px;
background-color:#d74242;
color:#fff;
text-align:center;
right:-20px;
top:0;
line-height:56px;
position:absolute;
z-index:3;
font-size:14px;
font-size:1.4rem;
font-weight:bold;
text-transform:uppercase;
font-weight:400;
font-family:'Roboto Slab', serif
}
.single-product .product input[type=number] {
width:52px;
text-align:center;
color:#504f4f;
margin-right:23px
}
.single-product .product .quantity {
padding:18px 0
}
.single-product .product .quantity label {
margin-right:3px
}
.single-product .product a.clear-selection {
text-transform:uppercase;
color:#287de7
}
.single-product .product a.clear-selection i {
margin-right:4px;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
-o-transition-duration:.8s;
transition-duration:.8s;
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
transition-property:transform
}
.single-product .product a.clear-selection:hover i {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
.single-product .product footer span {
color:#287de7
}
.single-product .product footer p {
margin-bottom:7px
}
.single-product .product footer a {
color:#504f4f
}
.single-product .product footer a:hover {
color:#287de7
}
.single-product .product footer .share-post {
padding-top:11px;
margin-bottom:20px
}
.single-product .product footer .share-post a {
font-size:19px;
font-size:1.9rem;
margin-left:14px
}
@media only screen and (max-width:1199px) {
.single-product .product .images {
width:360px;
margin-right:15px
}
.single-product .product .entry-summary {
width:310px
}
.single-product .product .entry-summary header .add-to-cart, .single-product .product .entry-summary .part-sizes, .single-product .product .entry-summary .part-color {
display:block
}
}
@media only screen and (max-width:959px) {
.single-product .product .images {
width:360px;
margin:0 auto 20px auto!important;
float:none!important
}
.single-product .product .entry-summary {
width:100%!important
}
.single-product .product label {
min-width:70px!important;
display:inline-block;
margin-right:5px!important
}
.single-product .product header {
text-align:center
}
}
@media only screen and (max-width:420px) {
.single-product .product a.clear-selection {
display:block
}
.single-product .product .images {
width:90%!important;
padding:0!important
}
.single-product .product .images .woocommerce-main-image img {
width:100%!important;
height:auto!important
}
.single-product .product .images .thumbnails a {
margin:0 2px!important
}
.single-product .product .images .thumbnails img {
width:45px!important;
height:auto!important
}
.single-product .product .images a.left, .single-product .product .images a.right {
bottom:23px
}
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.single-product .product a.bx-prev, .single-product .product a.bx-next {
background-image:url('../images/arrows/product-pointers%402x.gif');
background-size:60px 102px
}
}
table.shop_table {
margin-bottom:30px
}
table.shop_table th {
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
text-align:center
}
table.shop_table th span {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#f4f4f4;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:5px 22px;
font-weight:normal
}
table.shop_table th, table.shop_table td {
vertical-align:middle
}
table.shop_table td {
font-size:18px;
font-size:1.8rem
}
table.shop_table .product-remove {
text-align:center;
vertical-align:top
}
table.shop_table .product-remove a {
font-size:26px;
font-size:2.6rem;
color:#de4830
}
table.shop_table img {
border:1px solid #e6e6e6
}
table.shop_table .product-name {
font-weight:bold
}
table.shop_table .product-name a {
color:#504f4f
}
table.shop_table .product-name a:hover {
color:#287de7
}
table.shop_table .product-thumbnail img {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
table.shop_table .product-thumbnail:hover img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
table.shop_table .product-price, table.shop_table .product-quantity, table.shop_table .product-subtotal {
text-align:center
}
table.shop_table input[type=number] {
width:50px;
margin:0 9px
}
table.shop_table .product-quantity * {
vertical-align:middle
}
table.shop_table .product-quantity a.decrease, table.shop_table .product-quantity a.increase {
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
display:inline-block;
width:18px;
height:18px;
line-height:18px;
color:#fff;
background-color:#504f4f;
text-align:center;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
table.shop_table .product-quantity a.decrease {
line-height:16px
}
table.shop_table .product-quantity a.decrease:hover, table.shop_table .product-quantity a.increase:hover {
background-color:#287de7
}
table.shop_table .actions {
padding-top:25px;
font-size:14px;
font-size:1.4rem
}
table.shop_table .actions label {
font-weight:bold
}
table.shop_table .actions .input-text {
background-color:#f6f6f6;
border:0;
border-bottom:1px solid #d9d9d9;
margin:0 18px;
width:170px
}
table.shop_table .actions .input-text:hover, table.shop_table .actions .input-text:focus {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important
}
table.shop_table .actions input[type=submit] {
padding-top:5px;
padding-bottom:5px;
padding-right:15px;
padding-left:15px
}
table.shop_table .actions .checkout-button {
padding-right:25px!important;
background-image:url('../images/arrows/sub_menu_white.gif');
background-position:91% center;
background-repeat:no-repeat
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
table.shop_table .checkout-button {
background-image:url('../images/arrows/sub_menu_white%402x.gif');
background-size:5px 9px
}
}
@media only screen and (max-width:959px) {
table.shop_table .pull-right {
float:none!important;
display:block;
padding-top:15px;
border-top:1px solid #f6f6f6;
margin-top:15px
}
}
@media screen and (max-width:767px) {
table.shop_table td, table.shop_table th {
font-size:14px;
font-size:1.4rem
}
}
@media screen and (max-width:435px) {
table.shop_table .input-text {
width:70px!important
}
}
@media screen and (max-width:385px) {
table.shop_table th.product-price, table.shop_table td.product-price {
display:none
}
}
table.totals {
width:auto!important;
margin-bottom:30px
}
table.totals th {
padding-left:0;
width:190px;
font-size:18px;
font-size:1.8rem
}
table.totals td {
font-size:21px;
font-size:2.1rem
}
table.totals label {
font-size:14px;
font-size:1.4rem;
line-height:22px
}
table.totals .order-total {
font-size:24px;
font-size:2.4rem;
color:#287de7;
font-weight:400;
font-family:'Roboto Slab', serif
}
table.totals .order-subtotal {
font-family:'Roboto Slab', serif
}
.woocommerce-cart input {
min-width:1px!important
}
.woocommerce-cart h3 {
margin-bottom:10px
}
table.shipping {
width:100%;
margin-bottom:50px
}
table.shipping th {
padding-left:0;
width:190px;
vertical-align:middle
}
table.shipping input, table.shipping select {
width:271px
}
table.shipping .selecter .selecter-selected, table.shipping .selecter .selecter-options {
width:259px
}
table.shipping .fancy-select .trigger {
width:255px
}
table.shipping td.submit {
padding-left:0
}
@media screen and (max-width:600px) {
table.shipping input, table.shipping select, table.shipping .selecter .selecter-selected, table.shipping .selecter .selecter-options {
width:221px
}
table.shipping .fancy-select .trigger {
width:205px
}
}
@media screen and (max-width:500px) {
table.shipping th, table.totals th, table.shipping td, table.totals td {
display:block;
width:100%;
padding:8px 0
}
table.shipping input, table.totals input, table.shipping select, table.totals select {
width:270px!important
}
table.shipping .selecter .selecter-selected, table.totals .selecter .selecter-selected, table.shipping .selecter .selecter-options, table.totals .selecter .selecter-options {
width:260px!important
}
table.shipping .fancy-select .trigger, table.totals .fancy-select .trigger {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:270px!important
}
}
.buy-together-slider-container {
border:1px solid #287de7;
padding:18px;
margin-bottom:40px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.buy-together-slider-container .liquid-slider .panel .panel-wrapper {
padding:13px 85px!important;
min-height:40px
}
.buy-together-slider-container .ls-wrapper .ls-nav-right-arrow, .buy-together-slider-container .ls-wrapper .ls-nav-left-arrow {
margin-top:-17px!important;
top:50%;
position:absolute
}
.buy-together-slider-container .thumbnail, .buy-together-slider-container .title {
display:block
}
.buy-together-slider-container .title {
font-family:'Roboto Slab', serif;
font-size:18px;
font-size:1.8rem;
margin-bottom:13px
}
.buy-together-slider-container .proposal-price {
margin-top:53px;
line-height:1.5em;
font-size:24px;
font-size:2.4rem
}
.buy-together-slider-container .proposal-price .save {
margin-left:15px;
font-weight:normal;
color:#504f4f;
font-size:18px;
font-size:1.8rem
}
.buy-together-slider-container .button {
margin-top:17px;
display:inline-block
}
.buy-together-slider-container .thumbnail img {
border:1px solid #e6e6e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-bottom:14px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.buy-together-slider-container .thumbnail img:hover {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.buy-together-slider-container .part {
float:left;
width:33%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box
}
.buy-together-slider-container .product-second, .buy-together-slider-container .product-first {
padding:0 30px 0 0
}
.buy-together-slider-container .plus, .buy-together-slider-container .equal {
font-size:40px;
font-size:4rem;
color:#287de7;
position:absolute;
top:70px
}
.buy-together-slider-container .plus {
left:250px
}
.buy-together-slider-container .equal {
left:472px
}
.buy-together-slider-container .responsive-equal {
display:none
}
@media only screen and (max-width:1199px) {
.buy-together-slider-container .liquid-slider .panel .panel-wrapper {
padding:13px 65px!important
}
.buy-together-slider-container .plus {
left:208px
}
.buy-together-slider-container .equal {
left:380px
}
.buy-together-slider-container .proposal-price .save {
margin-left:0
}
}
@media only screen and (max-width:959px) {
.buy-together-slider-container .product-first, .buy-together-slider-container .product-second {
width:50%!important
}
.buy-together-slider-container .proposal {
width:100%
}
.buy-together-slider-container .plus {
left:45%;
margin-left:-13px
}
.buy-together-slider-container .equal {
display:none
}
.buy-together-slider-container .proposal-price .save {
margin-left:0
}
.buy-together-slider-container .responsive-equal {
display:inline
}
}
@media only screen and (max-width:600px) {
.buy-together-slider-container {
padding:8px
}
.buy-together-slider-container .product-first, .buy-together-slider-container .product-second {
width:100%!important;
padding:0!important;
margin-bottom:20px
}
.buy-together-slider-container .proposal-price {
margin-top:0
}
.buy-together-slider-container .plus, .buy-together-slider-container .equal {
display:none
}
}
.related-products {
margin-bottom:70px;
width:100%;
position:relative
}
.related-products header {
padding-top:9px;
text-align:center
}
.related-products header h2 {
color:#504f4f;
margin-bottom:5px
}
.related-products header h5 {
margin-bottom:0
}
.related-products .items-pagination {
margin-top:25px
}
.related-products .item {
padding:0 0 0 11px;
min-height:385px
}
.related-products .item .title {
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
margin-bottom:18px;
display:block;
color:#504f4f;
width:80%;
min-height:45px
}
.related-products .item .rating img {
width:19px!important;
height:18px!important
}
.related-products .inside {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
border:1px solid transparent;
position:relative;
z-index:1;
background-color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
z-index:100
}
.related-products .thumbnail {
display:block
}
.related-products .thumbnail img {
border:1px solid #e6e6e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-bottom:15px
}
.related-products .title:hover {
color:#287de7
}
.related-products .rating {
margin-bottom:7px;
line-height:22px
}
.related-products .rating img {
vertical-align:top
}
.related-products .rating span {
margin-left:7px
}
.related-products .price {
line-height:22px;
font-family:'Roboto Slab', serif;
font-size:21px;
font-size:2.1rem;
font-weight:bold;
color:#287de7;
margin-bottom:20px
}
.related-products .price .old-price {
font-weight:normal!important;
text-decoration:line-through;
color:#504f4f
}
.related-products .item:hover a.title {
min-height:0!important
}
.related-products .item:hover .inside {
border:1px solid #287de7;
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
padding:13px 0 18px 11px!important;
margin:-13px 11px -11px -11px!important;
z-index:3!important
}
.related-products .button.mobile {
display:none
}
.related-products .owl-wrapper-outer {
padding:40px 0 0 0!important
}
.related-products .owl-pagination {
padding:0 0 30px 0!important
}
.shop-items-controls {
padding-bottom:20px
}
.shop-items-controls .theme-select-input {
display:inline-block;
width:auto!important;
vertical-align:middle!important
}
.shop-items-controls .selecter .selecter-selected {
background-position:90% center!important
}
.shop-items-controls .change-shop-view {
display:inline-block;
width:28px;
height:28px;
margin-left:11px;
border:1px solid #e6e6e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-image:url(../images/shop-view.gif);
-webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
transition:background-color .3s
}
.shop-items-controls .change-shop-view:hover {
background-color:#f4f4f4
}
.shop-items-controls .change-shop-view.view-grid {
background-position:left top
}
.shop-items-controls .change-shop-view.view-grid:hover, .shop-items-controls .change-shop-view.view-grid.current {
background-position:left bottom;
background-color:#f4f4f4
}
.shop-items-controls .change-shop-view.view-list {
background-position:right top
}
.shop-items-controls .change-shop-view.view-list:hover, .shop-items-controls .change-shop-view.view-list.current {
background-position:right bottom;
background-color:#f4f4f4
}
.shop-items-controls label {
margin-right:17px
}
.shop-items-controls .count {
margin-left:38px;
margin-right:18px
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.shop-items-controls .change-shop-view {
background-image:url(../images/shop-view%402x.gif);
background-size:56px 56px
}
}
@media only screen and (max-width:959px) {
.shop-items-controls .per-page {
display:none
}
}
@media only screen and (max-width:570px) {
.shop-items-controls .sort, .shop-items-controls .count {
display:block;
margin-bottom:7px
}
.shop-items-controls .count {
margin-left:0!important
}
.shop-items-controls label {
float:left;
width:50px
}
}
.post-type-archive-catalog .posts {
padding-top:20px
}
.post-type-archive-product .posts a.button, .post-type-archive-catalog .posts a.button {
display:inline-block;
line-height:16px
}
.post-type-archive-product .posts a.button.show-on-phone, .post-type-archive-catalog .posts a.button.show-on-phone {
display:none!important
}
.post-type-archive-product .posts .best-price, .post-type-archive-catalog .posts .best-price, .post-type-archive-product .posts .sale, .post-type-archive-catalog .posts .sale {
width:64px;
height:64px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:32px;
-moz-border-radius:32px;
border-radius:32px;
color:#fff;
font-family:'Roboto Slab', serif;
font-size:16px;
font-size:1.6rem;
text-align:center;
text-transform:uppercase;
z-index:150
}
.post-type-archive-product .posts .sale, .post-type-archive-catalog .posts .sale {
background-color:#d74242;
line-height:64px
}
.post-type-archive-product .posts .best-price, .post-type-archive-catalog .posts .best-price {
background-color:#aac932;
padding-top:15px;
line-height:1em
}
.post-type-archive-product .posts .price, .post-type-archive-catalog .posts .price {
font-family:'Roboto Slab', serif;
font-weight:bold;
font-size:21px;
font-size:2.1rem;
color:#287de7;
margin-bottom:13px!important
}
.post-type-archive-product .posts .price .old-price, .post-type-archive-catalog .posts .price .old-price {
text-decoration:line-through;
font-weight:normal;
color:#504f4f;
margin-right:11px
}
.post-type-archive-product .posts .thumbnail, .post-type-archive-catalog .posts .thumbnail {
position:relative
}
.post-type-archive-product .posts .thumbnail img, .post-type-archive-catalog .posts .thumbnail img {
border:1px solid #e6e6e6;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.post-type-archive-product .posts article, .post-type-archive-catalog .posts article {
position:relative
}
.post-type-archive-product .posts h4, .post-type-archive-catalog .posts h4 {
font-family:'Roboto Slab', serif;
font-weight:300;
line-height:1.1em
}
.post-type-archive-product .posts .best-price, .post-type-archive-catalog .posts .best-price, .post-type-archive-product .posts .sale, .post-type-archive-catalog .posts .sale {
position:absolute;
top:-5px;
right:-5px
}
.post-type-archive-product .posts .rating, .post-type-archive-catalog .posts .rating {
padding:8px 0
}
.post-type-archive-product .posts .rating *, .post-type-archive-catalog .posts .rating * {
vertical-align:middle
}
.post-type-archive-product .posts .rating span, .post-type-archive-catalog .posts .rating span {
margin-left:10px
}
.post-type-archive-product .posts.view-list .thumbnail, .post-type-archive-catalog .posts.view-list .thumbnail {
position:absolute
}
.post-type-archive-product .posts.view-list .thumbnail img:hover, .post-type-archive-catalog .posts.view-list .thumbnail img:hover, .post-type-archive-product .posts.view-list article:hover .thumbnail img, .post-type-archive-catalog .posts.view-list article:hover .thumbnail img {
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec
}
.post-type-archive-product .posts.view-list article, .post-type-archive-catalog .posts.view-list article {
margin-bottom:30px
}
.post-type-archive-product .posts.view-list .post-content, .post-type-archive-catalog .posts.view-list .post-content {
padding-left:288px;
min-height:273px
}
.post-type-archive-product .posts.view-list h4, .post-type-archive-catalog .posts.view-list h4 {
font-size:24px;
font-size:2.4rem;
margin-bottom:0
}
.post-type-archive-product .posts.view-list .sku, .post-type-archive-catalog .posts.view-list .sku {
color:#b6b6b6
}
.post-type-archive-product .posts.view-list .grid-only, .post-type-archive-catalog .posts.view-list .grid-only {
display:none
}
.post-type-archive-product .posts.view-list .list-only, .post-type-archive-catalog .posts.view-list .list-only {
display:block
}
.post-type-archive-product .posts.view-list .button.list-only, .post-type-archive-catalog .posts.view-list .button.list-only {
display:inline-block
}
.post-type-archive-product .posts.view-grid, .post-type-archive-catalog .posts.view-grid {
font-size:0;
margin-right:-30px
}
.post-type-archive-product .posts.view-grid article, .post-type-archive-catalog .posts.view-grid article {
display:inline-block;
width:25%;
font-size:14px;
font-size:1.4rem;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding-right:30px;
margin-bottom:30px;
vertical-align:top
}
.post-type-archive-product .posts.view-grid .excerpt p, .post-type-archive-catalog .posts.view-grid .excerpt p {
margin-bottom:7px!important
}
.post-type-archive-product .posts.view-grid article:hover .inside, .post-type-archive-catalog .posts.view-grid article:hover .inside {
position:relative;
z-index:200!important
}
.post-type-archive-product .posts.view-grid article:hover .outer, .post-type-archive-catalog .posts.view-grid article:hover .outer {
border:1px solid #287de7;
background-color:#fff;
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
position:absolute;
z-index:50;
padding:20px!important;
top:-20px;
left:-20px;
right:10px;
bottom:-20px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.post-type-archive-product .posts.view-grid article:hover .button.desktop, .post-type-archive-catalog .posts.view-grid article:hover .button.desktop {
display:inline-block!important
}
.post-type-archive-product .posts.view-grid h4, .post-type-archive-catalog .posts.view-grid h4 {
margin-bottom:7px;
font-size:18px;
font-size:1.8rem
}
.post-type-archive-product .posts.view-grid h4 a, .post-type-archive-catalog .posts.view-grid h4 a {
color:#504f4f
}
.post-type-archive-product .posts.view-grid h4 a:hover, .post-type-archive-catalog .posts.view-grid h4 a:hover {
color:#287de7
}
.post-type-archive-product .posts.view-grid .thumbnail, .post-type-archive-catalog .posts.view-grid .thumbnail {
position:relative;
margin-bottom:13px;
float:left;
clear:left
}
.post-type-archive-product .posts.view-grid .thumbnail img, .post-type-archive-catalog .posts.view-grid .thumbnail img {
width:192px!important;
height:197px!important
}
.post-type-archive-product .posts.view-grid .sku, .post-type-archive-catalog .posts.view-grid .sku {
display:none
}
.post-type-archive-product .posts.view-grid .grid-only, .post-type-archive-catalog .posts.view-grid .grid-only {
display:block
}
.post-type-archive-product .posts.view-grid .list-only, .post-type-archive-catalog .posts.view-grid .list-only {
display:none
}
.post-type-archive-product .posts.view-grid .button.grid-only, .post-type-archive-catalog .posts.view-grid .button.grid-only {
display:inline-block
}
@media only screen and (max-width:1199px) {
.post-type-archive-product .posts.view-grid .thumbnail img, .post-type-archive-catalog .posts.view-grid .thumbnail img {
width:150px!important;
height:auto!important
}
}
@media only screen and (max-width:959px) {
.post-type-archive-product .posts.view-grid .excerpt, .post-type-archive-catalog .posts.view-grid .excerpt {
display:none
}
.post-type-archive-product .posts.view-grid .thumbnail, .post-type-archive-catalog .posts.view-grid .thumbnail {
float:none!important;
display:block!important;
width:100px
}
.post-type-archive-product .posts.view-grid .thumbnail img, .post-type-archive-catalog .posts.view-grid .thumbnail img {
width:100px!important;
height:auto!important
}
.post-type-archive-product .posts.view-grid .rating, .post-type-archive-catalog .posts.view-grid .rating {
display:block!important
}
.post-type-archive-product .posts.view-grid a.button.desktop, .post-type-archive-catalog .posts.view-grid a.button.desktop {
display:inline-block!important
}
.post-type-archive-product .posts.view-grid article, .post-type-archive-catalog .posts.view-grid article {
width:50%
}
.post-type-archive-product .posts.view-grid article:hover .inside, .post-type-archive-catalog .posts.view-grid article:hover .inside {
margin:0!important;
padding:0!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
border:0!important
}
}
@media screen and (max-width:767px) {
.post-type-archive-product .posts, .post-type-archive-catalog .posts {
margin-right:0!important
}
.post-type-archive-product .posts.view-grid .excerpt, .post-type-archive-catalog .posts.view-grid .excerpt {
display:none
}
.post-type-archive-product .posts.view-grid a.button.desktop, .post-type-archive-catalog .posts.view-grid a.button.desktop, .post-type-archive-product .posts.view-grid article:hover a.button.desktop, .post-type-archive-catalog .posts.view-grid article:hover a.button.desktop {
display:none!important
}
.post-type-archive-product .posts.view-grid a.button.show-on-phone, .post-type-archive-catalog .posts.view-grid a.button.show-on-phone {
display:inline-block!important
}
.post-type-archive-product .posts.view-grid .thumbnail img, .post-type-archive-catalog .posts.view-grid .thumbnail img {
width:120px!important;
height:auto!important;
margin:0 13px 13px 0
}
.post-type-archive-product .posts.view-grid .rating, .post-type-archive-catalog .posts.view-grid .rating {
display:block!important;
text-align:left
}
.post-type-archive-product .posts.view-grid .rating span, .post-type-archive-catalog .posts.view-grid .rating span {
display:block;
margin-left:0
}
.post-type-archive-product .posts.view-grid article, .post-type-archive-catalog .posts.view-grid article {
width:25%;
padding-right:20px!important
}
.post-type-archive-product .posts.view-grid .sale, .post-type-archive-catalog .posts.view-grid .sale, .post-type-archive-product .posts.view-grid .best-price, .post-type-archive-catalog .posts.view-grid .best-price {
right:auto!important;
left:0!important
}
}
@media only screen and (max-width:600px) {
.post-type-archive-product .posts.view-list .thumbnail img, .post-type-archive-catalog .posts.view-list .thumbnail img {
width:150px!important;
height:auto!important
}
.post-type-archive-product .posts.view-list .post-content, .post-type-archive-catalog .posts.view-list .post-content {
padding-left:188px!important;
min-height:200px!important
}
.post-type-archive-product .posts.view-grid article, .post-type-archive-catalog .posts.view-grid article {
width:50%
}
}
@media only screen and (max-width:500px) {
.post-type-archive-product .posts h4, .post-type-archive-catalog .posts h4 {
font-size:18px;
font-size:1.8rem
}
.post-type-archive-product .posts.view-list .thumbnail img, .post-type-archive-catalog .posts.view-list .thumbnail img {
width:50px!important;
height:auto!important
}
.post-type-archive-product .posts.view-list .post-content, .post-type-archive-catalog .posts.view-list .post-content {
padding-left:88px!important;
min-height:200px!important
}
.post-type-archive-product .posts.view-list .sale, .post-type-archive-catalog .posts.view-list .sale, .post-type-archive-product .posts.view-list .best-price, .post-type-archive-catalog .posts.view-list .best-price {
top:70px
}
.post-type-archive-product .posts.view-grid .excerpt, .post-type-archive-catalog .posts.view-grid .excerpt {
display:none!important
}
}
.template-one-column .posts .post {
border-bottom:1px solid #e6e6e6;
margin-bottom:10px
}
.template-one-column .posts .thumbnail {
margin-bottom:15px
}
.template-one-column .posts .thumbnail img {
width:100%;
height:auto!important;
max-width:100%;
float:left
}
.template-one-column .posts .post-images-carousel, .template-one-column .posts .post-slider {
position:relative
}
.template-one-column .posts .post-images-carousel img, .template-one-column .posts .post-slider img {
display:block;
float:left
}
.template-one-column .posts .format-gallery {
padding-bottom:25px
}
.template-one-column .posts .format-gallery .comments {
position:absolute;
right:20px;
bottom:20px;
z-index:100
}
.template-one-column .posts .format-gallery .comments a {
color:#fff
}
.template-one-column .posts .post-slider {
clear:both;
margin-bottom:14px
}
.template-one-column .posts .excerpt p {
margin-bottom:10px
}
.template-one-column .posts .date {
font-size:16px;
font-size:1.6rem;
padding:30px 0 15px 0
}
.template-one-column .posts .date .day {
display:inline-block;
background-color:#f6f6f6;
color:#287de7;
font-size:24px;
font-size:2.4rem;
border-bottom:1px solid #d9d9d9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
padding:8px 12px;
margin-right:5px
}
.template-one-column .posts h2 {
padding-left:10px;
font-size:24px;
font-size:2.4rem;
margin-bottom:15px
}
.template-one-column .posts .excerpt, .template-one-column .posts footer {
padding-left:10px
}
.template-one-column .posts .format-quote .excerpt {
padding-left:0
}
.template-one-column .posts .format-quote .excerpt cite {
background-color:transparent;
margin:0!important;
padding:0 0 7px 0!important;
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif
}
.template-one-column .posts .format-quote .excerpt cite:before {
display:none;
border:0
}
.template-one-column .posts footer a {
color:#504f4f
}
.template-one-column .posts footer a:hover {
color:#287de7
}
.template-one-column .posts footer strong {
margin-left:20px
}
.template-one-column .posts footer a.continue-reading {
color:#287de7;
display:inline-block;
margin:10px 0 15px 0
}
.template-one-column .posts footer a.continue-reading:hover {
text-decoration:underline
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.post-slider-prev a, .post-slider-next a {
background-image:url(../images/carousel_pointers%402x.png)!important;
background-size:54px 54px!important
}
}
.template-masonry .posts {
clear:both;
margin-right:-30px;
padding-top:30px
}
.template-masonry .masonry-grid-sizer {
width:33.3332%
}
.template-masonry article.post {
width:33.3332%;
padding:0 0 16px 0!important;
margin:0 0 10px 0!important
}
.template-masonry article.post .inside {
position:relative;
border-bottom:1px solid #e6e6e6;
margin-right:27px
}
.template-masonry article.post .post-images-carousel, .template-masonry article.post .post-slider {
position:relative;
margin-bottom:22px
}
.template-masonry article.post.w2 {
width:66.5%
}
.template-masonry .bx-viewport {
padding-right:5px
}
.template-masonry .post .thumbnail {
margin-bottom:22px
}
.template-masonry .post h4 {
font-family:'Roboto Slab', serif;
font-weight:300;
margin-bottom:6px
}
.template-masonry .post p {
margin-bottom:7px
}
.template-masonry .post footer {
margin-bottom:5px
}
.template-masonry .post footer .author {
margin-right:17px
}
.template-masonry .post footer a {
color:#504f4f
}
.template-masonry .post footer a:hover {
color:#287de7
}
.template-masonry .post .continue-reading:hover {
text-decoration:underline
}
.template-masonry .post .post-content {
padding:0 10px 16px 0
}
.template-masonry .post .date {
margin-bottom:4px
}
.template-masonry .post .date strong {
color:#287de7;
text-transform:uppercase;
margin-right:25px
}
.template-masonry .post .date a {
color:#504f4f
}
.template-masonry .post .date a:hover {
color:#287de7
}
.template-masonry .post .date i {
margin-right:3px
}
.template-masonry .post .thumbnail a {
position:relative;
overflow:hidden;
float:left
}
.template-masonry .post .thumbnail a .zoom {
font-size:75px;
font-size:7.5rem;
top:50%;
left:50%;
margin-left:-12%;
margin-top:-12%
}
.template-masonry .post .thumbnail img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
float:left;
position:relative;
display:block
}
.template-masonry .format-quote .post-content {
padding-left:0
}
.template-masonry .format-quote .post-content cite {
background-color:transparent;
margin:0!important;
padding:0 0 7px 0!important;
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif
}
.template-masonry .format-quote .post-content cite:before {
display:none;
border:0
}
.template-masonry .format-video .mask {
opacity:1;
filter:alpha(opacity=100);
background-color:transparent
}
.template-masonry .format-video:hover .mask {
opacity:1;
filter:alpha(opacity=100);
background-color:rgba(38, 42, 47, 0.6)
}
.template-masonry .format-video:hover .zoom {
transition-delay:.1s;
opacity:.7;
filter:alpha(opacity=70)
}
.template-masonry .pagination {
padding-top:0!important
}
@media only screen and (max-width:1199px) {
.template-masonry .masonry-grid-sizer, .template-masonry article.post, .template-masonry article.post.w2 {
width:50%
}
}
@media only screen and (max-width:767px) {
.template-masonry .posts {
margin-right:0
}
.template-masonry .masonry-grid-sizer, .template-masonry article.post, .template-masonry article.post.w2 {
width:50%
}
.template-masonry .post .inside {
margin-right:15px!important
}
.template-masonry .post .thumbnail img {
width:100%!important;
max-width:100%!important;
height:auto!important
}
}
@media only screen and (max-width:500px) {
.template-masonry .masonry-grid-sizer, .template-masonry article.post, .template-masonry article.post.w2 {
width:100%
}
.template-masonry .post .inside {
margin-right:0!important
}
}
.template-timeline .post-header {
margin-bottom:40px
}
.template-timeline .posts {
background:url('../images/timeline_v.gif') center center repeat-y;
padding-top:23px
}
.template-timeline .posts img {
max-width:100%;
height:auto!important
}
.template-timeline .posts .thumbnail {
position:relative
}
.template-timeline .posts .thumbnail img {
width:100%;
height:auto;
float:left
}
.template-timeline .posts article {
position:relative;
min-height:280px;
margin-bottom:40px!important
}
.template-timeline .posts .right .inside {
padding-left:50px
}
.template-timeline .posts .left .inside {
padding-right:50px
}
.template-timeline .posts .post-date {
margin-bottom:20px
}
.template-timeline .posts .post-date .day {
text-align:center;
border-bottom:1px solid #d9d9d9;
background-color:#f6f6f6;
font-size:24px;
font-size:2.4rem;
color:#287de7;
font-family:'Roboto Slab', serif;
line-height:1.25em;
display:inline-block;
padding:3px 12px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin-right:15px
}
.template-timeline .posts .post-date .month {
font-size:16px;
font-size:1.6rem
}
.template-timeline .posts .post-date .month, .template-timeline .posts .post-date .year {
line-height:1em;
display:inline-block
}
.template-timeline .posts .left .post-date {
float:right
}
.template-timeline .posts .left .pointer {
position:absolute;
background:url('../images/timeline_h.gif') center center repeat-x;
right:-23px;
top:16px;
height:11px;
width:65px;
padding-right:1px;
}
.template-timeline .posts .left .pointer span {
width:11px;
height:11px;
float:right;
background:#287de7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.template-timeline .posts .right article {
padding-top:40px!important;
margin-bottom:0!important
}
.template-timeline .posts .right .pointer {
position:absolute;
background:url('../images/timeline_h.gif') center center repeat-x;
right:auto!important;
left:-17px!important;
top:52px;
height:11px;
width:65px
}
.template-timeline .posts .right .pointer span {
width:11px;
height:11px;
float:left;
background:#287de7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.template-timeline .posts .format-quote .date {
top:0!important;
margin-top:0
}
.template-timeline .posts h2 {
font-size:24px;
font-size:2.4rem;
line-height:1.25em;
padding:0 10px
}
.template-timeline .posts .thumbnail {
margin-bottom:13px
}
.template-timeline .posts .text {
padding:0 10px
}
.template-timeline .posts .text p:last-child {
margin-bottom:7px
}
.template-timeline .posts footer {
padding:0 10px;
border-bottom:1px solid #e6e6e6;
padding-bottom:14px
}
.template-timeline .posts footer .tags {
margin-bottom:7px
}
.template-timeline .posts footer strong {
margin-left:18px
}
.template-timeline .posts footer a {
color:#504f4f
}
.template-timeline .posts footer a:hover {
color:#287de7
}
.template-timeline .posts footer a.continue-reading {
color:#287de7
}
.template-timeline .posts footer .continue-reading:hover {
text-decoration:underline
}
.template-timeline .posts .post-images-carousel {
position:relative;
margin-bottom:11px
}
.template-timeline .posts .post-images-carousel .post-slider-pagination {
bottom:17px!important;
height:7px
}
.template-timeline .posts .post-images-carousel .comments {
position:absolute;
bottom:11px;
right:7px;
z-index:200
}
.template-timeline .posts .post-images-carousel .comments a {
color:#fff
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.template-timeline .posts {
background-image:url('../images/timeline_v%402x.gif');
background-size:1px 10px
}
.template-timeline .posts .right .pointer, .template-timeline .posts .left .pointer {
background-image:url('../images/timeline_h%402x.gif');
background-size:10px 1px
}
}
@media only screen and (max-width:959px) {
.template-timeline .posts {
background-position:55px top!important
}
.template-timeline .posts .unit {
display:block!important;
width:100%!important
}
.template-timeline .posts .post-date {
float:left!important
}
.template-timeline .posts .unit.article {
min-height:115px!important
}
.template-timeline .posts article .inside {
padding-right:0!important;
padding-left:130px!important
}
.template-timeline .posts .pointer {
right:auto!important;
left:37px!important;
width:40px!important;
top:13px!important
}
.template-timeline .posts .pointer span {
float:left!important
}
}
@media only screen and (max-width:480px) {
.template-timeline .posts {
background-position:15px top!important
}
.template-timeline .posts article {
min-height:1px!important
}
.template-timeline .posts article .inside {
padding-left:95px!important
}
.template-timeline .posts .pointer {
left:12px!important;
width:50px!important
}
.template-timeline .posts article .inside {
padding-left:60px!important
}
}
.template-four-columns .posts {
padding:30px 0 0 0
}
.template-four-columns .posts .thumbnail {
display:block
}
.template-four-columns .posts .thumbnail img {
float:left
}
.template-four-columns .posts .thumbnail {
margin-bottom:13px
}
.template-four-columns .posts article.unit {
margin-bottom:30px!important
}
.template-four-columns .posts h4 {
font-weight:300;
font-family:'Roboto Slab', serif;
margin-bottom:7px
}
.template-four-columns .posts .date {
text-transform:uppercase;
color:#287de7;
font-weight:bold;
margin-bottom:7px
}
.template-four-columns .posts p {
margin-bottom:7px
}
.template-four-columns .posts .text {
padding:0 10px
}
.template-four-columns .posts .categories {
margin-bottom:7px
}
.template-four-columns .posts .categories strong {
color:#287de7
}
.template-four-columns .posts .categories a {
color:#504f4f
}
.template-four-columns .posts .categories a:hover {
color:#287de7
}
.template-four-columns .posts .view-album {
color:#504f4f
}
.template-four-columns .posts .view-album:hover {
color:#287de7
}
.template-four-columns .posts .post-type-video {
position:relative
}
.template-four-columns .posts .post-type-video .inside {
background-color:#fff
}
.template-four-columns .posts .post-type-video .thumbnail .details {
background:#fff;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
color:#287de7;
width:57px;
height:57px;
top:50%;
left:50%;
margin-left:-27px;
margin-top:-27px;
padding:0;
text-align:center
}
.template-four-columns .posts .post-type-video .thumbnail .details i {
font-size:33px;
font-size:3.3rem;
line-height:57px
}
.template-four-columns .posts .post-type-video .thumbnail .details:hover {
background:#287de7;
color:#fff;
border-color:#287de7
}
.template-four-columns .posts .post-type-video .text {
border-bottom:1px solid #e6e6e6;
padding-bottom:10px
}
.template-four-columns .posts .post-type-video .show-on-hover {
display:none;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.template-four-columns .posts .post-type-video:hover .inside {
padding:21px;
margin-top:-21px;
margin-left:-21px;
max-width:306px;
border:1px solid #287de7;
border-color:#287de7!important;
-webkit-box-shadow:1px 1px 17px #ececec;
-moz-box-shadow:1px 1px 17px #ececec;
box-shadow:1px 1px 17px #ececec;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
position:absolute;
z-index:100
}
.template-four-columns .posts .post-type-video:hover .show-on-hover {
display:block
}
.template-four-columns .posts .post-type-video:hover .text {
border-bottom:0;
padding-bottom:0
}
.author #about-author-section {
padding-top:30px
}
.author #about-author-section .social-icons a {
margin-left:13px;
font-size:19px;
font-size:1.9rem;
color:#504f4f
}
.author #about-author-section .social-icons a:hover {
color:#287de7
}
.author #about-author-section .author-photo {
position:absolute
}
.author #about-author-section h1 {
font-size:21px;
font-size:2.1rem;
line-height:1.25em
}
.author #about-author-section h1 span {
font-size:36px;
font-size:3.6rem;
color:#287de7
}
.author #about-author-section h3 {
padding-top:30px;
margin-bottom:0;
font-family:'Roboto Slab', serif
}
.author #about-author-section p {
margin-bottom:7px
}
.author #about-author-section .info {
padding-left:290px;
min-height:200px;
padding-bottom:25px;
border-bottom:1px solid #e6e6e6
}
.template-hexagon .filters {
position:relative;
z-index:15!important
}
.template-hexagon .sorter {
padding:35px 0 0 0;
margin-bottom:-20px
}
.template-hexagon .sorter li:before {
display:none;
content:''
}
.template-hexagon .sorter li {
display:inline-block;
border:1px solid #e6e6e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
padding:4px 20px;
margin-right:15px;
text-transform:uppercase
}
.template-hexagon .sorter li:hover, .template-hexagon .sorter li.current {
border-color:#287de7;
color:#287de7
}
.template-hexagon .pull-right .sorter li {
margin-right:0;
margin-left:15px
}
.template-hexagon .portfolio-items {
padding:0 0 70px 0;
margin:0 0 0 -24px;
overflow:hidden
}
.template-hexagon .portfolio-items .item {
width:270px;
height:310px;
position:relative;
display:inline-block;
margin-left:24px
}
.template-hexagon .portfolio-items i.menu-angle {
float:right;
margin-top:7px;
background:url('../images/arrows/btn-arr.gif') no-repeat;
width:6px;
height:9px
}
.template-hexagon .portfolio-items .links {
position:absolute;
width:100%;
height:50px;
top:63%;
opacity:0;
filter:alpha(opacity=0);
z-index:20;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.template-hexagon .portfolio-items .links a {
display:block;
vertical-align:middle;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:100%;
font-size:34px;
text-align:center;
}
.template-hexagon .portfolio-items .item:hover .links {
opacity:1;
filter:alpha(opacity=100)
}
.template-hexagon .portfolio-items .hexagon {
position:absolute;
width:270px;
height:600px;
top:-85px;
overflow:hidden;
visibility:hidden;
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg);
-ms-transform:rotate(120deg);
transform:rotate(120deg);
cursor:pointer
}
.template-hexagon .portfolio-items .hexagon-in1 {
overflow:hidden;
width:100%;
height:100%;
-webkit-transform:rotate(-60deg);
-moz-transform:rotate(-60deg);
-o-transform:rotate(-60deg);
-ms-transform:rotate(-60deg);
transform:rotate(-60deg)
}
.template-hexagon .portfolio-items .hexagon-in2 {
overflow:hidden;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:50%;
visibility:visible;
position:relative;
-webkit-transform:rotate(-60deg);
-moz-transform:rotate(-60deg);
-o-transform:rotate(-60deg);
-ms-transform:rotate(-60deg);
transform:rotate(-60deg)
}
.template-hexagon .portfolio-items .hexagon-in2 .overflow {
left:0;
right:0;
bottom:0;
top:0;
position:absolute;
opacity:0;
filter:alpha(opacity=0);
background:rgba(40, 125, 231, 0.3);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.template-hexagon .portfolio-items .item:hover .hexagon-in2 .overflow {
opacity:1;
filter:alpha(opacity=100)
}
.template-hexagon .portfolio-items .item.visible:nth-child(7n-2) {
margin-left:172px
}
.template-hexagon .portfolio-items .item.visible:nth-child(n+5) {
margin-top:-62px
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.template-hexagon .portfolio-items i.menu-angle {
background-image:url('../images/arrows/btn-arr%402x.gif');
background-size:6px 9px
}
}
@media only screen and (max-width:1199px) {
.template-hexagon .portfolio-items .item.visible:nth-child(5n-1) {
margin-left:170px
}
.template-hexagon .portfolio-items .item.visible:nth-child(n+4) {
margin-top:-62px
}
.template-hexagon .portfolio-items .item.visible:nth-child(7n-2) {
margin-left:25px
}
.template-hexagon .portfolio-items .item.visible:nth-child(n+5) {
margin-top:-56px
}
}
@media only screen and (max-width:959px) {
.template-hexagon .portfolio-items .item.visible:nth-child(5n-1) {
margin-left:0
}
.template-hexagon .portfolio-items .item.visible:nth-child(3n) {
margin-left:172px;
margin-right:172px
}
.template-hexagon .portfolio-items .item.visible:nth-child(n+3) {
margin-top:-56px
}
.template-hexagon .portfolio-items .item.visible:nth-child(4n), .template-hexagon .portfolio-items .item.visible:nth-child(5n) {
margin-left:25px
}
}
@media only screen and (max-width:620px) {
.template-hexagon .portfolio-items {
text-align:center;
margin-left:0!important
}
.template-hexagon .portfolio-items .item {
margin:0 0 10px 0!important
}
}
.portfolio-full-slider {
position:relative
}
.template-portfolio .big-header-wrapper {
border-bottom:0!important;
margin-bottom:-1px!important
}
.template-portfolio #content {
padding-top:0!important;
padding-bottom:0!important;
min-height:1px!important
}
.template-portfolio .bx-wrapper {
z-index:10
}
.template-portfolio .bx-wrapper img {
float:left
}
.template-portfolio .full-portfolio-slider {
min-height:700px
}
.template-portfolio .full-portfolio-slider img {
max-width:100%!important;
border-radius:0!important
}
.template-portfolio .full-portfolio-slider img.lazy {
display:block;
width:100%;
min-height:550px;
background:url('../images/loader_w.gif') center center no-repeat
}
.template-portfolio .full-portfolio-slider .item .text {
position:absolute;
top:10%;
left:13%;
color:#fff
}
.template-portfolio .full-portfolio-slider .item .text h4 {
color:#fff;
font-family:'Roboto Slab', serif;
font-size:48px;
font-size:4.8rem;
line-height:1.25em;
font-weight:300!important;
margin-bottom:11px
}
.template-portfolio .full-portfolio-slider .item .date {
color:#287de7;
font-size:21px;
font-size:2.1rem
}
.template-portfolio .full-portfolio-slider.preload {
overflow:hidden;
height:550px
}
.template-portfolio .full-portfolio-slider.preload .text {
display:none
}
.template-portfolio .portfolio-thumbnails {
position:absolute;
overflow:hidden;
bottom:0;
left:0;
right:0;
height:175px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
z-index:100;
padding:34px 0;
background:#181b27;
background:rgba(24, 27, 39, 0.5);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.template-portfolio .portfolio-thumbnails.closed {
height:40px;
padding:0
}
.template-portfolio .jTscrollerPrevButton, .template-portfolio .jTscrollerNextButton {
background:#287de7;
z-index:210;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
top:40%;
margin-top:-17px;
width:35px;
height:35px;
left:0;
position:absolute
}
.template-portfolio .jTscrollerPrevButton {
background-image:url('../images/arrows/gallery-pointers.gif');
background-position:left top
}
.template-portfolio .jTscrollerNextButton {
background-image:url('../images/arrows/gallery-pointers.gif');
background-position:right top
}
.template-portfolio .toggle-panel {
position:absolute;
width:75px;
height:75px;
z-index:100!important;
bottom:175px;
left:13%;
background:#181b27;
background:rgba(24, 27, 39, 0.5);
background-image:url('../images/arrows/panel-toggle.png');
background-position:left top;
-webkit-transition:bottom .3s;
-moz-transition:bottom .3s;
-o-transition:bottom .3s;
transition:bottom .3s
}
.template-portfolio .toggle-panel.closed {
background-position:left bottom!important;
bottom:40px
}
.template-portfolio .jTscrollerNextButton {
right:0;
left:auto
}
.template-portfolio #portfolio-pager a {
margin:0 12px
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.template-portfolio .jTscrollerPrevButton {
background-image:url('../images/arrows/gallery-pointers%402x.gif');
background-size:70px 35px
}
.template-portfolio .jTscrollerNextButton {
background-image:url('../images/arrows/gallery-pointers%402x.gif');
background-size:70px 35px
}
.template-portfolio .toggle-panel {
background-image:url('../images/arrows/panel-toggle%402x.png');
background-size:75px 150px
}
}
@media only screen and (max-width:565px) {
body {
overflow-x:hidden
}
.template-portfolio .portfolio-thumbnails {
position:static!important;
background:#181b27
}
.template-portfolio .jTscrollerPrevButton, .template-portfolio .jTscrollerNextButton {
top:auto;
bottom:70px;
margin-top:0
}
.template-portfolio .full-portfolio-slider .item h4 {
font-size:21px!important;
font-size:2.1rem!important;
line-height:1.25em
}
}
.template-home .big-header-wrapper, .template-home-business .big-header-wrapper, .template-home-parallax .big-header-wrapper {
border-bottom:0!important;
margin-bottom:0!important
}
.template-home section.testimonials, .template-home-business section.testimonials, .template-home-parallax section.testimonials {
padding:45px 10px;
background-color:#f6f6f6;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9
}
.template-home section.testimonials blockquote, .template-home-business section.testimonials blockquote, .template-home-parallax section.testimonials blockquote {
font-size:24px;
font-size:2.4rem;
color:#504f4f;
text-align:center!important
}
.template-home section.testimonials blockquote p, .template-home-business section.testimonials blockquote p, .template-home-parallax section.testimonials blockquote p {
padding-right:20px;
padding-left:20px
}
.template-home section.testimonials .owl-prev, .template-home-business section.testimonials .owl-prev, .template-home-parallax section.testimonials .owl-prev, .template-home section.testimonials .owl-next, .template-home-business section.testimonials .owl-next, .template-home-parallax section.testimonials .owl-next {
position:absolute;
display:block;
text-indent:-5555em;
width:37px!important;
height:37px!important;
line-height:37px!important;
-webkit-transition:background-position .3s;
-moz-transition:background-position .3s;
-o-transition:background-position .3s;
transition:background-position .3s;
top:23%!important;
left:10px!important;
background-color:transparent!important;
border:1px solid #287de7;
background-image:url('../images/arrows/testimonials-pointers.gif');
background-position:left top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:0!important
}
.template-home section.testimonials .owl-next, .template-home-business section.testimonials .owl-next, .template-home-parallax section.testimonials .owl-next {
left:auto!important;
right:10px!important;
background-position:right top
}
.template-home section.testimonials .owl-prev:hover, .template-home-business section.testimonials .owl-prev:hover, .template-home-parallax section.testimonials .owl-prev:hover, .template-home section.testimonials .owl-next:hover, .template-home-business section.testimonials .owl-next:hover, .template-home-parallax section.testimonials .owl-next:hover {
background-color:#287de7!important;
background-position:left bottom
}
.template-home section.testimonials .owl-next:hover, .template-home-business section.testimonials .owl-next:hover, .template-home-parallax section.testimonials .owl-next:hover {
background-position:right bottom
}
.template-home section.testimonials .author, .template-home-business section.testimonials .author, .template-home-parallax section.testimonials .author {
display:block;
margin:0 auto;
width:273px;
height:94px;
border:1px solid #287de7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:10px
}
.template-home section.testimonials .author .thumbnail, .template-home-business section.testimonials .author .thumbnail, .template-home-parallax section.testimonials .author .thumbnail {
position:absolute
}
.template-home section.testimonials .author cite, .template-home-business section.testimonials .author cite, .template-home-parallax section.testimonials .author cite {
display:block;
padding-left:97px;
min-height:70px;
padding-top:13px
}
.template-home section.testimonials .author cite .who, .template-home-business section.testimonials .author cite .who, .template-home-parallax section.testimonials .author cite .who {
font-family:'Roboto Slab', serif;
font-size:18px;
font-size:1.8rem;
display:block;
font-weight:bold
}
.template-home section.testimonials .author cite:before, .template-home-business section.testimonials .author cite:before, .template-home-parallax section.testimonials .author cite:before {
content:'.';
text-indent:-5555em;
width:15px;
height:8px;
background:url('../images/arrows/testimonials-pointer.gif') left top no-repeat;
position:absolute;
left:50%;
top:0;
margin-left:-7px;
margin-top:-6px
}
.template-home .benefits, .template-home-business .benefits, .template-home-parallax .benefits {
padding-top:85px;
padding-bottom:35px
}
.template-home .benefits .icon-container, .template-home-business .benefits .icon-container, .template-home-parallax .benefits .icon-container {
display:block;
width:97px;
height:97px;
border:1px solid #287de7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 auto 25px auto;
-webkit-transition:background-color .5s;
-moz-transition:background-color .5s;
-o-transition:background-color .5s;
transition:background-color .5s
}
.template-home .benefits .icon, .template-home-business .benefits .icon, .template-home-parallax .benefits .icon {
display:block;
width:97px;
height:97px
}
.template-home .benefits .icon-idea, .template-home-business .benefits .icon-idea, .template-home-parallax .benefits .icon-idea {
background:url('../images/icons/icon_idea.png') center top no-repeat
}
.template-home .benefits .icon-id, .template-home-business .benefits .icon-id, .template-home-parallax .benefits .icon-id {
background:url('../images/icons/icon_id.png') center top no-repeat
}
.template-home .benefits .icon-star, .template-home-business .benefits .icon-star, .template-home-parallax .benefits .icon-star {
background:url('../images/icons/icon_star.png') center top no-repeat
}
.template-home .benefits .icon-clock, .template-home-business .benefits .icon-clock, .template-home-parallax .benefits .icon-clock {
background:url('../images/icons/icon_clock.png') center top no-repeat
}
.template-home .benefits .unit:hover .icon-idea, .template-home-business .benefits .unit:hover .icon-idea, .template-home-parallax .benefits .unit:hover .icon-idea, .template-home .benefits .unit:hover .icon-id, .template-home-business .benefits .unit:hover .icon-id, .template-home-parallax .benefits .unit:hover .icon-id, .template-home .benefits .unit:hover .icon-star, .template-home-business .benefits .unit:hover .icon-star, .template-home-parallax .benefits .unit:hover .icon-star, .template-home .benefits .unit:hover .icon-clock, .template-home-business .benefits .unit:hover .icon-clock, .template-home-parallax .benefits .unit:hover .icon-clock {
background-position:center bottom!important
}
.template-home .benefits .unit:hover .icon-container, .template-home-business .benefits .unit:hover .icon-container, .template-home-parallax .benefits .unit:hover .icon-container {
background-color:#287de7
}
.template-home .benefits .unit, .template-home-business .benefits .unit, .template-home-parallax .benefits .unit {
text-align:center
}
.template-home .benefits h4, .template-home-business .benefits h4, .template-home-parallax .benefits h4 {
font-family:'Roboto Slab', serif;
font-size:24px;
font-size:2.4rem;
font-weight:300;
margin-bottom:11px
}
.template-home .benefits a, .template-home-business .benefits a, .template-home-parallax .benefits a {
color:#504f4f
}
.template-home .benefits a:hover, .template-home-business .benefits a:hover, .template-home-parallax .benefits a:hover {
color:#287de7
}
.template-home #home-portfolio, .template-home-business #home-portfolio, .template-home-parallax #home-portfolio {
position:relative;
height:auto;
margin-bottom:40px;
min-height:513px
}
.template-home section.portfolio header, .template-home-business section.portfolio header, .template-home-parallax section.portfolio header {
padding-bottom:30px
}
.template-home section.portfolio .portfolio-categories-description, .template-home-business section.portfolio .portfolio-categories-description, .template-home-parallax section.portfolio .portfolio-categories-description {
line-height:1.55em;
padding-bottom:10px
}
.template-home section.portfolio a.button, .template-home-business section.portfolio a.button, .template-home-parallax section.portfolio a.button {
line-height:normal!important;
display:inline-block!important
}
.template-home section.portfolio li a:hover span, .template-home-business section.portfolio li a:hover span, .template-home-parallax section.portfolio li a:hover span, .template-home section.portfolio li.current a span, .template-home-business section.portfolio li.current a span, .template-home-parallax section.portfolio li.current a span {
background-color:#287de7;
color:#fff;
border-color:#287de7!important
}
.template-home section.portfolio ul.portfolio-categories, .template-home-business section.portfolio ul.portfolio-categories, .template-home-parallax section.portfolio ul.portfolio-categories {
margin:0 0 21px 0;
padding:0;
list-style:none
}
.template-home section.portfolio ul.portfolio-categories li:before, .template-home-business section.portfolio ul.portfolio-categories li:before, .template-home-parallax section.portfolio ul.portfolio-categories li:before {
content:'';
display:none
}
.template-home section.portfolio ul.portfolio-categories li, .template-home-business section.portfolio ul.portfolio-categories li, .template-home-parallax section.portfolio ul.portfolio-categories li {
margin:0;
padding:0;
display:block;
clear:both
}
.template-home section.portfolio ul.portfolio-categories li a, .template-home-business section.portfolio ul.portfolio-categories li a, .template-home-parallax section.portfolio ul.portfolio-categories li a {
display:block;
position:relative;
height:47px;
line-height:47px;
font-size:21px;
font-size:2.1rem;
margin-bottom:18px;
color:#504f4f;
padding-right:50px;
font-family:'Roboto Slab', serif
}
.template-home section.portfolio ul.portfolio-categories li a span, .template-home-business section.portfolio ul.portfolio-categories li a span, .template-home-parallax section.portfolio ul.portfolio-categories li a span {
position:absolute;
right:0;
top:50%;
margin-top:-24px;
width:47px;
line-height:47px;
height:47px;
border:1px solid #504f4f;
-webkit-border-radius:24px;
-moz-border-radius:24px;
border-radius:24px;
text-align:center;
-webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
transition:background-color .3s
}
.template-home section.portfolio ul.portfolio-categories li a:hover, .template-home-business section.portfolio ul.portfolio-categories li a:hover, .template-home-parallax section.portfolio ul.portfolio-categories li a:hover {
color:#287de7
}
.template-home .portfolio-items img, .template-home-business .portfolio-items img, .template-home-parallax .portfolio-items img {
float:left;
max-width:100%;
height:auto
}
.template-home .portfolio-items .item, .template-home-business .portfolio-items .item, .template-home-parallax .portfolio-items .item {
width:165px;
margin-bottom:6px;
position:relative
}
.template-home .portfolio-items .item.w2, .template-home-business .portfolio-items .item.w2, .template-home-parallax .portfolio-items .item.w2 {
width:336px
}
.template-home .portfolio-items .overlay, .template-home-business .portfolio-items .overlay, .template-home-parallax .portfolio-items .overlay {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background-color:#287de7;
background:rgba(40, 125, 231, 0.7);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:opacity .5s;
-moz-transition:opacity .5s;
-o-transition:opacity .5s;
transition:opacity .5s
}
.template-home .portfolio-items .overlay .icon-document, .template-home-business .portfolio-items .overlay .icon-document, .template-home-parallax .portfolio-items .overlay .icon-document, .template-home .portfolio-items .overlay .icon-zoom, .template-home-business .portfolio-items .overlay .icon-zoom, .template-home-parallax .portfolio-items .overlay .icon-zoom {
position:absolute;
top:50%;
left:50%;
margin-top:-28px;
width:57px;
height:57px;
background:#fff url('../images/icons/icon_search.png') left top no-repeat;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
transition:background-color .3s
}
.template-home .portfolio-items .overlay .icon-zoom, .template-home-business .portfolio-items .overlay .icon-zoom, .template-home-parallax .portfolio-items .overlay .icon-zoom {
margin-left:-64px;
background-image:url('../images/icons/icon_search.png')
}
.template-home .portfolio-items .overlay .icon-document, .template-home-business .portfolio-items .overlay .icon-document, .template-home-parallax .portfolio-items .overlay .icon-document {
margin-left:5px;
background-image:url('../images/icons/icon_doc.png')
}
.template-home .portfolio-items .overlay .icon-document:hover, .template-home-business .portfolio-items .overlay .icon-document:hover, .template-home-parallax .portfolio-items .overlay .icon-document:hover, .template-home .portfolio-items .overlay .icon-zoom:hover, .template-home-business .portfolio-items .overlay .icon-zoom:hover, .template-home-parallax .portfolio-items .overlay .icon-zoom:hover {
background-color:#287de7;
background-position:left bottom
}
.template-home .portfolio-items .item:hover .overlay, .template-home-business .portfolio-items .item:hover .overlay, .template-home-parallax .portfolio-items .item:hover .overlay {
opacity:1;
filter:alpha(opacity=100)
}
.template-home .home-skills .progress, .template-home-business .home-skills .progress, .template-home-parallax .home-skills .progress {
margin-bottom:14px
}
.template-home .home-skills, .template-home-business .home-skills, .template-home-parallax .home-skills, .template-home .home-services, .template-home-business .home-services, .template-home-parallax .home-services {
padding-bottom:40px
}
.template-home .pricing-tables, .template-home-business .pricing-tables, .template-home-parallax .pricing-tables {
padding:50px 0
}
.template-home .pricing-tables header.hgroup, .template-home-business .pricing-tables header.hgroup, .template-home-parallax .pricing-tables header.hgroup {
padding-bottom:65px!important
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.template-home section.testimonials .author cite:before, .template-home-business section.testimonials .author cite:before, .template-home-parallax section.testimonials .author cite:before {
background-image:url('../images/arrows/testimonials-pointer%402x.gif');
background-size:15px 8px
}
.template-home section.testimonials .owl-prev, .template-home-business section.testimonials .owl-prev, .template-home-parallax section.testimonials .owl-prev, .template-home section.testimonials .owl-next, .template-home-business section.testimonials .owl-next, .template-home-parallax section.testimonials .owl-next {
background-image:url('../images/arrows/testimonials-pointers%402x.gif');
background-size:70px 70px
}
.template-home .benefits .icon-idea, .template-home-business .benefits .icon-idea, .template-home-parallax .benefits .icon-idea {
background:url('../images/icons/icon_idea%402x.png') center top no-repeat;
background-size:94px 197px
}
.template-home .benefits .icon-id, .template-home-business .benefits .icon-id, .template-home-parallax .benefits .icon-id {
background:url('../images/icons/icon_id%402x.png') center top no-repeat;
background-size:97px 194px
}
.template-home .benefits .icon-star, .template-home-business .benefits .icon-star, .template-home-parallax .benefits .icon-star {
background:url('../images/icons/icon_star%402x.png') center top no-repeat;
background-size:97px 194px
}
.template-home .benefits .icon-clock, .template-home-business .benefits .icon-clock, .template-home-parallax .benefits .icon-clock {
background:url('../images/icons/icon_clock%402x.png') center top no-repeat;
background-size:97px 194px
}
.template-home .portfolio-items .overlay .icon-zoom, .template-home-business .portfolio-items .overlay .icon-zoom, .template-home-parallax .portfolio-items .overlay .icon-zoom {
background-image:url('../images/icons/icon_search%402x.png');
background-size:57px 114px
}
.template-home .portfolio-items .overlay .icon-document, .template-home-business .portfolio-items .overlay .icon-document, .template-home-parallax .portfolio-items .overlay .icon-document {
background-image:url('../images/icons/icon_doc%402x.png');
background-size:57px 114px
}
}
@media only screen and (max-width:1199px) {
.template-home section.portfolio ul.portfolio-categories li a, .template-home-business section.portfolio ul.portfolio-categories li a {
font-size:18px;
font-size:1.8rem
}
}
@media only screen and (max-width:995px) {
.template-home .testimonials blockquote, .template-home-business .testimonials blockquote, .template-home-parallax .testimonials blockquote {
font-size:18px;
font-size:1.8rem;
line-height:1.5em
}
.template-home .testimonials .owl-prev, .template-home-business .testimonials .owl-prev, .template-home-parallax .testimonials .owl-prev {
left:-5px!important
}
.template-home .testimonials .owl-next, .template-home-business .testimonials .owl-next, .template-home-parallax .testimonials .owl-next {
right:-5px!important
}
.template-home section.portfolio ul.portfolio-categories li a, .template-home-business section.portfolio ul.portfolio-categories li a, .template-home-parallax section.portfolio ul.portfolio-categories li a {
font-size:18px;
font-size:1.8rem;
line-height:1.35em;
height:auto!important
}
.template-home section.portfolio ul.portfolio-categories li a span, .template-home-business section.portfolio ul.portfolio-categories li a span, .template-home-parallax section.portfolio ul.portfolio-categories li a span {
line-height:1.35em;
margin-top:-13px;
width:26px;
height:26px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px
}
}
.template-home-business .best-items {
background-color:#f4f4f4;
padding:10px 0 25px 0
}
.template-home-business .best-ratings h3, .template-home-business .reviews h3, .template-home-business .home-best-sellers h3 {
margin-bottom:7px;
font-size:24px;
font-size:2.4rem;
font-family:'Roboto Slab', serif;
padding-top:20px;
font-weight:400
}
.template-home-business .best-ratings .item, .template-home-business .reviews .item, .template-home-business .home-best-sellers .item {
padding-top:20px
}
.template-home-business .best-ratings span.number, .template-home-business .reviews span.number, .template-home-business .home-best-sellers span.number {
position:absolute;
width:34px;
height:34px;
line-height:34px;
font-size:18px;
font-size:1.8rem;
font-family:'Roboto Slab', serif;
color:#fff;
-webkit-border-radius:17px;
-moz-border-radius:17px;
border-radius:17px;
background-color:#287de7;
left:0;
text-align:center;
top:-10px
}
.template-home-business .best-ratings .price, .template-home-business .reviews .price, .template-home-business .home-best-sellers .price {
font-family:'Roboto Slab', serif;
font-size:21px;
font-size:2.1rem;
font-weight:bold;
color:#287de7;
display:inline-block
}
.template-home-business .best-ratings .price .old-price, .template-home-business .reviews .price .old-price, .template-home-business .home-best-sellers .price .old-price {
font-weight:normal!important;
text-decoration:line-through;
color:#504f4f
}
.template-home-business .best-ratings .rating, .template-home-business .reviews .rating, .template-home-business .home-best-sellers .rating {
padding-top:4px;
margin-bottom:4px
}
.template-home-business .best-ratings .owl-pagination, .template-home-business .reviews .owl-pagination, .template-home-business .home-best-sellers .owl-pagination {
bottom:0!important
}
.template-home-business .best-ratings ul, .template-home-business .reviews ul, .template-home-business .home-best-sellers ul {
margin:0;
padding:0;
min-height:355px;
list-style:none
}
.template-home-business .best-ratings ul li:before, .template-home-business .reviews ul li:before, .template-home-business .home-best-sellers ul li:before {
content:'';
display:none
}
.template-home-business .best-ratings ul li, .template-home-business .reviews ul li, .template-home-business .home-best-sellers ul li {
border-bottom:1px solid #e6e6e6;
padding-bottom:15px;
margin-bottom:17px;
min-height:87px
}
.template-home-business .best-ratings ul li:last-child, .template-home-business .reviews ul li:last-child, .template-home-business .home-best-sellers ul li:last-child {
border-bottom:0
}
.template-home-business .best-ratings .thumbnail, .template-home-business .reviews .thumbnail, .template-home-business .home-best-sellers .thumbnail {
position:absolute
}
.template-home-business .best-ratings .thumbnail img, .template-home-business .reviews .thumbnail img, .template-home-business .home-best-sellers .thumbnail img {
border:1px solid transparent;
-webkit-transition:border-color .3s;
-moz-transition:border-color .3s;
-o-transition:border-color .3s;
transition:border-color .3s
}
.template-home-business .best-ratings li:hover .thumbnail img, .template-home-business .reviews li:hover .thumbnail img, .template-home-business .home-best-sellers li:hover .thumbnail img {
border:1px solid #287de7
}
.template-home-business .best-ratings p, .template-home-business .reviews p, .template-home-business .home-best-sellers p {
margin-bottom:0;
line-height:1.35em
}
.template-home-business .best-ratings .text, .template-home-business .reviews .text, .template-home-business .home-best-sellers .text {
padding-left:108px;
min-height:85px
}
.template-home-business .best-ratings a.title, .template-home-business .reviews a.title, .template-home-business .home-best-sellers a.title {
color:#504f4f;
font-size:21px;
font-size:2.1rem;
font-family:'Roboto Slab', serif;
display:block;
margin-bottom:7px
}
.template-home-business .best-ratings a.title:hover, .template-home-business .reviews a.title:hover, .template-home-business .home-best-sellers a.title:hover {
color:#287de7
}
.template-home-business section.blog-posts {
background-color:#f4f4f4;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
padding:50px 0 40px 0;
margin-bottom:45px;
min-height:480px;
overflow:hidden;
position:relative
}
.template-home-business section.blog-posts .jTscroller {
top:0!important;
max-height:none!important
}
.template-home-business section.blog-posts a.item {
width:280px;
display:block!important;
float:left!important;
padding:0 17px
}
.template-home-business section.blog-posts .title {
font-size:21px;
font-size:2.1rem;
font-family:'Roboto Slab', serif;
display:block;
margin-bottom:4px
}
.template-home-business section.blog-posts .description {
color:#504f4f;
display:block;
margin-bottom:7px
}
.template-home-business section.blog-posts .thumbnail {
position:relative;
display:block;
margin-bottom:11px
}
.template-home-business section.blog-posts .thumbnail img {
display:block
}
.template-home-business section.blog-posts .continue-reading:hover {
text-decoration:underline
}
.template-home-business section.blog-posts .thumb-hover {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:#287de7;
background:rgba(40, 125, 231, 0.7)
}
.template-home-business section.blog-posts .date strong {
font-weight:normal;
margin-right:11px;
text-transform:uppercase
}
.template-home-business section.blog-posts .date .comments-count {
color:#504f4f;
margin-left:4px
}
.template-home-business section.blog-posts .jTscrollerPrevButton, .template-home-business section.blog-posts .jTscrollerNextButton {
background-color:#f4f4f4!important;
border:1px solid #287de7;
background-image:url('../images/arrows/testimonials-pointers.gif');
z-index:210;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
top:43%;
margin-top:-17px;
width:35px;
height:35px;
left:10px!important;
position:absolute;
text-indent:-5555em
}
.template-home-business section.blog-posts .jTscrollerPrevButton {
background-position:left top!important;
left:0
}
.template-home-business section.blog-posts .jTscrollerPrevButton:hover {
background-position:left bottom!important;
background-color:#287de7!important
}
.template-home-business section.blog-posts .jTscrollerNextButton {
right:10px!important;
background-position:right top!important;
left:auto!important
}
.template-home-business section.blog-posts .jTscrollerNextButton:hover {
background-position:right bottom!important;
background-color:#287de7!important
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.template-home-business section.blog-posts .jTscrollerPrevButton, .template-home-business section.blog-posts .jTscrollerNextButton {
background-image:url('../images/arrows/testimonials-pointers%402x.gif');
background-size:70px 70px
}
}
@media only screen and (max-width:500px) {
.template-home-business section.blog-posts {
min-height:550px
}
}
#subscribe-form header {
padding-bottom:20px
}
#subscribe-form input[type=text], #subscribe-form input[type=email] {
width:300px;
margin-right:47px;
background-color:#f6f6f6;
color:#504f4f;
border:0;
-webkit-box-shadow:1px 1px 0 #ececec;
-moz-box-shadow:1px 1px 0 #ececec;
box-shadow:1px 1px 0 #ececec;
text-indent:10px;
padding-top:9px;
padding-bottom:9px;
min-width:1px!important
}
#subscribe-form input[type=text]:hover, #subscribe-form input[type=text]:focus, #subscribe-form input[type=email]:hover, #subscribe-form input[type=email]:focus {
-webkit-box-shadow:1px 1px 0 #287de7;
-moz-box-shadow:1px 1px 0 #287de7;
box-shadow:1px 1px 0 #287de7
}
#subscribe-form input[type=text]::-webkit-input-placeholder, #subscribe-form input[type=email]::-webkit-input-placeholder, #subscribe-form textarea::-webkit-input-placeholder {
color:#504f4f!important
}
@media only screen and (max-width:1199px) {
#content #subscribe-form input[type=text], #content #subscribe-form input[type=email] {
width:200px!important
}
}
@media only screen and (max-width:959px) {
.template-home-business .best-ratings .text p, .template-home-business .reviews .text p, .template-home-business .home-best-sellers .text p {
font-size:13px;
font-size:1.3rem
}
.template-home-business .best-ratings a.title, .template-home-business .reviews a.title, .template-home-business .home-best-sellers a.title {
font-size:16px;
font-size:1.6rem;
line-height:1.3em
}
#content #subscribe-form input[type=text], #content #subscribe-form input[type=email] {
margin-right:20px!important;
width:180px!important
}
}
@media only screen and (max-width:767px) {
.template-home-business .best-ratings .text p, .template-home-business .reviews .text p, .template-home-business .home-best-sellers .text p {
font-size:14px;
font-size:1.4rem
}
.template-home-business .best-ratings a.title, .template-home-business .reviews a.title, .template-home-business .home-best-sellers a.title {
font-size:21px;
font-size:2.1rem;
line-height:1.4em
}
#content #subscribe-form input[type=text], #content #subscribe-form input[type=email] {
display:block!important;
width:100%!important;
margin-bottom:13px
}
#content #subscribe-form fieldset {
padding:0 15px
}
}
.template-home-business #content, .template-home #content {
padding-top:0!important
}
.template-home-business section.slider, .template-home section.slider {
padding-top:0!important
}
.template-home-business section.slider .items, .template-home section.slider .items {
height:612px;
overflow:hidden
}
.template-home-business section.slider img, .template-home section.slider img {
border-radius:0!important
}
.template-home-business img.lazyOwl, .template-home img.lazyOwl {
min-height:612px;
background:url('../images/loader_w.gif') center center no-repeat
}
.template-home-business .slider-carousel .items, .template-home .slider-carousel .items {
padding-top:0!important
}
.template-home-business .slider-carousel .items img, .template-home .slider-carousel .items img {
float:left
}
.template-home-business .owl-pagination, .template-home .owl-pagination, .template-home-business .owl-controls, .template-home .owl-controls {
padding:0!important
}
.template-home-business .owl-pagination, .template-home .owl-pagination {
position:absolute!important;
bottom:25px!important;
left:0;
right:0;
text-align:center
}
.template-home-business .owl-prev, .template-home .owl-prev, .template-home-business .owl-next, .template-home .owl-next {
background:#000;
z-index:210;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
top:50%;
margin-top:-17px;
width:35px;
height:35px;
left:35px;
position:absolute;
text-indent:-5555em
}
.template-home-business .owl-prev:hover, .template-home .owl-prev:hover, .template-home-business .owl-next:hover, .template-home .owl-next:hover {
background-color:#287de7
}
.template-home-business .owl-prev, .template-home .owl-prev {
background-image:url('../images/arrows/gallery-pointers.gif');
background-position:left top
}
.template-home-business .owl-next, .template-home .owl-next {
background-image:url('../images/arrows/gallery-pointers.gif');
background-position:right top;
right:35px;
left:auto
}
.template-home-business .owl-controls, .template-home .owl-controls {
font-size:0;
height:0;
line-height:0!important;
margin:0!important
}
.template-home-business .layer, .template-home .layer, .template-home-business img.layer, .template-home img.layer {
position:absolute!important;
z-index:750!important;
opacity:0;
filter:alpha(opacity=0);
float:none!important;
height:auto!important
}
/* Aca banner 2*/
.template-home-business .layer-logo-mis-ladrillos, .template-home .layer-logo-mis-ladrillos {
bottom:0;
right:66%;
}
/* Muñeco banner 2*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
bottom:27.5%;
right:69%
}
.template-home-business img.layer-wp, .template-home img.layer-wp {
top:30%;
left:25%
}
/*Mis Ladrillos banner 2*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
top:29%;
left:31.5%
}
/*33 - 35*/
.template-home-business img.layer-html, .template-home img.layer-html {
right:20%;
top:45%;
z-index:5
}
/*r 15 t 30*/
.template-home-business img.layer-css, .template-home img.layer-css {
right:10%;
top:30%
}
.template-home-business img.layer-devices, .template-home img.layer-devices {
bottom:15%;
left:19%
}
/*left 15*/
.template-home-business .layer-girl, .template-home .layer-girl {
bottom:0;
right:22%;
z-index:4
}
.template-home-business .layer-screen, .template-home .layer-screen {
bottom:0;
left:20%;
z-index:5
}
.template-home-business .layer-screen-small, .template-home .layer-screen-small {
bottom:0;
left:35%;
z-index:4
}
/*Tu corralon de siempre banner 2*/
.template-home-business .layer-header-1, .template-home .layer-header-1 {
font-size:48px;
font-size:4.5rem;
text-shadow: 2px 2px 2px #212121,
0px 0px 2px #212121,
0px 0px 4px #212121;
color:#FFF;
font-weight:bolder;
font-family:'Roboto Slab', serif;
top:52%;
left:34%;
z-index:15
}
/*Todo en materiales para la construccion banner 2*/
.template-home-business .layer-header-2, .template-home .layer-header-2 {
font-size:21px;
font-size:3rem;
font-weight: bold;
color: #033A7D;
text-shadow: 2px 2px 0px #FFF,
0px 0px 4px #FFF,
0px 0px 6px #FFF,
0px 0px 10px #FFF;
top:64%;
left:32%;
z-index:14
}
/*Mis ladrillos*/
.template-home-business .item-3 .layer.tablet, .template-home .item-3 .layer.tablet {
bottom:56%;/*70*/
right:29.2%;/*15 - 25 tamaño normal de la notebook*/
z-index:5!important
}
/*Tu corralon de siempre*/
.template-home-business .item-3 .layer-header, .template-home .item-3 .layer-header {
font-family:'Roboto Slab', serif;
font-size:48px;
font-size:5.2rem; /*4.8rem*/
color:#FFFFFF;
text-shadow: 1px 1px 1px #000,
2px 2px 5px #1D229A;
top:50%; /*40*/
left:36%; /*20*/
text-align:center;
z-index:15
}
/*Todo lo que necesitas para construir*/
.template-home-business .item-3 .layer-text, .template-home .item-3 .layer-text {
font-size:21px;
font-size:3rem;
text-shadow: 1px 1px 1px #FFFFFF,
3px 3px 8px #FFFFFF;
font-weight: bold;
line-height:1.5em;
color:#033A7D;/*#033A7D #BD261F*/
text-align:center;
width:530px; /*500*/
top:60%;/*50 - 52*/
left:36%;/*20 - 22*/
z-index:14
}
/*Boton Pedir cotizacion*/
.template-home-business .item-3 .layer-buttons, .template-home .item-3 .layer-buttons {
top:73%; /*70*/
left:44%;/*20 - 23 - 30*/
width:200px;/*180 - 200px*/
text-align:center;
z-index:15
}
.template-home-business .item-3 .layer-buttons a.button.dark, .template-home .item-3 .layer-buttons a.button.dark {
margin-left:50px;/*50*/
white-space:normal!important
}
/*Muñeco Mis Ladrillos*/
.template-home-business .item-3 .layer.phone, .template-home .item-3 .layer.phone {
bottom:19%;/*1 - 12*/
right:70%;/*25 - 22 tamaño normal de la notebook*/
max-width: 330px;
z-index:7!important
}
.boxed-layout.template-home-business section.slider .layer-sweety, .boxed-layout.template-home section.slider .layer-sweety {
right:26%;
z-index:100
}
.boxed-layout.template-home-business section.slider img.layer-wp, .boxed-layout.template-home section.slider img.layer-wp {
left:5%
}
.boxed-layout.template-home-business section.slider img.layer-woocommerce, .boxed-layout.template-home section.slider img.layer-woocommerce {
left:30%;
z-index:50
}
.boxed-layout.template-home-business section.slider img.layer-html, .boxed-layout.template-home section.slider img.layer-html {
top:50%;
right:50%
}
/*right 15*/
.boxed-layout.template-home-business section.slider img.layer-css, .boxed-layout.template-home section.slider img.layer-css {
right:10%
}
.boxed-layout.template-home-business section.slider img.layer-devices, .boxed-layout.template-home section.slider img.layer-devices {
left:20%
}
.boxed-layout.template-home-business section.slider .layer-girl, .boxed-layout.template-home section.slider .layer-girl {
bottom:0;
right:32%
}
.boxed-layout.template-home-business section.slider .layer-screen, .boxed-layout.template-home section.slider .layer-screen {
bottom:0;
left:5%
}
.boxed-layout.template-home-business section.slider .layer-screen-small, .boxed-layout.template-home section.slider .layer-screen-small {
bottom:0;
left:25%
}
.boxed-layout.template-home-business section.slider .layer-header-1, .boxed-layout.template-home section.slider .layer-header-1 {
left:5%
}
.boxed-layout.template-home-business section.slider .layer-header-2, .boxed-layout.template-home section.slider .layer-header-2 {
left:5%
}
.boxed-layout.template-home-business section.slider .item-3 .layer-header, .boxed-layout.template-home section.slider .item-3 .layer-header {
left:10%
}
.boxed-layout.template-home-business section.slider .item-3 .layer-text, .boxed-layout.template-home section.slider .item-3 .layer-text {
left:10%
}
.boxed-layout.template-home-business section.slider .item-3 .layer-buttons, .boxed-layout.template-home section.slider .item-3 .layer-buttons {
left:10%;/*10*/
}
.boxed-layout.template-home-business section.slider .item-3 .layer.tablet, .boxed-layout.template-home section.slider .item-3 .layer.tablet {
right:25%;/*25*/
}
.boxed-layout.template-home-business section.slider .item-3 .layer.phone, .boxed-layout.template-home section.slider .item-3 .layer.phone {
right:35%
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
.template-home-business img.lazyOwl, .template-home img.lazyOwl {
background-image:url('../images/loader_w%402x.html');
background-size:48px 48px
}
.template-home-business .owl-prev, .template-home .owl-prev, .template-home-business .owl-next, .template-home .owl-next {
background-image:url('../images/arrows/gallery-pointers%402x.gif');
background-size:70px 35px
}
}
@media only screen and (max-width:1920px) {
/*Muñeco banner img frente 1920*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
width:260px
}
}
@media only screen and (max-width:1600px) {
.template-home-business section.slider .items, .template-home section.slider .items {
height:505px;
overflow:hidden
}
.template-home-business img.lazyOwl, .template-home img.lazyOwl {
min-height:505px
}
/*Muñeco banner img frente 1600*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
width:210px
}
.template-home-business .layer-girl, .template-home .layer-girl {
width:280px
}
/*Muñeco banner img lateral 1600*/
.template-home-business .layer.phone, .template-home .layer.phone {
width:240px; /*300*/
top:23%!important;
}
/*Mis ladrillos 1600*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:650px; /*350 - 732*/
left: 34%!important;
}
/*Todo lo que necesitas para construir 1600*/
.template-home-business .layer-text, .template-home .layer-text {
left:37.1%!important;
font-size: 3.2rem!important;
}
/*Boton pedir cotizacion 1600*/
.template-home-business .item-3 .layer-buttons, .template-home .item-3 .layer-buttons {
left:48%!important;
}
.template-home-business .layer-screen, .template-home .layer-screen, .template-home-business .layer-screen-small, .template-home .layer-screen-small {
bottom:-80px!important
}
}
@media only screen and (max-width:1280px) {
/*Mis ladrillos 1280*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:650px; /*350 - 732*/
left: 32%!important;
}
/*Tu corralon de siempre 1280*/
.template-home-business .layer-header, .template-home .layer-header {
left:34%!important;
/*font-size: 3.8rem!important;*/
}
/*Todo lo que necesitas para construir 1280*/
.template-home-business .layer-text, .template-home .layer-text {
left:35%!important;
font-size: 3rem!important;
}
/*Boton pedir cotizacion 1280*/
.template-home-business .item-3 .layer-buttons, .template-home .item-3 .layer-buttons {
left:48%!important;
}
/*BANNER 2*/
/* Muñeco banner 2 - 1280*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
/*bottom:27.5%;*/
right:73%
}
/*Mis Ladrillos banner 2 - 1280*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
left:27%
}
/*Tu corralon de siempre banner 2 - 1280*/
.template-home-business .layer-header-1, .template-home .layer-header-1 {
left:31%;
}
/*Todo en materiales para la construccion banner 2 - 1280*/
.template-home-business .layer-header-2, .template-home .layer-header-2 {
left:28%;
}
}
@media only screen and (max-width:1199px) {
.template-home-business section.slider .items, .template-home section.slider .items {
height:auto;
overflow:hidden
}
.template-home-business img.lazyOwl, .template-home img.lazyOwl {
min-height:1px
}
/*Muñeco banner img frente 1199*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
width:160px
}
.template-home-business img.layer-wp, .template-home img.layer-wp {
width:275px
}
/* Muñeco banner 2 - 1199*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
right:69%
}
/*Mis Ladrillos banner 2 - 1199*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
left:32%;
width:550px
}
/*Tu corralon de siempre banner 2 - 1199*/
.template-home-business .layer-header-1, .template-home .layer-header-1 {
font-size:3.3rem;
left:35%;
}
/*Todo en materiales para la construccion banner 2 - 1199*/
.template-home-business .layer-header-2, .template-home .layer-header-2 {
font-size:2.2rem;
left:33%;
}
.template-home-business img.layer-html, .template-home img.layer-html {
width:45px
}
.template-home-business img.layer-css, .template-home img.layer-css {
width:45px
}
.template-home-business img.layer-devices, .template-home img.layer-devices {
width:240px
}
.template-home-business .layer-girl, .template-home .layer-girl {
width:150px;
right:15%
}
.template-home-business .layer-screen, .template-home .layer-screen {
width:300px
}
.template-home-business .layer-screen-small, .template-home .layer-screen-small {
width:210px
}
/*Muñeco Mis Ladrillos 1199*/
.template-home-business .layer.phone, .template-home .layer.phone {
width:172px;/*220 154 (= x -26.67% )*/
right:72%!important; /*15% posiscion en ventana achicada 75 porciento*/
}
/*Mis ladrillos 1199*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:44%!important;/*270 (= x -22.8571% )565 495 tamaño*/
left:28%!important; /*5% - 37% posiscion en ventana achicada 75 porciento - 37*/
}
/*Todo lo que necesitas para construir 1199*/
.template-home-business .layer-text, .template-home .layer-text {
left:27%!important; /*10*/
font-size: 2.4rem!important;
text-shadow: 12px 12px 12px #FFFFFF,
3px 3px 8px #FFFFFF;
}
/*Boton pedir cotizacion 1199*/
.template-home-business .item-3 .layer-buttons, .template-home .item-3 .layer-buttons {
left:40%!important; /*10%*/
}
/*Tu corralon de siempre 1199*/
.template-home-business .layer-header, .template-home .layer-header {
left:31.5%!important;/*10*/
font-size: 3.8rem!important;
}
.boxed-layout.template-home-business section.slider .layer-girl, .boxed-layout.template-home section.slider .layer-girl {
right:25%
}
.boxed-layout.template-home-business section.slider img.layer-html, .boxed-layout.template-home section.slider img.layer-html {
display:none
}
.boxed-layout.template-home-business section.slider .layer.phone, .boxed-layout.template-home section.slider .layer.phone {
right:20%!important
}
.boxed-layout.template-home-business section.slider .layer.tablet, .boxed-layout.template-home section.slider .layer.tablet {
right:20%!important; /*20% este corrigio la posicion cundo la pantalla es mas chica*/
}
.boxed-layout.template-home-business .take-tour a.pull-right, .boxed-layout.template-home .take-tour a.pull-right {
margin-right:10px!important
}
}
@media only screen and (max-width:959px) {
/* Muñeco banner 2 - 959*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
width:120px;
}
.template-home-business img.layer-wp, .template-home img.layer-wp {
width:205px
}
/*Mis Ladrillos banner 2 - 959*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
width:420px
}
.template-home-business img.layer-html, .template-home img.layer-html {
width:35px
}
.template-home-business img.layer-css, .template-home img.layer-css {
width:35px
}
.template-home-business img.layer-devices, .template-home img.layer-devices {
width:140px
}
.template-home-business img.layer-girl, .template-home img.layer-girl {
width:150px;
right:7%!important
}
.template-home-business img.layer-screen, .template-home img.layer-screen {
bottom:-140px!important
}
.template-home-business img.layer-screen-small, .template-home img.layer-screen-small {
bottom:-140px!important
}
/*Tu corralon de siempre banner 2 - 959*/
.template-home-business .layer-header-1, .template-home .layer-header-1 {
font-size:2.7rem;
left:34.2%
}
/*Todo en materiales para la construccion banner 2 - 959*/
.template-home-business .layer-header-2, .template-home .layer-header-2 {
font-size:1.7rem;
left:33%;
}
/*Muñeco 959*/
.template-home-business .layer.phone, .template-home .layer.phone {
width:150px!important; /*170 (= x -43.33% )120 */
right:70%!important; /*15% - 30% Tamaño cuando la pantalla esta al 50 porciento*/
}
/*Mis ladrillos 959*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:45%!important; /*220 (= x -37.14% ) 430*/
left:31.2%!important; /*5% - Tamaño cuando la pantalla esta al 50 porciento*/
}
/*Todo lo que necesitas para construir*/
.template-home-business .layer-text, .template-home .layer-text {
left:23.5%!important;
top:60%!important;/*35%*/
font-size: 2rem!important;
}
/*Boton pedir cotizacion 959*/
.template-home-business .item-3 .layer-buttons, .template-home .item-3 .layer-buttons {
left:40%!important; /*10% - 22 Tamaño cuando la pantalla esta al 50 porciento*/
top:75%!important; /*70*/
}
/*Tu corralon de siempre 959*/
.template-home-business .layer-header, .template-home .layer-header {
top:48%!important; /*15% posiion cunado el monitor es mas chico*/
left:33%!important;
font-size:35px!important;
font-size:3.5rem!important
}
.boxed-layout.template-home-business section.slider .layer-girl, .boxed-layout.template-home section.slider .layer-girl {
right:25%!important
}
}
@media only screen and (max-width:767px) {
/*Mis ladrillos 767*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:42.5%!important; /*220 (= x -37.14% ) 430*/
left:36%!important; /*5% - Tamaño cuando la pantalla esta al 50 porciento*/
}
/*Tu corralon de siempre 767*/
.template-home-business .layer-header, .template-home .layer-header {
font-size:18px!important;
font-size:2rem!important;
left: 41.5%!important;
}
/*Todo lo que necesitas para construir 767*/
.template-home-business .layer-text, .template-home .layer-text {
font-size:14px!important;/*14*/
font-size:1.4rem!important;
line-height:1.3em!important;
width:250px!important;
left: 39.5%!important;
}
/*Boton pedir cotizacion 767*/
.template-home-business .item-3 .layer-buttons, .template-home .item-3 .layer-buttons {
display:none;
max-width: 50%!important;
}
/*Muñeco 767*/
.template-home-business .layer.phone, .template-home .layer.phone {
width:15%!important; /*170 (= x -43.33% )120 */
right:65%!important; /*15% - 30% Tamaño cuando la pantalla esta al 50 porciento*/
top: 22%!important;
}
/* BANNER 2 */
/*Muñeco banner 2 - 767*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
width:100px;
}
/*Mis Ladrillos banner 2 - 767*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
width:360px
}
/*Tu corralon de siempre banner 2 - 767*/
.template-home-business .layer-header-1, .template-home .layer-header-1 {
font-size:2.2rem;
top:50%;
left:35%;
}
/*Todo en materiales para la construccion banner 2 - 767*/
.template-home-business .layer-header-2, .template-home .layer-header-2 {
font-size:1.44rem;
top:62%;
}
}
@media only screen and (max-width:500px) {
/*Muñeco banner img frente 500*/
/*Muñeco banner 2 - 500*/
.template-home-business .layer-sweety, .template-home .layer-sweety {
/*width:50px*/
display: none;
}
.template-home-business img.layer-wp, .template-home img.layer-wp {
width:105px
}
/*Mis Ladrillos banner 2 - 500*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
width:250px;
left: 25%;
}
.template-home-business img.layer-html, .template-home img.layer-html {
width:15px
}
.template-home-business img.layer-css, .template-home img.layer-css {
width:15px
}
.template-home-business img.layer-devices, .template-home img.layer-devices {
width:70px
}
.template-home-business img.layer-girl, .template-home img.layer-girl {
width:100px;
top:0!important;
bottom:auto!important;
right:7%!important
}
.template-home-business img.layer-screen, .template-home img.layer-screen {
bottom:-280px!important
}
.template-home-business img.layer-screen-small, .template-home img.layer-screen-small {
bottom:-280px!important
}
/*Tu corralon de siempre banner 2 - 500*/
.template-home-business .layer-header-1, .template-home .layer-header-1 {
font-size:1.5rem;
left:29%;
}
/*Todo en materiales para construccion banner 2 - 500*/
.template-home-business .layer-header-2, .template-home .layer-header-2 {
font-size:1rem;
left: 26%;
}
/*Mis ladrillos 500*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:45.714%!important;/*120 (= x - 65.714%) 251*/
left:29%!important;/*5% - 33 Modifica el tamaño cuando la pantalla esta al minimo*/
}
/*Tu corralon de siempre 500*/
.template-home-business .layer-header, .template-home .layer-header {
font-size:1.8rem!important;
left: 31%!important;
top: 44%!important;
}
/*Todo lo que necesitas para construir 500*/
.template-home-business .layer-text, .template-home .layer-text {
font-size:1.3rem!important;
/*line-height:1.3em!important;
width:250px!important;*/
left: 25.5%!important;
}
/*Muñeco 500*/
.template-home-business .layer.phone, .template-home .layer.phone {
display: none;
width:50px!important;/*70 (= x - 76.66%) */
right:70%!important; /*5% - Modifica el tamaño cuando la pantalla esta al minimo*/
}
/*Boton pedir cotizacion 500*/
.template-home-business .layer-buttons, .template-home .layer-buttons {
/*display:none!important*/
max-width: 75%!important;
}
}
@media only screen and (max-width:414px) {/*Iphone*/
/*Muñeco 414*/
.template-home-business .layer.phone, .template-home .layer.phone{
display:none!important;
}
/*Mis ladrillos 414*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:49%!important;
left:27.2%!important;
top:24%!important;
}
/*Tu corralon de siempre 414*/
.template-home-business .layer-header, .template-home .layer-header {
font-size:1.6rem!important;
left: 29.5%!important;
top: 41%!important;
}
/*Todo lo que necesitas para construir 414*/
.template-home-business .layer-text, .template-home .layer-text {
font-size:1rem!important;
left: 20%!important;
top: 62%!important;
}
/*Mis Ladrillos banner 2 - 414*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
width:195px;
left: 27.5%;
top: 28%;
}
/*Tu corralon de siempre banner 2 - 414*/
.template-home-business .layer-header-1, .template-home .layer-header-1 {
font-size:1.25rem;
left:30%;
top: 45%;
}
/*Todo en materiales para construccion banner 2 - 414*/
.template-home-business .layer-header-2, .template-home .layer-header-2 {
font-size:.82rem;
text-shadow: 1px 1px 0px #FFF,
0px 0px 2px #FFF,
0px 0px 3px #FFF;
top:57%;
left: 27.5%;
}
}
@media only screen and (max-width:375px) {/*Iphone*/
/*Muñeco 375 - Todo lo que necesitas para construir 375 - Tu corralon de siempre 375*/
.template-home-business .layer.phone, .template-home .layer.phone,
.template-home-business .layer-text, .template-home .layer-text,
.template-home-business .layer-header, .template-home .layer-header{
display:none!important;
}
/*Mis ladrillos 375*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:49%!important;/*120 (= x - 65.714%) 251*/
left:27.2%!important;
top:39%!important;
}
/*Tu corralon de siempre - Todo en materiales para construccion banner 2 - 375*/
.template-home-business .layer-header-1, .template-home .layer-header-1,
.template-home-business .layer-header-2, .template-home .layer-header-2 {
display:none!important;
}
/*Mis Ladrillos banner 2 - 375*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
width:185px;
left: 27%;
top: 39.5%;
}
}
@media only screen and (max-width:360px) { /*Samsung*/
/*Muñeco 360 - Todo lo que necesitas para construir 360 - Tu corralon de siempre 360*/
.template-home-business .layer.phone, .template-home .layer.phone,
.template-home-business .layer-text, .template-home .layer-text,
.template-home-business .layer-header, .template-home .layer-header{
display:none!important;
}
/*Mis ladrillos 360*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:49%!important;/*120 (= x - 65.714%) 251*/
left:27.2%!important;
top:39%!important;
}
/*Tu corralon de siempre - Todo en materiales para construccion banner 2 - 360*/
.template-home-business .layer-header-1, .template-home .layer-header-1,
.template-home-business .layer-header-2, .template-home .layer-header-2 {
display:none!important;
}
/*Mis Ladrillos banner 2 - 360*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
width:170px;
left: 28%;
top: 39.5%;
}
}
@media only screen and (max-width:320px) {/*Iphone*/
/*Muñeco 320 - Todo lo que necesitas para construir 320 - Tu corralon de siempre 320*/
.template-home-business .layer.phone, .template-home .layer.phone,
.template-home-business .layer-text, .template-home .layer-text,
.template-home-business .layer-header, .template-home .layer-header{
display:none!important;
}
/*Mis ladrillos 320*/
.template-home-business .layer.tablet, .template-home .layer.tablet {
width:49%!important;/*120 (= x - 65.714%) 251*/
left:27.2%!important;
top:39%!important;
}
/*Tu corralon de siempre - Todo en materiales para construccion banner 2 - 320*/
.template-home-business .layer-header-1, .template-home .layer-header-1,
.template-home-business .layer-header-2, .template-home .layer-header-2 {
display:none!important;
}
/*Mis Ladrillos banner 2 - 320*/
.template-home-business img.layer-woocommerce, .template-home img.layer-woocommerce {
width:160px;
left: 26%;
top: 39.1%;
}
}
.template-home-parallax header.small.menu-scrolled {
margin-bottom:0;
display:none
}
.template-home-parallax #content {
padding-top:0!important
}
.template-home-parallax .parallax {
position:relative;
min-height:613px;
border:1px solid transparent
}
.template-home-parallax .first.parallax {
background:url('../images/temp/parallax_1.jpg') center top repeat fixed
}
.template-home-parallax .first.parallax .wrapper {
padding-top:235px;
text-align:center
}
.template-home-parallax .first.parallax h1 {
font-size:48px;
font-size:4.8rem;
font-family:'Roboto Slab', serif
}
.template-home-parallax .first.parallax p {
font-family:'Roboto Slab', serif;
font-size:21px;
font-size:2.1rem;
margin-bottom:4px
}
.template-home-parallax .first.parallax a.button {
line-height:75px
}
.template-home-parallax .first.parallax h1, .template-home-parallax .first.parallax p {
display:inline-block;
padding:4px 13px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:rgba(0, 0, 0, 0.4);
color:#fff
}
.template-home-parallax .second.parallax {
background:url('../images/temp/parallax_2.jpg') center top repeat fixed
}
.template-home-parallax .second.parallax .wrapper {
padding-top:235px;
text-align:center
}
.template-home-parallax .second.parallax h3 {
font-size:36px;
font-size:3.6rem;
font-family:'Roboto Slab', serif;
margin-bottom:5px!important;
line-height:1.5em
}
.template-home-parallax .second.parallax p:last-child {
font-family:'Roboto Slab', serif;
font-size:16px;
font-size:1.6rem;
margin-bottom:35px
}
.template-home-parallax .second.parallax h3, .template-home-parallax .second.parallax p {
display:inline-block;
padding:4px 13px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:rgba(0, 0, 0, 0.4);
color:#fff;
line-height:1.5em
}
.template-home-parallax .second.parallax input[type=text], .template-home-parallax .second.parallax input[type=email] {
margin-right:50px;
padding:6px 15px!important;
width:287px;
min-width:1px!important
}
.template-home-parallax .second.parallax input[type=submit] {
padding:5px 30px!important
}
.template-home-parallax .third.parallax {
background:url('../images/temp/parallax_3.jpg') center top repeat fixed;
position:relative
}
.template-home-parallax .third.parallax .wrapper {
position:relative;
min-height:613px
}
.template-home-parallax .third.parallax h3 {
position:absolute;
top:285px;
padding:4px 13px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:rgba(0, 0, 0, 0.4);
color:#fff;
font-size:36px;
font-size:3.6rem;
margin-bottom:5px!important;
line-height:1.5em;
left:2%;
font-family:'Roboto Slab', serif!important
}
.template-home-parallax .third.parallax .images {
position:absolute;
width:460px;
height:500px;
bottom:60px;
right:2%
}
.template-home-parallax .third.parallax .images .tablet {
width:326px;
height:auto!important;
right:0
}
.template-home-parallax .third.parallax .images .phone {
width:330px;
height:auto!important
}
.template-home-parallax .third.parallax .images img {
position:absolute;
bottom:0
}
.template-home-parallax section.portfolio {
padding:50px 0 0 0
}
.template-home-parallax section.portfolio .wrapper {
overflow-x:hidden
}
.template-home-parallax section.portfolio .items {
overflow:hidden;
padding:0 0 15px 0;
margin-top:-70px;
margin-left:-5px
}
.template-home-parallax section.portfolio .item {
width:270px;
height:440px!important;
position:relative;
display:inline-block;
margin-left:24px
}
.template-home-parallax section.portfolio i.menu-angle {
float:right;
margin-top:7px;
background:url('../images/arrows/btn-arr.gif') no-repeat;
width:6px;
height:9px
}
.template-home-parallax section.portfolio .links {
position:absolute;
top:170px;
left:50%;
opacity:0;
filter:alpha(opacity=0);
z-index:20;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.template-home-parallax section.portfolio .links a {
display:block;
vertical-align:middle;
margin:7px 0;
border:1px solid #fff;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:4px 13px;
width:135px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
margin-left:-67px
}
.template-home-parallax section.portfolio .desc {
position:absolute;
top:390px;
width:270px;
text-align:center
}
.template-home-parallax section.portfolio .desc h4 {
font-family:'Roboto Slab', serif;
font-size:21px;
font-size:2.1rem;
font-weight:300;
margin-bottom:4px!important
}
.template-home-parallax section.portfolio .desc p {
margin-bottom:0
}
.template-home-parallax section.portfolio .item:hover .links {
opacity:1;
filter:alpha(opacity=100)
}
.template-home-parallax section.portfolio .hexagon {
position:absolute;
width:270px;
height:600px;
top:-85px;
overflow:hidden;
visibility:hidden;
-webkit-transform:rotate(120deg);
-moz-transform:rotate(120deg);
-o-transform:rotate(120deg);
-ms-transform:rotate(120deg);
transform:rotate(120deg);
cursor:pointer
}
.template-home-parallax section.portfolio .hexagon-in1 {
overflow:hidden;
width:100%;
height:100%;
-webkit-transform:rotate(-60deg);
-moz-transform:rotate(-60deg);
-o-transform:rotate(-60deg);
-ms-transform:rotate(-60deg);
transform:rotate(-60deg)
}
.template-home-parallax section.portfolio .hexagon-in2 {
overflow:hidden;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:50%;
visibility:visible;
position:relative;
-webkit-transform:rotate(-60deg);
-moz-transform:rotate(-60deg);
-o-transform:rotate(-60deg);
-ms-transform:rotate(-60deg);
transform:rotate(-60deg)
}
.template-home-parallax section.portfolio .hexagon-in2 .overflow {
left:0;
right:0;
bottom:0;
top:0;
position:absolute;
opacity:0;
filter:alpha(opacity=0);
background:rgba(40, 125, 231, 0.7);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.template-home-parallax section.portfolio .item:hover .hexagon-in2 .overflow {
opacity:1;
filter:alpha(opacity=100)
}
.template-home-parallax .new-arrivals {
margin-bottom:-50px
}
.template-home-parallax .new-arrivals .item {
padding-bottom:0!important
}
.template-home-parallax .new-arrivals .item .rating {
margin-bottom:11px
}
.template-home-parallax .new-arrivals .item .rating span {
margin-left:7px
}
.template-home-parallax .new-arrivals .owl-pagination {
padding:0!important
}
@media only screen and (max-width:1199px) {
.template-home-parallax .second.parallax input[type=text], .template-home-parallax .second.parallax input[type=email] {
width:200px
}
}
@media only screen and (max-width:959px) {
.template-home-parallax .second.parallax input[type=text], .template-home-parallax .second.parallax input[type=email] {
width:170px;
margin-right:20px!important
}
.template-home-parallax .third.parallax {
text-align:center
}
.template-home-parallax .third.parallax h3 {
font-size:30px;
font-size:3rem;
position:static!important;
display:inline-block;
margin-top:90px;
right:auto;
text-align:center;
left:auto
}
.template-home-parallax .third.parallax .images {
width:340px;
bottom:90px;
right:50%;
margin-right:-170px
}
.template-home-parallax .third.parallax .images .tablet {
width:226px
}
.template-home-parallax .third.parallax .images .phone {
width:230px;
left:0
}
}
@media only screen and (max-width:767px) {
.template-home-parallax .first.parallax .wrapper {
padding-top:175px
}
.template-home-parallax .first.parallax p {
font-size:16px;
font-size:1.6rem;
line-height:1.5em
}
.template-home-parallax .second.parallax .wrapper {
padding-top:175px
}
.template-home-parallax .second.parallax h3 {
font-size:30px;
font-size:3rem;
line-height:1.3em
}
.template-home-parallax .second.parallax input[type=text], .template-home-parallax .second.parallax input[type=email] {
width:80%;
display:block;
margin:0 auto 18px auto!important
}
}
.slider-marcas {
width:100%;
margin:auto;
overflow:hidden;
}
.slider-marcas ul {
display:flex;
padding:0;
width:300%;
animation:cambio 7s infinite;
animation-direction: alternate;
animation-timing-function:linear;
}
.slider-marcas li {
width:100%;
}
.slider-marcas img {
width:100%
}
@keyframes cambio {
0% {margin-left: 0;}
25% {margin-left: 0;}
30% {margin-left: -100%;}
70% {margin-left: -100%;}
75% {margin-left: -200%;}
100% {margin-left: -200%;}
}
.linea-gris {
border-bottom:solid 1px #D9D9D9;
margin-top:4px;
width:100%;
clear:left
}
/*@keyframes cambio {
0%, 45% {
margin-left:0
}
50%, 95% {
margin-left:-100%
}
}*/
/* ------------------------- */
/* POPUP */
/* ------------------------- */
.overlay {
background: rgba(0,0,0,.8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
justify-content: center;
display: flex;
animation: overlay .2s 2s ease forwards;
visibility: hidden;
opacity: 0;
z-index: 100000;
}
.popup {
padding: 20px;
margin-top: 40px;
width: 60%;
height: auto;
max-width: 650px;
background: #F8F8F8;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
border-radius: 5px;
text-align: center;
position: relative;
animation: popup .2s 3s ease forwards;
visibility: hidden;
opacity: 0;
}
#cerrar {
position: absolute;
top: 20px;
right: 50px;
font-size: 50px;
cursor: pointer;
z-index: 100010;
color: #FF0610;
animation: overlay .2s 2s forwards;
visibility: hidden;
opacity: 0;
} /*#287de7*/
.overlay #cerrar:hover {
color: #fff
}
.popup h2{
font-size: 36px;
font-weight: 300;
margin-bottom: 10px;
animation: popup 1.1s 3s ease forwards;
visibility: hidden;
opacity: 0;
}
.popup h3 {
font-size: 25px;
font-weight: 300;
margin-bottom: 8px;
animation: popup 1s 3.4s ease forwards;
visibility: hidden;
opacity: 0;
}
.popup img {
width: 260px;
height: auto;
animation: popup 1s 3.8s ease forwards;
visibility: hidden;
opacity: 0;
}
/* ------------------------- */
/* ANIMACIONES */
/* ------------------------- */
@keyframes popup {
from {
transform: scale(.7);
}
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
@keyframes overlay {
100% {
visibility: visible;
opacity: 1;
}
}