/* ==========================================================================
Main Screen CSS (Theme Name)
========================================================================== */
/* Table of contents
========================================================================== */
/**
* == Core CSS ==
*
* Base ................ Global classes, wp defaults
* Colors .............. Define defaul colors
* Typography .......... (H1-6), code, span, etc
* Form ................ Form builder, search, submition, etc.
* Tables .............. Simple and Fancy tables like pricing tables
* Buttons ............. All kind of buttons, social links
* Animations .......... Define animations (keyframes)
*
* == Components ==
*
* Header ................ Base header elements: logo, menu
* Footer ................ Big and Small area in footer
* Boxes ................. All models of boxes
* Sidebar ................. All widgets
* Icons ................. Define the icons used in the project
* UI .................... Elements used as shortcode & custom posts
* JS plugins .................... Css helper for javascripts plugins
*/
/* Base
========================================================================== */
/* Root elements & helpers */
@charset "UTF-8";
/* Font import */
@font-face {
font-family: "AntonioRegular";
src: url('../fonts/antonio-regular-webfont.eot');
src: url('../fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/antonio-regular-webfont.woff') format('woff'),
url('../fonts/antonio-regular-webfont.ttf') format('truetype'),
url('../fonts/antonio-regular-webfont.svg#AntonioRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AntonioLight';
src: url('../fonts/antonio-light-webfont.eot');
src: url('../fonts/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/antonio-light-webfont.woff') format('woff'),
url('../fonts/antonio-light-webfont.ttf') format('truetype'),
url('../fonts/antonio-light-webfont.svg#AntonioLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AntonioBold';
src: url('../fonts/antonio-bold-webfont.eot');
src: url('../fonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/antonio-bold-webfont.woff') format('woff'),
url('../fonts/antonio-bold-webfont.ttf') format('truetype'),
url('../fonts/antonio-bold-webfont.svg#AntonioBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoRegular';
src: url('../fonts/roboto-regular-webfont.eot');
src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-regular-webfont.woff') format('woff'),
url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
url('../fonts/roboto-regular-webfont.svg#RobotoRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoLight';
src: url('../fonts/roboto-light-webfont.eot');
src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-light-webfont.woff') format('woff'),
url('../fonts/roboto-light-webfont.ttf') format('truetype'),
url('../fonts/roboto-light-webfont.svg#RobotoLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoBold';
src: url('../fonts/roboto-bold-webfont.eot');
src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-bold-webfont.woff') format('woff'),
url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
url('../fonts/roboto-bold-webfont.svg#RobotoBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoItalic';
src: url('../fonts/roboto-italic-webfont.eot');
src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-italic-webfont.woff') format('woff'),
url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
url('../fonts/roboto-italic-webfont.svg#RobotoItalic') RormatI'svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoThinItalic';
src: url('../fonts/roboto-thinitalic-webfont.eot');
src: url('../fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-thinitalic-webfont.woff') format('woff'),
url('../fonts/roboto-thinitalic-webfont.ttf') format('truetype'),
url('../fonts/roboto-thinitalic-webfont.svg#RobotoThinItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?bd40yc');
src:url('../fonts/icomoon.eot?#iefixbd40yc') format('embedded-opentype'),
url('../fonts/icomoon.woff?bd40yc') format('woff'),
url('../fonts/icomoon.ttf?bd40yc') format('truetype'),
url('../fonts/icomoon.svg?bd40yc#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Defaults & helpers */
body {
font-family: 'RobotoRegular', 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.375em;
background: url("../images/sportify-pattern.png") repeat 0 0 #fbfbfb;
}
img {
max-width: 100%;
height: auto !important;
vertical-align: bottom;
}
.content .blog-box div.wp-caption,
.content .post-box div.wp-caption,
.content .blog div.wp-caption {
max-width: 100%;
}
figure {
}
.boxed-view {
display: table;
margin: 0 auto;
}
.ovh{
overflow: hidden;
}
.center-me,
.text-center{
text-align: center;
}
[class*="shape-"] {
display: block;
overflow: hidden;
padding-top: 100%;
position: relative;
text-align: center;
}
[class*="shape-"] > * {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
[class*="shape-"] > i {
height: 1em;
width: 1em;
}
.shape-square {
}
.shape-round {
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.grey-background{
background: #2f2f2f;
}
.white-background{
background: #fff;
}
.white-background .entry-header{
color: #000;
}
.black-background{
background: #000;
color: #fff;
}
.dark-background{
background: #212121;
}
.white-grey-background{
background: #a9a9a9;
}
.light-grey-background{
background: #eaeaea;
}
.lightest-grey-background{
background: #f2f2f2;
}
.dark-grey-background{
background: #a9a9a9;
}
.light-green-background{
background: #35bdb3;
}
.green-grass-background{
background: #9abc34;
}
.white-border{
border: 1px solid #fff;
}
.dark-border{
border: 1px solid #292929;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
.aligncenter,
.center-me {
display: table;
margin-left: auto;
margin-right: auto;
}
.clean-list,
.inline-list, .clean-list ul, .inline-list ul {
list-style: none outside none;
margin-top: 0;
padding: 0;
}
.inline-list:before, .inline-list:after {
content: " ";
display: table;
}
.inline-list:after {
clear: both;
}
.inline-list > li {
float: left;
}
hr{
margin: 16px 0;
border-top: 1px solid;
color: #e5e5e5;
}
.wrapword{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.red-background{
background: #db3441;
}
.green-background{
background: #35bdb3;
}
.black-background{
background: #000;
}
.no-padding{
padding: 0;
}
body .no-spacing,
body .no-spacing .row{
margin: 0 !important;
}
body .no-spacing [class*="col-"] {
padding: 0 !important;
}
.no-margin{
margin: 0 !important;
}
.padding{
padding: 20px;
}
.padding-top{
padding-top: 40px;
}
.padding-top-20{
padding-top: 20px;
}
.padding-bottom{
padding-bottom: 60px;
}
.margin-top{
margin-top: 30px;
}
.margin-top-20{
margin-top: 20px;
}
.margin-top-40{
margin-top: 40px;
}
.woo-margin-top{
margin-top: 60px;
}
.margin{
margin: 20px;
}
.box-padding{
padding-top: 140px;
}
.inline{
display: inline-block;
*display: inline;
*zoom: 1;
}
.pre-line{
white-space: pre-line;
}
.relative{
position: relative;
}
.nowrap{
white-space: nowrap;
}
.page-minheight{
min-height: 400px;
}
.underneath{
position: absolute;
top: 28%;
left: 0;
z-index: -1;
height: auto;
min-height: 595px;
width: 100%;
}
.underneath-light:before{
content: "";
position: absolute;
z-index: -1;
left: 0;
top: -24%;
width: 100%;
min-height: 640px;
background: #eaeaea;
}
.underneath-light > .box-header .entry-header{
color: #a9a9a9;
}
.underneath-light .white-border{
border-color: #a9a9a9;
}
time{
display: inline-block;
*display: inline;
*zoom: 1;
font-family: "RobotoLight";
font-size: 12px;
color: #fff;
}
form label{
font-family: "AntonioRegular";
font-weight: normal;
text-transform: uppercase;
font-size: 16px;
color: #666;
}
input:focus{
outline: none;
}
form input{
height: 42px;
border: medium none;
padding-left: 10px;
}
form input[type='text']{
font-family: "RobotoLight";
width: 100%;
}
form input:focus,
form textarea{
outline: none;
}
form textarea{
width: 100%;
border: medium none;
margin-top: 20px;
padding: 10px;
}
.content form input[type="submit"]{
font-family: "AntonioRegular";
font-size: 16px;
text-transform: uppercase;
padding: 2px 40px 0;
margin-top: 20px;
}
.light-border{
border: 1px solid #444;
}
.lightest-border{
border: 1px solid #E5E5E5;
}
.top-light-border{
border-top: 1px solid #e5e5e5;
}
.text-shadow{
text-shadow: 4px 4px #242424;
}
a[href*='mailto:']{
font-family: "RobotoRegular";
font-size: 12px;
text-transform: uppercase;
color: #35bdb3;
}
.toggle-helper,
.toggle-content{
display: none;
}
[class*="toggle-"] > li > input:checked ~ div div{
display: block;
}
[class*="toggle-"] > li > input:checked ~ label{
color: #fff;
}
[class*="toggle-"] > li > input:checked ~ label:before{
background: #db3441;
}
iframe{
display: block;
width: 100%;
border: medium none;
}
.social-links{
margin-bottom: 0;
}
.share-it .socials > li, .social-links > li {
float: left;
}
.social-links > li a {
display: block;
float: left;
width: 54px;
height: 56px;
max-height: 56px;
text-decoration: none;
color: #ffffff;
text-align: center;
white-space: nowrap;
}
.main-header .social-links > li i{
width: 54px;
height: 56px;
max-height: 56px;
white-space: nowrap;
}
.social-links > li i {
display: block;
position: relative;
}
.social-twitter {
background: #6bc9e8;
}
.social-facebook {
background: #0d2d76;
}
.social-dribbble {
background: #ea4c89;
}
.social-pinterest {
background: #dd2937;
}
.social-youtube {
background: #ef9bb3;
}
.social-instagram {
background: #4c2900;
}
.social-links > li i:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 54px;
height: 54px;
background-size: cover;
}
.st_facebook_large .stLarge {
background: url("../images/icons/facebook-social.png") no-repeat scroll center center / 32px 32px #fff !important;
}
.nav-bar .facebook:before {
background: url("../images/icons/facebook-icon.png") no-repeat 50% 100% transparent;
background-size: cover;
}
.st_youtube_large .stLarge {
background: url("../images/icons/youtube-social.png") no-repeat scroll center center / 32px 32px #fff !important;
}
.nav-bar .youtube:before {
background: url("../images/icons/youtube-icon.png") no-repeat 50% 100% transparent;
background-size: cover;
}
.st_twitter_large .stLarge {
background: url("../images/icons/twitter-social.png") no-repeat scroll center center / 32px 32px #fff !important;
}
.nav-bar .twitter:before {
background: url("../images/icons/twitter-icon.png") no-repeat 50% 100% transparent;
background-size: cover;
}
.icon-facebook:before {
background: url("../images/icons/facebook-social.png") no-repeat 0 0 transparent;
}
.st_instagram_large .stLarge {
background: url("../images/icons/instagram-social.png") no-repeat scroll center center / 32px 32px #fff !important;
}
.icon-instagram:before {
background: url("../images/icons/instagram-social.png") no-repeat 0 0 transparent;
}
.icon-twitter:before {
background: url("../images/icons/twitter-social.png") no-repeat 0 0 transparent;
}
.icon-dribbble:before {
background: url("../images/icons/dribbble-social.png") no-repeat scroll 0 0 transparent;
}
.icon-dribbble:before {
background: url("../images/icons/dribbble-social.png") no-repeat 0 0 transparent;
}
.icon-pinterest:before {
background: url("../images/icons/pinterest-social.png") no-repeat 0 0 transparent;
}
.icon-youtube:before {
background: url("../images/icons/youtube-social.png") no-repeat 0 0 transparent;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ---------- Filters */
.blur{
-webkit-filter: blur(3px);filter:url("data:image/svg+xml;utf8,#blur");
filter:blur(3px);
}
/* ---------- ^ Filters */
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
line-height: 1.1;
}
h1,
h2,
h3{
margin-bottom: 10px;
margin-top: 20px;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
font-family: 'AntonioRegular', sans-serif;
text-rendering: optimizeLegibility;
}
.content h1 {
font-size: 47.25px;
line-height: 66px;
}
.content h2 {
font-size: 36px;
line-height: 44px;
}
.content h3 {
font-size: 24px;
line-height: 44px;
}
.content h4 {
font-size: 21px;
line-height: 32px;
}
.content h5 {
font-size: 16px;
line-height: 30px;
}
.content h6 {
font-size: 14px;
line-height: 22px;
}
.main-footer .entry-header,
.content .entry-header{
text-transform: uppercase;
color: #fff;
}
[class*="toggle-"] > li > input{
display: none;
}
p {
font-family: "RobotoRegular";
font-size: 14px;
color: #6f6f6f;
margin: 0 0 22px;
}
dl,
ol,
ul {
margin-bottom: 22px;
}
dt {
font-weight: bold;
}
dt,
dd {
padding-bottom: 11px;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
padding-top: 11px;
padding-bottom: 11px;
}
b,
strong {
font-weight: bold;
line-height: 21px;
}
abbr[title] {}
acronym {}
i,
cite,
em,
var,
address,
dfn {
font-style: italic;
}
s,
strike,
del {
text-decoration: line-through;
color: #333;
}
u {
text-decoration: underline;
}
ins {
background: #38cabf;
text-decoration: none;
color: #FFF;
padding: 0 3px;
}
.product-price ins{
position: relative;
bottom: 2px;
}
ins span{
color: #fff !important;
}
address {
line-height: 1.42857;
margin-bottom: 22px;
}
tt,
code,
kbd,
samp {
font-family: monospace, serif;
font-size: 14px;
line-height: 19px;
}
code {
background: #dae2e9;
padding: 0 4px;
color: #dd1144;
box-shadow: 0 0 0 1px #dadada;
}
a,
a:hover,
a:focus{
text-decoration: none;
outline: none;
}
blockquote{
position: relative;
font-family: "RobotoThinItalic";
font-size: 20px;
border: medium none;
border-top: 1px solid #e5e5e5;
padding: 40px;
color: #2f2f2f;
}
blockquote:before{
content: "";
position: absolute;
top: 0;
right: 20px;
z-index: 1;
width: 32px;
height: 32px;
background: url("../images/icons/quote.png") no-repeat 50% 50% #e5e5e5;
font-family: "AntonioBold";
font-size: 38px;
color: #db3441;
}
blockquote .author{
font-family: "RobotoBold";
font-size: 18px;
color: #363636;
text-transform: uppercase;
}
blockquote a{
font-family: "RobotoRegular";
font-style: italic;
font-size: 14px;
color: #70c0e1;
}
blockquote a:hover{
color: #70c0e1;
}
q {
font-style: italic;
}
/* ---------------------- Lists Default */
ul, ol {
margin-bottom: 10px;
margin-top: 0;
padding-left: 20px;
list-style-position: outside;
}
ol{
list-style-type: decimal;
}
ul{
list-style-type: disc;
}
ul ul, ol ol, ul ol, ol ul{
padding-left: 20px;
}
ul ul, ol ul, ul ol, ol ol {
margin-bottom: 0;
}
.list-unstyled {
list-style: none outside none;
padding-left: 0;
}
dl {
margin-bottom: 20px;
margin-top: 0;
}
dt, dd {
line-height: 1.42857;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
/* ---------------------- ^ Lists Default */
/* ---------------------- Pre Default */
pre {
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
color: #333;
display: block;
font-size: 13px;
line-height: 1.42857;
margin: 0 0 10px;
padding: 9.5px;
word-break: break-all;
word-wrap: break-word;
}
pre code {
background-color: transparent;
border-radius: 0;
color: inherit;
font-size: inherit;
padding: 0;
white-space: pre-wrap;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
/* ---------------------- ^ Pre Default */
/* ---------------------- Tables Default */
table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
border-collapse: separate;
border-spacing: 0 3px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border-top: 1px solid #ddd;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
table > thead > tr > th {
border-bottom: 2px solid #ddd;
vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
border-top: 0 none;
}
table > tbody + tbody {
border-top: 2px solid #ddd;
}
table table {
background-color: #fff;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
table col[class*="col-"] {
display: table-column;
float: none;
position: static;
}
table td[class*="col-"], table th[class*="col-"] {
display: table-cell;
float: none;
position: static;
}
table > thead > tr > td.active, table > tbody > tr > td.active, table > tfoot > tr > td.active, table > thead > tr > th.active, table > tbody > tr > th.active, table > tfoot > tr > th.active, table > thead > tr.active > td, table > tbody > tr.active > td, table > tfoot > tr.active > td, table > thead > tr.active > th, table > tbody > tr.active > th, table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
table > thead > tr > td.success, table > tbody > tr > td.success, table > tfoot > tr > td.success, table > thead > tr > th.success, table > tbody > tr > th.success, table > tfoot > tr > th.success, table > thead > tr.success > td, table > tbody > tr.success > td, table > tfoot > tr.success > td, table > thead > tr.success > th, table > tbody > tr.success > th, table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
table > thead > tr > td.info, table > tbody > tr > td.info, table > tfoot > tr > td.info, table > thead > tr > th.info, table > tbody > tr > th.info, table > tfoot > tr > th.info, table > thead > tr.info > td, table > tbody > tr.info > td, table > tfoot > tr.info > td, table > thead > tr.info > th, table > tbody > tr.info > th, table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
table > thead > tr > td.warning, table > tbody > tr > td.warning, table > tfoot > tr > td.warning, table > thead > tr > th.warning, table > tbody > tr > th.warning, table > tfoot > tr > th.warning, table > thead > tr.warning > td, table > tbody > tr.warning > td, table > tfoot > tr.warning > td, table > thead > tr.warning > th, table > tbody > tr.warning > th, table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
table > thead > tr > td.danger, table > tbody > tr > td.danger, table > tfoot > tr > td.danger, table > thead > tr > th.danger, table > tbody > tr > th.danger, table > tfoot > tr > th.danger, table > thead > tr.danger > td, table > tbody > tr.danger > td, table > tfoot > tr.danger > td, table > thead > tr.danger > th, table > tbody > tr.danger > th, table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
/* ---------------------- ^ Tables Default */
/* ---------------------- Classes Default */
.wp-caption{
}
.wp-caption-text{
}
.bypostauthor{
}
/* ---------------------- ^ Classes Default */
/* Hover effects */
.transition-short {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.transition-medium {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.cssanimations .opacity-full{
opacity: 0;
}
.opaque,
.hover-opaque:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.opacity-80,
.hover-opacity-80:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.opacity-50,
.hover-opacity-50:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.opacity-30,
.hover-opacity-30:hover {
opacity: 0.3;
filter: alpha(opacity=30);
}
[class*="scale-"] {
position: relative;
z-index: 1;
}
.scale-100,
.hover-scale-100:hover,
.hover-scale-100:hover figcaption{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.scale-50,
.hover-scale-50:hover {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.scale-90,
.hover-scale-90:hover {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.scale-110,
.hover-scale-110:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.scale-115,
.hover-scale-115:hover {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-o-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.scale-190,
.hover-scale-190:hover {
-webkit-transform: scale(1.9);
-moz-transform: scale(1.9);
-o-transform: scale(1.9);
-ms-transform: scale(1.9);
transform: scale(1.9);
}
.team-box .active,
.recommended,
.scale-120,
.hover-scale-120:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.scale-150,
.hover-scale-150:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.scale-200,
.hover-scale-200:hover {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.rotate-0,
.hover-rotate-0:hover {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.rotate-45,
.hover-rotate-45:hover {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90,
.hover-rotate-90:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-360,
.hover-rotate-360:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.move-top,
.hover-move-top:hover {
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
transform: translate(0, -10px);
}
.move-left,
.hover-move-left:hover {
-webkit-transform: translate(-10px, 0);
-moz-transform: translate(-10px, 0);
-o-transform: translate(-10px, 0);
-ms-transform: translate(-10px, 0);
transform: translate(-10px, 0);
}
.move-bottom,
.hover-move-bottom:hover {
-webkit-transform: translate(0, 10px);
-moz-transform: translate(0, 10px);
-o-transform: translate(0, 10px);
-ms-transform: translate(0, 10px);
transform: translate(0, 10px);
}
.move-right,
.hover-move-right:hover {
-webkit-transform: translate(10px, 0);
-moz-transform: translate(10px, 0);
-o-transform: translate(10px, 0);
-ms-transform: translate(10px, 0);
transform: translate(10px, 0);
}
/* ------------------------------- KeyFrames */
@-moz-keyframes scaleIn {
0% {
-moz-transform: scale(.3);
transform: scale(.3);
opacity: 1;
}
100% {
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scaleIn {
0% {
-webkit-transform: scale(.3);
transform: scale(.3);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scaleIn {
0% {
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes bounceIn {
0% {
-moz-transform: scale(.3);
transform: scale(.3);
opacity: 1;
}
50% {
-moz-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
100% {
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes bounceIn {
0% {
-webkit-transform: scale(.3);
transform: scale(.3);
opacity: 1;
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes bounceIn {
0% {
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3);
opacity: 1;
}
50% {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes translateTop {
0% {
-webkit-transform: translate(0, -500px);
transform: translate(0, -500px);
opacity: 1;
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes translateTop {
0% {
-moz-transform: translate(0, -500px);
transform: translate(0, -500px);
opacity: 1;
}
100% {
-moz-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes translateTop {
0% {
-webkit-transform: translate(0, -500px);
-moz-transform: translate(0, -500px);
-ms-transform: translate(0, -500px);
-o-transform: translate(0, -500px);
transform: translate(0, -500px);
opacity: 1;
}
100% {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
/* ----------------------- Animations */
.bounceIn{
-moz-animation: bounceIn 1s forwards;
-webkit-animation: bounceIn 1s forwards;
-ms-animation: bounceIn 1s forwards;
animation: bounceIn 1s forwards;
}
.scaleIn{
-moz-animation: scaleIn 1s forwards;
-webkit-animation: scaleIn 1s forwards;
-ms-animation: scaleIn 1s forwards;
animation: scaleIn 1s forwards;
}
.translateTop{
-webkit-animation: translateTop .8s ease-in-out forwards;
-moz-animation: translateTop .8s ease-in-out forwards;
-ms-animation: translateTop .8s ease-in-out forwards;
animation: translateTop .8s ease-in-out forwards;
}
.fade-in{
-moz-animation: fadeIn 1s forwards;
-webkit-animation: fadeIn 1s forwards;
-ms-animation: fadeIn 1s forwards;
-o-animation: fadeIn 1s forwards;
animation: fadeIn 1s forwards;
}
.delay-short{
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-medium{
-moz-animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay-long{
-moz-animation-delay: 2s;
-webkit-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.delay-toolong{
-moz-animation-delay: 2.2s;
-webkit-animation-delay: 2.2s;
-ms-animation-delay: 2.2s;
-o-animation-delay: 2.2s;
animation-delay: 2.2s;
}
/* // Base
========================================================================== */
/* =================================== Main Header =====================================
======================================================================================= */
/* Header box */
.main-header {
position: relative;
z-index: 9999;
}
/* Sticky elements */
.header-bar {
position: relative;
z-index: -1;
_box-shadow: inset 0 0 1000px rgba(0,0,0,0.5);
}
.sticky-bar {
width: 100%;
z-index: 100;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.is-sticky .sticky-bar {
height: 55px;
opacity: 0.9;
filter: alpha(opacity=90);
}
.is-sticky .identity {
height: 55px;
}
.is-sticky .main-nav > ul > li {
padding: 16px 11px;
}
.main-header .nav-bar{
padding: 10px 0;
}
.main-header .ad{
display: block;
margin-top: 13px;
}
.main-header .socials{
float: right;
border-left: 1px solid #595959;
margin: 13px 0 0;
}
.main-header .socials li a{
display: block;
position: relative;
height: auto;
border: 1px solid #595959;
border-left: medium none;
text-align: center;
}
.main-header .socials li a:before{
content: "";
}
.main-header .socials li img{
}
/* ======================================= Logotype ====================================
======================================================================================= */
.align-middle:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.align-middle a {
display: inline-block;
vertical-align: middle;
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
}
/* ======================================= Logotype ====================================
======================================================================================= */
/* =================================== Main Naviagation ================================
======================================================================================= */
.main-nav{
margin-top: 12px;
}
.main-nav > ul {
margin-bottom: 0;
}
.main-nav > ul li {
position: relative;
}
.main-nav > ul > li {
position: relative;
float: left;
text-transform: uppercase;
}
.main-nav > ul > li a {
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
text-decoration: none;
}
.main-nav > ul > li > a {
font-family: 'AntonioRegular';
font-size: 22px;
display: inline-block;
color: #eee;
padding: 8px 8px;
margin-right: 32px;
/* border-bottom: 2px solid transparent; */
}
.main-nav > ul > li:last-of-type > a{
margin-right: 0;
}
.main-nav > ul > li:before{
content: "|";
position: absolute;
top: 8px;
left: -16px;
z-index: 1;
color: #fff;
opacity: 0.4;
}
.main-nav > ul > li:nth-child(1):before{
content: "";
}
.main-nav > ul > li:nth-child(1) > a{
margin-left: 0;
}
.main-nav > ul > li > a:hover,
.main-nav > ul > li:hover > a,
.main-nav > ul > li ul a:hover {
color: #ffffff;
background: #DB3441;
}
.shop-nav > ul > li > a:hover,
.shop-nav > ul > li:hover > a,
.shop-nav > ul > li ul a:hover {
background: #000;
color: #ffffff;
}
.main-nav > ul > li a:hover + ul,
.main-nav > ul > li a + ul:hover {
display: block;
}
.main-nav > ul > li ul {
position: absolute;
background: #db3441;
display: none;
z-index: 100;
margin-top: -2px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.shop-nav > ul > li ul {
background: #000;
}
.main-nav > ul > li li {
width: 220px;
}
.main-nav > ul > li ul a {
font-family: "AntonioRegular";
padding: 11px;
display: block;
color: rgba(255, 255, 255, 0.5);
border-top: 1px solid #fff;
}
.main-nav > ul > li ul li:nth-child(1) a{
border: medium none;
}
.main-nav > ul > li > ul ul {
top: 0;
left: 100%;
}
/* Mega Menu */
.mega-menu > ul {
position: relative;
}
.mega-menu > ul > li {
position: static;
}
.mega-menu > ul > li ul {
background: #eeeeee;
padding: 10px;
left: 0;
right: 0;
}
.mega-menu > ul > li > ul > li {
float: left;
}
.mega-menu > ul > li ul ul {
display: block;
position: static;
padding: 0;
padding-left: 3px;
border-left: 1px solid white;
}
.mega-menu > ul > li .menu-item-has-children > a {
background: white;
}
/* Wordpress Helper class */
.main-nav > ul > li li:hover > a{
padding-left: 26px;
}
.main-nav > ul > li li:hover > a:after {
content: "*";
font-family: 'icomoon';
position: absolute;
top: 8px;
left: 12px;
color: #eeeeee;
font-weight: 200;
}
.main-nav > ul > li .menu-item-has-children > a:hover:after {
color: #eee;
}
.main-nav > ul > .current-menu-item > a,
.main-nav > ul > .current-menu-parent > a,
.main-nav > ul:hover .current-menu-item:hover > a{
background: #db3441;
color: #ffffff;
}
.shop-nav > ul > .current-menu-item > a,
.shop-nav > ul:hover .current-menu-item:hover > a {
background: #000;
color: #ffffff;
}
.main-nav > ul:hover .current-menu-item > a {
background: none;
color: #eee;
}
/* =======================================================================================
=================================== // Main navigation ================================ */
.search-block{
}
.header-search .search-line{
font-family: "RobotoRegular";
font-size: 14px;
font-style: italic;
color: #fff;
background: #db3441;
border: medium none;
width: 100%;
height: 100%;
}
/* ====================================== Main Search ==================================
======================================================================================= */
.search-form{
height: 62px;
}
.search-wrap{
position: relative;
height: 100%;
color: #fff;
}
.search-wrap .search-line{
font-family: "RobotoRegular";
background: #64181e;
color: rgba(255, 255, 255, 0.3);
font-style: normal;
}
.submit-wrap{
position: relative;
height: 100%;
cursor: pointer;
float: right;
}
.submit-wrap:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: url("../images/search-icon.png") no-repeat 0 0 #db3441;
opacity: 0.7;
width: 62px;
height: 62px;
}
.submit-wrap:hover:before{
opacity: 0.8;
}
.submit-wrap input[type="submit"]{
position: relative;
z-index: 2;
width: 60px;
height: 100%;
background: transparent;
border: medium none;
}
/* ====================================== // Main Search ===============================
======================================================================================= */
/* =======================================================================================
=================================== // Main Header =================================== */
/* =======================================================================================
=================================== About Us ===================================== */
.about-box{
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
min-height: 735px;
}
.about-box header .entry-header,
.about-box header .entry-subheader{
font-family: "AntonioBold";
font-size: 98px;
line-height: 102px;
color: #2f2f2f;
text-transform: uppercase;
}
.about-box header > .entry-header{
margin-top: 60px;
}
.about-box header .entry-subheader{
font-size: 34px;
line-height: 36px;
padding-top: 0;
white-space: pre-line;
}
.about-box header .header-content-background{
position: relative;
background: url("../images/about-background.jpg") no-repeat 0 0;
background-size: cover;
}
.about-box header .header-content-background h3{
text-transform: uppercase;
color: #fff;
}
.about-box header .header-content{
position: relative;
padding-top: 10px;
}
.about-box header .header-content h3{
color: #fff;
}
.about-box header .header-content .entry-header,
.about-box header .header-content p{
color: #fff;
}
.about-box header .header-content .entry-header{
font-family: "AntonioRegular";
font-size: 24px;
line-height: 32px;
}
.about-box header .header-block .entry-header{
position: absolute;
z-index: 1;
}
.about-box header .header-block .entry-header:before{
content: "";
position: absolute;
bottom: 20px;
right: 40px;
z-index: 1;
width: 85px;
height: 85px;
background: url("../images/icons/prize-icon.png") no-repeat 0 0 #38cabf;
}
@media(max-width: 400px){
.about-box header .header-block .entry-header:before{
top: 0px;
}
}
.about-box header .header-block .entry-header{
position: absolute;
top: 90px;
left: 20px;
z-index: 1;
width: 100%;
font-family: "AntonioBold";
display: block;
font-size: 98px;
line-height: 108px;
color: #2f2f2f;
}
.clients-box header{
border-top: 4px solid #0b0b0b;
border-bottom: 4px solid #0b0b0b;
}
.clients-box .clients-list li:nth-child(odd){
background-color: #35bdb3;
}
.clients-box .clients-list li:nth-child(even) header{
border-color: #fff;
}
.clients-box .clients-list li:nth-child(even) .entry-header,
.clients-box .clients-list li:nth-child(even) p{
color: #fff;
}
.clients-box .clients-list li:nth-child(even){
background-color: #db3441;
}
.clients-box .clients-list li:nth-child(even) p{
color: #fff;
}
.clients-box .clients-list li:nth-child(1){
background-color: #fff;
}
.clients-box .clients-list li:nth-child(1) header{
border-color: #0b0b0b;
}
.clients-box .clients-list li:nth-child(1) .entry-header,
.clients-box .clients-list li:nth-child(1) p{
color: #0b0b0b;
}
.clients-box .clients-list li:nth-child(odd) p{
color: #111;
}
.clients-box .clients-list .entry-header{
color: #0b0b0b;
padding: 4px 0 0;
margin: 0;
line-height: 30px;
}
.clients-list figure img{
width: 100%;
}
.clients-box .client-block p{
font-family: "RobotoThinItalic";
font-size: 20px;
line-height: 28px;
}
.red-background header{
border-color: #fff !important;
}
.red-background .client-block .entry-header,
.red-background .client-block p{
color: #fff;
}
.red-background p{
color: #2f2f2f;
}
/* ============================ Gallery ============================= */
.gallery-box .gallery-box-header{
padding: 60px 0 40px;
}
.gallery-box .gallery-box-header .entry-header{
display: block;
margin: 0 auto;
width: 60%;
}
.about-gallery-box{
background: url("../images/gallery/gallery-background.jpg") no-repeat 0 0;
padding-bottom: 60px;
}
.classes-gallery-box{
background: url("../images/gallery/classes-gallery-background.jpg") no-repeat 0 0;
padding-bottom: 60px;
}
.gallery-slider-wrap{
position: relative;
}
.classes-gallery-box .gallery-slider li{
position: relative;
}
.classes-gallery-box .gallery-slider li .gallery-photo-desc{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
font-size: 24px;
line-height: 28px;
color: #fff;
}
.gallery-slider figure{
display: block;
}
.gallery-slider li .gallery-photo-desc{
display: none;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
}
.gallery-slider li > div:hover .gallery-photo-desc{
display: block;
}
.gallery-slider li .gallery-photo-desc > div{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
white-space: pre-line;
font-family: "AntonioRegular";
font-size: 24px;
line-height: 30px;
color: #fff;
text-transform: uppercase;
}
.gallery-slider li .gallery-photo-desc > div a{
color: #fff;
}
.gallery-slider li .gallery-photo-desc > div .zoom-image{
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 64px;
width: 64px;
margin: 0 auto;
opacity: 0.8;
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
background: url("../images/icons/plus-icon.png") no-repeat scroll 50% 50% #db3441;
}
.gallery-slider li .gallery-photo-desc > div .zoom-image:hover{
opacity: 1;
}
.gallery-slider li > div:hover .gallery-photo-desc:before{
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
background: #f54956;
opacity: 0.6;
}
.tp-bullets {
display: inline-block;
position: absolute;
right: 0 !important;
transition: opacity 0.2s ease-out 0s;
z-index: 99999 !important;
opacity: 1;
margin-left: 15% !important;
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
float: left;
margin-left: 3px;
margin-right: 0;
margin-top: 0;
position: relative;
width: 70px !important;
height: 65px !important;
z-index: 99999 !important;
}
.tp-bullets.simplebullets.round .bullet{
background: url("../images/icons/revslider-second-thumb.png") no-repeat scroll 0% 0% transparent !important;
}
.tp-bullets.simplebullets.round .bullet.first{
background: url("../images/icons/revslider-first-thumb.png") no-repeat scroll 0% 0% transparent !important;
}
.tp-bullets.simplebullets.round .bullet.last{
background: url("../images/icons/revslider-last-thumb.png") no-repeat scroll 0% 0% transparent !important;
}
.tp-bullets.simplebullets.round .bullet:before{
content: "";
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 99999;
background: rgba(255,255,255,0.05);
}
.tp-bullets.simplebullets.round .bullet:hover:before,
.tp-bullets.simplebullets.round .selected:before{
background: transparent;
}
/*
.classes-gallery-box .gallery-slider li .gallery-photo-desc:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
background: #f54956;
opacity: 0.8;
}
.classes-gallery-box .gallery-slider li:hover .gallery-photo-desc{
opacity: 1;
}
*/
.gallery-slider-wrap .gallery-controls{
position: absolute;
bottom: 45%;
left: 20%;
z-index: 12;
}
.gallery-slider-wrap .gallery-controls a{
top: 50%;
}
.gallery-slider-wrap .gallery-controls a:before{
background: #000;
opacity: 0.6;
}
/* ============================ // Gallery ============================= */
/* =======================================================================================
=================================== // About Us ===================================== */
/* =======================================================================================
=================================== Home Slider =================================== */
.slider-box{
position: relative;
}
.main-slider{
background: url('../images/slides/sportify-slide.jpg') no-repeat 50% 50%;
background-size: cover;
}
.main-slider .sneakers{
position: absolute;
z-index: 1;
bottom: 0;
left: 34%;
}
.cssanimations .sneakers{
opacity: 0;
}
.selection-text{
}
.main-slider .main-slider-list > li{
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.main-slider .set-slider-min-height > li{
min-height: 735px;
}
.main-slider .more{
position: absolute;
left: 40%;
bottom: 33%;
z-index: 2;
width: 200px;
height: 200px;
margin-left: 40px;
}
.main-slider header{
position: absolute;
top: 0;
z-index: 2;
}
.main-slider header{
white-space: pre-line;
}
.main-slider .entry-header{
font-weight: normal;
font-size: 94px;
line-height: 96px;
}
.main-slider .entry-header .selection-text{
font-size: 74px;
line-height: 74px;
padding: 10px 10px 0 8px;
margin-bottom: 2px
}
.main-slider .entry-header .excuse-test{
color: #db3441;
}
.main-slider .more span{
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 30px;
line-height: 26px;
color: #000;
}
.main-slider .more a{
font-size: 30px;
line-height: 32px;
color: #000;
padding: 4px 0;
}
.main-slider .check-our-pogramm{
display: inline-block;
position: relative;
top: 36px;
left: 0px;
width: 70%;
white-space: pre-line;
text-transform: uppercase;
letter-spacing: -1px;
}
.main-slider .check-our-pogramm > span{
padding: 8px 8px 2px 4px;
font-size: 32px;
line-height: 32px;
}
.main-slider .check-programm-block .go-link{
position: relative;
top: 48px;
width: 50px;
display: block;
font-family: "AntonioRegular";
font-size: 22px;
line-height: 34px;
margin: 0 auto;
padding: 2px 10px 0;
color: #fff;
text-transform: uppercase;
}
.main-slider .check-programm-block .go-link:hover{
background: #38cabf;
}
.main-slider .controls{
float: right;
position: relative;
top: 676px;
padding: 0;
}
.main-slider .controls li{
cursor: pointer;
float: left;
}
.main-slider .controls li span{
position: relative;
display: block;
width: 64px;
height: 64px;
}
.main-slider .controls li span:before{
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 64px;
height: 64px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: rgba(255, 255, 255, 0.06);
}
.main-slider .controls .boxing span:before{
background-image: url("../images/icons/sportify-boxing.png");
}
.main-slider .controls .boxing.current:hover span:before,
.main-slider .controls .boxing.current span:before{
background-image: url("../images/icons/sportify-boxing-hover.png");
}
.main-slider .controls .yoga span:before{
background-image: url("../images/icons/sportify-yoga.png");
}
.main-slider .controls .yoga.current:hover span:before,
.main-slider .controls .yoga.current span:before{
background-image: url("../images/icons/sportify-yoga-hover.png");
}
.main-slider .controls .gym span:before{
background-image: url("../images/icons/sportify-gym.png");
}
.main-slider .controls .gym.current:hover span:before,
.main-slider .controls .gym.current span:before{
background-image: url("../images/icons/sportify-gym-hover.png");
}
.main-slider .controls li:hover span:before{
background-color: rgba(255, 255, 255, 0.16);
}
.main-slider .controls .current span:before,
.main-slider .controls .current:hover span:before{
background-color: rgba(0, 0, 0, 0.4);
}
.main-slider .controls .current{
cursor: default;
}
/* Controls */
.tp-leftarrow.default,
.tp-rightarrow.default{
cursor: pointer;
top: 120px !important;
right: 24% !important;
left: auto !important;
background: url("../images/arrow-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
width: 64px;
height: 64px;
}
.tp-leftarrow.default{
right: 24% !important;
margin-right: -64px;
border-left: medium none;
}
.tp-rightarrow.default{
background-position: 0 -114px;
}
.tp-leftarrow.default:before,
.tp-rightarrow.default:before{
content: "";
height: 64px;
position: absolute;
top: 0;
left: 0;
width: 64px;
z-index: -1;
border: 1px solid rgba(255,255,255,0.2);
}
.tp-leftarrow.default:hover:before,
.tp-rightarrow.default:hover:before{
border-color: #fff;
}
.tp-bullets.simplebullets.round .bullet {
background: url("../assets/bullet.png") no-repeat scroll left top rgba(0, 0, 0, 0);
cursor: pointer;
float: left;
height: 20px;
margin-left: 3px;
margin-right: 0;
margin-top: 0;
position: relative;
width: 20px;
}
/* =======================================================================================
=================================== // Home Slider =================================== */
/* =======================================================================================
================================== Home Sections ================================== */
.box-header{
margin-top: 80px;
}
.box-header-title-block,
.box-header .box-header-title-block{
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 12%;
}
.box-header .entry-header{
font-size: 32px;
line-height: 38px;
margin: 12px 0 8px;
}
section > .box-header .entry-header{
color: #fff;
}
.box-header .entry-description{
font-family: 'RobotoLight';
font-size: 22px;
font-weight: normal;
color: #bababa;
}
.block-padding{
padding: 20px;
}
.box .block-header{
position: relative;
}
.box .block-header .site-title{
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.box .block-header .site-title div{
width: 64px;
height: 64px;
background: green;
}
.box .block-header .entry-header a{
padding: 20px 0 14px 20px;
}
.box .block-header a{
display: block;
font-size: 32px;
line-height: 30px;
color: #fff;
}
#main_controls,
#events_controls,
#news_controls{
position: absolute;
top: 40px;
right: 20px;
z-index: 20;
}
#main_controls{
top: 60px;
right: 20%;
}
#news_controls{
top: 20px;
}
#gallery_controls a,
#main_controls a,
#events_controls a,
#news_controls a{
position: relative;
float: left;
display: block;
width: 64px;
height: 64px;
margin-left: 1px;
}
#gallery_controls a:before,
#main_controls a:before,
#events_controls a:before,
#news_controls a:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 64px;
height: 64px;
}
#main_controls a:before,
#events_controls a:before,
#news_controls a:before{
background: #fff;
opacity: 0.2;
}
#gallery_controls a:hover:before,
#main_controls a:hover:before,
#events_controls a:hover:before,
#news_controls a:hover:before{
background: #000;
opacity: 0.2;
}
#gallery_controls a,
#main_controls a,
#events_controls a,
#news_controls a{
background: url("../images/arrow-sprite.png") no-repeat 0 0;
width: 64px;
height: 64px;
}
#gallery_controls .prev-nav,
#main_controls .prev-nav,
#events_controls .prev-nav,
#news_controls .prev-nav{
background-position: 0 -114px;
}
/* About Us ================================== */
.page-slider-block .entry-header,
.page-slider-block .entry-subheader{
font-family: "AntonioRegular";
font-size: 74px;
line-height: 78px;
color: #2f2f2f;
text-transform: uppercase;
}
.page-slider-block .entry-subheader{
font-family: "RobotoLight";
font-weight: normal;
font-size: 30px;
line-height: 40px;
}
.page-slider-block .slide-content{
height: auto;
}
.slider-controls{
position: absolute;
bottom: 45%;
right: 20%;
z-index: 12;
}
/* Team ================================== */
.team-list{
padding-top: 60px;
margin: 0 60px;
text-align: center;
font-size: 0;
}
.team-item header h4{
font-family: "AntonioRegular";
margin: 0;
}
.team-item header a{
display: block;
width: 70%;
box-sizing: border-box;
font-size: 24px;
line-height: 1.2em;
text-transform: uppercase;
padding: 4px 0 2px 20px;
background: #000;
color: #fff;
}
.active header a,
.team-item:hover header a,
.team-item header a:hover{
background: #35bdb3;
color: #fff;
}
.team-item figure img{
width: 100%;
}
.team-item .team-desc-block{
padding: 16px 0;
min-height: 240px;
}
.team-item .team-desc{
font-family: 'RobotoRegular';
margin: 0 34px;
padding: 0 16px;
background: #fff;
color: #6f6f6f;
}
.team-item .cat-item a{
display: block;
font-family: 'RobotoRegular';
font-size: 14px;
line-height: 1.5em;
color: #a9a9a9;
background: #eaeaea;
margin: 0 34px;
padding: 0 16px;
}
.active .cat-item a,
.team-item:hover .cat-item a{
background: #000;
color: #fff;
}
.active header a,
.team-item:hover header a,
.team-item header a:hover{
transition-delay: 0.15s;
}
/* // Team ================================== */
/* Member ================================== */
.member-box{
}
.member-box header{
margin: 20px;
padding: 10px;
}
.member-box header h2{
text-transform: uppercase;
font-size: 24px;
padding-left: 10px;
margin: 0;
}
.member-box header p{
padding: 12px 10px 12px;
}
.member-box header a[rel~="category"]{
font-family: "RobotoBold";
font-size: 16px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
}
.member-box .content{
padding: 20px 50px 20px 50px;
min-height: 438px;
}
.member-box .content h3{
font-family: "RobotoBold";
font-size: 16px;
color: #000;
line-height: 22px;
padding-bottom: 10px;
}
.member-box .social-links{
padding: 10px;
}
/* // Member ================================== */
/* Gallery Slider ================================== */
/* // Gallery Slider ================================== */
/* TimeTable ================================== */
.filter-box{
position: relative;
margin-top: 60px;
}
.filter-box:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #db3441;
opacity: 0.2;
}
.filter-box ul{
display: block;
margin: 0 auto;
}
.filter-box ul li{
float: left;
}
.filter-box ul li a{
position: relative;
display: block;
font-family: "AntonioRegular";
font-weight: normal;
font-size: 22px;
text-transform: uppercase;
padding: 20px;
color: #fff;
}
.filter-box .active-filter a:before,
.filter-box ul li a:hover:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #db3441;
opacity: 0.2;
}
.top-border{
border-top: 6px solid #db3441;
}
.timetable .event:hover{
background: #38cabf;
}
.wcs3-schedule-normal-layout th, .wcs3-schedule-normal-layout td,
.timetable th, .timetable td {
border: 1px solid rgba(255, 255, 255, 0.2);
font-size: 13px;
color: rgba(255, 255, 255, 0.4);
line-height: 150%;
text-align: center;
text-transform: uppercase;
width: 12.5%;
}
.timetable .has-event,
.timetable .event{
background: #2f2f2f;
}
.wcs3-schedule-normal-layout td br,
.timetable td br{
margin: 0px 0 10px;
}
.wcs3-schedule-normal-layout td,
.timetable td{
padding: 12px;
vertical-align: middle;
}
.wcs3-schedule-normal-layout thead th,
.timetable thead th{
font-family: "AntonioLight";
font-weight: normal;
font-size: 16px;
letter-spacing: 1px;
padding: 0;
}
.wcs3-schedule-normal-layout thead th span,
.timetable thead th span{
position: relative;
display: block;
padding: 26px 0;
}
.timetable thead th span:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #fff;
}
.timetable thead th:nth-child(even) span:before{
opacity: 0.1;
}
.timetable thead th:nth-child(odd) span:before{
opacity: 0.05;
}
.wcs3-schedule-normal-layout tbody th,
.timetable tbody th{
font-family: "AntonioLight";
font-weight: normal;
font-size: 18px;
white-space: nowrap;
color: #fff;
background: #db3441;
border-color: #db3441;
padding: 12px 20px;
}
.wcs3-schedule-normal-layout tbody th span,
.timetable tbody th span{
display: block;
position: relative;
z-index: 1;
padding: 14px 12px 8px;
letter-spacing: 1px;
}
.wcs3-schedule-normal-layout tbody th span:before,
.timetable tbody th span:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #000;
opacity: 0.2;
}
.wcs3-schedule-normal-layout tbody td,
.timetable tbody td{
font-family: "RobotoRegular";
}
.wcs3-schedule-normal-layout tbody td a,
.timetable tbody td a{
display: block;
color: #fff;
}
.striped-col td:nth-child(even),
.striped-rows tr:nth-child(even) {
background: #fafafa;
}
.border-free,
.border-free td,
.border-free th {
border: none;
}
.border-free tr:first-child {
border-top: none;
}
.border-free thead {
border-bottom: 1px solid #dedede;
}
.wcs3-schedule-normal-layout {
margin-top: 30px;
border-top: 6px solid #db3441 !important;
}
.wcs3-schedule-normal-layout,
.wcs3-schedule-normal-layout table th {
background: transparent !important;
}
.wcs3-schedule-normal-layout .wcs3-hour-col,
.wcs3-schedule-normal-layout .wcs3-day-col {
background-color: transparent;
padding: 20px 0;
border-color: rgba(255, 255, 255, 0.2);
}
.wcs3-schedule-normal-layout .wcs3-day-col:nth-child(even) {
color: rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, .2);
}
.wcs3-schedule-normal-layout .wcs3-day-col:nth-child(odd) {
background: rgba(255, 255, 255, .1);
color: rgba(255, 255, 255, 0.6);
}
.wcs3-schedule-normal-layout .wcs3-cell {
padding: 20px 0 !important;
}
.wcs3-schedule-normal-layout tbody tr:first-of-type th:first-of-type {
background: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
.wcs3-schedule-normal-layout tbody tr th:first-of-type {
background: #db3441;
color: #fff;
padding: 20px 0;
vertical-align: middle;
border-color: #db3441;
}
.wcs3-schedule-normal-layout tbody .wcs3-cell {
border-color: rgba(255, 255, 255, 0.2) !important;
}
/* // TimeTable ================================== */
/* Blog ================================== */
.search-box .entry-title,
.archive-box .entry-title{
padding-left: 10px;
margin-bottom: 0;
color: #fff;
}
.search-box .entry-title span,
.archive-box .entry-title span{
text-transform: uppercase;
}
.archive-box .entry-title span,
.search-results .entry-title span{
color: #db3441;
}
.blog-box .blog-items{
position: relative;
width: 100%;
height: 100%;
min-height: 500px;
}
.blog-box .blog-items > div{
width: 50%;
margin-top: 30px !important;
}
.blog-box header .entry-header{
margin: 0;
}
.blog-box header .entry-header a,
.post-box header .entry-header a{
display: block;
font-family: "AntonioRegular";
font-size: 24px;
line-height: 28px;
color: #fff;
}
.blog-box header .entry-header a:hover,
.post-box header .entry-header a:hover{
color: #db3441;
}
.post hr,
.blog-box hr{
opacity: 0.2;
}
.post .post-tags-list,
.blog-box .post-tags-list{
padding: 0 20px 0 20px;
text-align: center;
}
.post .post-tags-list a:nth-child(1),
.blog-box .post-tags-list a:nth-child(1){
background: url("../images/icons/tags-icon.png") no-repeat 0 50% transparent;
padding-left: 26px;
}
.post .post-tags-list,
.post .post-tags-list a,
.blog-box .post-tags-list,
.blog-box .post-tags-list a{
font-family: "RobotoRegular";
font-size: 12px;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.5px;
}
.post .post-tags-list a:hover,
.blog-box .post-tags-list a:hover{
color: rgba(255,255,255,0.5);
}
.blog-box .blog-content{
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
padding-left: 40px;
padding-right: 40px;
}
.main-content .post-meta-list{
position: relative;
margin: 0;
padding: 10px;
}
.main-content .post .post-meta-list li{
text-align: center;
}
.main-content .post-meta-list:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 42px;
background: rgba(255, 255, 255, 0.1);
}
.main-content .post-meta-list a{
font-family: "RobotoRegular";
font-size: 12px;
text-transform: none;
color: #fff;
}
.main-content .post-meta-list .comments,
.main-content .post-meta-list .tags,
.main-content .post-meta-list .author,
.main-content .post-meta-list .date{
position: relative;
text-transform: uppercase;
padding-left: 24px;
}
.main-content .post-meta-list .date{
margin-left: 20px;
}
.main-content .post-meta-list .comments:before,
.main-content .post-meta-list .tags:before,
.main-content .post-meta-list .author:before,
.main-content .post-meta-list .date:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 18px;
height: 18px;
}
.main-content .post-meta-list .date:before{
background: url("../images/icons/date-icon.png") no-repeat 0 0 transparent;
}
.main-content .post-meta-list .author:before{
background: url("../images/icons/author-icon.png") no-repeat 0 0 transparent;
}
.main-content .post-meta-list .comments:before{
background: url("../images/icons/comments-icon.png") no-repeat 0 0 transparent;
}
.main-content .post-meta-list .tags li{
float: left;
}
.blog-box figure{
cursor: pointer;
}
.blog-box article figure a{
position: relative;
display: block;
min-height: 360px;
}
.comments_navigation{
overflow: hidden;
padding-left: 40px;
}
.blog-box .page-numbers li,
.comments_navigation a,
.comments_navigation span{
float: left;
margin-right: 2px;
}
.blog-box .page-numbers span,
.blog-box .page-numbers a,
.comments_navigation span,
.comments_navigation a{
display: block;
font-family: "AntonioBold";
font-size: 15px;
text-transform: uppercase;
line-height: 42px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.4);
transition: all 0.3s ease-in-out;
padding: 2px 18px 0;
background: #212121;
margin-top: 80px;
margin-bottom: 80px;
}
.comments_navigation span,
.comments_navigation a{
background: #a9a9a9;
color: #fff;
}
.blog-box .page-numbers a:hover,
.blog-box .page-numbers .current,
.comments_navigation a:hover,
.comments_navigation .current{
background: #db3441;
color: #fff;
transition: all 0.3s ease-in-out;
}
.page-numbers{
list-style-type: none;
padding-left: 0;
}
.post-box .comments_navigation .page-numbers{
padding: 2px 18px 0;
}
.post-box .page-numbers li{
font-family: "AntonioBold";
font-size: 15px;
float: left;
margin-right: 2px;
width: 42px;
height: 44px;
background: #db3441;
text-align: center;
line-height: 44px;
color: #fff;
margin-top: 80px;
margin-bottom: 80px;
}
.post-box .page-numbers a{
display: block;
text-transform: uppercase;
line-height: 42px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.4);
transition: all 0.3s ease-in-out;
padding: 2px 18px 0;
background: #212121;
}
.post-box .page-numbers a:hover,
.post-box .page-numbers .current{
background: #db3441;
color: #fff;
transition: all 0.3s ease-in-out;
}
.post-box header figure{
text-align: center;
}
/* // Blog ================================== */
/* Post Content ================================== */
.main-content .post-meta-list{
padding: 10px 0;
}
.post > header > .entry-header{
font-size: 24px;
padding-bottom: 20px;
margin-bottom: 0;
}
.entry-content{
overflow: hidden;
}
.entry-content .social-links{
border-top: 1px solid #e5e5e5;
}
.entry-content .social-links > li{
margin-right: 4px;
}
.entry-content .social-links > li a,
.entry-content .social-links > li i:before{
width: 26px;
height: 26px;
}
.entry-content .social-links > li i:before{
background-size: cover;
}
.entry-content .photo{
margin-right: 20px;
}
.content .list ul{
overflow: hidden;
padding-left: 40px;
padding-bottom: 10px;
list-style-type: disc;
}
.content .list li{
float: left;
width: 50%;
font-family: "RobotoRegular";
font-size: 14px;
color: #6f6f6f;
padding: 10px 0;
list-style-position: inside;
}
/* // Post Comments ================================== */
.comments-block{
}
.comments-block .entry-header{
font-family: "AntonioRegular";
font-size: 26px;
line-height: 36px;
color: #2f2f2f;
padding: 40px 50px 10px;
}
.comment-respond{
position: relative;
background-color: #a9a9a9;
padding: 20px 50px 40px;
}
.comment-respond small{
float: right;
position: absolute;
top: 36px;
right: 50px;
z-index: 1;
}
.comment-respond input[type="text"],
.comment-respond textarea{
font-family: "RobotoRegular";
background: #989898;
color: #fff;
}
.commentlist{
margin-bottom: 0;
list-style-type: none;
padding-left: 0;
}
.commentlist > li{
border-top: 1px solid #c8c8c8;
}
.commentlist > li:nth-child(1){
border: medium none;
}
.commentlist > li .children{
margin-left: 40px;
}
.commentlist li > .tt-comment{
padding-bottom: 20px;
}
.commentlist > li > .children,
.commentlist > li > .tt-comment{
padding: 20px 40px;
}
.commentlist .tt-avatar{
float: left;
margin-top: 10px;
}
.commentlist .author-wrap,
.commentlist .author,
.commentlist .comment-info{
font-family: "RobotoBold";
line-height: 36px;
color: #3a3a3a;
}
.commentlist .comment-info{
font-family: "RobotoRegular";
}
.commentlist .comment-block{
padding-left: 80px;
}
.commentlist .comment-meta{
overflow: hidden;
}
.comment-meta .avatar {
float: left;
margin-right: 6px;
}
.comment-meta {
font-family: "RobotoRegular";
}
.comment-meta .comment-edit-link{
color: #2f2f2f;
}
.comment-meta .comment-reply {
float: right;
}
.comments-area .comment-reply-title,
.product-reviews .comment-reply-title{
font-family: "AntonioRegular";
font-size: 30px;
text-align: center;
}
.comments-area .comment-reply-title .required{
color: #fff;
}
.comments-area .comment-reply-title span,
.product-reviews .comment-reply-title span{
border: 1px solid #fff;
padding: 10px 40px 2px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.commentlist .comment-text{
padding-top: 4px;
}
.comment-respond small a,
.comment-meta .comment-reply a{
display: block;
font-family: "RobotoRegular";
font-size: 13px;
line-height: 30px;
color: #fff;
text-transform: uppercase;
padding: 0 24px;
background-color: #a9a9a9;
}
.comment-respond small a,
.comment-meta .comment-reply a:hover{
background: #DB3441;
color: #fff;
}
.comment-respond small a:hover{
background: #fff;
color: #2f2f2f;
}
/* Respond ========================= */
.comment-respond .entry-header{
font-family: "AntonioRegular";
font-size: 32px;
letter-spacing: 1px;
padding: 8px 40px 0;
color: #fff;
}
.comment-respond .comment-form{
padding-top: 20px;
}
.comment-respond .comment-form label{
padding-top: 20px;
}
.comment-respond .comment-form label .required{
color: #fff;
}
.comment-respond .comment-form input[type="text"]:focus,
.comment-respond .comment-form textarea:focus{
background: #fff;
color: #333;
}
.comment-respond .comment-form input[type="submit"]:hover{
background-color: #656565;
color: rgba(255, 255, 255, 0.4);
}
.post-box .gallery dl .gallery-caption{
font-size: 12px;
color: #777;
}
/* Post Comments ================================== */
/* SideBar ================================== */
.main-sidebar{
margin-top: 30px;
padding-top: 30px;
}
.main-sidebar .widget{
padding: 0 20px 20px;
}
.main-sidebar .widget_categories,
.main-sidebar .widget_archive,
.main-sidebar .widget_nav_menu,
.main-sidebar .widget_pages {
position: relative;
z-index: 1;
margin-bottom: 40px;
}
.main-sidebar .widget_categories:before,
.main-sidebar .widget_archive:before,
.main-sidebar .widget_pages:before{
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
bottom: 0;
z-index: -1;
background: #3a3a3a;
}
.main-sidebar .widget select{
font-family: "RobotoRegular";
font-size: 16px;
padding: 4px 10px;
border: medium none;
background: #4e4e4e;
color: #fff !important;
width: 90%;
margin: 20px 5% 5px;
outline: none;
}
.main-sidebar .widget select,
.main-sidebar .widget select option{
font-size: 14px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
.main-sidebar .widget select option{
padding: 8px 10px;
}
.main-sidebar .widget_recent_comments > ul{
background: #3a3a3a;
}
.main-sidebar .widget_recent_comments li{
font-family: "RobotoRegular";
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 10px 10px 10px 20px;
color: rgba(255, 255, 255, 0.9);
}
.main-sidebar .widget_recent_comments li:nth-child(1){
border-top: medium none;
}
.main-sidebar .widget_recent_comments li a{
display: block !important;
font-family: "RobotoRegular";
font-size: 14px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
}
.main-sidebar .widget_recent_comments li .url{
display: inline-block !important;
padding-right: 4px;
color: #fff;
}
.main-sidebar .widget .tt_twitter,
.widget_rss ul{
background: #fff;
padding: 0 20px 0;
}
.main-sidebar .widget .tt_twitter li{
font-family: "RobotoBold";
font-size: 16px;
color: #333;
border-top: 1px solid rgba(0,0,0,0.12);
background: url("../images/icons/twitter-mini.png") no-repeat 0 22px transparent;
padding: 20px 0 30px 24px;
}
.widget_rss li{
font-family: "RobotoBold";
font-size: 16px;
color: #333;
border-top: 1px solid rgba(0,0,0,0.12);
padding: 20px 0 30px 24px;
}
.main-sidebar .widget .tt_twitter li:nth-child(1),
.widget_rss li:nth-child(1){
border: medium none;
}
.main-sidebar .widget .tt_twitter li:hover,
.widget_rss li:hover{
color: #db3441;
}
.main-sidebar .widget .tt_twitter a,
.main-sidebar .widget .tt_twitter li .date,
.widget_rss li a,
.widget_rss li .rss-date{
font-family: "RobotoRegular";
font-style: italic;
color: #70c0e1;
margin-right: 10px;
}
.main-sidebar .widget .tt_twitter a:hover,
.widget_rss li a:hover{
text-decoration: underline;
}
.main-sidebar .widget .tt_twitter li .date,
.widget_rss li .rss-date{
display: block;
font-size: 14px;
color: #6f6f6f;
text-align: right;
padding-top: 4px;
}
.widget_rss h3 a{
vertical-align: top;
color: #fff;
}
.widget_rss h3 a img{
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 10px;
vertical-align: top;
}
.main-sidebar .widget h3{
font-family: "AntonioRegular";
font-size: 32px;
line-height: 58px;
background: #db3441;
padding-top: 6px;
padding-left: 20px;
margin: 0;
text-transform: uppercase;
color: #fff;
}
.main-sidebar .widget h3 a{
color: #fff;
}
/* Sidebar Widgets =================== */
.widget ul{
list-style-type: none;
padding-left: 0;
}
.widget_meta ul,
.widget_recent_entries ul,
.widget_text .textwidget,
.widget_nav_menu > div,
.widget_tag_cloud div{
background: rgba(255, 255, 255, 0.08);
}
.widget_meta ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_recent_entries ul li,{
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.widget_meta ul li:nth-child(1),
.widget_categories > ul > li:nth-child(1),
.widget_pages > ul > li:nth-child(1),
.widget_archive > ul > li:nth-child(1),
.widget_nav_menu > ul > li:nth-child(1),
.widget_recent_entries ul li:nth-child(1){
border-top: medium none;
}
.widget_meta ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_recent_entries ul li a{
display: block;
font-family: "RobotoRegular";
font-size: 13px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
padding: 10px 10px 10px 20px;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,{
padding: 10px 10px 10px 12px;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a{
display: inline-block;
*display: inline;
*zoom: 1;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_meta ul li,
.widget_recent_entries ul li,
.widget_pages ul li{
position: relative;
color: rgba(255, 255, 255, 0.5);
}
.widget_categories ul li:nth-child(1) li a:before,
.widget_categories ul li a:before,
.widget_nav_menu ul li:nth-child(1) li a:before,
.widget_nav_menu ul li a:before,
.widget_archive ul li:nth-child(1) li a:before,
.widget_archive ul li a:before,
.widget_meta ul li a:before,
.widget_recent_entries ul li a:before,
.widget_pages ul li:nth-child(1) li a:before,
.widget_pages ul li a:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.2);
}
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover{
color: #fff;
}
.widget_archive .children,
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children{
padding: 0;
background: transparent;
}
.widget_archive .children li a,
.widget_categories .children li a,
.widget_nav_menu .sub-menu li a,
.widget_pages .children li a{
padding-left: 40px;
}
.widget_archive .children li li a,
.widget_categories .children li li a,
.widget_nav_menu .sub-menu li li a,
.widget_pages .children li li a{
padding-left: 60px;
}
.widget_archive .children li li li a,
.widget_categories .children li li li a,
.widget_nav_menu .sub-menu li li li a,
.widget_pages .children li li li a{
padding-left: 80px;
}
.widget_archive .children li li li li a,
.widget_categories .children li li li li a,
.widget_nav_menu .sub-menu li li li li a,
.widget_pages .children li li li li a{
padding-left: 90px;
}
.widget_archive li:hover,
.widget_recent_comments li:hover,
.widget_meta ul li a:hover,
.widget_recent_entries ul li a:hover{
color: #fff;
}
.widget_recent_comments li:hover,
.widget_recent_comments li:hover .url{
color: rgba(255,255,255,0.5);
}
.widget_recent_comments li:hover a{
color: #fff;
}
.widget_calendar table{
background: #fff;
}
.widget_calendar table th,
.widget_calendar table td{
text-align: center;
}
.widget_calendar table tfoot th,
.widget_calendar table tfoot td{
text-align: left;
padding-left: 14px;
}
.widget_calendar table thead th{
font-family: "RobotoBold";
font-size: 12px;
color: #333;
padding: 12px 8px;
}
.widget_calendar table td{
font-size: 11px;
}
.widget_calendar table tbody td{
background: #eee;
}
.widget_text .textwidget{
padding: 20px;
}
.widget_text .textwidget p{
color: #eee;
}
.widget_text .textwidget select{
margin: 0;
}
/* Search Widget =================== */
.widget_search > form{
height: 62px;
margin-bottom: 22px;
margin-top: 20px;
}
.main-sidebar .widget:nth-child(1) form{
margin-top: 0;
}
.widget_search .submit-wrap input[type="submit"],
.widget_search input[type="text"]{
height: 100%;
}
.widget_search .submit-wrap input[type="submit"]{
margin: 0;
padding: 0;
}
/* // Search Widget =================== */
/* Tags Widget =================== */
.widget_tag_cloud div{
padding: 20px;
}
.widget_tag_cloud div a{
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: bottom;
font-family: "RobotoRegular";
font-size: 12px;
text-align: center;
text-transform: uppercase;
line-height: 20px;
margin: 4px 1px;
padding: 6px 10px 8px;
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.4);
}
.widget_tag_cloud div a:hover{
background: #db3441;
color: #fff;
}
/* // Tags Widget =================== */
/* Classes Widget =================== */
.widget_classes ul{
background: rgba(255, 255, 255, 0.1);
}
.widget_classes li{
position: relative;
font-family: "RobotoRegular";
font-size: 12px;
text-transform: uppercase;
padding: 0 20px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.widget_classes li a:hover:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 100%;
z-index: 1;
background: url("../images/icons/arrow-right.png") no-repeat 20px 50% transparent;
}
.widget_classes li a{
display: block;
padding: 10px 0;
color: rgba(255, 255, 255, 0.5);
}
.widget_classes li a:hover{
color: #0de626;
padding-left: 34px;
}
.widget_classes li:nth-child(1){
border: medium none;
}
.widget_classes li span{
float: right;
color: #0de626;
background: #000;
padding: 0 10px;
margin-top: 10px;
line-height: 22px;
}
/* // Classes Widget =================== */
/* News Widget =================== */
.widget .nav {
margin: 0;
}
.widget .tab-content ul li{
padding: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.widget .tab-content ul li:hover{
background: rgba(0,0,0,0.04);
}
.widget .tab-content ul li:hover time{
background-color: #db3441;
}
.widget .tab-content ul li:nth-child(1){
border: medium none;
}
.nav li a{
font-family: "AntonioRegular";
text-transform: uppercase;
font-size: 22px;
border-radius: 0;
}
.nav li .active{
color: #000;
}
.tab-content ul{
padding: 0;
}
.widget .tab-content h4{
font-family: "RobotoBold";
font-size: 18px;
margin-top: 0;
}
.widget .tab-content h4 a{
color: #000;
}
.widget .tab-content time{
padding: 0 10px;
line-height: 22px;
}
/* // News Widget =================== */
/* Archive Widget =================== */
.widget_archive ul{
}
.widget_archive ul li li,
.widget_archive label{
font-family: "RobotoBold";
font-weight: normal;
font-size: 13px;
color: #fff;
}
.widget_archive label{
cursor: pointer;
position: relative;
display: block;
padding: 10px 10px 10px 20px;
margin-bottom: 1px;
background: rgba(255, 255, 255, 0.1);
}
.widget_archive label i{
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 42px;
background: rgba(0, 0, 0, 0.1);
}
.widget_archive .archive-list{
padding: 20px;
background: rgba(255, 255, 255, 0.08);
}
.widget_archive .archive-list ul{
padding: 0;
}
.widget_archive .archive-list li li{
background: rgba(255, 255, 255, 0.08);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.widget_archive .archive-list li li a{
display: block;
padding: 10px 10px 10px 20px;
}
.widget_archive .archive-list li li:nth-child(1){
border: medium none;
}
.widget_archive .archive-list li li:hover{
background: rgba(255, 255, 255, 0.1);
}
.widget_archive [class*="toggle-"] > li > input:checked ~ div{
display: block;
}
.widget_recent_new .tabs{
margin-top: 20px;
}
.widget_recent_new .tabs li:not(.active) > a:hover{
background: #db3441;
color: #fff;
}
.widget_recent_new .event-desc{
padding-left: 20px;
}
.widget_recent_new .tab-content time{
background-color: #35bdb3;
}
.widget_recent_new .tab-content .entry-title{
padding-bottom: 6px;
}
.widget_recent_new .tab-content .entry-title a{
display: block;
font-family: "RobotoRegular";
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #333;
letter-spacing: 0.5px;
}
.widget_recent_new ul li > a{
width: 100%;
text-align: center;
background-color: rgba(255,255,255,0.2);
color: #fff;
}
/* // Archive Widget =================== */
/* Twitter Widget =================== */
.twitter_widget ul{
margin-top: 20px;
padding: 20px;
}
.twitter_widget ul li{
background: url("../images/icons/tweet-icon.png") no-repeat 0 13px transparent;
padding: 10px 0;
padding-left: 26px;
}
.twitter_widget ul li p{
font-family: "RobotoBold";
font-size: 16px;
color: #363636;
}
.twitter_widget ul li a{
font-family: "RobotoItalic";
font-style: italic;
color: #70c0e1;
margin-left: 10px;
}
.twitter_widget ul li p:hover a,
.twitter_widget ul li p:hover{
cursor: pointer;
color: #db3441;
}
/* // Twitter Widget =================== */
/* // Sidebar Widgets =================== */
/* // SideBar ================================== */
/* Pricing Tables ================================== */
.pricing-table {
margin: 60px 0 44px;
}
.pricing-table .entry-header{
font-size: 20px;
text-transform: uppercase;
color: #fff;
line-height: 44px;
}
.pricing-table ul{
padding: 20px 0;
}
.pricing-table ul > li:nth-child(1){
border: medium none;
}
.pricing-table ul > li {
font-family: "RobotoBold";
font-size: 12px;
color: #6a6a6a;
text-transform: uppercase;
padding: 20px 11px;
border-top: 1px solid #c5c5c5;
text-align: center;
}
.pricing-table ul > li:hover{
}
.price {
display: block;
font-family: "AntonioBold";
font-size: 38px;
line-height: 50px;
text-align: center;
padding-left: 10px;
color: #212121;
}
/* // Pricing Tables ================================== */
/* // Classes ================================== */
.classes-box,
.program-box{
margin-top: 60px;
}
.classes-box .row > div > .boxing-classes{
position: relative;
min-height: 600px;
background: url("../images/photos/classes-boxing.jpg") no-repeat 0 0 transparent;
background-size: cover;
}
.classes-box .gym-classes{
position: relative;
min-height: 650px;
background: url("../images/photos/classes-gym.jpg") no-repeat 0 0 transparent;
background-size: cover;
}
.classes-box .classes{
position: absolute;
left: 40px;
bottom: 40px;
z-index: 1;
width: 40%;
}
.classes-box .classes .entry-header{
font-size: 24px;
padding-left: 10px;
}
.classes-box nav li{
margin-top: 1px;
}
.classes-box nav li label{
position: relative;
display: block;
padding: 10px 0 8px 10px;
line-height: initial;
font-size: 24px;
color: #38cabf;
text-transform: uppercase;
}
.classes-box nav li label{
cursor: pointer;
font-family: "AntonioRegular";
font-weight: normal;
width: 100%;
padding: 14px 0 12px 10px;
margin: 0;
}
.classes-box nav li label:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #000;
opacity: 0.6;
}
.classes-box nav li label:hover{
color: #fff;
}
.classes-box nav li label:hover:before{
background: #db3441;
}
.classes-box nav .classes-boxing a:before{
/*
content: "";
position: absolute;
top: 0
left: 0;
z-index: 1;
width: 729px;
height: 651px;
background: url("../images/photos/classes-boxing.jpg") no-repeat 0 0 transparent;
background-size: cover;
*/
}
.classes-box nav .classes-boxing a{
display: block;
}
.classes-box nav li:after{
position: absolute;
top: -260px;
left: 0;
z-index: 2;
font-family: "AntonioRegular";
font-size: 84px;
color: #fff;
letter-spacing: -2px;
}
.classes-box nav .classes-boxing:hover:after{
content: "BOXING";
opacity: 0.8;
}
.classes-box nav .classes-yoga:hover:after{
content: "YOGA";
opacity: 0.8;
}
.classes-box nav .classes-gym-fitness:hover:after{
content: "FITNESS";
opacity: 0.8;
}
.classes-box nav .classes-shaping:hover:after{
content: "SHAPING";
opacity: 0.8;
}
.classes-box nav .toggle-content{
position: absolute;
bottom: 10px;
left: 100%;
z-index: 1;
width: 110%;
}
.classes-box nav .toggle-content .entry-header{
color: #000;
padding-top: 0;
padding-bottom: 0;
}
.classes-box .menu-item-content .content{
padding: 0px 40px 10px 40px;
}
.classes-box .menu-item-content .padding{
padding: 0px 40px 40px;
}
.classes-box .classes-content-block .list{
overflow: hidden;
}
.read-more{
position: relative;
display: block;
font-family: "AntonioRegular";
font-size: 18px;
color: #a9a9a9;
padding: 10px 40px 8px 10px;
text-transform: uppercase;
background: #eaeaea;
border: 1px solid #eaeaea;
}
.pricing-box .read-more{
text-align: left;
padding-left: 20px;
margin-right: 20px;
}
.classes .read-more:focus{
color: #a9a9a9;
}
.classes .read-more:hover:focus{
color: #fff;
}
.read-more:after,
.read-more:before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 25%;
height: 100%;
background: url("../images/btn-arrow-sprite.png") no-repeat 50% -96px transparent;
}
.pricing-box .read-more:after,
.pricing-box .read-more:before,
.home .classes-box .read-more:after,
.home .classes-box .read-more:before{
width: 20% !important;
}
.read-more:after{
background-color: #fff;
z-index: 1;
}
.outlined .read-more:after,
.read-more:hover:after{
background-color: #000;
opacity: 0.1;
}
.read-more:before{
z-index: 2;
}
.outlined .light-green-hover,
.light-green-hover:hover{
background-color: #38cabf;
color: #fff;
}
.outlined .light-green-hover:before,
.light-green-hover:hover:before{
background-position: 50% -3px;
z-index: 2;
}
.classes-box ol li{
line-height: 26px;
}
.classes-box ol li,
.classes-box ol li a,
.classes-box .entry-content h3{
font-family: "RobotoBold";
font-size: 16px;
color: #2f2f2f;
}
.classes-box ol li a:hover{
color: #db3441;
}
.classes-box .classes-content-block ol{
list-style-type: decimal;
}
.classes-box .classes-content-block ul{
list-style-type: disc;
}
.classes-box .classes-content-block ol,
.classes-box .classes-content-block ul{
list-style-position: inside;
padding-left: 0;
}
.classes-box .classes-content-block .entry-content{
padding-top: 0;
margin: 0 30px;
min-height: 548px;
}
.classes-box .classes-content-block .entry-content h3{
font-size: 20px;
}
.classes-box .classes-content-block .entry-header{
font-size: 24px;
padding: 10px 0 8px 20px;
margin-top: 0;
margin-bottom: 0;
}
.classes-box .classes-content-block .read-more{
position: absolute;
bottom: 20px;
right: 20px;
z-index: 1;
background: #a9a9a9;
padding: 10px 80px 8px 20px;
font-size: 24px;
color: #fff;
text-transform: uppercase;
}
.classes-box .classes-content-block .read-more:before{
background: none;
}
.classes-box .classes-content-block .read-more:after{
content: "GO";
font-family: "AntonioRegular";
font-size: 22px;
line-height: 42px;
background: #000;
z-index: 1;
width: 25%;
color: #fff;
}
.red-black-hover:hover{
background: #000 !important;
}
.red-black-hover:hover:after{
opacity: 1;
background: #db3441 !important;
}
/* Classes ================================== */
/* Contact Us ================================== */
.contact-box{
}
.white-grey-background .box-header{
margin-top: 0;
}
.white-grey-background input[type="text"],
.white-grey-background textarea{
font-family: "RobotoRegular";
background: #989898;
color: #fff;
}
.white-grey-background .box-header .entry-description{
color: #fff;
}
.contact-us-block textarea{
margin-top: 0;
}
.contact-us-block label{
font-size: 20px;
margin: 20px 0 10px;
}
.contact-us-block label[for="message"]{
margin-top: 20px;
}
.contact-us-block form textarea:focus,
.contact-us-block input[type="text"]:focus{
background: #888;
}
.content .white-grey-background input[type="submit"]{
font-family: "AntonioRegular";
font-weight: normal;
font-size: 22px;
background: #656565;
padding: 2px 60px 0;
color: rgba(255, 255, 255, 0.2);
height: 46px;
}
.content .white-grey-background input[type="submit"]:hover{
background: #000;
color: #fff;
}
.tt-form-template .parsley-errors-list{
list-style-type: none;
padding-top: 10px;
padding-left: 10px;
color: rgba(255,255,255,0.5);
}
.tt-form-template .parsley-error{
border: 1px solid rgba(255,255,255,0.5);
}
.tt-form-template textarea{
padding: 10px;
height: 171px;
}
footer .tt-form-template .parsley-errors-list{
}
footer .tt-form-template .parsley-error{
}
footer .tt-form-template textarea,
footer .tt-form-template form input[type="submit"]{
margin-top: 0;
}
footer .tt-form-template textarea{
height: 114px;
}
/* // Contact Us ================================== */
/* 404 ERROR ================================== */
.background-image{
background: url("../images/sneakers.png") no-repeat 100% 100% transparent;
}
.error-404{
position: relative;
}
.double-vertical-padding{
padding: 60px 0;
}
.double-border:before{
content: "";
position: absolute;
top: 0;
left: 0;
border-top: 3px solid rgba(255, 255, 255 0.2);
border-bottom: 6px solid rgba(255, 255, 255 0.2);
padding-top: 4px;
width: 100%;
}
.double-border:after{
content: "";
position: absolute;
bottom: 0;
left: 0;
border-top: 6px solid rgba(255, 255, 255 0.2);
border-bottom: 3px solid rgba(255, 255, 255 0.2);
padding-top: 4px;
width: 100%;
}
.error-404 .box-header-title-block{
display: block;
padding: 0;
}
.error-404 header .entry-header{
font-weight: normal;
font-size: 98px;
line-height: 98px;
margin-top: 0;
}
.error-404 header .entry-subheader {
color: rgba(255, 255, 255, 0.4);
font-family: "AntonioLight";
font-size: 30px;
line-height: 38px;
text-transform: uppercase;
}
.error-404 form .search-line{
background: #fff;
color: #000;
}
.error-404 form input[type="submit"]:before{
background-position: 50% 50%;
}
.error-404 form input[type="submit"]{
margin-top: 0;
padding: 0;
opacity: 1;
}
/* // 404 ERROR ================================== */
/* News ================================== */
.news-block #my-controls{
top: 20px;
}
.news-block .block-header .entry-header{
margin-top: 0;
margin-bottom: 0;
}
.news-block .news-list figure a{
display: block;
}
.classes-box .block-padding,
.news-block .news-list > li > .padding{
padding-bottom: 0;
}
.news-block .news-list .entry-header{
margin-top: 0;
margin-bottom: 0;
padding-top: 4px;
}
.news-block .news-list p{
line-height: 18px;
}
.news-block .news-list .entry-header a{
vertical-align: top;
font-family: "RobotoBold";
font-size: 15px;
line-height: 18px;
color: #2f2f2f;
text-transform: none;
}
.news-block .news-list time{
padding: 0 10px;
}
.news-block .news-list li .row.padding{
padding: 20px 0;
margin-left: 0;
}
.news-block .news-list li .entry-header{
line-height: 24px;
}
.news-block .news-list li .row > div{
position: relative;
z-index: 1;
}
.news-block .news-list li .row div:nth-child(3){
clear: both;
}
.news-block .news-list li .row > div:hover:before{
content: "";
position: absolute;
top: -20px;
left: 0;
z-index: -1;
width: 100%;
height: 104%;
background: none repeat scroll 0 0 #fff;
}
/* // News ================================== */
/* Programms ================================== */
.programms-block .entry-header{
float: left;
margin-top: 3px;
}
.box .programms-block .block-header a{
font-family: "AntonioRegular";
font-weight: normal;
font-size: 24px;
}
.programms-block .programm-list{
margin-bottom: 0
}
.programms-block .programm-list li{
overflow: hidden;
font-family: "RobotoBold";
font-size: 12px;
text-transform: uppercase;
color: #6a6a6a;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.programms-block header time{
position: relative;
top: 0;
left: 20px;
font-family: "RobotoRegular";
float: left;
padding: 0 10px;
}
.programms-block header time strong{
line-height: 28px;
}
.programm-time{
white-space: nowrap;
color: #35BDB3;
}
.box .programms-block .entry-header a{
padding: 0;
}
/* // Programms ================================== */
/* Programm box ================================== */
.program-box{
}
.program-box .block-header .entry-header a{
font-size: 24px;
}
.program-box .programms-block header time{
top: 0;
}
.main-content .programms-block .programm-list li{
border-bottom: medium none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.programms-block .programm-list li:hover{
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.1);
}
/* // Programm box ================================== */
/* Classes Slider ================================== */
.classes-slider-box{
position: relative;
}
.box .classes-slider-header{
margin: 0 auto;
text-align: center;
}
.classes-slider-box .underneath img{
min-height: 600px;
}
.classes-slider-box header .entry-header{
font-size: 32px;
margin-bottom: 40px;
}
.box .classes-slider-header{
width: 86%;
}
.box .classes-slider-content{
min-height: 800px;
}
.classes-slider-box ul li header{
margin: 0 auto;
}
.classes-slider-box ul li header .entry-header{
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
font-size: 38px;
line-height: 68px;
color: #eee;
margin: 0;
padding: 10px;
background: #000;
}
.classes-slider-box .padding{
padding-top: 60px;
padding-bottom: 60px;
}
.classes-slider-box .gallery-controls{
bottom: 76px;
display: block;
position: relative;
width: 100%;
padding: 0 10px;
z-index: 1;
}
.classes-slider-box #gallery_controls .next-nav{
float: right;
}
.classes-slider-box .relative{
position: absolute;
z-index: -1;
bottom: 32px;
}
/* // Classes Slider ================================== */
/* Events ================================== */
.events-block .events-slider{
overflow: hidden;
height: 420px;
min-height: 420px;
}
.events-block .events-slider .row{
padding: 20px 0;
border-top: 1px solid #fff;
}
.events-block .events-slider .row:nth-child(1){
border: medium none;
}
.events-block .event-desc a{
line-height: 44px;
color: #a9a9a9;
}
.events-block .event-desc .entry-header{
margin-top: 0;
}
.events-block .event-desc .entry-header a{
display: block;
padding: 8px 0 2px 14px;
font-size: 24px;
}
.events-block .event-desc .content{
padding-left: 15px;
}
.events-block .event-desc .content p{
font-size: 14px;
line-height: 24px;
color: #999;
margin-bottom: 14px;
}
.events-block .event-desc .read-detailed{
font-family: "AntonioRegular";
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
padding: 4px 20px 0;
border: 1px solid #a9a9a9;
}
.events-block .read-detailed:hover{
background: #a9a9a9;
color: #fff;
}
.events-block .events-slider time{
position: absolute;
top: 0;
left: 15px;
padding: 0 10px;
}
/* // Events ================================== */
/* Calculator ================================== */
.calc-block {
background-image: url("../images/calc-back.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
}
.calc-block .entry-header{
font-size: 24px;
margin-bottom: 0;
text-transform: uppercase;
color: #fff;
}
.calc-block .calc-form label{
padding-top: 20px;
}
.calc-block .fieldbox{
margin-top: 20px;
}
.calc-block form{
padding-right: 24%;
}
.calc-block form input{
background: #c52f3a;
}
.calc-block form input[type="submit"]{
width: 100%;
font-size: 22px;
color: #db3441;
text-transform: uppercase;
background: #831f27;
padding-top: 4px;
margin-top: 20px;
margin-bottom: 20px;
}
.calc-block form input[type="text"]{
font-variant: "RobotoBold";
font-size: 20px;
color: #eee;
}
.calc-block form input[type="text"]:focus{
background: #fff;
color: #333;
}
.calc-block form input[type="submit"]:hover{
background: #000;
color: #fff;
}
.box .calc-result-block{
padding-bottom: 40px;
}
.calc-result-block .result{
position: relative;
padding: 10px;
font-size: 14px;
}
.calc-result-block .result:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.2;
}
.calc-result-block .result p{
font-size: 16px;
padding: 0;
margin: 0;
color: #4d4d4d;
}
.calc-result-block .entry-header{
font-size: 24px;
margin-top: 0;
color: #4d4d4d;
text-transform: uppercase;
}
/* // Calculator ================================== */
/* Friends ================================== */
.friends-box{
}
.friends-list li{
margin: 10px 0;
}
.friends-list a{
display: block;
}
.friends-list figure{
background: #000;
}
.friends-list figure img{
opacity: 0.3;
}
figure.invert:hover img{
-webkit-filter: invert();
filter:url("data:image/svg+xml;utf8,#invert");
filter:invert();
opacity: 0.4;
}
/* // Friends ================================== */
/* =======================================================================================
================================== // Home Sections ================================== */
/* =======================================================================================
====================================== Footer ===================================== */
.main-footer{
padding-top: 70px;
margin-top: 80px;
}
.footer-block{
padding: 30px 40px 0;
min-height: 580px;
}
.gmap-container{
padding-top: 18px;
}
.gmap-container .contact-map{
width: 100%;
height: 180px;
}
.gmap-container .contacts-map{
width: 100%;
height: 490px;
}
.big-footer .contact-block{
}
.footer-nav li > ul{
margin-bottom: 20px;
}
.footer-nav > ul > li{
float: left;
width: 50%;
}
.footer-nav > ul > li:nth-child(3){
clear: both;
}
.footer-nav ul > li > a{
font-family: "AntonioRegular";
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 20px;
padding-bottom: 26px;
font-size: 24px;
text-transform: uppercase;
color: #fff;
}
.footer-nav > ul > li > a{
white-space: nowrap;
}
.footer-nav ul li li{
padding-bottom: 4px;
}
.footer-nav ul li li a{
font-family: "RobotoBold";
position: relative;
font-size: 12px;
text-transform: uppercase;
color: #eee;
padding: 0 0 0 12px;
margin-top: 0;
}
.footer-nav ul li li a:before{
content: "-";
position: absolute;
top: 0;
left: 0;
z-index: 1;
color: #eee;
}
.footer-nav ul > li > a:hover:before,
.footer-nav ul > li > a:hover{
color: #fff;
}
.main-footer form{
margin-top: 10px;
}
.main-footer form input,
.main-footer form textarea{
font-family: "RobotoLight";
font-size: 14px;
background: #3a3a3a;
color: rgba(255, 255, 255, 0.7);
}
.main-footer form input:hover,
.main-footer form textarea:hover{
background: #555;
}
.main-footer form input:focus,
.main-footer form textarea:focus{
}
.main-footer form input[type='submit']{
font-family: "AntonioRegular";
font-size: 16px;
text-transform: uppercase;
color: #2f2f2f;
background: #a9a9a9;
padding: 2px 40px 0;
margin-top: 20px;
}
.main-footer form input[type='submit']:hover{
background: none repeat scroll 0 0 #db3441;
color: #fff;
}
.sportify-wrap{
padding: 10px;
background: #3a3a3a;
}
.sportify-block{
position: relative;
background: #3a3a3a;
padding: 40px 40px;
}
.sportify-block:after{
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
.sportify-block h1{
word-break: break-all;
font-family: "AntonioBold";
font-size: 84px;
color: #4c4c4c;
text-transform: uppercase;
letter-spacing: -1px;
}
.main-footer .contact-info{
margin-top: 10px;
padding-bottom: 30px;
}
.main-footer .contact-info p{
margin-bottom: 10px;
}
.main-footer .contact-info .entry-header{
font-family: "AntonioRegular";
font-size: 24px;
margin-top: 0;
}
.main-footer .sportify-logo-list{
margin-top: 10px;
padding-left: 40px;
}
.main-footer .sportify-logo-list li{
width: 72px;
height: 72px;
margin-top: 10px;
}
.main-footer .sportify-logo-list li:nth-child(1){
background-image: url("../images/sportify-man.png");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sportify-logo-list .medium-opacity{
opacity: 0.4;
}
.sportify-logo-list .opacity{
opacity: 0.2;
}
.small-footer .copyright{
margin-top: 30px;
}
.small-footer .copyright p{
font-size: 12px;
text-transform: uppercase;
}
/* =======================================================================================
====================================== // Footer ===================================== */
/* =======================================================================================
====================================== Shop ===================================== */
/* =======================================================================================
====================================== Header ===================================== */
.woocommerce-page > header hr{
margin: 0;
color: rgba(255, 255, 255, 0.2);
background: none;
}
.woocommerce-page > header .cart-all{
margin-right: 15px;
background: rgba(0, 0, 0, 0.2);
}
.woocommerce-page > header .search-block{
margin-left: 15px;
}
.woocommerce-page > header .cart-all:hover{
background: #000;
}
.woocommerce-page > header .cart-all a{
display: block;
}
.woocommerce-page > header .cart-all a .amount,
.woocommerce-page > header .cart-all i{
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
height: 62px;
width: 60%;
line-height: 62px;
}
.woocommerce-page > header .cart-all .ovh a{
font-family: "RobotoRegular";
font-size: 14px;
color: #38cabf;
}
.woocommerce-page > header .cart-all .ovh span{
font-family: "RobotoRegular";
font-size: 14px;
opacity: 1;
color: #ccc;
}
.woocommerce-page > header .cart-all i{
position: relative;
width: 40%;
}
.woocommerce-page > header .cart-all i:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: url("../images/shop/cart-icon.png") no-repeat scroll 50% 50% transparent;
opacity: 0.3;
}
.woocommerce-page > header .cart-all i:hover:before{
opacity: 1;
}
.woocommerce-page > header .cart-all i:before{
}
.woocommerce-page > header .cart-all .amount{
font-family: "RobotoRegular";
font-size: 12px;
color: rgba(255, 255, 255, 0.4);
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.woocommerce-page > header .inside-cart{
display: none;
position: absolute;
top: 62;
right: 14px;
z-index: 1;
background: none repeat scroll 0 0 #000;
width: 270px;
}
.woocommerce-page > header .cart-all:hover .inside-cart{
display: block;
}
.woocommerce-page > header .inside-cart ul{
margin-bottom: 0;
}
.woocommerce-page > header .inside-cart li{
overflow: hidden;
padding: 12px;
border-top: 1px solid #2f2f2f;
}
.woocommerce-page > header .inside-cart li .inside-cart-image{
margin-right: 10px;
max-width: 60px;
}
.woocommerce-page > header .inside-cart li p{
display: inline-block;
*display: inline;
*zoom: 1;
}
.woocommerce-page > header .inside-cart .empty-cart{
font-family: "RobotoRegular";
font-size: 14px;
line-height: 22px;
text-transform: none;
opacity: 0.6;
}
.woocommerce-page > header .inside-cart .remove{
margin-top: 2px;
background: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.15);
}
.woocommerce-page > header .inside-cart li:hover .remove{
background: #db3441;
color: #fff;
}
.woocommerce-page > header .inside-cart > p,
.woocommerce-page > header .inside-cart .submount{
display: block;
font-family: "AntonioBold";
font-size: 17px;
font-weight: normal;
color: #fff;
padding: 10px;
text-transform: uppercase;
}
.woocommerce-page > header .inside-cart .submount .amount{
font-family: "AntonioBold";
font-size: 17px;
font-weight: normal;
color: #fff;
text-transform: uppercase;
}
.woocommerce-page > header .inside-cart > p{
box-sizing: border-box;
margin-bottom: 0;
height: 60px;
line-height: 46px;
}
.woocommerce-page > header .inside-cart > p span{
font-family: "AntonioRegular";
color: #38cabf;
}
.woocommerce-page > header .inside-cart .button{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.3);
font-size: 17px;
margin-right: 12px;
margin-top: 10px;
padding: 8px 20px 6px;
}
.woocommerce-page > header .inside-cart .button:hover{
background: #35bdb3;
color: #fff;
}
.woocommerce-page .main-nav > ul > .current-menu-item > a,
.woocommerce-page .main-nav > ul > .current-menu-parent > a,
.woocommerce-page .main-nav > ul:hover .current-menu-item:hover > a{
background: none;
font-size: 20px;
line-height: 20px;
color: #38cabf;
border: 1px solid #38cabf;
}
.woocommerce-page .main-nav > ul .sub-menu .current-menu-item > a,
.woocommerce-page .main-nav > ul:hover .sub-menu .current-menu-item:hover > a{
font-family: "AntonioRegular";
border: medium none;
border-top: 1px solid #fff;
font-size: 16px;
color: #38cabf !important;
}
.woocommerce-page .shop-nav > ul > li > a{
color: #fff;
}
.woocommerce-page .shop-nav > ul > .current-menu-item > a,
.woocommerce-page .shop-nav > ul:hover .current-menu-item:hover > a{
background: #000;
border: medium none;
color: rgba(255, 255, 255, 0.4);
}
.woocommerce-page .main-nav > ul > li > a:hover,
.woocommerce-page .main-nav > ul > li:hover > a,
.woocommerce-page .main-nav > ul > li ul a:hover,
.woocommerce-page .main-nav > ul > li ul{
background: #000;
}
/* =======================================================================================
====================================== // Header ===================================== */
/* =======================================================================================
================================== // WooCommerce Page =============================== */
.woocommerce-page{
}
.woo-container{
}
.woo-container .entry-title,
.woocommerce-shipping-fields .entry-title label,
.edit-shipping-address .entry-title{
font-family: "AntonioRegular";
font-size: 32px;
line-height: 38px;
margin-top: 8px;
color: #000;
}
.woocommerce-page .search-wrap .search-line{
background: #db3441;
color: #fff;
opacity: 1;
}
.woocommerce-page .submit-wrap input[type="submit"]{
opacity: 1;
}
.woocommerce-page .submit-wrap:before{
opacity: 1;
background-color: #e25d67;
}
/* =======================================================================================
==================================== BreadCrumbs ==================================== */
.woocommerce-page .woocommerce-breadcrumb{
background-color: #fff;
padding: 10px 20px;
}
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb a{
font-family: "RobotoRegular";
font-size: 13px;
font-style: normal;
color: #777;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-breadcrumb a{
text-decoration: underline;
}
/* =======================================================================================
==================================== Shop Page ==================================== */
.shop-slider{
background: url("../images/shop/slides/shop-slide.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
background-size: cover;
}
.shop-slider header{
background: rgba(0, 0, 0, 0.7);
}
.shop-slider header .entry-header{
font-family: "AntonioBold";
font-size: 50px;
line-height: 70px;
margin-top: 40px;
white-space: pre-line;
}
.shop-slider header .entry-header strong{
font-size: 148px;
}
.shop-slider .set-slider-min-height li,
.shop-slider header{
min-height: 610px;
}
.shop-slider .round-offer{
position: absolute;
bottom: 7%;
left: 50%;
z-index: 5;
margin-left: 40px;
width: 386px;
height: 386px;
}
.shop-slider .round-offer:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 434px;
height: 434px;
margin-top: -24px;
margin-left: -24px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
}
.shop-slider .best-offer-block{
position: absolute;
right: 20px;
bottom: 0;
z-index: 7;
}
.shop-slider .best-offer-block .entry-header{
font-family: "AntonioLight";
font-size: 70px;
white-space: pre-line;
text-align: right;
line-height: 70px;
}
.shop-slider .sportify-sticker{
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
width: 100%;
background: url("../images/shop/sportify-running-men.png") no-repeat scroll 0 0 #000;
height: 128px;
}
.top-selling-box .top-selling-block{
padding: 0 15px;
}
.top-selling-block header .entry-header{
position: absolute;
top: 40px;
right: 40px;
z-index: 1;
display: block;
font-family: "AntonioLight";
font-size: 72px;
line-height: 78px;
white-space: pre-line;
}
.top-selling-block header .entry-header a{
color: #fff;
}
.top-selling-block header{
min-height: 526px;
}
.top-selling-block header{
background-repeat: no-repeat;
background-position: 50% 0;
background-color: transparent;
background-size: cover;
}
.arrivals-box header .entry-header{
color: #a9a9a9;
}
.new-arrivals > .row > div .product-cover,
.new-arrivals > .row > div .product-details{
padding: 10px;
}
.new-arrivals > .row > div:nth-child(5n+1){
border-left: 1px solid #e5e5e5;
}
.new-arrivals > .row > div:nth-child(-n+5){
border-top: 1px solid #e5e5e5;
}
/* ---------------------- Products Grids */
.products-grid .row > div .product-cover{
padding: 10px 0;
text-align: center;
}
.products-grid .row > div{
border-right: 1px solid #e5e5e5;
padding: 0;
}
.recommend .products-grid .row > div,
.recommend .products-grid .row > div .product-details{
border: medium none;
}
.cross-sells .products-grid .row > div,
.upsells .products-grid .row > div,
.cart-cross-sells .products-grid .row > div{
border-right: medium none;
}
.cross-sells .products-grid .row > div,
.upsells .products-grid > .row > div:hover .product-details,
.cart-cross-sells .products-grid > .row > div:hover .product-details {
background: none;
}
.products-grid .row > div .product-details{
padding: 20px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.products-grid .row > div .product-details .entry-title{
margin: 0;
padding: 0;
line-height: 18px;
}
.products-grid .row > div .product-details .entry-title a{
display: block;
font-family: "RobotoRegular";
font-size: 12px;
color: #6f6f6f;
text-decoration: none;
padding-bottom: 6px;
}
.products-grid .row > div .product-details .entry-title a:hover{
color: #333;
}
.products-grid div .product-details .amount{
color: #333;
}
.products-grid .row > div .product-cover{
position: relative;
}
.products-grid .row > div .product-cover:hover span{
opacity: 1;
}
.products-grid .row > div .product-cover a{
color: #fff;
}
.recommend .products-grid .row > div .product-cover:hover span{
opacity: 0;
}
/* ---------------------- // Products Grids */
/* ---------------------- Product Page */
.product .images{
position: relative;
padding: 5px;
}
.product .images .slide-wrapper{
margin-bottom: 0;
}
.product .product-image-arrows{
width: 100%;
height: 50px;
margin-bottom: auto;
margin-top: auto;
position: absolute;
top: 0;
bottom: 0;
z-index: 10;
padding-right: 10px;
}
.product .product-image-arrows .product-image-arrows-left{
display: block;
float: left;
}
.product .product-image-arrows .product-image-arrows-right{
display: block;
float: right;
}
.product .product-image-arrows i{
display: block;
border: 2px solid #c1c1c1;
border-radius: 100px;
cursor: pointer;
font-size: 19px;
font-weight: 300;
height: 50px;
line-height: 1em;
margin: 0 12px;
padding-top: 13px;
text-align: center;
width: 50px;
}
.product .product-image-arrows i:hover:before,
.product .product-image-arrows i:hover{
color: #333;
}
.product .product-image-arrows i:hover{
border: 2px solid #333;
}
.product .images li{
text-align: center;
}
.product .thumbs-list{
padding: 15px;
}
.product .thumbs-list li{
cursor: pointer;
overflow: hidden;
float: left;
border: 1px solid #fff;
}
.product .slide,
.product .thumbs-list .active,
.product .thumbs-list li:hover{
border: 1px solid #e5e5e5;
}
.product .summary{
}
.product .summary .product_meta{
margin-top: 20px;
}
.product .summary .product_meta a{
font-family: "RobotoRegular";
font-size: 12px;
text-transform: uppercase;
}
.product .summary hr{
margin: 20px 0;
}
.product .summary .entry-title{
font-family: "AntonioRegular";
font-size: 34px;
text-transform: uppercase;
padding-top: 0;
margin-bottom: 20px;
color: #2f2f2f;
}
.product .product-price{
float: left;
margin-bottom: 0;
}
.product .summary .product-price .amount{
font-family: "AntonioRegular";
font-size: 34px;
color: #2f2f2f;
}
.product .recommend .product-price .amount{
font-size: 16px;
}
.product .recommend .products-grid .row > div .product-cover{
padding: 10px;
}
.product .rating{
height: 42px;
}
.rating i{
color: #ffab51;
}
.product .rating,
.product .reviews{
font-family: "RobotoRegular";
font-size: 14px;
vertical-align: bottom;
}
.product .reviews{
font-size: 16px;
line-height: 24px;
}
.icon-423:before {
content: "\e601";
}
.icon-499:before {
content: "\e601";
}
.icon-501:before {
content: "\e600";
color: #c1c1c1;
}
.icon-517:before {
content: "\e602";
color: #c1c1c1;
}
.product .cart .quantity{
float: left;
margin-right: 14px;
}
.product .quantity{
max-width: 120px;
}
.product .cart .quantity .qty{
line-height: 40px;
height: 40px;
color: #979797;
padding-left: 10px;
max-width: 120px;
}
.product .cart .plus,
.product .cart .minus{
height: 19px;
width: 40px;
}
.addto-button{
cursor: pointer;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
border: 1px solid #a9a9a9;
padding: 0 48px 0 14px;
}
.content .addto-button input[type="submit"],
.summary .variations_button button{
background: none;
border: medium none;
text-transform: uppercase;
font-family: "AntonioRegular";
font-size: 20px;
color: #a9a9a9;
height: 39px;
padding-top: 4px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
.addto-button a{
position: absolute;
top: 8px;
right: 10px;
z-index: 1;
margin: 0;
}
.addto-button:hover,
.summary .variations_button button:hover,
.summary .variations_button button{
background: #db3441;
border: 1px solid #db3441;
}
.addto-button:hover input[type="submit"],
.summary .variations_button button:hover,
.summary .variations_button button{
color: #fff;
}
.addto-button:hover a{
background-color: #fff;
color: #fff;
opacity: 1;
}
.product .product-qty-block{
position: relative;
vertical-align: top;
min-width: 140px;
}
.product .product-qty-block .qty{
width: 120px;
height: 42px;
padding-left: 10px;
font-family: "RobotoRegular";
font-size: 12px;
color: #979797;
}
.product .product-qty-block .plus,
.product .product-qty-block .minus{
position: absolute;
width: 40px;
height: 20px;
}
.product .product-qty-block .plus{
top: 1px;
}
.product .product-qty-block .minus{
top: auto;
bottom: 1px;
}
.product .social-links > li a,
.product .social-links > li i:before{
width: 34px;
height: 34px;
}
.summary form .variations{
margin-right: 20px;
}
form .variations li{
text-align: left;
list-style: none !important;
}
form .variations li > div{
}
form .variations select,
form .variations select option{
font-family: "RobotoRegular";
font-size: 13px;
color: #909090;
}
form .variations select{
width: 200px;
padding: 10px 4px;
border: medium none;
background: #e5e5e5;
}
.summary form .variations select{
border: 1px solid #ccc;
background: #fff;
}
.summary form .variations label{
display: block;
font-size: 16px;
font-weight: normal;
color: #333;
line-height: 40px;
padding-left: 10px;
text-align: left;
}
.product-color-variations{
margin-top: 20px;
padding-bottom: 20px;
}
.product-color-variations p{
font-size: 12px;
text-transform: uppercase;
margin-bottom: 0;
}
.product-color-variations a{
display: block;
}
.product-color-variations figure a{
}
.product-color-variations figure img{
margin-right: 20px;
}
.reviews-content{
}
.panel h2,
.panel .entry-header{
font-family: "AntonioRegular";
font-size: 26px;
color: #2f2f2f;
text-transform: uppercase;
}
.reviews-content .reviews-title a{
font-size: 18px;
text-decoration: underline;
color: #db3441;
margin-left: 20px;
}
.comment-text [itemprop="author"]{
font-family: "RobotoBold";
font-weight: normal;
font-size: 17px;
color: #363636;
}
.comment-text time{
font-family: "RobotoLight";
font-size: 18px;
color: #363636;
}
.comment-text .rating{
padding-left: 20px;
}
.product-reviews .commentlist .comment-text .meta{
float: left;
margin-bottom: 10px;
}
.product-reviews .commentlist .comment-text .description{
clear: both;
}
.product-reviews .comment-form label{
font-size: 18px;
line-height: 30px;
}
.product-reviews .comment-form textarea{
margin-top: 0;
}
/* ---------------------- // Product Page */
/* ---------------------- Tabs */
.nav-tabs{
border-bottom: 1px solid #e5e5e5;
}
.nav-tabs > li a{
background: #e5e5e5;
padding: 10px 40px;
color: #909090;
}
.woocommerce-tabs .panel{
border: 1px solid #e5e5e5;
border-top: medium none;
}
.woocommerce-tabs .panel .commentlist > li{
padding: 20px 0 14px;
}
.woocommerce-tabs .panel .commentlist .avatar{
float: left;
border: 1px solid #eee;
padding: 4px;
}
.woocommerce-tabs .nav-tabs > li a{
padding: 10px 60px;
}
.woocommerce-tabs .panel .shop-attributes > li{
padding: 4px 0;
}
.woocommerce-tabs .panel .shop-attributes div,
.woocommerce-tabs .panel .shop-attributes div p{
font-family: "RobotoRegular";
font-size: 13px;
color: #333;
}
.woocommerce-tabs .panel .shop-attributes .attr-name{
text-transform: uppercase;
}
.woocommerce-tabs .panel .shop-attributes .attr-value,
.woocommerce-tabs .panel .shop-attributes .attr-value p{
font-size: 14px;
}
/* ---------------------- // Tabs */
/* ---------------------- Catalog Page */
.all-products-details header .entry-header{
font-family: "AntonioRegular";
font-size: 32px;
color: #2f2f2f;
padding-left: 20px;
margin-top: 4px;
}
.catalog-grid{
}
.catalog-grid > .row > div:nth-child(5){
border-top: medium none;
}
.catalog-grid > .row > div:nth-child(4n+1){
border-left: 1px solid #e5e5e5;
}
.catalog-grid > .row > div:nth-child(-n+4){
border-top: 1px solid #e5e5e5;
}
/* --------------- Shop Sidebar Widgets */
.shop-sidebar{
padding: 5px;
}
.shop-sidebar .widget{
border: 1px solid #e5e5e5;
background: #fff;
margin-bottom: 5px;
padding: 0;
}
.shop-sidebar .widget .toggle{
position: relative;
top: 10px;
right: 10px;
float: right;
display: block;
font-family: arial;
font-size: 22px;
font-weight: bold;
color: #C3C3C3;
width: 21px;
height: 21px;
line-height: 20px;
text-align: center;
background: none repeat scroll 0 0 #f2f2f2;
}
.shop-sidebar .widget > header{
cursor: pointer;
}
.shop-sidebar .widget > header .active,
.shop-sidebar .widget > header:hover .toggle{
background: none repeat scroll 0 0 #38cabf;
color: #fff;
}
.shop-sidebar .widget .widget-title{
font-family: "AntonioRegular";
font-size: 18px;
color: #000;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
padding-left: 10px;
}
.shop-sidebar .widget ul li{
overflow: hidden;
border-top: 1px solid #e5e5e5;
padding: 10px 20px;
}
.shop-sidebar .widget li a{
font-family: "RobotoRegular";
font-size: 13px;
color: #909090;
}
.shop-sidebar .widget_product_categories ul li{
overflow: hidden;
position: relative;
padding: 0;
border-top: medium none;
}
.shop-sidebar .widget_product_categories .children{
padding: 0;
}
.shop-sidebar .widget_product_categories li a{
display: block;
font-family: "RobotoRegular";
font-size: 13px;
color: #909090;
padding: 10px 20px;
}
.shop-sidebar .widget_product_categories li li a{
padding-left: 40px;
}
.shop-sidebar .widget_product_categories li li li a{
padding-left: 60px;
}
.shop-sidebar .widget_product_categories li a:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
color: #e5e5e5;
background-color: #e5e5e5;
}
.shop-sidebar .widget li a:hover{
color: #38cabf;
}
.shop-sidebar .widget .product-list{
margin-bottom: 0;
}
.shop-sidebar .widget .product-list img{
border: medium none;
}
.shop-sidebar .widget ul li p{
margin-bottom: 0;
}
.shop-sidebar .widget ul li .padding-top{
padding-top: 10px;
}
.shop-sidebar .widget .subtotal{
display: block;
background: none;
font-family: "RobotoRegular";
font-size: 12px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 10px;
color: #797979;
}
.shop-sidebar .widget .subtotal i{
font-style: normal;
color: #000;
}
.price_slider_wrapper .price_slider_amount{
padding: 28px 0 20px 10px;
}
.price_slider_wrapper .price_slider_amount button{
border: medium none;
color: #fff;
font-family: RobotoRegular;
font-size: 13px;
line-height: 18px;
padding: 4px 14px;
background: none repeat scroll 0 0 #38cabf;
}
.shop-sidebar .widget_product_tag_cloud .tagcloud{
overflow: hidden;
padding: 10px;
}
.shop-sidebar .widget_product_tag_cloud .tagcloud a{
background: #333;
color: #fff;
display: block;
float: left;
font-family: "RobotoBold";
font-size: 12px;
line-height: 22px;
margin: 4px;
padding: 0 10px;
text-align: center;
text-transform: uppercase;
}
.shop-sidebar .widget_product_tag_cloud .tagcloud a:hover,
.price_slider_wrapper .price_slider_amount button:hover{
background: #38cabf;
}
.shop-sidebar .widget_recent_reviews .star-rating,
.shop-sidebar .widget_top_rated_products .star-rating{
top: 4px;
left: 0;
font-size: 0.9em;
margin-right: 2px;
}
.shop-sidebar .widget_recent_reviews ins,
.shop-sidebar .widget_top_rated_products ins{
position: relative;
top: 6px;
}
.shop-sidebar .widget_layered_nav li a{
font-family: "RobotoRegular";
font-size: 13px;
text-transform: uppercase;
color: #333;
}
.shop-sidebar .widget_layered_nav li small{
display: inline-block;
width: 20px;
font-family: robotoregular;
font-size: 13px;
color: #fff;
text-align: center;
margin-left: 6px;
background: none repeat scroll 0 0 #38cabf;
}
.shop-sidebar .widget_product_search{
overflow: hidden;
}
.shop-sidebar .widget_product_search form{
padding: 10px 10px 20px;
}
.shop-sidebar .widget_product_search label{
display: block;
font-family: "RobotoRegular";
font-size: 13px;
text-transform: none;
color: #6f6f6f;
padding-bottom: 6px;
}
.shop-sidebar .widget_product_search input[type='text']{
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 13px;
vertical-align: top;
border: 1px solid #e5e5e5;
width: 140px;
height: 28px;
}
.shop-sidebar .widget_product_search input[type='submit']{
background: none repeat scroll 0 0 #38cabf;
color: #fff;
font-family: RobotoRegular;
font-size: 13px;
line-height: 18px;
padding: 4px 14px;
display: inline-block;
*display: inline;
*zoom: 1;
height: 28px;
margin-top: 0;
vertical-align: top;
}
.shop-sidebar .widget_product_search input[type='submit']:hover{
background: #000;
}
.shop-sidebar .widget_layered_nav_filters li a{
text-transform: uppercase;
color: #38cabf;
}
.shop-sidebar .widget_shopping_cart .buttons{
text-align: right;
margin-right: 10px;
}
.shop-sidebar .widget_shopping_cart .buttons,
.shop-sidebar .widget_shopping_cart .total{
padding: 10px;
}
.shop-sidebar .widget_shopping_cart .buttons > a{
background: none repeat scroll 0 0 #38cabf;
border: medium none;
color: #fff;
font-family: RobotoRegular;
font-size: 12px;
line-height: 18px;
padding: 4px 16px;
text-transform: uppercase;
}
.shop-sidebar .widget_shopping_cart .buttons > a:hover{
background: none repeat scroll 0 0 #000;
}
.shop-sidebar .widget_shopping_cart .total{
text-align: right;
margin-bottom: 0px;
margin-right: 10px;
}
.shop-sidebar .widget_shopping_cart .total,
.shop-sidebar .widget_shopping_cart .total strong{
font-family: "AntonioRegular";
font-weight: normal;
text-transform: uppercase;
color: #333;
}
/* --------------- UI Slider */
.ui-widget-content {
position: relative;
background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #ffffff;
border: 1px solid #aaaaaa;
color: #222222;
min-height: 11px;
margin-right: 10px;
margin-left: 10px;
}
.price_slider_wrapper{
margin: 10px 20px 0 0;
}
.ui-slider .ui-slider-range {
background-position: 0 0;
border: 0 none;
display: block;
font-size: 0.7em;
position: absolute;
z-index: 1;
}
.ui-slider-horizontal .ui-slider-range {
height: 100%;
top: 0;
background: #38cabf;
}
.ui-slider .ui-slider-handle {
cursor: default;
height: 17px;
position: absolute;
width: 17px;
z-index: 2;
border-radius: 4px;
}
.ui-slider .ui-slider-handle:nth-child(even){
}
.ui-slider .ui-slider-handle:nth-child(odd){
}
.price_slider_amount .price_label{
float: right;
color: #6f6f6f;
line-height: 30px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;
border: 1px solid #d3d3d3;
color: #555555;
font-weight: normal;
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: -1px;
top: -4px;
}
/* --------------- UI Slider */
/* ---------------------- // Catalog Page */
/* ---------------------- Shop */
.shop-box{
}
.shop-box .shop-block{
position: relative;
}
.shop-box .shop-block:after{
content: "";
position: absolute;
top: 0;
left: 40%;
width: 60%;
height: 100%;
z-index: 1;
background: url("../images/shop/shop-block-green-background.png") no-repeat 0 0 transparent;
}
.shop-box .shop-block:before{
content: "";
position: absolute;
width: 40%;
height: 100%;
z-index: 0;
background: #35bdb3;
}
.shop-box .shop-items{
position: relative;
z-index: 3;
padding: 40px 15px 0;
}
.shop-items li{
cursor: pointer;
}
.shop-items li > div{
border-left: 1px solid #e5e5e5;
}
.shop-items li .content-block{
border-left: 1px solid #fff;
}
.shop-items li:nth-child(1) > div{
border-left: medium none;
}
.shop-items li:hover .content-block{
background: #35bdb3;
}
.shop-items li:hover > div{
position: relative;
}
.shop-items li:hover > div:nth-child(1):before{
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(255, 255, 255, 0.6);
}
.shop-items li > div:nth-child(1){
position: relative;
}
.shop-items li > div .button{
display: none;
position: absolute;
bottom: 30px;
left: 30px;
z-index: 1;
}
.shop-items li > div .button a{
font-size: 22px;
color: #a9a9a9;
}
.shop-items li > div .button:hover{
background: none repeat scroll 0 0 #a9a9a9;
}
.shop-items li > div .button:hover a{
color: #fff;
}
.shop-items li:hover > div .button{
display: block;
}
.shop-box .trainers-background{
background-image: url("../images/shop/trainers-background.jpg");
background-repeat: no-repeat;
background-position: 100% 0;
min-height: 652px;
}
.shop-box .content-block .entry-header{
font-family: "AntonioLight";
font-size: 74px;
line-height: 80px;
color: #fff;
margin: 0;
}
/* ---------------------- Services */
.services-box{
position: relative;
}
.services-list figure{
position: relative;
}
.services-list figure figcaption{
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
margin-top: -20%;
width: 40%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.services-list figure figcaption a{
overflow: visible;
background: #fff;
}
.services-list figure figcaption a:before{
content: "";
position: absolute;
top: -30px;
bottom: -30px;
left: -30px;
right: -30px;
z-index: 0;
margin: auto;
background: transparent;
border: 16px solid rgba(255, 255, 255, 0.6);
border-radius: 50%;
}
.services-list .content-block .entry-title{
font-family: "AntonioRegular";
font-size: 24px;
line-height: 28px;
color: #000;
text-transform: uppercase;
text-align: center;
margin: 0;
padding-top: 40px;
padding-bottom: 20px;
}
.services-list .content-block .content{
padding: 20px 40px;
}
.services-list .content-block .content p{
font-family: "RobotoLight";
color: #6f6f6f;
}
/* =======================================================================================
==================================== // Shop Page ==================================== */
/* =======================================================================================
==================================== Catalog Page ==================================== */
.all-products-details .catalog-filters{
float: right;
width: 75%;
padding: 4px 15px 14px;
}
.all-products-details .catalog-filters p{
line-height: 36px;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 16px;
}
.bottom-catalog-filters{
padding: 20px 15px 14px;
}
.bottom-catalog-filters p{
padding-right: 16px;
}
.bottom-catalog-filters,
.bottom-catalog-filters .woocommerce-ordering{
float: left;
}
.bottom-catalog-filters .woocommerce-result-count{
line-height: 36px;
margin: 0;
}
.cart-collaterals select,
.woocommerce-ordering select,
.woocommerce-billing-fields select{
padding: 6px;
border: 1px solid #ccc;
color: #6f6f6f !important;
}
.woocommerce-ordering select option{
color: #333 !important;
}
.woocommerce-ordering{
font-family: "RobotoRegular";
font-size: 14px;
font-weight: normal;
color: #333;
}
.woocommerce-pagination{
overflow: hidden;
float: right;
padding: 25px 20px 0;
}
.woocommerce-pagination > ul > li{
float: left;
}
.woocommerce-pagination > ul > li a,
.woocommerce-pagination > ul > li span{
display: block;
font-size: 14px;
line-height: 20px;
padding: 4px 12px;
margin-right: 1px;
}
.woocommerce-pagination > ul > li a{
color: #909090;
}
.woocommerce-pagination > ul > li a:hover,
.woocommerce-pagination > ul > li .current{
background: #38cabf;
color: #fff;
}
.shop-sidebar .widget .product_list_widget li{
position: relative;
padding: 10px 10px 0;
min-height: 94px;
}
.widget .product_list_widget li .amount{
font-family: "RobotoRegular";
font-size: 14px;
font-weight: normal;
color: #6f6f6f;
}
.widget .product_list_widget li a{
display: block;
padding-top: 10px;
padding-bottom: 6px;
font-size: 14px;
color: #6f6f6f;
}
.widget .product_list_widget li img{
position: relative;
bottom: 10px;
float: right;
max-height: 80px !important;
width: auto !important;
margin: 0 0 0 5px;
}
.widget .product_list_widget .quantity{
display: block;
font-family: "RobotoRegular";
font-size: 14px;
color: #6f6f6f;
padding-top: 4px;
}
.woo-order-block .shop-list li{
box-sizing: border-box;
float: left;
width: 50%;
font-family: "RobotoRegular";
font-size: 14px;
padding-left: 60px;
}
.woo-order-block .shop-list .full-width{
width: 100%;
padding-left: 0;
}
.woo-order-block .shop-list .full-width .shipping {
margin: 0;
}
.woo-order-block .shop-list .grey-border-block{
padding: 5px;
background: #f2f2f2;
}
.woo-order-block .shop-list .grey-border-block > ul{
overflow: hidden;
border: 1px solid #e5e5e5;
background: #fff;
padding: 11px 0;
}
.woo-order-block .shop-list .head-title{
font-family: "AntonioRegular";
font-size: 18px;
text-transform: uppercase;
color: #333;
}
.woo-order-block .order-cart-block{
color: #6f6f6f;
}
.woo-order-block .order-cart-block ul{
padding: 20px 0;
}
.woo-order-block .order-cart-block ul li{
padding-top: 4px;
padding-bottom: 4px;
}
.woo-order-block .order-cart-block ul li strong{
font-weight: normal;
}
.woo-order-block .order-total-block > ul > li{
padding-top: 4px;
padding-bottom: 4px;
color: #6f6f6f;
}
.woo-order-block .order-total-block .order-total,
.woo-order-block .order-total-block strong{
font-weight: normal;
text-transform: uppercase;
color: #333;
}
.woo-order-block .payment-methods-wrap{
overflow: hidden;
clear: both;
}
.payment-methods-list li{
padding: 10px 10px 0 10px;
}
.payment-methods-list li label{
padding-left: 10px;
color: #333;
}
.payment-methods-list li p{
padding-left: 30px;
}
.payment-methods-list li input[type="radio"]{
vertical-align: middle;
position: relative;
bottom: 4px;
}
.payment-methods-wrap .place-order{
padding-top: 20px;
padding-left: 8px;
}
.checkout_coupon{
overflow: hidden;
padding: 20px 20px 0;
background-color: #f2f2f2;
margin-bottom: 20px;
}
.checkout_coupon p{
float: left;
}
.checkout_coupon input[type="text"]{
min-width: 280px;
}
.showcoupon,
.showcoupon:hover,
.showcoupon:focus{
position: relative;
bottom: 14px;
margin-left: 10px;
font-family: "RobotoRegular";
font-size: 14px;
color: #428bca;
text-transform: none;
text-decoration: underline;
}
.showcoupon:hover{
text-decoration: none;
}
.checkout_coupon .input-text{
font-size: 13px;
}
/* =======================================================================================
==================================== // Catalog Page ==================================== */
/* =======================================================================================
====================================== Cart ===================================== */
.cart-collaterals > .cart-block{
margin-top: 20px;
padding: 15px;
border: 1px solid #e5e5e5;
}
.cart-collaterals > .cart-block:nth-child(1){
margin-top: 10px;
}
.cart-collaterals,
.cart-collaterals li,
.cart-collaterals .cart_shipping{
color: #333;
}
.cart-collaterals h2{
font-family: "AntonioRegular";
font-size: 32px;
text-transform: uppercase;
color: #000;
margin-top: 0;
}
.cart-collaterals .cart_shipping h2{
padding-bottom: 0;
}
.cart-collaterals .shipping-calculator-form{
padding-top: 10px;
}
.cart-collaterals .shipping-calculator-form input{
border: 1px solid #e5e5e5;
}
.cart-collaterals .cart_shipping .entry-header{
margin-bottom: 0;
}
.cart-collaterals .shipping-calculator-form{
margin-top: 10px;
}
.cart-collaterals .cart-totals-block{
padding-top: 10px;
font-family: "RobotoRegular";
font-size: 12px;
}
.cart-collaterals .cart-totals-block li,
.cart-collaterals .cart-totals-block span{
font-size: 13px;
color: #979797;
}
.cart-collaterals .cart-totals-block .order-total span,
.cart-collaterals .cart-totals-block .order-total li{
text-transform: uppercase;
color: #333;
}
.cart-collaterals .cart-totals-block .order-total strong{
font-weight: normal;
}
.shopping-product-detail li{
font-family: "RobotoRegular";
font-weight: normal;
font-size: 12px;
text-align: left;
color: #000;
}
.woo-container .shopping-cart-wrap .coupon-code-block{
}
.woo-container .shopping-cart-wrap .coupon-code-block .coupon-field{
float: left;
min-width: 120px;
width: 240px;
}
.woo-container .shopping-cart-products{
margin-top: 6px;
padding: 0 4px 4px;
}
.shopping-product-detail{
box-sizing: border-box;
border: 1px solid #e5e5e5;
background: #fff;
margin-top: 4px;
margin-bottom: 0;
}
.shopping-product-detail li{
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
width: 20%;
font-family: "AntonioRegular";
font-weight: normal;
font-size: 17px;
text-align: center;
text-transform: uppercase;
line-height: 1.5em;
color: #979797;
background: #fff;
padding: 10px 0;
}
.cart-product-item li,
.cart-product-item li a{
font-family: "RobotoRegular";
font-size: 12px;
color: #979797;
}
.shopping-product-detail > li{
display: inline-block;
*display: inline;
*zoom: 1;
width: 20%;
}
.shopping-product-detail .shopping-1,
.shopping-product-detail .shopping-4,
.shopping-product-detail .shopping-6{
width: 10%;
}
.shopping-product-detail .shopping-3{
width: 30%;
}
.shopping-product-detail .shopping-2,
.shopping-product-detail .shopping-3,
.shopping-product-detail .shopping-4,
.shopping-product-detail .shopping-5,
.shopping-product-detail .shopping-6{
text-align: left;
}
.remove{
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
width: 20px;
height: 20px;
line-height: 22px;
font-family: Arial;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.shopping-product-detail li .remove{
font-family: Arial;
font-size: 16px;
background-color: #f2f2f2;
color: #c3c3c3;
}
.shopping-product-detail:hover li .remove{
background-color: #db3441;
color: #fff;
}
.qty{
float: left;
max-width: 80px;
height: 30px;
line-height: 30px;
padding-left: 4px;
border: medium none;
border: 1px solid #a9a9a9;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
width: 0;
}
.buttons_added,
.product-quantity .quantity{
overflow: hidden;
position: relative;
max-width: 80px;
}
.plus,
.minus{
background: url("../images/shop/top-arrow.png") no-repeat scroll 50% 50% #fff;
border: medium none;
border-left: 1px solid #a9a9a9;
display: block;
height: 14px;
margin: 0;
padding: 0;
position: absolute;
right: 1px;
width: 20px;
text-indent: -9999px;
}
.quantity .minus{
background-image: url("../images/shop/bottom-arrow.png");
bottom: 1px;
}
.quantity .plus{
top: 1px;
}
.plus:hover,
.minus:hover{
background-color: #e5e5e5;
background-image: url("../images/shop/top-arrow-hover.png");
}
.minus:hover{
background-image: url("../images/shop/bottom-arrow-hover.png");
}
.coupon-code-block{
margin-top: 30px;
}
.woocommerce-page .entry-content .button[type="text"],
.woocommerce-page .entry-content .button[type="submit"],
.woocommerce-page .entry-content .button,
.woocommerce-page .inside-cart .button,
.woocommerce-page .widget input[type="submit"].button,
.woocommerce-page .shop-box .button,
.price_slider_amount button{
font-family: "AntonioRegular";
font-size: 20px;
color: #a9a9a9;
padding: 10px 24px 8px;
margin: 0;
line-height: 24px;
background: #eaeaea;
border: 1px solid #a9a9a9;
text-transform: uppercase;
}
.woocommerce-page .entry-content .button[type="text"]:hover,
.woocommerce-page .entry-content .button[type="submit"]:hover,
.woocommerce-page .entry-content .button:hover,
.woocommerce-page .inside-cart .button:hover,
.woocommerce-page .widget input[type="submit"].button:hover{
background: #a9a9a9;
color: #fff;
}
.woo-container .coupon [type="text"]{
border: 1px solid #eaeaea;
background: #fff;
font-family: "RobotoRegular";
font-size: 12px;
text-transform: none;
vertical-align: top;
color: #909090;
height: 42px;
padding-left: 10px;
}
.woo-container .coupon .button{
border: 1px solid #eaeaea;
}
.woo-container .back-button .button{
display: block;
margin-right: 20px;
}
.upsells,
.cross-sells{
margin-top: 10px;
}
.upsells h2,
.cross-sells h2{
font-family: "AntonioRegular";
font-size: 22px;
text-transform: uppercase;
color: #523232;
margin: 0;
}
.upsells hr,
.cross-sells hr{
color: #e5e5e5;
margin: 10px 0;
}
.upsells .products-grid .row > div .product-details,
.cart-cross-sells .products-grid .row > div .product-details{
border: medium none;
}
.upsells .products-grid .row > div .product-details,
.cart-cross-sells .products-grid .row > div .product-details{
padding: 20px;
}
.upsells .products-grid .row > div .product-details{
overflow: hidden;
}
.upsells .product-cover,
.cross-sells .product-cover{
position: relative;
z-index: 1;
text-align: center;
}
.product-cover-hover{
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 28px;
text-align: center;
margin: auto;
}
.product-cover-hover > a:last-child{
cursor: pointer;
display: inline-block;
font-family: "RobotoBold";
font-size: 12px;
color: #FFFFFF;
text-transform: uppercase;
opacity: 0;
letter-spacing: 1px;
padding: 3px 15px;
background: #35bdb3;
}
.product-cover-hover > a:last-child:hover{
background-color: #212121;
}
.product-cover:hover:before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.6;
}
.product-cover:hover a:last-child{
opacity: 1;
}
.cross-sells .product-details h3{
margin-top: 0;
}
.cross-sells .product-details a{
font-family: "RobotoBold";
font-size: 14px;
color: #797979;
}
.recommend-block .entry-header{
padding: 10px;
}
.recommend-block .product-price{
}
.recommend-block .entry-header,
.recommend-block p{
margin: 0;
}
.recommend-block .product-details{
padding: 0;
}
.recommend-block .entry-header{
font-family: "AntonioRegular";
font-size: 18px;
line-height: 26px;
margin-top: 2px;
color: #2F2F2F;
}
.recommend-block .product-details{
border-top: 1px solid #E5E5E5;
}
.recommend-block .product-photo{
padding: 10px 20px;
}
.add_to_cart_button{
background: url("../images/shop/shop-cart-sprite.png") no-repeat scroll 50% -72px #999;
border-radius: 50%;
bottom: 3px;
display: inline-block;
height: 24px;
margin-left: 10px;
position: relative;
text-align: center;
vertical-align: top;
width: 24px;
opacity: 0.2;
}
.added_to_cart{
font-family: "RobotoRegular";
font-size: 12px;
color: #fff;
line-height: 18px;
padding: 2px 7px;
position: absolute;
right: 0;
top: 0;
vertical-align: top;
background: none repeat scroll 0 0 #333;
text-transform: uppercase;
}
.added_to_cart:hover,
.added_to_cart:focus{
color: #fff;
}
.products-grid > .row > div:hover .product-details{
background: #e5e5e5;
}
.recommend .products-grid > .row > div:hover .product-details{
background: none;
}
.products-grid > .row > div:hover .add_to_cart_button{
background-color: #db3441;
background-position: 50% 0;
opacity: 1;
}
/* =======================================================================================
====================================== // Cart ===================================== */
/* =======================================================================================
====================================== Order ===================================== */
.woocommerce .order-details-review p,
.woocommerce .order-details-review dl,
.woocommerce .order-details-review ul li,
.woocommerce .order-details-review h1,
.woocommerce .order-details-review h2,
.woocommerce .order-details-review h3,
.woocommerce .order-details-review table,
.woocommerce .order-details-review table th,
.woocommerce .order-details-review table td{
font-family: "RobotoRegular";
color: #6f6f6f;
}
.woocommerce .order-details-review h1,
.woocommerce .order-details-review h2,
.woocommerce .order-details-review h3{
font-family: "AntonioRegular";
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
color: #333;
}
.order-details-review .address address p{
color: #999;
}
.woocommerce > .order-info{
margin-top: 60px !important;
}
.woocommerce > .order-info mark{
background: #35bdb3;
color: #fff;
padding: 0 10px;
}
/* =======================================================================================
====================================== ^ Order ===================================== */
/* =======================================================================================
====================================== Auth ===================================== */
.woo-auth-content{
min-height: 640px;
}
.woo-authorization,
.woo-authorization input[type="text"],
.woo-authorization input[type="password"]{
border: 1px solid #e5e5e5;
}
.woo-authorization input[type="text"],
.woo-authorization input[type="password"]{
width: 100%;
height: 42px;
}
.woocommerce-page .woo-authorization .login-form input[type="submit"]{
width: 32%;
}
.woo-authorization .entry-title{
font-family: "AntonioRegular";
font-size: 32px;
text-transform: uppercase;
color: #2f2f2f;
margin-top: 40px;
padding-left: 20px;
}
/* =======================================================================================
====================================== // Auth ===================================== */
/* =======================================================================================
====================================== Checkout =================================== */
.woo-checkout,
.woo-checkout input{
color: #333;
}
.woo-checkout .input-text {
color: #333;
border: 1px solid #e5e5e5;
margin-left: 5px;
display: inherit;
width: 100%;
}
.woo-checkout .woocommerce-billing-fields{
}
.woo-checkout .woocommerce-billing-fields label,
.woo-checkout .woocommerce-shipping-fields label,
.woo-my-account .edit-account-form label,
.woo-edit-shipping .edit-shipping-address label{
font-family: "RobotoRegular";
font-size: 12px;
font-weight: normal;
color: #666;
line-height: 18px;
padding-bottom: 6px;
padding-left: 4px;
}
.woo-checkout .woocommerce-billing-fields label abbr{
color: #db3441;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single,
.woo-edit-shipping .chosen-container-single .chosen-single {
height: 30px;
line-height: 28px;
}
.woo-edit-shipping .chosen-container-single .chosen-single{
margin-left: 24px;
min-width: 400px;
}
.woo-checkout .woocommerce-billing-fields,
.woo-checkout .woocommerce-billing-fields input[type="text"],
.woo-checkout .woocommerce-shipping-fields input[type="text"],
.woo-checkout .woocommerce-shipping-fields textarea,
.woo-checkout .checkout-order-block,
.woo-checkout .woocommerce-shipping-fields,
.woo-edit-shipping .edit-shipping-address,
.woo-edit-shipping .edit-shipping-address input[type="text"]{
border: 1px solid #e5e5e5;
}
.woo-checkout .billing-form-wrap,
.woo-checkout .woocommerce-shipping-fields .shipping-form-wrap,
.woo-edit-shipping .edit-shipping-address{
padding-right: 24%;
}
.woo-checkout .woocommerce-shipping-fields header input[type="checkbox"]{
position: relative;
bottom: 6px;
float: left;
margin-top: 0;
}
.woo-checkout .woocommerce-shipping-fields header input[type="checkbox"]:focus{
outline: none;
}
.woo-checkout .woocommerce-shipping-fields header label{
cursor: pointer;
padding-left: 20px;
font-weight: normal;
}
.woo-checkout .entry-title,
.woocommerce-shipping-fields .entry-title label,
.edit-shipping-address .entry-title{
text-transform: uppercase;
margin-top: 20px;
padding-left: 20px;
}
.woocommerce-shipping-fields header label.checkbox{
margin-top: 0;
padding-top: 0;
vertical-align: top;
line-height: 30px;
}
.woo-checkout .woocommerce-shipping-fields textarea{
margin-top: 0;
}
.woo-checkout .woo-order-block .entry-title,
.woo-checkout .checkout-title{
padding-left: 0;
}
.woo-checkout .woo-order-block{
margin-top: 0;
padding-top: 0;
}
.woo-checkout .woo-order-block .entry-title{
font-size: 20px;
text-transform: uppercase;
text-align: center;
color: #333;
margin-top: 20px;
}
.woo-order-block .entry-title{
text-transform: uppercase;
margin-top: 0;
}
.woo-checkout .woocommerce-billing-fields input[type="text"],
.woo-checkout .woocommerce-shipping-fields input[type="text"],
.woo-edit-shipping .edit-shipping-address input[type="text"]{
width: 100%;
height: 42px;
padding-left: 10px;
}
.woo-checkout .checkout-order-block{
margin: 5px;
}
.woo-checkout .checkout-order-block > ul{
margin-bottom: 0;
}
.woo-checkout .checkout-order-block > ul li{
}
.woo-checkout .checkout-order-block .entry-title{
font-family: "AntonioRegular";
font-size: 16px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
.woo-checkout .checkout-order-block,
.woo-checkout .payment-option{
padding-left: 24px;
}
.woo-checkout .payment-option{
padding-bottom: 10px;
}
.woo-checkout .active .payment_box {
display: block;
}
.woo-checkout .payment label{
font-family: "AntonioRegular";
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
line-height: 24px;
}
.woo-checkout .payment input[type="radio"]{
float: left;
}
.woo-account .entry-title{
padding-left: 0;
margin-top: 0;
text-transform: uppercase;
}
.woo-account form{
padding-right: 24%;
}
.woo-account input[type=text],
.woo-account input[type=email],
.woo-account input[type=password]{
width: 100%;
font-family: "RobotoRegular";
font-size: 14px;
color: #6f6f6f;
}
.woo-account form,
.woo-account input[type=text],
.woo-account input[type=email],
.woo-account input[type=password]{
border: 1px solid #e5e5e5;
}
.woo-account .password-block{
margin-top: 40px;
}
.woocommerce-page .woo-account .my-account-form input[type=submit]{
margin-top: 20px;
}
.woo-account .my-account-form label,
.woo-account .my-account-form p,
.woo-account .my-account-form a{
font-family: "RobotoRegular";
font-size: 14px;
font-weight: normal;
color: #6f6f6f;
}
.woo-account .my-account-form label{
text-transform: none;
padding-bottom: 8px;
padding-left: 4px;
}
.woo-account .my-account-form input[type="submit"]{
padding: 10px 34px 8px;
}
.woo-account .my-account-form input[type="checkbox"]{
outline: none;
}
.woo-account .my-account-form .label-rememberme{
cursor: pointer;
vertical-align: middle;
padding-left: 20px;
}
.woo-account .entry-title{
font-family: "AntonioRegular";
font-size: 32px;
color: #000;
line-height: 38px;
}
.woo-account .lost-password{
margin-left: 20px;
}
.woo-account .my-account-form .label-rememberme span{
vertical-align: top;
line-height: 50px;
padding-left: 6px;
}
.required{
color: #db3441;
}
.white-background .woocommerce-error,
.woocommerce-message,
.shopping-cart .woocommerce-info,
.order-details-review > div > p,
.cart-empty,
.woocommerce > .order-info{
position: relative;
font-family: "RobotoRegular";
font-size: 16px;
line-height: 1.3;
padding: 30px 20px;
background: #f2f2f2;
border-top: 5px solid #9edb6c;
color: #6f6f6f;
}
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-info .showlogin{
font-family: "RobotoRegular";
color: #428bca;
}
.woocommerce-error,
.white-background .woocommerce-error,
.cart-empty{
margin-bottom: 0;
border-top: 5px solid rgba(219, 52, 65, 0.7);
color: rgba(219, 52, 65, 0.7);
}
ul.woocommerce-error{
padding-left: 40px !important;
}
ul.woocommerce-error li{
font-family: RobotoRegular;
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
}
.return-to-shop{
margin-top: 12px;
}
.shopping-cart{
min-height: 300px;
}
.woocommerce-error li,
.white-background .woocommerce-error li{
color: rgba(219, 52, 65, 0.7);
}
.shopping-cart .woocommerce-error,
.shopping-cart .woocommerce-info{
margin-bottom: 20px;
}
.woo-my-account .message{
background: #f2f2f2;
border-top: 5px solid #9edb6c;
font-size: 14px;
color: #6f6f6f;
}
.myaccount_user strong{
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
}
.woo-my-account .message a{
font-size: 13px;
color: #35bdb3;
text-decoration: underline;
text-transform: uppercase;
}
.woo-my-account .account-my-address h2,
.woo-my-account > h2{
font-family: "AntonioRegular";
font-size: 32px;
line-height: 38px;
color: #000;
text-transform: uppercase;
}
.order-details-review .address,
.account-my-address .address{
box-sizing: border-box;
width: 48%;
float: left;
border: 5px solid #f2f2f2;
}
.order-details-review .address:nth-child(1),
.account-my-address .address:nth-child(1){
margin-right: 4%;
}
.account-my-address .edit{
background: none repeat scroll 0 0 #eaeaea;
border: 1px solid #a9a9a9;
color: #a9a9a9;
font-family: "AntonioRegular";
font-size: 20px;
line-height: 24px;
margin: 10px 20px 0;
padding: 10px 44px 8px;
text-transform: uppercase;
}
.account-my-address .edit:hover{
background: none repeat scroll 0 0 #a9a9a9;
color: #fff;
}
.woo-my-account .account-my-address .address header{
}
.order-details-review .address h3,
.account-my-address .address h3{
font-family: "AntonioRegular";
color: #333;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
border-bottom: 5px solid #f2f2f2;
padding: 0 20px 10px;
margin-bottom: 34px;
margin-top: 15px;
}
.order-details-review .address address,
.account-my-address .address address{
font-family: "RobotoRegular";
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #999;
padding: 20px;
padding-bottom: 16px;
margin-bottom: 0;
}
.order-details-review .customer_details{
font-size: 14px;
padding: 10px;
border: 5px solid #f2f2f2;
}
.order-details-review a,
.order-details-review span,
.order-details-review strong{
font-family: "RobotoRegular";
font-size: 13px;
font-weight: normal;
color: #6f6f6f;
}
.order-details-review a{
color: #35bdb3;
}
.order-details-review a:hover{
}
.order-details-review > div h2{
padding: 10px ;
margin-bottom: 0;
border-bottom: medium none;
}
.order-details-review > div > p{
}
.order-details-review .order_details,
.order-details-review .shop_table,
.woo-my-account .shop_table{
border: 5px solid #f2f2f2;
}
.order-details-review .bacs_details{
border: medium none;
}
.order-details-review .order_details{
font-size: 13px;
padding: 10px;
}
.woo-my-account .shop_table,
.order-details-review .shop_table{
padding: 0;
}
.order-details-review .order_details strong,
.woo-my-account .shop_table strong{
text-transform: uppercase;
font-size: 14px;
}
.order-details-review .order_details thead th,
.woo-my-account .shop_table thead th{
font-family: "AntonioRegular";
font-size: 18px;
padding: 10px 20px;
text-transform: uppercase;
color: #333;
border-bottom: 5px solid #f2f2f2;
}
.woo-my-account .shop_table thead th{
padding: 20px;
}
.order-details-review .order_details tfoot td,
.order-details-review .order_details tfoot th,
.woo-my-account .shop_table tfoot td,
.woo-my-account .shop_table tfoot th {
font-family: "RobotoRegular";
font-size: 14px;
color: #333;
border-top: 1px solid #f2f2f2;
padding: 10px 20px;
text-align: left;
}
.order-details-review .order_details tfoot td,
.woo-my-account .shop_table tfoot td{
font-size: 13px;
color: #6f6f6f;
}
.order-details-review .shop_table tbody td{
padding: 10px 10px 10px 20px;
border-bottom: 5px solid #f2f2f2;
}
.woo-my-account .shop_table tbody td{
padding: 10px 10px 10px 20px;
border-top: 1px solid #f2f2f2;
}
.woo-my-account .shop_table tbody tr:nth-child(1) td{
border-top: medium none;
}
.order-details-review .shop_table .order_item td{
border-top: medium none;
}
.order-details-review .shop_table .product-view,
.woo-my-account .shop_table .product-view{
text-align: left;
}
.order-details-review .shop_table .product-view a,
.woo-my-account .shop_table .product-view a,
.woo-my-account .shop_table tbody .order-actions a{
display: inline-block;
font-family: "RobotoBold";
font-size: 12px;
letter-spacing: 1px;
padding: 3px 15px;
color: #fff;
text-transform: uppercase;
background: none repeat scroll 0 0 #35bdb3;
border: medium none;
line-height: 24px;
}
.order-details-review .shop_table .product-view a:hover{
background: none repeat scroll 0 0 #a9a9a9;
color: #fff;
}
.order-details-review .shop_table tbody td,
.order-details-review .shop_table tbody td strong,
.order-details-review .shop_table tbody td span,
.order-details-review .shop_table tbody td a,
.woo-my-account .shop_table tbody td,
.woo-my-account .shop_table tbody td strong,
.woo-my-account .shop_table tbody td span,
.woo-my-account .shop_table tbody td a{
font-size: 14px;
text-align: left;
}
.order-details-review .shop_table tfoot td,
.order-details-review .shop_table tfoot td span,
.woo-my-account .shop_table tfoot td,
.woo-my-account .shop_table tfoot td span{
font-weight: bold;
text-transform: uppercase;
}
.woo-my-account .shop_table tbody td,
.woo-my-account .shop_table tbody td span,
.woo-my-account .shop_table tbody td a,
.woo-my-account .shop_table tbody td time{
font-family: "RobotoRegular";
font-size: 12px;
color: #6f6f6f;
}
/* =======================================================================================
====================================== // Checkout =================================== */
.woocommerce .star-rating,
.woocommerce-page .star-rating {
float: left;
font-family: "icomoon";
font-size: 1.1em;
height: 1em;
line-height: 1em;
overflow: hidden;
position: relative;
left: 10px;
top: 2px;
width: 5.4em;
}
.woocommerce .summary .star-rating,
.woocommerce-page .summary .star-rating{
font-size: 1.3em;
}
.woocommerce .star-rating:before, .woocommerce-page .star-rating:before {
color: #f7bd33;
content: "\e601\e601\e601\e601\e601";
float: left;
}
.woocommerce .star-rating span, .woocommerce-page .star-rating span {
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0;
}
.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before {
color: #f7bd33;
content: "\e601\e601\e601\e601\e601";
left: 0;
position: absolute;
top: 0;
}
.woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating {
font-family: "RobotoRegular";
display: block;
line-height: 2em;
}
.woocommerce .woocommerce-product-rating a,
.woocommerce-page .woocommerce-product-rating a {
font-size: 16px;
line-height: 30px;
color: #6f6f6f;
}
.woocommerce .woocommerce-product-rating a:hover,
.woocommerce-page .woocommerce-product-rating a:hover {
color: #38cabf;
}
.woocommerce .woocommerce-product-rating .star-rating,
.woocommerce-page .woocommerce-product-rating .star-rating {
float: left;
margin: 0.2em 0 0 10px;
}
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link{
margin-left: 22px;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
display: block;
float: none;
margin: 0 0 0.5em;
}
.woocommerce .hreview-aggregate .star-rating, .woocommerce-page .hreview-aggregate .star-rating {
margin: 10px 0 0;
}
/* ------------------------------------- comments rating */
.woocommerce p.stars, .woocommerce-page p.stars {
font-size: 1em;
position: relative;
padding-top: 10px;
}
.woocommerce p.stars a, .woocommerce-page p.stars a {
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1.2em;
margin-right: 2em;
position: relative;
text-indent: -9999px;
color: #fff;
}
.woocommerce p.stars a:last-child, .woocommerce-page p.stars a:last-child {
border-right: 0 none;
}
.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5, .woocommerce-page p.stars a.star-1, .woocommerce-page p.stars a.star-2, .woocommerce-page p.stars a.star-3, .woocommerce-page p.stars a.star-4, .woocommerce-page p.stars a.star-5 {
border-right: 1px solid #ccc;
}
.woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after, .woocommerce-page p.stars a.star-1:after, .woocommerce-page p.stars a.star-2:after, .woocommerce-page p.stars a.star-3:after, .woocommerce-page p.stars a.star-4:after, .woocommerce-page p.stars a.star-5:after {
font-family: WooCommerce;
left: 0;
position: absolute;
text-indent: 0;
top: 0;
}
.woocommerce p.stars a.star-1, .woocommerce-page p.stars a.star-1 {
width: 2em;
}
.woocommerce p.stars a.star-1:after, .woocommerce-page p.stars a.star-1:after {
content: "";
}
.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after, .woocommerce-page p.stars a.star-1.active:after, .woocommerce-page p.stars a.star-1:hover:after {
content: "";
}
.woocommerce p.stars a.star-2, .woocommerce-page p.stars a.star-2 {
width: 3em;
}
.woocommerce p.stars a.star-2:after, .woocommerce-page p.stars a.star-2:after {
content: "";
}
.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after, .woocommerce-page p.stars a.star-2.active:after, .woocommerce-page p.stars a.star-2:hover:after {
content: "";
}
.woocommerce p.stars a.star-3, .woocommerce-page p.stars a.star-3 {
width: 4em;
}
.woocommerce p.stars a.star-3:after, .woocommerce-page p.stars a.star-3:after {
content: "";
}
.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after, .woocommerce-page p.stars a.star-3.active:after, .woocommerce-page p.stars a.star-3:hover:after {
content: "";
}
.woocommerce p.stars a.star-4, .woocommerce-page p.stars a.star-4 {
width: 5em;
}
.woocommerce p.stars a.star-4:after, .woocommerce-page p.stars a.star-4:after {
content: "";
}
.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after, .woocommerce-page p.stars a.star-4.active:after, .woocommerce-page p.stars a.star-4:hover:after {
content: "";
}
.woocommerce p.stars a.star-5, .woocommerce-page p.stars a.star-5 {
border: 0 none;
width: 6em;
}
.woocommerce p.stars a.star-5:after, .woocommerce-page p.stars a.star-5:after {
content: "";
}
.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after, .woocommerce-page p.stars a.star-5.active:after, .woocommerce-page p.stars a.star-5:hover:after {
content: "";
}
/* ------------------------------------- comments rating */
/* =======================================================================================
====================================== // Shop ===================================== */
/* =======================================================================================
=================================== MEDIA QUERIES ================================== */
@media (min-width: 992px){
.team-list .col-md-2 {
display: inline-block;
float: none;
text-align: left;
font-size: 1rem;
}
}
@media (max-width: 1360px) {
.team-list > li{
width: 33.333333%;
}
.team-item header a{
width: 50%;
}
}
@media (max-width: 1220px) {
.events-block .events-slider{
height: 460px;
min-height: 460px;
}
.recommend-block .product-photo{
padding: 10px 0;
}
}
@media (max-width: 1200px) {
.main-header .social-links > li,
.main-header .social-links > li a,
.main-header .social-links > li i,
.main-header .social-links > li img,
.social-links > li a,
.social-links > li i:before,
.member-box .social-links > li a,
.member-box .social-links > li i:before{
width: 46px;
height: 46px;
}
.main-header .social-links > li img{
width: 90%;
}
.main-header .social-links > li i:before{
height: 94%;
}
.main-nav > ul > li > a {
margin-right: 26px;
}
}
/* Menu responsive */
@media screen and (max-width: 990px) {
body.menu-effect .show-content {
position: relative;
left: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translate(121px,0) !important;
-moz-transform: translate(121px,0) !important;
-ms-transform: translate(121px,0) !important;
transform: translate(121px,0) !important;
}
body.menu-effect .main-nav{
cursor: move;
}
.search-block{
width: 80%;
}
.woocommerce-page .search-block{
width: auto;
}
.responsive-nav > ul > li ul{
position: static;
}
.main-header .social-links > li,
.main-header .social-links > li a,
.main-header .social-links > li i,
.main-header .social-links > li img,
.social-links > li a,
.social-links > li i:before,
.member-box .social-links > li a,
.member-box .social-links > li i:before{
width: 36px;
height: 36px;
}
.main-header .social-links > li img{
width: 90%;
}
.classes-slider-box .underneath{
display: none;
}
}
@media (max-width: 992px) {
body > .main-nav {
position: fixed;
top: 0;
left: -210px;
bottom: 0;
height: 100%;
padding-top: 80px;
margin-top: 0;
width: 210px;
z-index: 101;
background: #333333;
overflow: hidden;
-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.4);
box-shadow: inset 0 0 30px rgba(0,0,0,0.4);
z-index: 150;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.main-nav.active-menu {
left: 0;
}
.main-header .nav-bar {
display: block;
}
body.menu-effect .boxed-view {
-webkit-transition: all 0.4s ease;
-webkit-transform: translate(200px,0);
z-index: 100;
position: relative;
}
body > .main-nav > ul,
body > .main-nav > ul > li {
float: none;
}
body > .main-nav > ul > li > a {
display: block;
background: rgba(0,0,0,0.3);
padding: 20px 11px 18px;
margin-left: 0;
margin-right: 0;
border-bottom-color: rgba(255,255,255,0.1);
}
body .mobile-menu-button {
display: block;
width: 62px;
height: 62px;
margin: auto;
padding: 1px 5px;
font-size: 24px;
position: absolute;
right: 76px;
top: 0;
bottom: 0px;
margin: auto;
text-align: center;
line-height: 62px;
background: url("../images/icons/menu-icon.png") no-repeat 0 0 transparent;
}
body .woocommerce-page .mobile-menu-button{
background: url("../images/icons/white-menu-icon.png") no-repeat 0 0 transparent;
background-size: cover;
right: 132px;
}
.mobile-menu-button:hover {
text-decoration: none;
}
.product .summary{
padding: 0 20px;
}
.main-header .socials{
margin: 12px 0 0;
}
.social-links > li a {
max-height: 48px;
width: 36px;
}
.main-slider .sneakers{
left: 20%;
}
.recommend-block{
margin-top: 40px;
}
.gallery-slider .quarter-size .gallery-photo-desc > div .zoom-image{
transform: scale(0.8) translate(0px, -70%);
}
}
@media screen and (max-width: 992px){
.big-footer .sportify-wrap{
display: none;
}
.big-footer .footer-block{
margin-top: 20px;
}
.contact-form label{
margin-top: 20px;
}
.error-box .sneakers-block{
padding-top: 60px;
}
.new-arrivals > .row > div{
width: 25%;
}
.new-arrivals > .row > div:nth-child(5){
border-top: medium none;
}
.new-arrivals > .row > div:nth-child(5n+1){
border-left: medium none;
}
.new-arrivals > .row > div:nth-child(4n+1){
border-left: 1px solid #e5e5e5;
}
.team-item header a{
width: 50%;
}
.team-list > li{
width: 50%;
}
.shop-slider .round-offer{
left: 50%;
}
.shop-slider .round-offer{
width: 286px;
height: 286px;
left: 40%;
}
.shop-slider .round-offer:before{
width: 334px;
height: 334px;
}
.member-box figure img{
width: 100%;
}
.commentlist > li .children{
margin-left: 20px;
}
.member-box .content{
min-height: 100px !important;
}
}
@media screen and (max-width: 768px){
.main-header .ad{
margin-top: 18px;
}
.main-header .socials{
display: none;
}
.big-footer .footer-block{
padding-bottom: 60px;
}
.big-footer .contact-block{
position: relative;
width: auto;
bottom: auto;
left: auto;
}
.big-footer .contact-block textarea{
margin-top: 30px;
}
.big-footer .contact-block .form-submit{
text-align: center;
}
.filter-box ul li,
.filter-box > div{
width: 100%;
}
.filter-box ul li a{
font-size: 18px;
padding: 10px;
}
.timetable thead tr > th:nth-child(1),
.timetable tbody tr > th{
display: none;
}
.new-arrivals > .row > div{
width: 50%;
}
.new-arrivals > .row > div:nth-child(3),
.new-arrivals > .row > div:nth-child(4),
.new-arrivals > .row > div:nth-child(5){
border-top: medium none;
}
.new-arrivals > .row > div:nth-child(5n+1){
border-left: medium none;
}
.new-arrivals > .row > div:nth-child(2n+1){
border-left: 1px solid #e5e5e5;
}
.about-box header .header-block .entry-header{
position: static;
top: 0;
left: 0;
}
.blog-box figure img{
width: 100%;
}
body .woocommerce-page .mobile-menu-button{
width: 52px;
height: 52px;
right: 160px;
}
.news-block .news-list li .row > div:hover:before{
height: 100%;
}
.commentlist > li .children{
margin-left: 10px;
}
.blog-box .blog-items > div{
width: 100%;
}
}
@media screen and (max-width: 724px){
.main-header .ad{
margin-top: 15px;
}
body .mobile-menu-button {
right: 22px;
}
.team-list > li{
width: 100%;
}
.tp-bullets {
margin-left: 5% !important;
}
}
@media screen and (max-width: 670px){
.woo-container .shopping-cart-wrap .coupon-code-block .coupon-field{
width: 50%;
}
.woo-container .shopping-cart-wrap .coupon-code-block .button{
width: 50%;
}
.update-cart{
float: none;
text-align: right;
margin-bottom: 20px;
}
}
@media screen and (max-width: 640px){
.nav-bar .identity{
text-align: center;
}
.nav-bar .identity img{
max-height: 40px;
}
body .woocommerce-page .mobile-menu-button{
right: 130px;
width: 42px;
height: 42px;
background-position: 0 -2px;
}
body .woocommerce-page .search-block{
display: none;
}
body .woocommerce-page header .col-xs-4{
width: 100%;
}
body .woocommerce-page > header .cart-all{
margin-left: 15px;
}
body .woocommerce-page > header .cart-all i,
body .woocommerce-page > header .cart-all .amount{
width: 50%;
}
body .woocommerce-page > header .col-xs-3{
width: 100%;
}
.show-content > header .col-xs-4{
width: 100%;
}
.show-content > header .ad{
display: none;
}
.page-slider-block ul li .col-xs-6{
width: 100%;
}
.page-slider-box .slider-controls{
bottom: 30%;
}
.checkout_coupon input[type="text"]{
min-width: 120px !important;
width: auto !important;
}
}
@media screen and (max-width: 480px){
.sneakers-block{
display: none;
}
body .woocommerce-page .mobile-menu-button{
right: 10px;
}
.team-item header a{
width: 100%;
text-align: center;
padding: 10px 0 4px 10px;
}
.team-item header a br{
display: none;
}
.classes-box .classes{
width: 100%;
left: 0;
}
.classes-box nav .toggle-content .entry-header{
padding-top: 20px;
margin-top: 12px;
}
.classes-box nav .toggle-content{
position: relative;
left: 0;
width: 100%;
}
.classes-box .classes-content-block .read-more{
position: relative;
bottom: 0;
right: 0;
font-size: 20px;
line-height: 18px;
margin-top: 20px;
padding: 12px 50px 8px 0px
}
.box-header .entry-header{
font-size: 22px;
line-height: 28px;
}
body .mobile-menu-button{
right: 10px;
}
}
/* =======================================================================================
=================================== // MEDIA QUERIES ================================== */
.payment_method_paypal img{
height: 50px !important;
margin: 0 20px;
}
form label, .mc4wp-checkbox-woocommerce label{
color: #666;
}
.create-account .input-checkbox{
margin: 0;
}
.woo-checkout .woocommerce-billing-fields .checkbox{
display: -webkit-inline-box;
}
form .input-checkbox{
height: inherit;
}
body.rtl .home-slider {
direction: ltr !important;
}