hesabixCore/public_html/betheme/css/global.css

25842 lines
442 KiB
CSS
Raw Normal View History

/*
|-------------------------------------------------------------------------
| Be
| Global style
| version 7.5
| http://BeantownThemes.com
| http://themeforest.net/user/BeantownThemes
|--------------------------------------------------------------------------
| 1.0 Base
| 2.0 Buttons
| 3.0 Mfn-icons
| 4.0 Shortcodes
| 5.0 Variables
| 6.0 Animation
| 7.0 jQuery ui
| 8.0 jPlayer
| 9.0 Prrettyphoto
| 10. simple style
| 11. Bootstrap elements
|
*/
/*
|--------------------------------------------------------------------------
| 1.0 Base
|
|--------------------------------------------------------------------------
|
|
|
*/
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: 100;
src: url("fonts/woff/YekanBakhFaNum-thin.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-thin.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-Thin.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-Thin.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: 300;
src: url("fonts/woff/YekanBakhFaNum-Light.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-Light.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-Light.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-Light.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: normal;
src: url("fonts/woff/YekanBakhFaNum-Regular.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-Regular.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-Regular.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-Regular.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: 600;
src: url("fonts/woff/YekanBakhFaNum-SemiBold.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-SemiBold.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-SemiBold.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-SemiBold.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: bold;
src: url("fonts/woff/YekanBakhFaNum-Bold.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-Bold.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-Bold.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-Bold.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: 800;
src: url("fonts/woff/YekanBakhFaNum-ExtraBold.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-ExtraBold.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-ExtraBold.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-ExtraBold.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: 900;
src: url("fonts/woff/YekanBakhFaNum-Black.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-Black.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-Black.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-Black.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: 950;
src: url("fonts/woff/YekanBakhFaNum-ExtraBlack.woff") format("woff"),
url("fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2") format("woff2"),
url("fonts/ttf/YekanBakhFaNum-ExtraBlack.ttf") format("truetype"),
url("fonts/otf/YekanBakhFaNum-ExtraBlack.otf") format("opentype");
}
@font-face {
font-family: YekanBakhFaNum;
font-style: normal;
font-weight: normal;
src: url("fonts/ttf/YekanBakhFaNum-VF.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: 100;
src: url("fonts/woff2/PeydaWebFaNum-Thin.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-Thin.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-Thin.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: 200;
src: url("fonts/woff2/PeydaWebFaNum-ExtraLight.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-ExtraLight.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-ExtraLight.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: 300;
src: url("fonts/woff2/PeydaWebFaNum-Light.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-Light.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-Light.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: normal;
src: url("fonts/woff2/PeydaWebFaNum-Regular.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-Regular.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-Regular.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: 500;
src: url("fonts/woff2/PeydaWebFaNum-Medium.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-Medium.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-Medium.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: 600;
src: url("fonts/woff2/PeydaWebFaNum-SemiBold.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-SemiBold.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: bold;
src: url("fonts/woff2/PeydaWebFaNum-Bold.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-Bold.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-Bold.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: 800;
src: url("fonts/woff2/PeydaWebFaNum-ExtraBold.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-ExtraBold.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-ExtraBold.ttf") format("truetype");
}
@font-face {
font-family: PeydaWebFaNum;
font-style: normal;
font-weight: 900;
src: url("fonts/woff2/PeydaWebFaNum-Black.woff2") format("woff2"),
url("fonts/woff/PeydaWebFaNum-Black.woff") format("woff"),
url("fonts/ttf/PeydaFaNum-Black.ttf") format("truetype");
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input [type="button"],
input [type="checkbox"],
input [type="color"],
input [type="date"],
input [type="datetime-local"],
input [type="email"],
input [type="file"],
input [type="hidden"],
input [type="image"],
input [type="month"],
input [type="number"],
input [type="password"],
input [type="radio"],
input [type="range"],
input [type="reset"],
input [type="search"],
input [type="submit"],
input [type="tel"],
input [type="text"],
input [type="time"],
input [type="url"],
input [type="week"],
textarea,
button,
select,
option,
optgroup,
::placeholder {
direction: rtl;
font-family: 'YekanBakhFaNum';
font-variation-settings: "dots" 1;
letter-spacing: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'PeydaWebFaNum' !important;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* #Basic Styles
================================================== */
html {
height: 100%;
}
body {
-webkit-font-smoothing: antialiased;
/* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
h1 {
margin-bottom: 15px;
}
h2 {
margin-bottom: 15px;
}
h3 {
margin-bottom: 15px;
}
h4 {
margin-bottom: 15px;
}
h5 {
margin-bottom: 15px;
}
h6 {
margin-bottom: 15px;
}
p {
margin: 0 0 15px;
}
em,
i {
font-style: italic;
}
b,
strong {
font-weight: 700;
}
big,
.big {
font-size: 110%;
line-height: 180%;
}
dt {
font-weight: 700;
}
/* #Links
================================================== */
a,
a:visited,
a:focus {
text-decoration: none;
outline: 0;
}
a:hover {
text-decoration: underline;
}
p a,
p a:visited {
line-height: inherit;
}
/* #Images
================================================== */
img.scale-with-grid,
#Content img {
max-width: 100%;
height: auto;
}
.google-map img {
max-width: none !important;
}
iframe {
max-width: 100%;
}
/* Sizes ----------------------------------------------------------------------------- */
/* .mcb-wrap */
.one-sixth.mcb-wrap {
width: 16.666%;
}
/* 1/6 */
.one-fifth.mcb-wrap {
width: 20%;
}
/* 1/5 */
.one-fourth.mcb-wrap {
width: 25%;
}
/* 1/4 */
.one-third.mcb-wrap {
width: 33.333%;
}
/* 1/3 */
.two-fifth.mcb-wrap {
width: 40%;
}
/* 2/5 */
.one-second.mcb-wrap {
width: 50%;
}
/* 1/2 */
.three-fifth.mcb-wrap {
width: 60%;
}
/* 3/5 */
.two-third.mcb-wrap {
width: 66.666%;
}
/* 2/3 */
.three-fourth.mcb-wrap {
width: 75%;
}
/* 3/4 */
.four-fifth.mcb-wrap {
width: 80%;
}
/* 4/5 */
.five-sixth.mcb-wrap {
width: 83.333%;
}
/* 5/6 */
.one.mcb-wrap {
width: 100%;
}
/* 1/1 */
/* .column */
.one-sixth.column {
width: 14.666%;
}
/* 1/6 */
.one-fifth.column {
width: 18%;
}
/* 1/5 */
.one-fourth.column,
.four.columns {
width: 23%;
}
/* 1/4 */
.one-third.column {
width: 31.333%;
}
/* 1/3 */
.two-fifth.column {
width: 38%;
}
/* 2/5 */
.one-second.column {
width: 48%;
}
/* 1/2 */
.three-fifth.column {
width: 58%;
}
/* 3/5 */
.two-third.column {
width: 64.666%;
}
/* 2/3 */
.three-fourth.column {
width: 73%;
}
/* 3/4 */
.four-fifth.column {
width: 78%;
}
/* 4/5 */
.five-sixth.column {
width: 81.333%;
}
/* 5/6 */
.one.column {
width: 98%;
}
/* 1/1 */
.section.full-width > .one.column,
.section.full-width > .section_wrapper > .one.column,
.section.full-width .one.wrap .one.column {
width: 100%;
margin: 0;
}
/* .Sidebar | .with_aside */
.with_aside .content_wrapper {
max-width: 1240px;
margin: 0 auto;
}
.with_aside .sections_group {
width: 75%;
float: right;
}
.with_aside .section_wrapper {
max-width: 98%;
max-width: calc(100% - 20px);
}
.with_aside .four.columns {
float: left;
margin: 0;
}
.aside_right .sections_group {
float: left;
}
.aside_right .four.columns {
float: right;
}
/* Sidebar - Both | .aside_both */
.aside_both .sections_group {
width: 60%;
margin-right: 20%;
}
.aside_both .sidebar.columns {
width: 18%;
}
.aside_both .sidebar-1 {
float: right !important;
margin-right: -79%;
}
/* Column ---------------------------------------------------------------------------- */
/* Column | Margin - Horizontal */
.no-margin-h .column {
margin-right: 0;
margin-left: 0;
}
.no-margin-h .one-sixth.column {
width: 16.666%;
}
/* 1/6 */
.no-margin-h .one-fifth.column {
width: 20%;
}
/* 1/5 */
.no-margin-h .one-fourth.column {
width: 25%;
}
/* 1/4 */
.no-margin-h .one-third.column {
width: 33.333%;
}
/* 1/3 */
.no-margin-h .one-second.column {
width: 50%;
}
/* 1/2 */
.no-margin-h .two-third.column {
width: 66.666%;
}
/* 2/3 */
.no-margin-h .three-fourth.column {
width: 75%;
}
/* 3/4 */
.no-margin-h .one.column {
width: 100%;
}
/* 1/1 */
/* Column | Margin - Bottom */
/* set in section options */
.column.column_divider {
margin-bottom: 0 !important;
}
.column-margin-0px .column {
margin-bottom: 0 !important;
}
.column-margin-10px .column {
margin-bottom: 10px !important;
}
.column-margin-20px .column {
margin-bottom: 20px !important;
}
.column-margin-30px .column {
margin-bottom: 30px !important;
}
.column-margin-40px .column {
margin-bottom: 40px !important;
}
.column-margin-50px .column {
margin-bottom: 50px !important;
}
/* set in item options */
.column-margin-0px.column {
margin-bottom: 0 !important;
}
.column-margin-10px.column {
margin-bottom: 10px !important;
}
.column-margin-20px.column {
margin-bottom: 20px !important;
}
.column-margin-30px.column {
margin-bottom: 30px !important;
}
.column-margin-40px.column {
margin-bottom: 40px !important;
}
.column-margin-50px.column {
margin-bottom: 50px !important;
}
/* Column | Equal Height */
.equal-height .column .column_attr {
height: 100%;
box-sizing: border-box;
}
/* Column | Align */
.column_attr.align_right {
text-align: right;
}
.column_attr.align_left {
text-align: left;
}
.column_attr.align_center {
text-align: center;
}
.column_attr.align_justify {
text-align: justify;
}
.mcb-wrap {
float: right;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mcb-wrap.divider {
width: 100%;
}
/* #Buttons
================================================== */
a.tp-button {
background: none;
font-family: inherit !important;
height: auto !important;
line-height: inherit !important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
letter-spacing: 0 !important;
text-shadow: 0 0 0 !important;
box-shadow: 0 0 0 !important;
font-weight: 400 !important;
border-width: 1px !important;
}
a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
padding: 11px 20px;
margin-bottom: 15px;
cursor: pointer;
margin-left: 7px;
border: 0;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
background-image: url(../images/box_shadow_button.png);
background-repeat: repeat-x;
}
a.button_js {
padding: 0;
}
a.button.button_large,
a.tp-button.button_large,
button.button_large,
input[type="submit"].button_large,
input[type="reset"].button_large,
input[type="button"].button_large {
font-size: 110%;
line-height: 110%;
}
/* Button label & icon */
a.button .button_label {
display: block;
float: right;
position: relative;
z-index: 2;
}
a.button .button_icon {
display: block;
float: right;
background: rgba(0, 0, 0, 0.05);
}
a.button .button_icon i {
color: rgba(0, 0, 0, 0.5);
}
/* Button icon left */
a.button.button_right .button_icon,
a.tp-button.button_right .button_icon {
float: right;
}
a.button.button_left .button_icon,
a.tp-button.button_left .button_icon {
float: left;
}
/* Paddings */
a.button .button_label {
padding: 11px 20px;
}
a.button .button_icon {
padding: 11px 13px;
}
a.button_large .button_label {
padding: 15px 30px;
}
a.button_large .button_icon {
padding: 15px 13px;
}
/* Hover */
@media only screen and (min-width: 768px) {
a.button:after,
a.tp-button:after,
button:after,
input[type="submit"]:after,
input[type="reset"]:after,
input[type="button"]:after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 0;
z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: rgba(0, 0, 0, 0.05);
}
a:hover.button,
a:hover.tp-button {
text-decoration: none;
}
a.button:hover:after,
a.tp-button:hover:after,
button:hover:after,
input[type="submit"]:hover:after,
input[type="reset"]:hover:after,
input[type="button"]:hover:after {
width: 100%;
}
}
/* #Buttons stroke
================================================== */
.button-stroke a.button,
.button-stroke a.tp-button,
.button-stroke button,
.button-stroke input[type="submit"],
.button-stroke input[type="reset"],
.button-stroke input[type="button"] {
border-width: 2px;
border-style: solid;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: transparent !important;
-webkit-box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 0;
background-image: none;
}
.button-stroke a.button:after,
.button-stroke a.tp-button:after,
.button-stroke button:after,
.button-stroke input[type="submit"]:after,
.button-stroke input[type="reset"]:after,
.button-stroke input[type="button"]:after {
display: none;
}
.button-stroke a:hover.button,
.button-stroke a:hover.tp-button,
.button-stroke button:hover,
.button-stroke input[type="submit"]:hover,
.button-stroke input[type="reset"]:hover,
.button-stroke input[type="button"]:hover {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: #828282;
}
.button-stroke a:hover.button.button_stroke_custom,
.button-stroke a:hover.tp-button.button_stroke_custom {
background-color: rgba(0, 0, 0, 0.05) !important;
}
/* Button icon */
.button-stroke a.button .button_icon {
background: none;
}
.button-stroke a:hover.button .button_icon i,
.button-stroke a.button.button_theme:hover .button_icon i {
color: rgba(0, 0, 0, 0.5) !important;
}
/* Paddings */
.button-stroke a.button_right.button .button_label,
.button-stroke a.button_right.button_large .button_label {
padding-right: 0;
}
.button-stroke a.button_left.button .button_label,
.button-stroke a.button_left.button_large .button_label {
padding-left: 0;
}
.button-stroke a.button_right.button_large .button_icon {
padding-right: 27px;
}
.button-stroke a.button_left.button_large .button_icon {
padding-left: 27px;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
|--------------------------------------------------------------------------
| 2.0 Buttons
|
|--------------------------------------------------------------------------
|
|
|
*/
/* Red */
a.button.button_red,
a.tp-button.red {
background-color: #e7432b;
color: #fff;
}
.button-stroke a.button.button_red,
.button-stroke a.button.button_red .button_icon i,
.button-stroke a.tp-button.red {
color: #e7432b;
border-color: #e7432b;
}
.button-stroke a:hover.button.button_red,
.button-stroke a:hover.tp-button.red {
background-color: #e7432b !important;
color: #fff;
}
/* Blue */
a.button.button_blue,
a.tp-button.blue {
background-color: #2e96db;
color: #fff;
}
.button-stroke a.button.button_blue,
.button-stroke a.button.button_blue .button_icon i,
.button-stroke a.tp-button.blue {
color: #2e96db;
border-color: #2e96db;
}
.button-stroke a:hover.button.button_blue,
.button-stroke a:hover.tp-button.blue {
background-color: #2e96db !important;
color: #fff;
}
/* Turquoise */
a.button.button_turquoise,
a.tp-button.turquoise {
background-color: #22e387;
color: #fff;
}
.button-stroke a.button.button_turquoise,
.button-stroke a.button.button_turquoise .button_icon i,
.button-stroke a.tp-button.turquoise {
color: #22e387;
border-color: #22e387;
}
.button-stroke a:hover.button.button_turquoise,
.button-stroke a:hover.tp-button.turquoise {
background-color: #22e387 !important;
color: #fff;
}
/* Yellow */
a.button.button_yellow,
a.tp-button.yellow {
background-color: #face43;
color: #fff;
}
.button-stroke a.button.button_yellow,
.button-stroke a.button.button_yellow .button_icon i,
.button-stroke a.tp-button.yellow {
color: #face43;
border-color: #face43;
}
.button-stroke a:hover.button.button_yellow,
.button-stroke a:hover.tp-button.yellow {
background-color: #face43 !important;
color: #fff;
}
/* Grey */
a.button.button_grey,
a.tp-button.grey {
background-color: #8f8f8f;
color: #fff;
}
.button-stroke a.button.button_grey,
.button-stroke a.button.button_grey .button_icon i,
.button-stroke a.tp-button.grey {
color: #8f8f8f;
border-color: #8f8f8f;
}
.button-stroke a:hover.button.button_grey,
.button-stroke a:hover.tp-button.grey {
background-color: #8f8f8f !important;
color: #fff;
}
/* Navy */
a.button.button_navy,
a.tp-button.navy {
background-color: #3b5982;
color: #fff;
}
.button-stroke a.button.button_navy,
.button-stroke a.button.button_navy .button_icon i,
.button-stroke a.tp-button.navy {
color: #3b5982;
border-color: #3b5982;
}
.button-stroke a:hover.button.button_navy,
.button-stroke a:hover.tp-button.navy {
background-color: #3b5982 !important;
color: #fff;
}
/* Orange */
a.button.button_orange,
a.tp-button.orange {
background-color: #ff8125;
color: #fff;
}
.button-stroke a.button.button_orange,
.button-stroke a.button.button_orange .button_icon i,
.button-stroke a.tp-button.orange {
color: #ff8125;
border-color: #ff8125;
}
.button-stroke a:hover.button.button_orange,
.button-stroke a:hover.tp-button.orange {
background-color: #ff8125 !important;
color: #fff;
}
/* Green */
a.button.button_green,
a.tp-button.green {
background-color: #88be4c;
color: #fff;
}
.button-stroke a.button.button_green,
.button-stroke a.button.button_green .button_icon i,
.button-stroke a.tp-button.green {
color: #88be4c;
border-color: #88be4c;
}
.button-stroke a:hover.button.button_green,
.button-stroke a:hover.tp-button.green {
background-color: #88be4c !important;
color: #fff;
}
/****************************************************/
/* Button darkgrey */
a.tp-button.darkgrey {
background-color: transparent;
color: #545454 !important;
border-color: #545454;
}
a:hover.tp-button.darkgrey {
background-color: #545454;
color: #fff !important;
}
/* Button lightgrey */
a.tp-button.lightgrey {
background-color: transparent;
color: #fff;
border-color: #fff;
}
a:hover.tp-button.lightgrey {
background-color: #fff;
color: #545454 !important;
}
/*
|--------------------------------------------------------------------------
| 3.0 Mfn-icons
|
|--------------------------------------------------------------------------
|
|
|
*/
@font-face {
font-family: "mfn-icons";
src: url(fonts/mfn-icons.eot);
src: url(fonts/mfn-icons.eot) format("embedded-opentype"), url(fonts/mfn-icons.woff) format("woff"),
url(fonts/mfn-icons.ttf) format("truetype"), url(fonts/mfn-icons.svg) format("svg");
font-weight: 400;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'mfn-icons';
src: url('fonts/../font/mfn-icons.svg?3416171#mfn-icons') format('svg');
}
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "mfn-icons";
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: none !important;
width: 1em;
margin-left: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-right: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-acrobat:before {
content: "\e800";
}
.icon-address:before {
content: "\e801";
}
.icon-adjust:before {
content: "\e802";
}
.icon-aim:before {
content: "\e803";
}
.icon-air:before {
content: "\e804";
}
.icon-alert:before {
content: "\e805";
}
.icon-amazon:before {
content: "\e806";
}
.icon-android:before {
content: "\e807";
}
.icon-angellist:before {
content: "\e808";
}
.icon-appnet:before {
content: "\e809";
}
.icon-appstore:before {
content: "\e80a";
}
.icon-archive:before {
content: "\e80b";
}
.icon-arrow-combo:before {
content: "\e80c";
}
.icon-arrows-ccw:before {
content: "\e80d";
}
.icon-attach:before {
content: "\e80e";
}
.icon-attach-line:before {
content: "\e80f";
}
.icon-attention:before {
content: "\e810";
}
.icon-back:before {
content: "\e811";
}
.icon-back-in-time:before {
content: "\e812";
}
.icon-bag:before {
content: "\e813";
}
.icon-basket:before {
content: "\e814";
}
.icon-battery:before {
content: "\e815";
}
.icon-beaker-line:before {
content: "\e816";
}
.icon-bell:before {
content: "\e817";
}
.icon-bitbucket:before {
content: "\e818";
}
.icon-bitcoin:before {
content: "\e819";
}
.icon-block:before {
content: "\e81a";
}
.icon-blogger:before {
content: "\e81b";
}
.icon-book:before {
content: "\e81c";
}
.icon-book-open:before {
content: "\e81d";
}
.icon-bookmark:before {
content: "\e81e";
}
.icon-bookmarks:before {
content: "\e81f";
}
.icon-box:before {
content: "\e820";
}
.icon-briefcase:before {
content: "\e821";
}
.icon-brush:before {
content: "\e822";
}
.icon-bucket:before {
content: "\e823";
}
.icon-buffer:before {
content: "\e824";
}
.icon-calendar:before {
content: "\e825";
}
.icon-calendar-line:before {
content: "\e826";
}
.icon-call:before {
content: "\e827";
}
.icon-camera:before {
content: "\e828";
}
.icon-camera-line:before {
content: "\e829";
}
.icon-cancel:before {
content: "\e82a";
}
.icon-cancel-circled:before {
content: "\e82b";
}
.icon-cancel-squared:before {
content: "\e82c";
}
.icon-cart:before {
content: "\e82d";
}
.icon-cc:before {
content: "\e82e";
}
.icon-cc-by:before {
content: "\e82f";
}
.icon-cc-nc:before {
content: "\e830";
}
.icon-cc-nc-eu:before {
content: "\e831";
}
.icon-cc-nc-jp:before {
content: "\e832";
}
.icon-cc-nd:before {
content: "\e833";
}
.icon-cc-pd:before {
content: "\e834";
}
.icon-cc-remix:before {
content: "\e835";
}
.icon-cc-sa:before {
content: "\e836";
}
.icon-cc-share:before {
content: "\e837";
}
.icon-cc-zero:before {
content: "\e838";
}
.icon-ccw:before {
content: "\e839";
}
.icon-cd:before {
content: "\e83a";
}
.icon-cd-line:before {
content: "\e83b";
}
.icon-chart-area:before {
content: "\e83c";
}
.icon-chart-bar:before {
content: "\e83d";
}
.icon-chart-line:before {
content: "\e83e";
}
.icon-chart-pie:before {
content: "\e83f";
}
.icon-chat:before {
content: "\e840";
}
.icon-check:before {
content: "\e841";
}
.icon-clipboard:before {
content: "\e842";
}
.icon-clock:before {
content: "\e843";
}
.icon-clock-line:before {
content: "\e844";
}
.icon-cloud:before {
content: "\e845";
}
.icon-cloud-line:before {
content: "\e846";
}
.icon-cloud-thunder:before {
content: "\e847";
}
.icon-cloudapp:before {
content: "\e848";
}
.icon-code:before {
content: "\e849";
}
.icon-cog:before {
content: "\e84a";
}
.icon-cog-line:before {
content: "\e84b";
}
.icon-comment-fa:before {
content: "\e84c";
}
.icon-comment-line:before {
content: "\e84d";
}
.icon-compass:before {
content: "\e84e";
}
.icon-credit-card:before {
content: "\e84f";
}
.icon-cup:before {
content: "\e850";
}
.icon-cup-line:before {
content: "\e851";
}
.icon-cw:before {
content: "\e852";
}
.icon-database-line:before {
content: "\e853";
}
.icon-delicious:before {
content: "\e854";
}
.icon-desktop-line:before {
content: "\e855";
}
.icon-diamond-line:before {
content: "\e856";
}
.icon-digg:before {
content: "\e857";
}
.icon-direction:before {
content: "\e858";
}
.icon-disqus:before {
content: "\e859";
}
.icon-doc:before {
content: "\e85a";
}
.icon-doc-landscape:before {
content: "\e85b";
}
.icon-doc-line:before {
content: "\e85c";
}
.icon-doc-text:before {
content: "\e85d";
}
.icon-doc-text-inv:before {
content: "\e85e";
}
.icon-docs:before {
content: "\e85f";
}
.icon-dot:before {
content: "\e860";
}
.icon-dot-2:before {
content: "\e861";
}
.icon-dot-3:before {
content: "\e862";
}
.icon-down:before {
content: "\e863";
}
.icon-down-bold:before {
content: "\e864";
}
.icon-down-circled:before {
content: "\e865";
}
.icon-down-dir:before {
content: "\e866";
}
.icon-down-open:before {
content: "\e867";
}
.icon-down-open-big:before {
content: "\e868";
}
.icon-down-open-mini:before {
content: "\e869";
}
.icon-down-thin:before {
content: "\e86a";
}
.icon-download:before {
content: "\e86b";
}
.icon-drive:before {
content: "\e86c";
}
.icon-droplet:before {
content: "\e86d";
}
.icon-drupal:before {
content: "\e86e";
}
.icon-duckduckgo:before {
content: "\e86f";
}
.icon-dwolla:before {
content: "\e870";
}
.icon-ebay:before {
content: "\e871";
}
.icon-email:before {
content: "\e872";
}
.icon-erase:before {
content: "\e873";
}
.icon-eventasaurus:before {
content: "\e874";
}
.icon-eventbrite:before {
content: "\e875";
}
.icon-eventful:before {
content: "\e876";
}
.icon-export:before {
content: "\e877";
}
.icon-eye:before {
content: "\e878";
}
.icon-eye-line:before {
content: "\e879";
}
.icon-fast-backward:before {
content: "\e87a";
}
.icon-fast-forward:before {
content: "\e87b";
}
.icon-feather:before {
content: "\e87c";
}
.icon-fire-line:before {
content: "\e87d";
}
.icon-fivehundredpx:before {
content: "\e87e";
}
.icon-flag:before {
content: "\e87f";
}
.icon-flash:before {
content: "\e880";
}
.icon-flashlight:before {
content: "\e881";
}
.icon-flight:before {
content: "\e882";
}
.icon-floppy:before {
content: "\e883";
}
.icon-flow-branch:before {
content: "\e884";
}
.icon-flow-cascade:before {
content: "\e885";
}
.icon-flow-line:before {
content: "\e886";
}
.icon-flow-parallel:before {
content: "\e887";
}
.icon-flow-tree:before {
content: "\e888";
}
.icon-folder:before {
content: "\e889";
}
.icon-food-line:before {
content: "\e88a";
}
.icon-forrst:before {
content: "\e88b";
}
.icon-forward:before {
content: "\e88c";
}
.icon-gauge:before {
content: "\e88d";
}
.icon-globe:before {
content: "\e88e";
}
.icon-globe-line:before {
content: "\e88f";
}
.icon-gmail:before {
content: "\e890";
}
.icon-googleplay:before {
content: "\e891";
}
.icon-gowalla:before {
content: "\e892";
}
.icon-graduation-cap:before {
content: "\e893";
}
.icon-graduation-cap-line:before {
content: "\e894";
}
.icon-grooveshark:before {
content: "\e895";
}
.icon-guest:before {
content: "\e896";
}
.icon-hackernews:before {
content: "\e897";
}
.icon-heart-empty-fa:before {
content: "\e898";
}
.icon-heart-fa:before {
content: "\e899";
}
.icon-heart-line:before {
content: "\e89a";
}
.icon-help:before {
content: "\e89b";
}
.icon-help-circled:before {
content: "\e89c";
}
.icon-home:before {
content: "\e89d";
}
.icon-hourglass:before {
content: "\e89e";
}
.icon-html5:before {
content: "\e89f";
}
.icon-ie:before {
content: "\e8a0";
}
.icon-inbox:before {
content: "\e8a1";
}
.icon-inbox-line:before {
content: "\e8a2";
}
.icon-infinity:before {
content: "\e8a3";
}
.icon-info:before {
content: "\e8a4";
}
.icon-info-circled:before {
content: "\e8a5";
}
.icon-install:before {
content: "\e8a6";
}
.icon-instapaper:before {
content: "\e8a7";
}
.icon-intensedebate:before {
content: "\e8a8";
}
.icon-itunes:before {
content: "\e8a9";
}
.icon-key:before {
content: "\e8aa";
}
.icon-key-line:before {
content: "\e8ab";
}
.icon-keyboard:before {
content: "\e8ac";
}
.icon-klout:before {
content: "\e8ad";
}
.icon-lamp:before {
content: "\e8ae";
}
.icon-language:before {
content: "\e8af";
}
.icon-lanyrd:before {
content: "\e8b0";
}
.icon-layout:before {
content: "\e8b1";
}
.icon-leaf:before {
content: "\e8b2";
}
.icon-left:before {
content: "\e8b3";
}
.icon-left-bold:before {
content: "\e8b4";
}
.icon-left-circled:before {
content: "\e8b5";
}
.icon-left-dir:before {
content: "\e8b6";
}
.icon-left-open:before {
content: "\e8b7";
}
.icon-left-open-big:before {
content: "\e8b8";
}
.icon-left-open-mini:before {
content: "\e8b9";
}
.icon-left-thin:before {
content: "\e8ba";
}
.icon-lego:before {
content: "\e8bb";
}
.icon-level-down:before {
content: "\e8bc";
}
.icon-level-up:before {
content: "\e8bd";
}
.icon-lifebuoy:before {
content: "\e8be";
}
.icon-light-down:before {
content: "\e8bf";
}
.icon-light-up:before {
content: "\e8c0";
}
.icon-lightbulb-line:before {
content: "\e8c1";
}
.icon-link:before {
content: "\e8c2";
}
.icon-list:before {
content: "\e8c3";
}
.icon-list-add:before {
content: "\e8c4";
}
.icon-lkdto:before {
content: "\e8c5";
}
.icon-location:before {
content: "\e8c6";
}
.icon-location-line:before {
content: "\e8c7";
}
.icon-lock:before {
content: "\e8c8";
}
.icon-lock-line:before {
content: "\e8c9";
}
.icon-lock-open:before {
content: "\e8ca";
}
.icon-login:before {
content: "\e8cb";
}
.icon-logout:before {
content: "\e8cc";
}
.icon-loop:before {
content: "\e8cd";
}
.icon-macstore:before {
content: "\e8ce";
}
.icon-magnet:before {
content: "\e8cf";
}
.icon-mail:before {
content: "\e8d0";
}
.icon-mail-line:before {
content: "\e8d1";
}
.icon-map:before {
content: "\e8d2";
}
.icon-meetup:before {
content: "\e8d3";
}
.icon-megaphone:before {
content: "\e8d4";
}
.icon-megaphone-line:before {
content: "\e8d5";
}
.icon-menu:before {
content: "\e8d6";
}
.icon-mic:before {
content: "\e8d7";
}
.icon-minus:before {
content: "\e8d8";
}
.icon-minus-circled:before {
content: "\e8d9";
}
.icon-minus-squared:before {
content: "\e8da";
}
.icon-mobile:before {
content: "\e8db";
}
.icon-mobile-line:before {
content: "\e8dc";
}
.icon-money-line:before {
content: "\e8dd";
}
.icon-monitor:before {
content: "\e8de";
}
.icon-moon:before {
content: "\e8df";
}
.icon-mouse:before {
content: "\e8e0";
}
.icon-music:before {
content: "\e8e1";
}
.icon-music-line:before {
content: "\e8e2";
}
.icon-mute:before {
content: "\e8e3";
}
.icon-myspace:before {
content: "\e8e4";
}
.icon-network:before {
content: "\e8e5";
}
.icon-newspaper:before {
content: "\e8e6";
}
.icon-ninetyninedesigns:before {
content: "\e8e7";
}
.icon-note:before {
content: "\e8e8";
}
.icon-note-beamed:before {
content: "\e8e9";
}
.icon-note-line:before {
content: "\e8ea";
}
.icon-openid:before {
content: "\e8eb";
}
.icon-opentable:before {
content: "\e8ec";
}
.icon-palette:before {
content: "\e8ed";
}
.icon-paper-plane:before {
content: "\e8ee";
}
.icon-paper-plane-line:before {
content: "\e8ef";
}
.icon-params-line:before {
content: "\e8f0";
}
.icon-pause:before {
content: "\e8f1";
}
.icon-pencil:before {
content: "\e8f2";
}
.icon-pencil-line:before {
content: "\e8f3";
}
.icon-phone:before {
content: "\e8f4";
}
.icon-photo-line:before {
content: "\e8f5";
}
.icon-picture:before {
content: "\e8f6";
}
.icon-pinboard:before {
content: "\e8f7";
}
.icon-plancast:before {
content: "\e8f8";
}
.icon-play:before {
content: "\e8f9";
}
.icon-plurk:before {
content: "\e8fa";
}
.icon-plus:before {
content: "\e8fb";
}
.icon-plus-circled:before {
content: "\e8fc";
}
.icon-plus-squared:before {
content: "\e8fd";
}
.icon-pocket:before {
content: "\e8fe";
}
.icon-podcast:before {
content: "\e8ff";
}
.icon-popup:before {
content: "\e900";
}
.icon-posterous:before {
content: "\e901";
}
.icon-print:before {
content: "\e902";
}
.icon-progress-0:before {
content: "\e903";
}
.icon-progress-1:before {
content: "\e904";
}
.icon-progress-2:before {
content: "\e905";
}
.icon-progress-3:before {
content: "\e906";
}
.icon-publish:before {
content: "\e907";
}
.icon-quora:before {
content: "\e908";
}
.icon-quote:before {
content: "\e909";
}
.icon-record:before {
content: "\e90a";
}
.icon-reddit:before {
content: "\e90b";
}
.icon-reply:before {
content: "\e90c";
}
.icon-reply-all:before {
content: "\e90d";
}
.icon-resize-full:before {
content: "\e90e";
}
.icon-resize-small:before {
content: "\e90f";
}
.icon-retweet:before {
content: "\e910";
}
.icon-right:before {
content: "\e911";
}
.icon-right-bold:before {
content: "\e912";
}
.icon-right-circled:before {
content: "\e913";
}
.icon-right-dir:before {
content: "\e914";
}
.icon-right-open:before {
content: "\e915";
}
.icon-right-open-big:before {
content: "\e916";
}
.icon-right-open-mini:before {
content: "\e917";
}
.icon-right-thin:before {
content: "\e918";
}
.icon-rocket:before {
content: "\e919";
}
.icon-rss:before {
content: "\e91a";
}
.icon-search:before {
content: "\e91b";
}
.icon-search-line:before {
content: "\e91c";
}
.icon-share:before {
content: "\e91d";
}
.icon-shareable:before {
content: "\e91e";
}
.icon-shop-line:before {
content: "\e91f";
}
.icon-shuffle:before {
content: "\e920";
}
.icon-signal:before {
content: "\e921";
}
.icon-smashmag:before {
content: "\e922";
}
.icon-songkick:before {
content: "\e923";
}
.icon-sound:before {
content: "\e924";
}
.icon-sound-line:before {
content: "\e925";
}
.icon-stackoverflow:before {
content: "\e926";
}
.icon-star:before {
content: "\e927";
}
.icon-star-empty:before {
content: "\e928";
}
.icon-star-line:before {
content: "\e929";
}
.icon-statusnet:before {
content: "\e92a";
}
.icon-stop:before {
content: "\e92b";
}
.icon-suitcase:before {
content: "\e92c";
}
.icon-switch:before {
content: "\e92d";
}
.icon-t-shirt-line:before {
content: "\e92e";
}
.icon-tag:before {
content: "\e92f";
}
.icon-tag-line:before {
content: "\e930";
}
.icon-tape:before {
content: "\e931";
}
.icon-target:before {
content: "\e932";
}
.icon-thermometer:before {
content: "\e933";
}
.icon-thumbs-up:before {
content: "\e934";
}
.icon-thumbs-down:before {
content: "\e935";
}
.icon-thumbs-up-line:before {
content: "\e936";
}
.icon-ticket:before {
content: "\e937";
}
.icon-to-end:before {
content: "\e938";
}
.icon-to-start:before {
content: "\e939";
}
.icon-tools:before {
content: "\e93a";
}
.icon-traffic-cone:before {
content: "\e93b";
}
.icon-trash:before {
content: "\e93c";
}
.icon-trash-line:before {
content: "\e93d";
}
.icon-trophy:before {
content: "\e93e";
}
.icon-truck-line:before {
content: "\e93f";
}
.icon-tv-line:before {
content: "\e940";
}
.icon-up:before {
content: "\e941";
}
.icon-up-bold:before {
content: "\e942";
}
.icon-up-circled:before {
content: "\e943";
}
.icon-up-dir:before {
content: "\e944";
}
.icon-up-open:before {
content: "\e945";
}
.icon-up-open-big:before {
content: "\e946";
}
.icon-up-open-mini:before {
content: "\e947";
}
.icon-up-thin:before {
content: "\e948";
}
.icon-upload:before {
content: "\e949";
}
.icon-upload-cloud:before {
content: "\e94a";
}
.icon-user:before {
content: "\e94b";
}
.icon-user-add:before {
content: "\e94c";
}
.icon-user-line:before {
content: "\e94d";
}
.icon-users:before {
content: "\e94e";
}
.icon-vcard:before {
content: "\e94f";
}
.icon-viadeo:before {
content: "\e950";
}
.icon-video:before {
content: "\e951";
}
.icon-videocam-line:before {
content: "\e952";
}
.icon-vk:before {
content: "\e953";
}
.icon-volume:before {
content: "\e954";
}
.icon-w3c:before {
content: "\e955";
}
.icon-wallet-line:before {
content: "\e956";
}
.icon-water:before {
content: "\e957";
}
.icon-weibo:before {
content: "\e958";
}
.icon-wikipedia:before {
content: "\e959";
}
.icon-window:before {
content: "\e95a";
}
.icon-wordpress:before {
content: "\e95b";
}
.icon-xing:before {
content: "\e95c";
}
.icon-yahoo:before {
content: "\e95d";
}
.icon-yelp:before {
content: "\e95e";
}
.icon-youtube:before {
content: "\e95f";
}
.icon-menu-fine:before {
content: "\e960";
}
.icon-bag-fine:before {
content: "\e961";
}
.icon-search-fine:before {
content: "\e962";
}
.icon-cancel-fine:before {
content: "\e963";
}
.icon-plus-fine:before {
content: "\e964";
}
.icon-minus-fine:before {
content: "\e965";
}
.icon-gplus-circled:before {
content: "\f059";
}
.icon-github-circled:before {
content: "\f09b";
}
.icon-gplus:before {
content: "\f0d5";
}
.icon-comment-empty-fa:before {
content: "\f0e5";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-tumblr:before {
content: "\f173";
}
.icon-windows:before {
content: "\f17a";
}
.icon-foursquare:before {
content: "\f180";
}
.icon-google:before {
content: "\f1a0";
}
.icon-behance:before {
content: "\f1b4";
}
.icon-steam:before {
content: "\f1b6";
}
.icon-spotify:before {
content: "\f1bc";
}
.icon-database:before {
content: "\f1c0";
}
.icon-qq:before {
content: "\f1d6";
}
.icon-paypal:before {
content: "\f1ed";
}
.icon-stripe:before {
content: "\f1f5";
}
.icon-chrome:before {
content: "\f268";
}
.icon-scribd:before {
content: "\f28a";
}
.icon-github:before {
content: "\f300";
}
.icon-flickr:before {
content: "\f303";
}
.icon-flickr-circled:before {
content: "\f304";
}
.icon-vimeo:before {
content: "\f306";
}
.icon-vimeo-circled:before {
content: "\f307";
}
.icon-twitter:before {
content: "\f309";
}
.icon-twitter-circled:before {
content: "\f30a";
}
.icon-facebook:before {
content: "\f30c";
}
.icon-facebook-circled:before {
content: "\f30d";
}
.icon-facebook-squared:before {
content: "\f30e";
}
.icon-pinterest:before {
content: "\f312";
}
.icon-pinterest-circled:before {
content: "\f313";
}
.icon-tumblr-circled:before {
content: "\f316";
}
.icon-linkedin:before {
content: "\f318";
}
.icon-linkedin-circled:before {
content: "\f319";
}
.icon-dribbble:before {
content: "\f31b";
}
.icon-dribbble-circled:before {
content: "\f31c";
}
.icon-stumbleupon:before {
content: "\f31e";
}
.icon-stumbleupon-circled:before {
content: "\f31f";
}
.icon-lastfm:before {
content: "\f321";
}
.icon-lastfm-circled:before {
content: "\f322";
}
.icon-rdio:before {
content: "\f324";
}
.icon-rdio-circled:before {
content: "\f325";
}
.icon-spotify-circled:before {
content: "\f328";
}
.icon-dropbox:before {
content: "\f330";
}
.icon-evernote:before {
content: "\f333";
}
.icon-flattr:before {
content: "\f336";
}
.icon-skype:before {
content: "\f339";
}
.icon-skype-circled:before {
content: "\f33a";
}
.icon-renren:before {
content: "\f33c";
}
.icon-sina-weibo:before {
content: "\f33f";
}
.icon-picasa:before {
content: "\f345";
}
.icon-soundcloud:before {
content: "\f348";
}
.icon-mixi:before {
content: "\f34b";
}
.icon-google-circles:before {
content: "\f351";
}
.icon-vkontakte:before {
content: "\f354";
}
.icon-smashing:before {
content: "\f357";
}
.icon-db-shape:before {
content: "\f600";
}
.icon-sweden:before {
content: "\f601";
}
.icon-logo-db:before {
content: "\f603";
}
/*
|--------------------------------------------------------------------------
| 4.0 Shortcodes
|
|--------------------------------------------------------------------------
|
|
|
*/
/* Chart box ------------------------------------------------------------------------- */
.chart_box {
position: relative;
text-align: center;
}
.chart_box:before {
content: "";
display: block;
z-index: 2;
width: 138px;
height: 138px;
border-width: 1px;
border-style: solid;
position: absolute;
right: 50%;
margin-right: -69px;
top: 1px;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
background-image: url(../images/stripes/stripes_3_b.png);
}
.chart_box .chart {
width: 140px;
margin: 0 auto 10px;
position: relative;
}
.chart_box .chart canvas {
position: relative;
z-index: 2;
}
.chart_box .chart .icon,
.chart_box .chart .image {
width: 70px;
height: 70px;
line-height: 70px;
overflow: hidden;
position: absolute;
right: 35px;
top: 35px;
z-index: 3;
text-align: center;
}
.chart_box .chart .icon {
font-size: 45px;
}
.chart_box .chart .icon i:before {
margin: 0;
}
.chart_box .chart .image img {
vertical-align: middle;
}
.chart_box .chart .num {
position: absolute;
right: 0;
top: 45px;
z-index: 3;
width: 100%;
font-size: 50px;
line-height: 50px;
}
.chart_box p {
margin-bottom: 0;
}
/* Dropcaps -------------------------------------------------------------------------- */
.dropcap {
padding: 10px;
display: inline-block;
float: right;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 20px;
margin: 0 0 5px 10px;
text-align: center;
-webkit-border-radius: 5px;
border-radius: 5px;
background-image: url(../images/stripes/stripes_10_w.png);
}
.dropcap_circle {
-webkit-border-radius: 100%;
border-radius: 100%;
}
.dropcap.transparent {
background: none !important;
}
.dropcap.size-2 {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 35px;
}
.dropcap.size-3 {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 40px;
}
/* Highlight ------------------------------------------------------------------------- */
.highlight {
padding: 1px 7px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: url(../images/stripes/stripes_10_w.png);
}
.highlight.highlight_image {
padding: 0 2px 7px;
}
/* Tooltip --------------------------------------------------------------------------- */
.tooltip {
display: inline;
position: relative;
cursor: help;
border-bottom-width: 1px;
border-style: dotted;
}
.tooltip:hover:after,
.tooltip.hover:after {
content: attr(data-tooltip);
font-size: 13px;
line-height: 18px;
text-align: center;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px 15px;
width: 140px;
position: absolute;
right: 50%;
bottom: 110%;
z-index: 98;
margin-right: -85px;
background-image: url(../images/stripes/stripes_10_w.png);
}
.tooltip.tooltip-img:after {
display: none;
}
.tooltip.tooltip-img .tooltip-content {
display: none;
font-size: 13px;
line-height: 18px;
text-align: center;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px 15px;
width: 300px;
position: absolute;
right: 50%;
bottom: 110%;
z-index: 98;
margin-right: -165px;
background-image: url(../images/stripes/stripes_10_w.png);
}
.tooltip.tooltip-img:hover .tooltip-content,
.tooltip.tooltip-img.hover .tooltip-content {
display: block;
}
.wpml-languages .tooltip:hover:after,
.wpml-languages .tooltip.hover:after {
top: 40px;
bottom: auto;
}
.wpml-languages:not(.disabled) .tooltip {
cursor: default;
}
.wpml-languages:not(.disabled) .tooltip:hover:after,
.wpml-languages:not(.disabled) .tooltip.hover:after {
display: none !important;
}
/* Blockquote ------------------------------------------------------------------------ */
blockquote {
font-size: 17px;
line-height: 31px;
display: block;
height: auto;
margin: 0 25px 35px 0;
top: 15px;
position: relative;
background: url(../images/stripes/textline.png) repeat-y;
}
blockquote:before {
content: "";
}
blockquote:after {
content: "";
width: 55px;
height: 40px;
background: url(../images/blockquote.png);
position: absolute;
right: -25px;
top: -15px;
}
.blockquote {
margin-bottom: 20px;
}
.blockquote blockquote {
margin-bottom: 25px;
}
.blockquote p.author {
margin-right: 25px;
}
.blockquote p.author i {
margin-left: 5px;
}
/* Button Item ----------------------------------------------------------------------- */
.column_button .button {
margin: 0 !important;
vertical-align: middle;
}
.button_align.align_center {
text-align: center;
}
.button_align.align_left {
text-align: left;
}
/* Image frames ---------------------------------------------------------------------- */
.column_image {
line-height: 0;
}
.image_frame,
.wp-caption {
display: block;
margin: 0;
border-width: 8px;
border-style: solid;
max-width: 100%;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* .image_frame.inline-block{display:inline-block;max-width:100%} */
/* deprecated since 13.1 */
.image_frame .image_wrapper,
.wp-caption img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image_frame a,
.wp-caption a {
display: block;
}
.wp-caption-text {
display: block;
text-align: center;
margin: 0;
padding: 10px 0 5px;
line-height: normal;
}
.wp-caption-text.hide {
display: none;
}
.if-caption-on .image_frame {
position: relative;
}
.if-caption-on .wp-caption-text {
position: absolute;
bottom: 15px;
right: 15px;
padding: 5px 10px !important;
width: calc(100% - 30px);
box-sizing: border-box;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.7);
border-radius: 3px;
}
.image_frame.no_border .wp-caption-text,
.if-zoom .image_frame:not(.has_border) .wp-caption-text {
padding: 10px 0;
}
.the_content_wrapper .image_frame,
.the_content_wrapper .wp-caption {
margin-bottom: 20px;
}
.the_content_wrapper .wp-caption.alignnone,
.the_content_wrapper .wp-caption.aligncenter {
clear: both;
}
.image_frame .image_wrapper {
position: relative;
overflow: hidden;
}
.image_frame .image_wrapper .mask {
position: absolute;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.image_frame .image_wrapper img:not(.ls-l) {
position: relative;
top: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
margin-bottom: -15px !important;
}
.masonry-flat .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
margin-bottom: 0 !important;
}
.image_frame:hover .image_wrapper img,
.image_frame.hover .image_wrapper img {
top: -15px;
}
.image_frame:hover .image_wrapper .ls-container img,
.image_frame.no_link:hover .image_wrapper img {
top: 0;
}
.image_frame .image_wrapper .mask:after {
content: "";
display: block;
position: absolute;
right: 0;
width: 100%;
height: 100%;
z-index: 3;
filter: alpha(opacity=0);
opacity: 0;
}
.image_frame:hover .image_wrapper .mask:after,
.image_frame.hover .image_wrapper .mask:after {
filter: alpha(opacity=100);
opacity: 1;
}
.image_frame.no_link:hover .image_wrapper .mask:after {
filter: alpha(opacity=0);
opacity: 0;
}
.image_frame .image_wrapper .image_links {
width: 100%;
height: 60px;
position: absolute;
right: 0;
bottom: -60px;
z-index: 4;
overflow: hidden;
}
.image_frame:hover .image_wrapper .image_links,
.image_frame.hover .image_wrapper .image_links {
bottom: 0;
}
.image_frame .image_wrapper .image_links a {
display: block;
font-size: 25px;
line-height: 60px;
width: 100%;
text-align: center;
}
.image_frame .image_wrapper .image_links.double a {
width: 50%;
display: block;
float: right;
}
.image_frame .image_wrapper .image_links.double a:first-child {
-webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2);
}
.image_frame .image_wrapper .image_links.triple a {
width: 33%;
display: block;
float: right;
-webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2);
}
.image_frame .image_wrapper .image_links.triple a:last-child {
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
width: 34%;
}
.image_frame .image_wrapper .image_links.hover-title a {
font-size: 15px;
text-decoration: none;
}
.image_frame.no_border {
border-width: 0;
}
/* Alignments ------------------------------------------------------------------------ */
.alignright {
float: right;
margin: 15px 0 15px 15px;
}
.alignleft {
float: left;
margin: 15px 15px 15px 0;
}
.aligncenter {
text-align: center;
margin: 0 auto;
display: block;
}
.aligncenter img {
display: inline;
}
/* Animation */
.image_frame .image_wrapper img,
.image_frame .image_wrapper .mask:after,
.image_frame .image_wrapper .image_links {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.image_frame .image_wrapper .image_links a {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
/* Greyscale */
.greyscale .image_wrapper img {
top: 0 !important;
margin-bottom: 0 !important;
}
.greyscale .image_wrapper img.BWFilter {
opacity: 1;
z-index: 2;
}
.greyscale .image_wrapper img:not(.BWFilter) {
opacity: 0;
}
.greyscale .image_wrapper:hover img.BWFilter {
opacity: 0 !important;
}
.greyscale .image_wrapper:hover img:not(.BWFilter) {
opacity: 1 !important;
}
.greyscale:not(.no_link) .image_wrapper img:not(.ls-l) {
margin-bottom: 0 !important;
}
.greyscale .image_wrapper .mask {
display: none;
}
.greyscale .image_frame .image_wrapper img {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.greyscale.tiles .post-item .image_wrapper_tiles img.BWFilter {
opacity: 1;
z-index: 2;
}
.greyscale.tiles .post-item .image_wrapper_tiles img:not(.BWFilter) {
opacity: 0;
}
.greyscale.tiles .post-item:hover .image_wrapper_tiles img.BWFilter {
opacity: 0 !important;
}
.greyscale.tiles .post-item:hover .image_wrapper_tiles img:not(.BWFilter) {
opacity: 1 !important;
}
/* Style | Overlay */
.if-overlay .image_frame .image_wrapper .image_links {
opacity: 0;
width: 60px;
height: 60px;
bottom: auto;
top: 50%;
right: 50%;
z-index: 4;
margin-top: -30px;
margin-right: -30px;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
}
.if-overlay .image_frame .image_wrapper .image_links.double {
width: 120px;
margin-right: -60px;
}
.if-overlay .image_frame .image_wrapper .image_links.triple {
width: 180px;
margin-right: -90px;
}
.if-overlay .image_frame .image_wrapper .image_links.hover-title {
width: 100%;
right: 0;
margin-right: 0;
}
.if-overlay li.product .product-loading-icon,
.if-overlay li.product .added-cart {
border-radius: 0 !important;
width: 60px !important;
height: 60px !important;
margin: -30px -30px 0 0 !important;
}
.if-overlay li.product.adding-to-cart .added-cart,
.if-overlay li.product.added-to-cart .added-cart {
z-index: 5 !important;
}
.if-overlay .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
margin-bottom: 0;
}
.if-overlay .image_frame:hover .image_wrapper .image_links,
.if-overlay .image_frame.hover .image_wrapper .image_links {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
}
.if-overlay .image_frame:hover .image_wrapper img,
.if-overlay .image_frame.hover .image_wrapper img {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
top: 0;
}
.if-overlay .image_item:hover .image_wrapper img,
.if-overlay .image_item.hover .image_wrapper img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
}
/* Style | Zoom */
.if-zoom {
}
.if-zoom .image_frame .image_wrapper .image_links {
display: none;
}
.if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
margin-bottom: 0 !important;
}
.if-zoom .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
top: 0;
}
.if-zoom .image_frame .image_wrapper .mask {
display: none;
}
.if-zoom .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.if-zoom .image_frame.no_link:hover .image_wrapper img,
.if-zoom image_frame.no_link.hover .image_wrapper img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
/* Hide border */
.if-border-hide .image_frame:not(.has_border) {
border-width: 0;
}
/* Hover Disable */
.image_frame.hover-disable .image_wrapper .image_links {
display: none;
}
.image_frame.hover-disable .image_wrapper .mask {
display: none !important;
}
.image_frame.hover-disable .image_wrapper img {
margin-bottom: 0 !important;
top: 0 !important;
-moz-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-o-transform: scale(1) !important;
}
.image_frame.hover-disable:not(.no_link) .image_wrapper img:not(.ls-l) {
margin-bottom: 0 !important;
}
/* Video ----------------------------------------------------------------------------- */
/* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
.content_video.iframe.auto-wh {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.content_video.iframe.auto-wh iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.post-photo-wrapper.embed .image_wrapper,
.single-photo-wrapper.embed .image_wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.post-photo-wrapper.embed .image_wrapper iframe,
.single-photo-wrapper.embed .image_wrapper iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.post-photo-wrapper.html5 .jp-jplayer,
.single-photo-wrapper.html5 .jp-jplayer {
position: relative;
padding-bottom: 56.25%;
height: 0 !important;
overflow: hidden;
}
.post-photo-wrapper.html5 .jp-jplayer img,
.single-photo-wrapper.html5 .jp-jplayer img {
position: absolute;
}
.post-photo-wrapper.html5 .jp-jplayer video,
.single-photo-wrapper.html5 .jp-jplayer video {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/* Gallery --------------------------------------------------------------------------- */
.gallery .gallery-item {
overflow: hidden;
margin: 0 0 10px !important;
}
.gallery .gallery-item .gallery-icon {
border: 0;
width: 95%;
overflow: hidden;
line-height: 0;
margin-left: 2.5% !important;
margin-right: 2.5% !important;
padding: 0 !important;
position: relative;
}
.gallery .gallery-item img {
border: 0 !important;
line-height: 0;
display: block;
}
/*
.gallery-columns-2 .gallery-item:nth-child(2n+1){clear:both}
.gallery-columns-3 .gallery-item:nth-child(3n+1){clear:both}
.gallery-columns-4 .gallery-item:nth-child(4n+1){clear:both}
.gallery-columns-5 .gallery-item:nth-child(5n+1){clear:both}
.gallery-columns-6 .gallery-item:nth-child(6n+1){clear:both}
.gallery-columns-7 .gallery-item:nth-child(7n+1){clear:both}
.gallery-columns-8 .gallery-item:nth-child(8n+1){clear:both}
.gallery-columns-9 .gallery-item:nth-child(9n+1){clear:both}
*/
/* Gallery | Flat */
.gallery.flat .gallery-item {
margin: 0 !important;
}
.gallery.flat .gallery-item .gallery-icon {
margin: 0 !important;
width: 100%;
}
.gallery.flat .gallery-item .gallery-icon .image_frame {
border-width: 0;
margin-bottom: 0;
}
/* Gallery | Fancy */
.gallery.fancy .gallery-item:nth-child(2n + 1) {
transform: rotate(2deg);
}
.gallery.fancy .gallery-item:nth-child(2n) {
transform: rotate(-2deg);
}
.gallery.fancy .gallery-item .image_frame {
margin: 7%;
}
/* Gallery | Masonry */
.gallery.masonry .gallery-item {
margin: 0 !important;
}
.gallery.masonry .gallery-item .gallery-icon {
margin: 0 !important;
width: 100%;
}
.gallery.masonry .gallery-item .image_frame {
margin-bottom: 0;
}
/* Divider --------------------------------------------------------------------------- */
hr {
display: block;
border: none;
outline: none;
height: 1px;
width: 100%;
margin: 0 auto 15px;
clear: both;
}
hr,
.hr_wide,
.hr_zigzag,
.hr_dots {
margin: 0 auto 15px;
clear: both;
}
hr.hr_narrow {
width: 7%;
}
hr.no_line,
.dark hr.no_line {
background: none;
color: transparent;
}
.hr_wide {
position: relative;
height: 1px;
}
.hr_wide hr {
position: absolute;
right: -1000px;
top: 0;
width: 3000px;
}
.aside_right .hr_wide hr {
right: 0;
}
.aside_left .hr_wide hr {
left: 0;
right: auto;
}
.hr_zigzag {
text-align: center;
margin-bottom: 10px;
}
.hr_zigzag i {
font-size: 25px;
line-height: 25px;
margin: 0 -11px;
display: inline-block;
}
.hr_dots {
text-align: center;
line-height: 0;
}
.hr_dots span {
display: inline-block;
width: 5px;
height: 5px;
overflow: hidden;
margin: 0 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.column_divider hr,
.column_divider .hr_wide,
.column_divider .hr_zigzag,
.column_divider .hr_dots {
margin-bottom: 0;
}
/* Divider | Fancy */
.fancy-divider svg {
display: block;
}
.fancy-divider svg:not(:root) {
overflow: hidden;
}
/* Decoration SVG */
.section .section-divider {
display: block;
width: 50px;
height: 50px;
position: absolute;
right: 50%;
margin-right: -25px;
background-color: inherit;
z-index: 1;
}
.section-divider.triangle.up,
.section-divider.triangle.down {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.section-divider.triangle.up {
top: -25px;
}
.section-divider.triangle.down {
bottom: -25px;
}
.section-divider.triple-triangle:after,
.section-divider.triple-triangle:before {
content: "";
display: block;
width: 50px;
height: 50px;
position: absolute;
background-color: inherit;
z-index: 1;
}
.section-divider.triple-triangle.up:after {
right: -36px;
top: 50px;
}
.section-divider.triple-triangle.up:before {
left: -50px;
top: -36px;
}
.section-divider.triple-triangle.down:after {
right: -51px;
top: 35px;
}
.section-divider.triple-triangle.down:before {
left: -35px;
top: -50px;
}
.section-divider.triple-triangle.up,
.section-divider.triple-triangle.down {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.section-divider.triple-triangle.up {
top: -25px;
}
.section-divider.triple-triangle.down {
bottom: -25px;
}
.section-divider.square.up,
.section-divider.square.down {
width: 70px;
height: 70px;
margin-right: -35px;
}
.section-divider.square.up {
top: -25px;
}
.section-divider.square.down {
bottom: -25px;
}
.section-divider.circle.up,
.section-divider.circle.down {
width: 70px;
height: 70px;
margin-right: -35px;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.section-divider.circle.up {
top: -25px;
}
.section-divider.circle.down {
bottom: -25px;
}
/* Decoration Image | height:100px - fallback */
.section .section-decoration {
width: 100%;
height: 100px;
position: absolute;
right: 0;
background-repeat: repeat-x;
z-index: 1;
}
.section .section-decoration.top {
top: 0;
background-position: center top;
}
.section .section-decoration.bottom {
bottom: 0;
background-position: center bottom;
}
/* Idea box -------------------------------------------------------------------------- */
.idea_box {
padding: 25px 70px 25px 25px;
position: relative;
border-top-width: 1px;
border-style: solid;
background: rgba(0, 0, 0, 0.02);
clear: both;
}
.idea_box .icon {
font-size: 30px;
line-height: 30px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -15px;
color: rgba(0, 0, 0, 0.15);
}
/* Google font ----------------------------------------------------------------------- */
.google_font {
margin-bottom: 15px;
}
/* Popup | .popup-content ------------------------------------------------------------ */
.popup-content {
display: none;
}
/* Single icon ----------------------------------------------------------------------- */
.single_icon {
display: block;
margin: 0 auto 15px;
}
.single_icon.icon_right {
text-align: right;
}
.single_icon.icon_left {
text-align: left;
}
.single_icon.icon_center {
text-align: center;
}
/* Forms ----------------------------------------------------------------------------- */
form,
fieldset {
margin-bottom: 0;
}
textarea {
min-height: 60px;
}
label,
legend {
display: block;
margin-bottom: 5px;
font-weight: 700;
}
input[type="checkbox"] {
display: inline;
}
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
padding: 10px;
outline: none;
margin: 0;
width: 230px;
max-width: 100%;
display: block;
margin-bottom: 20px;
font-size: 13px;
border-width: 1px;
border-style: solid;
border-radius: 0;
box-sizing: border-box;
-webkit-appearance: none;
}
/* Lists ----------------------------------------------------------------------------- */
ul {
list-style: none outside;
}
ol {
list-style: decimal;
}
.column_column ul,
.column_column ol,
.column_helper ul,
.column_helper ol,
.column_visual ul,
.column_visual ol,
.mfn-acc ul,
.mfn-acc ol,
.ui-tabs-panel ul,
.ui-tabs-panel ol,
.the_content_wrapper ul,
.the_content_wrapper ol,
.post-excerpt ul,
.post-excerpt ol {
margin: 0 30px 15px 0;
}
.column_column ul li,
.column_helper ul li,
.column_visual ul li,
.mfn-acc ul li,
.ui-tabs-panel ul li,
.the_content_wrapper ul li,
.post-excerpt ul li {
list-style: disc outside;
}
.column_column ul li,
.column_column ol li,
.column_helper ul li,
.column_helper ol li,
.column_visual ul li,
.column_visual ol li,
.mfn-acc ul li,
.mfn-acc ol li,
.ui-tabs-panel ul li,
.ui-tabs-panel ol li,
.the_content_wrapper ul li,
.the_content_wrapper ol li,
.post-excerpt ul li,
.post-excerpt ol li {
margin-bottom: 10px;
}
.column_column ul li ul,
.column_column ol li ol,
.column_helper ul li ul,
.column_helper ol li ol,
.column_visual ul li ul,
.column_visual ol li ol,
.mfn-acc ul li ul,
.mfn-acc ol li ol,
.ui-tabs-panel ul li ul,
.ui-tabs-panel ol li ol,
.the_content_wrapper ul li ul,
.the_content_wrapper ol li ol,
.post-excerpt ul li ul,
.post-excerpt ol li ol {
margin-top: 10px;
margin-bottom: 0;
}
ul.list_mixed,
ul.list_check,
ul.list_star,
ul.list_idea {
margin-right: 0;
}
ul.list_mixed li,
ul.list_check li,
ul.list_star li,
ul.list_idea li {
margin-bottom: 20px;
position: relative;
list-style: none;
padding-right: 50px;
margin-right: 0;
}
ul.list_mixed li:after,
ul.list_check li:after,
ul.list_star li:after,
ul.list_idea li:after {
content: "";
width: 70px;
height: 1px;
overflow: hidden;
background: rgba(0, 0, 0, 0.08);
position: absolute;
right: 0;
bottom: -11px;
}
ul.list_mixed li:last-child:after,
ul.list_check li:last-child:after,
ul.list_star li:last-child:after,
ul.list_idea li:last-child:after {
display: none;
}
ul.list_check li,
li.list_check {
background: url(../images/icons/list_check.png) no-repeat right 20px top 5px;
}
ul.list_star li,
li.list_star {
background: url(../images/icons/list_star.png) no-repeat right 20px top 5px;
}
ul.list_idea li,
li.list_idea {
background: url(../images/icons/list_idea.png) no-repeat right 20px top 6px;
}
dl {
margin: 0 0 30px;
}
dl > dt,
dl > dd {
border-width: 1px 0 0;
border-style: solid;
padding: 10px 0;
margin: 0;
}
dl > dt {
display: block;
float: right;
width: 100px;
font-weight: 700;
}
dl > dd {
margin-right: 110px;
}
dl > dd:after {
content: "";
clear: both;
display: block;
}
/* Alerts ---------------------------------------------------------------------------- */
.alert {
margin-bottom: 30px;
padding: 20px 90px 20px 55px;
position: relative;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.alert .alert_icon {
width: 60px;
height: 60px;
font-size: 30px;
line-height: 60px;
color: rgba(0, 0, 0, 0.4);
position: absolute;
right: 10px;
top: 10px;
text-align: center;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.alert a.close {
position: absolute;
left: 15px;
top: 20px;
font-size: 20px;
line-height: 20px;
}
.alert a.close i {
margin: 0 !important;
color: rgba(0, 0, 0, 0.6);
}
.alert a:hover.close i {
color: rgba(0, 0, 0, 0.8);
}
.alert_warning {
background: #ffe38b;
color: #9b812e;
}
.alert_warning .alert_icon {
background: #fbda72;
}
.alert_warning a,
.alert_warning a:hover {
color: #645012;
}
.alert_error {
background: #fb5455;
color: #fff;
}
.alert_error .alert_icon {
background: #f24143;
}
.alert_error a,
.alert_error a:hover {
color: #9f2e2e;
}
.alert_info {
background: #3097db;
color: #fff;
}
.alert_info .alert_icon {
background: #1c81c4;
}
.alert_info a,
.alert_info a:hover {
color: #b1e0ff;
}
.alert_success {
background: #a5de5c;
color: #fff;
}
.alert_success .alert_icon {
background: #8fc944;
}
.alert_success a,
.alert_success a:hover {
color: #5d9514;
}
/* Muffin link ----------------------------------------------------------------------- */
a.mfn-link {
position: relative;
display: inline-block;
margin: 15px 25px;
font-size: 15px;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
text-decoration: none;
outline: none;
white-space: nowrap;
}
a:hover.mfn-link {
text-decoration: none;
}
/* Effect 1: Brackets */
a.mfn-link-1:before,
a.mfn-link-1:after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
a.mfn-link-1:before {
margin-left: 10px;
content: "[";
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
a.mfn-link-1:after {
margin-right: 10px;
content: "]";
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
a:hover.mfn-link-1:before,
a:hover.mfn-link-1:after,
a.hover.mfn-link-1:before,
a.hover.mfn-link-1:after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
/* Effect 2: 3D rolling links */
a.mfn-link-2 {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
a.mfn-link-2 span {
position: relative;
display: inline-block;
padding: 0 14px;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
a.mfn-link-2 span:before {
position: absolute;
top: 100%;
right: 0;
width: 100%;
height: 100%;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
text-align: center;
}
a:hover.mfn-link-2 span,
a.hover.mfn-link-2 span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
/* Effect 3: bottom line */
a.mfn-link-3 {
padding: 8px 0;
}
a.mfn-link-3:after {
position: absolute;
top: 100%;
right: 0;
width: 100%;
height: 3px;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
a:hover.mfn-link-3:after,
a.hover.mfn-link-3:after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Effect 4: second border slides up */
a.mfn-link-4 {
padding: 12px 10px 10px;
text-shadow: none;
font-weight: 700;
}
a.mfn-link-4:before,
a.mfn-link-4::after {
position: absolute;
top: 100%;
right: 0;
width: 100%;
height: 3px;
content: "";
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
a.mfn-link-4:after {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
a:hover.mfn-link-4:before,
a:hover.mfn-link-4:after,
a.hover.mfn-link-4:before,
a.hover.mfn-link-4:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
a:hover.mfn-link-4:after,
a.hover.mfn-link-4:after {
top: 0;
opacity: 1;
}
/* Effect 5: reveal, push out */
a.mfn-link-5 {
overflow: hidden;
margin: 0 15px;
position: relative;
z-index: 1;
}
a.mfn-link-5 span {
display: block;
padding: 10px 20px;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
a.mfn-link-5:before {
position: absolute;
top: 0;
right: 0;
text-align: right;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(25%);
-moz-transform: translateX(25%);
transform: translateX(25%);
}
a:hover.mfn-link-5 span,
a.hover.mfn-link-5 span {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
a:hover.mfn-link-5:before,
a.hover.mfn-link-5:before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
/* Effect 6: text fill*/
a.mfn-link-6 {
padding: 10px 0;
text-shadow: none;
}
a.mfn-link-6:before {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
padding: 10px 0;
max-width: 0;
border-bottom: 2px solid;
content: attr(data-hover);
-webkit-transition: max-width 0.5s;
-moz-transition: max-width 0.5s;
transition: max-width 0.5s;
}
a:hover.mfn-link-6:before,
a.hover.mfn-link-6:before {
max-width: 100%;
}
/* Effect 7: border switch */
a.mfn-link-7 {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
a.mfn-link-7:before,
a.mfn-link-7:after {
position: absolute;
width: 45px;
height: 2px;
content: "";
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
a.mfn-link-7:before {
top: 0;
right: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
a.mfn-link-7:after {
left: 0;
bottom: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0% 0;
-moz-transform-origin: 0% 0;
transform-origin: 0% 0;
}
a:hover.mfn-link-7:before,
a:hover.mfn-link-7:after,
a.hover.mfn-link-7:before,
a.hover.mfn-link-7:after {
opacity: 1;
}
a:hover.mfn-link-7:before,
a.hover.mfn-link-7:before {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}
a:hover.mfn-link-7:after,
a.hover.mfn-link-7:after {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
/* Effect 8: cross */
a.mfn-link-8 {
padding: 0 5px;
font-weight: 700;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
position: relative;
z-index: 1;
}
a.mfn-link-8:before,
a.mfn-link-8:after {
position: absolute;
width: 100%;
right: 0;
top: 50%;
height: 2px;
margin-top: -1px;
content: "";
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
a.mfn-link-8:before {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
a.mfn-link-8:after {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
a:hover.mfn-link-8:before,
a:hover.mfn-link-8:after,
a.hover.mfn-link-8:before,
a.hover.mfn-link-8:after {
opacity: 0.7;
}
a:hover.mfn-link-8:before,
a.hover.mfn-link-8:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
a:hover.mfn-link-8:after,
a.hover.mfn-link-8:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
/* variables */
a.mfn-link-4:before,
a.mfn-link-4:after,
a.mfn-link-3:after,
a:hover.mfn-link-8:after,
a:hover.mfn-link-8:before,
a.hover.mfn-link-8:after,
a.hover.mfn-link-8:before {
background: rgba(0, 0, 0, 0.1);
}
a.mfn-link-6 {
border-top: 2px solid rgba(0, 0, 0, 0.05);
}
a.mfn-link.mfn-link-6 {
color: rgba(0, 0, 0, 0.25);
}
a.mfn-link-2 span,
a:hover.mfn-link-2 span:before,
a.hover.mfn-link-2 span:before,
a.mfn-link-5 span,
a.mfn-link-5:before {
color: #fff;
}
/* Accordion ------------------------------------------------------------------------- */
.accordion .question {
margin-bottom: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
border-width: 1px;
border-style: solid;
}
.accordion .question:last-child {
margin-bottom: 0;
}
.accordion .question .title {
padding: 14px 60px 14px 14px;
font-size: 13px;
font-weight: 700;
position: relative;
border-width: 0;
border-style: solid;
cursor: pointer;
background-image: url(../images/bg_panel.png);
background-repeat: repeat-x;
background-position: right top;
}
.accordion .question .title:before {
content: "";
width: 49px;
height: 100%;
border-width: 0 0 0 1px;
border-style: solid;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.accordion .question .title > .acc-icon-plus,
.accordion .question .title > .acc-icon-minus {
font-size: 17px;
line-height: 17px;
display: block;
position: absolute;
right: 15px;
top: 16px;
width: 20px;
height: 20px;
text-align: center;
color: rgba(0, 0, 0, 0.25);
}
.accordion .question .title > .acc-icon-plus:before,
.accordion .question .title > .acc-icon-minus:before {
margin: 0 !important;
}
.accordion .question .title > .acc-icon-plus {
display: block;
}
.accordion .question .title > .acc-icon-minus {
display: none;
}
.accordion .question .answer {
padding: 15px 20px 20px;
overflow: hidden;
display: none;
background-image: url(../images/box_shadow.png);
background-repeat: repeat-x;
background-position: right top;
}
.accordion .question .answer .wpb_content_element:last-child {
margin-bottom: 0;
}
.accordion .question.active .title {
border-width: 0 0 1px;
}
.accordion .question.active .title > .acc-icon-plus {
display: none;
}
.accordion .question.active .title > .acc-icon-minus {
display: block;
}
.accordion .question.active p:last-child {
margin-bottom: 0;
}
/* FAQ ------------------------------------------------------------------------------- */
.faq .question {
margin-bottom: 5px;
overflow: hidden;
position: relative;
background: rgba(0, 0, 0, 0.02);
}
.faq .question:before {
content: "";
width: 60px;
height: 100%;
border-width: 0 0 0 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.faq .question:after {
content: "";
width: 60px;
height: 100%;
background: rgba(0, 0, 0, 0.03);
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.faq .question:last-child {
margin-bottom: 0;
}
.faq .question .title {
padding: 20px 80px 20px 40px;
font-size: 15px;
position: relative;
cursor: pointer;
z-index: 2;
}
.faq .question .title > .acc-icon-plus,
.faq .question .title > .acc-icon-minus {
font-size: 17px;
line-height: 17px;
display: block;
position: absolute;
left: 15px;
top: 21px;
width: 20px;
height: 20px;
text-align: center;
color: rgba(0, 0, 0, 0.25);
}
.faq .question .title > .acc-icon-plus:before,
.faq .question .title > .acc-icon-minus:before {
margin: 0 !important;
}
.faq .question .title > .acc-icon-plus {
display: block;
}
.faq .question .title > .acc-icon-minus {
display: none;
}
.faq .question .title .num {
font-weight: 700;
position: absolute;
right: 27px;
top: 20px;
font-weight: bold;
}
.faq .question .answer {
padding: 0 80px 20px 20px;
overflow: hidden;
display: none;
}
.faq .question.active .title > .acc-icon-plus {
display: none;
}
.faq .question.active .title > .acc-icon-minus {
display: block;
}
.faq .question.active p:last-child {
margin-bottom: 0;
}
.wpb_wrapper .faq {
margin-bottom: 5px;
}
.wpb_wrapper .faq .question .title.wpb_toggle {
background-position: right 23px top 50%;
}
.wpb_wrapper .faq .question .answer.wpb_toggle_content {
margin: 0;
}
.wpb_wrapper .faq .question .last_toggle_el_margin {
margin-bottom: 0;
}
.wpb_wrapper .faq .question .title > .acc-icon-plus,
.wpb_wrapper .faq .question .title > .acc-icon-minus {
right: 20px;
left: auto;
color: rgba(0, 0, 0, 0.5);
}
/* Table ----------------------------------------------------------------------------- */
table {
width: 100%;
margin-bottom: 15px;
border-collapse: collapse;
border-spacing: 0;
-webkit-border-radius: 5px;
border-radius: 5px;
}
table th,
table td {
padding: 10px;
text-align: center;
border-width: 1px;
border-style: solid;
vertical-align: middle;
}
table th {
font-weight: 700;
background: url(../images/bg_panel.png) repeat-x right top;
}
table th.clear {
border: 0;
background: none;
}
table tr:first-child td {
background: url(../images/box_shadow.png) repeat-x right top;
}
table tr:nth-child(2n) td {
background: rgba(0, 0, 0, 0.01);
}
/* table.simple */
table.simple th {
background: none;
}
table.simple th,
table.simple td {
border-width: 0 0 1px;
}
table.simple tr:first-child td {
background: none;
}
table.simple tr:last-child td {
border: none;
}
/* Rows Hover */
body.table-hover:not(.woocommerce-page) table tr:hover td {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Feature list ---------------------------------------------------------------------- */
.feature_list ul {
margin: 0;
overflow: hidden;
}
.feature_list ul li {
margin: 0;
list-style: none;
width: 25%;
float: right;
display: block;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.feature_list ul li a {
display: block;
}
.feature_list ul li a:hover {
text-decoration: none;
}
.feature_list ul li .icon {
width: 60px;
height: 60px;
line-height: 0;
margin-left: 10px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.feature_list ul li .icon i {
font-size: 43px;
line-height: 60px;
}
.feature_list ul li .icon i:before {
margin: 0;
}
.feature_list ul li p {
display: table-cell;
vertical-align: middle;
padding: 0 10px 0 0;
}
.feature_list hr {
margin: 0;
}
/* Animation */
.feature_list ul li a {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
/* Columns */
.feature_list[data-col="2"] ul li {
width: 50%;
}
.feature_list[data-col="3"] ul li {
width: 33.33%;
}
.feature_list[data-col="4"] ul li {
width: 25%;
}
.feature_list[data-col="5"] ul li {
width: 20%;
}
.feature_list[data-col="6"] ul li {
width: 16.66%;
}
/* List ------------------------------------------------------------------------------ */
.list_item {
display: block;
}
.list_item a {
display: block;
}
.list_item a:hover {
text-decoration: none;
}
.list_item .list_right {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 50px;
overflow: hidden;
text-align: center;
float: right;
}
.list_item .list_image {
font-size: 0;
}
.list_item .list_right img {
max-width: 80px !important;
max-height: 80px !important;
vertical-align: middle;
}
.list_item .list_right i:before {
margin: 0;
}
.list_item .circle {
width: 78px;
height: 78px;
line-height: 78px;
border-width: 1px;
border-style: solid;
font-size: 20px;
font-weight: 700;
overflow: hidden;
text-align: center;
float: right;
-webkit-border-radius: 100%;
border-radius: 100%;
background-image: url(../images/stripes/stripes_3_b.png);
-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
}
.list_item .list_left {
padding: 5px 0 0;
margin-right: 100px;
word-wrap: break-word;
}
.list_item .list_left h4 {
margin-bottom: 7px;
}
.list_item.lists_1 .list_right {
-webkit-border-radius: 5px;
border-radius: 5px;
background-image: url(../images/stripes/stripes_3_b.png);
-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.list_item.lists_1 .list_image {
width: 60px;
height: 60px;
line-height: 60px;
padding: 10px;
font-size: 0;
}
.list_item.lists_1 .list_right img {
max-width: 60px !important;
max-height: 60px !important;
}
.list_item.lists_3 .list_right {
float: none;
margin-bottom: 10px;
}
.list_item.lists_3 .list_icon {
width: auto;
text-align: right;
}
.list_item.lists_3 .list_left {
margin-right: 0;
padding-top: 0;
}
.list_item.lists_3 .list_left h4 {
margin-bottom: 10px;
}
.list_item.lists_4 .list_left {
padding-top: 21px;
}
.align_left .list_item .list_right {
float: left;
}
.align_left .list_item .list_left {
margin-right: 0;
margin-left: 100px;
}
/* Pricing boxes --------------------------------------------------------------------- */
.pricing-box {
border-width: 1px;
border-style: solid;
background: #fff;
}
.pricing-box .plan-header {
text-align: center;
padding: 20px 15px 0;
}
.pricing-box .plan-header .image {
text-align: center;
margin-bottom: 15px;
}
.pricing-box .plan-header h2 {
margin: 0 0 20px;
font-size: 30px;
line-height: 30px;
}
.pricing-box .plan-header .price {
margin: 0 0 20px;
}
.pricing-box .plan-header .price > span {
font-size: 45px;
line-height: 45px;
margin: 0 5px;
}
.pricing-box .plan-header .price sup.currency {
font-size: 20px;
line-height: 20px;
top: -10px;
position: relative;
}
.pricing-box.cp-left .plan-header .price sup.currency {
margin-left: 5px;
}
.pricing-box .plan-header .price sup.period {
font-size: 15px;
line-height: 15px;
top: -15px;
position: relative;
}
.pricing-box .plan-header hr {
margin-bottom: 0;
width: 60%;
}
.pricing-box .plan-header p.subtitle {
padding: 20px 0 0;
margin-bottom: 0;
}
.pricing-box .plan-inside {
padding: 10px 30px;
text-align: center;
}
.pricing-box .plan-inside ul {
margin: 0;
font-size: 100%;
line-height: normal;
}
.pricing-box .plan-inside ul li {
text-align: center;
padding: 11px 10px;
display: block;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-box .plan-inside ul li .yes,
.pricing-box .plan-inside ul li .no {
display: inline-block;
overflow: hidden;
width: 10px;
height: 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: rgba(0, 0, 0, 0.1);
}
.pricing-box .plan-inside ul li:last-child {
border-bottom: 0;
}
.pricing-box .plan-footer {
text-align: center;
}
.pricing-box .plan-footer a {
margin-left: 0;
}
.pricing-box-box.pricing-box-featured {
border-color: transparent;
}
/* Pricing table */
.pricing-box.pricing-box-label .plan-header *,
.pricing-box.pricing-box-label .plan-footer {
visibility: hidden;
}
.pricing-box-label ul li {
font-weight: 700;
text-align: left !important;
}
.pricing-box-label,
.pricing-box-table {
border: 0;
background: none;
}
.pricing-box-label .plan-inside,
.pricing-box-table .plan-inside {
padding-right: 0;
padding-left: 0;
}
.pricing-box-table.pricing-box-featured {
background: rgba(0, 0, 0, 0.02);
padding-right: 10px;
padding-left: 10px;
}
/* Content slider ----------------------------------------------------------------------------- */
.content_slider {
padding: 0 140px;
position: relative;
}
.content_slider .content_slider_ul {
margin: 0 !important;
line-height: 0;
border-width: 8px;
border-style: solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content_slider .content_slider_ul li {
display: block;
float: right;
margin: 0 !important;
}
.content_slider a.button {
position: absolute;
top: 50%;
margin: -22px 0 0;
font-size: 13px;
line-height: 21px;
}
.content_slider a.slider_prev {
right: -90px;
}
.content_slider a.slider_next {
left: -90px;
}
.content_slider .slider_pagination {
width: 100%;
margin-top: 30px;
}
.content_slider .slider_pagination li {
display: inline-block;
}
.content_slider .content_slider_ul {
max-height: 283px;
transition: opacity 0.3s ease-in-out;
}
.content_slider .content_slider_ul.slick-slider {
opacity: 1;
max-height: none;
zoom: 1;
}
/* Flat */
.content_slider.flat .content_slider_ul {
border-width: 0;
}
.content_slider.flat a.button {
background: none !important;
box-shadow: none;
border: none;
}
.content_slider.flat a.button:after {
display: none !important;
}
.content_slider.flat a.button:hover {
background: none !important;
}
.content_slider.flat a.button .button_icon {
background: none;
padding: 0;
font-size: 50px;
opacity: 0.3;
}
.content_slider.flat a:hover.button .button_icon {
opacity: 1;
}
/* Flat description */
.content_slider.flat.description ul li {
text-align: center;
}
.content_slider.flat.description ul li a {
display: block;
text-decoration: none;
}
.content_slider.flat.description ul li img {
margin-bottom: 30px;
}
.content_slider.flat.description ul li h3 {
margin-bottom: 0;
}
.content_slider.flat.description ul li .desc {
line-height: initial;
padding: 0 20%;
margin-top: 15px;
}
/* Carousel */
.content_slider.carousel {
padding: 0 70px;
}
.content_slider.carousel .content_slider_ul {
border-width: 0;
}
.content_slider.carousel .content_slider_ul li {
text-align: center;
padding: 0 20px;
padding-top: 5px;
}
.content_slider.carousel .content_slider_ul li img {
margin-bottom: 20px;
opacity: 0.8;
position: relative;
top: 0;
}
.content_slider.carousel .content_slider_ul li a {
color: inherit;
text-decoration: none;
}
.content_slider.carousel .content_slider_ul li .title {
opacity: 0.3;
font-size: 115%;
line-height: initial;
}
.content_slider.carousel .content_slider_ul li:hover img {
opacity: 1;
top: -5px;
}
.content_slider.carousel .content_slider_ul li:hover .title {
opacity: 1;
}
.content_slider.carousel a.button {
background: none !important;
box-shadow: none;
border: none;
top: 40%;
margin-top: -11px;
}
.content_slider.carousel a.button:after {
display: none !important;
}
.content_slider.carousel a.button:hover {
background: none !important;
}
.content_slider.carousel a.button .button_icon {
background: none;
padding: 0;
font-size: 30px;
opacity: 0.5;
}
.content_slider.carousel a.button:hover .button_icon {
opacity: 1;
}
.content_slider.carousel a.slider_prev {
right: -70px;
}
.content_slider.carousel a.slider_next {
left: -70px;
}
/* Navigation visibility */
.content_slider.hide-arrows {
padding: 0;
}
.content_slider.hide-arrows a.slider_prev,
.content_slider.hide-arrows a.slider_next {
display: none !important;
}
.content_slider.hide-dots .slider_pagination {
display: none !important;
}
.section.full-width .column.one .content_slider.hide-arrows {
padding: 0 140px;
}
/* Animation */
.content_slider.carousel ul li img,
.content_slider.carousel ul li .title,
.content_slider.flat a.button .button_icon {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Offer slider ---------------------------------------------------------------------- */
.offer {
position: relative;
}
.offer .offer_ul {
margin: 0 !important;
}
.offer .offer_li {
display: block;
float: right;
}
.offer .offer_li .image_wrapper {
float: right;
width: 50%;
line-height: 0;
}
.offer .offer_li .image_wrapper img {
float: left;
}
.offer .offer_li .desc_wrapper {
float: right;
width: 570px;
width: calc(50% - 42px);
margin: 30px 30px 30px 12px;
}
.offer .offer_li .desc_wrapper .title {
margin-bottom: 30px;
position: relative;
min-height: 43px;
padding-left: 160px;
}
.offer .offer_li .desc_wrapper.no-link .title {
padding: 0;
}
.offer .offer_li .desc_wrapper .title h3 {
margin: 0;
font-size: 35px;
line-height: 35px;
padding-top: 3px;
}
.offer .offer_li .desc_wrapper .title h3 em {
color: rgba(0, 0, 0, 0.1);
font-style: normal;
}
.offer .offer_li .desc_wrapper .title a.button {
margin: 0;
position: absolute;
left: 0;
top: 0;
}
.offer .offer_li .desc_wrapper.align_right {
text-align: right;
}
.offer .offer_li .desc_wrapper.align_left {
text-align: left;
}
.offer .offer_li .desc_wrapper.align_center {
text-align: center;
}
.offer .offer_li .desc_wrapper.align_justify {
text-align: justify;
}
.offer .offer_li .desc_wrapper.align_left.has-link .title {
padding-right: 160px;
padding-left: 0;
}
.offer .offer_li .desc_wrapper.align_left .title a.button {
right: 0;
left: auto;
}
.offer .offer_li .desc_wrapper.align_center.has-link .title {
text-align: right;
}
.offer_li ul {
list-style: disc inside none;
margin-bottom: 10px;
}
.offer_li ol {
list-style: decimal inside none;
margin-bottom: 10px;
}
.offer_li li {
margin-bottom: 5px;
}
.offer a.slider_prev,
.offer a.slider_next {
background: #262626;
margin: 0;
position: absolute;
}
.offer a.slider_prev:after,
.offer a.slider_next:after {
background: rgba(0, 0, 0, 0.2);
}
.offer a.slider_prev .button_icon,
.offer a.slider_next .button_icon {
padding: 0;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 13px;
text-align: center;
}
.offer a.slider_prev .button_icon i,
.offer a.slider_next .button_icon i {
color: #fff;
}
.offer a.slider_prev {
right: 50px;
top: 50%;
z-index: 2;
margin-top: -69px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.offer a.slider_next {
right: 50px;
top: 50%;
z-index: 2;
margin-top: 23px;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}
.offer .slider_pagination {
display: block;
right: 50px;
top: 50%;
color: #6c6c6c;
margin-top: -23px;
position: absolute;
z-index: 1;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 13px;
background: #1c1c1c;
}
.offer .slider_pagination .current,
.offer .slider_pagination .count {
color: #fff;
}
.button-stroke .offer a.slider_prev .button_icon,
.button-stroke .offer a.slider_next .button_icon {
padding: 0;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
}
.button-stroke .offer a.slider_prev {
margin-top: -75px;
}
.button-stroke .offer a.slider_next {
margin-top: 28px;
}
.button-stroke .offer .slider_pagination {
border-radius: 3px;
background: rgba(0, 0, 0, 0.6);
}
/* Offer thumb */
.offer_thumb {
position: relative;
padding-right: 120px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.offer_thumb_ul li.offer_thumb_li {
float: right;
display: block;
padding-right: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.offer_thumb_ul li.offer_thumb_li .image_wrapper {
float: left;
width: 57%;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper {
float: right;
width: 39%;
margin-left: 4%;
padding-top: 20px;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title {
margin-bottom: 15px;
position: relative;
min-height: 43px;
padding-left: 160px;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.no-link .title {
padding: 0;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
margin: 0;
font-size: 35px;
line-height: 35px;
padding-top: 3px;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button {
margin: 0;
position: absolute;
left: 0;
top: 0;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_right {
text-align: right;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_left {
text-align: left;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_center {
text-align: center;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_justify {
text-align: justify;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_left.has-link .title {
padding-right: 160px;
padding-left: 0;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_left .title a.button {
right: 0;
left: auto;
}
.offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_center.has-link .title {
text-align: right;
}
/* Animation */
.offer_thumb .slider_pagination a img {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.offer_thumb .slider_pagination a:before,
.offer_thumb .slider_pagination a:after {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.offer_thumb .slider_pagination {
position: absolute;
right: 0;
top: 0;
border-width: 1px;
border-style: solid;
}
.offer_thumb .slider_pagination a {
display: block;
margin: 0;
width: 85px !important;
height: 85px !important;
line-height: 85px;
text-align: center;
padding: 8px;
text-indent: 0;
border-bottom-width: 1px;
border-style: solid;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.offer_thumb .slider_pagination a:not(.selected):hover img {
filter: alpha(opacity=60);
opacity: 0.6;
}
.offer_thumb .slider_pagination a.selected {
top: 0;
}
body:not(.style-simple) .offer_thumb:not(.bottom) .slider_pagination a:last-child {
border: 0;
}
.offer_thumb .slider_pagination a:before {
content: "";
display: block;
width: 5px;
height: 100%;
left: -5px;
top: 0;
position: absolute;
filter: alpha(opacity=0);
opacity: 0;
}
.offer_thumb .slider_pagination a.selected:before {
filter: alpha(opacity=100);
opacity: 1;
}
.offer_thumb .slider_pagination a:after {
content: "";
right: auto;
left: -9px;
top: 50%;
margin-top: -4px;
width: 8px;
height: 8px;
filter: alpha(opacity=0);
opacity: 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.offer_thumb .slider_pagination a.selected:after {
filter: alpha(opacity=100);
opacity: 1;
}
.offer_thumb .slider_pagination a {
background-color: #fff;
}
.offer_thumb .slider_pagination a.selected {
background-color: #fff;
background-image: url(../images/stripes/stripes_3_b.png);
}
.offer_thumb .slider_pagination a img {
vertical-align: middle;
}
}
/* Offer thumb bottom */
.offer_thumb.bottom {
padding-right: 0;
}
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper {
width: 48%;
text-align: center;
}
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
margin-left: 4%;
width: 48%;
}
.offer_thumb.bottom .slider_pagination {
position: static;
border: 0;
text-align: center;
margin-top: 50px;
}
.offer_thumb.bottom .slider_pagination a {
display: inline-block;
border-width: 1px 1px 1px 0;
border-style: solid;
}
.offer_thumb.bottom .slider_pagination a:last-child {
border-left-width: 1px;
border-style: solid;
}
.offer_thumb.bottom .slider_pagination a:before {
width: 100%;
height: 5px;
right: 0;
left: auto;
top: -5px;
}
.offer_thumb.bottom .slider_pagination a:after {
right: 50%;
left: auto;
top: -5px;
margin-right: -4px;
}
/* Latest news ----------------------------------------------------------------------- */
.Latest_news ul {
float: right;
width: 100%;
margin: 0;
}
.Latest_news ul li {
margin: 0 0 20px;
list-style: none;
position: relative;
overflow: hidden;
}
.Latest_news ul li .photo {
width: 30%;
border-left-width: 3px;
border-style: solid;
float: right;
line-height: 0;
}
.Latest_news ul li .desc {
width: 100%;
padding: 3px 0 3px 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.Latest_news ul li.has-post-thumbnail .desc {
margin-right: 30%;
width: 70%;
padding-right: 12px;
}
.Latest_news ul li .desc h5 {
margin: 0 0 7px;
}
.Latest_news ul li .desc .post-excerpt {
margin: 10px 0 5px;
}
.Latest_news ul li .desc_footer {
overflow: hidden;
border-top-width: 1px;
border-style: solid;
padding-top: 5px;
color: #a8a8a8;
}
.Latest_news ul li .desc_footer .date {
float: right;
margin-left: 5px;
}
.Latest_news ul li .desc_footer .button-love {
float: right;
margin-left: 5px;
}
.Latest_news ul li .desc_footer .button-love a.mfn-love {
display: inline-block;
position: relative;
padding-right: 24px;
margin-right: 5px;
}
.Latest_news ul li .desc_footer .button-love a.mfn-love i {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
}
.Latest_news ul li .desc_footer .button-love a.mfn-love:hover {
text-decoration: none;
}
.Latest_news ul li .desc_footer .button-love a.mfn-love i:last-child {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.Latest_news ul li .desc_footer .button-love a:hover.mfn-love i:last-child,
.Latest_news ul li .desc_footer .button-love a.loved.mfn-love i:last-child {
opacity: 1;
filter: alpha(opacity=100);
}
.Latest_news .button {
float: right;
clear: both;
}
.Latest_news.featured ul {
float: right;
width: 49%;
}
.Latest_news.featured ul.ul-first {
margin-left: 1%;
}
.Latest_news.featured ul.ul-second {
margin-right: 1%;
}
.Latest_news.featured ul.ul-first li .photo {
width: 100%;
float: right;
margin-bottom: 10px;
border-left-width: 0;
border-bottom-width: 3px;
border-bottom-style: solid;
}
.Latest_news.featured ul.ul-first li .desc {
width: 100%;
margin: 0;
padding: 0;
float: right;
}
.Latest_news.featured ul.ul-first li .desc h4 {
margin: 0 0 7px;
}
.column.two-fifth .Latest_news.featured ul,
.column.one-third .Latest_news.featured ul,
.column.one-fourth .Latest_news.featured ul {
width: 100%;
}
.wrap.three-fifth .column.one-second .Latest_news.featured ul,
.wrap.one-second .column.one-second .Latest_news.featured ul,
.wrap.one-second .column.three-fifth .Latest_news.featured ul,
.wrap.two-fifth .column.three-fourth .Latest_news.featured ul,
.wrap.two-fifth .column.one-second .Latest_news.featured ul,
.wrap.two-fifth .column.three-fifth .Latest_news.featured ul,
.wrap.one-fourth .Latest_news.featured ul,
.wrap.one-fifth .Latest_news.featured ul,
.wrap.one-sixth .Latest_news.featured ul {
width: 100%;
}
/* Blog Teaser ----------------------------------------------------------------------- */
.blog-teaser .teaser-wrapper {
float: right;
width: 100%;
margin: 0;
}
.blog-teaser li {
display: block;
position: relative;
overflow: hidden;
}
.the_content_wrapper .blog-teaser li {
margin-bottom: 0;
}
.blog-teaser li:first-child {
float: right;
width: 66%;
}
.blog-teaser li:not(:first-child) {
float: left;
width: 33%;
}
.blog-teaser li:last-child {
margin-top: 1%;
}
.blog-teaser li:last-child .photo-wrapper {
margin-bottom: -3.2%;
}
.blog-teaser.margin-no li:first-child {
width: 66.6666%;
}
.blog-teaser.margin-no li:not(:first-child) {
float: left;
width: 33.3333%;
}
.blog-teaser.margin-no li:last-child {
margin-top: 0;
}
.blog-teaser.margin-no li:last-child .photo-wrapper {
margin-bottom: 0;
}
.blog-teaser li .photo-wrapper {
position: relative;
line-height: 0;
}
.blog-teaser li .photo-wrapper:after {
content: "";
position: absolute;
z-index: 2;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: all 0.6s ease-out;
}
.blog-teaser li:hover .photo-wrapper:after {
opacity: 1;
}
.blog-teaser li .desc-wrapper {
position: absolute;
right: 0;
bottom: -20px;
width: 100%;
z-index: 4;
transition: all 0.4s ease-out;
}
.blog-teaser li:hover .desc-wrapper {
transform: translateY(-20px);
}
.blog-teaser li .desc-wrapper .desc {
background: url(../images/blog_masonry_tile_gradient.png) top right repeat-x;
padding: 70px 25px 30px;
}
.blog-teaser li .desc-wrapper .desc .post-meta .author .label {
display: none;
}
.blog-teaser li .desc-wrapper .desc .post-meta .comments {
margin-right: 5px;
}
.blog-teaser li .desc-wrapper .desc .post-title a {
color: #fff;
}
.blog-teaser li .desc-wrapper .desc .post-title:after {
content: "";
display: block;
height: 3px;
margin-top: 20px;
width: 0;
transition: all 0.4s ease-out;
background-color: #fff;
}
.blog-teaser li:hover .desc-wrapper .desc .post-title:after {
width: 40%;
}
.blog-teaser li:first-child:hover .desc-wrapper .desc .post-title:after {
width: 20%;
}
.blog-teaser li .desc-wrapper .desc .post-meta,
.blog-teaser li .desc-wrapper .desc .post-meta a {
color: rgba(255, 255, 255, 0.7);
}
.blog-teaser li:not(.has-post-thumbnail) .photo-wrapper {
padding-top: 75%;
padding-bottom: 3.2%;
}
.blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc {
background: none;
}
.blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc .post-title:after {
background: #fff;
}
/* Helper ---------------------------------------------------------------------------- */
.helper {
overflow: hidden;
}
.helper .helper_header {
padding: 15px 20px 15px 150px;
position: relative;
min-height: 35px;
}
.helper .helper_header .title {
margin: 0;
line-height: 35px;
}
.helper .helper_header .links {
position: absolute;
left: 15px;
top: 15px;
}
.helper .helper_header .links a.link {
display: inline-block;
height: 35px;
line-height: 35px;
margin: 0 5px;
padding: 0 10px;
text-decoration: none;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.helper .helper_content .item {
padding: 0 20px 20px;
overflow: hidden;
display: none;
}
.helper {
background: #f5f5f5;
}
.helper .helper_header .links a.link {
color: #999;
background: #fff;
}
.helper .helper_header .links a.link.active,
.helper .helper_header .links a:hover.link {
color: #999;
background: rgba(0, 0, 0, 0.06);
}
/* Icon box -------------------------------------------------------------------------- */
.icon_box {
position: relative;
padding: 10px 0;
}
.icon_box.has_border:after {
content: "";
display: block;
width: 0;
height: 100%;
border-width: 0 0 0 1px;
border-style: solid;
position: absolute;
left: -2.4%;
top: 0;
}
.icon_box a {
display: block;
}
.icon_box a:hover {
text-decoration: none;
}
.icon_box .icon_wrapper {
width: 110px;
height: 110px;
text-align: center;
line-height: 110px;
font-size: 50px;
position: relative;
overflow: hidden;
margin: 0 auto 15px;
border-width: 8px;
border-style: solid;
display: block;
-webkit-border-radius: 100%;
border-radius: 100%;
background-image: url(../images/stripes/stripes_3_b.png);
}
.icon_box .icon_wrapper i {
z-index: 2;
position: relative;
}
.icon_box .icon_wrapper:before {
content: "";
display: block;
width: 100%;
height: 100%;
border-width: 1px;
border-style: solid;
position: absolute;
right: 0;
top: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.icon_box .icon_wrapper {
background-color: #fff;
-webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.08);
box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.08);
}
.icon_box .image_wrapper {
text-align: center;
margin-bottom: 15px;
}
.icon_box .desc_wrapper {
text-align: center;
}
/* Icon postion right */
.icon_box.icon_position_right {
min-height: 126px;
padding-right: 145px;
}
.icon_box.icon_position_right .icon_wrapper {
position: absolute;
right: 0;
top: 10px;
margin-bottom: 0;
}
.icon_box.icon_position_right .desc_wrapper {
text-align: right;
padding-top: 10px;
}
.icon_box.icon_position_right .image_wrapper {
position: absolute;
right: 0;
top: 10px;
margin-bottom: 0;
width: 126px;
height: 126px;
overflow: hidden;
}
/* Animation */
.icon_box .icon_wrapper,
.icon_box .icon_wrapper:before {
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.icon_box .icon_wrapper {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.icon_box:hover .icon_wrapper {
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
-o-transform: scale(0.94);
transform: scale(0.94);
}
/* Icon box button & mfn-link */
.icon_box a.mfn-link,
.icon_box a.button {
display: inline-block;
}
/* Article box ----------------------------------------------------------------------- */
.article_box {
overflow: hidden;
}
.article_box a {
display: block;
}
.article_box a:hover {
text-decoration: none;
}
.article_box .photo_wrapper {
width: 50%;
float: right;
line-height: 0;
}
.article_box .desc_wrapper {
width: 50%;
min-height: 139px;
float: right;
padding: 10px 15px;
background-color: #f8f8f8;
background-image: url(../images/stripes/stripes_3_b.png);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.article_box .desc_wrapper p {
margin-bottom: 10px;
border-bottom-width: 1px;
border-style: solid;
padding-bottom: 7px;
}
.article_box .desc_wrapper h4 {
margin-bottom: 5px;
}
.article_box .desc_wrapper i.icon-left-open {
display: block;
position: relative;
right: -5px;
}
/* Sliding box ----------------------------------------------------------------------- */
.sliding_box {
position: relative;
}
.sliding_box a {
display: block;
}
.sliding_box a:hover {
text-decoration: none;
}
.sliding_box .photo_wrapper {
line-height: 0;
position: relative;
bottom: -15px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.sliding_box .desc_wrapper {
padding: 15px 20px;
width: 100%;
text-align: center;
z-index: 2;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sliding_box .desc_wrapper:after {
content: "";
display: block;
position: absolute;
right: 50%;
top: 0;
margin-right: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px;
border-color: transparent;
}
.sliding_box .desc_wrapper h4 {
margin-bottom: 0;
}
/* Animation */
.sliding_box .photo_wrapper {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sliding_box:hover .photo_wrapper {
bottom: -1px;
}
.sliding_box .desc_wrapper:after {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.sliding_box:hover .desc_wrapper:after {
top: -8px;
}
/* Story box ------------------------------------------------------------------------- */
.story_box {
padding: 0 11%;
}
.story_box a,
.story_box a:hover {
display: block;
text-decoration: none;
}
.story_box .photo_wrapper {
line-height: 0;
overflow: hidden;
}
.story_box .photo_wrapper img {
display: block;
opacity: 0.7;
}
.story_box .desc_wrapper {
margin-left: 20%;
position: relative;
z-index: 2;
}
.story_box .desc_wrapper h3 {
margin-right: -30px;
margin-top: -26px;
}
.story_box .desc_wrapper hr {
margin-right: 0;
width: 20%;
}
.story_box:hover .desc_wrapper hr {
width: 40%;
}
.story_box:hover .photo_wrapper img {
display: block;
opacity: 1;
}
.story_box.vertical {
padding: 0 17%;
}
/* Animation */
.story_box .desc_wrapper hr,
.story_box .photo_wrapper img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Promo box ------------------------------------------------------------------------- */
.promo_box {
position: relative;
}
.promo_box.has_border:after {
content: "";
display: block;
width: 0;
height: 100%;
border-width: 0 0 0 1px;
border-style: solid;
position: absolute;
left: -2.4%;
top: 0;
}
.promo_box_wrapper {
overflow: hidden;
}
.promo_box_wrapper .photo_wrapper {
width: 36%;
float: right;
text-align: right;
line-height: 0;
}
.promo_box_wrapper .desc_wrapper {
width: 56%;
margin: 0 6% 0 2%;
float: right;
padding-top: 10px;
}
.promo_box_wrapper .desc_wrapper .desc {
margin-bottom: 15px;
}
.promo_box_wrapper.promo_box_left .photo_wrapper {
float: left;
text-align: left;
}
.promo_box_wrapper.promo_box_left .desc_wrapper {
margin: 0 2% 0 6%;
text-align: left;
}
.promo_box_wrapper.promo_box_left .desc_wrapper a.button {
margin-left: 0;
}
/* Zoom box -------------------------------------------------------------------------- */
.column_zoom_box {
text-align: center;
line-height: 0;
}
.zoom_box {
position: relative;
line-height: 0;
overflow: hidden;
display: inline-block;
max-width: 100%;
}
.zoom_box .photo img,
.zoom_box .desc {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.zoom_box .photo img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.zoom_box:hover .photo img {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
.zoom_box .desc {
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
text-align: center;
opacity: 0;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
.zoom_box:hover .desc {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.zoom_box .desc .desc_img img {
max-width: 30% !important;
padding-bottom: 15px;
}
.zoom_box .desc .desc_txt {
padding: 0 40px;
font-size: 26px;
line-height: 30px;
color: #fff;
}
/* Counter --------------------------------------------------------------------------- */
.counter {
padding: 20px;
background-image: url(../images/stripes/stripes_10_b.png);
text-align: center;
position: relative;
}
.counter .icon_wrapper {
margin-bottom: 15px;
line-height: 0;
width: 100%;
}
.counter .icon_wrapper i:before {
margin: 0;
}
.counter .icon_wrapper i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 50px;
}
.counter .desc_wrapper .number-wrapper {
font-size: 50px;
line-height: 50px;
margin-bottom: 5px;
}
.counter .desc_wrapper .number-wrapper .label {
font-size: 70%;
line-height: 100%;
}
.counter .desc_wrapper .title {
font-size: 15px;
line-height: 20px;
margin: 0;
}
.counter.counter_horizontal {
text-align: right;
min-height: 75px;
}
.counter.counter_horizontal .icon_wrapper {
width: 50px;
height: 50px;
position: absolute;
right: 30px;
top: 32px;
margin: 0;
}
.counter.counter_horizontal .desc_wrapper {
padding-right: 85px;
}
/* Chart box ------------------------------------------------------------------------- */
.chart_box {
position: relative;
text-align: center;
}
.chart_box:before {
content: "";
display: block;
z-index: 2;
width: 138px;
height: 138px;
border-width: 1px;
border-style: solid;
position: absolute;
right: 50%;
margin-right: -69px;
top: 1px;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
background-image: url(../images/stripes/stripes_3_b.png);
}
.chart_box .chart {
width: 140px;
margin: 0 auto 10px;
position: relative;
}
.chart_box .chart canvas {
position: relative;
z-index: 2;
}
.chart_box .chart .icon,
.chart_box .chart .image {
width: 70px;
height: 70px;
line-height: 70px;
overflow: hidden;
position: absolute;
right: 35px;
top: 35px;
z-index: 3;
text-align: center;
}
.chart_box .chart .icon {
font-size: 45px;
}
.chart_box .chart .icon i:before {
margin: 0;
}
.chart_box .chart .image img {
vertical-align: middle;
}
.chart_box .chart .num {
position: absolute;
right: 0;
top: 45px;
z-index: 3;
width: 100%;
font-size: 50px;
line-height: 50px;
}
.chart_box p {
margin-bottom: 0;
}
/* Progress bars --------------------------------------------------------------------- */
.progress_bars .bars_list {
margin: 0;
}
.progress_bars .bars_list li {
margin-bottom: 20px;
list-style: none;
overflow: hidden;
}
.progress_bars .bars_list li:last-child {
margin-bottom: 0;
}
.progress_bars .bars_list li h6 {
margin-bottom: 7px;
position: relative;
padding-left: 40px;
}
.progress_bars .bars_list li h6 .label {
display: block;
font-size: 11px;
line-height: 17px;
padding: 0 5px;
font-weight: 400;
position: absolute;
left: 0;
top: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.35);
}
.progress_bars .bars_list li h6 .label em {
font-style: normal;
}
.progress_bars .bars_list li .bar {
position: relative;
width: 100%;
height: 20px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.02);
-webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04);
}
.progress_bars .bars_list li .bar .progress {
display: block;
height: 100%;
background-image: url(../images/progressbar.png);
-webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04);
}
.progress_bars .bars_list:not(.hover) li .bar .progress {
width: 0 !important;
}
/* Animation */
.progress_bars .bars_list.hover li .bar .progress {
-webkit-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
/* Progress icons -------------------------------------------------------------------- */
.progress_icons {
margin-bottom: 12px;
overflow: hidden;
}
.progress_icons .progress_icon {
display: inline-block;
margin: 0 0 7px 7px;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 17px;
color: #fff;
text-align: center;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.progress_icons .progress_icon img {
max-width: 25px !important;
max-height: 25px;
margin: 5px 0 -5px;
}
.progress_icons .progress_icon:last-child {
margin-left: 0;
}
.progress_icons .progress_icon:not(.themebg) {
background: rgba(0, 0, 0, 0.06);
}
/* Animation */
.progress_icons .progress_icon {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Trailer box ----------------------------------------------------------------------- */
.trailer_box {
text-align: center;
position: relative;
line-height: 0;
}
.trailer_box a {
display: block;
}
.trailer_box a:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
opacity: 0;
background: rgba(0, 0, 0, 0.15);
}
.trailer_box:hover a:after {
filter: alpha(opacity=100);
opacity: 100;
}
.trailer_box .desc {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
width: 100%;
padding: 20px 15px 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.trailer_box .desc h2 {
margin: 0;
position: relative;
bottom: 0;
font-size: 30px;
line-height: 30px;
}
.trailer_box:hover .desc h2 {
bottom: 20px;
}
.trailer_box .desc .subtitle {
display: inline-block;
position: relative;
bottom: 0;
line-height: normal;
letter-spacing: 1px;
padding: 4px 8px;
text-transform: uppercase;
margin-bottom: 15px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: url(../images/stripes/stripes_10_w.png);
}
.trailer_box:hover .desc .subtitle {
bottom: 20px;
}
.trailer_box .desc .line {
height: 1px;
width: 0;
margin: 0 auto;
background: #fff;
overflow: hidden;
display: block;
}
.trailer_box:hover .desc .line {
width: 60%;
}
/* Animation */
.trailer_box a:after,
.trailer_box .desc .subtitle,
.trailer_box .desc .line,
.trailer_box .desc h2 {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Quick facts ----------------------------------------------------------------------- */
.quick_fact {
text-align: center;
}
.quick_fact.align_right {
text-align: right;
}
.quick_fact.align_left {
text-align: left;
}
.quick_fact .number-wrapper {
font-size: 90px;
line-height: 90px;
}
.quick_fact .number-wrapper .label {
font-size: 70%;
line-height: 100%;
}
.quick_fact hr {
width: 40%;
}
/* Photo box ------------------------------------------------------------------------- */
.photo_box {
text-align: center;
}
.photo_box.pb_right {
text-align: right;
}
.photo_box.pb_left {
text-align: left;
}
.photo_box .image_frame {
margin-bottom: 15px;
}
.photo_box.without-desc .image_frame {
margin-bottom: 0;
}
.photo_box .desc {
margin-bottom: 15px;
}
/* Flat box -------------------------------------------------------------------------- */
.flat_box a,
.flat_box a:hover {
display: block;
text-decoration: none;
}
.flat_box .photo_wrapper {
margin-bottom: 15px;
position: relative;
line-height: 0;
overflow: hidden;
}
.flat_box .photo_wrapper .icon {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 90px;
text-align: center;
color: #fff;
z-index: 2;
}
.flat_box .photo_wrapper .icon i {
display: block;
width: 100%;
height: 60px;
line-height: 60px;
font-size: 55px;
vertical-align: middle;
position: absolute;
top: 50%;
margin-top: -30px;
}
.flat_box .photo_wrapper .icon img {
position: absolute;
right: 50%;
top: 50%;
max-width: calc(100% - 16px) !important;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.flat_box:hover .photo_wrapper .icon,
.flat_box a:hover .photo_wrapper .icon {
-webkit-transform: translateX(90px);
transform: translateX(90px);
}
.flat_box .photo_wrapper img.photo {
position: relative;
display: block;
z-index: 1;
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
.flat_box:hover .photo_wrapper img.photo,
.flat_box a:hover .photo_wrapper img.photo {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.flat_box .desc_wrapper {
margin-right: 90px;
}
@media only screen and (min-width: 960px) {
.one-fourth .flat_box .photo_wrapper .icon {
width: 60px;
}
.one-fourth .flat_box .photo_wrapper .icon i {
height: 40px;
line-height: 40px;
font-size: 35px;
margin-top: -20px;
}
.one-fourth .flat_box a:hover .photo_wrapper .icon {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
.one-fourth .flat_box .desc_wrapper {
margin-right: 60px;
}
}
/* Animation */
.flat_box .photo_wrapper .icon {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.flat_box .photo_wrapper img {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Feature box -------------------------------------------------------------------------- */
.feature_box .feature_box_wrapper {
display: table;
padding: 20px;
}
.feature_box .feature_box_wrapper .photo_wrapper,
.feature_box .feature_box_wrapper .desc_wrapper {
display: table-cell;
vertical-align: middle;
}
.feature_box .feature_box_wrapper .photo_wrapper {
width: 50%;
}
.feature_box .feature_box_wrapper .photo_wrapper a {
display: block;
line-height: 0;
}
.feature_box .feature_box_wrapper .desc_wrapper {
width: 46%;
padding-right: 4%;
}
/* Hover box ------------------------------------------------------------------------- */
.hover_box {
text-align: center;
line-height: 0;
}
.hover_box a {
display: block;
line-height: 0;
}
.hover_box .hover_box_wrapper {
display: inline-block;
position: relative;
overflow: hidden;
line-height: 0;
max-width: 100%;
}
.hover_box .hover_box_wrapper img {
display: block;
}
.hover_box .hover_box_wrapper .visible_photo {
opacity: 1;
filter: alpha(opacity=100);
}
.hover_box .hover_box_wrapper .hidden_photo {
position: absolute;
right: 50%;
top: 50%;
opacity: 0;
filter: alpha(opacity=0);
-ms-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.hover_box:hover .hover_box_wrapper .visible_photo,
.hover_box.hover .hover_box_wrapper .visible_photo {
opacity: 0;
filter: alpha(opacity=0);
}
.hover_box:hover .hover_box_wrapper .hidden_photo,
.hover_box.hover .hover_box_wrapper .hidden_photo {
opacity: 1;
filter: alpha(opacity=100);
}
.hover_box .hover_box_wrapper .visible_photo,
.hover_box .hover_box_wrapper .hidden_photo {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Hover color ----------------------------------------------------------------------- */
.hover_color:hover .hover_color_bg,
.hover_color.hover .hover_color_bg {
background-color: inherit !important;
border-color: inherit !important;
}
.hover_color {
border-color: transparent;
}
.hover_color a {
display: block;
}
.hover_color a:hover {
text-decoration: none;
}
.hover_color .hover_color_bg {
border: 2px solid transparent;
}
.hover_color .hover_color_wrapper {
text-decoration: none;
padding: 40px 30px;
text-align: center;
}
.hover_color,
.hover_color a,
.hover_color a:hover,
.hover_color h1 a,
.hover_color h2 a,
.hover_color h3 a,
.hover_color h4 a,
.hover_color h5 a,
.hover_color h6 a {
color: #fff;
}
.hover_color .hover_color_bg {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.hover_color,
.hover_color_bg {
height: 100%;
}
/* Content links --------------------------------------------------------------------- */
a.content_link {
display: inline-block;
position: relative;
border-width: 1px;
border-style: solid;
width: 140px;
padding: 25px 15px;
text-align: center;
margin-right: -1px;
background-color: #fff;
}
a.content_link .icon {
display: block;
font-size: 45px;
line-height: 45px;
margin-bottom: 15px;
}
a.content_link .title {
font-weight: 700;
}
a.content_link:after {
content: "";
z-index: 2;
filter: alpha(opacity=0);
opacity: 0;
height: 0;
width: 100%;
border-width: 0 0 5px;
border-style: solid;
position: absolute;
right: 0;
bottom: -6px;
}
a.content_link:before {
content: "";
z-index: 2;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
right: 50%;
bottom: -1px;
margin-right: -6px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px;
border-color: transparent;
}
a:hover.content_link:after {
filter: alpha(opacity=100);
opacity: 100;
}
a:hover.content_link:before {
filter: alpha(opacity=100);
opacity: 100;
}
a:hover.content_link {
text-decoration: none;
background-image: url(../images/stripes/stripes_3_b.png);
}
a.content_link:after,
a.content_link:before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Icon bar -------------------------------------------------------------------------- */
a.icon_bar {
display: inline-block;
overflow: hidden;
text-align: center;
margin: 0 0 2px 2px;
border-width: 1px;
border-style: solid;
position: relative;
background-color: #fff;
background-image: url(../images/stripes/stripes_3_b.png);
-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
}
a.icon_bar span {
display: block;
}
a.icon_bar,
a.icon_bar span {
width: 58px;
height: 58px;
line-height: 58px;
font-size: 20px;
}
a.icon_bar_small,
a.icon_bar_small span {
width: 43px;
height: 43px;
line-height: 43px;
font-size: 15px;
}
a.icon_bar span.t {
position: relative;
}
a.icon_bar span.b {
position: absolute;
top: 100%;
}
a.icon_bar span {
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
a.icon_bar span.b {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
a:hover.icon_bar span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.wpb_wrapper a.icon_bar {
margin-bottom: 2px;
}
/* Social */
a.icon_bar_facebook span.b {
background: #3a589b;
color: #fff;
}
a.icon_bar_google span.b {
background: #d6492f;
color: #fff;
}
a.icon_bar_twitter span.b {
background: #32ccfe;
color: #fff;
}
a.icon_bar_vimeo span.b {
background: #1ca7cc;
color: #fff;
}
a.icon_bar_youtube span.b {
background: #ff3334;
color: #fff;
}
a.icon_bar_flickr span.b {
background: #ff0084;
color: #fff;
}
a.icon_bar_linkedin span.b {
background: #007bb6;
color: #fff;
}
a.icon_bar_pinterest span.b {
background: #cb2027;
color: #fff;
}
a.icon_bar_dribbble span.b {
background: #ec4a89;
color: #fff;
}
/* Get in touch ---------------------------------------------------------------------- */
.get_in_touch {
padding: 25px 30px 25px 20px;
background-repeat: no-repeat;
background-position: left bottom;
}
.get_in_touch ul {
margin: 0;
font-size: 100%;
line-height: normal;
}
.get_in_touch ul li {
margin: 0;
list-style: none;
position: relative;
padding: 13px 50px 13px 0;
word-wrap: break-word;
}
.get_in_touch ul li:after {
content: "";
display: block;
width: 70px;
border-width: 0 0 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.2);
position: absolute;
right: -30px;
bottom: 0;
}
.get_in_touch ul li p {
margin: 0;
}
.get_in_touch ul li .icon {
position: absolute;
right: 0;
top: 5px;
display: block;
color: rgba(0, 0, 0, 0.7);
width: 30px;
height: 30px;
line-height: 30px;
font-size: 23px;
text-align: center;
}
.get_in_touch ul li:last-child:after {
display: none;
}
/* Infobox --------------------------------------------------------------------------- */
.infobox {
padding: 25px 30px 25px 20px;
background-repeat: no-repeat;
background-position: left bottom;
}
.infobox ul {
margin: 0;
font-size: 100%;
line-height: normal;
}
.infobox ul li {
margin: 0;
list-style: none;
position: relative;
padding: 13px 50px 13px 0;
word-wrap: break-word;
}
.infobox ul li p {
margin: 0;
}
.infobox ul li:before {
content: "";
display: block;
background: url(../images/icons/list_check.png) no-repeat;
width: 16px;
height: 16px;
position: absolute;
right: 0;
top: 15px;
}
.infobox ul li:after {
content: "";
display: block;
width: 70px;
border-width: 0 0 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.2);
position: absolute;
right: -30px;
bottom: 0;
}
.infobox ul li:last-child:after {
display: none;
}
/* Opening hours --------------------------------------------------------------------- */
.opening_hours {
padding: 25px;
border-width: 1px;
border-style: solid;
background-color: #fff;
background-repeat: no-repeat;
background-position: left bottom;
}
.opening_hours .opening_hours_wrapper .desc {
margin-bottom: 15px;
}
.opening_hours .opening_hours_wrapper li {
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
text-align: center;
border-bottom-width: 1px;
border-style: dashed;
list-style: none;
}
.opening_hours .opening_hours_wrapper li:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.opening_hours .opening_hours_wrapper li label {
margin-bottom: 8px;
font-size: 12px;
line-height: 18px;
display: inline-block;
font-weight: 400;
padding: 5px 11px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: url(../images/stripes/stripes_3_b.png);
background-color: #f8f8f8;
}
.opening_hours .opening_hours_wrapper li span {
font-size: 22px;
line-height: 22px;
margin: 0;
padding: 0 14px;
display: block;
}
.opening_hours .opening_hours_wrapper li span sup {
font-size: 13px;
line-height: 13px;
position: relative;
top: 4px;
margin-right: 2px;
}
/* Timeline -------------------------------------------------------------------------- */
.timeline_items {
margin: 0 !important;
position: relative;
background: url(../images/timeline_top.png) no-repeat top center;
padding-top: 9px;
}
.timeline_items:after {
content: "";
width: 0;
height: 0;
border-width: 3px;
border-style: solid;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
right: 50%;
bottom: -10px;
margin-right: -3px;
display: block;
z-index: 1;
}
.timeline_items li {
margin: 0 !important;
list-style: none !important;
width: 45%;
padding: 0 55% 25px 0;
position: relative;
background: url(../images/timeline_left.png) no-repeat top center;
}
.timeline_items li:nth-child(even) {
padding: 0 0 25px 55%;
background: url(../images/timeline_right.png) no-repeat top center;
}
.timeline_items li h3 {
font-size: 30px;
line-height: 35px;
}
.timeline_items li h3 span {
position: absolute;
left: 55%;
top: 8px;
}
.timeline_items li h3:before {
content: "";
width: 7px;
height: 7px;
border-width: 4px;
border-style: solid;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
right: 50%;
top: 11px;
margin-right: -8px;
display: block;
z-index: 1;
}
.timeline_items li:nth-child(even) h3 {
text-align: left;
}
.timeline_items li:nth-child(even) h3 span {
right: 55%;
left: auto;
}
.timeline_items li .desc {
position: relative;
font-size: 15px;
line-height: 31px;
background: url(../images/stripes/textline.png) repeat-y;
}
.timeline_items li .desc:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
right: -122%;
top: 0;
background-image: url(../images/stripes/stripes_10_b.png);
}
.timeline_items li:nth-child(even) .desc:before {
right: auto;
left: -122%;
}
.timeline_items li:nth-child(even) .desc {
text-align: left;
}
/* How it works ---------------------------------------------------------------------- */
.how_it_works {
text-align: center;
position: relative;
}
.how_it_works.has_border:after {
content: "";
display: block;
width: 12%;
height: 4px;
background: rgba(0, 0, 0, 0.03);
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
left: -10.5%;
top: 100px;
}
.how_it_works .image {
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
position: relative;
margin: 0 auto 15px;
background: #fff;
border-width: 2px;
border-style: solid;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.how_it_works .image img {
max-width: 116px !important;
max-height: 116px !important;
vertical-align: middle;
}
.how_it_works .image .number {
position: absolute;
left: 10px;
bottom: 10px;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 15px;
text-align: center;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.with_aside .how_it_works .image {
width: 150px;
height: 150px;
line-height: 150px;
}
.with_aside .how_it_works .image .number {
bottom: 4px;
left: 4px;
}
.with_aside .how_it_works.has_border:after {
top: 75px;
}
/* Google maps ----------------------------------------------------------------------- */
.google-map-wrapper {
position: relative;
}
.google-map {
border-width: 8px;
border-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.google-map-wrapper.no_border .google-map,
.section.full-width .one .google-map {
border-width: 0;
}
.google-map-contact-wrapper {
position: absolute;
z-index: 10;
left: 50px;
top: 50px;
}
.section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
right: 50%;
margin-right: 300px;
left: auto;
}
.google-map-contact-wrapper .get_in_touch {
width: 210px;
padding: 25px;
position: relative;
}
.google-map-contact-wrapper .get_in_touch:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -30px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 30px;
border-color: transparent;
}
.google-map-contact-wrapper.style-bar {
position: static;
margin-right: 0 !important;
}
.google-map-contact-wrapper.style-bar .get_in_touch {
float: none;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.google-map-contact-wrapper.style-bar .get_in_touch:after {
display: none;
}
/* Team ------------------------------------------------------------------------------ */
.team .image_frame {
margin-bottom: 15px;
}
.team .desc_wrapper h4 {
margin-bottom: 3px;
}
.team .desc_wrapper hr {
width: 40%;
margin-right: 0;
}
.team .desc_wrapper .desc {
margin-bottom: 15px;
}
.team .desc_wrapper .links {
line-height: 0;
}
.team.team_horizontal {
overflow: hidden;
}
.team.team_horizontal .image_frame {
width: 48%;
float: right;
margin-left: 4%;
margin-bottom: 0;
}
.team.team_horizontal .desc_wrapper {
width: 48%;
float: right;
}
.team .desc_wrapper blockquote {
margin-top: 20px;
}
.team.team_circle {
text-align: center;
}
.team.team_circle .desc_wrapper hr {
margin-right: auto;
}
.team.team_circle .image_frame.photo {
width: 120px;
height: 120px;
margin: 0 auto 15px;
-webkit-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
/* Team list ------------------------------------------------------------------------- */
.team_list .column {
margin-bottom: 0;
}
.team_list .bq_wrapper {
background: rgba(0, 0, 0, 0.02);
border-right-width: 1px;
border-style: solid;
padding: 20px;
}
/* Fancy headings -------------------------------------------------------------------- */
.fancy_heading {
text-align: center;
}
.fancy_heading .title {
font-size: 42px;
line-height: 42px;
}
.fancy_heading_icon .icon_top {
font-size: 50px;
line-height: 50px;
margin-bottom: 15px;
overflow: hidden;
display: block;
}
.fancy_heading_icon .icon_top i:before {
margin: 0;
}
.fancy_heading_line {
background-image: url(../images/fancy_heading_hr.png);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 15px;
}
.fancy_heading_line .slogan {
display: block;
margin-bottom: 7px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
.fancy_heading_line .inside {
margin-bottom: 15px;
}
/* Call to action -------------------------------------------------------------------- */
.column_call_to_action {
margin-bottom: 0;
}
.call_to_action {
overflow: hidden;
display: table;
padding: 40px 0;
width: 100%;
}
.call_to_action .call_to_action_wrapper {
display: table;
width: 100%;
}
.call_to_action .call_right,
.call_to_action .call_center,
.call_to_action .call_left {
display: table-cell;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.call_to_action .call_right {
width: 40%;
padding: 0 20px;
text-align: center;
}
.call_to_action .call_right h3 {
margin-bottom: 0;
}
.call_to_action .call_center {
width: 20%;
text-align: center;
}
.call_to_action .call_center a {
display: inline-block;
}
.call_to_action .call_center .icon_wrapper {
display: inline-block;
border-width: 3px;
border-style: solid;
width: 65px;
height: 65px;
line-height: 65px;
font-size: 30px;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.call_to_action .call_center .button {
margin: 0;
}
.call_to_action .call_left {
width: 40%;
padding: 0 20px;
}
/* Clients --------------------------------------------------------------------------- */
ul.clients {
margin: 0;
}
ul.clients li {
float: right;
width: 16.666%;
margin: 0 !important;
list-style: none;
}
ul.clients .client_wrapper {
padding: 10px 15px;
margin: 10px;
background: rgba(0, 0, 0, 0.01);
text-align: center;
line-height: 0;
height: 75px;
line-height: 75px;
position: relative;
}
ul.clients .client_wrapper:hover {
background: rgba(0, 0, 0, 0.05);
}
ul.clients .client_wrapper a {
display: block;
width: 100%;
height: 100%;
}
ul.clients .client_wrapper .gs-wrapper {
width: 100%;
height: 100%;
position: relative;
}
ul.clients .client_wrapper img {
position: absolute;
top: 50% !important;
right: 50% !important;
-ms-transform: translate(50%, -50%) !important;
-webkit-transform: translate(50%, -50%) !important;
-moz-transform: translate(50%, -50%) !important;
transform: translate(50%, -50%) !important;
}
ul.clients.greyscale .client_wrapper img.BWFilter {
opacity: 1;
z-index: 2;
}
ul.clients.greyscale .client_wrapper img:not(.BWFilter) {
opacity: 0;
}
ul.clients.greyscale .client_wrapper:hover img.BWFilter {
opacity: 0 !important;
}
ul.clients.greyscale .client_wrapper:hover img:not(.BWFilter) {
opacity: 1 !important;
}
ul.clients.clients_tiles li .client_wrapper {
background: none;
}
ul.clients.clients_tiles li .client_wrapper:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.08);
position: absolute;
right: 0;
bottom: 0;
}
ul.clients.clients_tiles li .client_wrapper:after {
content: "";
display: none;
position: absolute;
right: 50%;
margin-right: -4px;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 5px;
border-color: transparent;
}
ul.clients.clients_tiles li .client_wrapper:hover:before {
height: 2px;
}
ul.clients.clients_tiles li .client_wrapper:hover:after {
display: block;
bottom: 2px;
}
ul.clients li .client_wrapper,
ul.clients li .client_wrapper img {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Clients slider -------------------------------------------------------------------- */
.clients_slider .clients_slider_header {
position: relative;
height: 43px;
margin-bottom: 15px;
overflow: hidden;
padding-left: 110px;
}
.clients_slider .clients_slider_header .title {
margin: 9px 0 0;
}
.clients_slider .clients_slider_header a.slider_prev,
.clients_slider .clients_slider_header a.slider_next {
position: absolute;
top: 0;
margin: 0;
font-size: 13px;
line-height: 21px;
}
.clients_slider .clients_slider_header a.slider_prev {
left: 50px;
}
.clients_slider .clients_slider_header a.slider_next {
left: 0;
}
/* Blog slider ----------------------------------------------------------------------- */
.blog_slider .blog_slider_header {
position: relative;
height: 43px;
margin-bottom: 15px;
overflow: hidden;
padding-left: 110px;
}
.blog_slider .blog_slider_header .title {
margin: 9px 0 0;
}
.blog_slider .blog_slider_header a.slider_prev,
.blog_slider .blog_slider_header a.slider_next {
position: absolute;
top: 0;
margin: 0;
font-size: 13px;
line-height: 21px;
}
.blog_slider .blog_slider_header a.slider_prev {
left: 50px;
}
.blog_slider .blog_slider_header a.slider_next {
left: 0;
}
.blog_slider .slider_pagination {
margin-top: 15px;
}
.blog_slider .blog_slider_ul {
margin: 0;
}
.blog_slider .blog_slider_ul li {
float: right;
width: 25%;
list-style: none;
}
.blog_slider .blog_slider_ul li .item_wrapper {
margin: 0 10px;
position: relative;
}
.blog_slider .blog_slider_ul li .item_wrapper .image_frame {
margin-right: 30px;
margin-bottom: 15px;
min-height: 52px;
}
.blog_slider .blog_slider_ul li .item_wrapper .date_label {
position: absolute;
right: 0;
top: 30px;
z-index: 20;
}
.blog_slider .blog_slider_ul li .item_wrapper hr {
margin-right: 30px;
width: 40%;
}
.blog_slider .blog_slider_ul li .item_wrapper a.button {
margin-right: 30px;
margin-bottom: 0;
}
.blog_slider .blog_slider_ul li.format-quote .item_wrapper {
overflow: hidden;
}
.blog_slider .blog_slider_ul li.format-quote .item_wrapper blockquote {
margin-top: 70px;
margin-right: 40px;
}
.blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame {
height: 180px;
background-color: rgba(255, 255, 255, 0.5);
background-image: url(../images/link.png);
background-position: center;
background-repeat: no-repeat;
}
.blog_slider.hide-dots .slider_pagination {
display: none !important;
}
.blog_slider.hide-arrows .blog_slider_header a.button {
display: none !important;
}
.blog_slider.hide-nav .slider_pagination,
.blog_slider.hide-nav .blog_slider_header a.button {
display: none !important;
}
/* Blog slider - flat */
.blog_slider.flat .blog_slider_ul li .item_wrapper .image_frame {
margin-right: 0;
border: 0;
}
.blog_slider.flat .blog_slider_ul li .item_wrapper .date_label {
position: static;
background-color: transparent !important;
background-image: none;
display: inline-block;
padding: 0;
}
.blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr {
margin-right: 0;
width: 0;
}
.blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button {
display: none;
margin-right: 0;
}
.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .desc hr {
width: 100px;
}
.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img,
.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img {
filter: alpha(opacity=90);
opacity: 0.9;
}
.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img,
.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img {
top: 0;
filter: alpha(opacity=100);
opacity: 1;
}
/* Arrows */
.blog_slider.flat {
position: relative;
}
.blog_slider.flat .blog_slider_header {
position: static;
height: 0;
margin-bottom: 0;
overflow: hidden;
padding-left: 0;
}
.blog_slider.flat .blog_slider_header a.button.slider_prev,
.blog_slider.flat .blog_slider_header a.button.slider_next {
width: 60px;
height: 100%;
border: 0;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.4) !important;
box-shadow: inset 0 0 0 0;
background-image: none;
}
.blog_slider.flat .blog_slider_header a:hover.button.slider_prev,
.blog_slider.flat .blog_slider_header a:hover.button.slider_next {
background-color: rgba(255, 255, 255, 0.7) !important;
}
.blog_slider.flat .blog_slider_header a.button.slider_prev:after,
.blog_slider.flat .blog_slider_header a.button.slider_next:after {
display: none;
}
.blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon,
.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon {
float: none;
font-size: 15px;
padding: 0;
text-align: center;
position: absolute;
width: 100%;
top: 50%;
margin-top: -4px;
background: none;
}
.blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon i,
.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon i,
.blog_slider.flat .blog_slider_header a:hover.button.slider_prev .button_icon i,
.blog_slider.flat .blog_slider_header a:hover.button.slider_next .button_icon i {
color: #000 !important;
}
.blog_slider.flat .blog_slider_header a.button.slider_prev {
right: 10px;
left: auto;
z-index: 2;
}
.blog_slider.flat .blog_slider_header a.button.slider_next {
left: 10px;
z-index: 2;
}
.blog_slider.flat .blog_slider_header {
filter: alpha(opacity=0);
opacity: 0;
}
.blog_slider.flat:hover .blog_slider_header {
filter: alpha(opacity=100);
opacity: 1;
}
/* Animation */
.blog_slider.flat .blog_slider_header,
.blog_slider.flat .blog_slider_header a.button.slider_prev,
.blog_slider.flat .blog_slider_header a.button.slider_next,
.blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Shop slider ----------------------------------------------------------------------- */
.shop_slider .blog_slider_header {
position: relative;
height: 43px;
margin-bottom: 15px;
overflow: hidden;
padding-left: 110px;
}
.shop_slider .blog_slider_header .title {
margin: 9px 0 0;
}
.shop_slider .blog_slider_header a.slider_prev,
.shop_slider .blog_slider_header a.slider_next {
position: absolute;
top: 0;
margin: 0;
font-size: 13px;
line-height: 21px;
}
.shop_slider .blog_slider_header a.slider_prev {
left: 50px;
}
.shop_slider .blog_slider_header a.slider_next {
left: 0;
}
.shop_slider .slider_pagination {
margin-top: 15px;
}
.shop_slider .shop_slider_ul {
margin: 0;
}
.shop_slider .shop_slider_ul li {
float: right;
width: 25%;
list-style: none;
}
.shop_slider .shop_slider_ul li .item_wrapper {
margin: 0 10px;
position: relative;
}
.shop_slider .shop_slider_ul li .item_wrapper .desc {
background: #fff;
padding: 15px 20px;
}
.shop_slider .shop_slider_ul li .item_wrapper .desc h4 {
margin-bottom: 5px;
}
.shop_slider .shop_slider_ul li .item_wrapper span.onsale {
height: 0;
min-height: 0;
width: 0;
min-width: 0;
font-size: 18px;
line-height: 18px;
text-align: center;
position: absolute;
right: 0 !important;
left: auto;
top: 0 !important;
margin: 0 !important;
border-style: solid;
border-width: 70px 0 0 70px;
border-color: transparent;
padding: 0;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
z-index: 2;
background: none;
}
.shop_slider .shop_slider_ul li .item_wrapper span.onsale i {
position: absolute;
right: 8px;
top: -60px;
color: rgba(0, 0, 0, 0.5);
}
.shop_slider .shop_slider_ul li .item_wrapper .price {
font-size: 18px;
margin-bottom: 0;
}
.shop_slider .shop_slider_ul li .item_wrapper .price del {
font-size: 0.67em;
}
/* Portfolio slider ------------------------------------------------------------------ */
.portfolio_slider {
position: relative;
}
.portfolio_slider ul {
margin: 0 !important;
opacity: 0;
max-height: 283px;
transition: opacity 0.3s ease-in-out;
}
.portfolio_slider ul.slick-slider {
opacity: 1;
max-height: none;
zoom: 1;
}
.portfolio_slider ul li {
float: right;
width: 20%;
list-style: none;
margin: 0 !important;
}
.portfolio_slider ul li .image_frame {
border: 0;
margin-bottom: 0;
}
.portfolio_slider .slider_nav {
color: #fff;
display: none;
font-size: 15px;
height: 80px;
line-height: 80px;
position: absolute;
text-align: center;
z-index: 5;
width: 35px;
top: 50%;
margin-top: -40px;
}
.portfolio_slider .slider_prev {
right: 0;
}
.portfolio_slider .slider_next {
left: 0;
}
.portfolio_slider.arrows_hover:hover .slider_nav {
display: block;
}
.portfolio_slider.arrows_always .slider_nav {
display: block;
}
/* Portfolio grid -------------------------------------------------------------------- */
ul.portfolio_grid {
overflow: hidden;
margin: 0;
}
ul.portfolio_grid li {
float: right;
margin: 0;
width: 100%;
}
ul.portfolio_grid li .image_frame {
border: 0;
margin: 0;
}
.two-third.column_portfolio_grid li,
.one-second.column_portfolio_grid li,
.three-fifth.column_portfolio_grid li,
.vc_col-sm-6 .portfolio_grid li,
.vc_col-sm-8 .portfolio_grid li {
width: 50%;
}
.one.column_portfolio_grid li,
.three-fourth.column_portfolio_grid li,
.four-fifth.column_portfolio_grid li,
.five-sixth.column_portfolio_grid li,
.vc_col-sm-9 .portfolio_grid li,
.vc_col-sm-10 .portfolio_grid li,
.vc_col-sm-12 .portfolio_grid li {
width: 25%;
}
/* Portfolio photo ------------------------------------------------------------------- */
.portfolio-photo .portfolio-item {
overflow: hidden;
position: relative;
}
.portfolio-photo .portfolio-item a.portfolio-item-bg {
display: block;
position: relative;
text-align: center;
line-height: 0;
}
.portfolio-photo .portfolio-item a.portfolio-item-bg .mask {
position: absolute;
z-index: 1;
right: 0;
top: 0;
background: #000;
opacity: 0.3;
width: 100%;
height: 100%;
}
.portfolio-photo .portfolio-item:hover a.portfolio-item-bg .mask {
opacity: 0;
}
.portfolio-photo .portfolio-item .portfolio-details {
display: block;
}
.portfolio-photo .portfolio-item .portfolio-details .details {
position: absolute;
z-index: 2;
right: 50%;
top: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 240px;
padding: 55px 30px;
text-align: center;
}
.portfolio-photo .portfolio-item .portfolio-details .details .title {
font-size: 23px;
line-height: 27px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 15px;
margin-bottom: 10px;
}
.portfolio-photo .portfolio-item .portfolio-details:hover .details {
opacity: 0;
}
.portfolio-photo .portfolio-item .portfolio-details .more {
display: block;
opacity: 0;
text-transform: uppercase;
width: 70px;
height: 40px;
padding: 20px 5px;
letter-spacing: 1px;
text-align: center;
position: absolute;
right: 50%;
top: 50%;
z-index: 2;
margin: -40px -40px 0 0;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.portfolio-photo .portfolio-item .portfolio-details .more h4 {
font-size: 15px;
line-height: 18px;
}
.portfolio-photo .portfolio-item .portfolio-details:hover .more {
opacity: 1;
}
.portfolio-photo .portfolio-item .portfolio-details .details,
.portfolio-photo .portfolio-item .portfolio-details .more {
background: #fff;
}
.portfolio-photo .portfolio-item .portfolio-details .details .categories {
color: #a8a8a8;
}
.portfolio-photo .portfolio-item .portfolio-details .more {
color: rgba(0, 0, 0, 0.6);
}
.portfolio-photo .portfolio-item a .mask,
.portfolio-photo .portfolio-item .portfolio-details .details,
.portfolio-photo .portfolio-item .portfolio-details .more {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.portfolio-photo .portfolio-item .portfolio-details .image_links a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-photo.margin .portfolio-item {
margin-bottom: 25px;
}
/* Portfolio Items | Filters --------------------------------------------------------- */
.column_portfolio #Filters .filters_wrapper,
.column_portfolio #Filters .filters_wrapper ul {
display: block;
}
.wpb_wrapper #Filters .filters_wrapper,
.wpb_wrapper #Filters .filters_wrapper ul {
display: block;
}
.the_content_wrapper #Filters.filters4portfolio .filters_wrapper,
.the_content_wrapper #Filters.filters4portfolio .filters_wrapper ul {
display: block;
}
/* Testimonials slider --------------------------------------------------------------- */
.testimonials_slider {
position: relative;
}
.testimonials_slider a.slider_prev,
.testimonials_slider a.slider_next {
position: absolute;
top: 30px;
z-index: 2;
margin: 0;
}
.testimonials_slider a.slider_prev {
right: 0;
}
.testimonials_slider a.slider_next {
left: 0;
}
.testimonials_slider .slider_images {
width: 100%;
height: auto;
line-height: 0;
text-align: center;
margin: 0 0 30px;
position: relative;
z-index: 2;
}
.testimonials_slider .slider_images:before {
content: "";
display: block;
height: 100%;
width: 3000px;
position: absolute;
right: -1000px;
top: 0;
z-index: 1;
}
.with_aside .testimonials_slider .slider_images:before {
display: none;
}
.testimonials_slider .slider_images li {
display: inline-block;
}
.testimonials_slider .slider_images li a {
display: block;
position: relative;
height: 85px;
width: 85px;
line-height: 0;
cursor: pointer;
opacity: 0.5;
z-index: 10;
}
.testimonials_slider .slider_images li a:after {
content: "";
display: none;
height: 6px;
width: 100%;
position: absolute;
right: 0;
bottom: -6px;
}
.testimonials_slider .slider_images li.slick-active a,
.testimonials_slider .slider_images li a:hover {
opacity: 1;
}
.testimonials_slider .slider_images li.slick-active a:after {
display: block;
}
.testimonials_slider .testimonials_slider_ul {
margin: 0 !important;
max-height: 283px;
transition: opacity 0.3s ease-in-out;
}
.testimonials_slider .testimonials_slider_ul.slick-slider {
opacity: 1;
max-height: none;
zoom: 1;
}
.testimonials_slider .testimonials_slider_ul li {
float: right;
width: 100%;
padding: 0 80px;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
background: rgba(0, 0, 0, 0.02);
padding: 30px 40px 10px;
margin-bottom: 20px;
}
.testimonials_slider .testimonials_slider_ul li .hr_dots {
margin-bottom: 15px;
}
.testimonials_slider .testimonials_slider_ul li .author {
text-align: center;
}
.testimonials_slider .testimonials_slider_ul li .author h5 {
margin-bottom: 2px;
}
.testimonials_slider .testimonials_slider_ul li .single-photo-img {
display: none;
}
.testimonials_slider.hide-photos .testimonials_slider_ul li .single-photo-img {
display: none !important;
}
.column:not(.one) .testimonials_slider:not(.single-photo) a.slider_prev,
.column:not(.one) .testimonials_slider:not(.single-photo) a.slider_next {
display: none !important;
}
.column:not(.one) .testimonials_slider:not(.single-photo) .testimonials_slider_ul li {
padding: 0 20px;
}
.one-third .testimonials_slider .slider_images:before,
.one-fourth .testimonials_slider .slider_images:before,
.one-second .testimonials_slider .slider_images:before {
display: none;
}
.wpb_wrapper .testimonials_slider .slider_images:before {
display: none;
}
.testimonials_slider .slider_images a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Testimonials slider - Single photo */
.testimonials_slider.single-photo a.slider_prev,
.testimonials_slider.single-photo a.slider_next {
display: none !important;
}
.testimonials_slider.single-photo .testimonials_slider_ul li {
padding: 0;
text-align: center;
}
.testimonials_slider.single-photo .testimonials_slider_ul li .bq_wrapper {
margin: 0 6% 20px;
}
.testimonials_slider.single-photo .testimonials_slider_ul li .single-photo-img {
display: block;
margin: 0 auto 20px;
height: 85px;
width: 85px;
line-height: 0;
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.testimonials_slider.single-photo .slider_pager {
margin-top: 30px;
}
.testimonials_slider.single-photo .slider_pager li {
display: inline-block;
}
.testimonials_slider.single-photo .slider_pager li a {
top: 0;
}
.testimonials_slider.single-photo .slider_pager li a img {
display: none;
}
/* Testimonials slider - Hide bar beneath images */
.testimonials_slider.hide-bar .slider_images:before {
display: none !important;
}
.testimonials_slider.hide-bar .slider_images {
background-color: transparent !important;
}
/* Testimonials list ----------------------------------------------------------------- */
.testimonials_list .item {
overflow: hidden;
clear: both;
}
.testimonials_list .item .photo {
width: 23%;
float: right;
margin: 0 1% 40px;
}
.testimonials_list .item .desc {
width: 73%;
float: right;
margin: 0 1% 40px;
}
.testimonials_list .item .desc h4 {
margin-bottom: 3px;
margin-top: 10px;
}
.testimonials_list .item .desc p.subtitle {
opacity: 0.6;
}
.testimonials_list .item .desc hr.hr_color {
width: 20%;
margin-right: 0;
}
.testimonials_list .item.no-img .desc {
width: 98%;
}
/* Before After | TwentyTwenty plugin ------------------------------------------------ */
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #fff;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
right: 50%;
margin-right: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: #fff;
font-size: 13px;
letter-spacing: 0;
position: absolute;
background: rgba(0, 0, 0, 0.25);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
right: 50%;
margin-right: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
right: 50%;
margin-right: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: "قبل";
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: "بعد";
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #fff;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-left: 6px solid #fff;
right: 50%;
margin-right: -17px;
}
.twentytwenty-right-arrow {
border-right: 6px solid #fff;
left: 50%;
margin-left: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid #fff;
bottom: 50%;
margin-bottom: -17px;
}
/* Ultrawide ------------------------------------------------------------------------- */
.image_frame.stretch .image_wrapper img {
width: 100%;
}
.mcb-section.bg-cover,
.mcb-wrap.bg-cover,
.column_attr.bg-cover {
background-size: cover;
}
.mcb-section.bg-contain,
.mcb-wrap.bg-contain,
.column_attr.bg-contain {
background-size: contain;
}
@media only screen and (min-width: 1921px) {
.image_frame.stretch-ultrawide .image_wrapper img {
width: 100%;
}
.mcb-section.bg-cover-ultrawide,
.mcb-wrap.bg-cover-ultrawide,
.column_attr.bg-cover-ultrawide {
background-size: cover;
}
}
/* Others ---------------------------------------------------------------------------- */
/* Date */
.date_label,
.timeline_items li h3 span {
font-size: 12px;
line-height: 18px;
display: inline-block;
padding: 2px 5px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: url(../images/stripes/stripes_3_b.png);
}
.date_label:after,
.timeline_items li h3 span:after {
content: "";
display: block;
position: absolute;
left: -5px;
top: 6px;
width: 0;
height: 0;
border-style: solid;
border-width: 5.5px 5px 5.5px 0;
border-color: transparent;
}
.date_label,
.timeline_items li h3 span {
background-color: #f8f8f8;
color: #a8a8a8;
}
.date_label:after,
.timeline_items li h3 span:after {
border-right-color: #f8f8f8;
}
@media only screen and (min-width: 768px) {
.timeline_items li:nth-child(2n) h3 span::after {
border-left-color: #f8f8f8;
border-width: 5.5px 0 5.5px 5.5px;
right: -5px;
left: auto;
}
}
/* Item | Sidebar Widget */
.column_sidebar_widget .widget:after {
display: none;
}
.column_sidebar_widget .widget {
margin-bottom: 20px;
padding-bottom: 20px;
}
/* Isotope Filtering */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/* Variables ------------------------------------------------------------------------- */
/* #2991d6 - theme color, link, #2275ac - link hover, strong */
/* Selections */
::-moz-selection {
color: #fff;
}
::selection {
color: #fff;
}
/* Borders */
.idea_box,
.ui-tabs,
.accordion .question,
.accordion .question.active .title,
.accordion .question .title:before,
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li,
.tabs_vertical.ui-tabs .ui-tabs-panel,
table th,
table td,
.list_item .circle,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea,
.promo_box.has_border:after,
dl > dt,
dl > dd,
.article_box .desc_wrapper p,
a.icon_bar,
a.content_link,
.how_it_works .image,
.opening_hours,
.opening_hours .opening_hours_wrapper li,
.icon_box.has_border:after,
.chart_box:before,
.pricing-box,
.team_list .bq_wrapper,
.post-footer .post-links,
.format-link .post-title .icon-link,
.share_wrapper,
.post-header .title_wrapper,
.section-post-related .section-related-adjustment,
#comments > :first-child,
.widget-area,
.widget:after,
.fixed-nav .desc h6,
.portfolio_group.list .portfolio-item,
.portfolio_group .portfolio-item .desc .details-wrapper,
.Recent_posts ul li .desc h6,
.widget_recent_entries ul li a,
.woocommerce .widget_best_sellers li,
.woocommerce .widget_featured_products li,
.woocommerce .widget_recent_reviews li,
.woocommerce .widget_recent_products li,
.woocommerce .widget_recently_viewed_products li,
.woocommerce .widget_random_products li,
.woocommerce .widget_top_rated_products li,
.woocommerce .widget_onsale li,
.woocommerce .widget_layered_nav li,
.woocommerce .widget_shopping_cart ul.product_list_widget li,
.woocommerce .widget_products li,
.woocommerce .product .related.products,
.woocommerce .product .upsells.products,
.woocommerce .product div.entry-summary h1.product_title:after,
.woocommerce .quantity input.qty,
.header-stack #Top_bar .logo,
.offer_thumb .slider_pagination,
.offer_thumb .slider_pagination a,
.Latest_news ul li .desc_footer,
.Latest_news ul li .photo,
.offer_thumb.bottom .slider_pagination a,
.style-simple .faq .question,
.style-simple #Filters .filters_wrapper ul,
#edd_checkout_cart th,
#edd_checkout_cart td {
border-color: rgba(0, 0, 0, 0.08);
}
/* Tooltip */
.tooltip-img .tooltip-content,
.tooltip:after {
background: #444;
color: #fff;
}
/* Highlight */
.dropcap,
.highlight:not(.highlight_image) {
color: #fff;
}
/* Inputs */
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea,
.woocommerce .quantity input.qty {
background-color: #fff;
color: #626262;
-webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02);
}
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
background-color: #e9f5fc !important;
border-color: #d5e5ee;
color: #1982c2;
}
/* Dividers */
hr {
background-color: rgba(0, 0, 0, 0.08);
color: rgba(0, 0, 0, 0.08);
}
/* Header */
#Top_bar .menu > li > a span {
border-color: rgba(0, 0, 0, 0.05);
}
#Top_bar .search_wrapper input[type="text"] {
border-color: #fff;
color: #fff;
}
/* Footer */
#Footer .Recent_posts ul li .desc h6,
#Footer .widget_recent_entries ul li a,
#Footer .widget_best_sellers li,
#Footer .widget_featured_products li,
#Footer .widget_recent_reviews li,
#Footer .widget_recent_products li,
#Footer .widget_recently_viewed_products li,
#Footer .widget_random_products li,
#Footer .widget_top_rated_products li,
#Footer .widget_onsale li,
#Footer .widget_layered_nav li,
#Footer .widget_shopping_cart ul.product_list_widget li,
#Footer .widget_products li,
#Footer .widget_archive ul li:after,
#Footer .widget_nav_menu ul li:after,
#Footer table th,
#Footer table td {
border-color: rgba(255, 255, 255, 0.08);
}
/* Borders */
#Sliding-top .Recent_posts ul li .desc h6,
#Sliding-top .widget_recent_entries ul li a,
#Sliding-top .widget_best_sellers li,
#Sliding-top .widget_featured_products li,
#Sliding-top .widget_recent_reviews li,
#Sliding-top .widget_recent_products li,
#Sliding-top .widget_recently_viewed_products li,
#Sliding-top .widget_random_products li,
#Sliding-top .widget_top_rated_products li,
#Sliding-top .widget_onsale li,
#Sliding-top .widget_layered_nav li,
#Sliding-top .widget_shopping_cart ul.product_list_widget li,
#Sliding-top .widget_products li,
#Sliding-top .widget_archive ul li:after,
#Sliding-top .widget_nav_menu ul li:after,
#Sliding-top table th,
#Sliding-top table td {
border-color: rgba(255, 255, 255, 0.08);
}
/* Image frames & Google maps & Icon bar */
.image_frame,
.wp-caption,
.google-map,
.icon_box .icon_wrapper,
.content_slider .content_slider_ul,
.author-box .avatar-wrapper,
#comments .commentlist > li .photo,
.edd_download_image {
border-color: #f8f8f8;
}
.wp-caption-text {
background: #f8f8f8;
color: #a6a6a6;
}
.image_frame .image_wrapper,
.wp-caption img,
.icon_box .icon_wrapper:before {
border-color: #e2e2e2;
}
.image_frame .image_wrapper .mask,
.edd_download_image:after {
-webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.07);
}
.image_frame .image_wrapper .mask:after {
background: rgba(255, 255, 255, 0.4);
}
/* Image frame overlay */
.if-overlay .image_frame .image_wrapper .mask {
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
}
.if-overlay .image_frame .image_wrapper .mask:after {
background: rgba(0, 0, 0, 0.15);
}
/* Sliding box */
.sliding_box .desc_wrapper h4 {
color: #fff;
}
/* Counter & Chart */
.counter .desc_wrapper .number-wrapper,
.chart_box .chart .num,
.chart_box .chart .icon,
.style-simple .quick_fact .number-wrapper,
#edd_checkout_cart .edd_cart_header_row th {
color: #444;
}
/* Icon bar */
a.icon_bar {
color: #444 !important;
}
/* Get in touch & Infobox */
.get_in_touch,
.get_in_touch a,
.get_in_touch h3,
.get_in_touch ul,
.infobox,
.infobox a,
.infobox h3,
.infobox ul {
color: #fff !important;
}
/* How it works */
.how_it_works .image .number {
color: #fff;
}
/* Trailer box */
.trailer_box .desc h2 {
color: #fff;
}
.trailer_box .desc .subtitle {
color: #fff;
}
/* Icon box */
.icon_box:hover .icon_wrapper,
.icon_box a:hover .icon_wrapper {
color: #fff;
}
/* List */
.list_item.lists_1 .list_right {
color: #fff;
}
/* Features list */
.feature_list ul li:hover,
.feature_list ul li:hover a {
color: #fff;
}
.feature_list ul li:hover .icon i,
.feature_list ul li:hover a .icon i {
color: #fff;
}
/* Tabs, Accordion, Toggle, Table, Faq */
.ui-tabs .ui-tabs-nav li a,
.accordion .question .title,
.faq .question .title,
table th {
color: #444;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a:after,
body.table-hover:not(.woocommerce-page) table tr:hover td,
body.table-hover:not(.woocommerce-page) table tr:hover td a {
color: #fff;
}
.accordion .question .answer,
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li.ui-state-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.ui-tabs .ui-tabs-nav li.ui-state-active:after,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
background-color: #fff;
}
/* Pricing */
.pricing-box-box.pricing-box-featured,
.pricing-box-box.pricing-box-featured .plan-header h2,
.pricing-box-box.pricing-box-featured .plan-header .price sup.currency,
.pricing-box-box.pricing-box-featured .plan-header .price > span,
.pricing-box-box.pricing-box-featured .plan-header .price sup.period,
.pricing-box-box.pricing-box-featured .plan-header p.subtitle,
.pricing-box-box.pricing-box-featured .plan-inside ul {
color: #fff;
}
.pricing-box-box.pricing-box-featured .plan-header hr {
border-color: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
}
.pricing-box-box.pricing-box-featured a.button {
background-color: #fff;
color: #444;
}
/* Mobile menu */
@media only screen and (max-width: 959px) {
#Header #menu > ul > li.current-menu-item > a,
#Header #menu > ul > li.current_page_item > a,
#Header #menu > ul > li.current-menu-parent > a,
#Header #menu > ul > li.current-page-parent > a,
#Header #menu > ul > li.current-menu-ancestor > a,
#Header #menu > ul > li.current_page_ancestor > a {
background: rgba(0, 0, 0, 0.02);
}
}
/* Style Simple ---------------------------------------------------------------------- */
/* Tabs */
.style-simple .ui-tabs {
border: 0;
}
.style-simple .ui-tabs .ui-tabs-panel {
background: none;
}
.style-simple .ui-tabs .ui-tabs-nav {
background: none;
}
.style-simple .ui-tabs .ui-tabs-nav li {
border: 0;
display: inline-block;
float: none;
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a,
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after {
background-color: transparent;
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
bottom: -1px;
height: 2px;
margin-right: -50%;
width: 100%;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-panel {
border-width: 0 1px 0 0 !important;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav {
border: 0;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
display: block;
width: 2px;
height: 100%;
left: -1px;
top: 0;
bottom: auto;
right: auto;
margin: 0;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
background: none;
text-align: left;
padding-left: 20px !important;
padding-right: 10px !important;
}
/* Accordion & Toggle */
.style-simple .accordion .question {
border-width: 0 1px 0 0;
border-radius: 0;
position: relative;
margin-bottom: 0;
}
.style-simple .accordion .question:after {
content: "";
display: none;
width: 2px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-color: #ccc;
}
.style-simple .accordion .question.active:after {
display: block;
}
.style-simple .accordion .question .title {
background: none;
padding-right: 50px;
border: 0;
}
.style-simple .accordion .question .title:before {
display: none;
}
.style-simple .accordion .question .answer {
background: none;
padding: 0 50px 10px 20px;
}
/* FAQ */
.style-simple .faq .question {
border-width: 0 1px 0 0;
border-style: solid;
margin-bottom: 0;
position: relative;
background: none;
}
.style-simple .faq .question:before {
display: none;
}
.style-simple .faq .question:after {
content: "";
display: none;
width: 2px;
height: 100%;
position: absolute;
top: 0;
background-color: #ccc;
}
.style-simple .faq .question .title,
.style-simple .faq .question .answer {
padding-right: 70px;
}
.style-simple .faq .question.active:after {
display: block;
}
/* Table */
.style-simple table:not(.recaptchatable) th {
background: none;
}
.style-simple table:not(.recaptchatable) tr:first-child td {
background: none;
}
.style-simple table:not(.recaptchatable) th,
.style-simple table td {
border-width: 0 0 1px 1px;
}
.style-simple table:not(.recaptchatable) tr td:last-child,
.style-simple table tr th:last-child {
border-left: 0;
}
.style-simple table:not(.recaptchatable) tr:last-child td {
border-bottom: 0;
}
.style-simple table:not(.recaptchatable) tr:nth-child(2n) td {
background: none;
}
/* Opening hours */
.style-simple .opening_hours {
padding: 0;
border: 0;
background-color: transparent;
}
.style-simple .opening_hours .opening_hours_wrapper li {
padding-bottom: 0;
border: 0;
margin-bottom: 0;
text-align: right;
}
.style-simple .opening_hours .opening_hours_wrapper li label {
background-color: transparent;
background-image: none;
font-size: 15px;
border-bottom: 1px solid #ccc;
padding: 10px 0;
border-radius: 0;
}
.style-simple .opening_hours .opening_hours_wrapper li span {
font-size: 32px;
line-height: 32px;
padding: 10px 0;
}
.style-simple .opening_hours .opening_hours_wrapper li span sup {
top: -1px;
font-size: 16px;
line-height: 16px;
margin-right: 4px;
}
/* Icon box */
.style-simple .icon_box .image_wrapper,
.style-simple .icon_box .icon_wrapper {
padding-top: 5px;
margin-bottom: 25px;
}
.style-simple .icon_box .icon_wrapper {
font-size: 80px;
background-color: transparent;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
border-width: 0;
background-image: none;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
}
.style-simple .icon_box .icon_wrapper:before {
display: none;
}
.style-simple .icon_box .icon_wrapper i {
position: relative;
top: 0;
}
.style-simple .icon_box .image_wrapper img {
position: relative;
top: 0;
}
.style-simple .icon_box .desc_wrapper .title {
margin-bottom: 20px;
}
.style-simple .icon_box .desc_wrapper .title:before {
content: "";
display: block;
width: 0;
margin: 0 auto;
height: 2px;
top: -15px;
position: relative;
background-color: #ccc;
}
.style-simple .icon_box:hover .icon_wrapper i {
top: -5px;
}
.style-simple .icon_box:hover .image_wrapper img {
top: -5px;
}
.style-simple .icon_box:hover .desc_wrapper .title:before {
width: 100px;
}
.style-simple .icon_box .icon_wrapper i,
.style-simple .icon_box .image_wrapper img,
.style-simple .icon_box .desc_wrapper .title:before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Filters */
.style-simple #Filters {
text-align: center;
}
.style-simple #Filters .filters_buttons {
background: none;
padding: 15px 0;
}
.style-simple #Filters .filters_wrapper {
margin-top: 0;
}
.style-simple #Filters .filters_wrapper ul {
overflow: visible;
display: inline-block;
border-bottom-width: 1px;
border-style: solid;
}
.style-simple #Filters .filters_wrapper ul li {
width: auto;
margin: 0;
}
.style-simple #Filters .filters_wrapper ul li a {
background: none;
border: 0;
padding: 14px 25px;
position: relative;
}
.style-simple #Filters .filters_wrapper ul li a:after {
content: "";
display: none;
position: absolute;
right: 0;
bottom: -1px;
width: 100%;
height: 2px;
background: #ccc;
}
.style-simple #Filters .filters_wrapper ul li.close a {
color: inherit;
padding: 14px 15px;
width: auto;
border: 0 !important;
}
.style-simple #Filters .filters_wrapper ul li a:hover,
.style-simple #Filters .filters_wrapper ul li.current-cat a {
background: none;
color: inherit;
}
.style-simple #Filters .filters_wrapper ul li.current-cat a:after {
display: block;
}
/* Clients */
.style-simple ul.clients.clients_tiles li .client_wrapper::after {
display: none;
}
/* Progress bars */
.style-simple .progress_bars .bars_list li .bar {
height: 5px;
}
.style-simple .progress_bars .bars_list li .bar {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
background: rgba(0, 0, 0, 0.03);
border-radius: 0;
}
.style-simple .progress_bars .bars_list li .bar .progress {
background-image: none;
}
/* Counters */
.style-simple .counter {
background-image: none;
}
/* Lists */
.style-simple .list_item.lists_1 .list_right {
background-image: none;
border-radius: 2px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}
.style-simple .list_item .circle {
background-image: none;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}
/* Blockquote */
.style-simple blockquote {
background: none;
line-height: 25px;
font-style: italic;
}
.style-simple blockquote:after {
display: none;
}
/* Testimonials slider */
.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
padding-top: 0;
padding-bottom: 1px;
background: none;
text-align: center;
}
.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote {
margin-right: 0;
margin-left: 0;
}
.style-simple .testimonials_slider .slider_images {
background-color: transparent;
}
.style-simple .testimonials_slider .slider_images:before {
display: none;
}
/* Article box */
.style-simple .article_box .desc_wrapper {
background-image: none;
}
.style-simple .article_box .desc_wrapper p {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 10px;
}
.style-simple .article_box .desc_wrapper p:after {
background-color: rgba(0, 0, 0, 0.1);
content: "";
display: block;
height: 2px;
margin-top: 10px;
width: 20px;
}
.style-simple .article_box:hover .desc_wrapper p:after {
width: 40%;
}
.style-simple .article_box .desc_wrapper i.icon-left-open {
display: none;
}
.style-simple .article_box .desc_wrapper p:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Idea box */
.style-simple .idea_box {
border: 1px solid rgba(0, 0, 0, 0.08);
padding: 15px 0 15px 15px;
background: none;
}
.style-simple .idea_box .icon {
display: block;
position: static;
float: right;
right: 0;
top: 0;
margin-top: 0;
width: 60px;
text-align: center;
margin-top: 5px;
}
.style-simple .idea_box .desc {
border-right: 1px solid rgba(0, 0, 0, 0.08);
padding: 10px 20px 10px 15px;
margin-right: 60px;
}
/* Sliding box */
.style-simple .sliding_box .photo_wrapper {
top: 0;
}
.style-simple .sliding_box .desc_wrapper {
background: none;
padding-right: 0;
padding-left: 0;
}
.style-simple .sliding_box .desc_wrapper h4 {
color: inherit;
margin-bottom: 5px;
}
.style-simple .sliding_box .desc_wrapper:after {
display: inline-block;
content: "";
width: 20%;
height: 2px;
border: 0;
background-color: rgba(0, 0, 0, 0.1);
position: static;
top: 0;
margin: 0;
}
.style-simple .sliding_box:hover .desc_wrapper:after {
width: 60%;
}
/* Trailer box */
.style-simple .trailer_box .desc {
padding: 27px 15px 30px;
}
.style-simple .trailer_box .desc .line {
display: none;
}
.style-simple .trailer_box .desc .subtitle {
background-image: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 10px;
padding: 0;
}
.style-simple .trailer_box:hover .desc h2 {
bottom: 0;
}
.style-simple .trailer_box:hover .desc .subtitle {
bottom: 0;
}
.style-simple .trailer_box .desc {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Timeline */
.style-simple .timeline_items {
background: none;
}
.style-simple .timeline_items:after {
display: none;
}
.style-simple .timeline_items li {
width: 50%;
padding: 0 50% 0 0;
background: none;
margin-bottom: 15px !important;
}
.style-simple .timeline_items li:nth-child(even) {
padding: 0 0 0 50%;
background: none;
}
.style-simple .timeline_items li h3 span {
background: none !important;
border-radius: 4px;
font-size: 14px;
font-style: italic;
top: 22px;
}
.style-simple .timeline_items li h3:before {
display: none;
}
.style-simple .timeline_items li .desc:before {
display: none;
}
.style-simple .timeline_items li h3 {
border-right: 2px solid rgba(0, 0, 0, 0.08);
margin: 0;
padding: 15px 25px 0 0;
width: 100%;
box-sizing: padding-box;
-webkit-box-sizing: border-box;
}
.style-simple .timeline_items li h3 span {
position: absolute;
left: 52%;
}
.style-simple .timeline_items li:nth-child(even) h3 {
padding: 15px 0 0 25px;
text-align: left;
border-right: 0;
border-left: 2px solid rgba(0, 0, 0, 0.04);
}
.style-simple .timeline_items li:nth-child(even) h3 span {
right: 52%;
left: auto;
}
.style-simple .timeline_items li .desc {
border-right: 2px solid rgba(0, 0, 0, 0.08);
padding: 15px 25px 15px 0;
background: none;
width: 100%;
box-sizing: padding-box;
-webkit-box-sizing: border-box;
}
.style-simple .timeline_items li:nth-child(even) .desc {
padding: 15px 0 15px 25px;
border-right: 0;
border-left: 2px solid rgba(0, 0, 0, 0.04);
}
.style-simple .timeline_items li:hover h3,
.style-simple .timeline_items li:nth-child(even):hover h3,
.style-simple .timeline_items li:hover .desc,
.style-simple .timeline_items li:nth-child(even):hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Quick fact */
.style-simple .quick_fact .number-wrapper {
font-family: inherit;
font-size: 60px;
line-height: 60px;
}
.style-simple .quick_fact .title {
font-family: inherit;
font-size: 18px;
font-weight: 400;
}
.style-simple .quick_fact hr {
display: none;
}
/* Chart box */
.style-simple .chart_box:before {
background-color: transparent;
background-image: none;
border-width: 0;
}
.style-simple .chart_box .chart .num {
font-family: inherit;
font-size: 30px;
}
/* Content link */
.style-simple a.content_link {
border-width: 0 0 2px;
margin: 0 10px;
background-color: transparent;
background-image: none;
}
.style-simple a.content_link:after {
border-width: 0 0 2px;
bottom: -2px;
}
.style-simple a.content_link:before {
border-width: 0 5px 6px;
}
/* How it works */
.style-simple .how_it_works .image {
border-width: 0 0 2px;
background: transparent;
border-radius: 0;
margin-bottom: 30px;
}
.style-simple .how_it_works .image .number {
border-radius: 0;
bottom: -17px;
right: 50%;
margin-right: -17px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}
/* Offer thumb */
.style-simple .offer_thumb_ul li.offer_thumb_li {
padding-right: 0;
}
.style-simple .offer_thumb .slider_pagination a img {
filter: alpha(opacity=70);
opacity: 0.7;
}
.style-simple .offer_thumb .slider_pagination a.selected img,
.style-simple .offer_thumb .slider_pagination a:not(.selected):hover img {
filter: alpha(opacity=1);
opacity: 1;
}
@media only screen and (min-width: 768px) {
.style-simple .offer_thumb .slider_pagination {
border: 0;
}
.style-simple .offer_thumb .slider_pagination a {
margin-bottom: 6px;
border-width: 1px;
background: none;
}
.style-simple .offer_thumb.bottom .slider_pagination a {
margin: 3px;
}
.style-simple .offer_thumb .slider_pagination a:before,
.style-simple .offer_thumb .slider_pagination a:after {
display: none;
}
}
/* Alerts */
.style-simple .alert {
-webkit-border-radius: 0;
border-radius: 0;
}
.style-simple .alert .alert_icon {
position: absolute;
right: 0;
top: 0;
background: none;
border-left: 1px solid rgba(255, 255, 255, 0.3);
-webkit-border-radius: 0;
border-radius: 0;
}
/* Zoom box */
/*
.style-simple .zoom_box{position:relative;line-height:0;overflow:hidden}
.style-simple .zoom_box .photo img,.style-simple .zoom_box .desc{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.style-simple .zoom_box .photo img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.style-simple .zoom_box:hover .photo img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.style-simple .zoom_box .desc{background:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.style-simple .zoom_box:hover .desc{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.style-simple .zoom_box .desc .desc_img{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translateY(-80%);-webkit-transform:translateY(-80%)}
.style-simple .zoom_box .desc .desc_img img{padding:0}
.style-simple .zoom_box .desc .desc_txt{width:100%;padding:15px 20px;font-size:17px;line-height:22px;color:#fff;position:absolute;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/
/* Features list */
.style-simple .feature_list hr {
background-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
}
/* Progress icons */
.style-simple .progress_icons .progress_icon {
color: rgba(0, 0, 0, 0.3);
border-width: 1px;
border-style: solid;
}
.style-simple .progress_icons .progress_icon.themebg {
border-color: transparent;
color: #fff;
}
.style-simple .progress_icons .progress_icon:not(.themebg) {
background: none;
border-color: rgba(0, 0, 0, 0.3);
}
/* Pricing box */
.style-simple .pricing-box {
border: 0;
}
.style-simple .pricing-box:not(.pricing-box-featured) {
background: none;
}
/* Tooltip */
.style-simple .tooltip:hover:after,
.style-simple .tooltip.hover:after {
background-image: none;
}
/* Highlight */
.style-simple .highlight {
background-image: none;
}
/* Get in touch */
.style-simple .get_in_touch {
padding: 25px 30px;
}
.style-simple .get_in_touch ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.style-simple .get_in_touch ul li:last-child {
border: 0;
}
.style-simple .get_in_touch ul li:after {
display: none;
}
.style-simple .get_in_touch ul li .icon {
right: 5px;
}
/* Infobox */
.style-simple .infobox {
padding: 25px 30px;
}
.style-simple .infobox ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-right: 40px;
}
.style-simple .infobox ul li:last-child {
border: 0;
}
.style-simple .infobox ul li:after {
display: none;
}
.style-simple .infobox ul li:before {
right: 5px;
}
/* Icon bar */
.style-simple a.icon_bar {
border-width: 0;
background-color: #f0f0f0;
background-image: none;
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
}
.style-simple a.icon_bar span.t {
opacity: 1;
filter: alpha(opacity=100);
}
.style-simple a:hover.icon_bar span.t {
opacity: 0;
filter: alpha(opacity=0);
}
.style-simple a.icon_bar span.b {
position: absolute;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.style-simple a:hover.icon_bar span.b {
opacity: 1;
filter: alpha(opacity=100);
}
.style-simple a.icon_bar span {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.style-simple a.icon_bar span.b {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.style-simple a:hover.icon_bar span {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
/*
|--------------------------------------------------------------------------
| 6.0 Animation
|
|--------------------------------------------------------------------------
|
|
|
*/
/* Animations v1.4, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/ */
.animate,
.hover-bounce,
.hover-flash,
.hover-heartbeat,
.hover-panic,
.hover-pulsate,
.hover-pulse,
.hover-shakeH,
.hover-shakeV,
.hover-slingshotCCW,
.hover-slingshotCW,
.hover-spinCCW,
.hover-spinCW,
.hover-strobe,
.hover-tada,
.hover-wave,
.hover-wobble,
.trigger {
opacity: 0;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate.slow-mo,
.hover-bounce.slow-mo,
.hover-flash.slow-mo,
.hover-heartbeat.slow-mo,
.hover-panic.slow-mo,
.hover-pulsate.slow-mo,
.hover-pulse.slow-mo,
.hover-shakeH.slow-mo,
.hover-shakeV.slow-mo,
.hover-slingshotCCW.slow-mo,
.hover-slingshotCW.slow-mo,
.hover-spinCCW.slow-mo,
.hover-spinCW.slow-mo,
.hover-strobe.slow-mo,
.hover-tada.slow-mo,
.hover-wave.slow-mo,
.hover-wobble.slow-mo,
.trigger.slow-mo {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
.animate.super-slow-mo,
.hover-bounce.super-slow-mo,
.hover-flash.super-slow-mo,
.hover-heartbeat.super-slow-mo,
.hover-panic.super-slow-mo,
.hover-pulsate.super-slow-mo,
.hover-pulse.super-slow-mo,
.hover-shakeH.super-slow-mo,
.hover-shakeV.super-slow-mo,
.hover-slingshotCCW.super-slow-mo,
.hover-slingshotCW.super-slow-mo,
.hover-spinCCW.super-slow-mo,
.hover-spinCW.super-slow-mo,
.hover-strobe.super-slow-mo,
.hover-tada.super-slow-mo,
.hover-wave.super-slow-mo,
.hover-wobble.super-slow-mo,
.trigger.super-slow-mo {
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-ms-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s;
}
.animate.ultra-slow-mo,
.hover-bounce.ultra-slow-mo,
.hover-flash.ultra-slow-mo,
.hover-heartbeat.ultra-slow-mo,
.hover-panic.ultra-slow-mo,
.hover-pulsate.ultra-slow-mo,
.hover-pulse.ultra-slow-mo,
.hover-shakeH.ultra-slow-mo,
.hover-shakeV.ultra-slow-mo,
.hover-slingshotCCW.ultra-slow-mo,
.hover-slingshotCW.ultra-slow-mo,
.hover-spinCCW.ultra-slow-mo,
.hover-spinCW.ultra-slow-mo,
.hover-strobe.ultra-slow-mo,
.hover-tada.ultra-slow-mo,
.hover-wave.ultra-slow-mo,
.hover-wobble.ultra-slow-mo,
.trigger.ultra-slow-mo {
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
-o-animation-duration: 4s;
animation-duration: 4s;
}
.animate.hyper-slow-mo,
.hover-bounce.hyper-slow-mo,
.hover-flash.hyper-slow-mo,
.hover-heartbeat.hyper-slow-mo,
.hover-panic.hyper-slow-mo,
.hover-pulsate.hyper-slow-mo,
.hover-pulse.hyper-slow-mo,
.hover-shakeH.hyper-slow-mo,
.hover-shakeV.hyper-slow-mo,
.hover-slingshotCCW.hyper-slow-mo,
.hover-slingshotCW.hyper-slow-mo,
.hover-spinCCW.hyper-slow-mo,
.hover-spinCW.hyper-slow-mo,
.hover-strobe.hyper-slow-mo,
.hover-tada.hyper-slow-mo,
.hover-wave.hyper-slow-mo,
.hover-wobble.hyper-slow-mo,
.trigger.hyper-slow-mo {
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
}
.hover-bounce,
.hover-flash,
.hover-heartbeat,
.hover-panic,
.hover-pulsate,
.hover-pulse,
.hover-shakeH,
.hover-shakeV,
.hover-slingshotCCW,
.hover-slingshotCW,
.hover-spinCCW,
.hover-spinCW,
.hover-strobe,
.hover-tada,
.hover-wave,
.hover-wobble,
.ie .animate,
.no-js .animate,
.trigger {
opacity: 1;
}
.animate.infinite,
.hover-bounce.infinite,
.hover-flash.infinite,
.hover-heartbeat.infinite,
.hover-panic.infinite,
.hover-pulsate.infinite,
.hover-pulse.infinite,
.hover-shakeH.infinite,
.hover-shakeV.infinite,
.hover-slingshotCCW.infinite,
.hover-slingshotCW.infinite,
.hover-spinCCW.infinite,
.hover-spinCW.infinite,
.hover-strobe.infinite,
.hover-tada.infinite,
.hover-wave.infinite,
.hover-wobble.infinite,
.trigger.infinite {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.animate.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(200px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes fadeInUp {
0% {
opacity: 0;
-ms-transform: translateY(200px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(200px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-200px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-200px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-200px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(200px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInRight {
0% {
opacity: 0;
-ms-transform: translateX(200px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(200px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-200px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInLeft {
0% {
opacity: 0;
-ms-transform: translateX(-200px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-200px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInUpLarge {
0% {
opacity: 0;
-webkit-transform: translateY(1000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpLarge {
0% {
opacity: 0;
-moz-transform: translateY(1000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes fadeInUpLarge {
0% {
opacity: 0;
-ms-transform: translateY(1000px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInUpLarge {
0% {
opacity: 0;
-o-transform: translateY(1000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpLarge {
0% {
opacity: 0;
transform: translateY(1000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUpLarge {
-webkit-animation-name: fadeInUpLarge;
-moz-animation-name: fadeInUpLarge;
-ms-animation-name: fadeInUpLarge;
-o-animation-name: fadeInUpLarge;
animation-name: fadeInUpLarge;
}
@-webkit-keyframes fadeInDownLarge {
0% {
opacity: 0;
-webkit-transform: translateY(-1000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownLarge {
0% {
opacity: 0;
-moz-transform: translateY(-1000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes fadeInDownLarge {
0% {
opacity: 0;
-ms-transform: translateY(-1000px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInDownLarge {
0% {
opacity: 0;
-o-transform: translateY(-1000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownLarge {
0% {
opacity: 0;
transform: translateY(-1000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDownLarge {
-webkit-animation-name: fadeInDownLarge;
-moz-animation-name: fadeInDownLarge;
-ms-animation-name: fadeInDownLarge;
-o-animation-name: fadeInDownLarge;
animation-name: fadeInDownLarge;
}
@-webkit-keyframes fadeInRightLarge {
0% {
opacity: 0;
-webkit-transform: translateX(1000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightLarge {
0% {
opacity: 0;
-moz-transform: translateX(1000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInRightLarge {
0% {
opacity: 0;
-ms-transform: translateX(1000px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInRightLarge {
0% {
opacity: 0;
-o-transform: translateX(1000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightLarge {
0% {
opacity: 0;
transform: translateX(1000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRightLarge {
-webkit-animation-name: fadeInRightLarge;
-moz-animation-name: fadeInRightLarge;
-ms-animation-name: fadeInRightLarge;
-o-animation-name: fadeInRightLarge;
animation-name: fadeInRightLarge;
}
@-webkit-keyframes fadeInLeftLarge {
0% {
opacity: 0;
-webkit-transform: translateX(-1000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftLarge {
0% {
opacity: 0;
-moz-transform: translateX(-1000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInLeftLarge {
0% {
opacity: 0;
-ms-transform: translateX(-1000px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftLarge {
0% {
opacity: 0;
-o-transform: translateX(-1000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftLarge {
0% {
opacity: 0;
transform: translateX(-1000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeftLarge {
-webkit-animation-name: fadeInLeftLarge;
-moz-animation-name: fadeInLeftLarge;
-ms-animation-name: fadeInLeftLarge;
-o-animation-name: fadeInLeftLarge;
animation-name: fadeInLeftLarge;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.animate.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-ms-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-200px);
}
}
@-ms-keyframes fadeOutUp {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(-200px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-200px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-200px);
}
}
.animate.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-ms-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(200px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(200px);
}
}
@-ms-keyframes fadeOutDown {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(200px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(200px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(200px);
}
}
.animate.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-ms-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 0;
-webkit-transform: translateX(0);
}
100% {
opacity: 1;
-webkit-transform: translateX(200px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 0;
-moz-transform: translateX(0);
}
100% {
opacity: 1;
-moz-transform: translateX(200px);
}
}
@-ms-keyframes fadeOutRight {
0% {
opacity: 0;
-ms-transform: translateX(0);
}
100% {
opacity: 1;
-ms-transform: translateX(200px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 0;
-o-transform: translateX(0);
}
100% {
opacity: 1;
-o-transform: translateX(200px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 0;
transform: translateX(0);
}
100% {
opacity: 1;
transform: translateX(200px);
}
}
.animate.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-ms-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 0;
-webkit-transform: translateX(0);
}
100% {
opacity: 1;
-webkit-transform: translateX(-200px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 0;
-moz-transform: translateX(0);
}
100% {
opacity: 1;
-moz-transform: translateX(-200px);
}
}
@-ms-keyframes fadeOutLeft {
0% {
opacity: 0;
-ms-transform: translateX(0);
}
100% {
opacity: 1;
-ms-transform: translateX(-200px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 0;
-o-transform: translateX(0);
}
100% {
opacity: 1;
-o-transform: translateX(-200px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 0;
transform: translateX(0);
}
100% {
opacity: 1;
transform: translateX(-200px);
}
}
.animate.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-ms-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutUpLarge {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1000px);
}
}
@-moz-keyframes fadeOutUpLarge {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-1000px);
}
}
@-ms-keyframes fadeOutUpLarge {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(-1000px);
}
}
@-o-keyframes fadeOutUpLarge {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-1000px);
}
}
@keyframes fadeOutUpLarge {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-1000px);
}
}
.animate.fadeOutUpLarge {
-webkit-animation-name: fadeOutUpLarge;
-moz-animation-name: fadeOutUpLarge;
-ms-animation-name: fadeOutUpLarge;
-o-animation-name: fadeOutUpLarge;
animation-name: fadeOutUpLarge;
}
@-webkit-keyframes fadeOutDownLarge {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(1000px);
}
}
@-moz-keyframes fadeOutDownLarge {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(1000px);
}
}
@-ms-keyframes fadeOutDownLarge {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(1000px);
}
}
@-o-keyframes fadeOutDownLarge {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(1000px);
}
}
@keyframes fadeOutDownLarge {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(1000px);
}
}
.animate.fadeOutDownLarge {
-webkit-animation-name: fadeOutDownLarge;
-moz-animation-name: fadeOutDownLarge;
-ms-animation-name: fadeOutDownLarge;
-o-animation-name: fadeOutDownLarge;
animation-name: fadeOutDownLarge;
}
@-webkit-keyframes fadeOutRightLarge {
0% {
opacity: 0;
-webkit-transform: translateX(0);
}
100% {
opacity: 1;
-webkit-transform: translateX(1000px);
}
}
@-moz-keyframes fadeOutRightLarge {
0% {
opacity: 0;
-moz-transform: translateX(0);
}
100% {
opacity: 1;
-moz-transform: translateX(1000px);
}
}
@-ms-keyframes fadeOutRightLarge {
0% {
opacity: 0;
-ms-transform: translateX(0);
}
100% {
opacity: 1;
-ms-transform: translateX(1000px);
}
}
@-o-keyframes fadeOutRightLarge {
0% {
opacity: 0;
-o-transform: translateX(0);
}
100% {
opacity: 1;
-o-transform: translateX(1000px);
}
}
@keyframes fadeOutRightLarge {
0% {
opacity: 0;
transform: translateX(0);
}
100% {
opacity: 1;
transform: translateX(1000px);
}
}
.animate.fadeOutRightLarge {
-webkit-animation-name: fadeOutRightLarge;
-moz-animation-name: fadeOutRightLarge;
-ms-animation-name: fadeOutRightLarge;
-o-animation-name: fadeOutRightLarge;
animation-name: fadeOutRightLarge;
}
@-webkit-keyframes fadeOutLeftLarge {
0% {
opacity: 0;
-webkit-transform: translateX(0);
}
100% {
opacity: 1;
-webkit-transform: translateX(-1000px);
}
}
@-moz-keyframes fadeOutLeftLarge {
0% {
opacity: 0;
-moz-transform: translateX(0);
}
100% {
opacity: 1;
-moz-transform: translateX(-1000px);
}
}
@-ms-keyframes fadeOutLeftLarge {
0% {
opacity: 0;
-ms-transform: translateX(0);
}
100% {
opacity: 1;
-ms-transform: translateX(-1000px);
}
}
@-o-keyframes fadeOutLeftLarge {
0% {
opacity: 0;
-o-transform: translateX(0);
}
100% {
opacity: 1;
-o-transform: translateX(-1000px);
}
}
@keyframes fadeOutLeftLarge {
0% {
opacity: 0;
transform: translateX(0);
}
100% {
opacity: 1;
transform: translateX(-1000px);
}
}
.animate.fadeOutLeftLarge {
-webkit-animation-name: fadeOutLeftLarge;
-moz-animation-name: fadeOutLeftLarge;
-ms-animation-name: fadeOutLeftLarge;
-o-animation-name: fadeOutLeftLarge;
animation-name: fadeOutLeftLarge;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-moz-transform: scale(0);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-ms-keyframes zoomIn {
0% {
opacity: 0;
-ms-transform: scale(0);
}
100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@-o-keyframes zoomIn {
0% {
opacity: 0;
-o-transform: scale(0);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.animate.zoomIn {
-webkit-animation-name: zoomIn;
-moz-animation-name: zoomIn;
-ms-animation-name: zoomIn;
-o-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(0) translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
}
@-moz-keyframes zoomInUp {
0% {
opacity: 0;
-moz-transform: scale(0) translateY(200px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
}
@-ms-keyframes zoomInUp {
0% {
opacity: 0;
-ms-transform: scale(0) translateY(200px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
}
@-o-keyframes zoomInUp {
0% {
opacity: 0;
-o-transform: scale(0) translateY(200px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale(0) translateY(200px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.animate.zoomInUp {
-webkit-animation-name: zoomInUp;
-moz-animation-name: zoomInUp;
-ms-animation-name: zoomInUp;
-o-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(0) translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
}
@-moz-keyframes zoomInDown {
0% {
opacity: 0;
-moz-transform: scale(0) translateY(-200px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
}
@-ms-keyframes zoomInDown {
0% {
opacity: 0;
-ms-transform: scale(0) translateY(-200px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
}
@-o-keyframes zoomInDown {
0% {
opacity: 0;
-o-transform: scale(0) translateY(-200px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale(0) translateY(-200px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.animate.zoomInDown {
-webkit-animation-name: zoomInDown;
-moz-animation-name: zoomInDown;
-ms-animation-name: zoomInDown;
-o-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
}
}
@-moz-keyframes zoomInRight {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(200px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(0);
}
}
@-ms-keyframes zoomInRight {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(200px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(0);
}
}
@-o-keyframes zoomInRight {
0% {
opacity: 0;
-o-transform: scale(0) translateX(200px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(0);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale(0) translateX(200px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0);
}
}
.animate.zoomInRight {
-webkit-animation-name: zoomInRight;
-moz-animation-name: zoomInRight;
-ms-animation-name: zoomInRight;
-o-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
}
}
@-moz-keyframes zoomInLeft {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(-200px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(0);
}
}
@-ms-keyframes zoomInLeft {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(-200px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(0);
}
}
@-o-keyframes zoomInLeft {
0% {
opacity: 0;
-o-transform: scale(0) translateX(-200px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(0);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale(0) translateX(-200px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0);
}
}
.animate.zoomInLeft {
-webkit-animation-name: zoomInLeft;
-moz-animation-name: zoomInLeft;
-ms-animation-name: zoomInLeft;
-o-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInUpLarge {
0% {
opacity: 0;
-webkit-transform: scale(0) translateY(1000px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
}
@-moz-keyframes zoomInUpLarge {
0% {
opacity: 0;
-moz-transform: scale(0) translateY(1000px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
}
@-ms-keyframes zoomInUpLarge {
0% {
opacity: 0;
-ms-transform: scale(0) translateY(1000px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
}
@-o-keyframes zoomInUpLarge {
0% {
opacity: 0;
-o-transform: scale(0) translateY(1000px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
}
@keyframes zoomInUpLarge {
0% {
opacity: 0;
transform: scale(0) translateY(1000px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.animate.zoomInUpLarge {
-webkit-animation-name: zoomInUpLarge;
-moz-animation-name: zoomInUpLarge;
-ms-animation-name: zoomInUpLarge;
-o-animation-name: zoomInUpLarge;
animation-name: zoomInUpLarge;
}
@-webkit-keyframes zoomInDownLarge {
0% {
opacity: 0;
-webkit-transform: scale(0) translateY(-1000px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
}
@-moz-keyframes zoomInDownLarge {
0% {
opacity: 0;
-moz-transform: scale(0) translateY(-1000px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
}
@-ms-keyframes zoomInDownLarge {
0% {
opacity: 0;
-ms-transform: scale(0) translateY(-1000px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
}
@-o-keyframes zoomInDownLarge {
0% {
opacity: 0;
-o-transform: scale(0) translateY(-1000px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
}
@keyframes zoomInDownLarge {
0% {
opacity: 0;
transform: scale(0) translateY(-1000px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.animate.zoomInDownLarge {
-webkit-animation-name: zoomInDownLarge;
-moz-animation-name: zoomInDownLarge;
-ms-animation-name: zoomInDownLarge;
-o-animation-name: zoomInDownLarge;
animation-name: zoomInDownLarge;
}
@-webkit-keyframes zoomInRightLarge {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(1000px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
}
}
@-moz-keyframes zoomInRightLarge {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(1000px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(0);
}
}
@-ms-keyframes zoomInRightLarge {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(1000px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(0);
}
}
@-o-keyframes zoomInRightLarge {
0% {
opacity: 0;
-o-transform: scale(0) translateX(1000px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(0);
}
}
@keyframes zoomInRightLarge {
0% {
opacity: 0;
transform: scale(0) translateX(1000px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0);
}
}
.animate.zoomInRightLarge {
-webkit-animation-name: zoomInRightLarge;
-moz-animation-name: zoomInRightLarge;
-ms-animation-name: zoomInRightLarge;
-o-animation-name: zoomInRightLarge;
animation-name: zoomInRightLarge;
}
@-webkit-keyframes zoomInLeftLarge {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(-1000px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
}
}
@-moz-keyframes zoomInLeftLarge {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(-1000px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(0);
}
}
@-ms-keyframes zoomInLeftLarge {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(-1000px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(0);
}
}
@-o-keyframes zoomInLeftLarge {
0% {
opacity: 0;
-o-transform: scale(0) translateX(-1000px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(0);
}
}
@keyframes zoomInLeftLarge {
0% {
opacity: 0;
transform: scale(0) translateX(-1000px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0);
}
}
.animate.zoomInLeftLarge {
-webkit-animation-name: zoomInLeftLarge;
-moz-animation-name: zoomInLeftLarge;
-ms-animation-name: zoomInLeftLarge;
-o-animation-name: zoomInLeftLarge;
animation-name: zoomInLeftLarge;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0);
}
}
@-moz-keyframes zoomOut {
0% {
opacity: 1;
-moz-transform: scale(1);
}
100% {
opacity: 0;
-moz-transform: scale(0);
}
}
@-ms-keyframes zoomOut {
0% {
opacity: 1;
-ms-transform: scale(1);
}
100% {
opacity: 0;
-ms-transform: scale(0);
}
}
@-o-keyframes zoomOut {
0% {
opacity: 1;
-o-transform: scale(1);
}
100% {
opacity: 0;
-o-transform: scale(0);
}
}
@keyframes zoomOut {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0);
}
}
.animate.zoomOut {
-webkit-animation-name: zoomOut;
-moz-animation-name: zoomOut;
-ms-animation-name: zoomOut;
-o-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutUp {
0% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(0) translateY(-200px);
}
}
@-moz-keyframes zoomOutUp {
0% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-moz-transform: scale(0) translateY(-200px);
}
}
@-ms-keyframes zoomOutUp {
0% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-ms-transform: scale(0) translateY(-200px);
}
}
@-o-keyframes zoomOutUp {
0% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-o-transform: scale(0) translateY(-200px);
}
}
@keyframes zoomOutUp {
0% {
opacity: 1;
transform: scale(1) translateY(0);
}
100% {
opacity: 0;
transform: scale(0) translateY(-200px);
}
}
.animate.zoomOutUp {
-webkit-animation-name: zoomOutUp;
-moz-animation-name: zoomOutUp;
-ms-animation-name: zoomOutUp;
-o-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes zoomOutDown {
0% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(0) translateY(200px);
}
}
@-moz-keyframes zoomOutDown {
0% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-moz-transform: scale(0) translateY(200px);
}
}
@-ms-keyframes zoomOutDown {
0% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-ms-transform: scale(0) translateY(200px);
}
}
@-o-keyframes zoomOutDown {
0% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-o-transform: scale(0) translateY(200px);
}
}
@keyframes zoomOutDown {
0% {
opacity: 1;
transform: scale(1) translateY(0);
}
100% {
opacity: 0;
transform: scale(0) translateY(200px);
}
}
.animate.zoomOutDown {
-webkit-animation-name: zoomOutDown;
-moz-animation-name: zoomOutDown;
-ms-animation-name: zoomOutDown;
-o-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutRight {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(200px);
}
}
@-moz-keyframes zoomOutRight {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(200px);
}
}
@-ms-keyframes zoomOutRight {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(200px);
}
}
@-o-keyframes zoomOutRight {
0% {
opacity: 0;
-o-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(200px);
}
}
@keyframes zoomOutRight {
0% {
opacity: 0;
transform: scale(0) translateX(0);
}
100% {
opacity: 1;
transform: scale(1) translateX(200px);
}
}
.animate.zoomOutRight {
-webkit-animation-name: zoomOutRight;
-moz-animation-name: zoomOutRight;
-ms-animation-name: zoomOutRight;
-o-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutLeft {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(-200px);
}
}
@-moz-keyframes zoomOutLeft {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(-200px);
}
}
@-ms-keyframes zoomOutLeft {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(-200px);
}
}
@-o-keyframes zoomOutLeft {
0% {
opacity: 0;
-o-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(-200px);
}
}
@keyframes zoomOutLeft {
0% {
opacity: 0;
transform: scale(0) translateX(0);
}
100% {
opacity: 1;
transform: scale(1) translateX(-200px);
}
}
.animate.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
-moz-animation-name: zoomOutLeft;
-ms-animation-name: zoomOutLeft;
-o-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutUpLarge {
0% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(0) translateY(-1000px);
}
}
@-moz-keyframes zoomOutUpLarge {
0% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-moz-transform: scale(0) translateY(-1000px);
}
}
@-ms-keyframes zoomOutUpLarge {
0% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-ms-transform: scale(0) translateY(-1000px);
}
}
@-o-keyframes zoomOutUpLarge {
0% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-o-transform: scale(0) translateY(-1000px);
}
}
@keyframes zoomOutUpLarge {
0% {
opacity: 1;
transform: scale(1) translateY(0);
}
100% {
opacity: 0;
transform: scale(0) translateY(-1000px);
}
}
.animate.zoomOutUpLarge {
-webkit-animation-name: zoomOutUpLarge;
-moz-animation-name: zoomOutUpLarge;
-ms-animation-name: zoomOutUpLarge;
-o-animation-name: zoomOutUpLarge;
animation-name: zoomOutUpLarge;
}
@-webkit-keyframes zoomOutDownLarge {
0% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(0) translateY(1000px);
}
}
@-moz-keyframes zoomOutDownLarge {
0% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-moz-transform: scale(0) translateY(1000px);
}
}
@-ms-keyframes zoomOutDownLarge {
0% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-ms-transform: scale(0) translateY(1000px);
}
}
@-o-keyframes zoomOutDownLarge {
0% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
100% {
opacity: 0;
-o-transform: scale(0) translateY(1000px);
}
}
@keyframes zoomOutDownLarge {
0% {
opacity: 1;
transform: scale(1) translateY(0);
}
100% {
opacity: 0;
transform: scale(0) translateY(1000px);
}
}
.animate.zoomOutDownLarge {
-webkit-animation-name: zoomOutDownLarge;
-moz-animation-name: zoomOutDownLarge;
-ms-animation-name: zoomOutDownLarge;
-o-animation-name: zoomOutDownLarge;
animation-name: zoomOutDownLarge;
}
@-webkit-keyframes zoomOutRightLarge {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(1000px);
}
}
@-moz-keyframes zoomOutRightLarge {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(1000px);
}
}
@-ms-keyframes zoomOutRightLarge {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(1000px);
}
}
@-o-keyframes zoomOutRightLarge {
0% {
opacity: 0;
-o-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(1000px);
}
}
@keyframes zoomOutRightLarge {
0% {
opacity: 0;
transform: scale(0) translateX(0);
}
100% {
opacity: 1;
transform: scale(1) translateX(1000px);
}
}
.animate.zoomOutRightLarge {
-webkit-animation-name: zoomOutRightLarge;
-moz-animation-name: zoomOutRightLarge;
-ms-animation-name: zoomOutRightLarge;
-o-animation-name: zoomOutRightLarge;
animation-name: zoomOutRightLarge;
}
@-webkit-keyframes zoomOutLeftLarge {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(-1000px);
}
}
@-moz-keyframes zoomOutLeftLarge {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(-1000px);
}
}
@-ms-keyframes zoomOutLeftLarge {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(-1000px);
}
}
@-o-keyframes zoomOutLeftLarge {
0% {
opacity: 0;
-o-transform: scale(0) translateX(0);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(-1000px);
}
}
@keyframes zoomOutLeftLarge {
0% {
opacity: 0;
transform: scale(0) translateX(0);
}
100% {
opacity: 1;
transform: scale(1) translateX(-1000px);
}
}
.animate.zoomOutLeftLarge {
-webkit-animation-name: zoomOutLeftLarge;
-moz-animation-name: zoomOutLeftLarge;
-ms-animation-name: zoomOutLeftLarge;
-o-animation-name: zoomOutLeftLarge;
animation-name: zoomOutLeftLarge;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
70% {
opacity: 1;
-webkit-transform: scale(0.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
70% {
opacity: 1;
-moz-transform: scale(0.9);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-ms-keyframes bounceIn {
0% {
opacity: 0;
-ms-transform: scale(0);
}
50% {
opacity: 1;
-ms-transform: scale(1.1);
}
70% {
opacity: 1;
-ms-transform: scale(0.9);
}
100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
70% {
opacity: 1;
-o-transform: scale(0.9);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0);
}
50% {
opacity: 1;
transform: scale(1.1);
}
70% {
opacity: 1;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.animate.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-ms-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: scale(0) translateY(200px);
}
60% {
opacity: 1;
-webkit-transform: scale(1.1) translateY(-40px);
}
80% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: scale(0) translateY(200px);
}
60% {
opacity: 1;
-moz-transform: scale(1.1) translateY(-40px);
}
80% {
opacity: 1;
-moz-transform: scale(0.9) translateY(20px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
}
@-ms-keyframes bounceInUp {
0% {
opacity: 0;
-ms-transform: scale(0) translateY(200px);
}
60% {
opacity: 1;
-ms-transform: scale(1.1) translateY(-40px);
}
80% {
opacity: 1;
-ms-transform: scale(0.9) translateY(20px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: scale(0) translateY(200px);
}
60% {
opacity: 1;
-o-transform: scale(1.1) translateY(-40px);
}
80% {
opacity: 1;
-o-transform: scale(0.9) translateY(20px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: scale(0) translateY(200px);
}
60% {
opacity: 1;
transform: scale(1.1) translateY(-40px);
}
80% {
opacity: 1;
transform: scale(0.9) translateY(20px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.animate.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-ms-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: scale(0) translateY(-200px);
}
60% {
opacity: 1;
-webkit-transform: scale(1.1) translateY(40px);
}
80% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: scale(0) translateY(-200px);
}
60% {
opacity: 1;
-moz-transform: scale(1.1) translateY(40px);
}
80% {
opacity: 1;
-moz-transform: scale(0.9) translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateY(0);
}
}
@-ms-keyframes bounceInDown {
0% {
opacity: 0;
-ms-transform: scale(0) translateY(-200px);
}
60% {
opacity: 1;
-ms-transform: scale(1.1) translateY(40px);
}
80% {
opacity: 1;
-ms-transform: scale(0.9) translateY(-20px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: scale(0) translateY(-200px);
}
60% {
opacity: 1;
-o-transform: scale(1.1) translateY(40px);
}
80% {
opacity: 1;
-o-transform: scale(0.9) translateY(-20px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: scale(0) translateY(-200px);
}
60% {
opacity: 1;
transform: scale(1.1) translateY(40px);
}
80% {
opacity: 1;
transform: scale(0.9) translateY(-20px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.animate.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-ms-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(200px);
}
60% {
opacity: 1;
-webkit-transform: scale(1.1) translateX(-40px);
}
80% {
opacity: 1;
-webkit-transform: scale(0.9) translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(200px);
}
60% {
opacity: 1;
-moz-transform: scale(1.1) translateX(-40px);
}
80% {
opacity: 1;
-moz-transform: scale(0.9) translateX(20px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(0);
}
}
@-ms-keyframes bounceInRight {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(200px);
}
60% {
opacity: 1;
-ms-transform: scale(1.1) translateX(-40px);
}
80% {
opacity: 1;
-ms-transform: scale(0.9) translateX(20px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: scale(0) translateX(200px);
}
60% {
opacity: 1;
-o-transform: scale(1.1) translateX(-40px);
}
80% {
opacity: 1;
-o-transform: scale(0.9) translateX(20px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: scale(0) translateX(200px);
}
60% {
opacity: 1;
transform: scale(1.1) translateX(-40px);
}
80% {
opacity: 1;
transform: scale(0.9) translateX(20px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0);
}
}
.animate.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-ms-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: scale(0) translateX(-200px);
}
60% {
opacity: 1;
-webkit-transform: scale(1.1) translateX(40px);
}
80% {
opacity: 1;
-webkit-transform: scale(0.9) translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: scale(0) translateX(-200px);
}
60% {
opacity: 1;
-moz-transform: scale(1.1) translateX(40px);
}
80% {
opacity: 1;
-moz-transform: scale(0.9) translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: scale(1) translateX(0);
}
}
@-ms-keyframes bounceInLeft {
0% {
opacity: 0;
-ms-transform: scale(0) translateX(-200px);
}
60% {
opacity: 1;
-ms-transform: scale(1.1) translateX(40px);
}
80% {
opacity: 1;
-ms-transform: scale(0.9) translateX(-20px);
}
100% {
opacity: 1;
-ms-transform: scale(1) translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: scale(0) translateX(-200px);
}
60% {
opacity: 1;
-o-transform: scale(1.1) translateX(40px);
}
80% {
opacity: 1;
-o-transform: scale(0.9) translateX(-20px);
}
100% {
opacity: 1;
-o-transform: scale(1) translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: scale(0) translateX(-200px);
}
60% {
opacity: 1;
transform: scale(1.1) translateX(40px);
}
80% {
opacity: 1;
transform: scale(0.9) translateX(-20px);
}
100% {
opacity: 1;
transform: scale(1) translateX(0);
}
}
.animate.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-ms-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
}
30% {
opacity: 1;
-webkit-transform: scale(1.1);
}
50% {
opacity: 0;
-webkit-transform: scale(0.9);
}
100% {
opacity: 0;
-webkit-transform: scale(0);
}
}
@-moz-keyframes bounceOut {
0% {
opacity: 1;
-moz-transform: scale(1);
}
30% {
opacity: 1;
-moz-transform: scale(1.1);
}
50% {
opacity: 0;
-moz-transform: scale(0.9);
}
100% {
opacity: 0;
-moz-transform: scale(0);
}
}
@-ms-keyframes bounceOut {
0% {
opacity: 1;
-ms-transform: scale(1);
}
30% {
opacity: 1;
-ms-transform: scale(1.1);
}
50% {
opacity: 0;
-ms-transform: scale(0.9);
}
100% {
opacity: 0;
-ms-transform: scale(0);
}
}
@-o-keyframes bounceOut {
0% {
opacity: 1;
-o-transform: scale(1);
}
30% {
opacity: 1;
-o-transform: scale(1.1);
}
50% {
opacity: 0;
-o-transform: scale(0.9);
}
100% {
opacity: 0;
-o-transform: scale(0);
}
}
@keyframes bounceOut {
0% {
opacity: 1;
transform: scale(1);
}
30% {
opacity: 1;
transform: scale(1.1);
}
50% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 0;
transform: scale(0);
}
}
.animate.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-ms-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(40px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
}
@-moz-keyframes bounceOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(40px);
}
100% {
opacity: 0;
-moz-transform: translateY(-200px);
}
}
@-ms-keyframes bounceOutUp {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
20% {
opacity: 1;
-ms-transform: translateY(40px);
}
100% {
opacity: 0;
-ms-transform: translateY(-200px);
}
}
@-o-keyframes bounceOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(40px);
}
100% {
opacity: 0;
-o-transform: translateY(-200px);
}
}
@keyframes bounceOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(40px);
}
100% {
opacity: 0;
transform: translateY(-200px);
}
}
.animate.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-ms-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-40px);
}
100% {
opacity: 0;
-webkit-transform: translateY(200px);
}
}
@-moz-keyframes bounceOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-40px);
}
100% {
opacity: 0;
-moz-transform: translateY(200px);
}
}
@-ms-keyframes bounceOutDown {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
20% {
opacity: 1;
-ms-transform: translateY(-40px);
}
100% {
opacity: 0;
-ms-transform: translateY(200px);
}
}
@-o-keyframes bounceOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-40px);
}
100% {
opacity: 0;
-o-transform: translateY(200px);
}
}
@keyframes bounceOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-40px);
}
100% {
opacity: 0;
transform: translateY(200px);
}
}
.animate.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-ms-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-40px);
}
100% {
opacity: 0;
-webkit-transform: translateX(200px);
}
}
@-moz-keyframes bounceOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-40px);
}
100% {
opacity: 0;
-moz-transform: translateX(200px);
}
}
@-ms-keyframes bounceOutRight {
0% {
opacity: 1;
-ms-transform: translateX(0);
}
20% {
opacity: 1;
-ms-transform: translateX(-40px);
}
100% {
opacity: 0;
-ms-transform: translateX(200px);
}
}
@-o-keyframes bounceOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-40px);
}
100% {
opacity: 0;
-o-transform: translateX(200px);
}
}
@keyframes bounceOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-40px);
}
100% {
opacity: 0;
transform: translateX(200px);
}
}
.animate.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-ms-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(40px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(40px);
}
100% {
opacity: 0;
-moz-transform: translateX(-200px);
}
}
@-ms-keyframes bounceOutLeft {
0% {
opacity: 1;
-ms-transform: translateX(0);
}
20% {
opacity: 1;
-ms-transform: translateX(40px);
}
100% {
opacity: 0;
-ms-transform: translateX(-200px);
}
}
@-o-keyframes bounceOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(40px);
}
100% {
opacity: 0;
-o-transform: translateX(-200px);
}
}
@keyframes bounceOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(40px);
}
100% {
opacity: 0;
transform: translateX(-200px);
}
}
.animate.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-ms-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-moz-keyframes flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-ms-keyframes flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-o-keyframes flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
100%,
50% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.hover-flash:hover,
.trigger.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-ms-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes strobe {
0%,
100%,
20%,
40%,
60%,
80% {
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
opacity: 0;
}
}
@-moz-keyframes strobe {
0%,
100%,
20%,
40%,
60%,
80% {
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
opacity: 0;
}
}
@-ms-keyframes strobe {
0%,
100%,
20%,
40%,
60%,
80% {
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
opacity: 0;
}
}
@-o-keyframes strobe {
0%,
100%,
20%,
40%,
60%,
80% {
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
opacity: 0;
}
}
@keyframes strobe {
0%,
100%,
20%,
40%,
60%,
80% {
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
opacity: 0;
}
}
.hover-strobe:hover,
.trigger.strobe {
-webkit-animation-name: strobe;
-moz-animation-name: strobe;
-ms-animation-name: strobe;
-o-animation-name: strobe;
animation-name: strobe;
}
@-webkit-keyframes shakeH {
0%,
100% {
-webkit-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(-10px);
}
}
@-moz-keyframes shakeH {
0%,
100% {
-moz-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translateX(10px);
}
20%,
40%,
60%,
80% {
-moz-transform: translateX(-10px);
}
}
@-ms-keyframes shakeH {
0%,
100% {
-ms-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-ms-transform: translateX(10px);
}
20%,
40%,
60%,
80% {
-ms-transform: translateX(-10px);
}
}
@-o-keyframes shakeH {
0%,
100% {
-o-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-o-transform: translateX(10px);
}
20%,
40%,
60%,
80% {
-o-transform: translateX(-10px);
}
}
@keyframes shakeH {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(10px);
}
20%,
40%,
60%,
80% {
transform: translateX(-10px);
}
}
.hover-shakeH:hover,
.trigger.shakeH {
-webkit-animation-name: shakeH;
-moz-animation-name: shakeH;
-ms-animation-name: shakeH;
-o-animation-name: shakeH;
animation-name: shakeH;
}
@-webkit-keyframes shakeV {
0%,
100% {
-webkit-transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateY(10px);
}
}
@-moz-keyframes shakeV {
0%,
100% {
-moz-transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
-moz-transform: translateY(10px);
}
}
@-ms-keyframes shakeV {
0%,
100% {
-ms-transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
-ms-transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
-ms-transform: translateY(10px);
}
}
@-o-keyframes shakeV {
0%,
100% {
-o-transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
-o-transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
-o-transform: translateY(10px);
}
}
@keyframes shakeV {
0%,
100% {
transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
transform: translateY(10px);
}
}
.hover-shakeV:hover,
.trigger.shakeV {
-webkit-animation-name: shakeV;
-moz-animation-name: shakeV;
-ms-animation-name: shakeV;
-o-animation-name: shakeV;
animation-name: shakeV;
}
@-webkit-keyframes bounce {
0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-ms-keyframes bounce {
0%,
100%,
20%,
50%,
80% {
-ms-transform: translateY(0);
}
40% {
-ms-transform: translateY(-30px);
}
60% {
-ms-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
100%,
20%,
50%,
80% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
100%,
20%,
50%,
80% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.hover-bounce:hover,
.trigger.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-ms-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0%,
100% {
-webkit-transform: scale(1) rotate(0);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(3deg);
}
}
@-moz-keyframes tada {
0%,
100% {
-moz-transform: scale(1) rotate(0);
}
10%,
20% {
-moz-transform: scale(0.9) rotate(3deg);
}
30%,
50%,
70%,
90% {
-moz-transform: scale(1.1) rotate(-3deg);
}
40%,
60%,
80% {
-moz-transform: scale(1.1) rotate(3deg);
}
}
@-ms-keyframes tada {
0%,
100% {
-ms-transform: scale(1) rotate(0);
}
10%,
20% {
-ms-transform: scale(0.9) rotate(3deg);
}
30%,
50%,
70%,
90% {
-ms-transform: scale(1.1) rotate(-3deg);
}
40%,
60%,
80% {
-ms-transform: scale(1.1) rotate(3deg);
}
}
@-o-keyframes tada {
0%,
100% {
-o-transform: scale(1) rotate(0);
}
10%,
20% {
-o-transform: scale(0.9) rotate(3deg);
}
30%,
50%,
70%,
90% {
-o-transform: scale(1.1) rotate(-3deg);
}
40%,
60%,
80% {
-o-transform: scale(1.1) rotate(3deg);
}
}
@keyframes tada {
0%,
100% {
transform: scale(1) rotate(0);
}
10%,
20% {
transform: scale(0.9) rotate(3deg);
}
30%,
50%,
70%,
90% {
transform: scale(1.1) rotate(-3deg);
}
40%,
60%,
80% {
transform: scale(1.1) rotate(3deg);
}
}
.hover-tada:hover,
.trigger.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-ms-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wave {
20% {
-webkit-transform: rotate(-15deg);
}
40% {
-webkit-transform: rotate(10deg);
}
60% {
-webkit-transform: rotate(-5deg);
}
80% {
-webkit-transform: rotate(5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes wave {
20% {
-moz-transform: rotate(-15deg);
}
40% {
-moz-transform: rotate(10deg);
}
60% {
-moz-transform: rotate(-5deg);
}
80% {
-moz-transform: rotate(5deg);
}
100% {
-moz-transform: rotate(0deg);
}
}
@-ms-keyframes wave {
20% {
-ms-transform: rotate(-15deg);
}
40% {
-ms-transform: rotate(10deg);
}
60% {
-ms-transform: rotate(-5deg);
}
80% {
-ms-transform: rotate(5deg);
}
100% {
-ms-transform: rotate(0deg);
}
}
@-o-keyframes wave {
20% {
-o-transform: rotate(-15deg);
}
40% {
-o-transform: rotate(10deg);
}
60% {
-o-transform: rotate(-5deg);
}
80% {
-o-transform: rotate(5deg);
}
100% {
-o-transform: rotate(0deg);
}
}
@keyframes wave {
20% {
transform: rotate(-15deg);
}
40% {
transform: rotate(10deg);
}
60% {
transform: rotate(-5deg);
}
80% {
transform: rotate(5deg);
}
100% {
transform: rotate(0deg);
}
}
.hover-wave:hover {
-webkit-animation-name: wave;
-moz-animation-name: wave;
-ms-animation-name: wave;
-o-animation-name: wave;
animation-name: wave;
}
@-webkit-keyframes spinCW {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@-moz-keyframes spinCW {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(-360deg);
}
}
@-ms-keyframes spinCW {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(-360deg);
}
}
@-o-keyframes spinCW {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(-360deg);
}
}
@keyframes spinCW {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.hover-spinCW:hover,
.trigger.spinCW {
-webkit-animation-name: spinCW;
-moz-animation-name: spinCW;
-ms-animation-name: spinCW;
-o-animation-name: spinCW;
animation-name: spinCW;
}
@-webkit-keyframes spinCCW {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinCCW {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes spinCCW {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes spinCCW {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@keyframes spinCCW {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.hover-spinCCW:hover,
.trigger.spinCCW {
-webkit-animation-name: spinCCW;
-moz-animation-name: spinCCW;
-ms-animation-name: spinCCW;
-o-animation-name: spinCCW;
animation-name: spinCCW;
}
@-webkit-keyframes slingshotCW {
0% {
-webkit-transform: rotate(0deg);
}
20%,
30% {
-webkit-transform: rotate(45deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@-moz-keyframes slingshotCW {
0% {
-moz-transform: rotate(0deg);
}
20%,
30% {
-moz-transform: rotate(45deg);
}
100% {
-moz-transform: rotate(-360deg);
}
}
@-ms-keyframes slingshotCW {
0% {
-ms-transform: rotate(0deg);
}
20%,
30% {
-ms-transform: rotate(45deg);
}
100% {
-ms-transform: rotate(-360deg);
}
}
@-o-keyframes slingshotCW {
0% {
-o-transform: rotate(0deg);
}
20%,
30% {
-o-transform: rotate(45deg);
}
100% {
-o-transform: rotate(-360deg);
}
}
@keyframes slingshotCW {
0% {
transform: rotate(0deg);
}
20%,
30% {
transform: rotate(45deg);
}
100% {
transform: rotate(-360deg);
}
}
.hover-slingshotCW:hover,
.trigger.slingshotCW {
-webkit-animation-name: slingshotCW;
-moz-animation-name: slingshotCW;
-ms-animation-name: slingshotCW;
-o-animation-name: slingshotCW;
animation-name: slingshotCW;
}
@-webkit-keyframes slingshotCCW {
0% {
-webkit-transform: rotate(0deg);
}
20%,
30% {
-webkit-transform: rotate(-45deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes slingshotCCW {
0% {
-moz-transform: rotate(0deg);
}
20%,
30% {
-moz-transform: rotate(-45deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes slingshotCCW {
0% {
-ms-transform: rotate(0deg);
}
20%,
30% {
-ms-transform: rotate(-45deg);
}
100% {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes slingshotCCW {
0% {
-o-transform: rotate(0deg);
}
20%,
30% {
-o-transform: rotate(-45deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@keyframes slingshotCCW {
0% {
transform: rotate(0deg);
}
20%,
30% {
transform: rotate(-45deg);
}
100% {
transform: rotate(360deg);
}
}
.hover-slingshotCCW:hover,
.trigger.slingshotCCW {
-webkit-animation-name: slingshotCCW;
-moz-animation-name: slingshotCCW;
-ms-animation-name: slingshotCCW;
-o-animation-name: slingshotCCW;
animation-name: slingshotCCW;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0px);
}
15% {
-webkit-transform: translateX(25px) rotate(5deg);
}
30% {
-webkit-transform: translateX(-20px) rotate(-3deg);
}
45% {
-webkit-transform: translateX(15px) rotate(3deg);
}
60% {
-webkit-transform: translateX(-10px) rotate(-2deg);
}
75% {
-webkit-transform: translateX(5px) rotate(1deg);
}
100% {
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0px);
}
15% {
-moz-transform: translateX(25px) rotate(5deg);
}
30% {
-moz-transform: translateX(-20px) rotate(-3deg);
}
45% {
-moz-transform: translateX(15px) rotate(3deg);
}
60% {
-moz-transform: translateX(-10px) rotate(-2deg);
}
75% {
-moz-transform: translateX(5px) rotate(1deg);
}
100% {
-moz-transform: translateX(0px);
}
}
@-ms-keyframes wobble {
0% {
-ms-transform: translateX(0px);
}
15% {
-ms-transform: translateX(25px) rotate(5deg);
}
30% {
-ms-transform: translateX(-20px) rotate(-3deg);
}
45% {
-ms-transform: translateX(15px) rotate(3deg);
}
60% {
-ms-transform: translateX(-10px) rotate(-2deg);
}
75% {
-ms-transform: translateX(5px) rotate(1deg);
}
100% {
-ms-transform: translateX(0px);
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0px);
}
15% {
-o-transform: translateX(25px) rotate(5deg);
}
30% {
-o-transform: translateX(-20px) rotate(-3deg);
}
45% {
-o-transform: translateX(15px) rotate(3deg);
}
60% {
-o-transform: translateX(-10px) rotate(-2deg);
}
75% {
-o-transform: translateX(5px) rotate(1deg);
}
100% {
-o-transform: translateX(0px);
}
}
@keyframes wobble {
0% {
transform: translateX(0px);
}
15% {
transform: translateX(25px) rotate(5deg);
}
30% {
transform: translateX(-20px) rotate(-3deg);
}
45% {
transform: translateX(15px) rotate(3deg);
}
60% {
transform: translateX(-10px) rotate(-2deg);
}
75% {
transform: translateX(5px) rotate(1deg);
}
100% {
transform: translateX(0px);
}
}
.hover-wobble:hover,
.trigger.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-ms-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes pulse {
0%,
100% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
}
@-moz-keyframes pulse {
0%,
100% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.1);
}
}
@-ms-keyframes pulse {
0%,
100% {
-ms-transform: scale(1);
}
50% {
-ms-transform: scale(1.1);
}
}
@-o-keyframes pulse {
0%,
100% {
-o-transform: scale(1);
}
50% {
-o-transform: scale(1.1);
}
}
@keyframes pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
.hover-pulse:hover,
.trigger.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-ms-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes pulsate {
0%,
100%,
50% {
-webkit-transform: scale(1);
}
25%,
75% {
-webkit-transform: scale(1.1);
}
}
@-moz-keyframes pulsate {
0%,
100%,
50% {
-moz-transform: scale(1);
}
25%,
75% {
-moz-transform: scale(1.1);
}
}
@-ms-keyframes pulsate {
0%,
100%,
50% {
-ms-transform: scale(1);
}
25%,
75% {
-ms-transform: scale(1.1);
}
}
@-o-keyframes pulsate {
0%,
100%,
50% {
-o-transform: scale(1);
}
25%,
75% {
-o-transform: scale(1.1);
}
}
@keyframes pulsate {
0%,
100%,
50% {
transform: scale(1);
}
25%,
75% {
transform: scale(1.1);
}
}
.hover-pulsate:hover,
.trigger.pulsate {
-webkit-animation-name: pulsate;
-moz-animation-name: pulsate;
-ms-animation-name: pulsate;
-o-animation-name: pulsate;
animation-name: pulsate;
}
@-webkit-keyframes heartbeat {
0%,
30%,
50%,
60%,
80% {
-webkit-transform: scale(1);
}
40%,
70% {
-webkit-transform: scale(1.1);
}
}
@-moz-keyframes heartbeat {
0%,
30%,
50%,
60%,
80% {
-moz-transform: scale(1);
}
40%,
70% {
-moz-transform: scale(1.1);
}
}
@-ms-keyframes heartbeat {
0%,
30%,
50%,
60%,
80% {
-ms-transform: scale(1);
}
40%,
70% {
-ms-transform: scale(1.1);
}
}
@-o-keyframes heartbeat {
0%,
30%,
50%,
60%,
80% {
-o-transform: scale(1);
}
40%,
70% {
-o-transform: scale(1.1);
}
}
@keyframes heartbeat {
0%,
30%,
50%,
60%,
80% {
transform: scale(1);
}
40%,
70% {
transform: scale(1.1);
}
}
.hover-heartbeat:hover,
.trigger.heartbeat {
-webkit-animation-name: heartbeat;
-moz-animation-name: heartbeat;
-ms-animation-name: heartbeat;
-o-animation-name: heartbeat;
animation-name: heartbeat;
}
@-webkit-keyframes panic {
0%,
100% {
-webkit-transform: scale(1) rotate(0);
}
10%,
60% {
-webkit-transform: scale(1.1) rotate(3deg);
}
20%,
40% {
-webkit-transform: scale(1) rotate(3deg);
}
30% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
50%,
70%,
90% {
-webkit-transform: scale(1) rotate(-3deg);
}
80% {
-webkit-transform: scale(1.1) rotate(3deg);
}
}
@-moz-keyframes panic {
0%,
100% {
-moz-transform: scale(1) rotate(0);
}
10%,
60% {
-moz-transform: scale(1.1) rotate(3deg);
}
20%,
40% {
-moz-transform: scale(1) rotate(3deg);
}
30% {
-moz-transform: scale(1.1) rotate(-3deg);
}
50%,
70%,
90% {
-moz-transform: scale(1) rotate(-3deg);
}
80% {
-moz-transform: scale(1.1) rotate(3deg);
}
}
@-ms-keyframes panic {
0%,
100% {
-ms-transform: scale(1) rotate(0);
}
10%,
60% {
-ms-transform: scale(1.1) rotate(3deg);
}
20%,
40% {
-ms-transform: scale(1) rotate(3deg);
}
30% {
-ms-transform: scale(1.1) rotate(-3deg);
}
50%,
70%,
90% {
-ms-transform: scale(1) rotate(-3deg);
}
80% {
-ms-transform: scale(1.1) rotate(3deg);
}
}
@-o-keyframes panic {
0%,
100% {
-o-transform: scale(1) rotate(0);
}
10%,
60% {
-o-transform: scale(1.1) rotate(3deg);
}
20%,
40% {
-o-transform: scale(1) rotate(3deg);
}
30% {
-o-transform: scale(1.1) rotate(-3deg);
}
50%,
70%,
90% {
-o-transform: scale(1) rotate(-3deg);
}
80% {
-o-transform: scale(1.1) rotate(3deg);
}
}
@keyframes panic {
0%,
100% {
transform: scale(1) rotate(0);
}
10%,
60% {
transform: scale(1.1) rotate(3deg);
}
20%,
40% {
transform: scale(1) rotate(3deg);
}
30% {
transform: scale(1.1) rotate(-3deg);
}
50%,
70%,
90% {
transform: scale(1) rotate(-3deg);
}
80% {
transform: scale(1.1) rotate(3deg);
}
}
.hover-panic:hover,
.trigger.panic {
-webkit-animation-name: panic;
-moz-animation-name: panic;
-ms-animation-name: panic;
-o-animation-name: panic;
animation-name: panic;
}
/*
|--------------------------------------------------------------------------
| 7.0 jQuery ui
|
|--------------------------------------------------------------------------
|
|
|
*/
/*
* jQuery UI CSS Framework 1.8.22
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming
*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
zoom: 1;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
right: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-overlay {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: Alpha(Opacity=30);
}
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
border-style: solid;
border-width: 1px;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 13px;
padding: 0.5em 0.7em 0.5em 0.5em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-right: 30px;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
right: 0.5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
-webkit-border-radius: 0 0 4px 6px;
border-radius: 0 0 4px 6px;
border-style: solid;
border-width: 1px;
padding: 1em 2.2em;
}
.ui-accordion .ui-accordion-content-active {
display: block;
background: none;
}
.ui-accordion .ui-state-active {
background: none !important;
font-weight: 700;
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border-bottom: 0;
}
.ui-accordion .ui-icon {
display: block;
}
.ui-accordion .ui-state-default {
background: url(images/bg_widget_header.png) no-repeat 100% 0;
}
.ui-accordion .ui-state-hover {
background: url(images/bg_widget_header_active.png) no-repeat 100% 0;
}
.ui-tabs {
position: relative;
overflow: hidden;
zoom: 1;
margin-bottom: 15px;
background: none !important;
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
border-style: solid;
border-width: 1px;
}
.ui-tabs .ui-tabs-nav {
display: block;
background-image: url(../images/bg_panel.png);
background-repeat: repeat-x;
background-position: right top;
border-style: solid;
border-width: 0 0 1px;
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: right;
position: relative;
white-space: nowrap;
border-style: solid;
border-width: 0 0 0 1px;
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
text-decoration: none;
display: block;
font-size: 13px;
font-weight: 700;
padding: 14px 30px !important;
}
.ui-tabs .ui-tabs-nav li a i {
margin-left: 4px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.ui-tabs .ui-tabs-nav li.ui-state-active:after {
content: "";
display: block;
height: 5px;
width: 100%;
position: absolute;
right: 0;
bottom: -5px;
z-index: 1;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-state-active a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
content: "";
display: block;
height: 1px;
width: 80%;
position: absolute;
right: 50%;
margin-right: -40%;
bottom: -1px;
z-index: 2;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(../images/box_shadow.png);
background-repeat: repeat-x;
background-position: right top;
border-width: 0;
padding: 15px 20px 20px !important;
margin: 0;
overflow: hidden;
}
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel {
background-color: #fff;
}
.ui-tabs .ui-tabs-panel p:last-child {
margin-bottom: 0;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget-content {
background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
border-style: solid;
border-width: 1px;
}
.ui-widget-header {
font-weight: 700;
border-style: solid;
border-width: 1px;
}
.ui-widget :active {
outline: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: 700;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70);
font-weight: 400;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
.ui-icon-carat-1-n {
background-position: 100% 0;
}
.ui-icon-carat-1-ne {
background-position: right -16px top 0;
}
.ui-icon-carat-1-e {
background-position: right -32px top 0;
}
.ui-icon-carat-1-se {
background-position: right -48px top 0;
}
.ui-icon-carat-1-s {
background-position: right -64px top 0;
}
.ui-icon-carat-1-sw {
background-position: right -80px top 0;
}
.ui-icon-carat-1-w {
background-position: right -96px top 0;
}
.ui-icon-carat-1-nw {
background-position: right -112px top 0;
}
.ui-icon-carat-2-n-s {
background-position: right -128px top 0;
}
.ui-icon-carat-2-e-w {
background-position: right -144px top 0;
}
.ui-icon-triangle-1-n {
background-position: 100% -16px;
}
.ui-icon-triangle-1-ne {
background-position: right -16px top -16px;
}
.ui-icon-triangle-1-e {
background-position: right -32px top -16px;
}
.ui-icon-triangle-1-se {
background-position: right -48px top -16px;
}
.ui-icon-triangle-1-s {
background-position: right -64px top -16px;
}
.ui-icon-triangle-1-sw {
background-position: right -80px top -16px;
}
.ui-icon-triangle-1-w {
background-position: right -96px top -16px;
}
.ui-icon-triangle-1-nw {
background-position: right -112px top -16px;
}
.ui-icon-triangle-2-n-s {
background-position: right -128px top -16px;
}
.ui-icon-triangle-2-e-w {
background-position: right -144px top -16px;
}
.ui-icon-arrow-1-n {
background-position: 100% -32px;
}
.ui-icon-arrow-1-ne {
background-position: right -16px top -32px;
}
.ui-icon-arrow-1-e {
background-position: right -32px top -32px;
}
.ui-icon-arrow-1-se {
background-position: right -48px top -32px;
}
.ui-icon-arrow-1-s {
background-position: right -64px top -32px;
}
.ui-icon-arrow-1-sw {
background-position: right -80px top -32px;
}
.ui-icon-arrow-1-w {
background-position: right -96px top -32px;
}
.ui-icon-arrow-1-nw {
background-position: right -112px top -32px;
}
.ui-icon-arrow-2-n-s {
background-position: right -128px top -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: right -144px top -32px;
}
.ui-icon-arrow-2-e-w {
background-position: right -160px top -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: right -176px top -32px;
}
.ui-icon-arrowstop-1-n {
background-position: right -192px top -32px;
}
.ui-icon-arrowstop-1-e {
background-position: right -208px top -32px;
}
.ui-icon-arrowstop-1-s {
background-position: right -224px top -32px;
}
.ui-icon-arrowstop-1-w {
background-position: right -240px top -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 100% -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: right -16px top -48px;
}
.ui-icon-arrowthick-1-e {
background-position: right -32px top -48px;
}
.ui-icon-arrowthick-1-se {
background-position: right -48px top -48px;
}
.ui-icon-arrowthick-1-s {
background-position: right -64px top -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: right -80px top -48px;
}
.ui-icon-arrowthick-1-w {
background-position: right -96px top -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: right -112px top -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: right -128px top -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: right -144px top -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: right -160px top -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: right -176px top -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: right -192px top -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: right -208px top -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: right -224px top -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: right -240px top -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 100% -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: right -16px top -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: right -32px top -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: right -48px top -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: right -64px top -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: right -80px top -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: right -96px top -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: right -112px top -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: right -128px top -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: right -144px top -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: right -160px top -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: right -176px top -64px;
}
.ui-icon-arrow-4 {
background-position: 100% -80px;
}
.ui-icon-arrow-4-diag {
background-position: right -16px top -80px;
}
.ui-icon-extlink {
background-position: right -32px top -80px;
}
.ui-icon-newwin {
background-position: right -48px top -80px;
}
.ui-icon-refresh {
background-position: right -64px top -80px;
}
.ui-icon-shuffle {
background-position: right -80px top -80px;
}
.ui-icon-transfer-e-w {
background-position: right -96px top -80px;
}
.ui-icon-transferthick-e-w {
background-position: right -112px top -80px;
}
.ui-icon-folder-collapsed {
background-position: 100% -96px;
}
.ui-icon-folder-open {
background-position: right -16px top -96px;
}
.ui-icon-document {
background-position: right -32px top -96px;
}
.ui-icon-document-b {
background-position: right -48px top -96px;
}
.ui-icon-note {
background-position: right -64px top -96px;
}
.ui-icon-mail-closed {
background-position: right -80px top -96px;
}
.ui-icon-mail-open {
background-position: right -96px top -96px;
}
.ui-icon-suitcase {
background-position: right -112px top -96px;
}
.ui-icon-comment {
background-position: right -128px top -96px;
}
.ui-icon-person {
background-position: right -144px top -96px;
}
.ui-icon-print {
background-position: right -160px top -96px;
}
.ui-icon-trash {
background-position: right -176px top -96px;
}
.ui-icon-locked {
background-position: right -192px top -96px;
}
.ui-icon-unlocked {
background-position: right -208px top -96px;
}
.ui-icon-bookmark {
background-position: right -224px top -96px;
}
.ui-icon-tag {
background-position: right -240px top -96px;
}
.ui-icon-home {
background-position: 100% -112px;
}
.ui-icon-flag {
background-position: right -16px top -112px;
}
.ui-icon-calendar {
background-position: right -32px top -112px;
}
.ui-icon-cart {
background-position: right -48px top -112px;
}
.ui-icon-pencil {
background-position: right -64px top -112px;
}
.ui-icon-clock {
background-position: right -80px top -112px;
}
.ui-icon-disk {
background-position: right -96px top -112px;
}
.ui-icon-calculator {
background-position: right -112px top -112px;
}
.ui-icon-zoomin {
background-position: right -128px top -112px;
}
.ui-icon-zoomout {
background-position: right -144px top -112px;
}
.ui-icon-search {
background-position: right -160px top -112px;
}
.ui-icon-wrench {
background-position: right -176px top -112px;
}
.ui-icon-gear {
background-position: right -192px top -112px;
}
.ui-icon-heart {
background-position: right -208px top -112px;
}
.ui-icon-star {
background-position: right -224px top -112px;
}
.ui-icon-link {
background-position: right -240px top -112px;
}
.ui-icon-cancel {
background-position: 100% -128px;
}
.ui-icon-plus {
background-position: right -16px top -128px;
}
.ui-icon-plusthick {
background-position: right -32px top -128px;
}
.ui-icon-minus {
background-position: right -48px top -128px;
}
.ui-icon-minusthick {
background-position: right -64px top -128px;
}
.ui-icon-close {
background-position: right -80px top -128px;
}
.ui-icon-closethick {
background-position: right -96px top -128px;
}
.ui-icon-key {
background-position: right -112px top -128px;
}
.ui-icon-lightbulb {
background-position: right -128px top -128px;
}
.ui-icon-scissors {
background-position: right -144px top -128px;
}
.ui-icon-clipboard {
background-position: right -160px top -128px;
}
.ui-icon-copy {
background-position: right -176px top -128px;
}
.ui-icon-contact {
background-position: right -192px top -128px;
}
.ui-icon-image {
background-position: right -208px top -128px;
}
.ui-icon-video {
background-position: right -224px top -128px;
}
.ui-icon-script {
background-position: right -240px top -128px;
}
.ui-icon-alert {
background-position: 100% -144px;
}
.ui-icon-info {
background-position: right -16px top -144px;
}
.ui-icon-notice {
background-position: right -32px top -144px;
}
.ui-icon-help {
background-position: right -48px top -144px;
}
.ui-icon-check {
background-position: right -64px top -144px;
}
.ui-icon-bullet {
background-position: right -80px top -144px;
}
.ui-icon-radio-off {
background-position: right -96px top -144px;
}
.ui-icon-radio-on {
background-position: right -112px top -144px;
}
.ui-icon-pin-w {
background-position: right -128px top -144px;
}
.ui-icon-pin-s {
background-position: right -144px top -144px;
}
.ui-icon-play {
background-position: 100% -160px;
}
.ui-icon-pause {
background-position: right -16px top -160px;
}
.ui-icon-seek-next {
background-position: right -32px top -160px;
}
.ui-icon-seek-prev {
background-position: right -48px top -160px;
}
.ui-icon-seek-end {
background-position: right -64px top -160px;
}
.ui-icon-stop {
background-position: right -96px top -160px;
}
.ui-icon-eject {
background-position: right -112px top -160px;
}
.ui-icon-volume-off {
background-position: right -128px top -160px;
}
.ui-icon-volume-on {
background-position: right -144px top -160px;
}
.ui-icon-power {
background-position: 100% -176px;
}
.ui-icon-signal-diag {
background-position: right -16px top -176px;
}
.ui-icon-signal {
background-position: right -32px top -176px;
}
.ui-icon-battery-0 {
background-position: right -48px top -176px;
}
.ui-icon-battery-1 {
background-position: right -64px top -176px;
}
.ui-icon-battery-2 {
background-position: right -80px top -176px;
}
.ui-icon-battery-3 {
background-position: right -96px top -176px;
}
.ui-icon-circle-plus {
background-position: 100% -192px;
}
.ui-icon-circle-minus {
background-position: right -16px top -192px;
}
.ui-icon-circle-close {
background-position: right -32px top -192px;
}
.ui-icon-circle-triangle-e {
background-position: right -48px top -192px;
}
.ui-icon-circle-triangle-s {
background-position: right -64px top -192px;
}
.ui-icon-circle-triangle-w {
background-position: right -80px top -192px;
}
.ui-icon-circle-triangle-n {
background-position: right -96px top -192px;
}
.ui-icon-circle-arrow-e {
background-position: right -112px top -192px;
}
.ui-icon-circle-arrow-s {
background-position: right -128px top -192px;
}
.ui-icon-circle-arrow-w {
background-position: right -144px top -192px;
}
.ui-icon-circle-arrow-n {
background-position: right -160px top -192px;
}
.ui-icon-circle-zoomin {
background-position: right -176px top -192px;
}
.ui-icon-circle-zoomout {
background-position: right -192px top -192px;
}
.ui-icon-circle-check {
background-position: right -208px top -192px;
}
.ui-icon-circlesmall-plus {
background-position: 100% -208px;
}
.ui-icon-circlesmall-minus {
background-position: right -16px top -208px;
}
.ui-icon-circlesmall-close {
background-position: right -32px top -208px;
}
.ui-icon-squaresmall-plus {
background-position: right -48px top -208px;
}
.ui-icon-squaresmall-minus {
background-position: right -64px top -208px;
}
.ui-icon-squaresmall-close {
background-position: right -80px top -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 100% -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: right -16px top -224px;
}
.ui-icon-grip-solid-vertical {
background-position: right -32px top -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: right -48px top -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: right -64px top -224px;
}
.ui-icon-grip-diagonal-se {
background-position: right -80px top -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tl {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
-khtml-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tr {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
-khtml-border-top-left-radius: 0;
border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-bl {
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
-khtml-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-br {
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
-khtml-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
.ui-accordion-header.ui-corner-all {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-tabs .ui-corner-top {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
-khtml-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
-khtml-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.ui-widget-shadow {
background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: Alpha(Opacity=30);
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: -8px -8px 0 0;
padding: 8px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
font-weight: 400;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
text-decoration: none;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-icon-seek-start,
.ui-icon-seek-first {
background-position: right -80px top -160px;
}
.wpb_tour .wpb_tabs_nav a {
width: auto !important;
}
@media only screen and (min-width: 767px) {
.tabs_vertical.ui-tabs {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
.tabs_vertical.ui-widget-content {
border: 0;
}
.tabs_vertical.ui-tabs .ui-tabs-nav {
width: 30%;
float: right;
background: none;
-webkit-border-radius: 0 5px 5px 0 !important;
border-radius: 0 5px 5px 0 !important;
border-width: 1px 1px 1px 0;
}
.tabs_vertical.ui-tabs .ui-tabs-panel {
width: 69.7%;
float: right;
min-height: 120px;
-webkit-border-radius: 5px 0 5px 5px !important;
border-radius: 5px 0 5px 5px !important;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.tabs_vertical.ui-tabs .ui-tabs-nav li {
float: none;
width: 100%;
white-space: normal;
border-width: 0 0 1px;
}
.tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a {
-webkit-border-radius: 0 5px 0 0 !important;
border-radius: 0 5px 0 0 !important;
}
.tabs_vertical.ui-tabs .ui-tabs-nav li:last-child {
border-bottom: 0 !important;
}
.tabs_vertical.ui-tabs .ui-tabs-nav li a {
float: none;
line-height: 18px;
height: auto;
padding-right: 20px;
padding-left: 20px;
background-image: url(../images/bg_panel.png);
background-repeat: repeat-x;
background-position: right top;
}
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
background-image: none;
}
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
display: none;
}
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active:after {
content: "";
display: block;
height: 100%;
width: 1px;
position: absolute;
right: auto;
left: -1px;
top: 0;
z-index: 1;
}
}
/*
|--------------------------------------------------------------------------
| 8.0 jPlayer
|
|--------------------------------------------------------------------------
|
|
|
*/
div.jp-audio,
div.jp-audio-stream,
div.jp-video {
background-color: #eee;
color: #666;
font-family: "YekanBakhFaNum", sans-serif;
font-size: 1.25em;
line-height: 1.6;
position: relative;
}
div.jp-video-full {
height: 270px;
position: static !important;
width: 100%;
}
div.jp-video-full div.jp-jplayer,
div.jp-jplayer > video {
height: 100% !important;
}
div.jp-video-full div div {
z-index: 1000;
}
div.jp-video-full div.jp-jplayer {
left: 0;
overflow: hidden;
position: fixed !important;
top: 0;
}
div.jp-video-full div.jp-gui {
height: 100%;
left: 0;
position: fixed !important;
top: 0;
width: 100%;
z-index: 1001;
}
div.jp-video-full div.jp-interface {
bottom: 0;
left: 0;
position: absolute !important;
}
div.jp-interface {
-moz-box-sizing: border-box;
bottom: 0;
position: absolute;
width: 100%;
height: 45px;
}
div.jp-controls-holder {
clear: both;
height: 0;
overflow: hidden;
top: -8px;
width: 440px;
margin: 0 auto;
}
div.jp-interface ul.jp-controls {
list-style-type: none;
overflow: hidden;
margin: 0;
padding: 0;
}
div.jp-audio ul.jp-controls {
width: 380px;
padding: 20px 20px 0;
}
div.jp-audio-stream ul.jp-controls {
width: 142px;
padding: 20px 20px 0;
}
div.jp-video div.jp-type-single ul.jp-controls {
margin-left: 200px;
width: 78px;
}
div.jp-video div.jp-type-playlist ul.jp-controls {
margin-left: 172px;
width: 134px;
}
div.jp-interface ul.jp-controls a {
display: block;
overflow: hidden;
text-indent: -9999px;
}
a.jp-play,
a.jp-pause {
height: 45px;
width: 45px;
background-color: rgba(0, 0, 0, 0.05);
}
a:hover.jp-play,
a:hover.jp-pause {
background-color: rgba(0, 0, 0, 0.1);
}
a.jp-play {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: 0;
left: 0;
position: absolute;
top: 0;
}
a.jp-play:hover {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: 0;
}
a.jp-pause {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -45px 0;
display: none;
left: 0;
position: absolute;
top: 0;
}
a.jp-pause:hover {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -45px 0;
}
a.jp-stop,
a.jp-previous,
a.jp-next {
height: 24px;
width: 24px;
}
a.jp-stop {
background: url(images/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0);
left: 60px;
position: absolute;
top: 23px;
display: none !important;
}
a.jp-stop:hover {
background: url(images/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0);
}
a.jp-previous {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -112px rgba(0, 0, 0, 0);
}
a.jp-previous:hover {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -29px -112px rgba(0, 0, 0, 0);
}
a.jp-next {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -141px rgba(0, 0, 0, 0);
}
a.jp-next:hover {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -29px -141px rgba(0, 0, 0, 0);
}
div.jp-progress {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
overflow: hidden;
margin: 0 108px 0 45px;
height: 45px !important;
}
div.jp-audio div.jp-progress {
height: 15px;
position: absolute;
top: 32px;
}
div.jp-video div.jp-progress {
height: 4px;
left: 0;
top: 0;
}
div.jp-seek-bar {
cursor: pointer;
height: 100%;
width: 0;
background: none !important;
}
div.jp-play-bar {
height: 100%;
width: 0;
background-color: rgba(255, 255, 255, 0.15);
float: left;
}
div.jp-seeking-bg {
background: url(images/jplayer.blue.monday.seeking.gif) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
height: 10px;
width: 10px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
margin-left: 210px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
margin-left: 154px;
}
div.jp-audio-stream div.jp-type-single a.jp-mute div.jp-audio-stream div.jp-type-single a.jp-unmute {
margin-left: 10px;
}
div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
margin-left: 56px;
}
ul.jp-toggles li a.jp-repeat {
display: none !important;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
margin-top: 0;
position: absolute;
top: 12px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
right: 73px;
top: 18px;
z-index: 2;
}
div.jp-video a.jp-volume-max {
display: none !important;
left: 134px;
}
a.jp-unmute {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -235px 0;
display: none;
}
a.jp-unmute:hover {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -235px 0;
}
a.jp-volume-max {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -186px rgba(0, 0, 0, 0);
}
a.jp-volume-max:hover {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -19px -186px rgba(0, 0, 0, 0);
}
div.jp-volume-bar {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -110px 0;
cursor: pointer;
height: 45px;
position: absolute;
width: 25px;
}
div.jp-volume-bar:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 45px;
height: 45px;
top: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.05);
}
div.jp-audio div.jp-volume-bar {
left: 330px;
top: 37px;
}
div.jp-audio-stream div.jp-volume-bar {
left: 92px;
top: 37px;
}
div.jp-video div.jp-volume-bar {
right: 45px;
top: 0;
}
div.jp-volume-bar-value {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -155px 0;
height: 45px;
width: 0;
float: left;
}
div.jp-audio div.jp-time-holder {
position: absolute;
top: 50px;
}
div.jp-current-time,
div.jp-duration {
font-size: 0.64em;
font-style: oblique;
width: 60px;
}
div.jp-duration {
display: inline;
float: right;
text-align: right;
}
div.jp-video div.jp-current-time {
display: none;
margin-left: 20px;
}
div.jp-video div.jp-duration {
display: none;
margin-right: 20px;
}
div.jp-title {
display: none;
font-weight: 700;
text-align: center;
}
div.jp-title,
div.jp-playlist {
background-color: #ccc;
border-top: 1px solid #009be3;
width: 100%;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
border-top: medium none;
}
div.jp-title ul,
div.jp-playlist ul {
font-size: 0.72em;
list-style-type: none;
margin: 0;
padding: 0 20px;
}
div.jp-title li {
font-weight: 700;
padding: 5px 0;
}
div.jp-playlist li {
border-bottom: 1px solid #eee;
padding: 5px 0 4px 20px;
}
div.jp-playlist li div {
display: inline;
}
div.jp-type-playlist div.jp-playlist li:last-child {
border-bottom: medium none;
padding: 5px 0 5px 20px;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
list-style-position: inside;
list-style-type: square;
padding-left: 7px;
}
div.jp-type-playlist div.jp-playlist a {
color: #333;
text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
color: #666;
display: inline;
float: right;
font-weight: 700;
margin-right: 10px;
text-align: right;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
display: inline;
float: right;
margin-right: 10px;
text-align: right;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a {
color: #666;
}
span.jp-artist {
color: #666;
font-size: 0.8em;
}
div.jp-video-play {
background-color: rgba(0, 0, 0, 0);
cursor: pointer;
overflow: hidden;
width: 100%;
}
div.jp-video-full div.jp-video-play {
height: 100%;
}
a.jp-video-play-icon {
background: url(images/jplayer.png) no-repeat scroll -280px 0 rgba(0, 0, 0, 0);
display: block;
height: 72px;
left: 50%;
margin-left: -36px;
margin-top: -66px;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 72px;
}
div.jp-video-play:hover a.jp-video-play-icon {
background: url(images/jplayer.png) no-repeat scroll -352px 0 rgba(0, 0, 0, 0);
}
div.jp-jplayer audio,
div.jp-jplayer {
height: 0;
width: 0;
overflow: hidden;
}
div.jp-jplayer {
background-color: #000;
}
div.jp-jplayer > img {
height: auto !important;
}
.image_frame:not(.no_link) .image_wrapper div.jp-jplayer > img {
margin-bottom: 0 !important;
}
ul.jp-toggles {
list-style-type: none;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
div.jp-audio .jp-type-single ul.jp-toggles {
width: 25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
left: 325px;
position: absolute;
top: 50px;
width: 55px;
margin: 0;
}
div.jp-video ul.jp-toggles {
margin-top: 10px;
width: 100px;
}
ul.jp-toggles li {
display: block;
float: right;
}
ul.jp-toggles li a {
display: block;
height: 45px;
line-height: 100%;
text-indent: -9999px;
width: 45px;
}
a.jp-repeat {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -290px rgba(0, 0, 0, 0);
}
a.jp-repeat:hover {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -30px -290px rgba(0, 0, 0, 0);
}
a.jp-repeat-off {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -60px -290px rgba(0, 0, 0, 0);
}
a.jp-repeat-off:hover {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -90px -290px rgba(0, 0, 0, 0);
}
a.jp-shuffle {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -270px rgba(0, 0, 0, 0);
margin-left: 5px;
}
a.jp-shuffle:hover {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -30px -270px rgba(0, 0, 0, 0);
}
a.jp-shuffle-off {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -60px -270px rgba(0, 0, 0, 0);
margin-left: 5px;
}
a.jp-shuffle-off:hover {
background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -90px -270px rgba(0, 0, 0, 0);
}
.jp-no-solution {
background-color: #eee;
border: 2px solid #009be3;
color: #000;
display: none;
font-size: 0.8em;
padding: 5px;
}
.jp-no-solution a {
color: #000;
}
.jp-no-solution span {
display: block;
font-size: 1em;
font-weight: 700;
text-align: center;
}
div.jp-audio,
div.jp-audio-stream,
div.jp-video-270p,
div.jp-video-360p {
width: 100%;
}
div.jp-audio div.jp-type-single div.jp-interface,
div.jp-audio div.jp-type-playlist div.jp-interface,
div.jp-audio-stream div.jp-type-single div.jp-interface {
height: 80px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li,
div.jp-current-time {
display: inline;
float: left;
}
div.jp-audio div.jp-type-single div.jp-progress,
div.jp-audio div.jp-type-single div.jp-time-holder {
left: 110px;
width: 186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress,
div.jp-audio div.jp-type-playlist div.jp-time-holder {
left: 166px;
width: 130px;
}
a.jp-mute,
a.jp-mute:hover {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -225px 0;
}
div.jp-type-playlist div.jp-playlist a:hover,
div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover,
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
color: #0d88c1;
}
a.jp-full-screen,
a.jp-restore-screen {
background-image: url(images/jplayer.png);
background-repeat: no-repeat;
background-position: -180px 0;
background-color: rgba(0, 0, 0, 0.05);
position: absolute;
right: 0;
top: 0;
}
a.jp-full-screen:hover,
a.jp-restore-screen:hover {
background-color: rgba(0, 0, 0, 0.1);
}
/*
|--------------------------------------------------------------------------
| 9.0 Prrettyphoto
|
|--------------------------------------------------------------------------
|
|
|
*/
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
height: 13px;
}
div.pp_default .pp_top .pp_left {
background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}
div.pp_default .pp_top .pp_middle {
background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
}
div.pp_default .pp_top .pp_right {
background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}
div.pp_default .pp_content .ppt {
color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px;
direction: ltr;
}
div.pp_default .pp_next:hover {
background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
}
div.pp_default .pp_previous:hover {
background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer;
}
div.pp_default .pp_expand {
background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}
div.pp_default .pp_expand:hover {
background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer;
}
div.pp_default .pp_contract {
background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}
div.pp_default .pp_contract:hover {
background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer;
}
div.pp_default .pp_close {
width: 30px;
height: 30px;
background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer;
}
div.pp_default .pp_gallery ul li a {
background: url(../images/prettyPhoto/default/default_thumb.png) center #f8f8f8;
border: 1px solid #aaa;
}
div.pp_default .pp_social {
margin-top: 7px;
}
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
position: static;
right: auto;
}
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
height: 30px;
width: 30px;
}
div.pp_default .pp_nav .pp_pause {
background-position: -51px -29px;
}
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
background: url(../images/prettyPhoto/default/sprite.png) -82px -3px no-repeat;
height: 20px;
width: 20px;
margin: 4px 0 0;
}
div.pp_default a.pp_arrow_next {
right: 52px;
background-position: -31px -3px;
}
div.pp_default .pp_content_container .pp_details {
margin-top: 5px;
}
div.pp_default .pp_nav {
clear: none;
height: 30px;
width: 110px;
position: relative;
}
div.pp_default .pp_nav .currentTextHolder {
font-family: "YekanBakhFaNum";
font-style: italic;
color: #999;
font-size: 11px;
right: 75px;
line-height: 25px;
position: absolute;
top: 2px;
margin: 0;
padding: 0 10px 0 0;
}
div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
opacity: 0.7;
}
div.pp_default .pp_description {
font-size: 11px;
font-weight: 700;
line-height: 14px;
margin: 5px 0 5px 50px;
}
div.pp_default .pp_bottom .pp_left {
background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}
div.pp_default .pp_bottom .pp_middle {
background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}
div.pp_default .pp_bottom .pp_right {
background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}
div.pp_default .pp_loaderIcon {
background: url(../images/prettyPhoto/default/loader.gif) center no-repeat;
}
div.light_rounded .pp_top .pp_left {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}
div.light_rounded .pp_top .pp_right {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}
div.light_rounded .pp_next:hover {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.light_rounded .pp_previous:hover {
background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_expand:hover {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract {
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_contract:hover {
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_close {
width: 75px;
height: 22px;
background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.light_rounded .pp_nav .pp_play {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_rounded .pp_nav .pp_pause {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_rounded .pp_arrow_previous {
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}
div.light_rounded .pp_arrow_next {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}
div.light_rounded .pp_bottom .pp_left {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}
div.light_rounded .pp_bottom .pp_right {
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_top .pp_left {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}
div.dark_rounded .pp_top .pp_right {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}
div.dark_rounded .pp_content_container .pp_left {
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}
div.dark_rounded .pp_content_container .pp_right {
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}
div.dark_rounded .pp_next:hover {
background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_previous:hover {
background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_expand {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_expand:hover {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_contract {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_contract:hover {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_close {
width: 75px;
height: 22px;
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.dark_rounded .pp_description {
margin-right: 85px;
color: #fff;
}
div.dark_rounded .pp_nav .pp_play {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_rounded .pp_nav .pp_pause {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_rounded .pp_arrow_previous {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}
div.dark_rounded .pp_arrow_next {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}
div.dark_rounded .pp_bottom .pp_left {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}
div.dark_rounded .pp_bottom .pp_right {
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_loaderIcon {
background: url(../images/prettyPhoto/dark_rounded/loader.gif) center no-repeat;
}
div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
background: #000;
}
div.dark_square .pp_description {
color: #fff;
margin: 0 85px 0 0;
}
div.dark_square .pp_loaderIcon {
background: url(../images/prettyPhoto/dark_square/loader.gif) center no-repeat;
}
div.dark_square .pp_expand {
background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.dark_square .pp_expand:hover {
background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.dark_square .pp_contract {
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.dark_square .pp_contract:hover {
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.dark_square .pp_close {
width: 75px;
height: 22px;
background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.dark_square .pp_nav {
clear: none;
}
div.dark_square .pp_nav .pp_play {
background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_square .pp_nav .pp_pause {
background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.dark_square .pp_arrow_previous {
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}
div.dark_square .pp_arrow_next {
background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}
div.dark_square .pp_next:hover {
background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.dark_square .pp_previous:hover {
background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.light_square .pp_expand {
background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.light_square .pp_expand:hover {
background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.light_square .pp_contract {
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.light_square .pp_contract:hover {
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.light_square .pp_close {
width: 75px;
height: 22px;
background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.light_square .pp_nav .pp_play {
background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_square .pp_nav .pp_pause {
background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
height: 15px;
width: 14px;
}
div.light_square .pp_arrow_previous {
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_next {
background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_next:hover {
background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.light_square .pp_previous:hover {
background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.facebook .pp_top .pp_left {
background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}
div.facebook .pp_top .pp_middle {
background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}
div.facebook .pp_top .pp_right {
background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}
div.facebook .pp_content_container .pp_left {
background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}
div.facebook .pp_content_container .pp_right {
background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}
div.facebook .pp_expand {
background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
cursor: pointer;
}
div.facebook .pp_expand:hover {
background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
cursor: pointer;
}
div.facebook .pp_contract {
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}
div.facebook .pp_contract:hover {
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}
div.facebook .pp_close {
width: 22px;
height: 22px;
background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}
div.facebook .pp_description {
margin: 0 37px 0 0;
}
div.facebook .pp_loaderIcon {
background: url(../images/prettyPhoto/facebook/loader.gif) center no-repeat;
}
div.facebook .pp_arrow_previous {
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px;
}
div.facebook .pp_arrow_previous.disabled {
background-position: 0 -96px;
cursor: default;
}
div.facebook .pp_arrow_next {
background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
height: 22px;
margin-top: 0;
width: 22px;
}
div.facebook .pp_arrow_next.disabled {
background-position: -32px -96px;
cursor: default;
}
div.facebook .pp_nav {
margin-top: 0;
}
div.facebook .pp_nav p {
font-size: 15px;
padding: 0 3px 0 4px;
}
div.facebook .pp_nav .pp_play {
background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
height: 22px;
width: 22px;
}
div.facebook .pp_nav .pp_pause {
background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
height: 22px;
width: 22px;
}
div.facebook .pp_next:hover {
background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
cursor: pointer;
}
div.facebook .pp_previous:hover {
background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
cursor: pointer;
}
div.facebook .pp_bottom .pp_left {
background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}
div.facebook .pp_bottom .pp_middle {
background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}
div.facebook .pp_bottom .pp_right {
background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}
div.pp_pic_holder a:focus {
outline: none;
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_content {
height: 40px;
min-width: 40px;
}
* html .pp_content {
width: 40px;
}
.pp_content_container {
position: relative;
text-align: right;
width: 100%;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social {
float: left;
margin: 0;
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden;
}
.pp_social .twitter {
float: left;
}
.pp_nav {
clear: right;
float: right;
margin: 3px 0 0 10px;
}
.pp_nav p {
float: left;
white-space: nowrap;
margin: 2px 4px;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: right;
margin-left: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: right;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
right: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: right;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: right;
height: 35px;
position: relative;
white-space: nowrap;
margin: 0 0 0 5px;
padding: 0;
}
.pp_gallery ul a {
border: 1px rgba(0, 0, 0, 0.5) solid;
display: block;
float: right;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a img {
border: 0;
}
.pp_gallery li {
display: block;
float: right;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: 10000px;
width: 49%;
transform: scaleX(-1);
}
a.pp_previous {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: 10000px;
width: 49%;
transform: scaleX(-1);
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
left: 25px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute;
left: 0;
top: -3px;
display: block;
line-height: 22px;
text-indent: -10000px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
position: absolute;
top: 50%;
width: 24px;
margin: -12px 0 0 -12px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: right;
}
#pp_full_res .pp_inline p {
margin: 0 0 15px;
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
z-index: 9999;
margin: 0 0 5px 15px;
}
div.pp_default .pp_content,
div.light_rounded .pp_content {
background-color: #fff;
}
div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
color: #000;
}
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
border-color: #fff;
}
div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
position: relative;
}
div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
background: #fff;
}
div.light_rounded .pp_description,
div.light_square .pp_description {
margin-right: 85px;
}
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
margin-top: 12px !important;
}
div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
background-position: 0 -87px;
cursor: default;
}
div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
background-position: -22px -87px;
cursor: default;
}
div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
background: url(../images/prettyPhoto/light_rounded/loader.gif) center no-repeat;
}
div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
color: #c4c4c4;
}
div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
color: #fff;
}
.pp_top,
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_top,
* html .pp_bottom {
padding: 0 20px;
}
.pp_top .pp_left,
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle,
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right,
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_fade,
.pp_gallery li.default a img {
display: none;
}
/*
|--------------------------------------------------------------------------
| 10. simple style
|
|--------------------------------------------------------------------------
|
|
|
*/
/* Tabs */
.style-simple .ui-tabs {
border: 0;
}
.style-simple .ui-tabs .ui-tabs-panel {
background: none;
}
.style-simple .ui-tabs .ui-tabs-nav {
background: none;
text-align: center;
}
.style-simple .ui-tabs .ui-tabs-nav li {
border: 0;
display: inline-block;
float: none;
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a,
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after {
background-color: transparent;
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
bottom: -1px;
height: 2px;
margin-right: -50%;
width: 100%;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-panel {
border-width: 0 1px 0 0 !important;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav {
border: 0;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
display: block;
width: 2px;
height: 100%;
left: -1px;
top: 0;
bottom: auto;
right: auto;
margin: 0;
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
background: none;
text-align: left;
padding-left: 20px !important;
padding-right: 10px !important;
}
/* Accordion & Toggle */
.style-simple .accordion .question {
border-width: 0 1px 0 0;
border-radius: 0;
position: relative;
margin-bottom: 0;
}
.style-simple .accordion .question:after {
content: "";
display: none;
width: 2px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-color: #ccc;
}
.style-simple .accordion .question.active:after {
display: block;
}
.style-simple .accordion .question .title {
background: none;
padding-right: 50px;
border: 0;
}
.style-simple .accordion .question .title:before {
display: none;
}
.style-simple .accordion .question .answer {
background: none;
padding: 0 50px 10px 20px;
}
/* FAQ */
.style-simple .faq .question {
border-width: 0 1px 0 0;
border-style: solid;
margin-bottom: 0;
position: relative;
background: none;
}
.style-simple .faq .question:before {
display: none;
}
.style-simple .faq .question:after {
content: "";
display: none;
width: 2px;
height: 100%;
position: absolute;
top: 0;
background-color: #ccc;
}
.style-simple .faq .question .title,
.style-simple .faq .question .answer {
padding-right: 70px;
}
.style-simple .faq .question.active:after {
display: block;
}
/* Table */
.style-simple table th {
background: none;
}
.style-simple table tr:first-child td {
background: none;
}
.style-simple table tr:hover td {
background: none;
color: inherit;
}
.style-simple table th,
.style-simple table td {
border-width: 0 0 1px 1px;
}
.style-simple table tr td:last-child,
.style-simple table tr th:last-child {
border-left: 0;
}
.style-simple table tr:last-child td {
border-bottom: 0;
}
.style-simple table tr:nth-child(2n) td {
background: none;
}
/* Opening hours */
.style-simple .opening_hours {
padding: 0;
border: 0;
background-color: transparent;
}
.style-simple .opening_hours .opening_hours_wrapper li {
padding-bottom: 0;
border: 0;
margin-bottom: 0;
}
.style-simple .opening_hours .opening_hours_wrapper li {
text-align: right;
}
.style-simple .opening_hours .opening_hours_wrapper li label {
background-color: transparent;
background-image: none;
font-size: 15px;
border-bottom: 1px solid #ccc;
padding: 10px 0;
border-radius: 0;
}
.style-simple .opening_hours .opening_hours_wrapper li span {
font-size: 32px;
line-height: 32px;
padding: 10px 0;
}
.style-simple .opening_hours .opening_hours_wrapper li span sup {
top: -1px;
font-size: 16px;
line-height: 16px;
margin-right: 4px;
}
/* Icon box */
.style-simple .icon_box .image_wrapper,
.style-simple .icon_box .icon_wrapper {
padding-top: 5px;
margin-bottom: 25px;
}
.style-simple .icon_box .icon_wrapper {
font-size: 80px;
background-color: transparent;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
border-width: 0;
background-image: none;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
}
.style-simple .icon_box .icon_wrapper:before {
display: none;
}
.style-simple .icon_box .icon_wrapper i {
position: relative;
top: 0;
}
.style-simple .icon_box .image_wrapper img {
position: relative;
top: 0;
}
.style-simple .icon_box .desc_wrapper h4 {
margin-bottom: 20px;
}
.style-simple .icon_box .desc_wrapper h4:before {
content: "";
display: block;
width: 0;
margin: 0 auto;
height: 2px;
top: -15px;
position: relative;
background-color: #ccc;
}
.style-simple .icon_box:hover .icon_wrapper i {
top: -5px;
}
.style-simple .icon_box:hover .image_wrapper img {
top: -5px;
}
.style-simple .icon_box:hover .desc_wrapper h4:before {
width: 100px;
}
/* Animation */
.style-simple .icon_box .icon_wrapper i,
.style-simple .icon_box .image_wrapper img,
.style-simple .icon_box .desc_wrapper h4:before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Filters */
.style-simple #Filters {
text-align: center;
}
.style-simple #Filters .filters_buttons {
background: none;
padding: 15px 0;
}
.style-simple #Filters .filters_wrapper {
margin-top: 0;
}
.style-simple #Filters .filters_wrapper ul {
overflow: visible;
display: inline-block;
border-bottom-width: 1px;
border-style: solid;
}
.style-simple #Filters .filters_wrapper ul li {
width: auto;
margin: 0;
}
.style-simple #Filters .filters_wrapper ul li a {
background: none;
border: 0;
padding: 14px 25px;
position: relative;
}
.style-simple #Filters .filters_wrapper ul li a:after {
content: "";
display: none;
position: absolute;
right: 0;
bottom: -1px;
width: 100%;
height: 2px;
background: #ccc;
}
.style-simple #Filters .filters_wrapper ul li.close a {
color: inherit;
padding: 14px 15px;
width: auto;
border: 0 !important;
}
.style-simple #Filters .filters_wrapper ul li a:hover,
.style-simple #Filters .filters_wrapper ul li.current-cat a {
background: none;
color: inherit;
}
.style-simple #Filters .filters_wrapper ul li.current-cat a:after {
display: block;
}
/* Clients */
.style-simple ul.clients.clients_tiles li .client_wrapper::after {
display: none;
}
/* Progress bars */
.style-simple .progress_bars .bars_list li .bar,
.style-simple .progress_bars .bars_list li .bar .progress {
height: 5px;
}
.style-simple .progress_bars .bars_list li .bar {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
background: rgba(0, 0, 0, 0.03);
border-radius: 0;
}
.style-simple .progress_bars .bars_list li .bar .progress {
background-image: none;
}
/* Counters */
.style-simple .counter {
background-image: none;
}
/* Lists */
.style-simple .list_item.lists_1 .list_right {
background-image: none;
border-radius: 2px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}
.style-simple .list_item .circle {
background-image: none;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}
/* Blockquote */
.style-simple blockquote {
background: none;
line-height: 25px;
font-style: italic;
}
.style-simple blockquote:after {
display: none;
}
/* Testimonials slider */
.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
padding-top: 0;
padding-bottom: 0;
background: none;
text-align: center;
}
.style-simple .testimonials_slider .slider_images {
background-color: transparent;
}
.style-simple .testimonials_slider .slider_images:before {
display: none;
}
/* Article box */
.style-simple .article_box .desc_wrapper {
background-image: none;
}
.style-simple .article_box .desc_wrapper p {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 10px;
}
.style-simple .article_box .desc_wrapper p:after {
background-color: rgba(0, 0, 0, 0.1);
content: "";
display: block;
height: 2px;
margin-top: 10px;
width: 20px;
}
.style-simple .article_box:hover .desc_wrapper p:after {
width: 40%;
}
.style-simple .article_box .desc_wrapper i.icon-left-open {
display: none;
}
.style-simple .article_box .desc_wrapper p:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Idea box */
.style-simple .idea_box {
border: 1px solid rgba(0, 0, 0, 0.08);
padding: 15px 0 15px 15px;
background: none;
}
.style-simple .idea_box .icon {
display: block;
position: static;
float: right;
right: 0;
top: 0;
margin-top: 0;
width: 60px;
text-align: center;
margin-top: 5px;
}
.style-simple .idea_box .desc {
border-right: 1px solid rgba(0, 0, 0, 0.08);
padding: 10px 20px 10px 15px;
margin-right: 60px;
}
/* Sliding box */
.style-simple .sliding_box .photo_wrapper {
top: 0;
}
.style-simple .sliding_box .desc_wrapper {
background: none;
padding-right: 0;
padding-left: 0;
}
.style-simple .sliding_box .desc_wrapper h4 {
color: inherit;
margin-bottom: 5px;
}
.style-simple .sliding_box .desc_wrapper:after {
display: inline-block;
content: "";
width: 20%;
height: 2px;
border: 0;
background-color: rgba(0, 0, 0, 0.1);
position: static;
top: 0;
margin: 0;
}
.style-simple .sliding_box:hover .desc_wrapper:after {
width: 60%;
}
/* Trailer box */
.style-simple .trailer_box .desc {
padding: 27px 15px 30px;
}
.style-simple .trailer_box .desc .line {
display: none;
}
.style-simple .trailer_box .desc .subtitle {
background-image: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 10px;
padding: 0;
}
.style-simple .trailer_box:hover .desc h2 {
bottom: 0;
}
.style-simple .trailer_box:hover .desc .subtitle {
bottom: 0;
}
/* Animation */
.style-simple .trailer_box .desc {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Timeline */
.style-simple .timeline_items {
background: none;
}
.style-simple .timeline_items:after {
display: none;
}
.style-simple .timeline_items li {
width: 50%;
padding: 0 50% 0 0;
background: none;
margin-bottom: 15px !important;
}
.style-simple .timeline_items li:nth-child(even) {
padding: 0 0 0 50%;
background: none;
}
.style-simple .timeline_items li h3 span {
background: none !important;
border-radius: 4px;
font-size: 14px;
font-style: italic;
top: 22px;
}
.style-simple .timeline_items li h3:before {
display: none;
}
.style-simple .timeline_items li .desc:before {
display: none;
}
.style-simple .timeline_items li h3 {
border-right: 2px solid rgba(0, 0, 0, 0.08);
margin: 0;
padding: 15px 25px 0 0;
width: 100%;
box-sizing: padding-box;
}
.style-simple .timeline_items li h3 span {
position: absolute;
left: 52%;
}
.style-simple .timeline_items li:nth-child(even) h3 {
padding: 15px 0 0 25px;
text-align: left;
border-right: 0;
border-left: 2px solid rgba(0, 0, 0, 0.04);
}
.style-simple .timeline_items li:nth-child(even) h3 span {
right: 52%;
left: auto;
}
.style-simple .timeline_items li .desc {
border-right: 2px solid rgba(0, 0, 0, 0.08);
padding: 15px 25px 15px 0;
background: none;
width: 100%;
box-sizing: padding-box;
}
.style-simple .timeline_items li:nth-child(even) .desc {
padding: 15px 0 15px 25px;
border-right: 0;
border-left: 2px solid rgba(0, 0, 0, 0.04);
}
/* Animation */
.style-simple .timeline_items li:hover h3,
.style-simple .timeline_items li:nth-child(even):hover h3,
.style-simple .timeline_items li:hover .desc,
.style-simple .timeline_items li:nth-child(even):hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Quick fact */
.style-simple .quick_fact .number-wrapper {
font-family: inherit;
font-size: 60px;
line-height: 60px;
}
.style-simple .quick_fact .title {
font-family: inherit;
font-size: 18px;
font-weight: 400;
}
.style-simple .quick_fact hr {
display: none;
}
/* Chart box */
.style-simple .chart_box:before {
background-color: transparent;
background-image: none;
border-width: 0;
}
.style-simple .chart_box .chart .num {
font-family: inherit;
font-size: 30px;
}
/* Content link */
.style-simple a.content_link {
border-width: 0 0 2px;
margin: 0 10px;
background-color: transparent;
background-image: none;
}
.style-simple a.content_link:after {
border-width: 0 0 2px;
bottom: -2px;
}
.style-simple a.content_link:before {
border-width: 0 5px 6px;
}
/* How it works */
.style-simple .how_it_works .image {
border-width: 0 0 2px;
background: transparent;
border-radius: 0;
margin-bottom: 30px;
}
.style-simple .how_it_works .image .number {
border-radius: 0;
bottom: -17px;
right: 50%;
margin-right: -17px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}
/* Offer thumb */
.style-simple .offer_thumb_ul li.offer_thumb_li {
padding-right: 0;
}
.style-simple .offer_thumb .slider_pagination a img {
filter: alpha(opacity=70);
opacity: 0.7;
}
.style-simple .offer_thumb .slider_pagination a.selected img,
.style-simple .offer_thumb .slider_pagination a:not(.selected):hover img {
filter: alpha(opacity=1);
opacity: 1;
}
@media only screen and (min-width: 768px) {
.style-simple .offer_thumb .slider_pagination {
border: 0;
}
.style-simple .offer_thumb .slider_pagination a {
margin-bottom: 6px;
border-width: 1px;
background: none;
}
.style-simple .offer_thumb.bottom .slider_pagination a {
margin: 3px;
}
.style-simple .offer_thumb .slider_pagination a:before,
.style-simple .offer_thumb .slider_pagination a:after {
display: none;
}
}
/* Alerts */
.style-simple .alert {
-webkit-border-radius: 0;
border-radius: 0;
}
.style-simple .alert .alert_icon {
position: absolute;
right: 0;
top: 0;
background: none;
border-left: 1px solid rgba(255, 255, 255, 0.3);
-webkit-border-radius: 0;
border-radius: 0;
}
/* Zoom box */
.style-simple .zoom_box {
position: relative;
line-height: 0;
overflow: hidden;
}
.style-simple .zoom_box .photo img,
.style-simple .zoom_box .desc {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.style-simple .zoom_box .photo img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.style-simple .zoom_box:hover .photo img {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
.style-simple .zoom_box .desc {
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
text-align: center;
opacity: 0;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
.style-simple .zoom_box:hover .desc {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.style-simple .zoom_box .desc .desc_img {
position: absolute;
right: 0;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-80%);
-webkit-transform: translateY(-80%);
}
.style-simple .zoom_box .desc .desc_img img {
padding: 0;
}
.style-simple .zoom_box .desc .desc_txt {
width: 100%;
padding: 15px 20px;
font-size: 17px;
line-height: 22px;
color: #fff;
position: absolute;
right: 0;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Features list */
.style-simple .feature_list hr {
background-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
}
/* Progress icons */
.style-simple .progress_icons .progress_icon {
color: rgba(0, 0, 0, 0.3);
border-width: 1px;
border-style: solid;
}
.style-simple .progress_icons .progress_icon.themebg {
border-color: transparent;
color: #fff;
}
.style-simple .progress_icons .progress_icon:not(.themebg) {
background: none;
border-color: rgba(0, 0, 0, 0.3);
}
/* Pricing box */
.style-simple .pricing-box {
border: 0;
}
.style-simple .pricing-box:not(.pricing-box-featured) {
background: none;
}
/* Tooltip */
.style-simple .tooltip:hover:after,
.style-simple .tooltip.hover:after {
background-image: none;
}
/* Highlight */
.style-simple .highlight {
background-image: none;
}
/* Get in touch */
.style-simple .get_in_touch {
padding: 25px 30px;
}
.style-simple .get_in_touch ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.style-simple .get_in_touch ul li:last-child {
border: 0;
}
.style-simple .get_in_touch ul li:after {
display: none;
}
.style-simple .get_in_touch ul li .icon {
right: 5px;
}
/* Infobox */
.style-simple .infobox {
padding: 25px 30px;
}
.style-simple .infobox ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-right: 40px;
}
.style-simple .infobox ul li:last-child {
border: 0;
}
.style-simple .infobox ul li:after {
display: none;
}
.style-simple .infobox ul li:before {
right: 5px;
}
/* Icon bar */
.style-simple a.icon_bar {
border-width: 0;
background-color: #f0f0f0;
background-image: none;
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
}
.style-simple a.icon_bar span.t {
opacity: 1;
filter: alpha(opacity=100);
}
.style-simple a:hover.icon_bar span.t {
opacity: 0;
filter: alpha(opacity=0);
}
.style-simple a.icon_bar span.b {
position: absolute;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.style-simple a:hover.icon_bar span.b {
opacity: 1;
filter: alpha(opacity=100);
}
/* Animation */
.style-simple a.icon_bar span {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.style-simple a.icon_bar span.b {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.style-simple a:hover.icon_bar span {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
#contactWrapper .column {
margin-bottom: 10px;
}
#contactWrapper input[type="date"],
#contactWrapper input[type="email"],
#contactWrapper input[type="number"],
#contactWrapper input[type="password"],
#contactWrapper input[type="search"],
#contactWrapper input[type="tel"],
#contactWrapper input[type="text"],
#contactWrapper input[type="url"],
#contactWrapper select,
#contactWrapper textarea {
padding: 10px;
outline: none;
margin: 0;
width: 100%;
max-width: 100%;
display: block;
margin-bottom: 0;
font-size: 13px;
border-width: 1px;
border-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
/* ---------------- contact form -------------------- */
#contactform .column input[type="text"],
#contactform .column input[type="email"] {
width: 100%;
}
#contactform .column {
margin-bottom: 10px;
}
.flv_disp_none {
display: none !important;
}
.flv_disp_none,
div.flv_disp_none,
p.flv_disp_none {
display: none;
}
.flv_viz_hid,
div.flv_viz_hid,
p.flv_viz_hid {
visibility: hidden !important;
}
.flv_clear_both,
div.flv_clear_both,
p.flv_clear_both {
clear: both;
}
body.nice-scroll:not(.layout-boxed) {
padding-right: 10px !important;
overflow: hidden;
}
#rev_slider_100_1 input,
#rev_slider_98_1_wrapper input {
display: inline-block !important;
}
/*
|--------------------------------------------------------------------------
| 11. Bootstrap elements
|
|--------------------------------------------------------------------------
|
|
|
*/
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.slotholder {
transform: none !important;
}
@media only screen and (max-width: 767px) {
.caroufredsel_wrapper {
width: 90% !important;
margin: auto !important;
}
}
@media only screen and (max-width: 767px) {
.caroufredsel_wrapper ul.offer_ul li,
.caroufredsel_wrapper ul.offer_ul {
width: 100% !important;
}
}
.woocommerce .product .product_wrapper .product_image_wrapper .images {
width: 100%;
margin: 0;
}
.widget_product_categories ul {
background-color: #2991d6;
}
/* Hide border */
.if-border-hide .image_frame:not(.has_border) {
border-width: 0;
}
.logo-overflow #Top_bar .logo {
height: 60px;
position: relative;
z-index: 198;
}
.logo-overflow #Top_bar #logo {
height: auto !important;
margin-top: 0 !important;
z-index: 199;
}
.logo-overflow #Top_bar #logo img {
max-height: none;
z-index: 200;
}
.logo-overflow #Top_bar.is-sticky #logo {
height: auto !important;
}
.logo-overflow #Top_bar.is-sticky #logo img:not(.svg) {
max-height: 110px !important;
}
/* .minimalist-header */
body.minimalist-header:not(.template-slider) #Header {
min-height: 0;
background-image: none !important;
}
body.minimalist-header.header-modern:not(.template-slider) #Header {
min-height: 147px;
}
body.minimalist-header.header-simple:not(.template-slider) #Header {
min-height: 130px;
}
body.minimalist-header.header-stack:not(.template-slider) #Header {
min-height: 0;
}
body.minimalist-header.header-fixed:not(.template-slider) #Header {
min-height: 60px;
}
body.minimalist-header.header-below:not(.template-slider) #Header {
min-height: 90px;
padding-top: 0;
}
.minimalist-header-no #Header {
min-height: 0 !important;
}
/* Transparent ----------------------------------------------------------------------- */
.tr-content #Wrapper,
.tr-content #Content {
background: none;
}
.tr-header #Wrapper {
background: none;
}
.tr-header #Header_wrapper {
background: none !important;
}
.tr-footer #Wrapper {
background: none;
}
.tr-footer #Footer {
background: none !important;
}
/* Decoration Image | height:100px - fallback */
.section .section-decoration {
width: 100%;
height: 100px;
position: absolute;
right: 0;
background-repeat: repeat-x;
z-index: 1;
}
.section .section-decoration.top {
top: 0;
background-position: center top;
}
.section .section-decoration.bottom {
bottom: 0;
background-position: center bottom;
}
/* Header | Transparent */
.header-transparent #Top_bar .top_bar_right,
.header-transparent #Top_bar .top_bar_left,
.header-transparent #Top_bar .top_bar_left:before {
background: none;
}
.header-transparent #Top_bar .top_bar_left {
top: 0;
}
.header-transparent #Top_bar #logo {
padding: 0;
}
.header-transparent #Top_bar .menu > li > a:after {
background: none;
}
.header-transparent #Top_bar .menu > li > a span {
border-color: rgba(0, 0, 0, 0.03);
}
.header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg) {
background-image: none;
}
.header-transparent.ab-hide #Top_bar {
top: 0;
}
.header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a {
padding: 0;
}
.header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description) {
line-height: 60px;
}
/* Buttons | Stroke ------------------------------------------------------------------ */
.button-stroke a.button:not(.action_button),
.button-stroke:not(.header-plain) a.button.action_button,
.button-stroke a.tp-button,
.button-stroke button,
.button-stroke input[type="submit"],
.button-stroke input[type="reset"],
.button-stroke input[type="button"] {
border-width: 2px;
border-style: solid;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: transparent !important;
-webkit-box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 0;
background-image: none;
}
.button-stroke a.button:not(.action_button):after,
.button-stroke:not(.header-plain) a.button.action_button:after,
.button-stroke a.tp-button:after,
.button-stroke button:after,
.button-stroke input[type="submit"]:after,
.button-stroke input[type="reset"]:after,
.button-stroke input[type="button"]:after {
display: none;
}
.button-stroke a.button:not(.action_button),
.button-stroke:not(.header-plain) a.button.action_button,
.button-stroke a.tp-button,
.button-stroke button,
.button-stroke input[type="submit"],
.button-stroke input[type="reset"],
.button-stroke input[type="button"] {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.button-stroke a:hover.button:not(.action_button),
.button-stroke:not(.header-plain) a:hover.button.action_button,
.button-stroke a:hover.tp-button,
.button-stroke button:hover,
.button-stroke input[type="submit"]:hover,
.button-stroke input[type="reset"]:hover,
.button-stroke input[type="button"]:hover {
background-color: #828282;
}
.button-stroke a:hover.button.button_stroke_custom:not(.action_button),
.button-stroke:not(.header-plain) a:hover.button.button_stroke_custom.action_button,
.button-stroke a:hover.tp-button.button_stroke_custom {
background-color: rgba(0, 0, 0, 0.05) !important;
}
.button-stroke a.button .button_icon {
background: none;
}
.button-stroke a:hover.button .button_icon i,
.button-stroke a.button.button_theme:hover .button_icon i {
color: rgba(0, 0, 0, 0.5) !important;
}
.button-stroke a.button_right.button .button_label,
.button-stroke a.button_right.button_large .button_label {
padding-right: 0;
}
.button-stroke a.button_left.button .button_label,
.button-stroke a.button_left.button_large .button_label {
padding-left: 0;
}
.button-stroke a.button_right.button_large .button_icon {
padding-right: 27px;
}
.button-stroke a.button_left.button_large .button_icon {
padding-left: 27px;
}
/* Buttons sizes */
a.button.button_size_1 .button_label {
padding: 10px 17px;
}
a.button.button_size_1 .button_icon {
padding: 10px 10px;
}
a.button.button_size_1,
a.tp-button.button_size_1,
button.button_size_1,
input[type="submit"].button_size_1,
input[type="reset"].button_size_1,
input[type="button"].button_size_1 {
font-size: 95%;
line-height: 95%;
}
a.button.button_size_3 .button_label {
padding: 15px 30px;
}
a.button.button_size_3 .button_icon {
padding: 15px 13px;
}
a.button.button_size_3,
a.tp-button.button_size_3,
button.button_size_3,
input[type="submit"].button_size_3,
input[type="reset"].button_size_3,
input[type="button"].button_size_3 {
font-size: 110%;
line-height: 110%;
}
a.button.button_size_4 .button_label {
padding: 18px 33px;
}
a.button.button_size_4 .button_icon {
padding: 18px 16px;
}
a.button.button_size_4,
a.tp-button.button_size_4,
button.button_size_4,
input[type="submit"].button_size_4,
input[type="reset"].button_size_4,
input[type="button"].button_size_4 {
font-size: 120%;
line-height: 120%;
}
a.button.button_full_width,
button.button_full_width,
input[type="submit"].button_full_width,
input[type="reset"].button_full_width,
input[type="button"].button_full_width {
width: 100%;
text-align: center;
}
a.button.button_full_width .button_label {
display: inline-block;
float: none;
}
#wowslider-container1 a.ws_next:before {
content: "\e914" !important;
}
#wowslider-container1 a.ws_prev:before {
content: "\e8b6" !important;
}
/* Side Slide ------------------------------------------------------------------------- */
#body_overlay {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 120%;
background: rgba(0, 0, 0, 0.6);
z-index: 9002;
display: none;
}
/* height +20% - mobile fallback */
body.mobile-side-slide {
position: relative;
overflow-x: visible;
}
#Side_slide {
display: block;
position: fixed;
top: 0px;
left: -250px;
width: 250px;
height: 100%;
overflow: auto;
border-bottom-width: 60px;
border-bottom-style: solid;
z-index: 9003;
}
/* border-bottom:60px - mobile fallback */
#Side_slide.right {
right: -250px;
left: 0;
}
.admin-bar #Side_slide {
border-top-width: 32px;
border-top-style: solid;
}
#Side_slide .close-wrapper {
height: 60px;
}
#Side_slide .close-wrapper a.close {
height: 34px;
width: 34px;
display: block;
float: left;
margin: 13px 0 0 13px;
}
#Side_slide .close-wrapper a.close i {
font-size: 22px;
line-height: 34px;
}
#Side_slide .extras {
padding: 0 20px;
}
#Side_slide .extras .action_button {
width: 100%;
margin: 0 0 20px;
text-align: center;
text-decoration: none;
}
#Side_slide .extras .action_button .button_label {
float: none;
}
#Side_slide .extras .extras-wrapper {
text-align: center;
}
#Side_slide .extras .extras-wrapper a {
display: inline-block;
text-decoration: none;
vertical-align: middle;
padding: 5px;
margin-bottom: 20px;
line-height: 22px;
}
#Side_slide .extras .extras-wrapper .icon {
font-size: 22px;
}
#Side_slide .extras .extras-wrapper .cart {
position: relative;
}
#Side_slide .extras .extras-wrapper .cart span {
position: absolute;
top: 0;
right: 31px;
font-size: 11px;
border-radius: 2px;
}
#Side_slide .extras .extras-wrapper a.lang-active img {
position: relative;
top: 2px;
}
#Side_slide .extras .extras-wrapper a.lang-active i:before {
width: auto;
margin-right: 5px;
}
#Side_slide #menu {
display: block !important;
margin-bottom: 20px;
max-height: none !important;
}
#Side_slide #menu ul {
width: 100% !important;
}
#Side_slide #menu ul li {
width: 100%;
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.03);
}
#Side_slide #menu > ul:last-child > li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
#Side_slide #menu ul li a {
display: block;
padding: 11px 20px 10px 5px;
margin-left: 50px;
text-decoration: none;
line-height: 19px;
}
#Side_slide #menu ul li a .menu-arrow {
display: none;
}
#Side_slide #menu ul li ul {
display: none;
background: rgba(255, 255, 255, 0.025);
}
#Side_slide #menu ul li ul li a {
padding-right: 35px;
}
#Side_slide #menu ul li ul li ul li a {
padding-right: 50px;
}
#Side_slide #menu ul li.submenu .menu-toggle {
display: block;
position: absolute;
left: 5px;
top: 0;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 22px;
font-weight: 100;
text-align: center;
cursor: pointer;
opacity: 0.5;
}
#Side_slide #menu ul li.submenu .menu-toggle:after {
content: "+";
}
#Side_slide #menu ul li.hover > .menu-toggle {
opacity: 1;
}
#Side_slide #menu ul li.hover > .menu-toggle:after {
content: "-";
}
#Side_slide #menu ul.mfn-megamenu-bg {
background-image: none !important;
}
#Side_slide #menu ul.mfn-megamenu li .menu-toggle {
display: none;
}
#Side_slide #menu ul.mfn-megamenu > li > ul {
display: block !important;
}
#Side_slide #menu ul.mfn-megamenu > li > ul:first-child {
background-color: transparent;
}
#Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child {
border-top-width: 0;
}
#Side_slide .lang-wrapper {
margin-bottom: 20px;
text-align: center;
display: none;
}
#Side_slide .lang-wrapper ul li {
border-top: 1px solid rgba(255, 255, 255, 0.03);
}
#Side_slide .lang-wrapper ul li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
#Side_slide .lang-wrapper ul li a {
display: block;
padding: 11px 20px 10px 20px;
text-decoration: none;
line-height: 19px;
}
#Side_slide .search-wrapper {
margin-bottom: 20px;
position: relative;
display: none;
}
#Side_slide .search-wrapper input.field {
width: 100%;
background: none !important;
border-width: 1px 0 1px 0;
border-color: rgba(255, 255, 255, 0.05);
line-height: 20px;
padding: 10px 20px 10px 55px;
box-sizing: border-box;
box-shadow: 0 0 0 0 transparent;
}
#Side_slide .search-wrapper a.submit {
position: absolute;
top: 0;
left: 5px;
font-size: 20px;
padding: 10px;
}
#Side_slide .social {
text-align: center;
margin: 0 20px 13px;
}
#Side_slide .social li {
display: inline-block;
}
#Side_slide .social li a {
display: block;
padding: 3px 5px;
text-decoration: none;
}
/* Side Slide | Color */
#Side_slide {
background-color: #191919;
border-color: #191919;
}
/* border-bottom:60px - mobile fallback */
#Side_slide,
#Side_slide .search-wrapper input.field,
#Side_slide a:not(.button),
#Side_slide #menu ul li.submenu .menu-toggle {
color: #a6a6a6;
}
#Side_slide a:not(.button):hover,
#Side_slide a.active,
#Side_slide #menu ul li.hover > .menu-toggle {
color: #fff;
}
#Side_slide #menu ul li.current-menu-item > a,
#Side_slide #menu ul li.current_page_item > a,
#Side_slide #menu ul li.current-menu-parent > a,
#Side_slide #menu ul li.current-page-parent > a,
#Side_slide #menu ul li.current-menu-ancestor > a,
#Side_slide #menu ul li.current-page-ancestor > a,
#Side_slide #menu ul li.current_page_ancestor > a,
#Side_slide #menu ul li.hover > a,
#Side_slide #menu ul li:hover > a {
color: #fff;
}
/* Side Slide | Light */
#Side_slide.light #menu ul li {
border-top-color: rgba(0, 0, 0, 0.03);
}
#Side_slide.light #menu > ul:last-child > li:last-child {
border-bottom-color: rgba(0, 0, 0, 0.03);
}
#Side_slide.light #menu ul li ul {
background: rgba(0, 0, 0, 0.02);
}
#Side_slide.light .lang-wrapper ul li {
border-top-color: rgba(0, 0, 0, 0.03);
}
#Side_slide.light .lang-wrapper ul li:last-child {
border-bottom-color: rgba(0, 0, 0, 0.03);
}
#Side_slide.light .search-wrapper input.field {
border-color: rgba(0, 0, 0, 0.05);
}
.aside_both .sidebar.sidebar-1 {
margin-right: -82%;
}
/* Before After | TwentyTwenty plugin ------------------------------------------------ */
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #fff;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
right: 50%;
margin-right: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: #fff;
font-size: 13px;
letter-spacing: 0;
position: absolute;
background: rgba(0, 0, 0, 0.25);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
right: 50%;
margin-right: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
right: 50%;
margin-right: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: "قبل";
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: "بعد";
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #fff;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-left: 6px solid #fff;
right: 50%;
margin-right: -17px;
}
.twentytwenty-right-arrow {
border-right: 6px solid #fff;
left: 50%;
margin-left: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid #fff;
bottom: 50%;
margin-bottom: -17px;
}
.section.full-width > .section_wrapper {
max-width: 100% !important;
}
/* Switch Style */
.demo-switch {
text-align: center;
}
.demo-switch .title {
margin: 0 2% 15px;
font-family: "YekanBakhFaNum";
font-style: italic;
color: #6c6d6d;
}
.demo-switch a {
margin: 0 2%;
font-weight: 700;
opacity: 0.8;
}
.demo-switch a:hover {
opacity: 1;
}
.demo-switch a.active {
color: #0095eb;
opacity: 1;
}
.demo-switch a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* Slick Slider ---------------------------------------------------------------------- */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
right: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: right;
height: 100%;
min-height: 1px;
outline: none;
}
[dir="rtl"] .slick-slide {
float: left !important;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Buttons | Flat -------------------------------------------------------------------- */
.button-flat a.button:not(.action_button),
.button-flat:not(.header-plain) a.button.action_button,
.button-flat a.tp-button,
.button-flat button,
.button-flat input[type="submit"],
.button-flat input[type="reset"],
.button-flat input[type="button"] {
background-image: none;
border-width: 0;
border-style: solid;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 0;
-webkit-appearance: none;
}
.button-flat a.button .button_icon {
background: none;
}
.button-flat a.button .button_icon i {
color: inherit;
}
.button-flat a.button_right.button .button_label,
.button-flat a.button_right.button_large .button_label {
padding-right: 0;
}
.button-flat a.button_left.button .button_label,
.button-flat a.button_left.button_large .button_label {
padding-left: 0;
}
.button-flat a.button_right.button_large .button_icon {
padding-right: 27px;
}
.button-flat a.button_left.button_large .button_icon {
padding-left: 27px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.button-flat a.button:after,
.button-flat a.tp-button:after,
.button-flat button:after,
.button-flat input[type="submit"]:after,
.button-flat input[type="reset"]:after,
.button-flat input[type="button"]:after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: rgba(0, 0, 0, 0.07);
filter: alpha(opacity=0);
opacity: 0;
}
.button-flat a.button:hover:after,
.button-flat a.tp-button:hover:after,
.button-flat button:hover:after,
.button-flat input[type="submit"]:hover:after,
.button-flat input[type="reset"]:hover:after,
.button-flat input[type="button"]:hover:after {
width: 100%;
filter: alpha(opacity=1);
opacity: 1;
}
}
/* Header | Plain */
.header-plain #Top_bar {
border-bottom-width: 1px;
border-style: solid;
position: static;
}
.header-plain.layout-boxed #Top_bar .container {
max-width: 100%;
}
.header-plain #Top_bar .one.column {
width: 100%;
margin: 0;
}
.header-plain #Header .top_bar_right,
.header-plain #Header .top_bar_left {
background-color: transparent;
}
.header-plain #Top_bar .top_bar_left,
.header-plain #Top_bar .top_bar_left_wrapper {
top: 0;
}
.header-plain #Top_bar .top_bar_left:before {
display: none;
}
.header-plain #Action_bar {
position: static;
}
.header-plain #Action_bar .contact_details li,
.header-plain #Action_bar .social,
.header-plain #Action_bar .social-menu {
padding: 12px 0;
}
/* Header plain | Logo */
.header-plain #Top_bar #logo {
height: 50px;
line-height: 50px;
}
/* Header plain | Menu */
.header-plain #Top_bar .menu_wrapper {
float: left;
}
.header-plain #Top_bar .menu > li > a {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.header-plain #Top_bar .menu > li > a:after {
display: none;
}
.header-plain #Top_bar .menu > li > a span:not(.description) {
line-height: 80px;
padding: 0 30px;
}
.header-plain #Top_bar .menu > li:first-child > a span:not(.description) {
border-right-width: 1px;
}
.header-plain #Top_bar .top_bar_left {
height: 80px;
padding: 0;
margin-right: -1px;
}
.header-plain.menu-highlight #Top_bar .menu > li,
.header-plain.menu-highlight #Top_bar .menu > li > a {
margin: 0;
}
/* Header plain | Top bar left */
.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button {
margin-left: 0;
top: 0;
border-right-width: 1px;
border-style: solid;
}
.header-plain #Top_bar a#header_cart span {
margin-left: -9px;
}
.header-plain #Top_bar .wpml-languages {
top: 0;
margin: 0;
border-right-width: 1px;
border-style: solid;
}
.header-plain #Top_bar .wpml-languages a.active {
border: 0;
padding: 0;
}
.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a {
line-height: 40px;
}
.header-plain #Top_bar .wpml-languages a.active {
background: none;
}
.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown {
border: 0;
border-radius: 0;
}
.header-plain #Top_bar a.button.action_button {
margin: 0;
top: 0;
border-radius: 0;
border-right-width: 1px;
border-style: solid;
}
.header-plain #Top_bar .menu > li > a span:not(.description) {
line-height: 80px;
padding: 0 30px;
}
.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button {
padding: 0 25px;
line-height: 80px;
margin-right: 0;
}
.header-plain #Top_bar .wpml-languages {
padding: 0 25px;
line-height: 80px;
}
.header-plain #Top_bar a.button.action_button {
line-height: 80px;
}
.header-plain #Top_bar a.button.action_button .button_label {
padding: 0 30px;
}
/* Header plain | Sticky */
.header-plain #Top_bar.is-sticky .menu > li > a span:not(.description) {
line-height: 60px !important;
}
.header-plain #Top_bar.is-sticky a#header_cart,
.header-plain #Top_bar.is-sticky a#search_button {
padding: 0 25px;
line-height: 60px;
}
.header-plain #Top_bar.is-sticky .wpml-languages {
padding: 0 25px;
height: 60px;
line-height: 60px;
}
.header-plain #Top_bar.is-sticky a.button.action_button {
height: 60px;
line-height: 60px;
}
.header-plain #Top_bar.is-sticky a.button.action_button .button_label {
padding: 0 25px;
}
.header-plain #Top_bar.is-sticky .top_bar_left {
padding: 0;
height: 60px;
top: 0;
}
.header-plain #Top_bar.is-sticky .wpml-languages {
top: 0;
}
.header-plain #Top_bar.is-sticky a.button.action_button {
top: 0;
}
/* Header plain | Colors */
.header-plain #Action_bar {
background-color: #2c2c2c;
}
.header-plain #Top_bar {
background-color: #fff;
}
.header-plain #Top_bar,
.header-plain #Top_bar .menu > li > a span:not(.description),
.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button,
.header-plain #Top_bar .wpml-languages,
.header-plain #Top_bar a.button.action_button {
border-color: #f2f2f2;
}
/* Heading --------------------------------------------------------------------------- */
.mfn_heading {
}
.mfn_heading.align_right {
text-align: right;
}
.mfn_heading.align_center {
text-align: center;
}
.mfn_heading.align_left {
text-align: left;
}
.mfn_heading .title {
display: inline-block;
position: relative;
}
.mfn_heading.heading_lines {
overflow: hidden;
}
.mfn_heading.heading_lines .title .line {
position: absolute;
width: 3000px;
height: 1px;
top: 50%;
background: rgba(0, 0, 0, 0.3);
}
.mfn_heading.heading_lines .title .line_l {
left: 100%;
margin-left: 20px;
}
.mfn_heading.heading_lines .title .line_r {
right: 100%;
margin-right: 20px;
}
.dark .mfn_heading.heading_lines .title .line {
background: rgba(255, 255, 255, 0.3);
}
/* Fancy headings -------------------------------------------------------------------- */
.fancy_heading {
text-align: center;
}
.fancy_heading .title {
font-size: 42px;
line-height: 42px;
}
.fancy_heading_icon .icon_top {
font-size: 50px;
line-height: 50px;
margin-bottom: 15px;
overflow: hidden;
display: block;
}
.fancy_heading_icon .icon_top i:before {
margin: 0;
}
.fancy_heading_line {
background-image: url(../images/fancy_heading_hr.png);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 15px;
}
.fancy_heading_line .slogan {
display: block;
margin-bottom: 7px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
.fancy_heading_line .inside {
margin-bottom: 15px;
}
#back_to_top {
float: left;
margin: -9px 0 0;
width: 42px;
height: 42px;
line-height: 42px;
font-size: 20px;
text-align: center;
}
/* Pricing boxes --------------------------------------------------------------------- */
.pricing-box {
border-width: 1px;
border-style: solid;
background: #fff;
}
.pricing-box .plan-header {
text-align: center;
padding: 20px 15px 0;
}
.pricing-box .plan-header .image {
text-align: center;
margin-bottom: 15px;
}
.pricing-box .plan-header h2 {
margin: 0 0 20px;
font-size: 30px;
line-height: 30px;
}
.pricing-box .plan-header .price {
margin: 0 0 20px;
}
.pricing-box .plan-header .price > span {
font-size: 45px;
line-height: 45px;
margin: 0 5px;
}
.pricing-box .plan-header .price sup.currency {
font-size: 20px;
line-height: 20px;
top: -10px;
position: relative;
}
.pricing-box.cp-left .plan-header .price sup.currency {
margin-left: 5px;
}
.pricing-box .plan-header .price sup.period {
font-size: 15px;
line-height: 15px;
top: -15px;
position: relative;
}
.pricing-box .plan-header hr {
margin-bottom: 0;
width: 60%;
}
.pricing-box .plan-header p.subtitle {
padding: 20px 0 0;
margin-bottom: 0;
}
.pricing-box .plan-inside {
padding: 10px 30px;
text-align: center;
}
.pricing-box .plan-inside ul {
margin: 0;
font-size: 100%;
line-height: normal;
}
.pricing-box .plan-inside ul li {
text-align: center;
padding: 11px 10px;
display: block;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-box .plan-inside ul li .yes,
.pricing-box .plan-inside ul li .no {
display: inline-block;
overflow: hidden;
width: 10px;
height: 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: rgba(0, 0, 0, 0.1);
}
.pricing-box .plan-inside ul li:last-child {
border-bottom: 0;
}
.pricing-box .plan-footer {
text-align: center;
}
.pricing-box .plan-footer a {
margin-left: 0;
}
.pricing-box-box.pricing-box-featured {
border-color: transparent;
}
/* Pricing table */
.pricing-box.pricing-box-label .plan-header *,
.pricing-box.pricing-box-label .plan-footer {
visibility: hidden;
}
.pricing-box-label ul li {
font-weight: 700;
text-align: left !important;
}
.pricing-box-label,
.pricing-box-table {
border: 0;
background: none;
}
.pricing-box-label .plan-inside,
.pricing-box-table .plan-inside {
padding-right: 0;
padding-left: 0;
}
.pricing-box-table.pricing-box-featured {
background: rgba(0, 0, 0, 0.02);
padding-right: 10px;
padding-left: 10px;
}
/* Content slider ----------------------------------------------------------------------------- */
.content_slider {
padding: 0 140px;
position: relative;
}
.content_slider .content_slider_ul {
margin: 0 !important;
line-height: 0;
border-width: 8px;
border-style: solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content_slider .content_slider_ul li {
display: block;
float: right;
margin: 0 !important;
}
.content_slider a.button {
position: absolute;
top: 50%;
margin: -22px 0 0;
font-size: 13px;
line-height: 21px;
}
.content_slider a.slider_prev {
right: -90px;
}
.content_slider a.slider_next {
left: -90px;
}
.content_slider .slider_pagination {
width: 100%;
margin-top: 20px;
}
.content_slider .slider_pagination li {
display: inline-block;
}
.content_slider .content_slider_ul {
opacity: 0;
max-height: 300px;
transition: opacity 0.3s ease-in-out;
}
.content_slider .content_slider_ul.slick-slider {
opacity: 1;
max-height: none;
zoom: 1;
}
/* Flat */
.content_slider.flat .content_slider_ul {
border-width: 0;
}
.content_slider.flat a.button {
background: none !important;
box-shadow: none;
border: none;
}
.content_slider.flat a.button:after {
display: none !important;
}
.content_slider.flat a.button:hover {
background: none !important;
}
.content_slider.flat a.button .button_icon {
background: none;
padding: 0;
font-size: 50px;
opacity: 0.3;
}
.content_slider.flat a:hover.button .button_icon {
opacity: 1;
}
/* Flat description */
.content_slider.flat.description ul li {
text-align: center;
}
.content_slider.flat.description ul li a {
display: block;
text-decoration: none;
}
.content_slider.flat.description ul li img {
margin-bottom: 30px;
}
.content_slider.flat.description ul li h3 {
margin-bottom: 0;
}
.content_slider.flat.description ul li .desc {
line-height: initial;
padding: 0 20%;
margin-top: 15px;
}
/* Carousel */
.content_slider.carousel {
padding: 0 70px;
}
.content_slider.carousel .content_slider_ul {
border-width: 0;
}
.content_slider.carousel .content_slider_ul li {
text-align: center;
padding: 0 20px;
padding-top: 5px;
}
.content_slider.carousel .content_slider_ul li img {
margin-bottom: 20px;
opacity: 0.8;
position: relative;
top: 0;
}
.content_slider.carousel .content_slider_ul li a {
color: inherit;
text-decoration: none;
}
.content_slider.carousel .content_slider_ul li .title {
opacity: 0.3;
line-height: initial;
/* font-size:115%; */
}
.content_slider.carousel .content_slider_ul li:hover img {
opacity: 1;
top: -5px;
}
.content_slider.carousel .content_slider_ul li:hover .title {
opacity: 1;
}
.content_slider.carousel a.button {
background: none !important;
box-shadow: none;
border: none;
top: 40%;
margin-top: -11px;
}
.content_slider.carousel a.button:after {
display: none !important;
}
.content_slider.carousel a.button:hover {
background: none !important;
}
.content_slider.carousel a.button .button_icon {
background: none;
padding: 0;
font-size: 30px;
opacity: 0.5;
}
.content_slider.carousel a.button:hover .button_icon {
opacity: 1;
}
.content_slider.carousel a.slider_prev {
right: -70px;
}
.content_slider.carousel a.slider_next {
left: -70px;
}
/* Center mode */
.content_slider.center {
padding: 0;
}
.content_slider.center .content_slider_ul {
border-width: 0;
}
.content_slider.center .content_slider_ul li {
position: relative;
padding: 0 5px;
}
.content_slider.center .content_slider_ul li:not(.slick-center) {
transform: scale(0.98);
}
.content_slider.center .content_slider_ul li:after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
opacity: 0;
}
.content_slider.center .content_slider_ul li:not(.slick-center):after {
opacity: 1;
}
.content_slider.center .content_slider_ul li a {
position: relative;
z-index: 1;
}
.content_slider.center a.button {
background: none !important;
box-shadow: none;
border: none;
z-index: 1;
}
.content_slider.center a.button.slider_prev {
right: 0;
}
.content_slider.center a.button.slider_next {
left: 0;
}
.content_slider.center a.button:after {
display: none !important;
}
.content_slider.center a.button:hover {
background: none !important;
}
.content_slider.center a.button .button_icon {
background: none;
padding: 0;
font-size: 50px;
opacity: 0.66;
}
.content_slider.center a.button .button_icon i {
color: #fff;
}
.content_slider.center a.button:hover .button_icon {
opacity: 1;
}
.content_slider.center .content_slider_ul li,
.content_slider.center .content_slider_ul li:after,
.content_slider.center a.button .button_icon {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Navigation visibility */
.content_slider.hide-arrows {
padding: 0;
}
.content_slider.hide-arrows a.slider_prev,
.content_slider.hide-arrows a.slider_next {
display: none !important;
}
.content_slider.hide-dots .slider_pagination {
display: none !important;
}
.section.full-width .column.one .content_slider.hide-arrows {
padding: 0 140px;
}
/* Nice Scroll | .nice-scroll -------------------------------------------------------- */
body.nice-scroll {
position: relative;
}
body.nice-scroll:not(.layout-boxed) {
padding-right: 10px !important;
}
.nice-scroll #configurator,
.nice-scroll #Sliding-top a.sliding-top-control,
.nice-scroll .fixed-nav.fixed-nav-next {
margin-right: 10px;
}
.nice-scroll .nicescroll-rails {
background: #666;
z-index: 9002 !important;
}
/* Slider | Pagination --------------------------------------------------------------- */
.slider_pagination {
text-align: center;
line-height: 0;
}
.slider_pagination a {
display: inline-block;
width: 12px;
height: 12px;
text-indent: -9999px;
margin: 0 9px;
background: rgba(0, 0, 0, 0.15);
-webkit-border-radius: 100%;
border-radius: 100%;
position: relative;
cursor: pointer;
}
.slider_pagination a:hover {
background: rgba(0, 0, 0, 0.25);
}
.slider_pagination a.selected,
.slider_pagination .slick-active a {
width: 10px;
height: 8px;
margin: 0 10px;
position: relative;
top: 4px;
background: rgba(0, 0, 0, 0.15);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.slider_pagination a.selected:after,
.slider_pagination .slick-active a:after {
content: "";
display: block;
width: 8px;
height: 8px;
-webkit-border-radius: 1px;
border-radius: 1px;
position: absolute;
right: 1px;
top: -3px;
background: #d6d6d6;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Slider Revolution ----------------------------------------------------------------- */
#mfn-rev-slider input {
display: inline-block;
}
/* Animation */
.content_slider.carousel ul li img,
.content_slider.carousel ul li .title,
.content_slider.flat a.button .button_icon {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Dark ------------------------------------------------------------------------------ */
.dark,
.dark ul.timeline_items,
.dark .icon_box a .desc,
.dark .icon_box a:hover .desc,
.dark .feature_list ul li a,
.dark .list_item a,
.dark .list_item a:hover,
.dark .widget_recent_entries ul li a {
color: #fff !important;
}
.dark .ui-tabs .ui-tabs-panel,
.dark .accordion .question .answer {
color: #626262;
}
/* Headings font */
.dark h1,
.dark h1 a,
.dark h1 a:hover {
color: #fff;
}
.dark h2,
.dark h2 a,
.dark h2 a:hover {
color: #fff;
}
.dark h3,
.dark h3 a,
.dark h3 a:hover {
color: #fff;
}
.dark h4,
.dark h4 a,
.dark h4 a:hover {
color: #fff;
}
.dark h5,
.dark h5 a,
.dark h5 a:hover {
color: #fff;
}
.dark h6,
.dark h6 a,
.dark h6 a:hover,
.dark a.content_link .title {
color: #fff;
}
/* Borders */
.dark .idea_box,
.dark table th,
.dark table td,
.dark .list_item .circle,
.dark input[type="text"],
.dark input[type="tel"],
.dark input[type="password"],
.dark input[type="email"],
.dark textarea,
.dark select,
.dark .promo_box.has_border:after,
.dark dl > dt,
.dark dl > dd,
.dark .article_box .desc_wrapper p,
.dark a.icon_bar,
.dark a.content_link,
.dark .how_it_works .image,
.dark .opening_hours,
.dark .opening_hours .opening_hours_wrapper li,
.dark .icon_box.has_border:after,
.dark .chart_box:before,
.dark .pricing-box,
.dark .team_list .bq_wrapper,
.dark .post-footer .post-links,
.dark .format-link .post-title .icon-link,
.dark .share_wrapper,
.dark .post-header .title_wrapper,
.dark .section-post-related .section-related-adjustment,
.dark .comments,
.dark .widget-area,
.dark .widget:after,
.dark .fixed-nav .desc h6,
.dark .portfolio_group.list .portfolio-item,
.dark .portfolio_group .portfolio-item .desc .details-wrapper,
.dark .Recent_posts ul li .desc h6,
.dark .widget_recent_entries ul li a,
.dark .woocommerce .widget_best_sellers li,
.dark .woocommerce .widget_featured_products li,
.dark .woocommerce .widget_recent_reviews li,
.dark .woocommerce .widget_recent_products li,
.dark .woocommerce .widget_recently_viewed_products li,
.dark .woocommerce .widget_random_products li,
.dark .woocommerce .widget_top_rated_products li,
.dark .woocommerce .widget_onsale li,
.dark .woocommerce .widget_layered_nav li,
.dark .woocommerce .widget_shopping_cart ul.product_list_widget li,
.dark .woocommerce .widget_products li,
.dark .woocommerce .product .related.products,
.dark .woocommerce .product div.entry-summary h1.product_title:after,
.dark .woocommerce .quantity input.qty {
border-color: rgba(255, 255, 255, 0.08);
}
/* Grey */
.dark .blockquote p.author span,
.dark .counter .desc_wrapper .title,
.dark .article_box .desc_wrapper p,
.dark .team .desc_wrapper p.subtitle,
.dark .pricing-box .plan-header p.subtitle,
.dark .pricing-box .plan-header .price sup.period,
.dark .chart_box p,
.dark .fancy_heading .inside,
.dark .fancy_heading_line .slogan,
.dark .post-meta,
.dark .post-meta a,
.dark .post-footer,
.dark .post-footer a span.label,
.dark .pager .pages a,
.dark .button-love a .label,
.dark .pager-single a,
.dark #comments .commentlist > li .comment-author .says,
.dark .fixed-nav .desc .date,
.dark .filters_buttons li.label,
.dark .Recent_posts ul li a .desc .date,
.dark .widget_recent_entries ul li .post-date,
.dark .tp_recent_tweets .twitter_time,
.dark .widget_price_filter .price_label,
.dark .shop-filters .woocommerce-result-count,
.dark .woocommerce ul.product_list_widget li .quantity,
.dark .widget_shopping_cart ul.product_list_widget li dl,
.dark .product_meta .posted_in,
.dark .woocommerce .shop_table .product-name .variation > dd,
.dark .shipping-calculator-button:after,
.dark .shop_slider .shop_slider_ul li .item_wrapper .price del,
.dark .testimonials_slider .testimonials_slider_ul li .author span,
.dark .testimonials_slider .testimonials_slider_ul li .author span a {
color: #dedede;
}
/* Dividers */
.dark hr {
background-color: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.08);
}
/* Others */
.dark blockquote {
color: #fff;
}
.dark .article_box .desc_wrapper h4 {
color: #444;
}
.dark .progress_bars .bars_list li h6 .label {
color: rgba(255, 255, 255, 0.35);
background: rgba(255, 255, 255, 0.05);
}
.dark .faq .question .title {
color: #fff;
}
.dark .counter .desc_wrapper .number {
color: #fff;
}
.dark a.content_link .title {
color: #444;
}
.dark .opening_hours,
.dark .opening_hours h3 {
color: #444;
}
.dark .Recent_posts ul li .desc {
background: rgba(0, 0, 0, 0.1);
}
/* Pricing box */
.dark .pricing-box-box {
background: rgba(0, 0, 0, 0.1);
}
.dark .pricing-box .plan-inside ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* Lists */
.dark .column_column ul,
.dark .column_column ol,
.dark .the_content_wrapper ul,
.dark .the_content_wrapper ol {
color: #fff;
}
.dark .list_item.lists_2 .list_icon i {
color: #fff;
}
/* Pricing table */
.dark .pricing-box-table.pricing-box-featured {
background: rgba(0, 0, 0, 0.1);
}
.dark .pricing-box .plan-header .price sup.period {
color: rgba(255, 255, 255, 0.5) !important;
}
/* Call to action */
.dark .call_to_action .call_right h3 {
color: rgba(0, 0, 0, 0.65);
}
.dark .call_to_action .call_center a {
color: #fff;
}
/* Fancy heading */
.dark .fancy_heading_line {
background-image: url(../images/fancy_heading_hr_dark.png);
}
/* Content slider */
.dark .content_slider.flat a.button .button_icon i {
color: #fff;
}
/* Fancy links */
.dark a.mfn-link,
.dark a:hover.mfn-link {
color: #fff;
}
.dark a.hover.mfn-link-2 span:before,
.dark a.mfn-link-8:after,
.dark a.mfn-link-8:before {
background: #fff;
}
.dark a.mfn-link-4:hover:before,
.dark a.mfn-link-4:hover:after,
.dark a.hover.mfn-link-4:before,
.dark a.hover.mfn-link-4:after,
.dark a.mfn-link-7:after,
.dark a.mfn-link-7:before {
background: #fff;
}
.dark a.mfn-link-6:before {
border-bottom-color: #fff;
}
/* Pagination */
.dark .slider_pagination a {
background: rgba(255, 255, 255, 0.3);
}
/* Content slider ----------------------------------------------------------------------------- */
.content_slider {
padding: 0 140px;
position: relative;
}
.content_slider .content_slider_ul {
margin: 0 !important;
line-height: 0;
border-width: 8px;
border-style: solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content_slider .content_slider_ul li {
display: block;
float: right;
margin: 0 !important;
}
.content_slider a.button {
position: absolute;
top: 50%;
margin: -22px 0 0;
font-size: 13px;
line-height: 21px;
}
.content_slider a.slider_prev {
right: -90px;
}
.content_slider a.slider_next {
left: -90px;
}
.content_slider .slider_pagination {
width: 100%;
margin-top: 20px;
}
.content_slider .slider_pagination li {
display: inline-block;
}
.content_slider .content_slider_ul {
opacity: 0;
max-height: 300px;
transition: opacity 0.3s ease-in-out;
}
.content_slider .content_slider_ul.slick-slider {
opacity: 1;
max-height: none;
zoom: 1;
}
.layout-full-width.header-fw #Action_bar .container,
.layout-full-width.header-fw #Top_bar .container {
max-width: 100%;
}
/* Grid */
.grid .post-item {
width: 31.33%;
margin: 0 1% 20px;
background: #fff !important;
}
.grid .post-photo-wrapper {
width: 100%;
float: none;
}
.grid .post-desc-wrapper {
width: 100%;
float: none;
}
.grid .post-desc-wrapper .post-desc {
padding: 20px 20px 0;
}
.grid .post-footer {
margin: 0 -20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid .post-meta .author-date .author span.label {
display: none;
}
.grid .post-desc-wrapper .post-meta .category .cat-btn {
display: none;
}
.grid .post-desc-wrapper .post-footer .button-love .love-text {
display: none;
}
/* Columns 2-6 */
.posts_group.grid.col-2 .post-item {
width: 47.99%;
}
.posts_group.grid.col-3 .post-item {
width: 31.33%;
}
.posts_group.grid.col-4 .post-item {
width: 22.99%;
}
.posts_group.grid.col-5 .post-item {
width: 18.99%;
margin: 0 0.5% 20px;
}
.posts_group.grid.col-6 .post-item {
width: 15.66%;
margin: 0 0.5% 20px;
}
.posts_group.grid.col-2 .post-item:nth-child(2n + 1) {
clear: both;
}
.posts_group.grid.col-3 .post-item:nth-child(3n + 1) {
clear: both;
}
.posts_group.grid.col-4 .post-item:nth-child(4n + 1) {
clear: both;
}
.posts_group.grid.col-5 .post-item:nth-child(5n + 1) {
clear: both;
}
.posts_group.grid.col-6 .post-item:nth-child(6n + 1) {
clear: both;
}
/* Masonry */
.masonry:not(.tiles) .post-item {
width: 31.33%;
margin: 0 1% 20px;
background: #fff !important;
}
.masonry .post-photo-wrapper {
width: 100%;
float: none;
}
.masonry .post-desc-wrapper {
width: 100%;
float: none;
}
.masonry .post-desc-wrapper .post-desc {
padding: 20px 20px 0;
}
.masonry .post-footer {
margin: 0 -20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.masonry .post-meta .author-date .author span.label {
display: none;
}
.masonry .post-desc-wrapper .post-meta .category .cat-btn {
display: none;
}
.masonry .post-desc-wrapper .post-footer .button-love .love-text {
display: none;
}
/* Columns 2-6 */
.posts_group.masonry.col-2 .post-item {
width: 47.99%;
}
.posts_group.masonry.col-3 .post-item {
width: 31.33%;
}
.posts_group.masonry.col-4 .post-item {
width: 22.99%;
}
.posts_group.masonry.col-5 .post-item {
width: 18.99%;
margin: 0 0.5% 20px;
}
.posts_group.masonry.col-6 .post-item {
width: 15.66%;
margin: 0 0.5% 20px;
}
/* Masonry tiles */
.masonry.tiles {
position: relative;
}
.masonry.tiles .post-item {
margin: 0 !important;
overflow: hidden;
background-color: transparent;
}
.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper {
position: absolute;
z-index: 4;
right: 0;
bottom: -20px;
}
.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
background: url(../images/blog_masonry_tile_gradient.png) top right repeat-x;
padding: 70px 30px 30px;
}
.masonry.tiles .post-item .post-desc-wrapper .post-desc {
padding: 50% 30px 10px;
}
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links {
display: inline-block;
margin-right: 10px;
}
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt {
display: none;
}
/* Photo wrapper */
.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper {
line-height: 0;
position: relative;
}
.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after {
content: "";
position: absolute;
z-index: 2;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: all 0.6s ease-out;
}
.masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after {
opacity: 1;
}
/* Posts */
.masonry.tiles .format-link .post-title .icon-link {
display: none;
}
.masonry.tiles .format-link .post-title .link-wrapper {
margin-right: 0;
padding-top: 5px;
}
.masonry.tiles .format-quote blockquote {
margin-right: 0;
top: 0;
margin-bottom: 25px;
}
.masonry.tiles .format-quote blockquote:after {
display: none;
}
.masonry.tiles .format-quote blockquote a {
text-decoration: none;
}
/* Post icon */
.masonry.tiles .post-item .post-format-icon {
position: absolute;
z-index: 3;
right: 25px;
top: 25px;
font-size: 35px;
line-height: 35px;
color: #fff;
}
/* Line */
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after {
content: "";
display: block;
height: 3px;
margin-top: 20px;
width: 0;
transition: all 0.4s ease-out;
}
.masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after {
width: 40%;
}
/* Desc wrapper animation */
.masonry.tiles .post-item .post-desc-wrapper {
transition: all 0.4s ease-out;
}
.masonry.tiles .post-item:hover .post-desc-wrapper {
transform: translateY(-20px);
}
/* Columns 2-6 */
.posts_group.masonry.tiles.col-2 .post-item {
width: 49.99%;
}
.posts_group.masonry.tiles.col-3 .post-item {
width: 33.33%;
}
.posts_group.masonry.tiles.col-4 .post-item {
width: 24.99%;
}
.posts_group.masonry.tiles.col-5 .post-item {
width: 19.99%;
}
.posts_group.masonry.tiles.col-6 .post-item {
width: 16.66%;
}
/* With margin */
.posts_group.masonry.margin .post-item {
margin: 0 1% 25px !important;
}
.posts_group.masonry.margin.col-2 .post-item {
width: 47.99%;
}
.posts_group.masonry.margin.col-3 .post-item {
width: 31.33%;
}
.posts_group.masonry.margin.col-4 .post-item {
width: 22.99%;
}
.posts_group.masonry.margin.col-5 .post-item {
width: 18.99%;
margin: 0 0.5% 12px !important;
}
.posts_group.masonry.margin.col-6 .post-item {
width: 15.66%;
margin: 0 0.5% 12px !important;
}
/* Colors */
.masonry.tiles .post-item.format-quote blockquote,
.masonry.tiles .post-item.format-quote blockquote a,
.masonry.tiles .post-item.format-link .post-title .icon-link,
.masonry.tiles .post-item.format-link .post-title .link-wrapper h4,
.masonry.tiles .post-item.format-link .post-title .link-wrapper a,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a {
color: #fff;
}
.masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after,
.masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after,
.masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after {
background-color: #fff;
}
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt {
color: rgba(255, 255, 255, 0.7);
}
/* Timeline */
.timeline .post-item {
float: none;
width: auto;
padding-right: 200px;
margin-bottom: 0;
padding-bottom: 40px;
background: url(../images/timeline_left.png) no-repeat right 90px top;
}
.timeline .post-item:last-child {
padding-bottom: 20px;
margin-bottom: 20px;
}
.timeline .format-quote .post-meta,
.timeline .format-link .post-meta {
padding-top: 7px;
}
.timeline .post-item:before {
content: "";
width: 7px;
height: 7px;
border-width: 4px;
border-style: solid;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
right: 126px;
top: 11px;
display: block;
visibility: visible;
z-index: 1;
}
.timeline .date_label {
display: block;
}
.timeline .post-meta .author-date .date {
display: none;
}
/* Photo */
.photo .post-item {
float: none;
}
.photo .post-photo-wrapper {
width: 100%;
float: none;
}
.photo .post-desc-wrapper {
width: 100%;
float: none;
text-align: center;
}
.photo .post-desc .post-head {
}
.photo .post-desc .post-head .post-meta {
display: inline-block;
}
.photo .post-desc .post-head .post-footer {
display: inline-block;
background: none;
padding: 0;
line-height: inherit;
}
.photo .post-desc .post-title {
}
.photo .post-desc .post-excerpt {
margin-bottom: 0;
}
.photo .post-desc .post-head .post-meta .author-date,
.photo .post-desc .post-head .post-meta .category,
.photo .post-desc .post-head .post-footer .button-love,
.photo .post-desc .post-head .post-footer .post-links {
float: none;
display: inline-block;
}
.photo .post-desc .post-head .post-meta .author-date {
margin-left: 20px;
}
.photo .post-desc .post-head .post-meta .author-date .label {
display: none;
}
.photo .post-desc .post-head .post-footer .button-love {
margin-left: 20px;
}
.photo .post-desc .post-head .post-footer .button-love .love-text {
display: none;
}
.photo .post-desc .post-head .post-footer .post-links {
border: 0;
padding: 0;
}
.photo .post-desc .post-head .post-footer .post-links .icon-doc-text,
.photo .post-desc .post-head .post-footer .post-links .post-more {
display: none;
}
.photo .format-image {
text-align: center;
}
.photo .format-image .post-photo-wrapper {
display: inline-block;
width: auto;
}
.photo .format-link .post-title {
display: inline-block;
text-align: right;
}
/* Post types */
.format-quote .post-photo-wrapper {
display: none;
}
.format-quote .post-desc {
padding: 0;
}
.format-quote .post-desc-wrapper {
width: 100%;
float: none;
}
.format-video .image_frame .image_wrapper img {
margin-bottom: 0 !important;
}
.format-video .image_frame:hover .image_wrapper img {
top: 0;
}
.format-link .post-photo-wrapper {
display: none;
}
.format-link .post-desc-wrapper {
width: 100%;
float: none;
}
.format-link .post-desc {
padding: 0;
}
.format-link .post-title {
overflow: hidden;
}
.format-link .post-title .icon-link {
display: block;
width: 80px;
height: 80px;
font-size: 60px;
line-height: 80px;
border-left-width: 1px;
border-style: solid;
float: right;
text-align: center;
}
.format-link .post-title .link-wrapper {
margin-right: 100px;
padding-top: 14px;
}
.format-link .post-title .link-wrapper h4 {
margin-bottom: 7px;
font-size: 20px;
line-height: 22px;
}
/* Single Post ----------------------------------------------------------------------- */
.post-nav {
padding: 10px 130px 4px 10px;
margin-bottom: 20px;
background-image: url(../images/stripes/stripes_5_b.png);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.post-nav .next-prev-nav {
float: right;
}
.post-nav .next-prev-nav li {
float: right;
margin-left: 5px;
}
.post-nav .next-prev-nav a.button {
margin: 0;
padding: 0 !important;
}
.post-nav .list-nav {
float: left;
line-height: 49px;
}
.post-nav.minimal.column {
padding: 0;
background: none;
position: relative;
height: 40px !important;
}
.post-nav.minimal a {
position: absolute;
top: 0;
opacity: 0.6;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-nav.minimal a:hover {
opacity: 1;
}
.post-nav.minimal a.prev {
right: 0;
}
.post-nav.minimal a.next {
left: 0;
}
.post-nav.minimal a.home {
left: 50%;
margin: 3px -13px 0 0;
}
.post-nav.minimal a i {
font-size: 25px;
line-height: 30px;
color: #626262;
}
.post-nav.minimal a svg {
fill: #626262;
}
.post-header {
margin-bottom: 20px;
}
.post-header .button-love {
width: 99px;
float: right;
text-align: center;
}
.post-header .button-love a.mfn-love {
display: inline-block;
position: relative;
padding-right: 28px;
font-size: 17px;
margin-top: 25px;
}
.no-title .post-header .button-love a.mfn-love {
margin-top: 0;
}
.post-header .button-love a.mfn-love i {
position: absolute;
right: 0;
top: 0;
font-size: 18px;
}
.post-header .button-love a.mfn-love:hover {
text-decoration: none;
}
.post-header .button-love a.mfn-love i:last-child {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-header .button-love a:hover.mfn-love i:last-child,
.post-header .button-love a.loved.mfn-love i:last-child {
opacity: 1;
filter: alpha(opacity=100);
}
.post-header .title_wrapper {
margin-right: 99px;
border-right-width: 1px;
border-style: solid;
padding-right: 30px;
}
.post-header .title_wrapper h1 {
font-size: 35px;
line-height: 35px;
}
.single-photo-wrapper .share_wrapper {
float: right;
}
.single-photo-wrapper .image_frame {
margin-right: 120px;
}
.single-photo-wrapper .image_frame iframe {
width: 100%;
}
.no-share .single-photo-wrapper .image_frame {
margin-right: 0;
}
.single-photo-wrapper.image {
text-align: center;
}
.single-photo-wrapper.image .image_frame {
margin-right: 0;
display: inline-block;
}
.section-post-header .single-photo-wrapper.image .image_frame {
max-width: 80%;
max-width: calc(100% - 130px);
}
.no-share .section-post-header .single-photo-wrapper.image .image_frame {
max-width: 100%;
}
.share_wrapper {
background: #fff;
border-width: 1px;
border-style: solid;
width: 98px;
text-align: center;
padding: 10px 0 5px;
}
.share_wrapper .stButton {
margin-bottom: 10px;
}
.section-post-intro-share .share_wrapper {
float: left;
background: none;
border: none;
width: unset;
padding: 0;
}
.section-post-intro-share .share_wrapper > span {
float: right;
}
.section-post-intro-share .share_wrapper .stButton .stBubble {
display: none !important;
}
.author-box .avatar-wrapper {
width: 64px;
height: 64px;
float: right;
border-width: 8px;
border-style: solid;
display: block;
line-height: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
}
.author-box .desc-wrapper {
background: rgba(0, 0, 0, 0.02);
padding: 20px;
position: relative;
margin-right: 105px;
}
.author-box .desc-wrapper:after {
content: "";
display: block;
position: absolute;
right: -6px;
top: 35px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.02);
}
.author-box .desc-wrapper h5 {
margin-bottom: 5px;
}
/* Hide Love */
.hide-love .button-love {
display: none !important;
}
.hide-love .post-header .title_wrapper {
margin-right: 0;
padding-right: 10px;
border-right: none;
}
.hide-love .post-nav {
padding-right: 10px;
}
.hide-love .portfolio_group .portfolio-item .desc .title_wrapper {
padding-left: 0;
}
/* Post related */
.section-post-related .section-related-adjustment {
border-top-width: 1px;
border-style: solid;
padding-top: 20px;
}
.section-post-related .post-related {
position: relative;
width: 31.333%;
}
.section-post-related .col-2 .post-related {
width: 48%;
}
.section-post-related .col-3 .post-related {
width: 31.333%;
}
.section-post-related .col-4 .post-related {
width: 23%;
}
.section-post-related .col-5 .post-related {
width: 18%;
}
.section-post-related .col-6 .post-related {
width: 14.666%;
}
.section-post-related .col-2 .post-related:nth-child(2n + 1) {
clear: both;
}
.section-post-related .col-3 .post-related:nth-child(3n + 1) {
clear: both;
}
.section-post-related .col-4 .post-related:nth-child(4n + 1) {
clear: both;
}
.section-post-related .col-5 .post-related:nth-child(5n + 1) {
clear: both;
}
.section-post-related .col-6 .post-related:nth-child(6n + 1) {
clear: both;
}
.section-post-related .post-related .image_frame {
margin-right: 30px;
margin-bottom: 15px;
}
.section-post-related .post-related .fullscreen-container {
height: 180px !important;
}
.section-post-related .post-related .date_label {
position: absolute;
right: 0;
top: 30px;
z-index: 20;
}
.section-post-related .post-related hr {
margin-right: 30px;
width: 40%;
}
.section-post-related .post-related a.button {
margin-right: 30px;
margin-bottom: 0;
}
.section-post-related .format-quote blockquote {
margin-top: 70px;
margin-right: 40px;
}
.section-post-related .format-link .image_frame {
height: 180px;
background-color: rgba(255, 255, 255, 0.5);
background-image: url(../images/link.png);
background-position: center;
background-repeat: no-repeat;
}
.section-post-related .format-standard.no-img .image_frame {
display: block;
height: 180px;
background-color: rgba(255, 255, 255, 0.5);
background-image: url(../images/photo.png);
background-position: center;
background-repeat: no-repeat;
}
.section-post-related .post-related .image_frame iframe {
width: 100%;
}
/* Section post related - simple */
.section-post-related .simple .post-related .image_frame {
margin-right: 0px;
}
.section-post-related .simple .post-related .date_label {
margin-bottom: 5px;
position: static;
padding: 0;
background-color: transparent;
background-image: none;
}
.section-post-related .simple .post-related .date_label:after {
display: none;
}
.section-post-related .simple .post-related hr {
display: none;
}
.section-post-related .simple .post-related a.button {
margin-right: 0px;
}
.section-post-related .simple .post-related.format-quote .date_label {
margin-bottom: 10px;
}
.section-post-related .simple .format-quote blockquote {
margin-top: 0px;
}
/* Format | Link */
.single-format-link .single-photo-wrapper .share_wrapper {
float: none;
width: auto;
padding: 10px 15px 15px;
}
.single-format-link .single-photo-wrapper .share_wrapper .stButton {
margin: 0 0 0 10px;
}
.single-format-link .section-post-header .single-photo-wrapper .image_frame {
display: none;
}
/* Format | Quote */
.single-format-quote #Subheader .title {
width: 100%;
}
.single-format-quote #Subheader ul.breadcrumbs {
display: none;
}
.single-format-quote .single-photo-wrapper .share_wrapper {
float: none;
width: auto;
padding: 10px 15px 15px;
}
.single-format-quote .single-photo-wrapper .share_wrapper .stButton {
margin: 0 0 0 10px;
}
.single-format-quote .section-post-header .single-photo-wrapper .image_frame {
display: none;
}
/* NO img */
.portfolio.no-img .single-photo-wrapper .share_wrapper,
.format-image.no-img .single-photo-wrapper .share_wrapper,
.format-standard.no-img .single-photo-wrapper .share_wrapper {
float: none;
width: auto;
padding: 10px 15px 15px;
}
.portfolio.no-img .single-photo-wrapper .share_wrapper .stButton,
.format-image.no-img .single-photo-wrapper .share_wrapper .stButton,
.format-standard.no-img .single-photo-wrapper .share_wrapper .stButton {
margin: 0 0 0 10px;
}
.portfolio.no-img .section-post-header .single-photo-wrapper .image_frame,
.format-image.no-img .section-post-header .single-photo-wrapper .image_frame,
.format-standard.no-img .section-post-header .single-photo-wrapper .image_frame {
display: none !important;
}
/* Project decription */
.project-description li {
width: 99.9%;
clear: both;
padding: 7px 10px;
background: rgba(0, 0, 0, 0.01);
border-style: solid;
border-color: rgba(0, 0, 0, 0.03);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.project-description li .label {
font-weight: 700;
min-width: 50px;
display: inline-block;
}
.project-description li.one-third {
float: right;
width: 33.3%;
clear: none;
padding-left: 15px;
border-width: 0 0 1px 1px;
}
.project-description li:nth-child(3) {
border-left-color: transparent;
}
/* Share Item */
.share_item {
float: none;
width: auto;
padding: 10px 15px 15px;
}
.share_item .stButton {
margin: 0 0 0 10px;
}
/* Templates | Preview --------------------------------------------------------------- */
.single-template .section-post-header,
.single-template .section-post-about,
.single-template .section-post-related,
.single-template .section-post-comments {
display: none;
}
/* Widget Area ----------------------------------------------------------------------- */
.widget-area {
border-style: solid;
padding: 30px 20px 20px;
position: relative;
}
.widget-area:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 1500px;
height: 100%;
background: rgba(0, 0, 0, 0.01);
visibility: visible;
}
.aside_right .widget-area {
border-left-width: 1px;
}
.aside_right .widget-area:before {
left: 0;
}
.aside_left .widget-area {
border-right-width: 1px;
}
.aside_left .widget-area:before {
right: 0;
}
.widget-area.lines-boxed .widget:after {
width: 100%;
}
.widget-area.lines-hidden .widget:after {
display: none;
}
.widget {
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
}
.widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget:last-child:after {
display: none;
}
.widget:after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 1500px;
height: 0;
visibility: visible;
border-width: 1px 0 0;
border-style: solid;
}
.widget > h3 {
font-size: 18px;
line-height: 22px;
}
.aside_right .widget:after {
left: 0;
}
.aside_left .widget:after {
right: 0;
}
.with_aside.aside_both .sidebar-1 .widget-area {
border-left-width: 1px;
}
.with_aside.aside_both .sidebar-1 .widget-area:before {
left: 0;
}
.with_aside.aside_both .sidebar-1 .widget-area .widget:after {
left: 0;
}
.with_aside.aside_both .sidebar-2 .widget-area {
border-right-width: 1px;
}
.with_aside.aside_both .sidebar-2 .widget-area:before {
right: 0;
}
.with_aside.aside_both .sidebar-2 .widget-area .widget:after {
right: 0;
}
/* Recent posts */
.Recent_posts ul {
margin: 0 !important;
}
.Recent_posts ul li {
margin-bottom: 10px;
list-style: none !important;
}
.Recent_posts ul li:last-child {
margin-bottom: 0;
}
.Recent_posts ul li a {
text-decoration: none;
}
.Recent_posts ul li .desc {
margin-left: 80px;
padding: 5px 15px;
background: #fff;
position: relative;
min-height: 70px;
}
.Recent_posts ul li .desc:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
}
.Recent_posts ul li .desc h6 {
position: relative;
z-index: 2;
margin-bottom: 3px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-style: solid;
}
.Recent_posts ul li .desc .date {
position: relative;
z-index: 2;
}
.Recent_posts ul li .desc .date i {
display: inline-block;
margin-left: 2px;
}
.Recent_posts ul li.no-img {
position: relative;
}
.Recent_posts ul li.no-img .photo {
width: 0;
position: static;
}
.Recent_posts ul li.no-img .desc {
margin-left: 0;
min-height: inherit;
}
.Recent_posts ul li .photo {
width: 80px;
height: 80px;
line-height: 0;
text-align: center;
float: left;
position: relative;
}
.Recent_posts ul li .photo .c {
width: 25px;
height: 25px;
line-height: 25px;
z-index: 3;
text-align: center;
color: #fff;
position: absolute;
left: -12px;
bottom: 12px;
font-size: 11px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.Recent_posts ul li a:hover h6,
.Recent_posts ul li a:hover .desc .date {
color: #fff !important;
}
.Recent_posts ul li a:hover .desc:after {
width: 100%;
}
/* Formats */
.Recent_posts ul li.format-link .photo {
background-color: #eee;
background-image: url(../images/link.png);
background-position: center;
background-repeat: no-repeat;
}
.Recent_posts ul li.format-quote .photo {
background-color: #eee;
background-image: url(../images/blockquote.png);
background-position: center;
background-repeat: no-repeat;
background-size: 40% auto;
}
/* Animation */
.Recent_posts ul li a h6,
.Recent_posts ul li a .desc .date,
.Recent_posts ul li a .desc:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Recent posts | WordPress */
.widget_recent_entries ul li {
padding: 5px 15px;
background: #fff;
position: relative;
margin-bottom: 10px;
}
.widget_recent_entries ul li a {
display: block;
text-decoration: none;
position: relative;
z-index: 2;
margin-bottom: 3px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-style: solid;
}
.widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.widget_recent_entries ul li:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
}
.widget_recent_entries ul li:hover:after {
width: 100%;
}
.widget_recent_entries ul li .post-date {
display: block;
position: relative;
z-index: 2;
}
.widget_recent_entries ul li:hover a,
.widget_recent_entries ul li:hover .post-date {
color: #fff;
}
.widget_recent_entries ul li:hover a,
.widget_recent_entries ul li:hover .post-date,
.widget_recent_entries ul li:hover:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Categories */
.widget_categories ul {
list-style-type: square;
color: #fff;
padding: 5px 30px 5px 10px;
}
.widget_categories ul li {
position: relative;
}
.widget_categories ul li:after {
content: "";
display: block;
width: 70px;
border-width: 0 0 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.2);
position: absolute;
right: -30px;
bottom: 0;
}
.widget_categories ul li:last-child:after {
display: none;
}
.widget_categories ul li a {
color: #fff !important;
display: block;
padding: 7px 3px 7px 0;
}
/* Archives, Custom menu */
.widget_archive ul,
.widget_nav_menu ul {
list-style-type: square;
padding: 5px 30px 5px 10px;
background: rgba(0, 0, 0, 0.03);
}
.widget_archive ul li,
.widget_nav_menu ul li {
position: relative;
}
.widget_archive ul li:after,
.widget_nav_menu ul li:after {
content: "";
display: block;
width: 70px;
border-width: 0 0 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
position: absolute;
right: -30px;
bottom: 0;
}
.widget_archive ul li:last-child:after,
.widget_nav_menu ul li:last-child:after {
display: none;
}
.widget_archive ul li a,
.widget_nav_menu ul li a {
display: block;
padding: 8px 3px 9px 0;
}
/* Meta, Pages, RSS */
.widget_meta ul,
.widget_pages ul,
.widget_rss ul {
list-style-type: square;
padding: 0 30px 0 0;
}
.widget_meta ul li a,
.widget_pages ul li a,
.widget_rss ul li a {
display: block;
padding: 4px 4px 7px 0;
}
/* Recent comments */
.widget_mfn_recent_comments ul {
margin: 0 !important;
}
.widget_mfn_recent_comments ul li {
padding-bottom: 15px;
margin-bottom: 0 !important;
background: url(../images/recent_comments.png) no-repeat right 4px top;
padding-right: 40px;
position: relative;
list-style: none !important;
}
.widget_mfn_recent_comments ul li:last-child {
padding-bottom: 5px;
}
.widget_mfn_recent_comments ul li .date_label {
background-color: rgba(0, 0, 0, 0.03);
margin-top: 7px;
margin-bottom: 5px;
position: relative;
}
.widget_mfn_recent_comments ul li .date_label:after {
border-right-color: rgba(0, 0, 0, 0.03);
}
.widget_mfn_recent_comments ul li:after {
content: "";
width: 7px;
height: 7px;
border-width: 4px;
border-style: solid;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
right: 0;
top: 11px;
display: block;
z-index: 1;
}
.widget_mfn_recent_comments ul li p {
margin-bottom: 0;
}
/* Recent comments*/
.widget_recent_comments ul li {
padding-bottom: 5px;
padding-top: 6px;
background: url(../images/recent_comments.png) no-repeat right 4px top;
padding-right: 40px;
position: relative;
}
.widget_recent_comments ul li:last-child {
padding-bottom: 5px;
}
.widget_recent_comments ul li:after {
content: "";
width: 7px;
height: 7px;
border-width: 4px;
border-style: solid;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
right: 0;
top: 11px;
display: block;
z-index: 1;
}
/* Search */
.widget_search input[type="text"] {
margin-bottom: 0;
width: 100%;
}
.widget_search .icon_close,
.widget_search .icon_search {
display: none;
}
/* Calendar */
.widget_calendar td,
.widget_calendar th {
padding: 4px 3px;
}
.widget_calendar caption {
padding: 5px;
font-size: 14px;
}
.widget_calendar table tfoot tr:hover td {
background: none !important;
}
/* Flickr */
.Flickr {
overflow: hidden;
}
.Flickr .flickr_badge_image {
margin: 0;
padding: 0;
float: right;
margin: 0 1% 2% 1%;
width: 23%;
}
.Flickr .flickr_badge_image a {
display: block;
line-height: 0;
}
/* Recent tweets */
.widget_tp_widget_recent_tweets .tp_recent_tweets {
clear: none;
float: none;
}
.widget_tp_widget_recent_tweets ul {
overflow: hidden;
}
.widget_tp_widget_recent_tweets ul li:last-child {
padding-bottom: 0;
}
/* Tag cloud */
.widget_mfn_tag_cloud ul {
margin-bottom: 0;
overflow: hidden;
}
.widget_mfn_tag_cloud ul li {
margin: 0;
padding: 0;
float: right;
margin: 0 0 2px 5px;
}
.widget_mfn_tag_cloud a {
overflow: hidden;
white-space: nowrap;
display: inline-block;
height: 22px;
font-size: 12px;
padding-left: 8px;
margin-left: 1px;
}
.widget_mfn_tag_cloud a:hover {
text-decoration: none;
}
.widget_mfn_tag_cloud a span {
padding-right: 8px;
height: 22px;
line-height: 22px;
display: block;
float: right;
}
/* Muffin menu */
.widget_mfn_menu ul li a {
display: block;
padding: 7px 10px;
margin-bottom: 5px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.04);
color: #858585;
}
.widget_mfn_menu ul li a:hover,
.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,
.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a {
text-decoration: none;
color: #fff !important;
}
.widget_mfn_menu ul li ul li a {
padding-right: 20px;
}
.widget_mfn_menu ul li ul li a:before {
content: "-";
margin-left: 5px;
}
.widget_mfn_menu ul li ul li ul li a {
padding-right: 40px;
}
.widget_mfn_menu ul li ul li ul li ul li a {
padding-right: 60px;
}
.widget_mfn_menu ul.submenus-hover li ul {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 1s ease-in-out;
-moz-transition: max-height 1s ease-in-out;
-o-transition: max-height 1s ease-in-out;
transition: max-height 1s ease-in-out;
}
.widget_mfn_menu ul.submenus-hover li.current_page_item > ul,
.widget_mfn_menu ul.submenus-hover li:hover > ul {
max-height: 10000px;
}
.widget_mfn_menu ul.submenu-active li.current-menu-parent > ul {
max-height: 10000px;
}
.widget_mfn_menu ul.submenus-click li ul {
overflow: hidden;
max-height: 0;
}
.widget_mfn_menu ul.submenus-click li.hover > ul {
max-height: 10000px;
}
/* Muffin login */
.mfn-login {
overflow: hidden;
}
.mfn-login form p {
margin-bottom: 5px;
}
.mfn-login form input {
margin-bottom: 0;
}
.mfn-login .sep {
margin: 0 7px;
}
.mfn-login .avatar-wrapper {
float: right;
width: 64px;
margin: 0 0 10px 10px;
}
.mfn-login .author {
float: right;
}
.mfn-login .alert {
padding: 5px 10px;
margin-bottom: 5px;
}
/* Portfolio ----------------------------------------------------------------------- */
.portfolio_group {
margin: 0 !important;
}
.portfolio_group .portfolio-item {
list-style: none !important;
float: right;
}
.portfolio_group .portfolio-item.isotope-grid-sizer {
margin: 0 !important;
}
.portfolio_group:not(.list) .portfolio-item {
background: none !important;
}
.portfolio_group .portfolio-item .list_style_header {
display: none;
overflow: hidden;
margin-bottom: 20px;
position: relative;
min-height: 46px;
padding-left: 275px;
}
.portfolio_group .portfolio-item .list_style_header h3 {
margin-bottom: 0;
margin-top: 7px;
}
.portfolio_group .portfolio-item .list_style_header .links_wrapper {
position: absolute;
left: 0;
top: 0;
}
.portfolio_group .portfolio-item .list_style_header .links_wrapper a {
margin-bottom: 0;
}
.portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child {
margin-left: 0;
}
.portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js {
display: none;
}
.portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js {
display: none;
}
.portfolio_group .portfolio-item .image_frame {
width: 100%;
margin-bottom: 0;
}
.portfolio_group .portfolio-item .desc {
padding: 20px;
background: #fff;
overflow: hidden;
}
.portfolio_group .portfolio-item .desc .title_wrapper {
position: relative;
padding-left: 43px;
}
.portfolio_group .portfolio-item .desc .title_wrapper h5 {
margin-bottom: 0;
}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love {
position: absolute;
left: 0;
top: 0;
}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love {
display: inline-block;
position: relative;
padding-right: 24px;
}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover {
text-decoration: none;
}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child,
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child {
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio_group .portfolio-item .desc .desc-wrapper {
margin-left: 280px;
}
.portfolio_group .portfolio-item .desc .details-wrapper {
float: left;
width: 240px;
padding-right: 19px;
border-right-width: 1px;
border-style: solid;
}
.portfolio_group .portfolio-item .desc .details-wrapper dl {
margin-bottom: 0;
}
.portfolio_group .portfolio-item .desc .details-wrapper dl > dt {
padding: 2px 0;
border: 0;
width: 80px;
}
.portfolio_group .portfolio-item .desc .details-wrapper dl > dd {
padding: 2px 0;
border: 0;
margin-right: 90px;
}
/* List */
.portfolio_group.list .portfolio-item {
width: 100%;
border-bottom-width: 0;
border-style: solid;
}
.portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
background-position: top center;
background-repeat: repeat;
padding: 35px 0;
}
.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg {
background: none !important;
}
body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
padding-right: 5%;
padding-left: 5%;
}
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
width: 1176px;
margin: 0 auto;
}
.portfolio_group.list .portfolio-item .list_style_header {
display: block;
}
.portfolio_group.list .portfolio-item .desc {
background: none;
padding: 20px 0 0;
}
.portfolio_group.list .portfolio-item .desc .title_wrapper {
display: none;
}
/* Flat */
.portfolio_group.flat .portfolio-item {
width: 33.3%;
}
.portfolio_group.flat .portfolio-item .image_frame {
border: 0;
}
.portfolio_group.flat .portfolio-item .image_frame .mask {
box-shadow: 0 0 0 0;
-webkit-box-shadow: 0 0 0 0;
}
.portfolio_group.flat .portfolio-item .desc {
display: none;
}
/* Grid */
.portfolio_group.grid .portfolio-item {
width: 31.2%;
margin: 0 1% 20px;
}
.portfolio_group.grid .portfolio-item .desc .desc-wrapper,
.portfolio_group.grid .portfolio-item .desc .details-wrapper {
display: none;
}
/* Masonry */
.portfolio_group.masonry .portfolio-item {
width: 31.2%;
margin: 0 1% 20px;
}
.portfolio_group.masonry .portfolio-item .desc .title_wrapper {
margin-bottom: 15px;
}
.portfolio_group.masonry .portfolio-item .desc .desc-wrapper {
display: block;
margin-left: 0;
}
.portfolio_group.masonry .portfolio-item .desc .details-wrapper {
display: none;
}
/* Masonry hover */
.portfolio_group.masonry-hover .portfolio-item {
width: 31.2%;
margin: 0 1% 20px;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper {
position: relative;
overflow: hidden;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
opacity: 0;
position: absolute;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.3);
height: 100%;
width: 100%;
padding: 10% 10% 50px;
box-sizing: border-box;
z-index: 2;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after {
content: "";
display: block;
margin: 15px 0;
width: 20px;
height: 3px;
background: #fff;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {
color: #fff;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {
height: 100%;
overflow: hidden;
color: #fff;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper {
bottom: 18px;
box-sizing: border-box;
right: 0;
padding: 0 8% 0 7%;
position: absolute;
width: 100%;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {
font-size: 25px;
color: #fff;
position: relative;
top: 0;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link {
float: left;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {
}
.portfolio_group.masonry-hover .portfolio-item .image-wrapper {
line-height: 0;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a {
color: #444;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after {
background: #444;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc {
opacity: 1;
}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external {
top: -3px;
}
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
padding: 10%;
}
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper {
overflow: visible;
}
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
position: static;
opacity: 1;
}
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner {
margin-bottom: 15px;
}
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper {
position: static;
padding: 0;
margin-top: 30px;
}
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {
display: none;
}
/* Animation */
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Masonry minimal */
.portfolio_group.masonry-minimal .portfolio-item {
width: 31.2%;
margin: 0 1% 20px;
}
/* Masonry Flat */
.portfolio_group.masonry-flat {
float: right;
width: 100.5%;
}
.portfolio_group.masonry-flat .portfolio-item {
width: 24.9%;
display: block;
float: right;
position: relative;
}
.portfolio_group.masonry-flat .portfolio-item.wide {
width: 49.8%;
}
.portfolio_group.masonry-flat .portfolio-item .portfolio-item-fill {
padding-bottom: 78%;
}
.portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill {
padding-bottom: 156%;
}
.portfolio_group.masonry-flat .portfolio-item.wide .portfolio-item-fill {
padding-bottom: 39%;
}
.portfolio_group.masonry-flat .portfolio-item.tall.wide .portfolio-item-fill {
padding-bottom: 78%;
}
.portfolio_group.masonry-flat .portfolio-item .image_frame {
border: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.portfolio_group.masonry-flat .portfolio-item .image_frame .image_wrapper {
position: static;
}
.portfolio_group.masonry-flat .portfolio-item .image_frame .mask {
box-shadow: 0 0 0 0;
-webkit-box-shadow: 0 0 0 0;
}
.portfolio_group.masonry-flat .portfolio-item .image_frame img {
margin: 0 !important;
top: 0 !important;
}
.portfolio_group.masonry-flat .portfolio-item .desc {
display: none;
}
/* Columns 2-6 */
/* Grid, Masonry, Masonry Hover */
.portfolio_group.grid.col-2 .portfolio-item,
.portfolio_group.masonry.col-2 .portfolio-item,
.portfolio_group.masonry-hover.col-2 .portfolio-item,
.portfolio_group.masonry-minimal.col-2 .portfolio-item {
width: 47.99%;
}
.portfolio_group.grid.col-3 .portfolio-item,
.portfolio_group.masonry.col-3 .portfolio-item,
.portfolio_group.masonry-hover.col-3 .portfolio-item,
.portfolio_group.masonry-minimal.col-3 .portfolio-item {
width: 31.33%;
}
.portfolio_group.grid.col-4 .portfolio-item,
.portfolio_group.masonry.col-4 .portfolio-item,
.portfolio_group.masonry-hover.col-4 .portfolio-item,
.portfolio_group.masonry-minimal.col-4 .portfolio-item {
width: 22.99%;
}
.portfolio_group.grid.col-5 .portfolio-item,
.portfolio_group.masonry.col-5 .portfolio-item,
.portfolio_group.masonry-hover.col-5 .portfolio-item,
.portfolio_group.masonry-minimal.col-5 .portfolio-item {
width: 18.99%;
margin: 0 0.5% 20px;
}
.portfolio_group.grid.col-6 .portfolio-item,
.portfolio_group.masonry.col-6 .portfolio-item,
.portfolio_group.masonry-hover.col-6 .portfolio-item,
.portfolio_group.masonry-minimal.col-6 .portfolio-item {
width: 15.66%;
margin: 0 0.5% 20px;
}
/* Flat */
.portfolio_group.flat.col-2 .portfolio-item {
width: 49.99%;
}
.portfolio_group.flat.col-3 .portfolio-item {
width: 33.33%;
}
.portfolio_group.flat.col-4 .portfolio-item {
width: 24.99%;
}
.portfolio_group.flat.col-5 .portfolio-item {
width: 19.99%;
}
.portfolio_group.flat.col-6 .portfolio-item {
width: 16.66%;
}
/* Exposure */
.portfolio_group.exposure {
}
.portfolio_group.exposure .portfolio-item {
width: 100%;
position: relative;
}
.portfolio_group.exposure .portfolio-item a.link {
display: block;
}
.portfolio_group.exposure .portfolio-item .image-wrapper {
line-height: 0;
}
.portfolio_group.exposure .portfolio-item .image-wrapper .mask {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
}
.portfolio_group.exposure .portfolio-item .desc-inner {
position: absolute;
right: 0;
top: 30px;
z-index: 2;
width: 100%;
}
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
padding: 0 35px;
margin: 0 1%;
width: 98%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.full-width .portfolio_group.exposure .portfolio-item .desc-inner {
top: 70px;
}
.full-width .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
padding: 0;
}
.portfolio_group.exposure .portfolio-item .desc-inner .line {
display: block;
width: 0;
height: 4px;
margin-bottom: 20px;
}
.portfolio_group.exposure .portfolio-item .desc-inner .entry-title {
margin-bottom: 20px;
}
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper {
width: 75%;
opacity: 0.7;
}
.portfolio_group.exposure .portfolio-item .details-wrapper {
position: absolute;
left: 0;
bottom: 5px;
z-index: 2;
width: 100%;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner {
padding: 0 25px;
margin: 0 1%;
width: 98%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.full-width .portfolio_group.exposure .portfolio-item .details-wrapper {
bottom: 35px;
}
.full-width .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner {
padding: 0;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column {
float: left;
opacity: 0;
-webkit-transform: translateY(-7%);
transform: translateY(-7%);
border-top: 1px solid rgba(255, 255, 255, 0.4);
padding: 20px 10px;
margin-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column h5.label {
font-weight: 400;
margin-bottom: 8px;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column h5 {
font-weight: 700;
}
/* Colors */
.portfolio_group.exposure .portfolio-item .desc-inner .entry-title,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h2,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h3,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h4,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h5,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h6,
.portfolio_group.exposure .portfolio-item .details-wrapper h5,
.portfolio_group.exposure .portfolio-item .details-wrapper h5 a {
color: #fff;
}
/* Hover */
.portfolio_group.exposure .portfolio-item .desc-inner .line,
.portfolio_group.exposure .portfolio-item .image-wrapper .mask {
-webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.portfolio_group.exposure .portfolio-item:hover .desc-inner .line {
width: 100px;
}
.portfolio_group.exposure .portfolio-item:hover .image-wrapper .mask {
opacity: 1;
}
.portfolio_group.exposure .portfolio-item:hover .details-wrapper .column {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc {
margin: 40px 0 !important;
}
.template-slider .section-portfolio-header {
margin-top: 30px;
}
/* Intro ------------------------------------------------------------------------- */
#Intro {
text-align: center;
position: relative;
background-color: #000119;
background-position: center top;
}
#Intro .intro-inner {
position: relative;
padding: 250px 10%;
}
#Intro .intro-title {
margin-bottom: 20px;
word-wrap: break-word;
}
#Intro .intro-meta > div {
display: inline-block;
margin: 0 10px;
}
#Intro .intro-next {
cursor: pointer;
font-size: 38px;
height: 50px;
right: 50%;
bottom: 30px;
line-height: 50px;
margin: 0 -25px 0 0;
position: absolute;
text-align: center;
width: 50px;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#Intro.parallax {
overflow: hidden;
}
#Intro.parallax .mfn-parallax {
position: absolute;
right: 0;
top: 0;
max-width: auto !important;
transition: opacity 0.2s;
}
/* Light */
#Intro .intro-title {
color: #fff;
}
#Intro .intro-meta,
#Intro .intro-meta a {
color: rgba(255, 255, 255, 0.7);
}
#Intro .intro-next {
color: rgba(255, 255, 255, 0.2);
}
#Intro .intro-next:hover {
color: rgba(255, 255, 255, 0.5);
}
/* Dark */
#Intro.light .intro-title {
color: #212121;
}
#Intro.light .intro-meta,
#Intro.light .intro-meta a {
color: rgba(33, 33, 33, 0.7);
}
#Intro.light .intro-next {
color: rgba(33, 33, 33, 0.2);
}
#Intro.light .intro-next:hover {
color: rgba(33, 33, 33, 0.5);
}
.quick_fact .number {
font-size: 90px;
line-height: 90px;
}
/* Logo | Advanced */
.logo-valign-top #Top_bar #logo img {
vertical-align: top;
}
.logo-valign-bottom #Top_bar #logo img {
vertical-align: bottom;
}
.logo-no-margin #Top_bar .logo {
margin-right: 0 !important;
padding: 0 !important;
}
.logo-no-margin.header-plain #Top_bar .logo {
margin: 0 !important;
}
.logo-no-margin #Header_creative .logo {
margin-top: 0 !important;
}
.logo-no-margin.header-fw #Top_bar .column {
margin: 0;
width: 100%;
}
.logo-no-sticky-padding #Top_bar.is-sticky #logo {
padding: 0 !important;
}
.logo-no-sticky-padding #Top_bar.is-sticky #logo img.logo-sticky {
max-height: 60px;
}
.logo-overflow #Top_bar .logo {
height: 60px;
position: relative;
z-index: 198;
}
.logo-overflow #Top_bar #logo {
height: auto !important;
margin-top: 0 !important;
z-index: 199;
}
.logo-overflow #Top_bar #logo img {
max-height: none;
z-index: 200;
}
.logo-overflow #Top_bar.is-sticky #logo {
height: auto !important;
}
.logo-overflow #Top_bar.is-sticky #logo img.logo-sticky:not(.svg) {
max-height: 110px;
}
.logo-overflow.header-creative #Top_bar:not(.is-sticky) .logo,
.logo-overflow.header-stack #Top_bar:not(.is-sticky) .logo {
height: auto;
}
#Filters.only .filters_buttons {
display: none;
}
#Filters.only .filters_wrapper {
display: block;
}
#Filters.only li.reset-inner {
display: inline-block;
}
#Filters.only li.close {
display: none !important;
}
#Filters.only-categories .categories {
display: block;
}
#Filters.only-categories .tags {
display: none !important;
}
#Filters.only-categories .authors {
display: none !important;
}
#Filters.only-tags .categories {
display: none !important;
}
#Filters.only-tags .tags {
display: block;
}
#Filters.only-tags .authors {
display: none !important;
}
#Filters.only-authors .categories {
display: none !important;
}
#Filters.only-authors .tags {
display: none !important;
}
#Filters.only-authors .authors {
display: block;
}
#Filters .filters_wrapper ul li a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.portfolio_slider_ul,
ul.testimonials-slider {
background: none !important;
}
.portfolio_slider_ul li,
ul.testimonials-slider > * {
visibility: visible !important;
}
a#back_to_top.button .button_icon {
padding: 2px 7px;
}
.content_slider .content_slider_ul.carouFredSel {
opacity: 1;
}
/* Code Hightlighter ----------------------------------------------------------------- */
code,
pre,
q {
font-family: Consolas, monospace !important;
border: 1px solid #e8e8e8;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
code,
q {
padding: 2px 4px;
white-space: nowrap;
margin: 0 2px;
color: #2991d6;
}
pre {
padding: 21px 15px 20px;
margin: 15px 0;
display: block;
line-height: 21px !important;
background: #fff;
background: -moz-linear-gradient(top, #fff 50%, #fafafa 50%);
background: -webkit-linear-gradient(top, #fff 50%, #fafafa 50%);
background: -o-linear-gradient(top, #fff 50%, #fafafa 50%);
background: linear-gradient(top, #fff 50%, #fafafa 50%);
background-size: 42px 42px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
}
code p,
pre p {
margin-bottom: 0 !important;
}
#contactWrapper.no_border input,
#contactWrapper.no_border select,
#contactWrapper.no_border textarea {
border-width: 0px;
}
@media only screen and (max-width: 767px) {
.mcb-wrap[data-mobile="no-up"] {
margin-top: 0 !important;
}
}
/* Share | Simple | .share-simple-wrapper */
.share-simple .post-header .title_wrapper {
margin-right: 0;
padding-right: 0;
border-right-width: 0;
}
.share-simple-wrapper {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 15px 0;
text-align: right;
}
.share-simple-wrapper .share-label {
margin-left: 10px;
}
.share-simple-wrapper .icons {
display: inline;
}
.share-simple-wrapper .icons a {
padding: 0 5px;
color: #a8a8a8;
}
.share-simple-wrapper .icons .facebook:hover {
color: #3b5998;
}
.share-simple-wrapper .icons .twitter:hover {
color: #1da1f2;
}
.share-simple-wrapper .icons .google:hover {
color: #dc4e41;
}
.share-simple-wrapper .icons .linkedin:hover {
color: #0077b5;
}
.share-simple-wrapper .icons .pinterest:hover {
color: #bd081b;
}
.share-simple-wrapper .button-love {
float: left;
}
.share-simple-wrapper .mfn-love {
position: relative;
display: inline-block;
padding-right: 24px;
margin-right: 5px;
}
.share-simple-wrapper .mfn-love i {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
}
.share-simple-wrapper .mfn-love:hover {
text-decoration: none;
}
.share-simple-wrapper .mfn-love i:last-child {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.share-simple-wrapper .mfn-love:hover i:last-child,
.share-simple-wrapper .mfn-love.loved i:last-child {
opacity: 1;
filter: alpha(opacity=100);
}
.offer a.slider_prev,
.offer a.slider_next {
background: #262626;
margin: 0;
position: absolute;
}
.offer a.slider_prev:after,
.offer a.slider_next:after {
background: rgba(0, 0, 0, 0.2);
}
.offer a.slider_prev .button_icon,
.offer a.slider_next .button_icon {
padding: 0;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 13px;
text-align: center;
}
.offer a.slider_prev .button_icon i,
.offer a.slider_next .button_icon i {
color: #fff;
}
.offer a.slider_prev {
right: 50px;
top: 50%;
z-index: 2;
margin-top: -69px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.offer a.slider_next {
right: 50px;
top: 50%;
z-index: 2;
margin-top: 23px;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}
.offer .slider_pagination {
opacity: 0;
right: 50px;
top: 50%;
color: #6c6c6c;
margin-top: -23px;
position: absolute;
z-index: 1;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 13px;
background: #1c1c1c;
}
.offer .slider_pagination.show {
opacity: 1;
}
.offer .slider_pagination .current,
.offer .slider_pagination .count {
color: #fff;
}
.style-simple .dark .quick_fact .number-wrapper {
color: #fff;
}
a.action_button {
display: block;
padding: 11px 20px;
line-height: 21px;
float: right;
position: relative;
box-sizing: border-box;
border-radius: 5px;
overflow: hidden;
}
a.action_button:hover {
text-decoration: none;
}
/* Blockquote */
.dark blockquote {
background-image: url(../images/textline_dark.png);
}
.dark blockquote:after {
background-image: url(../images/blockquote_dark.png);
}
/* Wrap | Equal Height */
.equal-height-wrap .mcb-wrap .mcb-wrap-inner {
position: relative;
float: right;
width: 100%;
}
.equal-height-wrap .mcb-wrap.valign-middle .mcb-wrap-inner {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.equal-height-wrap .mcb-wrap.valign-bottom .mcb-wrap-inner {
top: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
#Content.no-padding,
.template-slider #Content,
.with_aside #Content {
padding-top: 0px !important;
}
#Top_bar .menu li ul li a span .icon-forward::before {
transform: scaleX(-1);
}
rs-layer[data-type="text"],
rs-layer[data-type="button"] {
direction: rtl;
}
.column.one-fourth.column_quick_fact {
float: left;
}